*{
	margin:0;
	padding:0;
}
html{height: 100%}
body {
	font: 12px Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#B5B6B8;
} 
td {
	font: 12px Arial, Helvetica, sans-serif;
}
p {
	font: 12px Arial, Helvetica, sans-serif;
}
h1 { 
	 font: 22px Arial, Helvetica, sans-serif;
	 background:transparent url(/BernyMS/images/fond_titre.gif) no-repeat scroll 0 0;
	 font-style:italic;
	 color:#000000;
	 padding:10px 0px 10px 50px;
}
h2 {font-size:18px; color:#EB0030; padding:10px 0px 10px 30px;}
h3 {font-size:14px;}
a:link {
	color:#EB0030;
	text-decoration:none;
}
a:hover, a:visited, a:active {color:#EB0030;}
/**************** 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{
	border: 1px solid #EB0030;
}
#fichecontainer img, #fichecontainerHP img{
	margin:5px;
}
#AnnonceDefilante br{ display:none;}

#ficheContainer .labelMat, #fichecontainerHP .labelMat{}
#fichecontainer .annonce0,#fichecontainer .annonce1{
	width:263px;
	text-align:left;
	cursor:pointer;
	
}
#fichecontainer .annonce0 td,#fichecontainer .annonce1 td{
	color:#000000;
}
#fichecontainer .annonce1{background-color: #F8B6C5;}
#fichecontainerHP .annonce0, #fichecontainerHP .annonce1{
	cursor: pointer;
	width: 33%;
	float: left; 
	height: 80px;
}
#fichecontainerHP .annonce0 td, #fichecontainerHP .annonce1 td{
	color:#FFFFFF;
}
#fichecontainerHP .annonce1{background-color: #F8B6C5;}
#fichecontainer .annonce0, #fichecontainer .annonce1{
	border-top: 1px solid #EB0030;
}
/***********style pour l'alerte***********/
#alertecontainer{}
#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:1024px;
	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:1024px;
		height:165px;
/*		background-image:url(/BernyMS/images/top.png);*/
		margin-left:auto;
		margin-right:auto;
	}
	
	#Middle
	{
		text-align:center;
		width:1024px;
		height:741px;
		margin-left:auto;
		margin-right:auto;
	}
	
		#Left{
			width:101px;
			height:741px;
			background: url('/BernyMS/images/left.png') top right;
			vertical-align:top;
			float:left;
		}
		#Center
		{
			display:block;
			text-align:center;
			width:835px;
			height:741px;
			margin-left:auto;
			margin-right:auto;
			vertical-align:top;
			float:left;
		}
			#Nav{
				width:835px;
				height:24px;
				background: left bottom repeat-x url(/BernyMS/images/nav_fond.png);
				margin-left:auto;
				margin-right:auto;
				vertical-align:top;
				float:left;
				text-align:left;
			}
			#Content{
				vertical-align:top;
				position:relative;
				width:811px !important;
				width:835px;
				border-right: 4px solid #EB0030;
				height:697px !important;
				height:717px;
				overflow-y:auto;
				overflow-x:hidden;
				background-color:#FFFFFF;
				margin-left:auto;
				margin-right:auto;
				text-align:left;
				float:left;
				padding:10px;
			}
		#Right{
			width:87px;
			height:741px;
			background:url(/BernyMS/images/right.png) top left;
			vertical-align:top;
			vertical-align:top;
			float:right;
		}	
	
	#Bottom{
		width:1024px;
		height:44px;
		text-align:center;
		background-image:url(/BernyMS/images/Bottom.png);
		margin-left:auto;
		margin-right:auto;
	}
	
	.clear{
		clear:both;
		line-height:0;
		height:0;
	}	
	
	
	
	
	/** Default **/
	#BlocHP1{
		position:absolute;
		display: block; 
		top:20px;
		left:20px;
	}
	#BlocHP2{
		position:absolute;
		display: block; 
		top:210px;
		left:250px;
	}
	#BlocHP3{
		position:absolute;
		display: block; 
		top:360px;
		left:520px;
	}
	#BlocHP4{
		position:absolute;
		display: block; 
		top:30px;
		right:15px;
	}
	#FlashHP{
		display:block;
		height:0;
		left:-380px;
		position:relative;
		top:280px;
		z-index:1;
	}
	#BlocHPactu{
		position:absolute;
		width:270px;
		height:91px;
		background-image:url(/BernyMS/images/bloc_actu.png);
		padding:26px 15px 14px 15px;		
		overflow:hidden;
		display: block; 
		top:380px;
		left:160px;
	}
	#BlocHPactu .Entete{
		position:absolute;
		display: block; 
		top:0px;
		left:24px;
	}
	#HPoccasions{
		position:absolute;
		width:707px;
		height:180px;
		background: left top no-repeat url(/BernyMS/images/bloc_occasions.png);
		display: block; 
		bottom:5px;
		left:60px;
		padding-left:10px;
	}
	
	.Bloc_Content div{
		background-color:#FFFFFF;		
	}
	.Bloc_Content td{
		text-align:left;		
	}
	#ficheContainerHP .Bloc_Content{
		behavior:url(/BernyMS/util/border-radius.htc);
		-moz-border-radius:10px;
		-moz-border-radius-topleft:0;
		background-color:#FFFFFF;
		margin-top:4px;
		padding:0px 0px 0px 30px;
		width:640px;
		position:relative;
	}
		
	/* pour annonce occasion défilante*/
	#AnnonceDefilante{
		overflow-x:hidden;
		white-space:nowrap;
		width:636px;
		margin-top:5px;
		margin-left:3px;		
		/*border:solid 1px red;*/
		
		
		position:relative;
	}
	.listAnnonce, .listAnnonceH{
		margin-right:0;
		cursor:pointer;
		display:inline-block;
		height:70px;
		text-align:center;
		vertical-align:top;
		width:210px;
	}
	.listAnnonceH{
		background-color:#F8B6C5;
	}
	.listAnnonce img,.listAnnonceH img{
		float:left;
		margin:0;
		padding:0;
	}
	.listAnnonce_Contenu{
		/*border:solid 1px black;*/
		
	}
	#AnnonceDefilante .listAnnonce .AnnonceDefilante_Texte, #AnnonceDefilante .listAnnonceH .AnnonceDefilante_Texte{
		color:#000000;
		vertical-align:top;
		text-align:left;
		white-space:normal;
		width:50%;
		float:left;
		display:block;	
		margin-left:5px;	
	}
	#AnnonceDefilante .listAnnonceH .AnnonceDefilante_Texte
	{
		background-color:#F8B6C5;
	}
	#AnnonceDefilante .listAnnonce .AnnonceDefilante_Texte.labelMat, #AnnonceDefilante .listAnnonceH .AnnonceDefilante_Texte.labelMat{
		font-weight:bold;
	}