/* 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:left;
}
body#main{
	background: #FFF url(gx/bg.gif);
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #000;
	font-size: 11px;
	/* Garder 3 fontes seulement */
	font-family: Tahoma, Verdana;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{font-family: Tahoma, Verdana;border:0; margin:0; padding:0;}

h1{
	color: #000;
	font:16px Arial;
	font-weight: bold; 
}
h2{
	color: #3366cc;
	font:16px Arial;
	font-weight: bold; 
}
h3{
	color: #3366cc;
	font:14px Tohoma;
	font-weight: bold; 
}
h4{
	color: #000;
	font:16px Verdana;
	font-weight: bold; 
}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #fff;
	text-align:left;
	width:850px;
	
}
#haut{height:272px;margin:0;padding:0; background-color: #2159a4;}
#haut img{float:left;border: none;margin:0; padding: 0;}
#contenu{display:block; width:574px;_width:600px;min-height:500px; _height:500px; float:Left; padding:20px 10px 10px 15px; margin:0;border-left: 1px solid #4682b4;}
#manchetteG{float:left;	display: block;width:115px;}
#manchetteG img{border: 1px solid #000;}
#manchetteD{float:left;display: block; width:440px;}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{height:22px; margin:0;color: #fff;font-size: 13px; font-weight: bold;line-height: 22px; padding:0; background-color: #4682b4; text-align: right;}
#menu ul{margin:0 5px 0 0;padding:0;}
#menu ul li{padding:0; margin:0; color: #fff;font-weight: bold;display:inline;list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	border-right: solid 2px #fff;
	color: #fff;
	font-size: 13px;	font-weight: bold;	line-height: 22px;
	margin:5px 0 ;
	padding: 0px 10px;
	text-decoration: none;
}

#election{width:850px;height:25px;border-bottom:1px solid #4682B4}
#ticker01{display:none;}

/* NEWS TICKER
--------------------------------------------------------------------------------------- */
.tickercontainer {
	MARGIN: 0px; WIDTH: 850px;  HEIGHT: 15px;
}
.tickercontainer .mask {
	 OVERFLOW: hidden; WIDTH: 850px; POSITION: relative;
}
UL.newsticker {
	WIDTH: 999999px;PADDING-RIGHT: 0px; PADDING-LEFT:0px; LEFT: 680px;font-family: 12px Arial; padding-top: 2px;  POSITION: relative;
}
UL.newsticker LI {COLOR: #231f20;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;list-style-type: none;
}
UL.newsticker A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;  font-family: 12px Arial;  PADDING-TOP: 0px; WHITE-SPACE: nowrap;
}
UL.newsticker SPAN {
	MARGIN: 0px 0px 0px 0px;
}

/* MENU LATERAL1
--------------------------------------------------------------------------------------- */
#menuLateral, div#menuLateral2{width:250px; float:left;display:block; margin:0; padding:0; }
#menuLateral a{ font-size: 11px; }
#menuLateral ul.menu00{margin:10px 0;padding:0; }
#menuLateral ul.menu00 li{padding:0; margin:0px;  list-style-type:none;}
#menuLateral ul.menu00 li a, #menuLateral ul.menu00 li a:link, #menuLateral ul.menu00 li a:visited{
	border-top: #8d8d8d solid 2px;

	display: block;
	color: #0000aa;
	font-size: 11px;
	font-weight: bold;
	margin:0px 0 0 0;
	padding: 0 10px;
	line-height:25px; _height: 25px;
	text-decoration: none;
}
#menuLateral ul.menu00 li a:hover, #menuLateral ul.menu00 li a:visited:hover{color: #D90000;}
#menuLateral ul.menu00 li a.actif, #menuLateral ul.menu00 li a.actif:visited{color:#FFF;}
#menuLateral div.nouveaute{font-family:Verdana;color:#000;font-size:12px;background-color:#dbeaf5; font-weight: bold; padding: 5px;}

/* MENU LATERAL2
--------------------------------------------------------------------------------------- */
/*#menuLateral2{width:250px; float:left;display:block; margin:0; padding:0; border-right: 1px solid #4682b4;}*/


div#menuLateral2 ul{margin:10px 0;padding:0; position: relative;z-index:2}
div#menuLateral2 ul li{padding:0; margin:0; width:230px; display:block;float:left;list-style-type:none;position: relative;  }
div#menuLateral2 ul li a, div#menuLateral2 ul li a:link, div#menuLateral2 ul li a:visited{
	background-color: #9acd32;
	/*white-space:nowrap;*/
	color: #ffffff; 
	font-size: 12px; 
	font-family: Arial, Helvetica; 
	text-decoration: none; 
	padding: 4px; 
	display: block;
	line-height:15px; _height: 15px;
	margin:0px 10px;
	border-bottom: solid 1px #ffffff; 
}
div#menuLateral2 ul li a:hover, div#menuLateral2 ul li a:visited:hover{/*background-color: #7599b9;text-decoration: underline;*/position: relative;}
/*div#menuLateral2 ul li a.actif, div#menuLateral2 ul li a.actif:visited{background-color: #7599b9;text-decoration: none;}*/

div#menuLateral2 ul ul,
div#menuLateral2 ul ul ul,
div#menuLateral2 ul li:hover ul ul,
div#menuLateral2 ul li:hover ul ul ul
{display:none;}
div#menuLateral2 ul li:hover ul,
div#menuLateral2 ul ul li:hover ul,
div#menuLateral2 ul ul ul li:hover ul
{display:block;}
div#menuLateral2 ul ul{
	position: absolute; 
	top: -10px; 
	left: 210px;/**/
	display:none;
	z-index: 500;}

div#menuLateral2 li li:hover{ }
div#menuLateral2 ul ul  a, div#menuLateral2 ul ul  a:link, div#menuLateral2 ul  ul  a:visited{
	width: 200px;
	margin:0 10px;
	padding: 2px 4px;
	
	color: #000;
	text-decoration: none;
	background-color: #87ceeb; 
	border-bottom: solid 1px #ffffff; 
	filter: alpha(opacity=85);
}
div#menuLateral2 ul ul li a:hover, div#menuLateral2 ul ul li a:visited:hover{
	text-decoration: none;
	background-color: #9acd32;
	font-weight: bold;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{ font-family:arial; font-size: 12px; line-height: 130%; color: #000;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, a, a:visited{ color: #0000aa; text-decoration: none;}
#contenu p a, #contenu p a:link, #contenu p a:visited, #contenu a, #contenu a:visited{ color: #0000aa; 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, a:hover, a:visited:hover{
	color:#ff0000; text-decoration:none;
}
ul li{font-size:12px; line-height:175%; list-style:square; margin-left:30px;}
ul li ul li{list-style:circle;}
ol li{font-size:11px; line-height:150%; color:#1F1F1F; margin-left:16px;}
/*tr td img{border:1px solid #000;}*/
.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;}
.ligne{color:grey; height: 2px; }
/* 
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;
}


/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#fff; font-family:Tahoma; font-size:11px; height:25px; padding:5px; background-color: #4682b4;}
#piedPage a{color:#fff; text-decoration:none;}
#piedPage a:hover{color:#fff;}
#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:#fff;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:none; color: #fff;}

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