/* 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,abbr,acronym{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:'';}
a,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	text-align:center;
}
body#main{
	background: #FFF url(gx/bg.gif) repeat-x  scroll center top;
	text-align:center;
}
html{
	color: #717172;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1, .h1{border-bottom: 1px dotted #999999;
	font-size:24px;
	margin-top:6px;
	margin-bottom:6px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000000;
	text-decoration:none;
	font-size:17px;
	padding:0 0 6px 5px;}
h1 a, h1 a:link, h1 a:visited, .h1 a, .h1 a:link, .h1 a:visited{color:#888a7b ;text-decoration:none;}

h2{color:#888a7b ; font-size:15px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#007C5C ;}

p{font-size:12px; line-height:150%; color:#717172;}
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:#0A254E; text-decoration:underline;}
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{
	color:#000; text-decoration:underline;
}

ul li{color:#1F1F1F; font-size:12px; line-height:150%; list-style-image:url(gx/listePuce.gif); margin-left:20px;}
ol li{color:#1F1F1F; font-size:12px; line-height:150%; margin-left:16px;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{ padding: 5px 0; border:0px solid #000;font-size: 12px; }
fieldset legend{font-size: 14px; font-weight: bold; color:#888a7b; padding:3px 0;border: 0px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:6px 0 2px 0; float:left; display:block;}
fieldset a, fieldset a:link, fieldset a:visited{color:#0070e5;}
fieldset a:hover, fieldset a:link:hover, fieldset a:visited:hover{color:#000;}

.champTexte{	
	background: #f2f0e2;
	border: 1px solid #d2d0c2;
	color: #000;
	font-size: 12px;
	margin:2px 5px 2px 0;
	float:left; display:block;
	height:18px;line-height:20px;
	padding:2px 0;
}
.listeDeroulante{
	background: #f2f0e2;	
	border: 1px solid #d2d0c2;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
	float:left; display:block;
	height:20px;line-height:20px;
}
.boiteTexte{
	background: #f2f0e2;
	border: 1px solid #d2d0c2;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin:2px 0 2px 0;
	padding:2px 0;
}
.bouton, a.bouton{
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
	padding:3px 5px;
	border:none;
	color:#fff;  
	background:#5F5F5F;
	float:left;display:block;
	margin-right:5px;
}
.bouton:hover, a.bouton:hover{background: #888A7B; cursor:pointer;  border: 0px solid #284B68;} /* FF seulement */
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}
#entete_1{
	background: url(Gx/M/entete1.jpg) no-repeat ;
	height:159px;
	width:1000px;
	position:relative;
}
#entete_2{
	background: url(Gx/M/entete2.jpg) no-repeat ;
	height:159px;
	width:1000px;
	position:relative;
}
#entete_3{
	background: url(Gx/M/entete3.jpg) no-repeat ;
	height:159px;
	width:1000px;
	position:relative;
}
#logo{margin-left:20px;float:left;}

#VoirPanier{
	position:absolute;
	top:80px;
	right:10px;;
}
#VoirPanier a{color:#888a7b ;font-weight:bold;text-decoration:none;}

#VoirPanier #btnVoirPanier{
	font-weight:normal;
	display:block;
	background: url(Gx/btn_voirPanier.gif) no-repeat ;
	width:155px; 
	height:20px;
	color:#fff;
	padding:3px 0 0 10px;
	margin-top:5px;
}
#VoirPanier #btnVoirPanier:hover{
	background: url(Gx/btn_voirPanier-on.gif) no-repeat ;
}

.both{clear:both;}
.hauteurNulle{height:0px;}
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}

.floatLeft{float:left;}
.floatRight{float:right;}

.sansBorder{border:none;}
.sansPadding{padding:0;}
.sansMargin{margin:0}

.MarginL5{margin-left:5px;}
.erreur{color:red;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu-fr, #menu-en {padding:0 10px 0 11px;margin:0;background: url(Gx/M/menu.gif) no-repeat ;height:39px;width:979px;}
#menu-fr li,#menu-en li {padding:0; margin:0; display:inline; list-style-type:none;}
#menu-fr li a, #menu-fr li a:link, #menu-fr li a:visited{
	display:block;
	float:left;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	padding:10px 19px;
	text-decoration: none;
	font-family: Arial, Verdana, Tahoma ;
}
#menu-fr li a:hover, #menu-fr li a:visited:hover{ color:#a3aa74;}
#menu-fr li a.actif, #menu-fr li a.actif:visited{color:#a3aa74;}

#menu-en li a, #menu-en li a:link, #menu-en li a:visited{
	display:block;
	float:left;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	padding:10px 30px;
	text-decoration: none;
	font-family: Arial, Verdana, Tahoma ;
}
#menu-en li a:hover, #menu-en li a:visited:hover{ color:#75E918;}
#menu-en li a.actif, #menu-en li a.actif:visited{color:#75E918;}

/* Navigation secondaire */
#menuSec{float:right;margin:10px 7px 0 0;}
#menuSec li{ display:inline; float:left; list-style-type:none; padding:0 5px 0 5px; margin:0;}
#menuSec li.dernier{border:0; padding:0 0 0 5px;}
#menuSec a, #menuSec a:link, #menuSec a:visited{float:left;font-size: 11px;color:#5f5f5f;text-decoration:none;}
#menuSec a:hover{color:#888A7B;}



/* Navigation en bas-de-page */
.menuBas{}
.menuBas li{ margin:0;padding:0;display:inline; float:left; list-style-type:none; }
.menuBas a, .menuBas a:link, .menuBas a:visited{text-decoration:none;color:#464646;font-size: 12px;padding:0 5px;}
.menuBas li.premier a{padding:0 5px 0 0;}
.menuBas li.dernier a{border:none;}
.menuBas a:hover{text-decoration:underline;}

/* CONTENU 
====================================================== */
#contenu{padding:6px 16px 6px 17px;clear:both;background: url(Gx/M/contenu.gif) no-repeat ;width:967px;}

#deuxColonnes{background: #f5f5f4  url(Gx/M/bg-DeuxColonnes.gif) no-repeat bottom left ;border-left:1px solid #ddd;

}
/* MODULE LATERAL (Gauche)
--------------------------------------------------------------------------------------- */
#colonneGauche{
	 /*background: #5b5b5burl(Gx/M/basColonneGauche.jpg) no-repeat bottom ;*/
	width:257px;
	float:left;
}
/* ------ Menu Lateral ------ */
#menuLateral{
	background: #F5F5F4  url(Gx/M/colonneGauche.gif) no-repeat ;
	padding:10px 10px 15px 10px;
}
#menuLateral ul li{list-style-image:none;list-style:none;padding:0;margin:5px 0;}
#menuLateral ul li a{
	color:#2a2a2a;
	font-weight:bold;
	font-size:13px;
	padding:0 0 0 15px;
	background:  url(Gx/M/puceMenuLateral.gif) no-repeat left center ;
	text-decoration:none;
}
#menuLateral ul li a.actif{
	background:  url(Gx/M/puceMenuLateral-on.gif) no-repeat left center ;
}
#menuLateral ul li a:hover{text-decoration:underline;}

#menuLateral ul li ul li a{padding:0;color:#888a7b ;margin-left:30px;font-weight:bold;background:none;display:block;}
#menuLateral ul li ul li a.actif{text-decoration:underline;background: none;}


/* ----- Recherche ------- */
#moteurRecherche{
	/*background:  url(Gx/M/bg-recherche.gif) no-repeat ;*/
	text-align:left;
	padding:15px 10px;
}
#moteurRecherche h3{font-size:14px;color:#888a7b ;margin:5px 0 5px 0;}
#moteurRecherche form{
	text-align:center;
	height:33px;
	border:1px solid #a3a3a3;
	padding:0 0 0 1px;
	font-size:12px;
	background:#fff;
}
#moteurRecherche #inputSearch{
	background:none;
	border:none;
	width:180px;
	float:left;
	padding:6px 0 7px 5px;
	color:#2a2a2a;
}
#moteurRecherche #btn_go_search{
	margin:1px 1px 0 0;
	float:right;
	background: url(gx/M/btn-search.gif) no-repeat  scroll left center;
	width:37px;
	height:31px;
	border:none;
}
#moteurRecherche #btn_go_search:hover{
	background: url(gx/M/btn-search-over.gif) no-repeat  scroll left center;
 	cursor:pointer;
}
/* ----- TexteLateral ------- */
#TexteLateral{padding:10px;margin:10px;border:1px solid #a3a3a3;background:#fff;}
#TexteLateral p{color:#2a2a2a;}
#TexteLateral h3{font-size:13px;color:#888a7b }

/* CONTENU  (Droite)
--------------------------------------------------------------------------------------- */
#colonneDroite{float:right;width:705px;background:#fff;min-height:515px;padding-left:4px;}

/* 01_100 : PAGE ACCUEIL */
#photoAccueil{border:1px solid #a3a3a3;}
#produitVedette{margin-top:15px;}
#produitVedette h2{
	font-size:13px;
	margin:0;
	color:#222;
	text-transform:uppercase;
}

/* 02_100 : PAGE ITEM LISTE */
.boiteItemcol1{margin:10px 10px 0px 0;}
.boiteItemcol2{margin:10px 0 0px 0;} 
.boiteItem{float:left;width:343px;height:145px;padding:1px;border:1px solid #b9b9b9;}
.boiteItem.hover{background-color:#eee;}
.boiteItem .imgItem{border:1px solid #b9b9b9;float:left;}
.boiteItem .infoItem{float:left;margin: 5px 10px;width:180px;}
.boiteItem .infoItem p.nomItem{font-weight:bold;font-size:15px;color:#444;}
.boiteItem .infoItem p.prixItem{font-size:20px;color:#888a7b ;line-height:20px;}
.boiteItem .infoItem p.prixItem .textBarre{font-weight:bold;color:#444;font-size:14px;text-decoration:line-through;}


.Numpages a{color:#007C5C;text-decoration:none;}
.Numpages a:hover{text-decoration:underline;}
/* btn ajout au panier */
.boiteItem .infoItem a.btnAddItem{
	font-size:12px;
	color:#222;
	text-decoration:none;
	display:block;
	background: url(gx/btn_addItemBoite.gif) no-repeat  scroll left center;
	height:19px;
	width:52px; 
	padding:4px 0 0 30px;
	margin-top:5px;
	float:left;
	margin-right:5px;
 }
.boiteItem .infoItem a.btnAddItem:hover {color:#888A7B;background: url(gx/btn_addItemBoite-on.gif) no-repeat  scroll left center;}
.boiteItem .infoItem a.btnDetailItem{
	font-size:12px;
	color:#222;
	text-decoration:none;
	display:block;
	background: url(gx/btn_detailItem.gif) no-repeat  scroll left center;
	height:19px;
	width:52px; 
	padding:4px 0 0 30px;
	margin-top:5px;
	float:left;
}
.boiteItem .infoItem a.btnDetailItem:hover{color:#888A7B;background: url(gx/btn_detailItem-on.gif) no-repeat  scroll left center;}

.boiteItem .infoItem .pasLivr{margin-top:5px;font-weight:bold;color:#444;line-height:14px;}

/* 02_200 : PAGE ITEM DETAIL */
#imgitem{border:1px solid #b9b9b9;margin:5px;float:left;}
#itemDetail {margin:0 0 10px 5px ;}
#itemDetail.avecImg{width:380px;float:right;}
#itemDetail h1{border:none;margin:0;padding:0;}
#itemDetail #intro{font-weight:bold;margin:10px 0;}
#itemDetail #prix{font-size:20px;color:#888A7B;}
#itemDetail #prix .textBarre{font-weight:bold;color:#444;font-size:14px;text-decoration:line-through;}
#UniquementMag{font-size:15px;font-weight:bold;color:#666;}
/* btn ajout au panier */
a.btnAddItem{
	font-size:12px;
	color:#222;
	text-decoration:none;
	display:block;
	background: url(gx/btn_addItem.gif) no-repeat  scroll left center;
	height:19px;
	width:136px; 
	padding:4px 0 0 5px;
	margin-top:5px;
 }
a.btnAddItem:hover {color:#888A7B;background: url(gx/btn_addItem-on.gif) no-repeat  scroll left center;}

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#boiteFormQuestion{width:320px;}
#formQuestion{}
#formQuestion label{float:left;width:80px;}
#formQuestion .champTexte{float:left;width:230px;}
#formQuestion .listeDeroulante{float:left;width:230px;}
#formQuestion .boiteTexte{float:left;height:70px;width:230px;}

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #343537; color:#fff; display: inline; float: right; margin: 0px; padding: 10px; width: 355px; }
div#carte div#map{border:1px solid #b7b7b7; 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; padding-bottom: 10px;}

#carte FIELDSET { border: none; padding: 0px; width: 390px; margin: 10px 0px; }
#carte .bouton { margin: 0px; }
* HTML #carte .bouton { padding: 0px; } /* HACK IE6 */
*+ HTML #carte .bouton { padding: 0px; } /* HACK IE 7 & 8 */

/* PAGE SEND TO A FRIEND
------------------------------------------------------------------*/
.gauche, .droite{float:left;}
.gauche{width:320px; margin-right:10px;}
.droite{width:320px;}
#envoiDemande label, #envoiDemande input{width:300px;}
#envoiDemande textarea{width:660px;}
#envoiDemande input.bouton{width:75px;}

/* 10_100 : PANIER ACHAT
--------------------------------------------------------------------------------------- */
#panierAchat #PanierHeader ul{margin-top:5px;}
#panierAchat #PanierHeader ul li{display:inline;padding:2px;}
#panierAchat #PanierHeader ul li.actif{background-color:#888A7B;color:#fff;}
#panierAchat table, #panierAchat form{margin-left:10px;}
#panierAchat form label{width:140px;}
#panierAchat form .listeDeroulante{width:300px;}
#panierAchat form .champTexte{width:300px;}
#panierAchat form .boiteTexte{width:300px;height:70px;}

#panierAchat .bouton{margin-left:5px;}

#panierAchat h3{margin-bottom:5px;}

#panierAchat .tableau{border: 1px solid #D4D0C2;background: #fff;}
#panierAchat .tableau .trTitre td{font-weight:bold;background:#4a4a4a; color:#e7e9f0;font-size:12px;text-align: left;border-bottom:1px solid #e2e2e2;}
#panierAchat .tableau td{font-size: 12px; line-height: 140%; color: #666;padding:2px 4px 2px 4px; border-bottom:1px solid #e2e2e2;}
#panierAchat .tableau td.sansBordure{border:none;}
#panierAchat .tableau .total td{font-weight:bold;font-size:14px;color:#007C5C;}

#PanierFooter{text-align:center;}
#PanierFooter img {margin:10px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	background: url(Gx/M/piedPage.gif) repeat-x;
	color:#464646; 
	font-size:10px; 
	width:959px;
	padding:10px 10px 20px 11px; 
	margin:0 10px;
}
#piedPage #texteBasPage {margin:5px 0;text-align:justify;}
#piedPage #texteBasPage p{font-size:11px;}
#piedPage #copyrights{margin:0; text-align:left;}
#piedPage #copyrights a{float:left;color:#999;text-decoration:none;margin-right:5px;}
#piedPage #copyrights a:hover{color:#464646;text-decoration:underline;}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems{float:left; height:25px; margin-right:4px; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}