/***************** THEME **********************/
.enteteConcession {
	color: #FFFFFF;
	background-image: url(images_01.jpg);
	background-repeat: no-repeat;
	width: 941px;
	font: bold 14px Arial, Helvetica, sans-serif;
}
#titreentete {
	text-align: center;
	vertical-align: middle;
	top: 13px;
	bottom: 10px;
	width: 420px;
	margin-left: 265px;
	margin-top: 10px;
}
.nomconcess{
	font-size: 18px;
	display: block;
	padding-bottom: 7px;
}
.adresseconcess{
	display: block;
}
.importloggroupe {
	background: url(logo_groupe.gif) no-repeat 5px 35px;
	height: 121px;
}
/***************** SITE *******************/
html{height: 100%}
body {background-color: #EEEEEE;} 
body, td, p, h1, h2, h3, a, select, input, textarea{
	font-family: Arial, Helvetica, sans-serif;
}
body, td, p, select, input, textarea{
	font-size: 12px;
}

h1{
	color: #FFFFFF;
	font: normal normal bold 16px;
	border-bottom: 1px dotted Black;
}
h2{
	color: Black;
	font: normal normal bold 14px;
	border-bottom: 1px dotted Black;
}
h3{
	color: Black;
	font: normal normal 12px;
	border-bottom: 1px dotted Black;
}
.erreur{
	color: Red;
}
.champ, .bouton{
	border: 1px solid Gray;
}
.particulier{
	color: Teal;
	font-weight: bolder;
}

a:link {COLOR: #008000;
	TEXT-DECORATION: none;}
a:hover, a:visited, a:active {COLOR: #008000;
	text-decoration: underline;}
/**************** element specifique formulaire ****************/
.champ, .bouton{border: 1px solid Gray;}
/***********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{}
#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***********/
#fichecontainer {background-color: #241757;}
#fichecontainerHP{width: 100%;}
#fichecontainer img, #fichecontainerHP img{margin-right: 5px;margin-left: 5px;}
#ficheContainer .labelMat, #fichecontainerHP .labelMat{font-weight: bold;}
#fichecontainer .annonce0{text-align: left;}
#fichecontainer .annonce1{text-align: left;}
#fichecontainerHP td, #fichecontainer td{color: White;}
#fichecontainerHP a:link, #fichecontainerHP a:visited, #fichecontainerHP a:hover, #fichecontainerHP a:active,
#fichecontainer a:link, #fichecontainer a:visited, #fichecontainer a:hover, #fichecontainer a:active
{color: White; text-decoration: none;}
#fichecontainer .Entete{background: url(/images/civ3/PetitcoinSup.gif) no-repeat top left;}
#fichecontainer .Entete DIV{background: none;}
#fichecontainer .Entete DIV DIV{background: none;}
#fichecontainer .Bloc_BottomLeft{background: url(/images/civ3/PetitCoinInf.gif) no-repeat top left; height: 4px;}
/***********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: #808080;}
#BaseLineContainer marquee, #BaseLineContainer a:link, #BaseLineContainer a:hover, #BaseLineContainer a:visited, #BaseLineContainer a:active, #BaseLineContainer a:focus{text-decoration: none; color: #808080;}
/*********** style pour les drapeaux ******************/
#LangueContainer{}
#LangueContainer img{}


/*************** OCCASION ************/
/**************** blocs NC, PRO, PART ****************/
.Entete, .Entete1, .Entete0{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #924706;
	background: url(enteteFond.gif) repeat-x;
	display: block;
	text-align: center;
	line-height: 20px;}
.Entete DIV, .Entete1 DIV, .Entete0 DIV{
	background: url(enteteG.gif) no-repeat left top;}
.Entete DIV DIV, .Entete1 DIV DIV, .Entete0 DIV DIV{
	background: url(enteteD.gif) no-repeat right;
	height: 30px;}
.Entete DIV DIV DIV, .Entete1 DIV DIV DIV, .Entete0 DIV DIV DIV{}

/*pied de bloc*/
.Pied, .Pied1, .Pied0{}
.Pied DIV, .Pied1 DIV, .Pied0 DIV{}
.Pied DIV DIV, .Pied1 DIV DIV, .Pied0 DIV DIV{}

/*corps de bloc*/
div.blocCadreG, div.blocCadreG1, div.blocCadreG0{
	border-bottom: 1px solid #8E8E8E;
	border-left: 1px solid #8E8E8E;
	border-right: 1px solid #8E8E8E;
	background-color: #E7E7E7;
	width: 100%;
	padding: 3px 3px 3px 3px;}
div.blocCadreD, div.blocCadreD1, div.blocCadreD0{}


/**************** style de paragraphe ****************/
.Titre1{font-size: 17px;font-weight: bold;color: #666;margin: 0px 0px 15px 0px;}
.Titre2{font-size: 13px;font-weight: bold;color: #666;margin: 0px 0px 5px 0px;}

/************ style d'arbo ***************/
.ArboLink {
	padding-left: 10px;
	background: url(puce.gif) no-repeat left;
	font-weight: normal;
}
.ArboTitreGrp{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #f47a00; LINE-HEIGHT: 15px;
	background : url(enteteFond2.gif) repeat-x top;
	height: 30px;
	width: 100%;
}
.Arbolink {
	padding-left: 15px;
	background: url(puce.gif) no-repeat left;
}
A.ArboLink:hover {
	padding-left: 15px;
	background: url(puce.gif) no-repeat 5px;
}
/**************** style de liste de fiche ***************/
.annonce0Liste0{background-color: white;}
.annonce0Liste1{background-color: #EBEBEB;}
.annonce0Liste2{
	background-color: #e7f7e0;
	cursor: pointer;
}/*survol*/

/**************** style de visualisation de fiche ***************/
.CritSpe0{
	background-color: #C0DFF5;
	border-bottom: 1px solid #F1F1F1;
}
.CritSpe1{
	background-color: #E3F1F9;
	border-bottom: 1px solid #F1F1F1;
}
.CritSpe{
	width: 100%;
}
TABLE.CritSpe TD{
	padding: 3px 0px 3px 3px;
}
DIV.enteteMateriel{
	text-align: center;
	padding: 3px 3px 3px 3px;
	background-color: Gray;
	color: White;
	font-weight: bolder;
	display: block;
}
.fondFicheMateriel{
	background-color: #ECECEC;
}
.prix, .contactVendeur{
	border: thin solid #FF4500;
	padding: 3px 3px 3px 3px;
	background-color: White;
	color: Black;
	font-weight: bold;
	text-align: center;
}
.prix{
	width: 100px;
}
.contactVendeur{
	width: 200px;
	cursor: pointer;
}
.offreur{
	border: thin dotted #808080;
	background-color: #FCFCFC;
}
table.OutilsFiche td{
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
	border-right: 1px solid #CCCCCC;
}