/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #e9e7d6  url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #e9e7d6 url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family:Tahoma, Arial, Verdana, Helvetica;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{margin:0; padding:0; border:0;}

h1{
	font-size: 20px;
	color: #89AD2C;
	text-align: right;
	padding:5px 5px 5px 0;
	margin-bottom: 5px;
	font-weight: normal;
	border-top:2px solid #E2EACD;
	border-bottom: 1px solid #E2EACD;
}
h1.nouveaute{color: #7894AA;border-top:2px solid #D2DDE5;border-bottom: 1px solid #D2DDE5;}

h2{
	font-size: 16px;
	color: #89AD2C;
	text-align: left;
	padding:5px 5px 5px 0;
	margin: 5px 0 5px 0;
	font-weight: bold;
	border-bottom: 1px solid #E2EACD;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	width:891px;
	text-align:center;
}
#contenu{
	background: url(Gx/bgContenu.gif) repeat-y;
	text-align:center;
}
#contenuCentre{
	margin: 0 auto 0 auto;
	width:862px;
	text-align:left;
}

#hautPage{
	background: url(Gx/m/hautPage_bg.jpg) no-repeat;
	height: 117px;
	width:891px;
}
#hautPage a{text-decoration:none; border:0px;}


#colGauche{
	float:left;
	width: 231 px;
}
#colDroite{
	float: right;
	width: 619px;
}

#boiteRech{
	width: 231px;
	background: url(gx/m/boiteRech_bg.gif) repeat-y;
}
#boiteRech .titre{
	color: #89AD2C;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	padding-left: 12px;
	margin: 5px 0 3px 0;
	border:0;
}

#boiteCat{
	width: 231px;
	background: url(gx/m/boiteCat_bg.gif) repeat-y;
}
#boiteListeCat{
	background: url(gx/m/boiteListeCat_bg.gif) repeat-y;
	width: 231px;
}
#boiteCat .titre{
	color: #080D0A;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	padding: 5px 0 5px 12px;
	margin: 0;
	border-top: 0;
	border-bottom:1px solid #DFDFDF;
}
#boiteCat .titre em{
	font-style: normal;
	font-weight: normal;
}

/* MENU LISTE DES CATÉGORIES EN <ul><li>
--------------------------------------------------------------------------------------- */
#boiteListeCat{margin-bottom: 8px;}
#boiteListeCat ul{list-style-type: none;margin:0;padding:0;}
#boiteListeCat ul li{margin:0; padding:0; list-style-type:none; border-bottom:1px solid #DFDFDF;}
#boiteListeCat ul li a, #boiteListeCat ul li a:link, #boiteListeCat ul li a:visited{
	color: #303030;
	margin: 0;
	padding: 0 0 0 14px;
	font-size: 13px;
	height:28px;
	line-height: 28px;
	display: block;
	text-decoration: none;
}
#boiteListeCat ul li a:hover, #boiteListeCat ul li a:visited:hover{text-decoration: none; color: #080D0A; background: #E9E7D6;}
#boiteListeCat ul li a.actif, #boiteListeCat ul li a.actif:visited, #boiteListeCat ul li a.actif:hover{font-weight: bold; color: #FFF; background: #89AD2C;}

.imageBordure{border: 1px solid #DEDEDE;}

/* En vedette */
.boiteDemi{width:301px;	border: 1px solid #DEDEDE;	background: #FFF;margin-bottom:8px;}
.boiteDemiConteneur{margin:5px;padding:5px;background: #F1F8E0;width: 281px;_width: 291px;}
.boiteDemiInfo{width:162px;}
.boiteDemiInfo h1{color:#080D0A;font-size:13px;border:0;padding:0;margin:0;text-align:left;font-weight: bold;}
.boiteDemiInfo h1 a, .boiteDemiInfo h1 a:link, .boiteDemiInfo h1 a:visited{color:#080D0A; text-decoration: none;}
.boiteDemiInfo h1 a:hover, .boiteDemiInfo h1 a:visited:hover{text-decoration: underline;}
.boiteDemiInfo p{color: #191704;font-size: 11px;padding-bottom:5px;}
.boiteDemiInfo p a, .boiteDemiInfo p a:link, .boiteDemiInfo p a:visited{color: #89AD2C; text-decoration: none;}
.boiteDemiInfo p a:hover, .boiteDemiInfo p a:visited:hover{text-decoration:underline;}

/* Nouveautés */
.boiteComplete{width:617px; border: 1px solid #DEDEDE;background: #FFF; margin-bottom: 8px;}
.boiteCompleteConteneur{margin:5px;padding:5px;background: #F0F5F9;width: 597px;_width: 607px;}
.boiteCompleteInfo{width:480px;}
.boiteCompleteInfo h1{color:#080D0A;font-size:15px;border:0;padding:0;margin:0;text-align:left;font-weight: bold;}
.boiteCompleteInfo h1 a, .boiteCompleteInfo h1 a:link, .boiteCompleteInfo h1 a:visited{color:#080D0A; text-decoration: none;}
.boiteCompleteInfo h1 a:hover, .boiteCompleteInfo h1 a:visited:hover{text-decoration: underline;}
.boiteCompleteInfo p{color: #191704;font-size: 11px;padding-bottom:5px;}
.boiteCompleteInfo p a, .boiteCompleteInfo p a:link, .boiteCompleteInfo p a:visited{color: #4E687C; text-decoration: none;}
.boiteCompleteInfo p a:hover, .boiteCompleteInfo p a:visited:hover{text-decoration:underline;}
a.btnPanier{font-weight:bold;padding-right:18px; background: url(gx/m/iconePanier.gif) no-repeat right;}

/* Fiche détailée */
.boiteDetail{width:617px; border: 1px solid #DEDEDE;background: #FFF; margin-bottom: 8px;}
.boiteDetailConteneur{margin:5px;padding:5px;background: #FAFAF7;width: 597px;_width: 607px;}
.boiteDetailInfo{width:380px;}
.boiteDetailInfo h1{color:#080D0A;font-size:19px;border:0;padding:0;margin:0;text-align:left;font-weight: bold;}
.boiteDetailInfo p{color: #717172;font-size: 12px;padding-bottom:5px;}
.boiteDetailInfo p a, .boiteDetailInfo p a:link, .boiteDetailInfo p a:visited{color: #89AD2C; text-decoration: none;}
.boiteDetailInfo p a:hover, .boiteDetailInfo p a:visited:hover{text-decoration:underline;}

.boiteDetailInfo h2{color: #717172;font-size: 12px;padding-bottom:15px;font-weight: normal;}
.boiteDetailInfo h2 a, .boiteDetailInfo h2 a:link, .boiteDetailInfo h2 a:visited{color: #89AD2C; text-decoration: none;}
.boiteDetailInfo h2 a:hover, .boiteDetailInfo h2 a:visited:hover{text-decoration:underline;}

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{width: 891px;height: 32px;line-height: 28px;padding: 0;margin: 0;color: #607D15;text-align: right;font-size: 11px;}
#menu a, #menu a:link, #menu a:visited{font-size: 11px;color: #FFF;text-decoration: none;}
#menu a.panier, #menu a.panier:visited{font-weight: bold;color: #C1E660;}
#menu a.panier img{vertical-align:middle;}
#menu a:hover,#menu a.panier:hover, #menu a:visited:hover, #menu a.panier:visited:hover{color: #FFF;text-decoration: underline;}
#menu a.actif, #menu a.actif:visited{color:#FFF;text-decoration: none;font-weight: bold;} 

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #999573;font-size:10px;padding-top:10px; width:891px;text-align:left;}
#piedPage a{ color: #999573; text-decoration: none;}
#piedPage a:hover{ color: #080D0A; text-decoration: none;}
#piedPage #copyright{
	float:left;
	padding-left:6px;
}

#piedPage #menuBas{padding-right:6px;margin: 0;color: #C4C1AB;text-align: right;font-size: 11px;float:right;}
#piedPage #menuBas a, #piedPage #menuBas a:link, #piedPage #menuBas a:visited{font-size: 11px;color: #080D0A;text-decoration: none;}
#piedPage #menuBas a:hover, #piedPage #menuBas a:visited:hover{color: #080D0A;text-decoration: underline;}


/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 13px; 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:#89AD2C; text-decoration:underline;}
p strong{color:#363636; font-size: 14px;}
ul li{font-size:13px; line-height:150%; list-style:square;margin-left:16px;}
ol li{font-size:13px; line-height:150%; color:#1F1F1F;}


/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding-top:5px;}	
#lightboxCaption{float:left; color:#fff; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#lightbox{ background:#89AD2C;} /* couleur du contour popup */
#overlay{background-color: #3B392B;} /* couleur du fond tranparent */


/* TABLEAU (POUR LE PANIER ENTRE AUTRE) */
table.tableau{border-bottom: 3px solid #89AD2C;font-size: 13px;margin:10px 0 0 0;}
table.tableau th{background: #89AD2C;font-size: 13px;color: #FFF;padding:5px;}
table.tableau tr.pair{background:#F5F4ED;}
table.tableau tr.impair{background:#FFF;}
table.tableau tr td{padding:5px;font-size: 12px;color:#080D0A;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #DEDEDE;font-size: 13px;}
fieldset legend{font-size:14px; font-weight:bold; color:#89AD2C;}
fieldset label{font-size:12px; font-weight:bold; color:#717172;padding:5px 0 0 0;}

.champTexte{	
	color: #9B994E;
	border: 1px solid #DFDFDF;
	background: #F5F4CB;
	font-size: 11px;
	margin:0 0 5px 0;
	padding:5px 0 6px 5px;
	_height: 25px;
}
.boutonRadio{
	color: #4E677A;
	background: #EEF3F7;
	font-size: 11px;
}
.listeDeroulante{
	color: #9B994E;
	border: 1px solid #DFDFDF;
	background: #F5F4CB;
	font-size: 11px;
	margin:0 0 5px 0;
	padding:5px 0 6px 5px;
	_height: 25px;
}
.boiteTexte{
	font-family: Tahoma;
	font-size: 11px;
	color: #9B994E;
	border: 1px solid #DFDFDF;
	background: #F5F4CB;
	margin:0 0 5px 0;
	padding:5px 0 6px 5px;
}
.bouton{
	font-family: Tahoma;
	background-color: #B1D651;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	background-color: #FFF;
}
.erreur{
	
	color: #FF0000;
}