html{font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS";}
/* -- splash -- */
body#splash{background: #676E70; margin: 0; padding: 0;}
#container{ margin: 0 auto; width: 700px;}
#footerSplash{
	margin: 20px 0 10px 0;
}
#footerSplash #splashGauche{
	width: 250px;
	float: left;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 9px;
	color: #FFF;
	padding: 0;	
}
#footerSplash #splashDroite{
	width: 250px;
	float: right;
	text-align: right;
}
#footerSplash #splashCentre{
	margin: 0 250px 0 250px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	text-align: center;
	height: 50px;
}
#footerSplash a, #footerSplash a:link, #footerSplash a:visited{
	color: #FFF;
	text-decoration: none;
	font-weight: bolder;
}
#footerSplash a:hover{
	color: #FFF;
	text-decoration: underline;
}
/* -- fin splash -- */
body#main{background: #FFF url(gx/bg.gif) repeat-x; margin: 0; padding: 0;}

h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}

h1{
	font-family: Arial;
	font-size: 17px;
	color: #FFF;
	padding-bottom: 2px;
	border-bottom: 4px solid #D7D7D7;
}
h1 a{color: #FFF;	text-decoration: none;}
h1 a:hover{color: #FFF;	text-decoration: underline;}

h2{
	font-family: Arial;
	font-size: 15px;
	color: #FFF;
}

/* CONTENU */
#hautPage{width:740px; height:142px; margin:0; padding:0; background-image: url(Gx/M/haut.jpg);}
#contenu{background:#AEAEAE url(gx/m/contenu_haut.gif) left top no-repeat; padding:28px 29px 10px 28px; display:block;}
#contenuPage{width:683px;}

#contenuColGauche{
	width:194px;
	float:left;
	padding-right:14px;
}
#contenuColGauche #photoMagasin{
	background-image: url(gx/m/photo_magasin.jpg);
	width:194px;
	height: 121px;
	padding: 0;
	margin: 0;
}
#coord{
	background-image: url(gx/m/bg_coord.gif);
	width:194px;
	height: 240px;
	color: #EDE0CA;
	/*background-color:red;*/
}

#coord p{
	padding: 33px 0 0 11px;
	font-size: 0.7em;
	color: #EDE0CA;
}
#coord p strong{
	color: #FFAB61;
}
#coord p b{
	color: #EDE0CA;
}
#contenuColDroite{
	padding: 0;
	margin: 0;
	float:right;
	width:475px;
}

/* ACCUEIL */
#annonce{
	width:475px;
	height:200px;
	
	background-color:white;
}
#promo{
	background-image: url(gx/00/bg_promo.gif);
	width:475px;
	height:168px;
	margin-top:8px;
}
#promo h1{
	font-family: Arial;
	font-size: 17px;
	color: #FFF;
	border:0px;
}

#promo #boiteTexte{float:left; width:290px; padding: 15px 0 0 35px; color:#474747; font-size: 0.7em;}
#promo #boiteTexte a{color: #4E677A;text-decoration:underline;}

#promo #boitePhotoPromo{float:right; margin:0 14px 0 0;}

#autreProd{
	background-image: url(gx/00/bg_autreProd.gif);
	width:475px;
	height:163px;
	margin-top:8px;
}
#autreProd h1{
	font-family: Arial;
	font-size: 17px;
	color: #FFF;
	border:0px;
}
#autreProd #boitePhoto{margin:12px 10px 0 10px;}
#autreProd #boitePhoto img{margin-right:38px;}

.boiteCat{
	padding: 0;
	margin: 0;
	width: 475px;
}
.boiteCat .cat{
	float:left;
	padding: 0;
	margin: 5px 10px 5px 0 ;
	border: 2px solid #E2E2E2;
	display: inline;	
}


/* MENU */
#menuHaut{position:absolute; left:425px; top:0px;}
#menuHaut ul{margin:0; padding:0;}
#menuHaut li{margin:0; padding-right:12px; display: inline;}

#menuPrincipal{position:absolute; left:39px; top:112px;}
#menuPrincipal ul{margin:0; padding:0;}
#menuPrincipal li{margin:0; padding-right:8px; display: inline;}

/* PIED DE PAGE */
#piedPage{
	color: #8F9EA7;
	height: 50px;
	font-family: Tahoma;
	font-size: 9px;
	background: url(gx/m/bg_basPage.gif) left top no-repeat;
	padding: 40px 0 20px 30px;
}
#piedPage a{ color: #8F9EA7; text-decoration: underline;}
#piedPage a:hover{ color: #143D60; }
#piedPage #copyrights{ float: left; margin: 0 0 0 0; text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }

/* TEXTE*/
p{margin-bottom: 8px; font-size: 0.8em; line-height: 140%; color: #221E1F;}
p strong{color:#E2E2E2;}
p b{color:#E2E2E2;}
p a, p a:link, p a:visited{color: #000; text-decoration: underline;}
p a:hover, p a:visited:hover{color: #000;	text-decoration: underline;}
ul li{font-size: 0.8em;margin-left: 20px; list-style: square;}
li{margin-bottom:2px;}
ul li a, ul li a:link, ul li a:visited, ul li a:hover{
	color: #000; text-decoration: underline;
}


/**************************/
/*       Calculateur      */
/**************************/

table#calcul{
	font-family: Tahoma, Verdana, Arial;
}
table#calcul td{
	font-size: 11px;
}
table#calcul .submit{
	font-size: 14px;
	padding: 5px 0 8px 0;
}
table#calcul form{
	margin: 0;
	padding: 0;
}
table#calculResult{
	font-family: Tahoma, Verdana, Arial;
	padding: 4px;
	font-size: 12px;
}
table#calculResult #top{
	background: #A74101;
	color: #FFF;
	font-size: 12px;
	padding: 4px;
}
table#calculResult #row{
	background: #D15100;
	color: #FFF;
	font-size: 10px;
	line-height: 12px;
	padding: 3px 0 3px 0;
}



/* formulaires */
fieldset{margin: 0; padding: 12px; width: 475px; border:1px solid #757572}
fieldset legend{font-family: Arial; font-size: 14px; font-weight: bold;color:#FFF;}
fieldset label{ margin:3px 0 3px 0}

.formulaire{margin:0; padding:0;font-size: 0.8em;}

.champTexte{	
	color: #000;
	background: #DADADA;
	margin: 0;
	padding: 0;

}
.boutonRadio{	
	color: #000;
	background: #EEF3F7;
	margin:0;
	padding: 0;

}
.menuDeroulant{	
	color: #000;
	background: #DADADA;
	margin: 0;
	padding: 0;

}
.boiteTexte{
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	margin: 0;
	padding: 0;
}



.bouton{
	background-color: #EEF3F7;
	color: #498ECB;

	font-weight: bold;
	border: 1px solid #C9D0D6;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}