/* 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: 0;
	padding: 0;
	text-align:center;
}
body#main{
	background: #FFF 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:0px;}

h1{
	color: #666666;
	font: 16px Arial bold;
	margin: 10px 0 15px 0;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:980px;
	background: transparent url(gx/M/bg.gif) no-repeat top right;
}

#haut{
	height: 115px;
}

#contenu{
	
	float:left;
	display: block;
	width:740px;
	_width: 740px;
	margin-top:10px;
	min-height: 400px; _height: 400px;
}

#video{
	float:left;display:block;
	width:486px;
	min-height: 380px; _height: 380px;
}


/* MENU
--------------------------------------------------------------------------------------- */
#menu{background: transparent url(gx/m/bg_menu.gif) no-repeat top left;margin:0 10px 0 0; padding:30px 0 0 25px; width: 200px; _width: 225px;float:left;display:block;}
#menu ul{margin:0;padding:0; width:115px;}
#menu ul li{padding:0; margin:0; display:block;width: 185px; _width:165px list-style-type:none;background: transparent url(gx/m/bg_ligne.gif) repeat-x bottom left;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	/*border-right: solid 1px #E0C6AA;*/
	height:33px;
	
	width: 175px;_width: 165px;
	color: #6b6b6b;
	display:block;
	font-size: 12px;
	font-weight: bold;
	line-height: 33px;
	padding: 5px 0px 3px 0px;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color: #e21738;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#e21738;background: transparent url(gx/m/bg_fleche.gif) no-repeat right ;}
#menu ul li.last{background:none;}

/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{margin:0; padding: 0;float:right;display:block; text-align: right;}
#menuu ul{margin:0;padding:0; }
#menuu ul li{padding:0; margin:0;display:block; float:left;list-style-type:none;}
#menuu ul li a, #menu ul li a:link, #menu ul li a:visited{

	color: #8a8a8a;
	margin: 0 10px;
	font-size: 12px;
	text-decoration: none;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover{text-decoration:underline;}



/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 13px; line-height: 150%; color: #81b627;}
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: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;}
*/

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

#btnRetour{margin-right:35px;
	/*background: transparent url(gx/m/btn_retour.gif) no-repeat;*/
	background-color: #a5d2e7;
	display: block;
	float: right;
	
	font-size: 14px;
	text-align: left;
	font-weight: normal;

	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
}

#btnRetour:hover{	/*background: transparent url(gx/m/btn_retour_ov.gif) no-repeat;*/ background-color: #77a9c0; }

#logo{margin:20px 0 0 10px;	}

#texteLateral{
	float: left; display: block;
	background: transparent url(gx/m/bg_texteLateral.gif) no-repeat bottom right;
	width: 230px; _width: 235px;
	margin-left: 10px;
	padding: 0 0 50px 10px; 
}
#texteLateral p{width:175px;}

div#ligne{	background: transparent url(gx/m/bg_ligne.gif) repeat-x bottom left;}

#album{
	border:none;	padding: 3px;
	margin-top:0px;
	margin: 5px;
	width: 700px;
}

div.contourImg{border: 1px solid #ebebea;	padding: 5px;float:left;display: block;width: 110px;height:70px; 	margin:5px;}
/*#texteLateral div.contourImg{	width:148px;width: 110px;height:70px;}
#album div.contourImg{float:left;display: block;width: 110px;height:70px; 	margin:5px;}*/

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{border-top:5px solid #d2d2d2; background-color:#dedede; color:#a1a1a1; font-family:Tahoma; font-size:10px; height:50px; padding:15px 15px 15px 30px;}
#piedPage a{color:#a1a1a1; text-decoration:underline;}
#piedPage a:hover{color:#a1a1a1;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;  color:black; font-size:12px; text-decoration: none;}
#piedPage #copyrights a:hover{text-decoration: underline;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#a1a1a1;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #a1a1a1;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin-bottom:10px; padding: 5px; border:1px solid #000;font-size: 11px;}
fieldset legend{font-size: 14px; font-weight: bold; color:#000; padding:3px;border: 1px solid #999;}
fieldset label{font-size: 12px; color:#000;margin:2px 0 2px 0}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #498ECB;
	font-family: "Trebuchet MS";
	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;}

/* LOGIN */
#login{
	font-size: 12px; 
	float:left;display:block;
	width:486px;
	min-height: 380px; _height: 380px;
}
#login #form{ margin: 20px 0 40px 0; }
#login #form label{ color: #898989; font-weight: bold; width: 150px; margin: 7px 0 10px 0; float: left; }
#login #form input.Input{ color: #000000; font-size: 12px; border: #CCCCCC 1px solid; width: 150px; padding: 3px; margin: 3px 0 10px 0; float: left; }
#login #form input.Bouton{ border: 0px; background: url(Gx/M/btn_login.gif) no-repeat top left; width: 32px; height: 28px; margin: 0 0 10px 10px; float: left; }

#login h1{ color: #999999; font-weight: bold; }
#login h2{ color: #E21738; font-size: 14px; margin: 0 0 5px 0; }
#login a, #login a:link, #login a:visited, #login a:hover{ color: #000000; }

/* MEMBRE */
#menu #membre{ margin: 10px 0 0 0; font-size: 11px; }
#menu #membre strong{ color: #E21738; }
#menu #membre a, #menu #membre a:link, #menu #membre a:visited{ color: #666666; text-decoration: none; background: url(Gx/M/delete.gif) no-repeat 0px 3px; padding: 0 0 0 12px; margin: 5px 0 0 0; display: block; }
#menu #membre a:hover{ color: #999999; }