/*style général*/

body {
	background-color:#e4ecf2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
}

#fond_banniere {
	position:absolute;
	background:url("../images/vert/fond_banniere.png");
	background-repeat:repeat-x;
	width:100%;
	height:200px;
	z-index:5000;
}

#titre {
	position:relative;
	text-align:left;
	font-size:10pt;
	color:#3da9f8;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
	padding-bottom:10px;
}

#titre_info {
	position:relative;
	text-align:left;
	color:#3da9f8;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:5px;
}

#titre_trait {
	position:relative;
	text-align:left;
	font-size:10pt;
	color:#3da9f8;
	font-weight:bold;
	text-decoration:none;
	font-style:normal;
	padding-bottom:2px;
}

#texte_meteo {
	position:relative;
	color:#3da9f8;
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	text-align:center;
	font-size:8pt;
}

/*a.lien:link,a.lien:visited {
	color:#3da9f8;
	font-style:normal;
	text-decoration:none;
}

a.lien:hover,a.lien:active {
	color:#66aa05;
	font-style:normal;
	text-decoration:none;
}*/

a:link,a:visited {
	color:#3da9f8;
	font-style:normal;
	text-decoration:none;
}

a:hover,a:active {
	color:#66aa05;
	font-style:normal;
	text-decoration:none;
}

/*style elus*/

#vignette_elu {
	background-color:#e4f4ff;
	width:85px;
	height:auto;
	border:1px solid #dadada;
	padding-bottom:2px;		
	text-align:center;
	color:#3a3a3a;
	font-weight:bold;
	text-decoration:none;
}

a.info:hover span {
	display: inline;
	position: absolute;
	white-space: nowrap; /*on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	top: 90px;
	left: 5px;
	background: #ffffff;
	color:#3a3a3a;
	text-align:left;
	font-weight:normal;
	padding: 3px;
	border: 1px solid #3da9f8;
	border-left: 4px solid #3da9f8;
	filter:alpha(opacity=95); /*IE*/
	-moz-opacity:0.95; /*autres nav*/
	opacity: 0.95;
}

/*style menu*/

#container_menu {
	position:relative;
	background:url("../images/vert/ombre_menu.png");
	border-top:1px solid #66aa05;
	width:800px;
	height:28px;
	margin:auto;
	z-index:100;
}

#bord_haut_sous_menu {
	width:100%;
	border-top:1px solid #66aa05;
}

#menu_active {
	border-left:1px solid #66aa05;
	background-color:#8ebc11;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:27px;
	padding-right:26px;
}

#sous_menu_active {
	width:162px;
	background-color:#8ebc11;
	padding-top:2px;
	padding-bottom:2px;
	border-left:1px solid #66aa05;
	border-right:1px solid #66aa05;
}

#menu_defaut {
	border-left:1px solid #66aa05;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:27px;
	padding-right:26px;
}

#sous_menu_defaut {
	width:162px;
	padding-top:2px;
	padding-bottom:2px;
	border-left:1px solid #66aa05;
	border-right:1px solid #66aa05;
}

#menu li /* Elements des listes */
{
	float:left;
	/* pour IE qui ne reconnaît pas "transparent" */
	background:#f3f4f3;
	background:url("../images/vert/fond_menu.png");
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
	border-bottom:1px solid #66aa05;
}

#menu li ul li /* Éléments de sous-listes */
{
	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
	background:#f3f4f3;
	border-bottom:1px solid #66aa05;
}

#menu li ul ul
{
	margin:-22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
	/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
	border-left:1px solid #66aa05 ; /* Petite bordure à gauche pour ne pas coller ... */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */
{
	background:#8ebc11; /* ... et au contraire, le fond en blanc */
}