/* polices */
@import url('https://fonts.googleapis.com/css2?family=Abel&family=Lobster&family=Yanone+Kaffeesatz:wght@400;700&display=swap');
/* balises html */
body{
	background:#ddf4f7;
    font-family:'Abel', sans-serif;
    font-size:16px;
	color:#4a4a4a;
}

a{
	color:#1eb2c9;
}
a:hover,
a:focus{
	color:rgba(30, 178, 201, 0.6);
    border-color:rgba(30, 178, 201, 0.15);
}

::selection{
	background-color:#1eb2c9;
	color:#fff;
}
::-moz-selection{
	background-color:#1eb2c9;
	color:#fff;
}

/* couleurs des alertes, boutons, textes... standards de bootstrap */
h1, .h1,
h2, .h2{
    font-family:'Lobster', cursive;
    color:inherit;
}

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

h3{
    font-size:16px !important;
}
h4{
    font-size:15px !important;
}

.homepage h3{
    font-size:26px !important;
}

.btn{
    font-weight:500;
    font-size:102%;
    letter-spacing:1px;
}
.bodyclient .btn{
    font-size:initial;
}

.bg-primary{background-color:#0cb9d4;border-color:#0cb9d4;color:#fff;}
.border-primary{border-color:#0cb9d4;}
.text-primary,
.text-primary:hover,
.text-primary:focus{color:#0cb9d4 !important;}
.btn-primary{color:#fff;background-color:#157989;border-color:#1eb2c9;}
.btn-primary:active,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary.focus{color:#fff;background-color:#1eb2c9;border-color:#22a1b4;}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
.btn-primary:hover{color:#fff;background-color:#20d7f3;border-color:#0bb2cb;}
.alert-primary{color:#15a4c1;background-color:#e2fafd;border-color:#1fcae5;}

.bg-blue{background-color:rgba(30, 178, 201, 1);border-color:rgba(30, 178, 201, 1);color:#fff;}
.text-blue,
.text-blue:hover,
.text-blue:focus{color:rgba(0, 171, 250, 1) !important;}

.label.bg-warning{
	background-color:#ff8c22;
	border-color:#ff8c22;
}

.fs-10{
    font-size:12px;
}
.fs-11{
    font-size:13px;
}
.fs-12{
    font-size:14px;
}

/* structure */
#FullBody, #FullContainer{ /* Pour les pages en FullScreen */
	background:#ddf4f7;
}
.SearchBody{
	background-image:none;
    font-size:15px;
}
.navbar-inverse, .sidebar{
	background:#188ea0;
    border-color:#1eb2c9;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
	color:#fff;
	background-color:rgba(0, 0, 0, 0.1);
}

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

.breadcrumb > li > a{
	color:#4a4a4a;
}

.navigation > li.active > a,
.navigation > li.active > a:hover,
.navigation > li.active > a:focus{
	background-color:#00d0f0;
    font-weight:bold;
}

.form-control{
    border-radius:0;
    font-size:102%;
}
.form-control:focus{
	border-color:#000;
}
.input-error input{
	border-color:#F44336;
}

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

.btn-dcs-grey:focus,
.btn-dcs-grey.focus
.btn-default:focus,
.btn-default.focus{
	border-color:#20d7f3 !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:#00d0f0;
}

.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:15px;
	color:#666;
}

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

.TitreModule{
	background:#e0e0e0;
	padding:3px 3px 3px 7px;
	color:#4a4a4a;
    font-family:'Yanone Kaffeesatz', sans-serif;
	font-weight:bold;
	font-size:16px;
	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:13px;
}
.TitreModule span label{
	font-size:13px;
	font-weight:bold;
}

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

.FondGris{
	background-color:#e0e0e0;
}

thead > tr > th{
	background-color:rgba(221, 244, 247, 0.5);
    font-weight:bold;
}

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

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:#4a4a4a;
}
.AutoCompleteDivAct{
	background-color:#00d0f0;
	color:#fff !important;
}

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

.DateDerSynchro{
	color:#ccc;
	font-size:12px;
	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:13px;
}

.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 ------------------------- */
/* ------------------------------------------------- */

.page-login h3{
    font-size:16px;
}

/* **** home clients **** */
.homepage .bg-home-client{
	border-color:#1eb2c9;
	color:#fff;
  	background-color:#188ea0;
}

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

/* **** home reunions **** */
.homepage .bg-home-reunion{
	border-color:#ff8c22;
	color:#fff;
  	background-color:#ff8c22;
}
/* **** home filleuls **** */
.homepage .bg-home-filleul{
	border-color:#1ede3f;
	color:#fff;
  	background-color:#1ede3f;
}

.homepage .bg-home-client h3,
.homepage .bg-home-commande h3,
.homepage .bg-home-reunion h3,
.homepage .bg-home-filleul h3{
	font-size:1.8em !important;
}

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

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

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

/* **** home mes clients **** */
.homepage .mes-clients{
	background:rgba(30, 178, 201, 0.8);
	color:#fff;
}
.homepage .mes-clients h3{
	background-color:#188ea0;
}

/* **** home mon reseau **** */
.homepage .mon-reseau{
	background:rgba(30, 222, 63, 0.8);
	color:#fff;
}
.homepage .mon-reseau h3{
	background-color:#1ede3f;
}

/* **** home mon planning **** */
.homepage .mon-planning{
	background:rgba(255, 140, 34, 0.8);
	color:#fff;
}
.homepage .mon-planning h3{
	background-color:#ff8c22;
	font-size:1.5em !important;
}

/* **** home creer commande **** */
.homepage .creer-commande{
	background:rgba(255, 50, 34, 0.8);
	color:#fff;
}
.homepage .creer-commande h3{
	background-color:#ff3222;
	font-size:1.5em !important;
}

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

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

.homepage .panel-picto i{
    font-size:2.75em;
}

/* ---------------------------------------------------------------- */
/* -------------------  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:#ddf4f7;
}

.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:#15a4c1;
}

.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:#1fcae5;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary{
	background-color:#20d7f3;
	border-color:#20d7f3;
	color:#fff;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary:hover{
	background-color:#20d7f3;
	border-color:#20d7f3;
	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;
}
.ui-datepicker table td.ui-datepicker-today .ui-state-highlight{
	background-color:#20d7f3;
	color:#fff;
}


/************* 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:13px;
}
.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:15px;
	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:13px;
	font-weight:normal;
}
.DivCodePromo{
	border-radius:0px;
	background-color:#e0e0e0;
	padding:5px;
	margin:auto;
	text-align:center;
}
.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:13px;
}
.MenuGauchePanierVendeur .BoutonValiderCmde:hover{
	background-color:#fff;
}
.MenuGauchePanierVendeur .BoutonValiderCmde a{
	color:#4a4a4a;
}

/* 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-size:16px;
	padding:4px;
	cursor:move;
}

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

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

/*********** AGENDA *******************/

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

.page-commande .wizard > .steps > ul > li.current .number,
.page-commande .wizard > .steps > ul > li.done .number,
.page-abonnement .wizard > .steps > ul > li.current .number,
.page-abonnement .wizard > .steps > ul > li.done .number{
    background-color:#4a4a4a;
    border-color:#15a4c1;
}
.page-commande .wizard > .steps > ul > li.current .number,
.page-abonnement .wizard > .steps > ul > li.current .number{
    background-color:#1fcae5;
    border-color:#15a4c1;
}

.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:#20d7f3;
}

.prix_public_conseille{
	color:#808080;
}
.stock_qte{
	font-style:italic;
	color:#808080;
}
.stock_feu_vert{
	background-color:#1ede3f;
}
.stock_feu_orange{
	background-color:#ff8c22;
}
.stock_feu_rouge{
	background-color:#ff3222;
}

.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   -------------------------- */
/* ---------------------------------------------------------------- */

div#rowRechercheCatalogue,
div#rowTitreFamille{
    /*display:none;*/
}

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

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

.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:#4a4a4a;
}
.Div_Catalogue .Div_CatPasPhoto{
	color:#999;
	font-style:italic;
}

.FinRechercheCatalogue{
	clear:both;
}

#InfosCommercialesProduit{
	text-align:left;
}

.zoomPup{
    border:none;
    opacity:0 !important;
}

/************* FIDELISATION ******************/

/************** REUNION *************************/
#TableLstReunionDatee{
	border-collapse:collapse;
}
#TableLstReunionDatee tr{
	vertical-align:top;
}
#TableLstReunionDatee .FontBouton{
	font-size:11px;
	width:150px;
}
/************** LIGNEE GRAPHE HIERARCHIQUE *************************/
#TitreNomVendeurOrgChart{
	font-size:15px;
	font-weight:bold;
	display:block;
	width:100%;
	text-align:center;
}
#TitreStatutVendeurOrgChart{
	font-size:15px;
	font-weight:bold;
	display:block;
	width:100%;
	text-align:center;
}
#TitreMoisAnneeOrgChart{
	margin-top:8px;
	font-size:13px;
	font-weight:bold;
	display:block;
	width:100%;
	text-align:center;
}
#TitreCompteurOrgChart{
	font-size:13px;
	font-weight:bold;
	display:block;
	width:100%;
	text-align:center;
}
#TitreSommaireOrgChart{
	margin-top:8px;
	font-size:12px;
	display:block;
	width:100%;
	text-align:center;
}
#orgchart_div .orgchart_statut{
	color:#666;
	font-size:12px;
	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 h3{
    font-size:21px !important;
}
.page-synthese .BoutonSA1 .panel-body{
	/*
	F54A46	rgba(245, 74, 70, 1)	rouge           ff3222  rgba(255, 50, 34, 1)
	F76E6B	rgba(245, 74, 70, 0.8)	rouge hover         rgba(255, 50, 34, 0.8)
	FF9900	rgba(255, 153, 0, 1)	orangé          ff8c22  rgba(255, 140, 34, 1)
	FDAB31	rgba(255, 153, 0, 0.8)	orangé hover        rgba(255, 140, 34, 0.8)
	8BC413	rgba(139, 196, 19, 1)	vert            1ede3f  rgba(30, 222, 63, 1)
	A0CE40	rgba(139, 196, 19, 0.8)	vert hover          rgba(30, 222, 63, 0.8)
	008AFD	rgba(0, 153, 255, 1)	bleu            1eb2c9  rgba(30, 178, 201, 1)
	31ABFD	rgba(0, 153, 255, 0.8)	bleu hover          rgba(30, 178, 201, 0.8)
	*/
	background:#ff3222;
	border:1px solid #ff3222;
	color:#fff;
}
.page-synthese .BoutonSA2 .panel-body{
	background:#ff8c22;
	border:1px solid #ff8c22;
	color:#fff;
}
.page-synthese .BoutonSA3 .panel-body{
	background:#188ea0;
	border:1px solid #1eb2c9;
	color:#fff;
}

.page-synthese .BoutonSA1 .panel-body:hover{
	background:rgba(255, 50, 34, 0.8);
}
.page-synthese .BoutonSA2 .panel-body:hover{
	background:rgba(255, 140, 34, 0.8);
}
.page-synthese .BoutonSA3 .panel-body:hover{
	background:rgba(30, 178, 201, 0.8);
}

.page-synthese .SALigne1 .panel-body{
	background:#ff3222;
	border-color:#ff3222;
}
.page-synthese .SALigne1 .panel-body:hover{
	background:rgba(255, 50, 34, 0.8);
}
.page-synthese .SALigne2 .panel-body{
	background:#ff8c22;
	border-color:#ff8c22;
}
.page-synthese .SALigne2 .panel-body:hover{
	background:rgba(255, 140, 34, 0.8);
}
.page-synthese .SALigne3 .panel-body{
	background:#9b9b9b;
	border-color:#9b9b9b;
}
.page-synthese .SALigne3 .panel-body:hover{
	background:#b9b9b9;
}
.page-synthese .SAClients .panel-body{
	background:#188ea0;
	border-color:#1eb2c9;
}
.page-synthese .SAClients .panel-body:hover{
	background:rgba(30, 178, 201, 0.8);
}
.page-synthese .SAVendeurs .panel-body{
	background:#1ede3f;
	border-color:#1ede3f;
}
.page-synthese .SAVendeurs .panel-body:hover{
	background:rgba(30, 222, 63, 0.8);
}
.page-synthese .TitreDiv1{
	font-weight:bold;
}
.page-synthese .TitreDiv2{
	font-weight:bold;
}

/* ---------------------------------------------------------------- */
/* --------------------------  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:#20d7f3;
}
.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);
}

/*----- 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:5px;
	margin-bottom:5px;
	border:none;
}
#LayerPaiementsCmde #TablePaiementsCmde a.PaiementExt{
    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;
}
.BlocPaiementNFois{
    margin-bottom:10px;
    padding-top:10px;
    border:1px solid #ccc;
}

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

@media (max-width:480px){
	.page-commande .wizard > .steps > ul > li.current:after,
	.page-abonnement .wizard > .steps > ul > li.current:after{
		background-color:#ccc;
	}
}

@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:#20d7f3;
	}
}

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


@media (min-width:769px) {
	.sidebar-xs .sidebar-main .navigation > li > ul{
		background-color:#188ea0;
	}
	.sidebar-xs .sidebar-main .navigation > li > a > span{
		background-color:#00d0f0;
		border:1px solid #00d0f0;
	}
	.sidebar-xs .sidebar-logo.hidden-xs{
		background-color:#188ea0;
	}
	.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:#20d7f3;
	}
    .nav-tabs > li{
        font-size:15px;
    }
}

@media (min-width:1025px) {
}

@media (min-width:1279px) {
}

@media (min-width:1279px) and (max-width:1439px){
	.homepage .bg-home-client h3,
	.homepage .bg-home-commande h3,
	.homepage .bg-home-reunion h3,
	.homepage .bg-home-filleul h3{
		font-size:23px !important;
	}
	.homepage .mon-reseau h3,
	.homepage .mes-clients h3,
	.homepage .mon-planning h3,
	.homepage .creer-commande h3{
		font-size:20px !important;
	}
	.homepage .mes-clients li a,
	.homepage .mon-reseau li a,
	.homepage .mon-planning li a,
	.homepage .creer-commande li a{
		font-size:16px;
	}
}