html{height: 100%}
body {
	font: 12px Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#EFEFEF;
	background-image:url(/Bathelier/images/ImageFonds.gif);
	background-position:top;
	background-color:#909090;
	background-repeat:no-repeat;
} 
body *{
	z-index:1;
}
td {
	font: 12px Arial, Helvetica, sans-serif;
}
p {
	font: 12px Arial, Helvetica, sans-serif;
}
h1 {
	margin-left:30px;
	margin-right:5px;
	border-bottom:solid 1px #2B9150;
	color:#1F1F1F;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:22px;
}
h1:first-letter{
	font-size:1.5em;	
	color:#2B9150;
}
h2 {}
h3 {}

a {
	color:#BF1717;
	text-decoration:none;
}
a:hover{
	color:#8F1111;	
}
/**************** 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*/
#actualitecontainer{}
#actualitecontainer td{}
#actualitecontainer .suite{
	padding-left: 20px;
	background: url(/images/next.gif) no-repeat left;
}
/*dans la page qui liste les actu*/
#listeActualiteContainer{}
#listeActualiteContainer div.listeActualiteLigne{}
#listeActualiteContainer div.listeActualite{}
/*dans la page qui affiche une actu*/
#detailActualite{
	margin-left:5px;
}
#detailActualite .introActualite{}
#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***********/
#ficheContainerHP_Title{
	width:250px;
	height:40px;
	background-image:url(/Bathelier/images/TitreOccasion.jpg);
	margin-left:-5px;
}	
#fichecontainer, #fichecontainerHP{}
#fichecontainer img, #fichecontainerHP img{
	margin-right:5px;
}
#ficheContainer .labelMat, #fichecontainerHP .labelMat{
}
#fichecontainer .annonce0, #fichecontainer .annonce1{
	border: 1px solid #000000;
	margin-top:3px;
	margin-right:3px;
	text-align:left;
	cursor:pointer;
	background-color:#e5e5e5;
	
}
#fichecontainer .annonce0 img, #fichecontainer .annonce1 img{
	margin:2px 5px 2px 2px;
}
#fichecontainer .annonce0 td, #fichecontainer .annonce1 td{
	font-weight:bold;
}
#fichecontainer .annonce1{
	background-color: #F6F6F6;
}
#fichecontainerHP .annonce0, #fichecontainerHP .annonce1 {
	border: 1px solid #000000;
	cursor: pointer;
	width:98%;
	float: none;
	height: 75px;
	_height:80px;
	margin-top:5px;
	background-color:#e5e5e5;
	padding:5px 0 0 5px;
 }
#fichecontainerHP .annonce1{background-color: #F6F6F6;}
#fichecontainerHP .annonce0 td, #fichecontainerHP .annonce1 td{
	font-weight:bold;
}

.Entete{
	display:none;
}

/***********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; width:100%;}
/***********style pour la grille***********/
#GrilleContainer{}
#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: silver;
}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{
	color: silver;
	text-decoration: none;
}
/*********** style pour les drapeaux ******************/
#LangueContainer{}
#LangueContainer img{}


/****************************************************//*
			Style Bathelier (crps de page)
*//****************************************************/


#Top{
	font-size:5px;
	background-image:url(/Bathelier/images/Top.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:5px;
	width:910px;
	margin-left:auto;
	margin-right:auto;
}
#preBody{
	margin-left:auto;
	margin-right:auto;
	width:910px;
	background-image:url(/Bathelier/images/Ombre.png);	
}
	#Body{
		/*border:solid 1px green;*/
		margin-left:auto;
		margin-right:auto;
		width:900px;
		text-align:left;
		padding-bottom:10px;
	}
		#Head{
		}
			#logo{
				float:left;
				height:86px;
				width:280px;
				background-image:url(/Bathelier/images/LogoBathelier.jpg);
			}
			#banniere{
				float:left;
				height:86px;
				width:620px;
				background-image:url(/Bathelier/images/FondsTop.jpg);
			}
			#Navig{
				
				width:900px;
				height:24px;
				_height:26px;
				background-image:url(/Bathelier/images/FondsNav.jpg);
				border-bottom:solid 2px #5cb50c;
				position:relative;
				z-index:150;
			}
				#navigMnu{
					height:0;
					margin-top:0;
					margin-left:294px;
					padding:0;
					z-index:100;
				}
				#navigMnu *{
					z-index:30;		
				}
			#CorpDePage *{
				z-index:2;
			}
#Bottom{
	background-image:url(/Bathelier/images/BasdePage.png);
	height:35px;
	width:910px;
	margin-left:auto;
	margin-right:auto;

}

/** Default **/
#Alerte{
	width:900px;
	height:20px;
	border-bottom:solid 2px #5cb50c;
	font-weight:bold;
}
#homeGauche{
	margin-top:15px;
	float:left;
	width:65%;
}
#homeDroite{
	margin-top:15px;
	margin-right:5px;
	float:right;
	width:27%;
}

.Etikette{
	height:135px;
	width:630px;
	/*position:relative;*/
	margin-left:2%;
}
.Etikette *{
	z-index:1;
}

.EtiketteContenu{
	position:absolute;
	margin:40px 0 15px 11px;
	width:608px;
	height:75px;
	/*overflow :hidden;*/	
}

.EtiketteContenu a.lien{
	position:absolute;
	color:#000000;
	top:70px;
	right:0;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
.EtiketteContenu a:hover{
	color:#BF1717;
}
#ET1{background-image:url(/Bathelier/images/BlocMagasin.jpg);}
#ET2{background-image:url(/Bathelier/images/BlocMateriel.jpg);}
#ET3{background-image:url(/Bathelier/images/BlocActu.jpg);}

#BasPicture{
	width:100%;
	height:80px;
	overflow:hidden;
}
#BasPicture img{
	height:100%;
	margin:0 2px 0 2px;
}

/*********************************/
.clear{
	clear:both;
	line-height:0;
	height:0;
}