



html,body{margin: 0;padding:0;
	width:100%;height: 100%;
	font-size: 12px;
	font-family: Helvetica,Arial, sans-serif;;
	color:#000;
}
form{margin: 0;padding: 0;}
body{
	display: inline;
	position: relative;
	float: left;
	background-image: url(/clients/soessentiel/images/identite_client/f_degrade.gif);
	background-position: 50% 0;
	background-repeat: repeat-x;
	background-color:#d6da9b;
}
#fond{
	background-position: 50% 0;
	background-repeat: no-repeat;
	width:100%;
	min-width:960px;
	min-height:594px;
}

/* ******************************************************** 
CADRE
******************************************************** */
#cadre{width:960px;margin:0 auto 0 auto;}
/* #cadre ol,#cadre ol li{list-style:none;padding:0;margin:0;} */
/* ******************************************************** 
HEADER
******************************************************** */
#header{width:960px;height:217px;overflow:hidden;position:relative;}
/* -------------------------------------------------------- 
MOTEUR DE RECHERCHE 
-------------------------------------------------------- */
#header #rechercher{text-align:right;position:absolute;top:89px;right:0;width:272px;height:30px;}
#header #rechercher #gcrechmot,
#header #rechercher #gcbtrechercher{position:absolute;top:0;}
#header #rechercher #gcrechmot{right:80px;}
#header #rechercher #gcbtrechercher{right:47px;}
#header #rechercher #gcrechmot input{border:none;font-size:11px;width:130px;background-color:transparent;margin-top:2px;}
#header #rechercher #l_recherche_rapide{display:block;width:23px;height:23px;}

#header #rechercher #l_recherche_rapide b,
#header #rechercher .titrechercher,
#header #rechercher #gcrechmarque,
#header #rechercher #gcrechfamille,
#header #rechercher #gcrechmot label{display:none;}

/* -------------------------------------------------------- 
BOUTON GRIS
-------------------------------------------------------- */
#header #boutons_gris{width:180px;height:27px;line-height:27px;vertical-align:middle;position:absolute;right:0;top:184px;}
#header #boutons_gris ol{margin:0;list-style:none;padding:0;}
#header #boutons_gris ol li a{text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:bold;color:#333333;}
#header #boutons_gris ol li{float:left;text-align:center;margin:0;padding:0;}
#header #boutons_gris ol li#bt_forum{width:96px;}
#header #boutons_gris ol li#bt_aide_haut{width:84px;}
/* -------------------------------------------------------- 
MON COMPTE 
-------------------------------------------------------- */
#header #moncompte{width:282px;position:absolute;right:0;top:122px;}
#header #moncompte dd,dl,dt{padding:0;margin:0;}
#header #moncompte dt,
#header #moncompte dd #gcheadlogin label,
#header #moncompte dd #gcheadpass label{display:none;}
#header #moncompte dd #gcheadlogin,
#header #moncompte dd #gcheadpass{display:inline;float:left;margin-top:23px;height:19px;width:124px;}
*+html #header #moncompte dd #gcheadlogin,
*+html #header #moncompte dd #gcheadpass{margin-top:22px;} /* ie7 */
#header #moncompte dd #compte_login_ok{display:inline;float:left;height:19px;width:19px;
padding:0;
margin-top:22px;
border:none;
color:#cccccc;
background-color:#525051;
font-size:8px;
margin-left:4px;
}
#valideCompteLoginForm{height:55px;}
#moncompte #moncomptelog{display:block;position:absolute;
width:100%;
height:35px;
background-image: url(/clients/soessentiel/images/identite_client/header/imput_log.gif);
/*border:1px solid red;*/
	background-repeat: no-repeat;background-position:0 0; 
	top:20px;
	right:0px;
}
#header #moncompte dd #gcheadlogin input,
#header #moncompte dd #gcheadpass input{padding:0;margin:0;height:17px;line-height:17px;vertical-align:middle;width:124px;border:0 solid red;font-size:11px;background-color:transparent;}
#header #moncompte dd #gcheadlogin {margin-left:1px;}
#header #moncompte dd #gcheadpass{margin-left:5px;}
#header #moncompte dd #gcheadoublie #compte_login_oublie{position:absolute;top:8px;right:5px;color:#6e6e6e;text-decoration:none;font-size:10px;}

#header #moncompte #delog{position:absolute;bottom:0;right:5px;}
#header #moncompte #gcmoncomptephrase{margin-top:22px;margin-top:0;

margin-bottom:5px;}
#header #moncompte #moncompteloglien{position:absolute;bottom:5px ;left:0;}
#header #moncompte #moncompteloglien a,#header #moncompte #delog a{color:#000;text-decoration:none;}
#header #moncompte #gcheamessage,
#header #moncompte #gcbtcreercompte
{display:none;}
/* ******************************************************** 
PANIER 
******************************************************** */
#header #lignepannier dd,#header #lignepannier dl,#header #lignepannier dt{margin:0;padding:0;}
#header #lignepannier{width:125px;position:absolute;bottom:5px;right:185px;
cursor:pointer;
font-size:11px;text-align:center;
}
#header #lignepannier dt,#header #lignepannier .gclignetotal,#header #lignepannier .gcbtaccespanier{display:none;}

/* ******************************************************** 
CONTENU 
******************************************************** */
#conteneur{clear:both}
#contenu{
	display:inline;
	float:left;
	/*width:579px;*/
	width:527px;
	/* min-height:378px; */
	min-height:357px;
	background-color:#fff; 
	margin:0 10px 24px 11px;
	padding:0 26px 24px 26px;
	background-image: url(/clients/soessentiel/images/identite_client/c_g_b_contenu.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
	margin-top:21px;position:relative;z-index:1;
}
/* ******************************************************** 
CHEMIN
******************************************************** */
#chemin{display:block;
	background-image: url(/clients/soessentiel/images/identite_client/f_chemin.gif);
	background-repeat:no-repeat;
	height:18px;
	width:527px;
	margin:0 auto 15px auto;
	padding:0;
}
#cadre #chemin li{
	display:inline;
	float:left;
	height:18px;
	line-height:18px;
	vertical-align:middle;
	padding:0 10px 0 20px;
	background-image: url(/clients/soessentiel/images/identite_client/c_chemin.gif);
	background-repeat:no-repeat;
	margin:0;
	list-style:none;
	/*border:1px solid green; */
}
#cadre #chemin li.first{background-image:none;}
#chemin li a,#chemin li span{
color:#333333;
font-size:10px;
text-decoration:none;
}
/* ******************************************************** 
MENU GAUCHE / DROIT
******************************************************** */
#menug,#menud{display:inline;float:left;width:180px;position:relative;z-index:2;}
/* -------------------------------------------------------- 
MENU GAUCHE
-------------------------------------------------------- */
#menug{position:relative;z-index:3}
#menug #btaccueil{
width:180px;
height:26px;
margin:0 0 10px 0;
font-weight:bold;
text-align:center;
position:relative;
vertical-align:middle;
line-height:26px;
}
#menug #btaccueil a{color:#FFFFFF;font-size:14px;text-decoration:none;}

#menug #menugauche{
	width:180px;
	padding:0 0 24px 0;
	background-repeat:no-repeat;
	background-image: url(/clients/soessentiel/images/identite_client/menu_g/c_b_g_menu.gif);
	background-position:0 100%;
	
}

#menug #menugauche div.fondmenugauche{
	display:block;
	background-repeat:repeat-y;
	background-image: url(/clients/soessentiel/images/identite_client/menu_g/f_uni_menu_g.gif); 
}

#menug #menugauche div ol.fondmenugauche{
	min-height:268px;
	display:block;
	background-repeat:no-repeat;
	background-image: url(/clients/soessentiel/images/identite_client/menu_g/f_menu_g.gif); 
	background-position: 0 -1px;
}
* html #menug #menugauche div ol.fondmenugauche{height:268px;}

#menug #distributeur {
	width:180px;
	height:110px;
	vertical-align:middle;
	text-align:center;
	background-repeat:no-repeat;
	background-image: url(/clients/soessentiel/images/identite_client/menu_g/f_distributeur.png);
	position:relative;
	margin:10px 0 0 0;
}
#menug #distributeur a{
	position:absolute;
	display:block;
	width:144px;
	text-align:left;
	font-size:18px;
	color:#fff;text-decoration:none;
	top:20px;
	left:18px;
}
/* -------------------------------------------------------- 
MENU DROIT
-------------------------------------------------------- */

#menud{position:relative;z-index:3}
#menud #menu_droit_haut{height:222px;}
#menud ol{margin:0 0 0 8px;padding:0;list-style:none;}

.navigation2_v ol#premier_menu{margin-top:7px;width:158px;padding:0;}
.navigation2_v ol#premier_menu li.firstli{
display:block;
margin:0 0 0 5px;
width:100%;
height:28px;
line-height:27px;
font-weight:bold;
vertical-align:middle;
padding:0;
}
.navigation2_v ol li a{color:#72472f;text-decoration:none;text-transform:uppercase;}

/*---------------------------------------------------------------------------------------------------*/
#menud #second_menu{margin-top:7px; width:158px;padding:0;list-style:none;}
#menud #second_menu li{display:block;margin:0 0 0 5px;padding:0;}
#menud #second_menu li a:hover{color:#fff;}

#menud #troisieme_menu{
	background-repeat:no-repeat;
	background-image: url(/clients/soessentiel/images/identite_client/menu_d/f_menu_marron.jpg);
	min-height:380px;
	margin:0 0 0 0;
	list-style:none;
	width:180px;
	padding :11px 0 0 0;
}
#menud #troisieme_menu li{
	display:block;
	color:#cccc00;
	margin:7px 0 0 14px;
	vertical-align:middle;
	padding:0;
}
#menud #troisieme_menu li a{font-size:13px;color:#cccc00;text-decoration:none;text-transform:uppercase;}
#menud #troisieme_menu li.bt_menu_1{height:38px;margin-top:	0;} 
#menud #troisieme_menu li.bt_menu_1 span{color:#f1940c;font-size:12px;}
#menud #troisieme_menu li.bt_menu_2{height:36px;} 
#menud #troisieme_menu li.bt_menu_3{height:36px;width:140px;} 
#menud #troisieme_menu li.bt_menu_3 a,#menud #troisieme_menu li.bt_menu_4 a,#menud #troisieme_menu li.bt_menu_5 a{color:#462b1c;}  
#menud #troisieme_menu li.bt_menu_4{height:36px;}
#menud #troisieme_menu li.bt_menu_5{height:65px;padding-top:5px;}
#menud #troisieme_menu li.bt_menu_5 span{display:block;font-size:11px;width:120px;margin-left:10px;overflow:hidden;text-transform:none;}
#menud #troisieme_menu li.bt_menu_6{height:35px;margin-top:	5px;padding-top:5px;}
#menud #troisieme_menu li.bt_menu_6 .titre{text-transform:uppercase;}
#menud #troisieme_menu li.bt_menu_6 #gcnewletterEmail{
color:#cccc00;
border:none;
width:130px;
background-color:#462b1c;
font-size:10px;
}
#bt_newsok{margin-left:8px;color:#cccc00;border:none;background-color:#462b1c;width:16px;height:15px;font-size:10px;cursor:pointer;}
#menud #troisieme_menu li.bt_menu_7{height:22px;} 
#menud #troisieme_menu li.bt_menu_8{height:22px;line-height:22px;margin-top:5px;} 
#menud #troisieme_menu li.bt_menu_9{height:22px;line-height:22px;margin-top:5px;} 
#menud #troisieme_menu li a:hover{color:#fff;}

#menudroitmarron{
	background-repeat:no-repeat;
	background-image: url(/clients/soessentiel/images/identite_client/menu_d/c_b_menu_marron.gif);
	padding:0 0 24px  0;
	background-position:0 100%;
	background-color:#72462b;	
	position:relative;z-index:1;
}

#menud #btaide{
	background-repeat:no-repeat;
	background-image: url(/clients/soessentiel/images/identite_client/menu_d/f_bt_aider.gif);
	height:120px;
	margin:5px 0 0 0;
	position:relative;
	text-align:center;
}
#menud #btaide a{
	position:absolute;
	display:block;
	width:144px;
	text-align:left;
	font-size:18px;
	text-decoration:none;
	top:15px;
	left:18px;color:#cccc00;
}

/* ******************************************************** 
PIED
******************************************************** */
#footer{clear:both;width:580px;height:67px;margin:0 0 0 191px;}
#footer a {color:#5e3a27;font-size:11px;text-decoration:none;}
#footer a img{border:0;}
#footer #menu_pied{float:left;width:398px; margin:0 11px 0 10px; }
#footer #menu_pied ol{
	float:left;
	text-align:center;
	font-size:1px;
	margin:10px 0 0 0;
	padding:0;
	list-style:none;
}
#footer #menu_pied ol li{text-align:center;clear:both;padding:10px 8px 0 8px;margin:0;}
#footer #menu_pied ol.colone_1 li.first{padding-left:0;padding-right:0;}
#footer #menu_pied ol.colone_2 li{padding-left:15px;}
#footer #menu_pied ol.colone_4 li.first{padding-right:0;}
#footer #menu_pied ol li a{text-align:center;white-space:nowrap;}
#logo_addonline{display:inline;float:right;margin-top:14px;}
#logo_se{display:inline;float:left;margin-top:12px;}
/* ******************************************************** 
LOGO CLIENT ZOOM
******************************************************** */
#gccadrezoom .gclogoclient{width:84px;height:41px; }

/*CACHE LE LAYER LOUPE*/
#_cadreZoom0{display:none;}

/***********************MA WISH LIST**************************************/
.gcwishlistrapide {
	float: right;
	background: url(/clients/soessentiel/images/identite_client/mon-panier.png) no-repeat;
	color: #fff;
	padding-left: 31px;
	margin: 5px 20px 0 0;
	line-height: 21px;
	position: relative;
}
.gcwishlistnom{
}
.gcwishlistnombreArticles{
}
.gcwishlisttotalArticles{
}
.gcwishlistprix{
}
/***********************MA WISH LIST**************************************/

/* Popup des Conditions Générales de Vente */
.popupCdv {
	background: 0 none;
	padding: 10px; 	
}

/* icones de mise en avant sur les minies fiches : les groupes 1 et 3 sont cachés par défaut */
.gcgroupe1,
.gcgroupe3 {
	display: none;	
}

/* pourcentage de réduction sur les minies fiches caché */
.gcproduitpetit .gcfichepourcentage,
.gcproduitpetit .gcfichepourcentagesolde {
	display: none;	
}
