@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0; padding: 0;
	border: 0; outline: 0;
	font-size: 100%; vertical-align: baseline;
	background: transparent;
}
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;
	outline: 0;
	font-size: 100%;
	background: transparent; }
sub, sup{
	margin: 0; padding: 0;
	border: 0; outline: 0;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


@media screen{
	body { margin: 0; padding: 0; font-family: verdana, arial, "sans serif"; font-size: 62.5%; text-align: center; }
	#global { position: relative; margin: 0 auto; width: 960px; font-size: 1em; text-align: left; background: #ededed;}
	img { -ms-interpolation-mode: bicubic; } /* DA FUCKING IE */
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete { position: absolute; top: 0; left:0;
	width: 960px; height: 200px;	}
	#entete h1 a{ position: absolute; display: block; top: 4px; left: 5px;  width: 120px; height: 100px;}
	#entete h2 { }
	#entete #visuel { }
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin { position: absolute; top: 230px; left: 0; 
	width: 860px; padding: 5px 0 0 100px; height: 18px; 
	color: #000; background: white;}	
	p#chemin strong { font-weight: normal;}
	p#chemin span { }
	p#chemin span span { }	
	p#chemin span.chemin_last {font-weight: bold; }	
	p#chemin span.chemin_first { }
	p#chemin a { color: #000; text-decoration: none;}
	p#chemin a:hover { }
	p#chemin a span { }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {position: relative; padding: 253px 0 0 0; }
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle {font-weight: normal; font-size: 2.4em; color: #e2001a; 
	margin: 0; padding: 0 0 0 51px; height: 78px;
	border-top: 1px solid #c7c8c9;
	background: #e6e6e6 url(../images/griffe.gif) no-repeat 31px 5px;
	}
	#slogan {font-size: 0.7em; margin: 0 0 0 1em;}
	#con_chapeau { font-size: 1.6em; margin: 2em 40px 2em 40px; font-weight: bold;}
	#con_descriptif {position: relative; margin: 2em 40px 2em 40px; font-size: 1.2em; line-height: 1.6em; }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { font-size: 1.8em; color: #E20019; margin: 1em 0;}
	#con_descriptif h2 { font-size: 1.6em; font-weight: normal; color: #E20019; margin: 1em 0;}
	#con_descriptif h3 { font-size: 1.4em; font-weight: normal; color: #E20019; margin: 1em 0;}
	#con_descriptif h4 { font-size: 1.2em; color: #008F35; margin: 1em 0;}
	/*---------- listes ----------*/
	#con_descriptif ul { margin: 0 0 0 2.5em; padding: 0; }
	#con_descriptif ol { margin: 1em 0 1em 2.5em; padding: 0; }
	#con_descriptif ul li { list-style: circle inside; }
	#con_descriptif ol li{ list-style:decimal; }
	/*---------- table ----------*/
	#con_descriptif table, #con_descriptif table tr,
	#con_descriptif table td { }
	#con_descriptif table td {padding: 5px; }
	#con_descriptif table caption {  }
	/*---------- liens ----------*/
	#con_descriptif a {color: #008F35; }
	#con_descriptif a:hover {color: #E2001A;}
	/*---------- images ----------*/
	#con_descriptif a.englobantimage, #con_descriptif span.englobantimage {  }
	#con_descriptif a.imageright, #con_descriptif span.imageright { margin: 0 0 0 1em;  }
	#con_descriptif a.imageleft, #con_descriptif span.imageleft { margin: 0 1em 0 0; }
	#con_descriptif img {border: none; background: #b7b7b7 url(../images/f-images-contenu.png) no-repeat left top; padding: 4px; margin: 4px;
	  }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted #ccc;
		cursor: help;
	}	
	.bloc1 {float: right;}
	#con_descriptif .flash {background: white;  }
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; top: 0; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	hr {clear: both; background: transparent; color: transparent; height: 1px; border: none; margin: 1em 0;}
	
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo {margin: 0 80px 2em 80px; }
	#contenu .menu_arbo h3 {font-size: 1.4em; color: #E2001A}
	#contenu .menu_arbo ul {}
	#contenu .menu_arbo li {margin: 0.5em 0; padding: 0; border: 3px double #E2001A; }
	#contenu .menu_arbo li a {display: block; padding: 0.5em; text-decoration: none; color: black;}
	#contenu .menu_arbo li a:hover {background: #cacaca; }
	#contenu .menu_arbo li img {}
	#contenu .menu_arbo li strong {display: block; color: #E2001A;}	
	/*-- menu liste des liens de la rubrique véhicule --*/
	#contenu .menu_arbo_vehicule {margin: 0 80px 2em 80px; }
	#contenu .menu_arbo_vehicule h3 {font-size: 1.4em; color: #E2001A}
	#contenu .menu_arbo_vehicule ul {}
	#contenu .menu_arbo_vehicule li {display: inline; float: left; margin: 0.5em; padding: 0; border: 3px double #E2001A; width: 250px; height: 100px; }
	#contenu .menu_arbo_vehicule li a {display: block; padding: 0.5em; text-decoration: none; color: black;}
	#contenu .menu_arbo_vehicule li a:hover {background: #cacaca; }
	#contenu .menu_arbo_vehicule li img {}
	#contenu .menu_arbo_vehicule li strong {display: block; color: #E2001A;}
	/*-- menu liste des liens de la rubrique marque --*/
	#contenu .menu_arbo_marque {margin: 0 0 2em 25px;}
	#contenu .menu_arbo_marque h3 {position: absolute; top: 265px; right: 20px; font-size: 1.2em; color: black;}
	#contenu .menu_arbo_marque ul {margin: 20px 0 0 0;}
	#contenu .menu_arbo_marque li {display: inline; float: left; margin: 0 25px 20px 0; padding: 0; width: 440px;}
	#contenu .menu_arbo_marque li a {display: block; padding: 0.5em; text-decoration: none; color: black; height: 200px;}
	#contenu .menu_arbo_marque li a:hover {background: #cacaca; }
	#contenu .menu_arbo_marque li img {float: left; margin: 0 0.5em 0.5em 0; border: 1px solid #666666;}
	#contenu .menu_arbo_marque li strong {display: block; font-size: 1.8em; color: black;}
	#contenu .menu_arbo_marque li em {display: block; font-size: 1.4em; color: black; font-style: normal; font-weight: bold;}
	#contenu .menu_arbo_marque li span.prix {display: block; margin: 2em 0 0 0; font-size: 1.4em; color: #666666;}
	#sivotrerecherche {padding: 1.3em 0 0 0; background: #f6f6f6; color: #666666; font-size: 1.4em; height: 3em; text-align: center;}
	#sivotrerecherche a {color: #666666;}
}
@media print{
  /* ... définition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/	
	#menu_menuprincipal {
		position: absolute; top: 200px; left: 0; margin: 0; padding: 0; width: 960px;
		border-top: 5px solid black; border-bottom: 3px double #e2001a; z-index:1;
	}
	#menu_menuprincipal h3 { position: absolute; top: 0; left: -999em;}	
	#menu_menuprincipal ul { position: relative; margin: 0; padding: 0 0 0 10px; height: 22px; background: #e2001a;}	
	#menu_menuprincipal li { position: relative; float: left; display: inline; margin: 0; padding: 0; }	
	#menu_menuprincipal li a {
		position: relative; display: block; padding: 0 0.7em; height: 22px; line-height: 22px;
		color: white; text-decoration: none; font-weight: bold; text-transform: uppercase;
		border-right: 1px solid black;
	}	
	#menu_menuprincipal li a:hover { color: #000000; }	
	#menu_menuprincipal ul ul { 
		position: absolute; margin: 0; padding: 0; width: 180px; height: auto; top: 22px; left: -999em;
		font-size:0.9em; text-align:left; color: white;
		background: #e2001a; border-right: 1px solid black;
	}
	#menu_menuprincipal ul li:hover ul, #menu_menuprincipal ul li.sfhover ul {left: auto; z-index: 11000; }
	#menu_menuprincipal ul ul li { float: none; display: list-item; border-bottom:1px solid white; }
	#menu_menuprincipal ul li:hover li { }
	#menu_menuprincipal ul ul li a { padding: 0.5em 0.7em; height: auto; line-height: normal; border-right: none; 	}
	#menu_menuprincipal ul ul li a:hover { background: black; color: white; }
	
	#menu_menuprincipal ul ul ul { position: relative; margin: 0 0 -1px 0; top: auto; left: auto; width: 180px; border-right: none; }
	#menu_menuprincipal ul ul ul li { padding: 0.2em 1.5em;  border-bottom: 1px solid #FF9F9F; }
	
	#menu_menuprincipal .container { 
		position: absolute; left: auto; top: 25px; width: 181px; /*margin-left: -8px;*/
		visibility: hidden; overflow: hidden; z-index: 10000; 
	}
	#menu_menuprincipal .content { position: absolute; width: 181px; }
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#pieddepage{position: relative;  width: 960px; background: url(../images/f-pied.png) repeat-x 0 0;}
	#menu_menupieddepage {}
	#coordonnees{position: relative; float: left; display: inline; width: 400px; height: 41px; padding: 15px 0 0 90px; 
	background: url(../images/logo-habrial.png) no-repeat 0 4px;
	}
	#coordonnees strong{display: block;}	
	#menu_menupieddepage h3 {position: absolute; top: 0; left: -999em;}	
	#menu_menupieddepage ul {position: relative; float: left; display: inline; width: 450px;  
	padding: 10px;  text-align: left; }	
	#menu_menupieddepage li {display: inline; float: right; margin: 0 0 0 1em; padding: 0 1em 0 0; 
	border-right: 1px solid white;}	
	#menu_menupieddepage li a {color: white;  text-decoration: none; white-space: nowrap;}	
	#menu_menupieddepage li a:hover { }
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue {
	}
	#menu_langue ul {
	}	
	#menu_langue ul li {
	}	
	#menu_langue ul li a {
	}
	
	#menu_langue ul li a:hover {
	}	
	#menu_langue ul li a img {
	}
	#texte_bienvenue {position: absolute; top: 150px; right: 10px; z-index: 2; color: white; }
}

@media print {
}

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	h3#recherche_titre{position: absolute; top: 175px; left: 530px; z-index: 3; font-size: 1.2em; color: white;}
	form#mrecherche_rechercheVehicule {position: absolute; top: 163px; right: 0; 
	width: 473px; height: 30px;
	background: url(../images/f-recherche.png) no-repeat right bottom; z-index: 2;
	}
	form#mrecherche_rechercheVehicule p {
		position: absolute; top: 0; margin: 0; height: 26px;
	}
	form#mrecherche_rechercheVehicule p#p_rech_input_rechercheVehicule {  
		position: relative;
		left: 0; width: 124px; height: 26px;
		background: none;
	}
	form#mrecherche_rechercheVehicule p#p_rech_btn_rechercheVehicule { left: 124px; width: 85px; height:16px; }
	form#mrecherche_rechercheVehicule p input { 
		position: relative;
		position: absolute; top: 0; left: 0; 
		border: none; margin: 0; padding: 0; height: 26px; line-height: 26px;
		font-size: 1em;
	}
	form#mrecherche_rechercheVehicule p input#recherche_rechercheVehicule {  
		position: relative;
		margin: 12px 0 0 220px;
		padding: 0; width: 150px; height:16px; line-height: 16px;
		background: none;
	}
	form#mrecherche_rechercheVehicule p input#btnrecherche_rechercheVehicule { 
		position: relative;
		margin: 0.5em 0 0 248px; padding: 0;
		width: 85px; height:1.9em; cursor: pointer; font-size: 1.4em;
		color: white; background: none;
	}
	form#mrecherche_rechercheVehicule p input#btnrecherche_rechercheVehicule:hover {
		color: #E5E5E5;
	}
	
	/* résultat de recherche */
	h2.recherche { 
		margin: auto 40px 0 40px; padding: 0 0.5em; 
		color: #E2001A; font-size: 1.2em; line-height: 2em; text-transform: uppercase; 
		background: #efefef;
	}
	h3.recherche { 
		margin: 0 40px; padding: 0 0.5em;
		color: #E2001A; font-size: 1.2em; line-height: 2em; text-transform: uppercase; 
		background: #efefef; 
	}
	ul.recherche { margin: 0 40px; padding: 1em; list-style: none; border: 1px solid #ecede6; }
	ul.recherche li { padding: 0.3em; border-bottom: 1px solid #ecede6; }
	ul.recherche li.paire { background: white; }
	ul.recherche li.impaire { background: #fdfdfd; }
	ul.recherche li:hover { background: #ecede6; }
	ul.recherche li a { display: block; font-size: 1.2em; color: black; text-decoration: none; }
	ul.recherche li a:hover {}
	p.erreur_recherche {margin: 10px 40px; padding: 0 0.5em;}
	/* bouton de retour à la liste de résultats */	
	p.retour_recherche {
		position: relative; padding: 0 0.5em; width: 950px; height: 16px; line-height: 16px;
		background: #565758;
	}
	p.retour_recherche a { 
		color: white; font-size: 1.1em; font-weight: bold; display: block;
		text-transform: uppercase; text-decoration: none; text-align: center;
	}
	p.retour_recherche a:hover { color: #efefef; } 
	p.retour_recherche span { }
	
	/* surlignages */
	.spot0{
		font-weight:bold;
		background-color:#FFFF00;
	}
	.spot1{
		font-weight:bold;
		background-color: #66FF00;
	}
	.spot2{
		font-weight:bold;
		background-color: #ff0066;
	}
	.spot3{
		font-weight:bold;
		background-color: #00ffdd;
	}
}

@media print {
}



@media screen {
	/* GALERIE PHOTO PLANCHE CONTACT*/
	ul.galerie_contact { position: relative; margin: 1em 40px; padding: 0; }	
	ul.galerie_contact li {
		position: relative; display: block; float: left;
		margin: 2px; padding: 0; width: 213px;
	}	
	ul.galerie_contact li a {
		position: relative; display: block;
		padding: 5px; margin-bottom: 0.5em; width: 200px; height: 200px;
		background: white;
		border: 1px solid #a09e8e; border-bottom: 2px solid #7a7866; border-right: 2px solid #7a7866;
	}	
	ul.galerie_contact li a img {
		position: absolute; left: 50%; top: 50%;
		border: 1px solid #a09e8e;
	}
	ul.galerie_contact li span.titreImgGalerie {
		position: relative; display: block; margin-bottom: 0.3em; 
		color: #7eb907; font-size: 1.3em;
	}
	ul.galerie_contact li span.descriptifImgGalerie { position: relative; display: block; height: 5em; overflow: auto; }
}

@media print {
}