/* balises html */
body{
	background:#f5f5f5;
	color:#000;
	font-family:sans-serif;
}

::selection{
	background-color:#9fd3fe;
	color:#fff;
}
::-moz-selection{
	background-color:#9fd3fe;
	color:#fff;
}

/* couleurs des alertes, boutons, textes... standards de bootstrap */
.bg-primary{background-color:#24b6e9;border-color:#24b6e9;color:#fff;}
.border-primary{border-color:#24b6e9;}
.text-primary,
.text-primary:hover,
.text-primary:focus{color:#24b6e9 !important;}
.btn-primary{color:#fff;background-color:#24b6e9;border-color:#24b6e9;}
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary.focus{color:#fff;background-color:#1B88AF;border-color:#08528d;}
.btn-primary:hover{color:#fff;background-color:#1B88AF;border-color:#0b76cc;}
.alert-primary{color:#1565C0;background-color:#E3F2FD;border-color:#1B88AF;}

.bg-blue{background-color:#00b7fa;border-color:#00b7fa;color:#fff;}
.text-blue,
.text-blue:hover,
.text-blue:focus{color:#00b7fa !important;}

/* structure */
#FullBody, #FullContainer{ /* Pour les pages en FullScreen */
	background:#f5f5f5;
}
.content{
	padding-bottom:0;
}
#first-div-page-content{
	width:100%;
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
	background-color:#fff;
	background-image:url('/images/OIKAOIKA/bande-couleur.jpg');
	background-position:bottom center;
	background-repeat:no-repeat;
	background-size:contain;
}
#first-div-page-content .sidebar,
#first-div-page-content .page-header-default,
#first-div-page-content .page-header-content{
	background:none;
	box-shadow:none;
}
#first-div-page-content .sidebar-logo{
    height:auto;
}

.navbar-inverse, .sidebar{
	background:#24b6e9;
	border-color:#9fd3fe;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
	color:#fff;
	background-color:rgba(0, 0, 0, 0.1);
}

.sidebar-logo{
	height:102px;
	padding:5px;
	background-color:transparent;
}
.sidebar-logo > img.img-responsive{
	max-height:92px;
}

.page-header-content{
	color:#f47449;
	background-color:#fff;
}

.navigation li a{
	color:rgba(255, 255, 255, 0.95);
}
.navigation > li > a{
	color:#fff;
}

.navigation > li.active > a,
.navigation > li.active > a:hover,
.navigation > li.active > a:focus{
	background-color:rgba(0, 0, 0, 0.25);
}
.navigation > li > ul li.active > a,
.navigation > li > ul li.active > a:hover,
.navigation > li > ul li.active > a:focus{
	background:#9fd3fe;
	color:#000;
}

.dropdown-menu-panier > li > a{
	text-decoration:underline;
	color:#1e88e5;
}
.dropdown-menu-panier > li > a:hover,
.dropdown-menu-panier > li > a:focus{
	color:#1e88e5;
}

.form-control:focus{
	border-color:rgba(0, 144, 240, 1);
}
.input-error input{
	border-color:#F44336;
}

.version{
	font-size:11px;
	color:rgba(0, 0, 0, 0.25);
}

.page-container .page-content .content-wrapper .content .row.bg-white{
    margin-left:-20px;
    margin-right:-20px;
}
.maxheightmio{
    max-height:115px;
    width:auto;
}

h2{
	font-size:32px;
	font-weight:100;
}

.btn-dcs-grey:focus,
.btn-dcs-grey.focus
.btn-default:focus,
.btn-default.focus{
	border-color:#24b6e9 !important;
}
.btn-dcs-grey{
	color:#fff;
	background-color:#9b9b9b;
	border-color:#9b9b9b;
}
.btn-dcs-grey:hover,
.btn-dcs-grey:focus,
.btn-dcs-grey.focus{
	color:#fff;
	text-decoration:none;
}
*:focus{
	border-color:#9fd3fe;
}

.Layer{
	position:absolute;
	width:550px;
	min-width:550px;
	min-height:400px;
	overflow-y:hidden;
	overflow-x:hidden;
	z-index:998;
	left:0px;
	top:0px;
	background-color:#fff;
	layer-background-color:#fff;
	border:1px solid #000;
	color:#000;
}
.LayerTitre{
	padding:0px 15px;
	font-size:18px;
	color:#666;
	font-weight:bold;
	text-align:left;
}

#ComplementTitrePage{
	font-size:14px;
	color:#666;
}

#TitrePanier{
	font-size:11px;
	margin-top:40px;
	margin-bottom:50px;
	padding-left:20px;
}

.TitreModule{
	background:#e0e0e0;
	padding:3px 3px 3px 7px;
	color:#333;
	font-weight:bold;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left:2px;
	margin-top:5px;
	margin-bottom:5px;
}
.TitreModule img{
	padding-right:5px;
}
.TitreModule span{
	float:right;
	margin-right:5px;
}
.TitreModule .FontBouton{
	margin-top:-5px;
}
.TitreModule select{
	font-size:11px;
}
.TitreModule span label{
	font-size:11px;
	font-weight:bold;
}

.Erreur{
	font-weight:bold;
	color:#FF0000;
	font-size:12px;
}

.FondGris{
	background-color:#e0e0e0;
}

/* liens */
.LienBarNav{
	text-decoration:none;
	color:#666;
}
a.LienBarNav:hover{
	text-decoration:underline;
}
.LienPagination{
	text-decoration:none;
}
.LienPagination:visited{
	text-decoration:none;
}

a.disabled,
a.disabled:hover,
a.disabled:focus{
	color:#bbb !important;
	background-color:#fff;
}

hr.style15:after{
	background:#f0f0f0;
	color:#8c8b8b;
}

.AutoCompleteDivListeStyle{
	border:1px solid #ddd;
	border-radius:3px;
	background-color:#fff;
	color:#333;
}
.AutoCompleteDivAct{
	background-color:#9fd3fe;
	color:#000;
}

.MotDePasseRetrouve{
	font-size:14px;
	font-weight:bold;
	width:100%;
	text-align:center;
}

.DateDerSynchro{
	color:#ccc;
	font-size:10px;
	font-style:italic;
	text-align:right;
	width:100%;
}

.Creation .Titre{
	font-weight:bold;
	background-color:#dbdbdb;
}
.TableInfo{
	border:1px solid #fff;
	border-collapse:collapse;
}
.TableInfo img{
	vertical-align:middle;
	border:0;
	padding-right:4px;
}
.TableInfo td{
	border:1px solid #fff;
	padding:2px;
	vertical-align:middle;
}
.TableInfo .Email{
	font-size:9px;
}

.TableInfoFond{
	background-color:#eee;
}
.TableInfoFond td{
	border:1px solid #fff;
	padding:2px;
}
.TableInfoFond img{
	vertical-align:middle;
	border:0;
	padding-right:4px;
}

.BottomInfo{
	clear:both;
	padding-top:15px;
	text-align:center;
	color:#666;
	font-style:italic;
}

#FILTREGF{
	max-width:100%;
}

/* ------------------------------------------------- */ 
/* ------------------ Home ------------------------- */
/* ------------------------------------------------- */

/* **** home clients **** */
.homepage .bg-home-client{
	border-color:#6089cc;
    color:#fff;
  	background-color:#6089cc;
}

/* **** home commandes **** */
.homepage .bg-home-commande{
    border-color:#ed5434;
    color:#fff;
  	background-color:#ed5434;
}

/* **** home reunions **** */
.homepage .bg-home-reunion{
	border-color:#fed81b;
    color:#333;
  	background-color:#fed81b;
}
/* **** home filleuls **** */
.homepage .bg-home-filleul{
	border-color:#a3ca2a;
    color:#fff;
  	background-color:#a3ca2a;
}

.homepage .bg-home-client h3 a,
.homepage .bg-home-commande h3 a,
.homepage .bg-home-filleul h3 a,
.homepage .home-actualites h3 a{
	color:#fff;
}
.homepage .bg-home-reunion h3 a{
	color:#333;
}
.homepage .home-actualites h4 a{
	color:#18547b;
}

/* **** home bloc menu **** */
.homepage .home-bloc-menu{
	color:#000;
}

.homepage .home-bloc-menu a{
	color:#000;
}

/* **** home mes clients **** */
.homepage .mes-clients{
	background:#b0b5d3;
	color:#fff;
}
.homepage .mes-clients  h3{
	background-color:#6089cc;
}

/* **** home mon reseau **** */
.homepage .mon-reseau{
	background:#b7ca79;
	color:#fff;
}
.homepage .mon-reseau  h3{
	background-color:#a3ca2a;
}

/* **** home mon planning **** */
.homepage .mon-planning{
	background:#feeb8b;
	color:#333;
}
.homepage .mon-planning  h3{
	background-color:#fed81b;
	color:#333;
}

/* **** home creer commande **** */
.homepage .creer-commande{
	background:#ed7d66;
	color:#fff;
}
.homepage .creer-commande h3{
	background-color:#ed5434;
}

.homepage .mes-clients a,
.homepage .mon-reseau a,
.homepage .creer-commande a{
	color:#fff;
}
.homepage .mon-planning a{
	color:#333;
}

.homepage .home-actualites .title{
	background-color:#18547b;
	color:#fff;
}

/* ---------------------------------------------------------------- */ 
/* -------------------  Pages de recherche  ----------------------- */
/* ---------------------------------------------------------------- */

.page-search .dl-horizontal > div:nth-of-type(odd){
	background-color:#f3f3f3;
}


/* ---------------------------------------------------------------- */ 
/* -------------------------  Lignée  ----------------------------- */
/* ---------------------------------------------------------------- */

.page-lignee-arbre .google-visualization-orgchart-linebottom{
	border-bottom:1px solid #00bcd4;
}

.page-lignee-arbre .google-visualization-orgchart-node{
	border:1px solid #00bcd4;
	border-radius:0px;
	background:#fff;
	box-shadow:none;
}
.page-lignee-arbre .google-visualization-orgchart-nodesel{
	border:1px solid #ff9800;
	outline:1px solid #ff9800;
	background:#fff3e0;
}
.page-lignee-arbre .google-visualization-orgchart-node-medium{
	background:#fff;
}

.page-lignee .TotauxLignee td,
.page-lignee .TotauxPersoLignee td{
	background:#f5f5f5;
}

.page-lignee #TableLignee a{
	color:#000;
}
.page-lignee #TableLignee .ColNomPrenomFilleul a{
	font-weight:500;
}
.page-lignee #TableLignee a:focus, .page-lignee #TableLignee a:hover{
	color:#166dba;
}

.LigneeParNiveau{
	border-collapse:collapse;
}
.LigneeParNiveau td{
	border:0px;
	border-bottom:1px solid #ccc;
	padding:0px;
	font-weight:bold;
}
.LigneeParNiveau .Totaux{
	border-bottom:1px solid #fff;
	padding:2px;
}

/* ---------------------------------------------------------------- */ 
/* --------------------  Liste réunions  -------------------------- */
/* ---------------------------------------------------------------- */

.ui_tpicker_time{
	color:#1E88E5;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary{
	background-color:#24b6e9;
	border-color:#24b6e9;
	color:#fff;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary:hover{
	background-color:#24b6e9;
	border-color:#24b6e9;
	color:#fff;
	-webkit-box-shadow:0 0 0 100px rgba(0, 0, 0, 0.05) inset;
	box-shadow:0 0 0 100px rgba(0, 0, 0, 0.05) inset;
}


/************* COMMANDE ET COMMANDE GROUPEE **********************/
.TableInfo .Groupe{
	border:1px solid transparent;
	padding:0px;
	border-collapse:collapse;
}
.TableInfo .Groupe td{
	border:1px solid #fff;
	padding:2px;
}

.Message{
	font-weight:bold;
	margin:10px auto;
	text-align:center;
}
.AucunEnreg{
	text-align:center;
	font-weight:bold;
	margin:10px;
}
.AucunEnreg i{
	font-weight:normal;
}
.CommandeRegle{
	font-size:10px;
}
.Compteur{
	color:#999;
}
.NoScript{
	color:#990000;
	font-weight:bold;
	margin:10px auto 20px auto;
}
/* Saisie des commandes */
.CommandeOrigine{
	padding:2px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
/* Paramètre des menus de gauche */
.LienMenu{
	text-decoration:none;
}

.LienMenu div{
	width:16px;
	height:16px;
	float:left;
	margin-right:1px;
	margin-left:1px;
	background-repeat:no-repeat;
}

.LienArticlePanier{
	text-decoration:none;
}
.LienArticlePanier:hover{
	text-decoration:underline;
}

.BoutonValiderCmde{
	text-align:center;
}
.BoutonValiderCmde .LienMenu{
	font-size:11px;
	font-weight:normal;
}
.DivCodePromo{
	border-radius:0px;
	background-color:#e0e0e0;
	width:250px;
	padding:5px;
	margin:auto;
	text-align:center;
}
.DivCodePromo input{
	margin-top:5px;
	margin-bottom:5px;
}
.TextMenuGauche{
	text-decoration:none;
	font-weight:normal;
}

/* Menu du panier des vendeurs */
table.MenuGauchePanierVendeur td{
	padding-top:1px;
	padding-bottom:1px;
}
.MenuGauchePanierVendeur .ArticlesAjoutes{
	padding:5px 0;
	text-align:center;
	font-style:italic;
}
.MenuGauchePanierVendeur .BoutonValiderCmde{
	border:1px solid #aac3dc;
}

.ReprendrePanier{
	background-color:#fff;
	border:1px solid #ddd;
	color:#000;
	display:inline-block;
	margin:10px 0 20px;
	padding:3px 12px;
	text-decoration:none;
}
.ReprendrePanier:hover{
	background-color:#e0e0e0;
}
.MenuGauchePanierVendeur .ArticlesAjoutes{
	font-style:italic;
	padding:5px 0;
	text-align:center;
}
.MenuGauchePanierVendeur .BoutonValiderCmde{
	background-color:#f6f6f6;
	border:thin solid #acacac;
	font-size:11px;
}
.MenuGauchePanierVendeur .BoutonValiderCmde:hover{
	background-color:#fff;
}
.MenuGauchePanierVendeur .BoutonValiderCmde a{
	color:#333;
}

/* Paramètres des div */
.separateur{
	width:inherit;
	height:10px;
	background-color:transparent;
}

#LogoEntreprise{
	display:table-cell;
	width:auto;
	max-height:80px;
	vertical-align:middle;
	background-color:#fff;
	margin:0px 0px 0px 30px;
}
#IMGLogoEntreprise{
	width:auto;
	max-height:80px;
}
#NomEntrepriseHaut{
	display:table-cell;
	height:80px;
	vertical-align:middle;
	text-align:right;
	color:#fff;
}

/* Styles Boites de Dialogue */
.TitleDlg{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:4px;
	cursor:move;
}

.TableSansBordure{
	border:0px;
}
.TableSansBordure td{
	border:0px;
}

#SaisieClientEnLigne .ReadOnly{
	color:#999;
}
#SaisieClientEnLigne img{
	vertical-align:middle;
}

/*********** AGENDA *******************/
#ImprimerAgenda{
	float:right;
	margin-bottom:10px;
	margin-top:-10px;
}

.dhx_cal_event_clear.RTypeRuniondomicile, .dhx_cal_event_clear > div.RTypeRuniondomicile, 
.dhx_cal_event_line.RTypeRuniondomicile, .dhx_cal_event.RTypeRuniondomicile > div{
	background-color:#ffecec;
}

/* ---------------------------------------------------------------- */ 
/* --------------------  Votre commande   ------------------------- */
/* ---------------------------------------------------------------- */

.page-commande .wizard > .steps > ul > li.current .number,
.page-abonnement .wizard > .steps > ul > li.current .number{
	border-color:#24b6e9;
    background-color:#24b6e9;
}

.page-commande .wizard > .steps > ul > li.current > a,
.page-abonnement .wizard > .steps > ul > li.current > a{
	font-weight:bold;
}

.page-commande .wizard > .steps > ul > li:before, .wizard > .steps > ul > li:after,
.page-abonnement .wizard > .steps > ul > li:before, .wizard > .steps > ul > li:after{
	background-color:#000;
}

.titre-tab-bleu{
	color:#24b6e9;
}

.prix_public_conseille{
	color:#808080;
}
.stock_qte{
	font-style:italic;
	color:#808080;
}
.stock_feu_vert{
	background-color:#a3ca2a;
}
.stock_feu_orange{
	background-color:#fed81b;
}
.stock_feu_rouge{
	background-color:#ed5434;
}

.CdeGroupe .TotauxCli td:first-child{
	text-align:left;
	font-weight:500;
}
.CdeGroupe .TotauxCli td:last-child{
	border-color:#ddd;
	background-color:#eee;
	text-align:right;
	font-weight:bold;
}

/* ---------------------------------------------------------------- */
/* ------------------------  Catalogue   -------------------------- */
/* ---------------------------------------------------------------- */

.page-produit ul#thumblist li a:hover,
.page-produit ul#thumblist li a:focus,
.page-produit ul#thumblist li a.zoomThumbActive{
	border:1px solid #24b6e9;
}

.page-catalogue .Div_Catalogue .Div_CatPasPhoto,
.page-client.page-home .Div_Catalogue .Div_CatPasPhoto{
	background:#f5f5f5;
}

.page-catalogue td.ColPhoto,
.page-client.page-home td.ColPhoto{
	font-style:italic;
	color:#999;
}

.page-catalogue .Div_Catalogue:after{
	content:'';
	display:block;
	margin:1px auto;
	text-align:center;
	width:75%;
	height:1px;
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
.Div_Catalogue .Div_CatInfo a{
	color:#333;
}
.Div_Catalogue .Div_CatPasPhoto{
	color:#999;
	font-style:italic;
}

.FinRechercheCatalogue{
	clear:both;
}

#InfosCommercialesProduit{
	text-align:left;
}

/************** REUNION *************************/
#TableLstReunionDatee{
	border-collapse:collapse;
}
#TableLstReunionDatee tr{
	vertical-align:top;
}
#TableLstReunionDatee .FontBouton{
	font-size:9px;
	width:150px;
}
/************** LIGNEE GRAPHE HIERARCHIQUE *************************/
#TitreNomVendeurOrgChart{
	font-size:14px;
	font-weight:bold;
	display:block;
	width:100%;
	text-align:center;
}
#TitreStatutVendeurOrgChart{
	font-size:14px;
	font-weight:bold;
	display:block;
	width:100%;
	text-align:center;
}
#TitreMoisAnneeOrgChart{
	margin-top:8px;
	font-size:12px;
	font-weight:bold;
	display:block;
	width:100%;
	text-align:center;
}
#TitreCompteurOrgChart{
	font-size:12px;
	font-weight:bold;
	display:block;
	width:100%;
	text-align:center;
}
#TitreSommaireOrgChart{
	margin-top:8px;
	font-size:10px;
	display:block;
	width:100%;
	text-align:center;
}
#orgchart_div .orgchart_statut{
	color:#666;
	font-size:10px;
	font-style:italic;
}

#orgchart_PhotoVendeur{
	max-width:125px;
	max-height:138px;
	text-align:center;
	overflow:hidden;
	margin-top:3px;
	margin-bottom:3px;
	border:none;
	display:inline-block;
}

#orgchart_NomPrenom{
	font-weight:bold;
	margin-top:3px;
}

/* ---------------------------------------------------------------- */
/* --------------------  Synthèse d'Activité  --------------------- */
/* ---------------------------------------------------------------- */

.page-synthese .BoutonSA1 .panel-body{
	background:#ed5434;
	border:1px solid #ed5434;
	color:#fff;
}
.page-synthese .BoutonSA2 .panel-body{
	background:#fed81b;
	border:1px solid #fed81b;
	color:#333;
}
.page-synthese .BoutonSA3 .panel-body{
	background:#6089cc;
	border:1px solid #6089cc;
	color:#fff;
}

.page-synthese .BoutonSA1 .panel-body:hover{
	background:#ed7d66;
}
.page-synthese .BoutonSA2 .panel-body:hover{
	background:#feeb8b;
}
.page-synthese .BoutonSA3 .panel-body:hover{
	background:#b0b5d3;
}

.page-synthese .SALigne1 .panel-body{
	background:#ed5434;
	border-color:#ed5434;
}
.page-synthese .SALigne1 .panel-body:hover{
	background:#ed7d66;
}
.page-synthese .SALigne2 .panel-body{
	background:#fed81b;
	border-color:#fed81b;
	color:#333;
}
.page-synthese .SALigne2 .panel-body:hover{
	background:#feeb8b;
}
.page-synthese .SALigne3 .panel-body{
	background:#9b9b9b;
	border-color:#9b9b9b;
}
.page-synthese .SALigne3 .panel-body:hover{
	background:#b9b9b9;
}
.page-synthese .SAClients .panel-body{
	background:#6089cc;
	border-color:#6089cc;
}
.page-synthese .SAClients .panel-body:hover{
	background:#b0b5d3;
}
.page-synthese .SAVendeurs .panel-body{
	background:#a3ca2a;
	border-color:#a3ca2a;
}
.page-synthese .SAVendeurs .panel-body:hover{
	background:#b7ca79;
}

/* ---------------------------------------------------------------- */
/* --------------------------  Comptes   -------------------------- */
/* ---------------------------------------------------------------- */

.page-compte .tab-commandes .LstCdeColInfo a{
	color:#000;
	font-weight:500;
}
.page-compte .tab-commandes .LstCdeColInfo a:focus, .page-compte .tab-commandes .LstCdeColInfo a:hover{
	text-decoration:underline;
}

.page-compte .tab-commandes .table .icon-cancel-square2{
	color:red;
}
.page-compte .tab-commandes .table .icon-notification2{
	color:#24b6e9;
}
.page-compte .tab-commandes .table .icon-checkmark{
	color:#9FE855;
}

.page-compte form#SaisieInfoPerso #TabInfosPerso > .row:nth-child(odd){
	background-color: #fcfcfc;
}

/* ---------------------------------------------------------------- */
/* ------------------------  Documents   -------------------------- */
/* ---------------------------------------------------------------- */

.page-documents .panel-group-control .panel-title + a:before{
	content:'\e9b7';
	font-size:16px;
	font-weight:400;
}
.page-documents .panel-group-control .panel-title + a.collapsed:before{
	content:'\e9b8';
}

.page-documents .media-list .media:hover{
	background-color:rgba(128, 128, 128, 0.1);
}

/* ---------------------------------------------------------------- */
/* ------------------------  Recrutement   ------------------------ */
/* ---------------------------------------------------------------- */
#TableListeRecrutements .CopyLien{
    display:none;
}
#SignerParrain{
    display:none;
}
/*--- Recrutement --*/
/* Suppression Coordonnees bancaires, tva, numéro registre, numero de sécu, optin, commentaire, situation, profession, pave de signature */
.page-filleul #PanelCoordonneesPrelevement, .page-filleul #PanelCoordonneesVirement, 
.page-filleul #BlocNumeroRegistre, .page-filleul #BlocNumeroSecu, .page-filleul #BlocNumeroTVA, .page-filleul #BlocInfo_Recrut,
.page-filleul #BlocSituation, .page-filleul #BlocProfession,
.page-filleul #OptinVDI,
.page-filleul #PanelSignature{
    display:none;
}

/*--- RecrutementSigne --*/
.page-recrutementsigne #PanelCoordonneesPrelevement, .page-recrutementsigne #BlocNumeroRegistre, .page-recrutementsigne #BlocNumeroTVA, 
.page-recrutementsigne #OptinVDI{
    display:none;
}

/*----- PaiementLibre - Responsive -----*/
#FormPaiementDirect{
	margin-bottom:20px;
}

#FormPaiementDirect .DivInfoPaiement{
	width:98%;
	margin-right:auto;
	margin-left:auto;
	padding:5px 10px 10px 10px;
}

#FormPaiementDirect .Bouton{
	padding:2px 8px;
	border:1px solid #999;
	background-color:#eee;
}

#FormPaiementDirect .TableInfoPaiement, .TablePaiement{
	width:60%;
	border-collapse:collapse;
}

#LayerPaiementsCmde .PaiementsTitre{
	display:block;
	text-align:center;
	margin:5px auto 10px auto;
	font-weight:bold;
}
#LayerPaiementsCmde #TablePaiementsCmde a{
	display:block;
	min-height:36px;
	line-height:36px;
	margin-top:1em;
	margin-bottom:1em;
	border:1px solid #ccc;
}
#LayerPaiementsCmde #TablePaiementsCmde a.PaiementExt:hover{
	text-decoration:none;
}
#LayerPaiementsCmde #TablePaiementsCmde form.RattacheReglementACommande{
	border:1px solid #ccc;
}
#ReglementsRattachement{
	overflow-y:auto;
	margin-left:auto;
	margin-right:auto;
}
a.LienPaiements{
	display:block;
	font-weight:bold;
}
a.LienPaiements:hover{
	text-decoration:none;
}

a.voir-detail-groupe{
    font-size:112%;
}

/************ MASQUAGE DU RATTACHEMENT LIEN DE PAIEMENT EXTERNE POUR CDE GROUPEE *********/
#LayerPaiementsCmde #TablePaiementsCmde .PaiementsGroup .PaiementSC{
    display:none !important;
}

/***** Masquage du lien de paiement en haut de la liste des commandes pour les commandes groupées *****/
a.LienPaiements.CmdeTypeGroupe{
    display:none;
}

/***** Media Queries pour adaptation responsive *****/

@media (max-width:480px){
}

@media (max-width:768px) {
	.nav-tabs > li.active > a:after,
	.nav-tabs > li.active > a:hover:after,
	.nav-tabs > li.active > a:focus:after{
		background-color:#24b6e9;
	}
	.sidebar-logo{
		background-color:#fff;
		background-image:url('/images/OIKAOIKA/bande-couleur.jpg');
		background-position:bottom center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.sidebar-content{
		padding-bottom:0;
	}
}

@media (min-width:769px) {
	.sidebar-xs .sidebar-main .navigation > li > ul{
		background-color:#24b6e9;
	}
	.sidebar-xs .sidebar-main .navigation > li > a > span{
		background-color:#9fd3fe;
		border:1px solid #9fd3fe;
	}
	.sidebar-xs .sidebar-logo.hidden-xs{
		background:none;
	}
	.nav-tabs.nav-tabs-highlight > li.active > a,
	.nav-tabs.nav-tabs-highlight > li.active > a:hover,
	.nav-tabs.nav-tabs-highlight > li.active > a:focus{
		border-top-color:#24b6e9;
	}
}