html{height: 100%}
body {font-family: Arial, sans-serif;font-size: 13px;} 
td {font-family: Helvetica, sans-serif;font-size: 13px;}
p {font-family: Helvetica, sans-serif;font-size: 13px;}
h1 {color: #00428B;font-size: 18px;margin:0;}
h2 {color: #00428B;font-size: 15px;margin:0;}
h3 {font-size: 13px;margin:0;}
a:link {color: #00428B;text-decoration: none;}
a:hover, a:active {color: #FFCC01;text-decoration: underline;}
a:visited{color: #838996;text-decoration: none;}
/**************** element specifique formulaire ****************/
.champ{border: 1px solid #86A2C1;background: url(/Bernardi/images/champF.gif) repeat-x bottom;}
.bouton{border: 1px solid #86A2C1;background-color: #dbebff;}
/***********entetes***********/
.entete a:link, .entete a:link, .entete a:visited, .entete a:hover, .entete a:active{color: #00428B;text-decoration: none;}
/***********style du bandeau partenaire***********/
#BandeauContainer{}
/***********style du module d'actualité***********/
/*module sur page d'accueil*/
#actualitecontainer{padding: 5;}
#actualitecontainer td{border-bottom: 1px solid #D8D7D7;padding-top: 5px;padding-bottom: 5px;}
/*dans la page qui liste les actu*/
#listeActualiteContainer{padding: 5; width:100%;}
#listeActualiteContainer div.listeActualiteLigne{display: block;clear: both;}
#listeActualiteContainer div.listeActualite{
	border: 1px solid #D8D7D7;
	padding: 5;
	margin: 5;
	width: 48%;/*mettre à 100% pour avoir une actu par ligne*/
	float: left;
	position: relative;}
/*dans la page qui affiche une actu*/
#detailActualite{padding: 5; width:100%;}
#detailActualite .introActualite{text-align: center;	width: 100%;}
#detailActualite .introActualite div{
	text-align: left;
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
	border: 2px dotted #00428B;
	background-color: #dbebff;
	width: 50%;}
/***********style du footer***********/
#footercontainer{background-image:url(/Bernardi/images/deg_bas_bas.jpg);background-repeat:repeat-x;height:27px;text-align: center;color: #292929;font-weight: bold;font-size: 16px;}
/***********style pour la remonté d'annonce***********/
#fichecontainer, #fichecontainerHP{padding: 5;}
#fichecontainer img, #fichecontainerHP img{border: 1px solid #ffcc01; margin: 5px;}
#ficheContainer .labelMat, #fichecontainerHP .labelMat{font-weight: bold;}
#fichecontainer .annonce0{cursor: pointer;border-top: 1px solid white;border-bottom: 1px solid #D8D7D7;padding-right: 5px;width: 100%;float: left;text-align: left;}
#fichecontainer .annonce1{border: 1px solid #ffcc01;background-color: #fff3c7;cursor: pointer;padding-right: 5px;width: 100%;float: left;text-align: left;}
#fichecontainerHP .annonce0{border-top: 1px solid white;border-bottom: 1px solid #D8D7D7;cursor: pointer;padding-right: 5px;width: 48%;float: left;}
#fichecontainerHP .annonce1{border: 1px solid #ffcc01;background-color: #fff3c7;cursor: pointer;padding-right: 5px;width: 48%;float: left;}
/***********style pour la page de contact***********/
#contactContainer{padding: 5; 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 h2{text-align: left; height: 50px; padding-top: 20px;}
#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 annonceListe1*/
#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: #bad6f7;}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{color: #bad6f7;text-decoration: none;}
/*********** style pour les drapeaux ******************/
#LangueContainer{}
#LangueContainer img{}