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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #547897 url(gx/bg.jpg) repeat-x;
	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{margin:0; padding:0; border:0;}

h1{
	font-size: 18px;
	color: #C21527;
	font-family: Arial;
}
a.retouraccueil { 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 454px;
	height : 193px;
	padding : 0;
	margin : 18px 0 0 38px;
	background : url(Gx/logo.jpg) no-repeat left top;
}
img.logovi{
	display: none;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 14px; line-height: 18px; color: #8D8D8D;}
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-size: 14px;line-height: 18px;color: #8D8D8D;list-style:square;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F;}

.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;} */

.lienRSS{
	background: url(Gx/rss.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */

#conteneurhaut{
	background: url(Gx/conteneur_haut.gif) no-repeat left bottom;
	margin: 24px auto 0 auto;
	width: 945px;
	text-align: left;
}
#conteneurbas{
	background: url(Gx/conteneur_bas.gif) no-repeat left top;
	margin: 0 auto 0 auto;
	width: 945px;
	text-align: left;
}
#conteneur{
	background-color: #FFF;
	margin: 0 auto 0 auto;
	width: 945px;
	text-align: left;
}
#contenuint{
	width: 530px;
}
#contenuext{
	float: right;
	margin: 18px 18px 0 50px;
}
#conteneurpad{
	padding: 0 17px 0 16px;
}
#entete{
	background-color: #F2F2F2;
	width: 912px;
	float: left;
}
#imageXfadeContainer{
	width: 420px;
	height: 211px;
	float: right;
	position: relative;
	overflow: hidden;
}
#imageXfadeContainer img{
	display:none;
	position:absolute;
	top:0;
	left:0;
}
#boitepic{
	float: left;
	width: 474px;
	height: 180px;
	border-top: 4px #FFF solid;
}
.boitej{
	border-top: 4px #FFF solid;
	border-left: 3px #FFF solid;
	background-color: #F3F9CE;
	width: 216px;
	height: 138px;
	float: left;
}
.boitej p{
	padding: 32px 0 0 14px;
	color: #484848;
	font-size: 13px;
}
.boitej p a, .boitej p a:link, .boitej p a:visited{
	color: #484848;
}
.boitej p a:hover, .boitej p a:visited:hover{
	color: #000;
}
#boitegris{
	background-color: #F2F2F2;
	border-top: 4px #FFF solid;
	border-left: 3px #FFF solid;
	float: left;
	width: 435px;
	height: 39px;
}
#boitegris p{
	color: #747474;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	padding: 10px 15px 0 0;
	line-height: 16px;
}
#colgauche{
	width: 310px;
	float: left;
}
#titreboitegris {
	width: 310px;
	float: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #747474;
	text-align: center;	
	padding: 5px 0;
	background-color: #F3F9CE;
}
#boitegrislogo1, #boitegrislogo2{
	text-align: center;
	float: left;
	width: 150px;
	height: 330px;
}
#boitegrislogo1 strong, #boitegrislogo2 strong{
	font-size: 13px;
	color: #747474;
	font-weight: bold;
	text-decoration: underline;
}
#boitegrisespace{
	width: 9px;
	height: 300px;
	float: left;
}
#boitegrislogo1{
	background: #ECECEC url(Gx/M/boitegrislogo1.gif) no-repeat left bottom;
}
#boitegrislogo2{
	background: #ECECEC url(Gx/M/boitegrislogo2.gif) no-repeat left bottom;
}
#boitegrislogo1 img{
	text-decoration: none;
	margin-top: 7px;
	border: none;
}
#boitegrislogo2 img{
	text-decoration: none;
	margin-top: 13px;
	border: none;
}
#boiteblanche{
	text-align: right;
	margin-right: 18px;
}
#boiteblanche strong{
	font-size: 13px;
	color: #747474;
	font-weight: bold;
	text-decoration: underline;
}
#boiteblanche img{
	text-decoration: none;
	margin-left: 18px;
	border: none;
}
#map{
	border: 1px solid #8D8D8D;
	width: 500px;
	height: 400px;
	float: left;
}
#formDirection{ 
	width: 500px;
	padding: 5px 0 0 5px;
}
#formDirection input{ olor: #4E677A;
	border: 1px solid #8D8D8D;
	background: #F5F5F5;
	font-size: 11px;
	margin: 0;
}
#formDirection #bouton{
	background-color: #F5F5F5;
	color: #8D8D8D;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #8D8D8D;
}
#formDirection a, #formDirection a:link, #formDirection a:visited{ color: #666666; font-size: 12px; font-weight: bold; }
#directions{ font-size: 12px; }
#contact{
	float: right;
	width: 230px;
}
#inventaire{
	width: 490px;
	height: 1300px;
	border: none;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{padding: 0;margin: 0 0 18px 0;float: left;width: 310px;}
#menu ul{padding: 0;margin: 0;width: 310px;}
#menu ul li{padding:0;margin: 3px 0 0 0;list-style-type: none;float: left;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display: block;
	float: left;
	width: 310px;
	height: 32px;
	text-decoration: none;
	
	background: #ECECEC url(Gx/M/M.gif) no-repeat right top;
}
#menu ul li a b{
	padding: 10px 0 0 23px;
	display: block;
	color: #747474;
	font-size: 14px;
	line-height: 12px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	background: #E5EDB1 url(Gx/M/M_over.gif) no-repeat right top;
}
#menu ul li a.actif, #menu ul li a.actif:visited{
	background: #E5EDB1 url(Gx/M/M_over.gif) no-repeat right top;
}


.sousmenu {font-size: 12px;color: #747474;font-weight: bold;padding-left: 10px;}
.sousmenu a, .sousmenu a:link, .sousmenu a:visited{color: #747474;font-weight: normal;text-decoration: none;}
.sousmenu a:hover, .sousmenu a:visited:hover, .sousmenu a.actif{text-decoration: underline;}
.sousmenu a.actif:link, .sousmenu a.actif:visited{font-weight: bold;text-decoration: none;}

.photo img{ margin: 0 20px 10px 0; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color: #0D2E55;height: 100px;font-size: 12px;padding: 0;margin: 0 auto 0 auto;width: 945px;text-align: left;}
#piedPage a{ color: #0D2E55; text-decoration: underline;}
#piedPage a:hover{ color: #0D2E55; }
#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: #0D2E55;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #0D2E55;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px;padding: 10px;border: 1px #8D8D8D solid;font-size: 14px;color: #8D8D8D;}
fieldset label{font-size: 14px; color: #8D8D8D;margin: 0 0 8px 0;}
fieldset legend{font-weight: bold;}

.champTexte{	
	color: #4E677A;
	border: 1px solid #8D8D8D;
	background: #F5F5F5;
	font-size: 11px;
	margin: 0;
}
.boutonRadio{
	color: #4E677A;
	background: #F5F5F5;
	font-size: 11px;
}
.listeDeroulante{
	color: #4E677A;
	border: 1px solid #8D8D8D;
	background: #F5F5F5;
	font-size: 11px;
	margin: 0;
}
.boiteTexte{
	font-size: 11px;
	color: #4E677A;
	border: 1px solid #8D8D8D;
	background: #F5F5F5;
	margin: 0;
}
.bouton{
	background-color: #F5F5F5;
	color: #8D8D8D;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #8D8D8D;
}
.boutonImage{
	border: 0;
}
.caseaCocher{
	border: none;
}
.erreur{
	color: #FF0000;
}

/* LIGHTBOX CONTROL */

#keyboardMsg{ background: #ececec; text-align: center; width: 642px; padding: 0 0 5px 0; }
#keyboardMsg a, #keyboardMsg a:link, #keyboardMsg a:visited, #keyboardMsg a:hover{ color:#666666; font-size: 11px; font-weight: bold; }

#lightbox{ background: #ececec; padding: 5px 5px 0 5px; text-align: center; width: 640px; }

div#overlay{
	position: absolute; top: 0; left: 0; z-index: 90;
	filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
	width: 100%; height: 500px;
	background: #294a7d;
}