html{height: 100%}
body{background-color:#9dac00;} 
body,td,p,div,span,h1,h2,h3,a {
	font: 12px Arial, Helvetica, sans-serif;
}
h1 {color:#E1011B;font-size:18px;font-weight:bold;font-variant:small-caps;}
h2 {font-size:14px;font-weight:bold;font-variant:small-caps;}
h3 {margin:3px 0px 3px 0px;font-weight:bold;}
a:link {color:black;}
a:hover, a:active {color:#9DAC00;text-decoration:none;}
a:visited{color:#9DAC00;}
/**************** element specifique formulaire ****************/
.champ{}
.bouton{}
/***********entetes***********/
.Entete a:link, .Entete a:link, .Entete a:visited, .Entete a:hover, .Entete a:active{color:Black;text-decoration:none;font-weight:bold;line-height:20px;vertical-align:middle;}
/***********style du module d'actualité***********/
/*module sur page d'accueil*/
#actualitecontainer{float:left;width:50%;}
#actualitecontainer .Entete{display:none;}
/*#actualitecontainer table{border-spacing:10px 5px;}*/
#actualitecontainer table div{border:1px solid #9dac00;padding:3px;margin:5px 5px 0px 5px; float: left;}
#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 #9dac00;
	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;}
#detailActualite .introActualite{}
#detailActualite .introActualite div{}
/***********style pour la remonté d'annonce***********/
#ficheContainer, #ficheContainerHP{width:210px;}
#ficheContainerHP{float:right;}
#ficheContainer img, #ficheContainerHP img{margin-right:5px;}
#ficheContainer .labelMat, #ficheContainerHP .labelMat{font-weight:bold;}
#ficheContainerHP .annonce0, #ficheContainer .annonce0, #ficheContainerHP .annonce1, #ficheContainer .annonce1{border-bottom: 1px solid #BFBFBF;border-top: 1px solid #E2E2E2;cursor: pointer; height: 75px; background-color:white; padding:5px 3px 0px 3px;}
#ficheContainerHP .annonce1, #ficheContainer .annonce1{background-color: #F6F6F6;}
/***********style pour l'alerte***********/
#alertecontainer{background-color:#9DAC00;}
#alertecontainer marquee, #alertecontainer a:link, #alertecontainer a:hover, #alertecontainer a:visited, #alertecontainer a:active, #alertecontainer a:focus{text-decoration:none;color:white;line-height:20px;}
/***********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;}
/***********style pour la base line TNM***********/
#BaseLineContainer{text-align: center;width: 100%;color: #525a00;margin-top:10px;font-size:10px;}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{color: #525a00;text-decoration: none;font-size:10px;}
/***********style du footer***********/
#footercontainer{color:black;text-align:center;}
#footercontainer a:link,#footercontainer a:visited, #footercontainer a:hover,#footercontainer a:active,#footercontainer a:focus{text-decoration:none;color:black;}
/************************************************************/
/*								Architecture Site							*/
/************************************************************/
#site{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}
	#head{
		overflow:hidden;
	}
		#head_left{
			float:left;
			width:780px;
			height:130px;
			background-image:url(/Primault/images/headLeft.jpg);
			cursor:pointer;
		}
		#head_flash{
			float:left;
			width:	220px;
			height:	130px;
			background-image:url(/Primault/images/flash.jpg);
		}
	#head_bottom{
			width:1000px;
			height:48px;
	}
		#head_bottom img{
				border:none;
		}
	/*		/!\	*/
	#contenuSite{
		background-color:#ffffff;
		min-height:50px;
	}
	/*		\!/	*/
/************************************************************/
/*			Homepage			*/
#homepage{}
#decoupeHome{
	overflow:hidden;
	position:relative;
	background-color:#9DAC00;
}
#blocsHome{
	overflow:hidden;
	width:780px;
	background-color:white;
	float:left;
}
.blocPrimault{
	width:47%;
	padding:3px;
	float:left;
	margin:5px 5px 0px 5px;
	border:solid 1px #9dac00;
}
.blocPrimault img{border:solid 1px #9dac00;}
#blocsLibres{}
#partenaires{clear:both;padding:5px;}
#recherche{float:right;width:210px;text-align:center;}
#recherche input{}
#recherche input[type=text]{border:1px solid black;}
#recherche input[type=submit]{border:none;background-color:white;color:#9dac00;width:20px;}
