html{height: 100%}
body {margin:0} 
td {font-size:14px;font-family: Arial, Helvetica, sans-serif;}
p {font-size:14px;font-family: Arial, Helvetica, sans-serif;}
h1 {
padding-left:20px;
color:#114c77;
font-size:20px;}
h2 {}
h3 {font-size:13px; margin-bottom:2px; margin-top: 2px;}
a:link {color: #114C76;font-weight: bold;}
a:hover, a:visited, a:active {color: #114C76;text-decoration: none;font-weight: bold;}
/***********style pour la remonté d'annonce***********/
#fichecontainer, #fichecontainerHP{text-align: center;color: #F5F1E1;font-size: 13px;}
#fichecontainer td{font-size: 13px;}
#fichecontainerHP img{display: block;margin-left: auto;margin-right: auto;}
#fichecontainer img{margin-right:3px;}
#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: 230px;float: left;text-align: left;margin-right: 5px;}
#fichecontainer .annonce1{cursor: pointer;border-top: 1px solid white;border-bottom: 1px solid #D8D7D7;padding-right: 5px;width: 230px;float: left;text-align: left;margin-right: 5px;background-color: #e8f0f5;}
#fichecontainerHP .annonce0, #fichecontainerHP .annonce1{border-bottom: 1px solid #3789AE;margin-right: 5px;cursor: pointer;width: 32%;float: left; height: 120px; }
#fichecontainerHP .annonce1{background-color: #3b8bb0; height: 120px;}
#fichecontainerHP .entete a:link,#fichecontainerHP .entete a:visited,#fichecontainerHP .entete a:hover,#fichecontainerHP .entete a:active{color: black;font-weight: bold;text-decoration: none;text-align: left;padding-left: 150px; display: block;}
#fichecontainerHP .entete, #fichecontainerHP .entete div, #fichecontainerHP .entete div div{
	background-image:none; background-color: transparent; height: auto; padding: 0;
}
#fichecontainer .entete a:link,#fichecontainer .entete a:visited,#fichecontainer .entete a:hover,#fichecontainer .entete a:active{color: white; text-decoration: none;}
/***********style pour l'alerte***********/
#alertecontainer{color: #F5F1E1;font-weight: bold;padding-bottom: 2px;}
#alertecontainer marquee, #alertecontainer a:link, #alertecontainer a:hover, #alertecontainer a:visited, #alertecontainer a:active, #alertecontainer a:focus{color: #F5F1E1;font-weight: bold;text-decoration: none;}
/***********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;}
#MeteoContainer h3{font-size:11px;margin-bottom:5px}
#MeteoContainer .imgDpt{display: none;}
/***********style pour la base line TNM***********/
#BaseLineContainer{text-align: center; width:100%; color: #999680;font-size: 10px;}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{color: #999680; text-decoration: none;}

/*********** Test Julien ******************/
/* taille du cadre, à titre d'exemple */
#cadreTest { 

float : left;
height: 190px; width: 340px;
background-color: #f5f1e1;
margin-left:13px;
margin-top:5px;
}
/* propriétés communes à l'ensemble des 4 coins */
#enteteTest {
height: 35px; width: 300px;
color: #ffffff;
font-size:16px;
line-height:40px;
padding-left:40px;
float: left;
background: url(images/TopBloc.jpg) left no-repeat #f5f1e1; /* correction d'un bug IE */

}

#basdroitTest {
height: 10px; width: 340px;
font-size:1px;
background: #114c77 url(images/BasDroit.jpg) right no-repeat; /* correction d'un bug IE */
vertical-align: bottom;
float: right;
}

#contenuTest  {
padding: 5px 5px 5px 5px;
height: 190px;
background: #114c77 url(images/FondsBloc.jpg) repeat-x;
color: white;
}

#cadreshauts {
width:725px;
float:left;
height: 210px;
}

/*********** Test Pages Sites ******************/
#cadreTestSites { /* taille du cadre, à titre d'exemple */

float:left;
width: 670px;

margin-left:15px;
margin-top:5px;
}

#cadreTestSitesConcess { /* taille du cadre, à titre d'exemple */
float:left;
height: 245px; width: 690px;
background-color: #f5f1e1;
margin-left:15px;
margin-top:5px;
}

#enteteTestSites {
margin-top:10px;
height: 35px; width: 650px;
color: #ffffff;
font-size:16px;
line-height:40px;
padding-left:40px;
background: url(images/TopBloc.jpg) left no-repeat #f5f1e1; /* correction d'un bug IE */

}

#enteteTestSitesConcess {
margin-top:15px;
height: 35px; width: 650px;
color: #13507c;
font-size:16px;
line-height:40px;
padding-left:40px;
background: url(images/BlocSite.jpg) left no-repeat #f5f1e1; /* correction d'un bug IE */

}

#contenuTestSites  {
font-size:16px;
width:690px;
padding-left:10px;
height: 300px; 
background: #13507c url(images/FondsBloc2.jpg) top repeat-x;
color: white;
display:block;
}

#contenuTestSitesConcess  { margin-top:5px;
font-size:16px;
height:100px;
width: 690px;
background: #f5f1e1 ;
color: #13507c;
border: 1px solid #13507c;

}

#basdroitTestSites {
height: 10px; width: 690px;
font-size:1px;
background: #114c77 url(images/BasDroit.jpg) right no-repeat; /* correction d'un bug IE */
vertical-align: bottom;
padding-left:10px;
}
.imageflottantedroite
{	display:block;
   float: right;
   margin-right: 10px;
   margin-top: 5px
}