@import url('/assets/css/stylesB.css') all;

:root{
    --color-primary:  hsl(143,  98%, 23%); --color-primary-light:  hsl(143,  98%, 73%); --color-primary-dark:  hsl(143,  98%, 12%); --color-primary-transparent:  hsla(143,  98%, 23%, 0.75);
    --color-secondary:hsl( 37, 100%, 50%); --color-secondary-light:hsl( 37, 100%, 80%); --color-secondary-dark:hsl( 37, 100%, 25%); --color-secondary-transparent:hsla( 37, 100%, 50%, 0.75);

    --color-vertpale:  hsl(124, 11%, 50%);  --color-vertpale-light:   hsl(124, 11%, 75%); --color-vertpale-dark:   hsl(124, 11%, 25%);
    --color-btn-primary:hsl(125, 15%, 34%); --color-btn-primary-light:hsl(125, 15%, 64%); --color-btn-primary-dark:hsl(125, 15%, 14%); --color-btn-primary-hover:var(--color-secondary);

    --color-info:   hsl(261, 80%, 24%); --color-info-light:   hsl(261, 80%, 74%); --color-info-dark:   hsl(261, 80%,  4%); --color-info-transparent:   hsla(261, 80%, 24%, 0.75);
    --color-warning:hsl( 52, 99%, 31%); --color-warning-light:hsl( 52, 99%, 71%); --color-warning-dark:hsl( 52, 99%, 11%); --color-warning-transparent:hsla( 52, 99%, 31%, 0.75);
    --color-success:hsl(143, 98%, 23%); --color-success-light:hsl(143, 98%, 78%); --color-success-dark:hsl(143, 98%,  8%); --color-success-transparent:hsla(143, 98%, 23%, 0.75);
    --color-danger: hsl(349, 86%, 51%); --color-danger-light: hsl(349, 86%, 81%); --color-danger-dark: hsl(349, 86%, 21%); --color-danger-transparent: hsla(349, 86%, 51%, 0.75);

    --color-black:#000000;
    --color-white:#ffffff;
    --color-gray: #9c9c9c;
    --color-gray-light:#cccccc;
    --color-gray-dark: #666666;
    --color-text:         #000000;
    --color-text-medium:  #55595c;
    --color-text-light:   #808080;
    --color-text-lighter: #c0c0c0;
    --color-text-lightest:#f7f7f7;
    --color-link:      var(--color-primary);
    --color-link-hover:var(--color-secondary-dark);
    --color-titre: #537B5C;
    --color-nbprod:#d9534f;
    --color-vdi:   #13343b;

    --font-family:Arial, sans-serif;
    --font-family-serif:Georgia, serif;
    --font-family-menu:"Actor", sans-serif;
    --font-family-bandeau:"Playfair Display", serif;
    --font-family-title:"Acme", sans-serif;

    --color-footer-text:var(--color-white);

    --color-beige:   hsl( 36, 100%, 93%); --color-beige-light:   hsl( 36, 100%, 98%); --color-beige-dark:   hsl( 36, 100%, 73%);
    --color-vert2:   hsl(152, 100%, 18%); --color-vert2-light:   hsl(152, 100%, 38%); --color-vert2-dark:   hsl(152, 100%,  8%);
    --color-tertiary: var(--color-vert2);
    --color-kaki:    hsl( 63,  17%, 43%); --color-kaki-light:    hsl( 63,  17%, 63%); --color-kaki-dark:    hsl( 63,  17%, 23%);

    --h1-color:hsl(143, 80%, 23%);    --h1-color-transp:hsla(143, 80%, 23%, 67%);
    --h2-color:hsl( 37, 80%, 50%);    --h2-color-transp:hsla( 37, 80%, 50%, 67%);
    --h3-color:hsl(349, 80%, 51%);    --h3-color-transp:hsla(349, 80%, 51%, 67%);
    --h4-color:hsl(261, 80%, 24%);    --h4-color-transp:hsla(261, 80%, 24%, 67%);
    --h5-color:hsl(124, 30%, 50%);    --h5-color-transp:hsla(124, 30%, 50%, 67%);
    --h6-color:hsl(125, 80%, 34%);    --h6-color-transp:hsla(125, 80%, 34%, 67%);

    --color-stk-dispo:   hsl(161, 100%, 28%); /* #008f62 */
    --color-stk-limite:  hsl( 39,  98%, 50%); /* #fda403 */
    --color-stk-nondispo:hsl(347, 100%, 39%); /* #c7002b */
    --color-stk-nongere: hsl(270,  86%, 31%); /* #4f0b93 */
}

::selection{
    background-color:var(--color-primary-dark);
    color:var(--color-white);
}
::-moz-selection{
    background-color:var(--color-primary-dark);
    color:var(--color-white);
}

body{
    background-color:var(--color-white);
    color:var(--color-text);
    font-family:var(--font-family);
    font-size:15px;
    line-height:1.5;
}

a{
    color:var(--color-link);
    font-weight:500;
    transition:all 450ms ease;
}
a:focus,
a:hover{
    color:var(--color-link-hover);
    transition:all 450ms ease;
}
a:focus,
*:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus{
	outline:2px auto var(--color-primary);
}

p, ul{
    font-family:var(--font-family);
    font-size:15px;
    font-weight:400;
}
.h1, .h2, .h4, .h5,
h1, h2, h4, h5{
    font-family:var(--font-family-title);
}
h1, .h1{
    color:var(--h1-color);
}
h2, .h2{
    font-weight:700;
    font-size:34px;
    line-height:40px;
    color:var(--h1-color);
}
h3, .h3{
    font-family:var(--font-family);
}
h4, .h4{
    color:var(--h5-color);
}
h5, .h5{
    color:var(--h5-color);
}
h6, .h6{
    font-family:var(--font-family);
    color:var(--h6-color);
}

.btn.focus,
.btn:focus,
.btn:hover{
    box-shadow:none;
}

.form-control{
	border-radius:0;
}
.form-control:focus{
    border-color:var(--color-primary);
}
.btn{
	border-radius:0;
    font-weight:500;
}


.page-header-default{
    background:var(--color-white);
    color:var(--color-secondary);
}

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

/* couleurs des alertes, boutons, textes... standards de bootstrap */
.btn{
    border-width:2px;
    border-radius:0px;
}
.btn.focus,
.btn:focus,
.btn:hover{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.liQteAcheter #Acheter{
    display:inline-block;
    padding:6px 12px;
    line-height:1.43;
    text-align:center;
    position:relative;
    border-width:2px;
    border-style:solid;
    border-radius:0px;
}

.btn-link{
    color:var(--color-text);
}

.text-primary{
    color:var(--color-primary) !important;
}
.text-primary:hover,
.text-primary:focus{
    color:var(--color-primary) !important;
}

.bg-primary{
    color:var(--color-white);
    background-color:var(--color-primary);
}

.btn-primary,
.liQteAcheter #Acheter{
    color:var(--color-white);
    border-color:var(--color-primary);
    background-color:var(--color-primary);
    font-weight:bold;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover{
    color:var(--color-white);
    border-color:var(--color-text-light);
    background-color:var(--color-text-light);
}

a.text-primary:hover{
    color:var(--color-text-light);
}

a.bg-primary:hover{
    background-color:var(--color-text-light);
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.liQteAcheter #Acheter:hover,
.open>.dropdown-toggle.btn-primary{
    color:var(--color-primary);
    background-color:var(--color-white);
    border-color:var(--color-primary);
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open>.dropdown-toggle.btn-primary.focus,
.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover{
    color:var(--color-primary);
    background-color:var(--color-white);
    border-color:var(--color-primary);
}

.label-primary[href]:focus,
.label-primary[href]:hover{
    background-color:var(--color-text-light);
}

.border-primary{
    border-color:var(--color-secondary);
}

a.text-success:hover{
    color:var(--color-text-light);
}

a.bg-success:hover{
    background-color:var(--color-text-light);
}

.text-success{
    color:var(--color-success) !important;
}

.bg-success{
    color:var(--color-white);
    background-color:var(--color-success);
}

.btn-success{
    color:var(--color-white);
    border-color:var(--color-success);
    background-color:var(--color-success);
}

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open>.dropdown-toggle.btn-success{
    color:var(--color-success);
    background-color:var(--color-white);
    border-color:var(--color-success);
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open>.dropdown-toggle.btn-success.focus,
.open>.dropdown-toggle.btn-success:focus,
.open>.dropdown-toggle.btn-success:hover{
    color:var(--color-success);
    background-color:var(--color-white);
    border-color:var(--color-success);
}

/* structure */
#FullBody, #FullContainer{ /* Pour les pages en FullScreen */
	background:var(--color-white);
}
.navbar-inverse{
	background:var(--color-primary);
	border-color:var(--color-primary);
	color:var(--color-white);
}
.sidebar{
	background:var(--color-primary);
}

.navigation > li ul li a{
    font-weight:normal;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
	color:var(--color-white);
	background-color:rgba(0, 0, 0, 0.1);
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{
	background-color:rgba(0, 0, 0, 0.1);
	color:var(--color-white);
}
.sidebar-logo{
	height:102px;
	background-color:var(--color-white);
	padding:10px;
}
.sidebar-logo > img.img-responsive{
	max-height:82px;
}

.page-header-content{
	color:var(--color-text);
}

.breadcrumb-line:not([class*=bg-]){
	background-color:var(--color-white);
}
.breadcrumb > li > a{
	color:var(--color-text);
}

.navigation{
	padding:0;
}
.navigation li a{
	color:rgba(255, 255, 255, 0.75);
}
.navigation li a:hover,
.navigation li a:focus{
	color:var(--color-white);
}

.navigation > li.active > a, .navigation > li.active > a:hover, .navigation > li.active > a:focus{
	background-color:var(--color-tertiary);
    font-weight:600;
}
.navigation > li ul{
    background:rgba(255, 255, 255, 0.15);
}
.navigation > li > ul li.active > a,
.navigation > li > ul li.active > a:hover,
.navigation > li > ul li.active > a:focus{
    background-color:var(--color-primary);
    color:var(--color-white);
    font-weight:600;
}

.form-control:focus{
	border-color:var(--color-secondary);
}
.input-error input{
	border-color:var(--color-secondary-dark);
}

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

.btn-dcs-grey{
	color:var(--color-white);
	background-color:var(--color-primary-dark);
	border-color:var(--color-primary-dark);
    opacity:0.75;
}
.btn-dcs-grey:focus,
.btn-dcs-grey.focus
.btn-default:focus,
.btn-default.focus{
	color:var(--color-white);
    opacity:1;
}
.btn-dcs-grey:hover,
.btn-dcs-grey:focus,
.btn-dcs-grey.focus{
	color:var(--color-white);
	opacity:1;
}
*:focus{
	border-color:var(--color-secondary);
}

#ComplementTitrePage{
	font-size:14px;
	color:var(--color-text-light);
}

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

.TitreModule{
	background:var(--color-primary-light);
	padding:3px 3px 3px 7px;
	color:var(--color-text);
	font-weight:bold;
	font-size:20px;
	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:var(--color-secondary-dark);
	font-size:12px;
}

.FondGris{
	background-color:var(--color-primary-light);
}

/* liens */
ul.breadcrumb{
    font-size:14px;
}
.LienBarNav{
	text-decoration:none;
	color:var(--color-text-light);
    font-size:14px;
}
a.LienBarNav:hover{
	text-decoration:underline;
}

a.LienFamille{
	text-decoration:underline;
}
a.LienFamille:hover{
	text-decoration:none;
}

.LienPagination{
	text-decoration:none;
}
.LienPagination:visited{
	text-decoration:none;
}

a.disabled,
a.disabled:hover,
a.disabled:focus{
	color:var(--h6-color) !important;
}

/*hr.style15{

}*/
hr.style15:after{
	background:var(--color-footer-text);
	color:var(--color-text-light);
}

.AutoCompleteDivListeStyle{
	border:1px solid var(--color-primary-light);
	border-radius:0px;
	background-color:var(--color-white);
	color:var(--color-text);
}
.AutoCompleteDivAct{
	background-color:var(--color-secondary);
	color:var(--color-white) !important;
}

.Creation .Titre{
	font-weight:bold;
	background-color:var(--color-primary-light);
}
.TableInfo{
	border:1px solid var(--color-white);
	border-collapse:collapse;
}
.TableInfo img{
	vertical-align:middle;
	border:none;
	padding-right:4px;
}
.TableInfo td{
	border:1px solid var(--color-white);
	padding:2px;
	vertical-align:middle;
}

.TableInfoFond{
	background-color:var(--color-primary-light);
}
.TableInfoFond td{
	border:1px solid var(--color-white);
	padding:2px;
}
.TableInfoFond img{
	vertical-align:middle;
	border:none;
	padding-right:4px;
}

.BottomInfo{
	clear:both;
	padding-top:15px;
	text-align:center;
	color:var(--color-text-light);
	font-style:italic;
}

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

/* **** home clients **** */
.homepage .bg-home-client{
	border-color:var(--h5-color);
    color:var(--color-white);
  	background-color:var(--h5-color);
}

/* **** home commandes **** */
.homepage .bg-home-commande{
    border-color:var(--h3-color);
    color:var(--color-white);
  	background-color:var(--h3-color);
}

/* **** home reunions **** */
.homepage .bg-home-reunion{
	border-color:var(--h4-color);
    color:var(--color-white);
  	background-color:var(--h4-color);
}
/* **** home filleuls **** */
.homepage .bg-home-filleul{
	border-color:var(--h2-color);
    color:var(--color-white);
  	background-color:var(--h2-color);
}

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

.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:var(--color-white);
}
.homepage .home-actualites h4 a{
	color:var(--color-text);
}

/* **** home bloc menu **** */
.homepage .home-bloc-menu{
	color:var(--color-black);
}

.homepage .home-bloc-menu a{
	color:var(--color-black);
}

/* **** home mes clients **** */
.homepage .mes-clients{
	background:var(--h5-color-transp);
	color:var(--color-white);
}
.homepage .mes-clients  h3{
	background-color:var(--h5-color);
    font-size:1.2em;
}

/* **** home mon reseau **** */
.homepage .mon-reseau{
	background:var(--h2-color-transp);
	color:var(--color-white);
}
.homepage .mon-reseau  h3{
	background-color:var(--h2-color);
    font-size:1.2em;
}

/* **** home mon planning **** */
.homepage .mon-planning{
	background:var(--h4-color-transp);
	color:var(--color-white);
}
.homepage .mon-planning  h3{
	background-color:var(--h4-color);
    font-size:1.2em;
}

/* **** home creer commande **** */
.homepage .creer-commande{
	background:var(--h3-color-transp);
	color:var(--color-white);
}
.homepage .creer-commande h3{
	background-color:var(--h3-color);
    font-size:1.2em;
}

.homepage .mes-clients a,
.homepage .mon-reseau a,
.homepage .mon-planning a,
.homepage .creer-commande a{
	color:var(--color-white);
}

.homepage .home-actualites .title{
	background-color:var(--color-tertiary);
	color:var(--color-white);
}

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

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

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

.page-lignee-arbre .google-visualization-orgchart-linebottom{
	border-bottom:1px solid var(--color-info);
}

.page-lignee-arbre .google-visualization-orgchart-node{
	border:1px solid var(--color-info);
	border-radius:0px;
	background:var(--color-white);
	box-shadow:none;
}
.page-lignee-arbre .google-visualization-orgchart-nodesel{
	border:1px solid var(--h4-color);
	outline:1px solid var(--h4-color);
	background:#fff3e0;
}
.page-lignee-arbre .google-visualization-orgchart-node-medium{
	background:var(--color-white);
}

.page-lignee .TotauxLignee td,
.page-lignee .TotauxPersoLignee td{
	background:var(--color-beige-light);
	color:var(--color-footer-text);
}

.page-lignee #TableLignee a{
	color:var(--color-black);
}
.page-lignee #TableLignee .ColNomPrenomFilleul a{
	font-weight:500;
}
.page-lignee #TableLignee a:focus, .page-lignee #TableLignee a:hover{
	color:var(--h5-color);
}

.LigneeParNiveau{
	border-collapse:collapse;
}
.LigneeParNiveau td{
	border:none;
	border-bottom:1px solid var(--h6-color);
	padding:0px;
	font-weight:bold;
}
.LigneeParNiveau .Totaux{
	border-bottom:1px solid var(--color-white);
	padding:2px;
}

.page-lignee .ZoneLigneeParNiveau{
	max-height:200px;
	height:auto;
}

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

.ui_tpicker_time{
	color:var(--h5-color);
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary{
	background-color:var(--color-primary);
	border-color:var(--color-primary);
	color:var(--color-white);
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary:hover{
	background-color:var(--color-primary);
	border-color:var(--color-primary);
	color:var(--color-white);
}

/************* COMMANDE ET COMMANDE GROUPEE **********************/
.TableInfo .Groupe{
	border:1px solid transparent;
	padding:0px;
	border-collapse:collapse;
}
.TableInfo .Groupe td{
	border:1px solid var(--color-white);
	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:var(--color-text-light);
}
.NoScript{
	color:var(--color-secondary-dark);
	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;
}

.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:var(--color-primary-light);
	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:2px solid var(--h2-color);
}

.ReprendrePanier{
	background-color:var(--color-white);
	border:1px solid var(--color-primary-light);
	color:var(--color-black);
	display:inline-block;
	margin:10px 0 20px;
	padding:3px 12px;
	text-decoration:none;
}
.ReprendrePanier:hover{
	background-color:var(--color-primary-light);
}
.MenuGauchePanierVendeur .ArticlesAjoutes{
	font-style:italic;
	padding:5px 0;
	text-align:center;
}
.MenuGauchePanierVendeur .BoutonValiderCmde{
	background-color:var(--color-footer-text);
	border:thin solid var(--h6-color);
	font-size:11px;
}
.MenuGauchePanierVendeur .BoutonValiderCmde:hover{
	background-color:var(--color-white);
}
.MenuGauchePanierVendeur .BoutonValiderCmde a{
	color:var(--color-text);
}

/* Paramètres des div */

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

#SaisieClientEnLigne .ReadOnly{
	color:var(--color-text-light);
}
#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:var(--h2-color);
    background-color:var(--h2-color);
	color:var(--color-white);
}

.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.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:var(--h1-color);
}
.page-commande .wizard > .steps > ul > li.done .number,
.page-abonnement .wizard > .steps > ul > li.done .number{
    color:var(--color-white);
}

.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:var(--color-black);
}

.titre-tab-bleu{
	color:var(--color-primary);
    font-weight:500;
}

.prix_public_conseille{
	color:var(--color-text-light);
}
.stock_qte{
	font-style:italic;
	color:var(--color-text-light);
}

.stock_feu_vert{
	background-color:var(--color-stk-dispo);
}
.stock_feu_orange{
	background-color:var(--color-stk-limite);
}
.stock_feu_rouge{
	background-color:var(--color-stk-nondispo);
}
.label.bg-success{
    background-color:var(--color-stk-dispo);
    border-color:var(--color-stk-dispo);
}
.label.bg-warning{
    background-color:var(--color-stk-limite);
    border-color:var(--color-stk-limite);
}
.label.bg-danger{
    background-color:var(--color-stk-nondispo);
    border-color:var(--color-stk-nondispo);
}
.label.bg-non-gere-stock{
    background-color:var(--color-stk-nongere);
    border-color:var(--color-stk-nongere);
}

.CdeGroupe .TotauxCli td:first-child{
	text-align:left;
	font-weight:500;
}
.CdeGroupe .TotauxCli td:last-child{
	border-color:var(--color-primary-light);
	background-color:var(--color-primary-light);
	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 var(--color-primary);
}

.page-catalogue .Div_Catalogue .Div_CatPasPhoto,
.page-client.page-home .Div_Catalogue .Div_CatPasPhoto{
	background:var(--color-footer-text);
}

.page-catalogue td.ColPhoto,
.page-client.page-home td.ColPhoto{
	font-style:italic;
	color:var(--color-text-light);
}

.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);
}
.page-catalogue .Div_Catalogue .Div_CatPhoto a{
    background-size:cover;
}
.Div_Catalogue .Div_CatInfo a{
	color:var(--color-text);
}
.Div_Catalogue .Div_CatPasPhoto{
	color:var(--color-text-light);
	font-style:italic;
}

/* ---------------------------------------------------------------- */
/* ---------------------- Synthèse d'Activité --------------------- */
/* ---------------------------------------------------------------- */
.page-synthese .BoutonSA1 .panel-body{
	background:var(--color-secondary);
	border:1px solid var(--color-secondary);
	color:var(--color-white);
}
.page-synthese .BoutonSA2 .panel-body{
	background:var(--h3-color);
	border:1px solid var(--h3-color);
	color:var(--color-white);
}
.page-synthese .BoutonSA3 .panel-body{
	background:var(--h5-color);
	border:1px solid var(--h5-color);
	color:var(--color-white);
}

.page-synthese .BoutonSA1 .panel-body:hover{
	background:var(--h3-color-transp);
}
.page-synthese .BoutonSA2 .panel-body:hover{
	background:var(--h3-color-transp);
}
.page-synthese .BoutonSA3 .panel-body:hover{
	background:var(--h5-color-transp);
}

.page-synthese .SALigne1 .panel-body{
	background:var(--color-secondary);
	border-color:var(--color-secondary);
}
.page-synthese .SALigne1 .panel-body:hover{
	background:var(--color-secondary-transparent);
}
.page-synthese .SALigne2 .panel-body{
	background:var(--h3-color);
	border-color:var(--h3-color);
}
.page-synthese .SALigne2 .panel-body:hover{
	background:var(--h3-color-transp);
}
.page-synthese .SALigne3 .panel-body{
	background:var(--h6-color);
	border-color:var(--h6-color);
}
.page-synthese .SALigne3 .panel-body:hover{
	background:var(--h6-color-transp);
}
.page-synthese .SAClients .panel-body{
	background:var(--h5-color);
	border-color:var(--h5-color);
}
.page-synthese .SAClients .panel-body:hover{
	background:var(--h5-color-transp);
}
.page-synthese .SAVendeurs .panel-body{
	background:var(--h2-color);
	border-color:var(--h2-color);
}
.page-synthese .SAVendeurs .panel-body:hover{
	background:var(--h2-color-transp);
}

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

.page-compte .tab-commandes .LstCdeColInfo a{
	color:var(--color-black);
	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:var(--color-secondary-dark);
}
.page-compte .tab-commandes .table .icon-notification2{
	color:var(--color-primary);
}
.page-compte .tab-commandes .table .icon-checkmark{
	color:var(--h2-color);
}

/* ---------------------------------------------------------------- */
/* ------------------------  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     -------------------------- */
/* ---------------------------------------------------------------- */
#BlocIDPaysMoka #IDPaysMoka, #BlocIDPaysMoka h3 label,
#BlocTypeContrat #IDContratVDIMoka, #BlocTypeContrat h3 label,
#BlocTypeContrat h5{
	font-size:16px;
	font-weight:bold;
	color:var(--color-primary);
}

/*----- 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 var(--color-text-light);
	background-color:var(--color-primary-light);
}

#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 var(--h6-color);
}
#LayerPaiementsCmde #TablePaiementsCmde a.PaiementExt:hover{
	text-decoration:none;
}
#LayerPaiementsCmde #TablePaiementsCmde form.RattacheReglementACommande{
	border:1px solid var(--h6-color);
}
#ReglementsRattachement{
	overflow-y:auto;
	margin-left:auto;
	margin-right:auto;
}
a.LienPaiements{
	display:block;
	font-weight:bold;
}
a.LienPaiements:hover{
	text-decoration: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:var(--color-primary);
	}
}

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

@media (min-width:769px) {
	.sidebar-xs .sidebar-main .navigation > li > ul{
		background-color:var(--color-primary);
        color:var(--color-white);
	}
	.sidebar-xs .sidebar-main .navigation > li > ul a{
        color:var(--color-black);
    }
	.sidebar-xs .sidebar-main .navigation > li > a > span{
		background-color:var(--color-secondary);
		border:1px solid var(--color-secondary);
	}
	.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:var(--color-primary);
	}
    .PhotoSmallList{
        max-width:105px;
        max-height:105px;
    }
    #Div_Recommandations .panel-body .col-xs-12{
        min-height:200px;
    }
}

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

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