@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;700&display=swap');

body{
	font-family:'Josefin Sans', sans-serif;
	font-size:13px;
	background:#fff;
	color:#3a4747;
}
body#tinymce{
    background-image:none;
}

::selection{
	background-color:#d3a87d;
	color:#fff;
}
::-moz-selection{
	background-color:#d3a87d;
	color:#fff;
}

a{
	color:#343434;
    cursor:pointer;
    text-decoration:none;
    transition-property:color;
    transition-duration:0.2s;
    transition-timing-function:linear;
}
a:focus,
a:hover{
    color:#000;
}

h1, h2, h3, h4, h5, h6{
    font-family:'Josefin Sans', Futura, sans-serif;
    color:#314544;
}

ul li a{
    color:#343434;
}

ul{
    list-style:none;
    padding:0;
}

p{
    font-family:'Josefin Sans', Futura, sans-serif;
    line-height:20px;
}

hr{
    background:none;
    height:0;
    border-color:currentColor;
    border-width:1px;
    border-top-style:solid;
    border-top-width:2px;
    color:rgba(211, 168, 125, 1);
}

.bg-primary{background-color:#d3a87d;border-color:#d3a87d;color:#3a4747;}
.border-primary{border-color:#d3a87d;}
.text-primary,
.text-primary:hover,
.text-primary:focus{color:#d3a87d !important;}
.btn-primary{color:#3a4747;background-color:#d3a87d;border-color:#d3a87d;}
.btn-primary:active,
.btn-primary.active,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-primary:active:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus{color:#d3a87d;background-color:#3a4747;border-color:#3a4747;}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus{color:#d3a87d;background-color:#3a4747;border-color:#314544;}
.alert-primary{color:#3a4747;background-color:#efe0d1;border-color:#e1c4a8;}

.btn-inverse{color:#d3a87d;background-color:#3a4747;border-color:#3a4747;}
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.active:hover,
.btn-inverse.active:focus,
.btn-inverse.active.focus,
.btn-inverse:active:focus,
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse.focus{color:#3a4747;background-color:#d3a87d;border-color:#d3a87d;}
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus{color:#314544;background-color:#d3a87d;border-color:#314544;}

.btn{
    border-radius:50px;
    transition:all ease 0.25s;
}
.input-group-btn .btn{
    border-radius:3px;
}

.btn.active.focus,
.btn.active:focus, 
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus{
    outline-offset:0px;
}

.btn-link{
	color:#343434;
}


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

/* structure */
#FullBody, #FullContainer{ /* Pour les pages en FullScreen */
	background:#f5f5f5;
}
.SearchBody{
	background-image:none;
}
.navbar-inverse{
	background:#d3a87d;
    border-color:rgba(175, 126, 77, 0.5);
}
.navbar-inverse .navbar-nav > li > a{
	/*color:#fff;*/
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
	color:#fff;
	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.15);
	color:#fff;
}
*/
.page-header-content{
	color:#af7e4d;
	background-color:#fff;
}

.breadcrumb-line{
    border-top:none;
}
.breadcrumb{
    padding-bottom:14px;
}

.navigation{
    padding-top:0;
    padding-bottom:0;
    border-right:1px solid rgba(0, 0, 0, 0.1);
}
.navigation li a{
	color:rgba(0, 0, 0, 0.75);
}
.navigation li a:hover,
.navigation li a:focus{
    background-color:rgba(175, 126, 77, 0.25);
	color:#000;
}
.navigation > li.active > a,
.navigation > li.active > a:hover,
.navigation > li.active > a:focus{
	background-color:#d3a87d;
}

.navigation > li ul{
	background-color:rgba(175, 126, 77, 0.15);
}
.navigation > li > ul li.active > a,
.navigation > li > ul li.active > a:hover,
.navigation > li > ul li.active > a:focus{
	background-color:rgba(175, 126, 77, 0.2);
	color:#000;
}

.sidebar{
    background:#fff;
    color:#343434;
}
.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);
}

.footer{
}

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

.btn-dcs-grey:focus,
.btn-dcs-grey.focus
.btn-default:focus,
.btn-default.focus{
	border-color:#c48c54 !important;
}
.btn-dcs-grey{
	color:#fff;
	background-color:#bda893;
	border-color:#bda893;
}
.btn-dcs-grey:hover,
.btn-dcs-grey:focus,
.btn-dcs-grey.focus{
	color:#fff;
	text-decoration:none;
}
*:focus{
	border-color:#d3a87d;
}

.Langue{
}
.Langue #FR, .Langue #EN{
}
.Langue #ES, .Langue #IT, .Langue #DE, .Langue #PT, .Langue #RO{
}
.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;
}
/*
thead > tr > th{
	background-color:#f5f5f5;
}
.even, .even + .child{
	background-color:#f5f5f5;
}
.odd, .odd + .child{
	background-color:#fff;
}
*/

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

.Pagination a{
}
.Pagination a:hover{
}

.LienPagination{
	text-decoration:none;
	/*color:#000066;*/
}
.LienPagination:visited{
	text-decoration:none;
	/*color:#000066;*/
}

.LienSignature{
}
.LienSignature:hover{
}

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

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

.AutoCompleteDivListeStyle{
	border:1px solid #ddd;
	border-radius:3px;
	background-color:#fff;
	color:#333;
}
.AutoCompleteDiv{
}
.AutoCompleteDiv span{
}
.AutoCompleteDivAct{
	background-color:#d3a87d;
	color:#fff !important;
}

.MotDePasseRetrouve{
	font-size:14px;
	font-weight:bold;
	/*color:#006600;*/
	width:100%;
	text-align:center;
}

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

.Creation{
}
.Creation .Info{
}
.Creation Table{
}
.Creation .Bouton{
}
.Creation .Titre{
	/*color:#2B78C3;*/
	font-weight:bold;
	background-color:#dbdbdb;
}
.Creation .ChoixCreation{
}
.TableInfo{
	border:1px solid #fff;
	border-collapse:collapse;
	/*table-layout:fixed;*/
}
.TableInfo img{
	vertical-align:middle;
	border:0;
	padding-right:4px;
}
.TableInfo td{
	border:1px solid #fff;
	padding:2px;
	vertical-align:middle;
	/*max-width:100%;
	word-wrap:break-word;
	overflow-wrap:break-word;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-o-hyphens:auto;
	hyphens:auto;*/
}
.Montant{
	/*padding-right:5px;
	text-align:right;*/
}
.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:#008afd;
	color:#fff;
  	background-color:#008afd;
}

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

/* **** home reunions **** */
.homepage .bg-home-reunion{
	border-color:#ff9900;
	color:#fff;
  	background-color:#ff9900;
}
/* **** home filleuls **** */
.homepage .bg-home-filleul{
	border-color:#3f9255;
	color:#fff;
  	background-color:#3f9255;
}

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

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

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

/* **** home mes clients **** */
.homepage .mes-clients{
	background:rgba(0, 153, 255, 0.8);
	color:#fff;
}
.homepage .mes-clients h3{
	background-color:#008afd;
}

/* **** home mon reseau **** */
.homepage .mon-reseau{
	background:rgba(139, 196, 19, 0.8);
	color:#fff;
}
.homepage .mon-reseau h3{
	background-color:#3f9255;
}

/* **** home mon planning **** */
.homepage .mon-planning{
	background:rgba(255, 153, 0, 0.8);
	color:#fff;
}
.homepage .mon-planning h3{
	background-color:#ff9900;
}

/* **** home creer commande **** */
.homepage .creer-commande{
	background:rgba(245, 74, 70, 0.8);
	color:#fff;
}
.homepage .creer-commande h3{
	background-color:#f54a46;
}

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

.homepage .home-actualites .title{
	background-color:#343434;
	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;
}

.page-lignee .ZoneLigneeParNiveau{
	/*height:120px;*/
}

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

.ui_tpicker_time{
	color:#1E88E5;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary{
	background-color:#c48c54;
	border-color:#c48c54;
	color:#fff;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-priority-primary:hover{
	background-color:#c48c54;
	border-color:#c48c54;
	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:#c48c54;
	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{
	/*color:#FF0000;*/
	font-weight:bold;
	margin:10px auto;
	text-align:center;
}
.AucunEnreg{
	text-align:center;
	/*color:#FF0000;*/
	font-weight:bold;
	margin:10px;
}
.AucunEnreg i{
	font-weight:normal;
}
.InfoAlerte{
}
.InfoAlerteToutPetit{
}
.InfoPetit{
}
.InfoToutPetit{
}
.PaiementExt{
}
.PaiementExtTitre{
}
.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;
	/*background-color:#FFCC00;
	color:#990000;*/
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
/* Paramètre des menus de gauche */
.LienMenu{
	text-decoration:none;
	/*color:#2b78c3;*/
}

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

.LienArticlePanier{
	text-decoration:none;
	/*color:#2b78c3;*/
}
.LienArticlePanier:hover{
	text-decoration:underline;
	/*color:#2b78c3;*/
}

.BoutonValiderCmde{
	text-align:center;
	/*border:1px solid #2B78C3;
	width:75%;*/
}
.BoutonValiderCmde .LienMenu{
	font-size:11px;
	font-weight:normal;
}
.DivCodePromo{
	border-radius:0px;
	background-color:#e0e0e0;
	padding:5px;
	margin:auto;
	text-align:center;
}
.DivCodePromo input{
}
.TextMenuGauche{
	text-decoration:none;
	/*color:#2b78c3;*/
	font-weight:normal;
}
.MenuActif, .MenuActif .LienMenu, .MenuActif:hover, .MenuActif:hover .LienMenu{
}

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

.InputAcheterQte{
}
.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{
}
.MenuGauchePanierVendeur .ArticlesAjoutes{
	font-style:italic;
	padding:5px 0;
	text-align:center;
}
.MenuGauchePanierVendeur .ItemMenuGaucheLecture .TextMenuGauche .MenuPanierTdQte, .MenuGauchePanierVendeur .ItemMenuGaucheLecture .TextMenuGauche .MenuPanierTdSepar, .MenuGauchePanierVendeur .ItemMenuGaucheLecture .TextMenuGauche .MenuPanierTdDesign{
}
.MenuGauchePanierVendeur .ItemMenuGaucheLecture .TextMenuGauche.Totaux{
}
.MenuGauchePanierVendeur .ItemMenuGaucheLecture .TextMenuGauche.Totaux .Entete{
}
.MenuGauchePanierVendeur .ItemMenuGaucheLecture .TextMenuGauche.Totaux .Contenu{
}
.MenuGauchePanierVendeur .BoutonValiderCmde{
	background-color:#f6f6f6;
	border:thin solid #acacac;
	font-size:11px;
}
.MenuGauchePanierVendeur .BoutonValiderCmde:hover{
	background-color:#fff;
	/*border-color:#aac3dc;*/
}
.MenuGauchePanierVendeur .BoutonValiderCmde a{
	color:#333;
}
.MenuGauchePanierVendeur .BoutonValiderCmde a:hover{
	/*color:#2b78c3;*/
}

/* 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;
	/*background-color:#2b78c3;
	color:#fff;*/
	padding:4px;
	cursor:move;
}

#sb-title{
	/*background-color:#2b78c3 !important;
	color:#fff;*/
}

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

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

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

.page-commande .wizard > .steps .number,
.page-abonnement .wizard > .steps .number{
	color:#aaa;
}

.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{
	font-size:16px;
	border-color:#000;
	background-color:#000;
	color:#fff;
}

.page-commande .wizard > .steps > ul > li.current .number,
.page-abonnement .wizard > .steps > ul > li.current .number{
	border-color:#c48c54;
	background-color:#c48c54;
}
/*
.page-commande .wizard > .steps > ul > li.disabled a,
.page-commande .wizard > .steps > ul > li.disabled a:hover,
.page-commande .wizard > .steps > ul > li.disabled a:focus,
.page-commande .wizard > .steps > ul > li.done a,
.page-commande .wizard > .steps > ul > li.done a:hover,
.page-commande .wizard > .steps > ul > li.done a:focus,
.page-abonnement .wizard > .steps > ul > li.disabled a,
.page-abonnement .wizard > .steps > ul > li.disabled a:hover,
.page-abonnement .wizard > .steps > ul > li.disabled a:focus,
.page-abonnement .wizard > .steps > ul > li.done a,
.page-abonnement .wizard > .steps > ul > li.done a:hover,
.page-abonnement .wizard > .steps > ul > li.done a:focus{
	color:#000;
	text-decoration:underline;
	cursor:pointer;
}
.page-commande .wizard > .steps > ul > li.disabled a:hover,
.page-commande .wizard > .steps > ul > li.disabled a:focus,
.page-commande .wizard > .steps > ul > li.done a:hover,
.page-commande .wizard > .steps > ul > li.done a:focus,
.page-abonnement .wizard > .steps > ul > li.disabled a:hover,
.page-abonnement .wizard > .steps > ul > li.disabled a:focus,
.page-abonnement .wizard > .steps > ul > li.done a:hover,
.page-abonnement .wizard > .steps > ul > li.done a:focus{
	text-decoration:none;
}
*/
.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:#c48c54;
}

.prix_public_conseille{
	color:#808080;
}
.stock_qte{
	font-style:italic;
	color:#808080;
}
.stock_feu_vert{
	background-color:#3f9255;
}
.stock_feu_orange{
	background-color:#ff9900;
}
.stock_feu_rouge{
	background-color:#f54a46;
}

.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;
}

/*
#BtnValideEtape3{
	display:none;
}
*/

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

.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{
	height:32px;
}
.Div_Catalogue .Div_CatPhoto, .Div_Catalogue .Div_CatPasPhoto, .Div_Catalogue .Div_CatPhoto a{
	height:212px;
}
.Div_Catalogue .Div_CatLien{
	height:36px;
}
*/
.Div_Catalogue .Div_CatInfo a{
	color:#333;
}
.Div_Catalogue .Div_CatPasPhoto{
	color:#999;
	font-style:italic;
}

.FinRechercheCatalogue{
	clear:both;
}

/* tant qu'ils n'ont pas mis à jour leurs descriptions de familles (intégrant en dur images et liens vers les sous-familles de la boutique), masquer les descriptions des familles */
#DescriptionWebFamille{
	display:none;
}

#InfosCommercialesProduit{
	text-align:left;
}

/************* FIDELISATION ******************/
/* idem EnteteColonne */
/*
.BlocFidel{
	font-weight:bold;
	color:#2B78C3;
	font-size:11px;
	background-color:#E0E6EE;
}
.BlocFidel td{
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}
.BlocFidelTitre{
	float:left;
}
.BlocFidelMnt{
	float:right;
}
*/
/************** REUNION *************************/
#TableLstReunionDatee{
	border-collapse:collapse;
}
#TableLstReunionDatee tr{
	vertical-align:top;
}
#TableLstReunionDatee .FontBouton{
	font-size:9px;
	width:150px;
}
/************** LIGNEE GRAPHE HIERARCHIQUE *************************/
#FullContainer{
}
#CadreTitreOrgChart{
}
#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 .google-visualization-orgchart-node-medium{
}
#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é  --------------------- */
/* ---------------------------------------------------------------- */

.homepage h3,
.page-synthese h3{
    color:#fff;
}

.page-synthese .BoutonSA1 .panel-body,
.page-synthese .BoutonSA2 .panel-body,
.page-synthese .BoutonSA3 .panel-body{
    transition:background ease-in-out 0.25s;
}
.page-synthese .BoutonSA1 .panel-body{
	/*
	F54A46	rgba(245, 74, 70, 1)	rouge
	F76E6B	rgba(245, 74, 70, 0.8)	rouge hover
	FF9900	rgba(255, 153, 0, 1)	orangé
	FDAB31	rgba(255, 153, 0, 0.8)	orangé hover
	8BC413	rgba(139, 196, 19, 1)	vert            3f9255
	A0CE40	rgba(139, 196, 19, 0.8)	vert hover      65a877
	008AFD	rgba(0, 153, 255, 1)	bleu            
	31ABFD	rgba(0, 153, 255, 0.8)	bleu hover      33adff
	*/
	background:#F54A46;
	border:1px solid #F54A46;
	color:#fff;
}
.page-synthese .BoutonSA2 .panel-body{
	background:#FF9900;
	border:1px solid #FF9900;
	color:#fff;
}
.page-synthese .BoutonSA3 .panel-body{
	background:#008AFD;
	border:1px solid #008AFD;
	color:#fff;
}

.page-synthese .BoutonSA1 .panel-body:hover{
	background:#F76E6B;
}
.page-synthese .BoutonSA2 .panel-body:hover{
	background:#FDAB31;
}
.page-synthese .BoutonSA3 .panel-body:hover{
	background:#31ABFD;
}

.page-synthese .SALigne1 .panel-body{
	background:#f54a46;
	border-color:#f54a46;
}
.page-synthese .SALigne1 .panel-body:hover{
	background:#f76e6b;
}
.page-synthese .SALigne2 .panel-body{
	background:#ff9900;
	border-color:#ff9900;
}
.page-synthese .SALigne2 .panel-body:hover{
	background:#fdab31;
}
.page-synthese .SALigne3 .panel-body{
	background:#d3a87d;
	border-color:#d3a87d;
}
.page-synthese .SALigne3 .panel-body:hover{
	background:#e3b382;
}
.page-synthese .SAClients .panel-body{
	background:#008afd;
	border-color:#008afd;
}
.page-synthese .SAClients .panel-body:hover{
	background:#31abfd;
}
.page-synthese .SAVendeurs .panel-body{
	background:#3f9255;
	border-color:#3f9255;
}
.page-synthese .SAVendeurs .panel-body:hover{
	background:#65a877;
}

.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:#c48c54;
}
.page-compte .tab-commandes .table .icon-checkmark{
	color:#3f9255;
}

.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;
	/*background:#e0e6ee;*/
}

#FormPaiementDirect .DivInfoTitre{
	/*color:#2B78C3;
	font-weight:bold;
	background-color:#e0e6ee;*/
}

#FormPaiementDirect .Bouton{
	padding:2px 8px;
	border:1px solid #999;
	background-color:#eee;
	/*color:#2b78c3;*/
}
#FormPaiementDirect .Bouton:focus{
	/*border-color:#7EB4EA;*/
}
#FormPaiementDirect .Bouton:hover{
	/*border-color:#7EB4EA;
	background-color:#E6F1FC;*/
}

#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{
}
#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;
}

#EmailPaiementExtImg{
}

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

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


@media (min-width:769px) {
	.sidebar-xs .sidebar-main .navigation > li > ul{
		background-color:#d3a87d;
	}
	.sidebar-xs .sidebar-main .navigation > li > a > span{
		background-color:#d3a87d;
		border:1px solid #d3a87d;
	}
    .sidebar-xs .sidebar-main .navigation > li:hover:not(.active) > a{
        background-color:rgba(175, 126, 77, 0.5);
    }
    .sidebar-xs .sidebar-main .navigation > li:hover > a > span{
        border-bottom:1px solid rgba(175, 126, 77, 1);
    }
	.sidebar-xs .sidebar-logo.hidden-xs{
		background-color:#d3a87d;
	}
	.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:#c48c54;
	}
}

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

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