/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#index{
	background: #8e431b url(gx/bg.jpg) repeat center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #8e431b url(gx/bg.jpg) repeat  scroll center top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	font-size: 12px; 
	 color: #717172;
	/* Garder seulement 3 fontes */
	font-family:  Helvetica, "Trebuchet MS", Arial;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
a, a:link, a:visited{outline: none; /* Placer ici les mêmes paramètres que la classe p{} */}
a:hover{}

h1{color: #ea8d07; font-size:18px;padding:10px 0 5px 0;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #88cbdc; font-size:15px;margin:15px 0 5px 0;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3{color: #99cc33; font-size:12px;margin:15px 0 4px 0;}
h3 a, h3 a:link, h3 a:visited{color:#333;}

/* CONTENEURS
--------------------------------------------------------------------------------------- */
#page{
	margin: 0 auto 0 auto;
	text-align:left;
	width:944px;
}

#conteneur{
	background: #fff url(gx/bg_conteneur.gif) repeat-y ;
}

#contenu{
	position:relative;
	top:2px;
	left:2px;
	width:940px;
	background:  url(gx/bg_haut_contenu.gif) repeat-x left top ;
}
#logo{
	position: absolute;
	visibility: hidden;
}

/* HAUT DE PAGE
--------------------------------------------------------------------------------------- */
#hautPage{
	color:#fff;
	text-align:right;
	height:30px;
	position:relative;top:5px;	
}


#menu_hautPage a{
	color:#fff;
	text-decoration:none;
	border-right:1px solid #fff;
	position:relative;top:5px;	
	font-size: 11px;
	font-weight: bold;
	padding:0px 12px 0 12px;
}

#menu_hautPage a.dernierliste{border:none;}

/* CONTENU
--------------------------------------------------------------------------------------- */
#colonne_secondaire{
	width:259px;
	float:left;
	position:relative;
	top:25px;
	left:18px;
}

#colonne_principale{
	line-height: 150%;
	width:580px;
	margin-left:259px;
	position:relative;
	top:25px;
	left:56px;
}

#colonne_principale img{margin-right:5px;border:1px solid #ddd;padding:1px;}
#colonne_principale p{margin:5px 0;}

#piedContenu{
	background:  url(gx/bg_piedContenu.gif) no-repeat top;
	height:43px;
	width:944px;
}
#contenu{clear:both;}

#detailMarchand{float:left;width:200px;}
#detailMarchand a{color:#e14b00;font-size:12px;}
/* MENUS
--------------------------------------------------------------------------------------- */
#menu{
	position:relative;
	top:2px;
	left:2px;
	background: #fff url(gx/bg_menu.gif) no-repeat ;
	width:940px;
	height:36px; 
	margin:0; 
	padding:0;
}
#menu #menuContenu{
	margin-left:23px;
	padding:0;
}

#menu a, #menu a:link, #menu  a:visited{
	background: url(gx/M/separation.gif) no-repeat right top;
	height:26px;
	display:block;
	float:left;
	color: #424a3b;
	font-size: 13px;
	font-weight: bold;
	padding:10px 15px 0 15px;
	text-decoration: none;
}
#menu a:hover, #menu a:visited:hover{color: #ec8700;}
#menu  a.actif, #menu  a.actif:visited{color: #ec8700;}
#menu  a.dernierliste{background:none;}
#menu  a.dernierlisteactif{color: #ec8700;background:none;}

#sous_menu{
	width:600px;
	height:36px;
	margin:0; 
	padding:0;
}
#sous_menu a, #sous_menu a:link, #sous_menu  a:visited{
	border-right:1px solid #e1e1e1;
	height:20px;
	display:block;
	float:left;
	color: #777;
	font-size: 11px;
	font-weight: bold;
	padding:5px 5px 0 5px;
	margin:5px 0 0 0;
	text-decoration: none;
}
#sous_menu a:hover, #sous_menu a:visited:hover{background-color: #eee;}
#sous_menu  a.actif, #sous_menu  a.actif:visited{background-color: #eee;}
#sous_menu  a.dernierliste{border:none;}

#btnMenuConcours{background:#EC8700 !important; color:#FFF !important;}
#btnMenuConcours:hover{background:#e14b00 !important;}



/* RECHERCHE MARCHAND
--------------------------------------------------------------------------------------- */
#recherche_rapide{
	color:#fff;
	font-weight:bold;
	height:300px;
	width:258px;
	margin-bottom:7px;
}
#recherche_rapide a{color:#fff;}
#recherche_rapide p{color:#fff;}
#recherche_rapide form{
	position:relative;
	top:80px;
	left:22px;
	width:220px;
}

#recherche_avance{
	color:#fff;
	font-weight:bold;
	height:393px;
	width:258px;
	margin-bottom:7px;
}
#recherche_avance p{color:#fff;}

#recherche_avance form{
	position:relative;
	top:80px;
	left:22px;
	width:220px;
}
#searchResult a{color:#777;font-weight:bold;}
#searchResult a:hover{color:#88cbdc;}

#searchResult  .NumPagesProduit{margin:10px 0;}
#searchResult .NumPagesProduit a {font-weight:normal;padding:2 4px;color:#888;}
#searchResult .NumPagesProduit span {padding:2 4px;color:#fff;background-color:#99CC33;}
#searchResult .NumPagesProduit a:hover {color:#fff;background-color:#99CC33;}

.BoiteListeMarchand{
	margin:15px 12px 12px 0;
	padding:7px 0 0 10px;
	border-top:1px solid #ddd;
	border-left:1px solid #eee;
	height:150px;
	width:250px;
	float:left;
}

.BoiteListeMarchand a{color:#777;font-weight:bold;}
.BoiteListeMarchand a:hover{color:#88cbdc;}



.lespages{
	margin-right:5px;
	padding-right:5px;
	float:left;
}
.NumPagesProduit{
	width:520px;
	text-align:right;
	margin:10px;
}

.NumPagesProduit a,.NumPagesProduit span{
	text-decoration:none;
	padding:2px;
}

.NumPagesProduit a:hover,.NumPagesProduit span{
	background-color:#99CC33;
	color:#fff;
}

#btn_retour a{
	text-decoration:none;
	color:#42883b;
	background: url(gx/retour.gif) no-repeat left center;
	padding-left:20px;
}
#btn_retour a:hover{text-decoration:underline;}
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #717172;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #717172; 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:#717172; font-size:12px; line-height:150%; list-style:square; margin-left:25px;}
ol li{color:#717172; font-size:12px; line-height:150%; margin-left:16px;}

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#1F1F1F;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#1F1F1F;}

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

.lienRSS{
	background: url(Gx/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;
}

#lienPlanSite a{text-decoration:none;}
#lienPlanSite a:hover{text-decoration:underline;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	padding:0 8px;
	margin-top:10px;
	margin-bottom:25px;
	color:#fff; 
	font-size:10px; 
	height:50px; 
}
#piedPage a{color:#fff; text-decoration:none;font-size: 10px;}
#piedPage a:hover{color: #88CBDC; text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#fff;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #88CBDC;}

#menu_piedPage{float:right;}

#menu_piedPage a{
	font-size: 11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-weight: bold;
	padding:0px 12px 0 12px;}

#menu_piedPage a.actif {color:#88CBDC;}
	
#menu a#btnPrint, #menu a#btnPrint:link, #menu:visited{float:right; font-size:10px; background:url(Gx/M/btn_imprimer.gif) no-repeat 0px 10px; padding:10px 12px 0 20px; }

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;margin-left:10px;}
#bookmarker a{color:#fff; text-decoration:underline;}
#bookmarker a:hover{color:#88CBDC;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #ddd; font-size: 11px; margin-bottom:10px; padding:15px;}
fieldset legend{border-left: 1px solid #ddd;border-right: 1px solid #ddd;  font-size:12px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px;  margin:2px 0 2px 0;line-height: 140%;}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 12px;
	margin:2px 0 2px 0;
}
.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: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

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

.erreur{color: #FF0000;}