*{
	margin:0;
	padding:0;
}
html{height: 100%}
body {
	font: 12px Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#0A531B;
} 
td {
	font: 12px Arial, Helvetica, sans-serif;
}
p {
	font: 12px Arial, Helvetica, sans-serif;
}
h1 { 
	 font: 24px Arial, Helvetica, sans-serif;
	 background-image:url(/Cuntz-ragot/images/fond_titre.gif);
	 background-repeat:no-repeat;
	 font-style:italic;
	 color:#0A531B;
	 padding:10px 0px 10px 70px;
}
h2 {font-size:18px; color:#095419; padding:10px 0px 10px 30px;}
h3 {font-size:14px;}
a:link {
	color:#095419;
	text-decoration:none;
}
a:hover, a:visited, a:active {color:#095419;}
/**************** 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*/
#BlocHPactu{}
#BlocHPactu td{}
#BlocHPactu .suite{
	padding-left: 20px;
	background: url(/images/next.gif) no-repeat left;
}
/*dans la page qui liste les actu*/
#listeActualiteContainer{}
#listeActualiteContainer div.listeActualiteLigne{ text-align:left;}
#listeActualiteContainer div.listeActualite{ padding-bottom:20px;}
/*dans la page qui affiche une actu*/
#detailActualite{ text-align:justify;}
#detailActualite .introActualite{ padding:5px; margin:15px 5px; font-style:italic;}
#detailActualite p{ padding:5px 0px;}
#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 .Bloc_Content, #ficheContainerHP .Bloc_Content{
		behavior:url(/Cuntz-ragot/util/border-radius.htc);
		-moz-border-radius:12px;
		background-color:#CEE900;
		padding:4px;
	}
	#ficheContainer .Bloc_Content .annonce0, #ficheContainerHP .Bloc_Content .annonce0{
		background-color:#0A531B;
		margin:8px 2px 2px 2px;
		padding:2px;
	}
	#ficheContainer .Bloc_Content .annonce1, #ficheContainerHP .Bloc_Content .annonce1{
		background-color:#609D1B;
		margin:8px 2px 2px 2px;
		padding:2px;
	}
	
#fichecontainer img, #fichecontainerHP img{
	margin:5px;
}

#ficheContainer .labelMat, #fichecontainerHP .labelMat{	}
#fichecontainer .annonce0,#fichecontainer .annonce1{
	width:240px;
	text-align:left;
	cursor:pointer;
	
}
#fichecontainer .annonce0 td,#fichecontainer .annonce1 td, #fichecontainerHP .annonce0 td, #fichecontainerHP .annonce1 td{
	color:#FFFFFF;
}
#fichecontainerHP .annonce0, #fichecontainerHP .annonce1{
	width:240px;
	text-align:left;
	cursor: pointer;
}
/***********style pour l'alerte***********/
#alertecontainer{ width:720px; display:block; float:left; font-weight:bold;}
#alertecontainer marquee, #alertecontainer a:link, #alertecontainer a:hover, #alertecontainer a:visited, #alertecontainer a:active, #alertecontainer a:focus{}
/***********style pour la page de contact***********/
#contactContainer{padding: 5px 5px 5px 5px;}
#contactContainer p{padding: 20px 164px; text-align:justify;}
/***********style pour la grille***********/
#GrilleContainer{}
#GrilleContainer table{}
#GrilleContainer td{}
/***********style pour la page de meteo et le bloc metéo en HP***********/
#MeteoContainer{}
#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{
	width:1000px;
	margin-top:15px;
	text-align:center;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
	color: #8A8A8A;
}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{
	color: #8A8A8A;
	text-decoration: none;
}
/*********** style pour les drapeaux ******************/
#LangueContainer{}
#LangueContainer img{}

/***************************************************/



/****************************/

	#Top{
		width:1000px;
		height:165px;
		background-image:url(/Cuntz-ragot/images/top.jpg);
		margin-left:auto;
		margin-right:auto;
	}
	
	#Middle
	{
		text-align:center;
		width:1000px;
		height:100%;
		margin-left:auto;
		margin-right:auto;
	}
	#Nav{
		height:38px;
		width:1000px;
		background: left bottom repeat-x url(/Cuntz-ragot/images/nav_fond.jpg);
		margin-left:auto;
		margin-right:auto;
		vertical-align:top;
		float:left;
		text-align:left;
	}
	#Content{
		width:976px !important;
		width:1000px;
		vertical-align:top;
		border: 6px solid #CEE900;
		background-color:#FFFFFF;
		margin-left:auto;
		margin-right:auto;
		text-align:left;
		float:left;
		padding:6px;
	}
	
	.clear{
		clear:both;
		line-height:0;
		height:0;
	}	
	
	
	
	
	/** Default **/
	#BlocHP_visionneuse{
		float:left;
		vertical-align:bottom;
		position:relative;
		top:50px;
		left:50px;
		background:no-repeat top left url(/cuntz-ragot/images/visionneuse.png);
		height:308px;
		width:308px;
		padding-top:5px;
	}
	#HPoccasions{
		color:#FFFFFF;
		float:right;
		text-align:left;
		width:260px;
		display:block;
	}
	#BlocHP_logos{
	 border-top:5px solid #CEE900;
	 margin-top:5px;
	 height:80px;
	 vertical-align:bottom;
	 float:left;
	 display:block;
	}
	
	.Bloc_Content div{
		background-color:#FFFFFF;		
	}
	.Bloc_Content td{
		text-align:left;		
	}