html {
	height:100%;
	}
body{
	font-family: Arial, Helvetica, sans-serif; /* on définit la police de base dans la page */
	font-size: 12px; /* on définit la taille de police de base dans la page */
	text-align: center;
	background-color : #fff;
	background-image: url(../images/background_body_jaune.gif);
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;
	height:100%;
}

#page {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#coeur {
	background-image:url(../images/bg-coeur.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height:100%;
}


#header {
	background-color: #E2E2E2;
	border-bottom: 6px solid #E2E2E2;
	text-align:center;
}

#menu {
	background-image:url(../images/menu_left.gif); 
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#7C7C7C;
	height:32px;
	margin:5px 10px 5px 20px;
	padding-left:25px;
}

#menu ul {
	height:32px;
	margin:0px; 
	padding:0px;
	background-image:url(../images/menu_right.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:100%;
}

#menu li {
	float:left;
	list-style:none;
	height:31px;
	padding:0px;
	font-family: Tahoma, Arial, Verdana;
	font-size:12px;
	line-height:31px;
	background-image:url(../images/bg_li.gif);
	background-repeat:repeat-x;
}

#menu li:hover { 
	background-image:url(../images/bg_li_over.gif);
	background-color:#3B3B3B;
}

#menu li a{
	padding:10px 4px;
	color:#FFFFFF;
	text-decoration:none;
	border-bottom:#7C7C7C 4px solid;
	padding-bottom:2px;
	margin:0px 8px;	
}

#menu li a:hover {
	text-decoration:none;
	border-bottom:#66B70C 4px solid;
	padding-bottom:2px;
}
#menu li a.select {
	background-color:#66B70C;
	border-bottom-width:0px;
	padding:8px 12px 10px 12px;

}


#piedPage {border-bottom:1px solid #C5C5C5; border-right:1px solid #C5C5C5; border-left:1px solid #C5C5C5; clear:both;  height:66px; background-image:url(../images/fd-piedPage.gif); background-position:top; background-repeat: repeat-x; background-color:#E2E2E2; font-size:10px; color:#323232;}

#piedPage p{ width:29%; margin-left:18px; float:left; color:#838383;}

#langue a{ display:none;}

/**************************** DECOUPAGE EN  COLONNNE *****************************/

div.troisColonnes { width:306px; margin-left:18px; float:left; display:inline; margin-top:0px;}

div.deuxColonnes { width:440px; margin-left:18px; float:left; display:inline;}

/**************************************************************************************/
#contenu.home { clear:left;}
.d_vert , .d_rouge, .d_jaune, .d_bleu{  border-top:6px solid #F5F5F5; background-color:#F5F5F5; padding-bottom:10px; margin-bottom:10px; height:100%;}
.d_vert { border-color:#79C908;padding-top:5px;}
.d_rouge { border-color:#CD4024;}
.d_jaune { border-color:#EEBD00;padding-top:5px;}
.d_bleu { border-color:#09B3EE;}

.home .d_vert a , .home .d_rouge a, .home .d_jaune a{ float:right; margin-right:10px; margin-top:5px; margin-bottom:0px;}

.home  a.l_vert2 { float:none; }

img.border_grey { border:3px solid #C8C8C8;}
/**************************************************************************************/
/**************************** LES POLICES *********************************************/
/**************************************************************************************/

h1 { display:none;}

h2 {  font-size:22px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:100; color:#4C4C4C; margin:10px 0px 5px 0px; }
h2 a { text-decoration:none;color:#4C4C4C; }
.t_vert, .t_rouge, .t_jaune, .t_bleu  { 
	background-position:left; 
	background-repeat:no-repeat;
	padding-left:25px;	
}
.t_vert {background-image:url(../images/fleche_verte.gif); }
.t_rouge {background-image:url(../images/fleche_rouge.gif); }
.t_jaune {background-image:url(../images/fleche_jaune.gif); }
.t_bleu {background-image:url(../images/fleche_bleu.gif); }

h3 {clear:both; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:100; color:#4C4C4C; line-height:150%;}
.st_vert, .st_jaune, .st_rouge, .st_bleu {
	background-position:left; 
	background-repeat:no-repeat;
	padding-left:25px;
	background-position:10px 4px;
	border-bottom:1px dashed #F5F5F5;
	}
.st_vert {background-image: url(../images/puce_verte.gif); border-color:#79C908;}
.st_jaune {background-image: url(../images/puce_jaune.gif); border-color:#E8B700;}
.st_rouge {background-image: url(../images/puce_rouge.gif); border-color:#DD3A1C;}
.st_bleu {background-image: url(../images/puce_bleu.gif); border-color:#09B3EE;}

p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-left:10px; margin-right:10px; line-height:150%; height:100%;}

a.l_vert, a.l_jaune, a.l_rouge, a.l_bleu {padding-left:5px; text-decoration:none; font-weight:bold; }
a.l_vert:hover, a.l_jaune:hover, a.l_rouge:hover , a.l_bleu:hover{ border-left-width:5px; border-left-style:solid;}
a.l_vert2 {text-decoration:none;}
p.petit { font-size:10px;}

a.l_vert, a.l_vert2 {color:#67AC06; border-color:#79C908;}
a.l_jaune {color:#E79005; border-color:#EEBD00;}
a.l_rouge {color:#D93907; border-color:#DD3A1C;}
a.l_bleu {color:#187DD7; border-color:#09B3EE;}

p.infoSup, div.infoSup { background-image:url(../images/fd-infoSup.gif); background-color:#535353; background-position:top left; background-repeat:no-repeat; color:#FFFFFF; padding:10px;}
div.infoSup {margin-left:10px; margin-right:10px; line-height:150%; font-size:11px;}
.infoSup a { color:#FFFFFF;}



/***************************************************** HOME ********************************************************/
#newsletter { border:1px solid #67AC06; margin-top:5px; font-size:11px; color:#333333; text-align:center;}
#conseil h3 { margin-bottom:0px;}
#conseil p{ padding:0px; margin:0px 3px 0px 10px; line-height:240%;}
#conseil a { margin:5px 5px 0px 5px;}
#conseil strong { font-size:18px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight:100; color:#4C4C4C;}
#actuHome p { font-size:10px; color:#4C4C4C; HEIGHT: 100%}
p { HEIGHT: 100%}
.imgMoment { float:right; margin:4px 4px 0px 4px;}
.imgHA { display:block; text-align:center;}

#miniMeteo { margin:0px 8px 0px 0px;  font-size:8px; text-align:right; font-family:Tahoma, Arial, Helvetica, sans-serif; text-align:left;   background-color:#FFFFFF;  height:36px; font-size:9px;}
#miniMeteo #aujourdhui { float:right;  height:31px; padding:5px 0px 0px 51px;  width:120px; background-repeat:no-repeat; background-position:left;}
#miniMeteo #enneigement { float:right; height:31px; padding:5px 0px 0px 51px; width:140px; background-image:url(../images/meteo/fd/enneigement.gif); background-repeat:no-repeat; background-position:left;}
#miniMeteo p { font-size:10px; padding:0px; margin:0px;}

marquee#alerte{ width:605px; display:block; float:left; margin:0px; padding:0px; height:20px;}
marquee#alerte p{ margin:0px; padding:3px 0px 0px 0px; }

.meteo1 { background-image:url(../images/meteo/fd/1.gif);}
.meteo2 { background-image:url(../images/meteo/fd/2.gif);}
.meteo3 { background-image:url(../images/meteo/fd/3.gif);}
.meteo4 { background-image:url(../images/meteo/fd/4.gif);}
.meteo5 { background-image:url(../images/meteo/fd/5.gif);}
.meteo6 { background-image:url(../images/meteo/fd/6.gif);}