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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #efe0b3 url(Gx/I/bg.jpg) repeat-x top;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a{border:0; margin:0; padding:0;}

h1{
	color: #4A4A49;
	font:24px Arial;
	font-weight: bold;
}
h2{
	color: #3F3F3F;
	font:18px Helvetica;
}
h3{
	color: #4A4A49;
	font:22px Arial
}

a.retour { 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 312px;
	height : 133px;
	padding : 0;
	margin : 29px 0 0 21px;
}
#menuu{
		margin-top: 110px;
		float: right;
}
#menuu a, #menuu a:visited, #menuu a:link{
	color: #3F3F3F;
	font:14px Helvetica;
	text-decoration: none;
	font-weight: bold;
}
#menuu a:hover, #menuu a:visited:hover{
	text-decoration: underline;
}


/* TEXTES
--------------------------------------------------------------------------------------- */
p{font: 14px Arial; line-height: 150%; color: #3F3F3F;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: 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:#000; text-decoration:underline;
}
ul li{font: 14px Arial; line-height: 150%; color: #3F3F3F;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;}


/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneurext{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;

}
#conteneur{
	background: url(Gx/conteneur_bg.gif) no-repeat right top;
	padding: 0 26px 0 0;
	float: left;
	position: relative;
}
#slogan{
	width: 259px;
	height: 24px;
	position: absolute;
	top: 95px;
	left: 344px;
}
#enteteext{
	position: absolute;
	top: 130px;
	left: 315px;
	width: 659px;
	height: 275px;
}
#entete{
	width: 659px;
	height: 275px;
	float: left;
}
#enteteint{
	width: 375px;
	height: 233px;
	float: right;
	padding-top: 42px;
}
#colgauche{
	width: 315px;
	float: left;
	margin-top: 10px;
}
#changev{
	width: 291px;
	height: 127px;
	background: url(Gx/changev_bg.gif) no-repeat left top;
	float: right;
	
}
#changev p{
	color: #3F3F3F;
	font: 11px Arial;
	line-height: 14px;
	margin: 5px 10px 0 30px;
	text-align: justify;
}
#changev h2{
	margin: 14px 0 0 65px;
	line-height: 18px;
}
a.btnvperso, a.btnvperso:link, a.btnvperso:visited{
	width: 30px;
	height: 29px;
	margin: 14px 0 0 30px;
	float: left;
	text-decoration: none;
	background: url(Gx/vmobile/btnv.gif) no-repeat left top;
}
a.btnvperso:hover, a.btnvperso:visited:hover{
	background: url(Gx/vmobile/btnv_over.gif) no-repeat left top;
}
a.btnvmobile, a.btnvmobile:link, a.btnvmobile:visited{
	width: 30px;
	height: 29px;
	margin: 14px 0 0 30px;
	float: left;
	text-decoration: none;
	background: url(Gx/vperso/btnv.gif) no-repeat left top;
}
a.btnvmobile:hover, a.btnvmobile:visited:hover{
	background: url(Gx/vperso/btnv_over.gif) no-repeat left top;
}
#contenu{
	float: left;
	width: 639px;
	_width: 659px;
	padding: 310px 0 0 20px;
}		
#centre{
	float: left;
	background: url(Gx/conteneurint_bg.gif) no-repeat left 16px;
}
#map{
	width: 360px;
	height: 400px;
	float: left;
}
#blockmap{
	float: right;
	width: 360px;
	padding: 10px;
	border: 1px #6A6663 solid;
}
.equipe{
	width: 200px;
	float: left;
	padding: 0 6px;
}
.equipe p{
	text-align: center;
	
}
.equipe img{
	border: 1px #A6A6A6 solid;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menuvmobile, #menuvperso{margin: 0;padding: 0;width: 314px;height: 260px;background: url(Gx/M/menu_bg.jpg) no-repeat left top;}
#menuvmobile ul, #menuvperso ul{margin: 0;padding: 14px 0 0 0;width: 314px;}
#menuvmobile ul li, #menuvperso ul li{padding: 0;margin: 0;float: right;list-style-type: none;width: 302px;display: block;}
#menuvmobile ul li a, #menuvmobile ul li a:link, #menuvperso ul li a:visited, #menuvperso ul li a, #menuvperso ul li a:link, #menuvperso ul li a:visited{
	color: #BABABA;
	font:13px Helvetica;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	float: right;
	background: url(Gx/M/MU_bg.gif) no-repeat left bottom;
	padding: 12px 0 0 39px;
	line-height: 13px;
	width: 263px;
	height: 19px;
	_width: 302px;
	_height: 30px;
}
#menuvmobile ul li a:hover, #menuvmobile ul li a:visited:hover{color:#FFF;font-size: 14px;padding: 11px 0 0 39px;_padding: 11px 0 0 39px;height: 20px;_height: 30px;}
#menuvperso ul li a:hover, #menuvperso ul li a:visited:hover{color:#FFF;;font-size: 14px;padding: 11px 0 0 39px;_padding: 11px 0 0 39px;height: 20px;_height: 30px;}
#menuvmobile ul li a.actif, #menuvmobile ul li a.actif:visited{background: url(Gx/M/MU_vmobile_on.gif) no-repeat left top;color:#FFF;font-size: 13px;padding: 11px 0 0 39px;height: 19px;_height: 30px;}
#menuvperso ul li a.actif, #menuvperso ul li a.actif:visited{background: url(Gx/M/MU_vperso_on.gif) no-repeat left top;color:#FFF;font-size: 13px;padding: 11px 0 0 39px;height: 19px;_height: 30px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPageext{width: 100%;border-top: 1px #D5D5D5 solid;float: left;}

#piedPage{color:#808080; font-family: Arial; font-size:11px;height: 70px;width:1000px;text-align: left;margin: 0 auto;}
#piedPage a{color:#808080; text-decoration:underline;}
#piedPage a:hover{color:#808080;}
#piedPage #copyrights{float: left;padding-left: 37px;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#808080;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #808080;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
#contact{float: left;width: 210px;}
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #6A6663;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color: #E04F12; padding:3px;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px;}

.champTexte{	
	background: #EFEFEF;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px;
}
.listeDeroulante{
	background: #EFEFEF;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	background: #EFEFEF;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: Helvetica;
	font-size: 11px;
	margin:2px 0 2px;
}
.bouton{
	background-color: #1351A7;
	border: 1px solid #000;
	color: #fff;
	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;
}


/* INDEX
--------------------------------------------------------------------------------------- */
body#index #conteneur{
	position: auto;
	float: none;
	padding: 0;
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
	background: url(Gx/index.jpg) no-repeat left top;
	height: 964px;
}
body#index #conteneur a.lienmobile{
	float: left;
	margin: 10px 0 0 99px;
	width: 870px;
	_width: 885px;
	height: 62px;
	_height: 279px;
	text-decoration: none;
	padding: 217px 0 0 15px;
	_padding: 222px 0 0 15px;
	/*background-color: #456865;*/
}
body#index #conteneur a.succursale{
	float: left;
	margin: 0 0 0 99px;
	width: 870px;
	_width: 885px;
	height: 68px;
	_height: 285px;
	text-decoration: none;
	padding: 217px 0 0 15px;
	_padding: 222px 0 0 15px;
	/*background-color: #456865;*/
}
body#index #conteneur a span, body#index #conteneur a:link span, body#index #conteneur a:visited span{
	color: #7C7C7C;	
	font: 12px Arial;
	font-weight: bold;
	text-decoration: none;
}
body#index h1{
	font: 17px Helvetica;
	font-weight: bold;
	color: #fff;
	padding: 75px 0 0 157px;
}


body#index #piedPage{color:#fff;font-family: Arial;font-size:11px;padding-top: 30px;float: left;}
body#index #piedPage a{color:#fff; text-decoration:underline;}
body#index #piedPage a:hover{color:#84A9DA;}
body#index #piedPage #copyrights{float: left;padding-left: 100px;}
body#index #piedPage #copyrights a{font-weight:bold;}
body#index #piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#fff;}
body#index #piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #84A9DA;}