html{height: 100%}
body { font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #091E62;} 
td { font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }
p { font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1 { font: small-caps bold 17px; }
h2 { font: bold 15px; }
h3 { font: bold 13px; }
a:link , a:visited{ color: #091E62; text-decoration: none;}
a:hover, a:active { color: #FF7979; text-decoration: underline;}
/**************** element specifique formulaire ****************/
.champ{
	border: 1px solid Gray;
	background-color: #EBEBEB;
}
.bouton{
	border: 1px solid Gray;
	background-color: #EBEBEB;
}
/***********style du module d'actualité***********/
/*module sur page d'accueil*/
#actualitecontainer a:link{color: #D2DAFD; font-weight: bold; text-decoration: none;}
#actualitecontainer a:hover, #actualitecontainer a:visited, #actualitecontainer a:active { color: #D2DAFD; font-weight: bold; text-decoration: underline;}
#actualitecontainer td{color: #D2DAFD;  font: 10px;  border-bottom: 2px solid #314689; padding-bottom: 3px; padding-top: 3px;}
#actualitecontainer h3{padding: 0; margin: 0}
#actualitecontainer .entete{display: none;}
/*dans la page qui liste les actu*/
#listeActualiteContainer{padding: 5px 5px 5px 5px; width:100%;}
#listeActualiteContainer div.listeActualiteLigne{display: block;clear: both;}
#listeActualiteContainer div.listeActualite{
	border: 1px solid #314689;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	width: 95%;/*mettre à 100% pour avoir une actu par ligne*/
	float: left;
	position: relative;
}
/*dans la page qui affiche une actu*/
#detailActualite{padding: 5px;}
#detailActualite .introActualite{text-align: center;	width: 100%;}
#detailActualite .introActualite div{border: 2px dotted #314689;text-align: left;width: 50%;}
/***********style du footer***********/
#footercontainer{}
#footercontainer a:link,#footercontainer a:visited{}
#footercontainer a:hover,#footercontainer a:active,#footercontainer a:focus{}
/***********style pour la remonté d'annonce***********/
#fichecontainer{padding: 5;}
#fichecontainer img{border: 1px solid #091E62; margin: 5px;}
#ficheContainer .labelMat{font-weight: bold;}
#fichecontainer .annonce0{cursor: pointer;border-top: 1px solid white;border-bottom: 1px solid #D8D7D7;width: 100%;float: left;text-align: left;}
#fichecontainer .annonce1{border-top: 1px solid white;border-bottom: 1px solid #D8D7D7;background-color: #FFE1E1;cursor: pointer;width: 100%;float: left;text-align: left;}

/***********style pour l'alerte***********/
#alertecontainer{color: #D2DAFD;  font: 13px;  border-bottom: 2px solid #314689;  border-top: 2px solid #314689;  padding-top: 2px;  padding-bottom: 2px; font-size: 10px; font-weight: bold;}
#alertecontainer marquee, #alertecontainer a:link, #alertecontainer a:hover, #alertecontainer a:visited, #alertecontainer a:active, #alertecontainer a:focus{color: #D2DAFD; text-decoration: none; font-weight: bold;}
/***********style pour la page de contact***********/
#contactContainer{padding: 5px 5px 5px 5px; width:100%;}

/***********style pour la page de meteo et le bloc metéo en HP***********/
#MeteoContainer{padding: 5px 5px 5px 5px; width:100%;}
#MeteoContainer td, #MeteoHPContainer td{text-align: center;}
#MeteoContainer td.legende, #MeteoHPContainer td.legende{text-align: left;vertical-align: middle;}
#MeteoContainer .meteoLig1, #MeteoHPContainer .meteoLig1{background-color: #EBEBEB;}/*comme le style de liste dans TNO annonce0Liste1*/
#MeteoContainer .meteoLig0, #MeteoHPContainer .meteoLig0{background-color: white;}/*comme le style de liste dans TNO annonceListe0*/
#MeteoContainer .meteoCol1, #MeteoHPContainer .meteoCol1{background-color: #e1e1e1;}
#MeteoContainer .meteoCol0, #MeteoHPContainer .meteoCol0{background-color: #f5f5f5;}
/***********style pour la base line TNM***********/
#BaseLineContainer{text-align: center; width:100%; color: #D2DAFD; font-size: 10px;}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{color: #D2DAFD; text-decoration: none; font-weight: normal;}
/*********** style pour les drapeaux ******************/
#LangueContainer{
	height: 100%;
	float: right;
	background: White url(images/ongletLangue.gif) no-repeat left;
	padding-left: 10px;
}
#LangueContainer img{margin-right:3px;margin-left:3px;margin-top:3px;}