@charset "windows-1252";

body {
	font-size: 11px;
	font-family: tahoma,arial,verdana, 'helvetica new',helvetica,sans-serif;
	text-align: center;
	/*text-align: justify; */
	background: #d7fdec;   
	color: black;
	letter-spacing:1px;
	margin-top: 5px;
}
#page {
    margin: 0 auto;      /* centrer horizontalement de manière standard */
	width: 850px;
	z-index:1;
}

a {
color: #0033CC;
text-decoration: none;
}

a:hover {
color: #990066;
text-decoration: none;
}

#content{
/*	clear:both;	   */
	position: relative;
    margin: 0px auto;      /* centrer horizontalement de manière standard */
	color:#000066;
	/*color:#6B6B6B; */
	font-size:13px;
		width:850px;
		height: 510px;
}
/* ----------------------------------------------------------------------------------------- */
/*		onglets du menu		*/
#nav {
	/*clear: both;	*/
	z-index: 10;
}
#nav li ul {
	position: absolute;
	text-align: center;
	z-index: 11;
}

#nav ul {
    font: bold 11px arial, verdana, sans-serif;
	font-weight:bold;
	width: 560px;
	/*margin: 0px 0px 0px 0px;	*/
	list-style: none;
	height: 22px;
	padding-left:10px;
	border-bottom: 1px solid #000054;
}

#nav li {
	float: left;
	/*width: 100px;*/
	height: 20px;
	margin: 2px 2px 0 5px;	   /* sépare les cases */

}
#nav a {
	display: block;
	text-decoration: none;
	color: #000000;
	padding: 3px 6px 2px 6px;	  /* espace autour des lettres*/
    border: 1px solid #000054;
}

#nav a:hover {
	color: #FFFFFF;
}
#nav a.selected {
	background:		#FFFfff;
	color:          #0000ff;
	border-bottom: 1px solid #ffffff;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav .vert, #nav .vert ul {
	background-color: #CCFF99;
	/*background-color: #85A366;*/
}

#nav .vert a:hover, #nav a.vert_on {
	background-color: #758466;
	color: #FFFFFF;
}

#nav .rouge, #nav .rouge ul {
	background-color: #E06666;
}

#nav .rouge a:hover, #nav a.rouge_on {
	background-color: #A36666;
	color: #FFFFFF;
}

#nav .jaune, #nav .jaune ul {
	background-color: #FFE085;
}

#nav .jaune a:hover, #nav a.jaune_on {
	background-color: #FFCC66;
	/*background-color: #B2A375;*/
	color: #FFFFFF;
}

#nav .bleu, #nav .bleu ul {
	background-color: #A3C2FF;
}

#nav .bleu a:hover, #nav a.bleu_on {
	background-color: #8494B2;
	color: #FFFFFF;
}

#nav .violet, #nav .violet ul {
	background-color: #A385C2;
}

#nav .violet a:hover, #nav a.violet_on {
	background-color: #ccccff;
	/*background-color: #847594;*/
	color: #FFFFFF;
}

#nav .terre, #nav .terre ul {
	background-color: #E0C2A3;
}

#nav .terre a:hover, #nav a.terre_on {
	background-color: #A39484;
	color: #FFFFFF;
}

#nav .turquoise, #nav .turquoise ul {
	background-color: #66FFFF;
	/*background-color: #66A3C2;*/
}

#nav .turquoise a:hover, #nav a.turquoise_on {
	background-color: #668494;
	color: #FFFFFF;
}
#nav .jauneclair, #nav .jauneclair ul {
	background-color: #FFFF99;
	color: #FFFFFF;
}
#nav .jauneclair a:hover, #nav a.jauneclair_on {
	background-color: #FFCC00;
	color: #FFFFFF;
}
#nav .vert, #nav .rouge, #nav .jaune, #nav .bleu, #nav .violet, #nav .terre, #nav .turquoise , #nav .jauneclair{
	/*padding: 3px 5px 0 5px;	*/
	}

/* ----------------------------------------------------------------------------------------- */
/*		pour les concours		*/
.entete {
	margin-left: 4px;
		float : left;
		font-size: 14px;
		color: #000099;
		border-top: 1px solid #05a !important;
		border-right: 3px solid #05a !important;
		border-left: 1px solid #05a;
		border-bottom: 4px solid #05a;
		background: #CCCCd1;
		text-decoration:none;
		font-weight:bold;
		width: 466px;
		}
.news {
	position: absolute;
	/*border-right: 1px solid; 	*/
	top: 8px;
	left: 2px;
	width: 470px;
	text-align: justify;
	/*left:20px;*/
}
.articleList td {
	font-size: 11px;
	font-family: tahoma,'helvetica neue',helvetica,arial,sans-serif;
	list-style: none;
	color: #3333CC;
	margin-left: 2px;
}
ul.articleList {
	font-size: 11px;
	font-family: tahoma,'helvetica neue',helvetica,arial,sans-serif;
	list-style: none;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 4px; }
ul.articleList li {
	/*width: 450px;*/
	display: block;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-left: 10px;
	line-height: 16px; }
ul.articleList li a {
	margin: 0px; }
ul.articleList li a img.picto { margin: 1px 3px -1px 3px; }

ul.articleList li a:hover {
	background:#CCFF99;
	border: none;
	padding: 1px 0;
	margin: 0px; }
.commentaire {
	position: relative;
	top:5px;
	left:2px;
	width:400px;
	height:60px;
	color: black;
	/*border :1px solid black;*/
	vertical-align: top;
	font-size: 11px;
	font-family: tahoma,'helvetica neue',helvetica,arial,sans-serif;
}
table#listetablo {
 }
table#listetablo td  {
	font-size: 12px;
	font-family: tahoma,'helvetica neue',helvetica,arial,sans-serif;
	list-style: none;
	color: #000066;
}
.etiq {text-align: center; vertical-align: middle}
.libel {text-align: left; padding-left: 15px;}
/* ---------- affichage des etiquettes à montrer au centre  ----------  */
#installations {
	position:relative;
	width:820px;
	height:450px;
}
#installations img{
	/*border:1px solid #000;*/
	margin-bottom: 4px;
}
.noborder img{
	border: 1px solid #ffffff;
}
.col_gauche {
	position:absolute;
	top:0px;
	left:0px;
	width:80px;
}
.col_droite {
	position:absolute;
	top:0px;
	left:650px;
	width:80px;
}
.ligne_bas {
	position:absolute;
	top:560px;
	left:0px;
	height:80px;
}
.concours {
	position: absolute;
	top:70px;
	height: 500px;
	left:465px;
}
.legende {
	position:relative;
	top:5px;
	left:20px;
}
.fondraye {
	background-image: url(images/fondraye.gif);
	border: 1px solid #006633;
	padding: 2px 4px 2px 4px;
	height:185px;
}
.bmail  {
	background-color: #a7f9d3;
	border: 3px solid #009966;
	border-style: groove;
	padding: 3px;
	}
.bmail a:hover, #nav a.bmail_on  {
	background-color: #CCFF99;
	}
.vmail  {
	background-color: #d7fdec;
	padding: 3px;
	}
/* ------------ quelques fontes ---------------------------*/
    .f5 {font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size: 10px;
		font-weight: normal;
		color: #23238e;
		}
    .f5b {font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #23238e;
		}
    .f6 {font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #23238e;
		}
    .f6b {font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #23238e;
		}
    .fconc {font-family:Tahoma, Verdana,Arial,Helvetica,sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #23238e;
		}
	.surli {	/* surligné en jaune    */
		font-weight: bold;
		background: #FFF0A0;
		}
	.webm {
		font-family:Verdana,Arial,Helvetica,sans-serif;     /* pour message webmaster en bas */
		font-size: xx-small;
		font-weight: normal;
		color: #339acc;
		text-decoration:underline overline;
		}
	a.webma {	/* pour message webmaster en bas */
		text-decoration:underline;
		font-size:xx-small;
		font-weight:bold;
		color: red;
		background: yellow;
		}
	.webma:visited {
		text-decoration:underline;
		font-size:xx-small;
		font-weight:bold;
		color:#339acc;
		}
	.webma:hover {
		text-decoration:underline overline;
		font-weight:bold;
		background : #669999;
		color:#FFFFCC;
		}
    .tcon	 {
		font-family:Arial,Verdana,Helvetica,sans-serif;
		font-size: 14px;
		letter-spacing: 1px;
		font-weight: bold;
		color: #660099;
		}