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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	background: #F2F1E4; margin: 0;padding: 0; text-align:center;
}
body#main{
	background: #F2F1E4; margin: 0; padding: 0; text-align:center;
}
html{
	font-family: "Trebuchet MS", Georgia, Arial, Verdana, Tahoma;
}
h1, h2, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}
h1{
	font-size: 19px; color: #A80C0C; font-family: "Trebuchet MS", Georgia; margin-bottom:6px;
}
h2{
	font-size: 14px; color: #4C4730; font-family: "Trebuchet MS", Georgia; margin-bottom:6px;
}

/* CONTENEURS
--------------------------------------------------------------------------------------- */
#index #conteneur{
	margin: 0 auto 0 auto;
	width:646px;
	text-align:left;
	/*background:pink;*/
}
#main #conteneur{
	margin: 0 auto 0 auto;
	width:700px;
	text-align:left;
}
#textindexconteneur{	
	width:646px;
	text-align:left;
	/*background:red;*/
}

#hautPage{position:relative;}
/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	float:left;
	width:134px;
	padding: 0;
	margin-right: 14px;
	background: url(gx/m/bg_menu.gif) no-repeat right top;
}
#menu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#menu ul li{
	padding: 0;
	margin: 0;
	display: block;
	padding: 1px 0 1px 0;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	width:122px;
	text-align:right;
	font-size: 10px;
	font-family: Arial;
	color: #2E2E2E;
	text-decoration: none;
	display: block;
	border-bottom: 3px solid #F2F1E4;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	color: #000;
	border-bottom: 3px solid #D6D5C0;
}
#menu ul li a.actif, #menu ul li a:visited.actif{
	color: #BD1317;
	border-bottom: 3px solid #BC141A;
	font-weight: bold;
	font-size: 11px;
}

/* SOUS-MENU 
----------------------------------------------------------------------------*/
#menu ul li ul{
	margin:3px 0 12px 0;
}
#menu ul li ul li{
	padding:0;
}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	width:122px;
	text-align:right;
	font-size: 10px;
	font-family: Arial;
	color: #A80C0C;
	text-decoration: none;
	padding: 0 0 0 0;
	display: block;
	border:none;
}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover{
	color: #000;
	text-decoration:underline;
	border:none;
}
#menu ul li ul li a.actif, #menu ul li ul li a:visited.actif{
	color:#000;
	border:none;
	font-size: 10px;
	font-weight: normal;
}

/* FIL D'ARIANE
--------------------------------------------------------------------------------------- */
#filDAriane{
	width:700px;
	text-align:right;
	font-size: 11px;
	font-family:Arial;
	color:#646247;
	margin:0 0 10px 0;
}
#filDAriane a, #filDAriane a:link, #filDAriane a:visited{
	color:#646247;
} 


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#index #piedPage{
	color: #908E74;
	height: 50px;
	font-family: Tahoma;
	font-size: 10px;
	padding-top: 30px;
}
#index #piedPage a{ color: #908E74; text-decoration: underline;}
#index #piedPage a:hover{ color: #000; }
#index #piedPage #copyrights{ float: left; margin: 0; text-align: left; width:540px;}
#index #piedPage #copyrights a{ font-weight: bold; }
#index #piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #908E74;}
#index #piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #000;}

#main #piedPage{
	color: #908E74;
	height: 50px;
	font-family: Tahoma;
	font-size: 10px;
	margin-top: 50px;
	/*padding-top: 10px;
	border-top: 1px solid #D8D6C0;*/
}
#main #piedPage a{ color: #908E74; text-decoration: underline;}
#main #piedPage a:hover{ color: #000; }
#main #piedPage #copyrights{ float: left; margin: 0; text-align: left;}
#main #piedPage #copyrights a{ font-weight: bold; }
#main #piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #908E74;}
#main #piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #555;}

/* CONTENU
--------------------------------------------------------------------------------------- */
#main #conteneur #contenu{
	float:right;
	width:551px;
}

#boiteGrise{
	background: url(gx/m/bg_boite_grise.gif) no-repeat;
	width:551px;
	height:132px;
	padding:12px 24px 12px 24px;
	margin-bottom:20px;
}
#boiteGrise p{
	width:500px;
	font-size:11px;
}


/* Boite Nouvelles */
#boiteNouvelle h1, #boiteNouvelle h1 a, #boiteNouvelle h1 a:link, #boiteNouvelle h1 a:visited{
	color:#DF8810;
	font-size: 12px;
	font-weight: bold;
	margin:0 0 5px 3px;
	text-decoration:none;
}
#boiteNouvelle h1 a:hover{
	text-decoration:underline;
}
#boiteNouvelle{
	width:190px; padding:0; margin:0; float:right;
}
#boiteNouvelle ul{
	padding: 0;	margin:0;
}
#boiteNouvelle ul li{
	padding:0; margin:0; display: block; list-style-type: none;
}
#boiteNouvelle ul li a, #boiteNouvelle ul li a:link, #boiteNouvelle ul li a:visited{
	width:185px;
	display: block;
	font-size: 11px;
	line-height: 15px;
	color: #DF8810;
	/*background:#F7FAF0;*/
	text-decoration: none;
	padding: 6px 5px 6px 5px;
	border-bottom: 1px solid #EFD5B2;
}
#boiteNouvelle ul li a:hover{
	background: #FBEBD3;
	color: #FF9400;
}



#cadre{
	background:url(gx/cadre_bg.gif) repeat-y;
	width:211px;
	padding:0 0 0 0;
	margin:0 0 0 10px;
}
#cadre img{
	margin:7px 0 7px 7px;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{
	font-size: 0.7em;
	line-height: 170%;
	color: #756E4E;
}
p strong, p strong a, p strong a:link, p strong a:visited{
	font-size: 16px;
	color:#005A99;
	text-decoration: none;
}
p strong a:hover, p strong a:link:hover, p strong a:visited:hover{
	font-size: 16px;
	color:#005A99;
	text-decoration: underline;
}
p a, p a:link, p a:visited, ul li a, ul li a:link, ul li a:visited{
	color: #756E4E;
	text-decoration: underline;
}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover{
	color: #000;
}
.textePetit{
	font-size: 0.6em;
	line-height: 170%;
	color: #756E4E;
}


ul{	padding:0 0 0 16px;}
ul li{
	list-style:circle;
	font-size: 11px;
	line-height: 170%;
	color: #756E4E;
}

/* navigations suivant-précédent */
.nav{ 
	font-size: 0.7em;	
	line-height: 170%; 
	color: #756E4E; 
	background: #FAFAFA;
	border: 1px solid #E2E1CF; 
	padding: 5px;
}
.nav .chiffres a, .nav .chiffres strong{ margin: 0 5px 0 0;color: #005A99;}
.nav .chiffres strong{ text-decoration: underline;color: #756E4E; }
.nav .nextBack{}
.nav .nextBack a{color: #005A99;}


.concours{ 
	font-size: 0.7em;	
	line-height: 150%; 
	color: #4C4730;
	text-align:center; 
	background: #e2e1cf;
	border: 3px solid #fff; 
	padding: 5px 5px 8px 5px;
	margin-bottom:10px;
	font-weight:bold;
}

.prix{ 
	font-size: 0.7em;	
	line-height: 150%; 
	color: #4C4730;
	text-align:left; 
	background: #e2e1cf;
	border: 3px solid #fff; 
	padding: 10px;
	margin-bottom:10px;
	font-weight:bold;
}



.concours h2{color:#A80C0C;}

/* CALENDRIER */
.calendrier td{ color: #565245; font-size: 11px; }
.calendrier td.date{ color: #565245; font-size: 10px; text-align: center; background: #F5F4ED; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type2{ font-size: 10px; text-align: center; background: #D4D2BB; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type3{ font-size: 10px; text-align: center; background: #1C3E75; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type4{ font-size: 10px; text-align: center; background: #21982E; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type5{ font-size: 10px; text-align: center; background: #5A8EDE; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type6{ font-size: 10px; text-align: center; background: #115C16; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type7{ font-size: 10px; text-align: center; background: #ACC3EC; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
.calendrier td.type8{ font-size: 10px; text-align: center; background: #C7E66E; border: #FFFFFF 1px solid; padding: 1px 0 1px 0; }
.calendrier td.legende{ font-style: italic; padding-left: 10px; text-align: left; }
.calendrier a, .calendrier a:link, .calendrier a:visited{ color: #FFFFFF; text-decoration: none; width: 23px; }
.calendrier a:hover{ background: transparent url(Gx/3000/dd_ov.gif) no-repeat center left; }
.calendrier a.actif, .calendrier a.actif:link, .calendrier a.actif:visited, .calendrier a.actif:hover{ background: transparent url(Gx/3000/dd_ov.gif) no-repeat center left; }
.calendrier div{ background: url(Gx/3000/dd_on.gif) no-repeat center left; width: 23px; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{margin: 0; padding: 0; border:none;}
fieldset legend{font-family: "Trebuchet MS"; font-size: 12px; font-weight: bold;}
fieldset label{font-size: 0.7em;	line-height: 170%; color: #756E4E;}
.formulaire{margin:0; padding:0;}

.champTexte{	
	color: #756E4E;
	font-family: "Trebuchet MS";
	background: #F5F4ED;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
}

.boutonRadio{	
	color: #4E677A;
	background: #EEF3F7;
	margin:0;
	padding: 0;
	font-size: 0.7em;
}
.menuDeroulant{	
	font-family: "Trebuchet MS";
	color: #756E4E;
	background: #F5F4ED;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 0.7em;
	color: #756E4E;
	background: #F5F4ED;
	margin: 0;
	padding: 0;
}
.bouton{
	background-color: #F5F4ED;
	color: #756E4E;
	font-size: 0.7em;
	font-weight: bold;
	font-family: Georgia;
}
.boutonPetit{
	background-color: #F5F4ED;
	color: #756E4E;
	font-size: 9px;
	font-weight: bold;
	font-family: Georgia;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #BF1E20;
}