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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background:#ECF2E0;
	margin:0;
	padding:0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #E52F4C;
	font-size:17px;
	margin: 0 0 8px 0;
}

h2{
	color: #6B6B6B;
	font-size:14px;
	margin: 0 0 8px 0;
}

#haut{
	background: url(gx/m/haut_bg.gif) no-repeat right top;
	width:985px;
}
#btnRetour{
	float:right;
	padding-right:24px;
}
#boiteHaut{
	display:block;
	height:37px;
	width:985px;
}
#boiteHaut p, #boiteHaut p a, #boiteHaut p a:link, #boiteHaut p a:visited{
	color:#FFF;
	text-decoration: none;
}
#boiteHaut p a:hover, #boiteHaut p a:visited{
	text-decoration: underline;
}

#hautInfo{
	background: url(gx/m/hautInfo_bg.gif) no-repeat;
	float: left;
	width:876px;
}
#btnLang{
	background: url(gx/m/btnLang_bg.gif) no-repeat;
	float: left;
	width:75px;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:985px;
}
#contenu{
	background:#FFF url(gx/m/contenu_bg.jpg) no-repeat bottom right;
}
#contenuPage{
	width:951px;
}
#colGauche{
	background:#FFF url(gx/m/colGauche_bg.jpg) no-repeat top left;
	display: block;
	float:left;
	width:233px;
}
#colDroite{
	background:#FFF url(gx/m/colDroite_bg.gif) repeat-y top left;
	display:block;
	float: right;
	width:700px;
}

/* LISTE GAUCHE
--------------------------------------------------------------------------------------- */
#listeGauche{padding:20px;}
#listeGauche ul{margin:0;padding:0;}
#listeGauche ul li{padding:0; margin:0; display:block; list-style-type:none;}
#listeGauche ul li a, #listeGauche ul li a:link, #listeGauche ul li a:visited{
	border-bottom: solid 1px #D3D3D3;
	color: #bb0a1e;
	display: block;
	font-size: 14px;
	line-height: 18px;
	padding: 5px 10px 3px 8px;
	text-decoration: none;
}
#listeGauche ul li a:hover, #listeGauche ul li a:visited:hover{color:#E52F4C; text-decoration:none;}
#listeGauche ul li a.actif, #listeGauche ul li a.actif:visited{color:#E52F4C;}

/* RÉSULTATS 
--------------------------------------------------------------------------------------- */
.boiteResultat{
	display: inline;
	float: left;
	width: 190px;
	/* height: 205px; */
}
.boiteResultat a, .boiteResultat a:link{
	text-decoration: none;
	background: #FFF;
	display: block;
	border:1px solid #FFF;
}
.boiteResultat a:hover, .boiteResultat a:hover:visited{
	text-decoration: none;
	background: #FFF;
	color: #FFF;
	border:1px solid #81B627;
}


/* MENU
--------------------------------------------------------------------------------------- */
#menu{width:985px;display:block;margin:0; padding:0;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #6B6B6B;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #6B6B6B; 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:#E52F4C; text-decoration:underline;
}
ul li{font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}

.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;
}

.nouveau{
	color: #FF0000;
}
.prix{
	font-size:22px;
	font-weight:bold;
	color: #70A40C;
	margin-top: 80px;
}

.prix a, .prix a:link, .prix a:visited{font-size:18px;color: #70A40C;text-decoration: none;}
.prix a:hover, .prix a:visited:hover{
	font-size:18px;color: #70A40C; text-decoration:underline;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#A8BB83; font-size:11px; margin: 0 auto 0 auto;padding:0;width:985px;text-align:left;}
#piedPage a{color:#A8BB83; text-decoration:none;}
#piedPage a:hover{color:#E52F4C; text-decoration:none;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 15px; border:1px solid #999;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:5px;margin-bottom:15px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0}
fieldset label.etiquette{display:block;width:200px;float:left;}
.inputRequirement{color:#F00;font-size: 12px;}
.inputRequirementSmall{color:#F00;font-size: 10px;}
.champTexte{	
	background: #FCFEF3;
	border: 1px solid #DEE6BF;
	color: #B0BF7C;
	font-size: 12px;
	margin:0 0 3px 0;
	padding:3px 0 3px 5px;
	_height: 26px;
}
.listeDeroulante{
	background: #FCFEF3;
	border: 1px solid #DEE6BF;
	color: #B0BF7C;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FCFEF3;
	border: 1px solid #DEE6BF;
	color: #B0BF7C;
	font-family: Arial;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}



/*********************************************************************************/
/*                                    PANIER                                     */
/*********************************************************************************/


#Commande A:link {text-decoration:none;}
#Commande A:hover {text-decoration:underline;}
#Commande A:active {text-decoration:none;}
#Commande A:visited {text-decoration:none;}
#Commande A:visited:Hover {text-decoration:underline;}
#Commande .link {font-family:Arial;color:#000000;font-size:12px;font-weight:bold;}
/* form */
#Commande .InputSelect {font-family:Arial;background-color:#FFF;color:#000;font-size:11px;}
#Commande .Input {font-family:Arial;background-color:#FFFFFF;color:#000;font-size:11px;text-align:left;}
#Commande .titre {font-family:Arial;color:#000;font-size:18px;font-weight:bold;}
#Commande .titreSmall {font-family:Arial;color:#000000;font-size:15px;}
#Commande .titreRow {font-family:Arial;color:#F00;font-size:11px;font-weight:bold;}
#Commande .contourBoiteRow {background-color:#999;border:1px solid #FFFFFF;}
#Commande .contourItem {background-color:#888;border:1px solid #FFFFFF;}
#Commande .contourTotal {background-color:#000000;border:1px solid #FFFFFF;}
#Commande .texte {font-family:Arial;color:#000;font-size:11px;font-weight:normal;line-height:15px;text-align:left;}
#Commande .texteSmallBlanc {font-family:Arial;color:#FFFFFF;font-size:9px;font-weight:normal;line-height:13px;text-align:left;}
#Commande .prix {font-family:Arial;color:#000000;font-size:11px;font-weight:normal;line-height:15px;text-align:left;}
#Commande .prixTotal {font-family:Arial;color:#FFFFFF;font-size:11px;font-weight:normal;line-height:15px;text-align:left;}