html{height: 100%}
body {
	margin:0px;
	font: 12px Arial, Helvetica, sans-serif;
} 
td {
	font: 12px Arial, Helvetica, sans-serif;
}
p {
	font: 12px Arial, Helvetica, sans-serif;
}
h1 { color:#118093; padding-left:10px;}
h2 {color:#118093; padding-left:10px;}
h3 { line-height:20px;margin-left:60px; padding-left:30px; color:#118093; background:url(images/TitLogo.jpg) no-repeat;}

#MeteoContainer h3 { color:#118093; background:none; margin:0;}
a:link {color:#118093;}
a:hover, a:visited, a:active {color:#118093;}
/**************** element specifique formulaire ****************/
.champ{}
.bouton{}
/***********entetes***********/
.entete a:link, .entete a:link, .entete a:visited, .entete a:hover, .entete a:active{}
/***********style du bandeau partenaire***********/
#BandeauContainer{}
/***********style du module d'actualité***********/
/*module sur page d'accueil*/
#actualitecontainer{}
#actualitecontainer td{}
#actualitecontainer .suite{
	padding-left: 20px;
	background: url(/images/next.gif) no-repeat left;
}
/*dans la page qui liste les actu*/
#listeActualiteContainer{ height:100%;}
#listeActualiteContainer div.listeActualiteLigne{}
#listeActualiteContainer div.listeActualite{}
/*dans la page qui affiche une actu*/
#detailActualite{}
#detailActualite .introActualite{}
#detailActualite .introActualite div{}
/***********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, #fichecontainerHP{ border: 1px solid #118093;}
#fichecontainer td, #fichecontainerHP td{ padding:5px;}
#ficheContainer .labelMat, #fichecontainerHP .labelMat{}
#fichecontainer .annonce0{ text-align:left; color:#118093;}
#fichecontainer .annonce1{ text-align:left; color:#118093; background-color:#CAF0EF; cursor:pointer;}
#fichecontainerHP .annonce0, #fichecontainerHP .annonce1{border-top: 1px solid white;border-bottom: 1px solid #D8D7D7;cursor: pointer;width: 49%;float: left; height: 90px;}
#fichecontainerHP .annonce1{background-color: #F6F6F6;}
/***********style pour l'alerte***********/
#alertecontainer{ border-bottom:2px solid #016682; color:#016682; font-weight:bold; font-size:14px}
#alertecontainer marquee, #alertecontainer a:link, #alertecontainer a:hover, #alertecontainer a:visited, #alertecontainer a:active, #alertecontainer a:focus{}
/***********style pour la page de contact***********/
#contactContainer{padding: 5px 5px 5px 5px; width:100%;}
/***********style pour la grille***********/
#GrilleContainer{}
#GrilleContainer table{}
#GrilleContainer td{}
/***********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: silver;
}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{
	color: silver;
	text-decoration: none;
}
/*********** style pour les drapeaux ******************/
#LangueContainer{}
#LangueContainer img{}