a:link, a:visited {color: #0449AC;text-decoration: none;}
a:hover, a:active {text-decoration: underline;}
body {
	background: #FFFFFF;
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
}
h1 {
	margin: 10px 0px 6px 10px;
	color: #1E3882;
	font: bold 18px Arial, Helvetica, sans-serif;
	background-image: url(images/fond_titre.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-left: 65px;
	height: 40px;
	
	}
#CMPcontainer h1, #LSPcontainer h1 {
    text-align: left;	
	color: #e00025;
	background-image: url(../images/intciv5/fond_titre_P.jpg);
	font: bold 18px Arial, Helvetica, sans-serif;
	padding-top: 10px;
	margin: 0px 0px 0px 0px;
	}
h2 {
	color: #000000;
	font: bold 14px Arial, Helvetica, sans-serif;
	margin: 3px 0px 3px 0px;
}
h3 { color: #000000; font: bold 12px Arial, Helvetica, sans-serif; margin: 3px 0px 0px 0px; }
html{ height: 100%; }
td {
	color: #000000;
	font: 11px Arial, Helvetica, sans-serif;
}
/**************** element graphique ****************/
.rubrique 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-size-adjust: inherit;
font-weight: bold;
color: #009036;
}
.txt 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #1E2882;
}
.adresse
{
background-image: url(../ulf/matagrinet/civ4/ACS-Andelfinger/fichiers/CIV4_HTML_372008_5857_629.jpg);
margin: 10px 10px 10px 10px;
}
.annonce
{
padding: 5px 5px 5px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
.photo
{
vertical-align: top;
border-bottom: #FFFFFF solid medium ;
}
/**************** element specifique formulaire ****************/
.bouton{ }
.champ{ }
/***********entetes***********/
.entete a:link, .entete a:link, .entete a:visited, .entete a:hover, .entete a:active{
	color: #392808;
	text-decoration: none;
}
#actualitecontainer .entete, #fichecontainerhp .entete { display: none; }
/***********style du module d'actualité***********/
/*module sur page d'accueil*/
#actualitecontainer td{ }
/*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 #D8D7D7;
	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 5px 5px 5px; width:100%;}
#detailActualite .introActualite{text-align: center;}
#detailActualite .introActualite div{
	width: 50%;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #D8D7D7;
	text-align: left;
}
/********* style pour les autoflow *********************/
#actualitecontainer, #concedantcontainer, #fichecontainerhp, #cmpcontainerhp, #lspcontainerhp{height: 125px; width: 268px; overflow: auto; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #808080; scrollbar-base-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-face-color: #FFF1DC; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; }
/***********style pour l'alerte***********/
#alertecontainer{width: 720px;}
#alertecontainer marquee, #alertecontainer a:link, #alertecontainer a:hover, #alertecontainer a:visited, #alertecontainer a:active, #alertecontainer a:focus{ color: #808080; text-decoration: none; height: 19px; }
/***********style pour la base line TNM***********/
#baselinecontainer{ color: #8e8f8a; text-align: center; width: 951px; }
#baselinecontainer a:link, #baselinecontainer a:hover, #baselinecontainer a:visited, #baselinecontainer a:active, #baselinecontainer a:focus{text-decoration: none; color: #8e8f8a;}
/***********style pour le module CMP ***********/
#cmpcontainer  a.typematarbo:link, #cmpcontainer  a.typematarbo:visited, #cmpcontainer  a.typematarbo:active, #cmpcontainer  a.typematarbo:focus, #cmpcontainer  a.typematarbo:hover{ color: #392808; display: block; height: 25px; line-height: 2em; /*nécessaire pour centrer le texte verticalement proportionnelement à la taille de police*/ padding-right: 10px; text-decoration: none; }
#cmpcontainer .cmpssniveaucontainer{ background: url(../images/intciv5/CMPfondVerti.jpg) #FFF1DC repeat-y right;}
#cmpcontainer .cmpssniveaucontainerhaut{ background: url(../images/intciv5/CMPfondHorizHaut.jpg) repeat-x bottom; text-align: right; }
#cmpcontainer .cmpssniveaucontainerhaut div{ background: url(../images/intciv5/CMPfondCoinHaut.jpg) no-repeat right bottom; height: 24px; text-align: right; width: 48px; }
#cmpcontainer .cmpssniveaucontainerbas{ background: url(../images/intciv5/CMPfondHorizBas.jpg) repeat-x top; text-align: right; }
#cmpcontainer .cmpssniveaucontainerbas div{ background: url(../images/intciv5/CMPfondCoinBas.jpg) no-repeat right top; height: 48px; text-align: right; width: 48px; }
#cmpcontainer .sstypematarbo{ float: left; margin: 0; padding-left: 10px; position: absolute; visibility: hidden; }
#cmpcontainer .sstypematarbo a:link, #cmpcontainer .sstypematarbo a:visited, #cmpcontainer .sstypematarbo a:active, #cmpcontainer .sstypematarbo a:focus{ color: #392808; display: block; height: 25px; line-height: 2em; /*nécessaire pour centrer le texte verticalement proportionnelement à la taille de police*/ text-decoration: none; width: 350px; }
#cmpcontainer .sstypematarbo li{ list-style-type: none; }
#cmpcontainer .vignettemarque{ border: 1px solid #D8D7D7; float: left; margin: 5px; text-align: center; padding-top: 3px; }
#cmpcontainer div.typematarbo{ border-right: 1px solid #F18505; display: block; height: 25px; width: 250px; }
#cmpcontainer div.typematarbohover{ background: url(../images/intciv5/CMPlisertHoriz.jpg) no-repeat right; border-right: 1px solid #FFF1DC; }
/***********style pour le module concédant en HP***********/
#concedantcontainer{ height: 282px; width: 147px}
/***********style pour la remonté d'annonce***********/
#fichecontainer{}
#fichecontainer img{margin: 5px;}
#ficheContainer .labelMat{font-weight: bold;}
#fichecontainer .annonce0{cursor: pointer;border: 1px solid #FFFFFF;width: 100%;float: left;text-align: left;}
#fichecontainer .annonce1{border: 1px solid #F18505;background-color: #FFF1DC;cursor: pointer;width: 100%;float: left;text-align: left;}

#fichecontainerHP .Entete{
	background-color: transparent;
	display: inline;
	height: 10px;
}
#fichecontainerHP .Entete DIV{
	background-image: none;
	height: 10px;
}
#fichecontainerHP .Entete DIV DIV{
	background-image: none;
	height: 10px;
}
#fichecontainerHP .Entete DIV DIV DIV{
	padding: 0;
	margin: 0;
	height: 10px;
	text-align: center;
	color: #392808;
}

#fichecontainerHP img{ text-align:center; margin: 0px 0px 0px 0px; display: block;}
#fichecontainerHP .labelMat{font-weight: bold;}
#fichecontainerHP .annonce0, #fichecontainerHP .annonce1{ border: 1px solid #FFFFFF; cursor: pointer; float: left; text-align: center; width: 49%; }
#fichecontainerHP .annonce1{ background-color: #FFF1DC; border: 1px solid #F18505; text-align: center; }
/***********style pour le module LSP en HP***********/
#listelspcontainer div.listelsp{ border: 1px solid #D8D7D7; float: left; margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; position: relative; width: 45%; /*mettre à 100% pour avoir une actu par ligne*/ }
#listelspcontainer div.listelspligne{ clear: both; display: block; }
/***********style pour la page de meteo et le bloc metéo en HP***********/
#meteocontainer .meteocol0, #meteohpcontainer .meteocol0{ background-color: #F5F5F5; }
#meteocontainer .meteocol1, #meteohpcontainer .meteocol1{ background-color: #E1E1E1; }
#meteocontainer .meteolig0, #meteohpcontainer .meteolig0{ background-color: #FFFFFF; }
#meteocontainer .meteolig1, #meteohpcontainer .meteolig1{ background-color: #EBEBEB; }/*comme le style de liste dans TNO annonceListe0*/
#meteocontainer td, #meteohpcontainer td{ text-align: center; }
#meteocontainer td.legende, #meteohpcontainer td.legende{ text-align: left; vertical-align: middle; }
#meteocontainer, #contactcontainer, #listelspcontainer { padding: 5px 5px 5px 5px; width: 100%; }
#meteocontainer h2{
	text-align: center;
	color: #003E96;
	font-size: 17px;
	padding-top: 20px;
}
/********* Style d'entete de bloc sur la HP *************/
a.enteteActuHP, a.enteteActuHP:Hover{
background: transparent url('../images/hpciv5/actualites-concession-anim.gif') no-repeat top left;
display: block;
}
a.enteteActuHP:hover{background-position: bottom left;}
a.enteteCMPHP, a.enteteCMPHP:Hover{
background: transparent url('../images/hpciv5/centre-materiel-promodis-anim.gif') no-repeat top left;
display: block;
}
a.enteteCMPHP:hover{background-position: bottom left;}
a.enteteLibreServHP, a.enteteLibreServHP:Hover{
background: transparent url('../images/hpciv5/libre-service-promodis-anim.gif') no-repeat top left;
display: block;
}
a.enteteLibreServHP:hover{background-position: bottom left;}
a.enteteOccasHP, a.enteteOccasHP:Hover{
background: transparent url('../images/hpciv5/occasions-anim.gif') no-repeat top left;
display: block;
}
a.enteteOccasHP:hover{background-position: bottom left;}