html{height: 100%}
body{background-color: #CCCCCC;
	font-size:12px;}
div{
	font-family: Arial, Helvetica, sans-serif;}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
#blocActu td{
	font-family: Arial, Helvetica, sans-serif;
	font-size:2px;
}
#fichecontainerHP td{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
#actualitecontainer td{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
p {
	font-family: Arial, Helvetica, sans-serif;}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00369A;
	font-size: 24px;}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00369A;
	font-size: 18px;}
h3 {
	background: url(images/pucejaune.gif) no-repeat left;
	padding-left:8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFCC00;
	font-size: 14px;}
a:link { color: #003798;}
a:hover, a:visited, a:active { color: #003798;}
/**************** element specifique formulaire ****************/
.champ{}
.bouton{}
/***********entetes***********/
.entete a:link, .entete a:link, .entete a:visited, .entete a:hover, .entete a:active{
	text-decoration:none;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #000066;}
/***********style du bandeau partenaire***********/
#BandeauContainer{}
/***********style du module d'actualité***********/
/*module sur page d'accueil*/
#actualitecontainer td a{
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #FFFF00;
}
#actualitecontainer table{
	font-size: 12px;
	color: #FFFFFF;
}
#actualitecontainer td{padding: 10px;}

/*dans la page qui liste les actu*/
#listeActualiteContainer{}
#listeActualiteContainer div.listeActualiteLigne{}
#listeActualiteContainer div.listeActualite{}
/*dans la page qui affiche une actu*/
#detailActualite{}
#detailActualite .introActualite{text-align: center;	width: 100%;}
#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 , #fichecontainerHP {
	font-size: 2px;
}
#fichecontainerHP td{
	font-size: 12px;
	color: #FFFFFF;
}
#fichecontainer .annonce1{background-color:#D7E0EF;}
#fichecontainer .entete a:link,#fichecontainer .entete a:link,#fichecontainer .entete a:visited,#fichecontainer .entete a:hover,#fichecontainer .entete a:active{
	text-decoration:none;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}
#fichecontainer img, #fichecontainerHP img{margin-right:5px;}
#ficheContainer .labelMat, #fichecontainerHP .labelMat{}
#fichecontainer td{
	font-size: 12px;
	color: #000000;}
#fichecontainer .annonce0{
	text-align:left;border: 1px solid #4F76B7;margin-bottom:3px;cursor: pointer;}
#fichecontainer .annonce1{
	text-align:left;border: 1px solid #4F76B7;margin-bottom:3px;cursor: pointer;}
#fichecontainerHP .annonce0, #fichecontainerHP .annonce1{
	padding:2px;border-bottom: 1px solid #D8D7D7;cursor: pointer;}
#fichecontainerHP .annonce1{
	background-color:#38578B;
}
/***********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%;color:black;}
#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:99%; color: #003798;position:absolute;top:645px;}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{ color: #003798;}
/*********** style pour les drapeaux ******************/
#drapeaux{
	z-index:12;
	position:absolute;
	align:right;
	width:990px;}
#LangueContainer{
	position:relative;
	top:3px;
	right:3px;}
#LangueContainer img{
	margin-right:3px;
	margin-left:3px;}

/******* Nagigation Gauche site Ouvrard *******/
#navgauche {
	padding-top: 163px;
	position: absolute;
	width: 330px;
	height: 480px;
	z-index:4;
}
a.liennavgauche {
	display: block;
	width: 174px;
	height: 32px;
	background:url(images/ouvrard_05.gif);
	background-repeat:no-repeat;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: #000066;
	padding-top: 7px;
	text-align: center;
	}
a.liennavgauche:hover {
	display: block;
	width: 174px;
	height: 32px;
	background:url(images/ouvrard_05_05.gif);
	background-repeat:no-repeat;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;	
	color: #000066;
	padding-top: 7px;
	text-align: center;
	}
#lien1 {
	display: block; 
	padding-left: 10px;
}
#lien2 {
	display: block; 
	padding-top: 23px;
	padding-left: 5px;
}
#lien3 {
	display: block; 
	padding-top: 23px;
	padding-left: 12px;
}
#lien4 {
	display: block; 
	padding-top: 20px;
	padding-left: 30px;
}
#lien5 {
	display: block; 
	padding-top: 23px;
	padding-left: 55px;
}
#lien6 {
	display: block; 
	padding-top: 23px;
	padding-left: 102px;
}
#lien7 {
	display: block; 
	padding-top: 23px;
	padding-left: 150px;
}

/******** Mise en page pour le site Ouvrard *******/

#conteneur{
	position:absolute;
	width: 990px;
	background-color:#FFFFFF;
	border: 1px solid;
	height: 630px;
	background-image:url(images/bg_accueil.jpg);
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
}
#contenu {
	overflow: scroll;
	overflow-x:hidden;
	position:absolute;
	right:0px;
	margin-top:88px;
	padding:15px 5px 15px 5px;
	width: 700px;
	height: 390px;
	display: block;
}
#contenuacc {
	right:0px;
	width: 988px;
	height: 480px;
	position:absolute;
	margin-top:88px;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	display: block;
}
#contentAccueil {
	position:absolute;
	width:990px;
	height:480px;
	background-repeat: no-repeat;
}
#blochaut {
	width: 990px;
	border-top:none;
}
#logohaut {
	z-index:12;
	position:absolute;
	width:160px;
	height:88px;
}
#contentnavhaut {
	z-index:10;
	position:absolute;
	width:790px;
	height:68px;
	padding-left: 200px;
	padding-top: 20px;
}
#blocPromo{
	left: 214px;
	top: 24px;
	position: absolute;
	z-index:5;
	}
#blocActu {
	width:274px;
	left: 400px;
	top: 223px;
	position: absolute;
}
#blocOccasions {
	width:238px;
	left: 726px;
	top: 252px;
	position: absolute;
}
#bloc2 {
	width:130px;
	left: 764px;
	top: 28px;
	position: absolute;
	z-index:5;
}
#pied {
	position: absolute;
	width: 990px;
	top:565px;
	display: block;
}

#slogan {
	left: 264px;
	top: 128px;
	position: absolute;
	width: 578px;
}
.SloganBlanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 3px;
	padding-right: 3px;
}

.bgBleu {
	display: block;
	width: auto;
	height: 28px;
}
.bgBleuDecale {
	display: block;
	width: auto;
	height: 28px;
	margin-left: 35px;
}