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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: url(Gx/bg.gif) repeat-x top;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #3c3c43;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

a.retourfr { 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 460px;
	height : 86px;
	padding : 0;
	margin : 60px 0 0 73px;
	background: url(Gx/logo.gif) no-repeat left top;
}

a.retouren { 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 460px;
	height : 86px;
	padding : 0;
	margin : 60px 0 0 73px;
	background: url(Gx/logo_en.gif) no-repeat left top;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
h1{color: #94ca4e;font:20px Arial;background-color: #eeffcb;font-weight: bold;padding: 10px;display: block;float: left;width: 882px;_width: 902px;}
h2{font-size: 16px;font-weight: bold;color:#a4251f;}

p{font: 13px Arial; line-height: 22px; color: #3c3c43;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #3c3c43; 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:#3c3c43; 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:#3c3c43; margin-left:16px;}

ul.crochetvert li{
	font:16px Arial;
	line-height:150%;
	list-style-type:none;
	display: block;
	float: left;
	margin: 0 10px 15px 0;
	background: url(Gx/00/li_bg.gif) no-repeat left 5px;
	padding-left: 30px;
	width: 860px;_width: 888px;
}

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


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto;
	text-align: left;
	width: 1000px;
}
#conteneurint{
	position: relative;
	float: left;
	width: 1000px;
	background: url(Gx/conteneur_bg.jpg) no-repeat left 202px;
}
#madame{
	width: 235px;
	height: 251px;
	float: right;
	background: url(Gx/madame_bg.jpg) no-repeat left top;
}
#contenu{
	float: left;
	padding: 0 49px;
}

a.btnlang{
	position: absolute;
	top: 0;
	left: 49px;
	display: block;
	color: #3c3c43;
	text-decoration: none;
}

/* ACCUEIL
--------------------------------------------------------------------------------------- */
#colgauche{
	float: left;
	width: 607px;
}
#coldroit{
	float: right;
	width: 284px;
	padding-left: 10px;
}
#banniereflash{
	float: left;

	border: 1px #c1c1ce solid;
}

a.boite1, a.boite2, a.boite3, a.boite1_en, a.boite2_en, a.boite3_en { 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 284px;
	height : 115px;
	padding : 0;
	margin : 0 0 0 0;
}
a.boite1 { background: url(Gx/00/boite1.jpg) no-repeat left top;}
a.boite2 { background: url(Gx/00/boite2.jpg) no-repeat left top;}
a.boite3 { background: url(Gx/00/boite3.jpg) no-repeat left top;}

a.boite1_en { background: url(Gx/00/boite1_en.jpg) no-repeat left top;}
a.boite2_en { background: url(Gx/00/boite2_en.jpg) no-repeat left top;}
a.boite3_en { background: url(Gx/00/boite3_en.jpg) no-repeat left top;}

/* ACCUEIL
--------------------------------------------------------------------------------------- */
#agrandi{
	display: block;
	float: left;
	width: 489px;_width: 493px;
	height: 377px;_height: 381px;
	/*border: 2px #c6c5c5 solid;*/
	text-decoration: none;
	background: url(Gx/03/1.jpg) no-repeat 10px 10px;
}
.apercu1, .apercu2, .apercu3, .apercu4, .apercu5, .apercu6, .apercu7, .apercu8, .apercu9, .apercu10, .apercu11, .apercu12, .apercu13{
	display: block;
	float: left;
	width: 146px;_width: 148px;
	height: 113px;_height: 115px;
	border: 1px #c6c5c5 solid;
	margin-bottom: 25px;
	text-decoration: none;
}
.apercu1{background: url(Gx/03/1_tn.jpg) no-repeat 3px 3px;margin-right: 25px;}
.apercu2{background: url(Gx/03/2_tn.jpg) no-repeat 3px 3px;}
.apercu3{background: url(Gx/03/3_tn.jpg) no-repeat 3px 3px;margin-right: 25px;}
.apercu4{background: url(Gx/03/4_tn.jpg) no-repeat 3px 3px;}
.apercu5{background: url(Gx/03/5_tn.jpg) no-repeat 3px 3px;margin-right: 25px;}
.apercu6{background: url(Gx/03/6_tn.jpg) no-repeat 3px 3px;}
.apercu7{background: url(Gx/03/7_tn.jpg) no-repeat 3px 3px;margin-right: 25px;}
.apercu8{background: url(Gx/03/8_tn.jpg) no-repeat 3px 3px;}
.apercu9{background: url(Gx/03/9_tn.jpg) no-repeat 3px 3px;margin-right: 25px;}
.apercu10{background: url(Gx/03/10_tn.jpg) no-repeat 3px 3px;}
.apercu11{background: url(Gx/03/11_tn.jpg) no-repeat 3px 3px;margin-right: 25px;}
.apercu12{background: url(Gx/03/12_tn.jpg) no-repeat 3px 3px;}
.apercu13{background: url(Gx/03/13_tn.jpg) no-repeat 3px 3px;margin-right: 25px;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{height: 46px;margin: 5px 0 0 0;padding: 0 0 0 49px;float: left;width: 951px;_width: 1000px;

background: none;
position:relative;


}
#menu ul{margin: 0;padding: 0;}
#menu ul li{padding: 0;margin: 0;list-style-type:none;display: block;float: left;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display: block;
	float: left;
	text-decoration: none;
}
#menu ul li.dernier{padding: 10px 0 0 0;float: right;width: 222px;}

#menu #m05{
	position: absolute;
	top: 11px;
	left: 695px;}
	
#menu #m06{
	position: absolute;
	top: 11px;
	left: 855px;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPageext{
	width: 100%;
	float: left;
	background: url(Gx/piedpage_bg.jpg) repeat-x top;
	height: 216px;
}
#piedPage{
	margin: 0 auto;
	text-align: left;
	width: 951px;_width: 1000px;
	padding: 41px 0 0 49px;
}
#boitelogo{
	float: right;
	padding: 0 49px 0 0;
}


/* MENU PIEDPAGE
--------------------------------------------------------------------------------------- */
#menupp{margin: 0;padding: 0;float: left;border: 1px #ccccd4 solid;background-color: #fff;width: 360px;height: 90px;}
#menupp ul{margin: 0;padding: 20px 0 0 30px;float: left;}
#menupp ul li{padding: 0 0 5px 0;margin: 0;list-style-type:none;display: block;float: left;width: 158px;}
#menupp ul li a, #menupp ul li a:link, #menupp ul li a:visited{
	display: block;
	float: left;
	text-decoration: none;
	font: 12px Arial;
	color: #93c94d;
	background: url(Gx/M/a_bg.gif) no-repeat left 3px;
	padding: 0 0 0 15px;
	margin: 0;
}
#menupp ul li a:hover, #menupp ul li a:visited:hover{
	font-weight: bold;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
#contact{float: left;width: 440px;}
fieldset{margin-bottom:10px; padding: 5px; border: none;font-size: 13px;}
fieldset legend{font-size: 14px;font-weight: bold;color:#a4251f;padding: 3px;border: none;}
fieldset label{font: 14px Arial;color:#3c3c43;margin:2px 0 2px 0}

.choixmodele1{
	width: 100px;_width: 110px;
	padding-right: 10px;
	float: left;
	text-align: center;
}
.choixmodele2{
	width: 100px;
	float: left;
	text-align: center;
}
.champTexte{	
	background: #eeffcb;
	border: 1px solid #8a8a8a;
	color: #3c3c43;
	font: 13px Arial;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #eeffcb;	
	border: 1px solid #8a8a8a;
	color: #3c3c43;
	font: 13px Arial;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #eeffcb;
	border: 1px solid #8a8a8a;
	color: #3c3c43;
	font: 13px Arial;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #a4251f;
	border: 1px solid #8a8a8a;
	color: #fff;
	font: 14px Arial;
	text-align: left;
	font-weight: bold;
	margin: 0;
	width: 205px;
	padding: 0 15px;
}
.bouton:hover{background-color: #3c3c43;} /* FF seulement */

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