/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	text-align:center;
}
body#main{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#a8984a;
}
html{
	color: #717172;
	font-size: 11px;
	/* Garder 3 fontes seulement */
	font-family: Arial;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, a, img{border:0; margin:0; padding:0;}

h1{
	padding:20px 0px 0px 12px;
	color: #000;
	font-size:18px;
	font-weight: bold;
}
h1 a, h1 a:link, h1 a:visited{
	color:#C21527;
}


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0px auto 0px auto;
	text-align:left;
	width:1000px;
	background-color:#a8984a;
}
#haut{
	text-align:left;
	width:1000px;
	height:200px;
	/*background-color:orange;*/
}
#haut_ligneGauche{
	float:left;
	width:500px;
	height:5px;
	font-size:1px;
	background-color:#f5971b;
}
#haut_ligneDroite{
	float:left;
	width:500px;
	height:5px;
	font-size:1px;
	background-color:#394a9c;
}
#haut_bg{
	float:left;
	width:1000px;
	height:195px;
	background-image:url(gx/m/topbg.jpg);
	background-repeat:no-repeat;
}
#contenu{
	width:1000px;
	padding:10px 0px 0px 35px;
	background-color:#a8984a;
}
#liendistributeurs{
float:left;width:372px; height147px;display:block;padding:9px 0px 0px 10px;
}
#login{
    color:#717172;
	float:left;
	text-align:left;
	width:185px;
	_width:585px;
	/*background:pink;*/
	height:230px;
}
#fichiers{float:left; background-color:#ffe15d;margin-top:20px;width:800px;}
#fichiers ul{}
#fichiers ul li{padding:0px; margin:0px; display:inline; list-style-type:none;}
#fichiers ul li a, #fichiers ul li a:link, #fichiers ul li a:visited{padding: 5px 10px;margin-left:5px;background-color:#651418;font-size:14px;color:#fff;font-weight: bold;}
#fichiers ul li a:hover, #fichiers ul li a.actif:visited{color:#000;background-color:#e03a3e;}
/* MENU
--------------------------------------------------------------------------------------- */
#menu{ float:left;height:36px;margin:0px; padding:128px 0px 0px 30px;_padding:127px 0px 0px 30px;width:1000px;display:block;/*background-color:blue;*/}
#menu ul{margin:0px;padding:0px;}
#menu ul li{padding:0px; margin:0px; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	font-family: Arial;
	text-align:center;
	color:#fff;
	height:36px;
	width:155px;
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0px 0px 0px;
	text-decoration: none;
	background-image:url(gx/m/bouton.gif);
	background-repeat:no-repeat;
	float:left;
}
#menu ul li a:hover, #menu ul li a:visited:hover{background-image:url(gx/m/bouton_over.gif);background-repeat:no-repeat;color:#fff;}
#menu ul li a.actif, #menu ul li a.actif:visited{background-image:url(gx/m/bouton_on.gif);background-repeat:no-repeat;color:#000;}


/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 13px; font-family: Arial; line-height: 150%; color: #000; padding:10px 25px 0px 14px; text-align:justify;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #0A254E; text-decoration: none;}
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{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;}

.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;}
*/

/* CONTACT
--------------------------------------------------------------------------------------- */
#colgauchecontact{float: left;width: 274px;}
img.bureau{border: 5px #fff solid;margin-bottom: 10px;}
#map{float: left;width: 264px;_width: 274px;height: 350px;_height: 350px;border: 5px #fff solid;margin-top: 5px;overflow : hidden;}
#coldroitcontact{float: left;width: 920px;background-color: #e8d67d;}
#coldroitcontactpad{padding-left: 24px;float: left;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#000; font-family:arial; font-size:11px; height:165px; width:1000px; padding:5px 0px 0px 35px;	background-image:url(gx/footer.gif);
	background-repeat:no-repeat;}
#piedPage a{color:#000; text-decoration:none;}
#piedPage a:hover{color:#000;}
#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:#000; }
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color:#000; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */

fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;font-size: 11px;}
fieldset legend{background:#FFF; font-size: 12px; font-weight: bold; color:#7e171b; padding:5px 3px 5px 3px; border:none;}
fieldset label{font-size: 12px; color:#000;padding:0;}
fieldset label a, fieldset label a:link{font-size:11px;color: #7e171b; text-decoration: underline;}
fieldset label a:hover, fieldset label a:visited:hover{color:#7e171b; text-decoration: underline;}


.champTexte{	
	background: #fff2b9;
	border: 1px solid #a8984a;
	color: #7e171b;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #fff2b9;	
	border: 1px solid #C9D0D6;
	color: #7e171b;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #fff2b9;
	border: 1px solid #C9D0D6;
	color: #7e171b;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	margin-top:3px;
	background-color: #fff2b9;
	border: 1px solid #C9D0D6;
	color: #7e171b;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #fff;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;font-size:11px;background: url(Gx/03/icone_requis.gif) no-repeat left center;padding:5px 5px 5px 15px;}
