/* RÉINITIALISATION DES ÉLÉMENTS
---------------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a,a:link,a:visited,a:hover,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */

html {
	background: #000000 url(gx/M/bg_html.jpg) repeat-x center top;
	color: #B0A089;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica;
}

body {
	/*background: url(gx/M/bg_body.jpg) no-repeat center top;*/
	margin: 0px;
	padding: 0px;
	text-align:center;
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color: #de9110; font-family: Verdana, Arial, Helvetica; font-size:20px; font-weight: normal; }
h2{color: #B0A089; font-size:16px;}
h3{color: #B0A089; font-size:12px;}

p{font-size: 11px; line-height: 150%; color: #B0A089; padding: 10px 0px;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited { color: #B0A089; }
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{ text-decoration:none; }

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:disc; margin-left:0px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

A { color: #d7a03c; text-decoration: none; }
A:hover { text-decoration: underline; }


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0px auto;
	text-align:left;
	width:980px;
}

#contenu {
	min-height: 400px;
	padding-top: 20px;
}

.both {clear:both;}

#logo { float: left; }

#fil_arianne {
	color: #d7a03c;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px; 
	height: 10px;
	padding-bottom: 25px;
}
#fil_arianne a, #fil_arianne a:link, #fil_arianne a:visited { color: #e0cbac; text-decoration: none; }
#fil_arianne a:hover { text-decoration: underline; }

#boiteTexteSousPhoto{margin-left:22px; width:700px;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{
	background: url(Gx/M/bg_menu.gif) no-repeat;
	font-family: Verdana, Arial, Helvetica;
	padding: 0px 5px;
	height: 39px;
	width: 970px;
}
#menu LI { 
	background: url(Gx/M/sep_menu.gif) no-repeat top right;
	display: block;
	float: left;
	height: 39px;
	line-height: 39px;
	list-style: none;
	margin: 0px;
}
#menu #dernier { background: none; }


#menuTop {
	font-family: Verdana, Arial, Helvetica;
	float: right;
	margin: 30px 40px 0px 0px;
}
#menuTop LI {
	background: url(Gx/M/sep_menuTop.gif) no-repeat center right;
	display: inline-block;
	font-size: 9px;
	height: 19px;
	line-height: 19px;
	margin: 0px;
}
#menuTop #dernier { background: none; }

*+ HTML #menuTop LI { display: inline; } /* HACK IE 7 & 8 */
* HTML #menuTop LI { display: inline; } /* HACK IE 6 */

#menuTop LI A { 
	color: #d7a03c; 
	margin: 0px 5px;
	text-decoration: none;
}

#box_sCategorie, #box_produit { margin-bottom: 5px; } 

#box_sCategorie #haut, #box_produit #haut {
	background: url(Gx/Categorie/boxCat_haut.png) no-repeat !important;
	background: #2D2D2C; /* HACK IE6 */
	height: 9px;
	width: 248px;
}
#box_sCategorie #bas, #box_produit #bas {
	background: url(Gx/Categorie/boxCat_bas.png) no-repeat !important;
	background: #2D2D2C; /* HACK IE6 */
	height: 9px;
	width: 248px;
}
#box_sCategorie #box_contenu, #box_produit #box_contenu {
	background: url(Gx/Categorie/boxCat_contenu.png) repeat-y !important;
	background: #2D2D2C; /* HACK IE6 */
	padding: 5px 18px;
	width: 212px;
}

#box_sCategorie #box_contenu UL {
	background: url(Gx/Categorie/sep_categorie.gif) repeat-y;
	margin-top: 15px;
	padding-bottom: 15px;
}
#box_sCategorie #box_contenu UL LI, #box_produit #box_contenu UL LI {	
	color: #de9110;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	list-style: square;
	list-style-position:inside;
	line-height: 30px;
	margin: 0px;
	padding-left: 10px;
}

#box_sCategorie #box_contenu UL LI A {
	 color: #de9110; 
	 height: 28px;
	 width: 179px;
}

#box_sCategorie #box_contenu UL LI:hover { background-color: #201313; }

#box_produit #box_contenu UL {
	background: url(Gx/Categorie/sep_categorie.gif) repeat-y;
	margin: 0px;
	padding-bottom: 10px;
}
#box_produit #box_contenu #listeProduits {
	background: none;
	margin-top: 5px;
	padding: 0px;
	width: 230px;
}
* HTML #box_produit #box_contenu #listeProduits { width: 212px; } /* HACK IE6 */

#box_produit #box_contenu #listeProduits LI {
	float: left;
	line-height: 10px;
	list-style: none;
	padding: 0px 15px 8px 0px;
	text-align: right;
	width: 100px;
}
* HTML #box_produit #box_contenu #listeProduits LI { padding-right: 5px; } /* HACK IE6 */

#box_produit #box_contenu #listeProduits LI IMG {
	border: 3px solid #000000;
	width: 95px;
}
#box_produit #box_contenu #listeProduits LI SPAN {
	background: #000000 url(Gx/01/i_loupe.gif) no-repeat top right;
	display: block;
	font-size: 9px;
	font-weight: normal;
	padding: 0px 16px 6px 0px;
	width: 85px;
}
#box_produit #box_contenu #listeProduits LI A { color: #808080; }
#box_produit #box_contenu #listeProduits LI A:hover SPAN {
	color: #FFFFFF;
	text-decoration: underline;
}
/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

#accueil { font-family: Verdana, Arial, Helvetica; }


#accueil #nouveaute {  
	float: left;
	padding: 10px 0px 0px 30px;
}

#accueil #nouveaute .produit {
	float: left;
	padding: 15px 20px 0px 0px;
	height: 170px;
	width: 280px;
}
#accueil #nouveaute .produit IMG { 
	border: 3px solid #000000;
	float: left; 
	margin-right: 10px; 
	margin-bottom: 80px;
}
#accueil #nouveaute .produit H3 { color: #E5D0B1; font-size: 12px; }

#accueil #nouveaute #premier { 
	background: url(Gx/00/sep_newProduct.gif) no-repeat top right; 
	margin-right: 25px;	
}

/* PAGE CATÉGORIE
--------------------------------------------------------------------------------------- */

#col_gauche {
	float: left;
	width: 250px;
}
#col_droite {
	float: left;
	width: 730px;
}

#img_cat { 
	border: 10px solid #2a2a2a;
	margin-left: 20px;
}


#col_droite #texte {
	padding: 20px 0px 0px 20px;
}
#col_droite #texte #description {
	float: left;
	width: 350px;
}
#col_droite #texte #description P {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 20px;
}

#col_droite #texte HR {
	border: none;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #333333;
}

/* PAGE PROMOTIONS
---------------------------------------------------------------------------------------- */
#promotion { 
	clear: both;
	margin-bottom: 15px; 
}
#promotion IMG {
	border: 3px solid #000000;
	float:left; 
	margin-right: 10px;
}

#promotionDetail IMG {
	border: 10px solid #2a2a2a;
	float: right;
	margin: 20px 0px 20px 20px;
}

/* Plan du site 
------------------------------------------------------------------------------------- */

.col { float: left; width: 250px; }

.planSite { margin: 0px 20px; }
.planSite LI { color: #B0A089; margin : 15px 0px; font-size: 12px; font-weight: bold; }
.planSite LI UL { margin: 5px 10px; }
.planSite UL LI { margin : 2px 0px; font-size: 10px; }
.planSite LI A { text-decoration: none; }

/* Footer Map
-------------------------------------------------------------------------------------- */

#footerMap {
	background: #222222;
	float: left;
	margin-bottom: 20px;
	padding: 10px;
	width: 960px;
}

#footerMap .FM_cat {
	display: block;
	float: left;
	font-size: 12px;
	list-style: none;
	margin: 0px 12px;
}
#footerMap .FM_cat > A {
	border-bottom: 1px solid #B0A089;
	display: block;
	width: 110px;
}

#footerMap .FM_cat UL LI {
	font-size: 10px;
	list-style: none;
	padding: 0px 10px;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{ border-top: 1px solid #252320; color:#FFFFFF; font-size:10px; height:70px; margin-top: 50px; padding:10px 0px; width:980px;}
#piedPage a{color: #B0A089; text-decoration: none; }
#piedPage a:hover{ text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold; text-decoration:none;}
#piedPage #copyrights a:hover{ text-decoration:underline;}

#piedPage #menuBas { 
	float: left; 
	margin-bottom: 15px;
}
#piedPage #menuBas LI {
	color: #B0A089;
	display: inline;
	list-style: none;
	margin: 0px;
	margin-right: 10px;
}
#piedPage #menuBas LI A { margin-right: 10px; }

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

#piedtexte {float:left; color:#B0A089; text-decoration:none; width:980px; font-size:11px ; text-align:left; padding: 10px 0 10px 0;}
#piedtexte a{color:#B0A089; text-decoration:underline; font-size: 11px ;}
#piedtexte a:hover{color:#fff;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
FORM { padding: 10px 0px 0px 0px; }
FORM fieldset{border:5px solid #2a2a2a; margin-bottom:10px; padding:10px; width: 400px; }
FORM legend{border: 1px solid #000; color:#333; font-size:12px; padding: 2px 5px;}
FORM label{ color:#B0A089; font-size: 12px; display: block; margin: 10px 0 5px 0;}

.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #333333;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
	padding: 2px;
	width: 200px;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #333333;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
	padding: 2px;
	width: 350px;
}
.bouton{
	background-color: #EEF3F7;
	border: 2px solid #000000;
	color: #222222;
	cursor: pointer;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#222222; color:#FFF;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #343537; color:#fff; float: right; margin: 20px 0px; padding: 10px; width: 400px;}
div#carte div#map{border:1px solid #b7b7b7;width:400px;height:300px; color: #000;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #000000; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #000000; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #fff; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding: 0 0 0 14px; } div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #fff; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; }
div#carte a, div#carte a:link, div#carte a:visited, div#carte a:active, div#carte a:hover{ color: #fff; text-decoration: none; }
div#carte p{float:right; font-size: 11px; color:#000000;}
#carte FIELDSET { border: none; padding: 0px; width: 100%; }