html{height: 100%}
body {
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	background-color: #FEFEFE;
	height: 100%;
	margin: 0px; 
	padding: 0px;
} 
td {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; margin-top: 0px; }
p {
	font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; 
   line-height: 16px; 
   margin-top: 0px; 
   padding-top: 0px; 
   margin-bottom: 0px;
   padding-bottom: 4px;
}
h1 {font-size: 17px;font-weight: bold;color: #703507;margin: 0px 0px 15px 0px;}
h2 {font-size: 13px;font-weight: bold;color: #af6126;margin: 0px 0px 5px 0px;}
h3 {font-size: 11px;font-weight: bold;color: #af6126;margin: 0px 0px 5px 0px;}
a:link {font-size: 12px;color:black;text-decoration: underline; }
a:hover, a:visited, a:active {font-size: 12px;text-decoration: underline;color:#af6126;}
/***************** style pour l'entete qui contient le menu **********************/
#menuContainer{height: 24px;background-image: url(/coullare/images/fond_navigation.jpg);background-repeat: repeat-x;padding-left: 124px;}
/**************** element specifique formulaire ****************/
.champ{border: 1px solid black;background-color: #F6F6F6;}
.bouton{border: 1px solid gray;background-color: #EBEBEB;height: 20px;font-size: 12px;}
/***********entetes***********/
.entete a:link, .entete a:link, .entete a:visited, .entete a:hover, .entete a:active{color: #265011;font-weight: bold;font-size: 13px;text-decoration: none;}
/***********style du module d'actualité***********/
/*module sur page d'accueil*/
#actualitecontainer{background-color: White;border: 0px none;padding: 5; margin: 0; width: 400px;}
#actualitecontainer td{border-bottom: 1px solid #D8D7D7;padding-top: 5px;padding-bottom: 5px;}
#actualitecontainer .suite{
	padding-left: 20px;
	background: url(/images/next.gif) no-repeat left;
}
/*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 #D8D7D7;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	width: 45%;/*mettre à 100% pour avoir une actu par ligne*/
	float: left;
	position: relative;
}
/*dans la page qui affiche une actu*/
#detailActualite{padding: 5px 5px 5px 5px; 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 #E8953C;
	background-color: #ffefdf;
	width: 50%;
	margin-left:auto;
	margin-right:auto;
}
/***********style du footer***********/
#footercontainer{background-image:url(/coullare/images/fond_navigation_bas.jpg);background-repeat:repeat-x;height:26px;}
#footercontainer a:link,#footercontainer a:visited{
	height: 26px;
	color: black;
	text-decoration: none;
	font-weight: bold;
	padding: 7px 15px 0px 15px;
	background-image: url(/coullare/images/fond_navigation_bas.jpg);
	background-repeat: repeat-x;
	border-left: 1px solid #717b00;
}
#footercontainer a:hover,#footercontainer a:active,#footercontainer a:focus{
	height: 26px;
	background-image: url(/coullare/images/menu4.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	color: black;
	text-decoration: none;
}
/***********style pour la remonté d'annonce***********/
#fichecontainer, #fichecontainerHP{padding: 5;}
#fichecontainer img, #fichecontainerHP img{border: 1px solid #9DAB00; margin: 5px;}
#ficheContainer .labelMat, #fichecontainerHP .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: #F6F6F6;cursor: pointer;width: 100%;float: left;text-align: left;}
#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{
	background-color: #F6F6F6;
	padding-top: 3px;
	height: 20px;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	margin: 3px 3px 3px 3px;
}
#alertecontainer marquee, #alertecontainer a:link, #alertecontainer a:hover, #alertecontainer a:visited, #alertecontainer a:active, #alertecontainer a:focus{
	color: Black;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
/***********style pour la page de contact***********/
#contactContainer{padding: 5; width:100%;}
/***********style pour la grille***********/
#GrilleContainer{padding: 5}
#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: #6B7402;}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{color: #6B7402;text-decoration: none;}
/*********** style pour les drapeaux ******************/
#LangueContainer{height:100%;float:right;}
#LangueContainer img{margin-right:3px;margin-left:3px;margin-top:5px;}