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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #FFF url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Helvetica, Arial, "Trebuchet MS";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	text-transform:uppercase;
	color: #000;
	font:20px "Times New Roman";
	font-weight:bold;
	padding:6px 0 10px 0;
}

h2{
	color:#024700;
	font:18px Arial;
	font-weight:bold;
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align:left;
	width:891px;
}

#haut{
	position:relative;
	padding-top:1px;
	height:228px; _height:234px;
	border-bottom: 5px solid #FADD68;
	/*background:#000;*/
}

#logo{
	background: url(Gx/M/bg_haut.gif) right no-repeat;
	height:86px;
}

#texteIntro{
	padding-top:22px;
	width:545px;
	height:120px; _height:142px;
	overflow:hidden;
}

#texteAccueil{
	float:left;
	width:360px;
}

#maisonHaut{
	width:365px;
	height:228px;
	position:absolute;
	right:-23px;
}

#contenu{
	padding-top:18px;
}

/* image container pour xfade */
#imageXfadeContainer {
	position:relative;
	margin:0 18px 0 -5px;
	float:left;
	overflow:hidden;
	background:url(gx/01/bg_images.gif) no-repeat;
	width:290px;
	height:254px;
}

#imageXfadeContainer img{
	display:none;
	position:absolute;
	top:9px; left:10px;
}

#rss{
	float:right;
	background:url(Gx/bordure_nouvelle.gif) top left no-repeat;
	width:210px;
	min-height:400px; _height:400px;
}

#titreRss{
	margin:5px 0 0 5px;
	background:url(Gx/fondtitreRSS.gif) no-repeat;
	width:204px;
	height:27px;
}

.equipe{
	float:left;
	padding:0 20px 15px 0;
	width:275px;
	text-align:center;
}

.equipe img{
	border:1px solid #024700;
}

.image img{
	margin:0 12px 12px 0;
	border:1px solid #AFA985;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{padding:0; margin:0;}
#menu ul{margin:0;padding:19px 0 0 0;}
#menu ul li{padding:0;margin:0; float:left; display:block;list-style-type:none; margin:0 1px 0 1px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	text-transform: uppercase;
	float:left;
	color: #004600;
	font: 1em Arial;
	font-weight: bold;
	line-height: 12px;
	padding: 10px 14px 5px 16px;
	text-decoration: none;
	border-bottom:4px solid #fff;
}
#menu ul li a:hover, #menu ul li a:visited:hover{border-bottom:4px solid #d9d7ba;}
#menu ul li.actif{background:url(gx/m/bg_onglets.gif) repeat-x;}
#menu ul li a.actif, #menu ul li a.actif:visited{color:#fff; padding-bottom:9px; background:url(Gx/M/bg_onglets_g.gif) left no-repeat;border:none;}
#menu ul li a.actif:hover, #menu ul li a.actif:visited:hover{border:none;}
#menu ul li p{float:left; margin:0; padding:0;}
#menu ul li p.actif{background:url(Gx/M/bg_onglets_d.gif) right no-repeat;}
/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 11px; line-height: 220%; color: #024700;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: #1f7f1f; 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; text-align:center;}
.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;}

.intro{color: #7b6218;}

.nouvelles{color:#1f7f1f; line-height:170%; padding: 5px 0 0 20px;}

.listeNouvelles{border:1px solid #FADD68; padding:10px; background:url(gx/01/bg_nouvelle.gif) right repeat-y;}

.lienRSS{
	background: url(Gx/rss.gif) center right no-repeat;
	line-height:25px;
	padding:0 125px 0 15px;
	color:#d8f4d8;
	font-weight:bold;
	text-decoration:none;
}

.album{font-size:14px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#797979; font-family:Tahoma; font-size:10px; height:50px; padding-top:20px;}
#piedPage a{color:#797979; text-decoration:none;}
#piedPage a:hover{text-decoration:underline;}
#piedPage #copyrights{margin:0; text-align:left; padding:15px 0 50px 0;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#797979;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #797979;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
form{width:500px;}
fieldset{margin-bottom:10px; padding: 5px; font-size: 11px; border:1px solid #FADD68;}
fieldset legend{font: 14px "Times New Roman"; text-transform:uppercase; font-weight: bold; color:#000; padding:3px;border: 1px solid #FADD68;}
fieldset label{font-size: 12px; color:#024700;margin:2px 0 2px 0}

.champTexte{	
	background: #FFFAEF;
	border: 1px solid #EFE7C2;
	color: #024700;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #FFFAEF;
	border: 1px solid #EFE7C2;
	color: #024700;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #FFFAEF;
	border: 1px solid #CFBA8E;
	color: #024700;
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	padding-top:5px;
	padding-bottom:5px;
}
.bouton:hover{border-color: #024700;} /* FF seulement */

.boutonRadio{background: #EEF3F7;color: #4E677A;font-size: 11px;}
.caseaCocher{border: none;}
.erreur{color: #FF0000;}

/* LIGHTBOX CONTROL 
--------------------------------------------------------------------------------------- */
#lightbox{padding:20px 20px 5px 20px;}
#lightboxDetails{padding:5px;}	
#lightboxCaption{float:left; color:#6C673F; font-size:12px;font-weight:bold;}
#keyboardMsg{float:right;}
#keyboardMsg a{color:#6C673F; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold;}
#lightbox img{border:10px solid #FFF;}
div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#lightbox{ background:#FCF8E6;} /* couleur du contour popup */
#overlay{background-color: #3B392B;} /* couleur du fond tranparent */