/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	font: 17px Helvetica;
	color: #010101;
	font-weight: bold;
	text-transform: uppercase;
}
h2{
	font: 14px Arial;
	line-height: 16px;
	color: #010101;
	font-weight: bold;
	text-transform: uppercase;
}
h3{
	font: 17px Helvetica;
	color: #010101;
	font-weight: bold;
	text-transform: uppercase;
}
h4{
	font: 14px Helvetica;
	line-height: 16px;
	color: #77B404;
	font-weight: bold;
}
h4.detail{
	border-bottom: 1px #010101 dashed;
	padding-bottom: 8px;
}
a.retour { 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 159px;
	height : 176px;
	padding : 0;
	margin : 18px 0 0 0;
}
br.nettoyeur{
	clear: both;
}
img#logovi{display: none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p, td{line-height: 150%;color: #696969;font: 13px Arial;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #77B404; 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:#696969; text-decoration:underline;
}
ul li{font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ul.liste li{
	color: #696969;
	font: 13px Arial;
	list-style-type: none;
	background: url(Gx/00/li_icone.gif) no-repeat left 2px;
	_background: url(Gx/00/li_icone.gif) no-repeat left 4px;
	padding: 0 10px 10px 15px;
}
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;}



/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneurext{
	margin: 0 auto 0 auto;
	text-align:left;
	width: 1000px;
}
#conteneur{
	padding: 0 38px 0 51px; 
	float: left;
	background: url(Gx/conteneur_bg.jpg) no-repeat left 206px;
}
#conteneurint{
	background: url(Gx/conteneurint_bg.jpg) no-repeat 166px 18px;
	float: left;
	width: 911px;
}
#contenu{
	width: 684px;
	float: left;
}
#boitenouvelle{
	position: relative;
	width: 684px;
	float: left;
	height: 133px;
	background: url(Gx/00/boitenouvelle_bg.jpg) no-repeat left top;
}
#boitenouvelle p, #boitenouvelledetail p{
	color: #fff;
	font: 14px Arial;
	line-height: 16px;
	padding: 23px 190px 0 24px;
	text-align: justify;
}
#boitenouvelle a{
	display: block;
	position: absolute;
	top: 111px;
	left: 21px;
	background: url(Gx/00/btninfo_bg.gif) no-repeat left top;
	width: 154px;
	height: 22px;
	color: #fff;
	font: 13px Arial; 
	text-decoration: none;
	padding: 3px 0 0 6px;
}
#boitenouvelledetail a{
	display: block;
	margin: 10px 0 0 21px;
	background: url(Gx/00/btninfo_bg.gif) no-repeat left top;
	width: 154px; 
	height: 20px;
	_height: 22px;
	color: #fff;
	font: 13px Arial; 
	text-decoration: none;
	padding: 3px 0 0 6px;
}
#boitenouvelle a:hover, #boitenouvelledetail a:hover{
	color: #7EC100;
}
#boitenouvelledetail{
	position: relative;
	width: 684px;
	float: left;
	background: #857C62 url(Gx/00/boitenouvelledetail_bg.jpg) no-repeat right top;
}
.lestroisboites{
	background: #F6F6ED url(Gx/00/lestroisboites_bg.gif) no-repeat left 173px;
	margin: 6px 4px 0 0;
	width: 225px; 
	float: left;
}
.lestroisboites h3, .lestroisboites h4, .lestroisboites p, .lestroisboites ul{
	padding-left: 9px;
}
.lestroisboites a{
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 75px;
	height: 26px;
	float:left;
	background: url(Gx/00/btnplusinfo.gif) no-repeat left top;
	margin: 0 75px 0 75px;
}
.lestroisboites a:hover{
	background: url(Gx/00/btnplusinfo_over.gif) no-repeat left top;
}
#btnmodulefr, #btnmoduleen{
	margin-top: 168px;
	float: right;
	width: 500px;_width: 684px;
	padding-left: 184px;
	height: 36px;
}
#btnmodulefr{background: url(Gx/M/btnmodule_fr_bg.jpg) no-repeat left top;}
#btnmoduleen{background: url(Gx/M/btnmodule_en_bg.jpg) no-repeat left top;}

a.consolefr, a.consoleen{
	float : left;
	text-decoration : none;
	text-indent : -999em; 
	overflow : hidden;
	width: 154px;
	height: 36px;
}
a.consolefr, a.consolefr:link, a.consolefr:visited{background: url(Gx/M/console_fr.jpg) no-repeat left top;}
a.consoleen, a.consoleen:link, a.consoleen:visited{background: url(Gx/M/console_en.jpg) no-repeat left top;}
a.consolefr:hover, a.consolefr:visited:hover{background: url(Gx/M/console_fr_over.jpg) no-repeat left top;}
a.consoleen:hover, a.consoleen:visited:hover{background: url(Gx/M/console_en_over.jpg) no-repeat left top;}

a.lite{
	float : left;
	text-decoration : none;
	text-indent : -999em; 
	overflow : hidden;
	width: 105px;
	height: 36px;
}
a.lite, a.lite:link, a.lite:visited{background: url(Gx/M/lite.jpg) no-repeat left top;}
a.lite:hover, a.lite:visited:hover{background: url(Gx/M/lite_over.jpg) no-repeat left top;}

a.plus{
	float : left;
	text-decoration : none;
	text-indent : -999em; 
	overflow : hidden;
	width: 108px;
	height: 36px;
}
a.plus, a.plus:link, a.plus:visited{background: url(Gx/M/plus.jpg) no-repeat left top;}
a.plus:hover, a.plus:visited:hover{background: url(Gx/M/plus_over.jpg) no-repeat left top;}

a.antivolfr, a.antivolen{
	float : left;
	text-decoration : none;
	text-indent : -999em; 
	overflow : hidden;
	width: 133px;
	height: 36px;
}
a.antivolfr, a.antivolfr:link, a.antivolfr:visited{background: url(Gx/M/antivol_fr.jpg) no-repeat left top;}
a.antivolen, a.antivolen:link, a.antivolen:visited{background: url(Gx/M/antivol_en.jpg) no-repeat left top;}
a.antivolfr:hover, a.antivolfr:visited:hover{background: url(Gx/M/antivol_fr_over.jpg) no-repeat left top;}
a.antivolen:hover, a.antivolen:visited:hover{background: url(Gx/M/antivol_en_over.jpg) no-repeat left top;}


/*a.btnmodule1fr, a.btnmodule1en{
	float : left;
	text-decoration : none;
	text-indent : -999em; 
	overflow : hidden;
	width: 154px;
	height: 30px;
	float: right;
	text-decoration: none;
	margin: 0;
}
a.btnmodule1fr{background: url(Gx/btnmodule1_fr_bg.gif) no-repeat left top;}
a.btnmodule1en{background: url(Gx/btnmodule1_en_bg.gif) no-repeat left top;}
a.btnmodule1fr:hover{background: url(Gx/btnmodule1_fr_bg_over.gif) no-repeat left top;}
a.btnmodule1en:hover{background: url(Gx/btnmodule1_en_bg_over.gif) no-repeat left top;}
a.btnmodule2fr, a.btnmodule2en, a.btnmodule3fr, a.btnmodule3en{
	background: url(Gx/btnmodule2_fr_bg.gif) no-repeat left top;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 205px;
	height: 30px;
	float: right;
	text-decoration: none;
	margin: 0 2px 0 0;
}
a.btnmodule2fr{background: url(Gx/btnmodule2_fr_bg.gif) no-repeat left top;}
a.btnmodule2en{background: url(Gx/btnmodule2_en_bg.gif) no-repeat left top;}
a.btnmodule3fr{background: url(Gx/btnmodule3_fr_bg.gif) no-repeat left top;}
a.btnmodule3en{background: url(Gx/btnmodule3_en_bg.gif) no-repeat left top;}
a.btnmodule2fr:hover{background: url(Gx/btnmodule2_fr_bg_over.gif) no-repeat left top;}
a.btnmodule2en:hover{background: url(Gx/btnmodule2_en_bg_over.gif) no-repeat left top;}
a.btnmodule3fr:hover{background: url(Gx/btnmodule3_fr_bg_over.gif) no-repeat left top;}
a.btnmodule3en:hover{background: url(Gx/btnmodule3_en_bg_over.gif) no-repeat left top;}
*/

/* MENU
--------------------------------------------------------------------------------------- */
#menu{margin: 0;padding: 0;width: 226px;float: left;}
#menu ul{margin: 0;padding: 0;}
#menu ul li{padding: 0 0 6px 0;margin: 0;float: left;list-style-type: none;width: 206px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	color: #696969;
	font: 15px Helvetica;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 15px;
	text-decoration: none;
	display: block;
	float: left;
	width: 198px;
	_width: 206px; 
	padding: 3px 0 4px 7px;
	margin: 0; 
}
#menu ul li a:hover, #menu ul li a:visited:hover{color: #7EC100;}
#menu ul li a.actif, #menu ul li a.actif:visited{background: url(Gx/M/MU_on.gif) no-repeat left top;color: #fff;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPageext{background-color: #8E856B;width: 100%;float: left;position: relative;height: 80px;}
#piedPage{color:#E0DCD1; font-family: Arial; font-size:11px;padding:0; margin: 0 auto 0 auto;text-align:left;width: 900px;}
#piedPage a{color:#E0DCD1; text-decoration:underline;}
#piedPage a:hover{color:#E0DCD1;}
#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:#E0DCD1;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #E0DCD1;}

#menuPP{margin: 0;padding: 0;float: right;}
#menuPP ul{margin: 0;padding: 0;}
#menuPP ul li{padding: 0 5px 0 0;margin: 0 0 0 5px;float: left;list-style-type: none;border-right: 1px #fff solid;}
#menuPP ul li.dernier{padding: 0;border: none;}
#menuPP ul li a, #menuPP ul li a:link, #menuPP ul li a:visited{
	display: block;
	float: left;
	color: #FFFFFF;
	font: 13px Arial;
	line-height: 15px;
	text-decoration: none;
}
#menuPP ul li a:hover, #menuPP ul li a:visited:hover{text-decoration: underline;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
#contact{width: 220px;}
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #696969;font-size: 11px;}
fieldset legend{font: 14px Helvetica;line-height: 16px;color: #77B404;font-weight: bold; padding:3px;border: none;}
fieldset label{color: #696969;font: 13px Arial;margin:2px 0 2px 0}

.champTexte{
	background: #FCFBF9;
	border: 1px solid #8E856B;
	color: #8E856B;
	font-size: 12px Arial;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FCFBF9;
	border: 1px solid #8E856B;
	color: #8E856B;
	font-size: 12px Arial;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #8CC328;
	border: 1px solid #696969;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
}
.bouton:hover{background-color: #2A2107;cursor: pointer;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}

#loginStLocate_title{
	background-color:##8CC328;
	border-color:##8CC328;
	outline-color:##996699;
}