html{height: 100%}
body {margin:0;
font-family:Arial, Helvetica, sans-serif;
background-color:#ABABAB;} 
td {}
p {color:#ffffff;
font-family:Arial, Helvetica, sans-serif;}
h1 {color:#ffffff;
font-size:30px;
font-family:Arial, Helvetica, sans-serif;}
h2 {}
h3 {}
a:link {color:#ffffff;}
a:hover, a:visited, a:active {color:#cccccc;}
/**************** 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{
margin-left:2px;
width: 255px;
background-color:#a4a4a4;
border-collapse:collapse;
border-bottom:solid #b2b2b2 2px;
}

#actualitecontainer td{
	color:#3f3f3f;
}
/*dans la page qui liste les actu*/
#listeActualiteContainer{}
#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{}
#fichecontainer img, #fichecontainerHP img{}
#ficheContainer .labelMat, #fichecontainerHP .labelMat{}
#fichecontainer .annonce0{}
#fichecontainer .annonce1{}
#fichecontainerHP .annonce0, #fichecontainerHP .annonce1{border-top: 1px solid white;border-bottom: 1px solid #5e5e5e;cursor: pointer;width: 49%;float: left; height: 90px;}
#fichecontainerHP .annonce1{background-color: #707070;}
/***********style pour l'alerte***********/
#alertecontainer{font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#5b5b5b;}
#alertecontainer marquee, #alertecontainer a:link, #alertecontainer a:hover, #alertecontainer a:visited, #alertecontainer a:active, #alertecontainer a:focus{text-decoration: none;}
/***********style pour la page de contact***********/
#contactContainer{padding: 5px 5px 5px 5px; width:100%; }
#contactContainer td{color:#FFFFFF; }
/***********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{ background-color:#ABABAB;text-align: center; width:100%; color: #ffffff;font-size: 12px;font-family: Arial, Helvetica, sans-serif;	}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{color: #FFFFFF;text-decoration:underline}
/*********** style pour les drapeaux ******************/
#LangueContainer{
	position:relative;
	left:220px;
	top:64px;
	width:110px;
	height:27px;
	z-index:1;}
#LangueContainer img{margin-right:3px;margin-left:3px;margin-bottom:2px;border: 1px solid silver}


/*********** style Julien ******************/


.Style2 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.Style4 {color: #000000; font-size: 12px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }



#cadre { margin-left:2px;
margin-bottom:5px;
display:block;
float : left;
height: 155px; width: 255px;
}

#entete {
padding-left:5px;
display:block;
height: 20px; width: 255px;
color: white;
font-weight: bold;
font-size:15px;
font-family: Arial, Helvetica, sans-serif;
background: url(images/Entete.jpg) left no-repeat; 
}

#pieds {
line-height:20px;
font-size:13px;
padding-left:25px;
display:block;
height: 20px; width: 255px;
color: white;
background: url(images/BasBloc.jpg) no-repeat; 
}

#contenu table  {
height: 110px;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;

}

#contenu  {
height: 110px;
color: white;
background: #333333 url(images/fondsBloc.jpg) repeat-x;
}

#borduregauche  {
height: 100%;
background:url(images/bordure.gif) repeat-y left;
/*border: 1px solid red;*/
}
 
 
#borduredroite  {
height: 100%;
background:url(images/bordure.gif) repeat-y right;
/*border: 1px solid green;*/
}