/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#000;
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#fff;
}

#bg_ombre_gau
{
	width:851px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	background:url(images/bg_ombre_gau.gif) repeat-y top left;
}

#bg_ombre_dr
{background:url(images/bg_ombre_dr.gif) repeat-y top right;}

#container
{
	width:801px;
	border-left:1px solid #575050;
	border-right:1px solid #575050;
	margin:0 0 0 24px;
}


/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.5em;
	margin:0;	
}

h2
{
	font-size:1em;
	margin:0;
	padding:0;
}

p
{
	font-size:1em;
	color:#203846;
	margin:0;
	padding:0;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.ligne_barre
{
	text-decoration:line-through;
	color:#B50909;
}

.txt_rouge
{color:#B50909;}

/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* ------------ zone contenu ------------------------------------------------- */

/* ------------------------------------------------------------ */
/* --- entête ------------------------------------------------- */

#entete
{
	width:801px;
	background:#00492A url(images/bg_entete.gif) repeat-x top left;
	
}

#bg_entete
{
	width:801px;
	background: url(images/bg_entete_rayures.gif) repeat-x top left;
}

/* -- box no te téléphones ---------------- */
#boxTel
{
	float:left;
	width:312px;
}

/* -- onglet menu entête ---------------- */

#menu
{
	float:left;
	width:350px;
	margin:21px 0 0 0;
}

div#menu{height:24px;}

html>body div#menu
{
	min-height:24px;
	height:auto;
}

#menu ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#menu ul li
{
	float:left;	
	margin:0 6px 0 0;
	padding:0;		
}

.bordureTop{border-top:1px solid #fff;}
.bordureGau{border-left:1px solid #fff;}
.bordureDr{border-right:1px solid #fff;}

#menu a
{
	display: block ;
	float:left;
	background:#2DB57C url(images/bg_menu.gif) repeat-x top left;
	padding:6px 20px 4px 20px;	
	color:#fff;
	text-decoration:none;
	text-align:center;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */

#menu a:hover
{
	color:#005431;	
	background:#C7F8E3 url(images/bg_menu_over.gif) repeat-x top left;
	padding:6px 20px 4px 20px;	
}

#menu ul li.select
{
	color:#005431;	
	background:#C7F8E3 url(images/bg_menu_over.gif) repeat-x top left;
	padding:6px 20px 4px 20px;
}

/* -- top menu entête ---------------- */

#topmenu
{
	float:right;
}

#topmenu ul
{
	list-style:none;
	margin:0;
	padding:24px 17px 0 0;
}

#topmenu ul li
{
	float:left;
	color:#fff;
	font-size:0.9em;
	margin:0;
	padding:0 10px 0 0;
}

#topmenu a:link, #topmenu a:active, #topmenu a:visited
{
	color:#fff;
	text-decoration:none;
}

#topmenu a:hover
{text-decoration:underline;}

/* ------------------------------------------------------------------------------------------ */
/* -- zone contenu -------------------------------------------------------------------------- */

#zoneContenu
{
	width:801px;
	background:url(images/bg_zcontenu.gif) repeat-y top left;
	border-top:1px solid #fff;
}

#colGauche
{
	float:left;
	width:217px;
}

#colDroite
{
	float:left;
	width:584px;
}

/* -- Colonne gauche ---------------------------------------------------- */

/* --- logo ---------------------- */

#zonelogo
{
	width:217px;
	background:#33966C url(images/bg_zonelogo_degrade.gif) repeat-x top left;
}

#bg_zonelogo
{background:url(images/bg_zonelogo.gif) no-repeat bottom left;}

div#bg_zonelogo{height:202px;}

html>body div#bg_zonelogo
{
	min-height:202px;
	height:auto;
}

div#logoCompagnie
{
	float:left;
	width:217px;
	padding:17px 0 0 0;
}

div#logoCompagnie img.logo
{
	display:block;
	margin:0 0 0 46px;
}

#logoPrint
{display: none;}

/* --- titre recherche ---------------------- */

#t_recherche
{
	background:#027444 url(images/bg_t_recherche.gif) repeat-x top left;
	border-bottom:1px solid #036B3F;
}

#bg_t_recherche
{background:url(images/i_fleche_recherche.gif) no-repeat top left;}

#t_recherche p
{
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	padding:8px 0 7px 34px;
	margin:0;
}

/* -- champs de recherche ----------- */


#bg_zrecherche_vehicules
{
	width:217px;
	background:url(images/bg_zrecherche_vehicules.jpg) no-repeat bottom left;
}

div#bg_zrecherche_vehicules{height:336px;}

html>body div#bg_zrecherche_vehicules
{
	min-height:336px;
	height:auto;
}

#bg_zrecherche_pieces
{
	width:217px;
	background:url(images/bg_zrecherche_pieces.jpg) no-repeat bottom left;
}
div#bg_zrecherche_pieces{height:336px;}

html>body div#bg_zrecherche_pieces
{
	min-height:336px;
	height:auto;
}

.formRecherche
{
	width:205px;
	margin:0 0 0 12px;
	padding:8px 0 0 0;
}


.champsRecherche
{margin-bottom:10px;}

.champsRecherche label
{
	font-size:1.1em;
	color:#fff;
	font-weight:bold;
}

.champsRecherche input
{
	width:180px;
}

.champsRecherche select
{
	width:180px;
	margin:5px 0 3px 0;
}

.champsRecherche select.annee
{
	width:60px;
	margin:5px 3px 3px 3px;
	vertical-align:middle;
}

.formRecherche input.ibRechercher
{margin:0 0 0 45px;}

.formRecherche select.irecherche
{
	width:97px;
	margin:5px 6px 0 0;
}

.formRecherche input.ibLister
{width:62px;}

/* -- Colonne droite ---------------------------------------------------- */

/* -- zone flash ------------------------ */

#zoneFlash
{
	width:584px;
	border-bottom:1px solid #186847;
}

#fil
{
	width:584px;
}

#fil ul
{
	list-style:none;
	margin:0;
	padding:14px 0 0 17px;
}

#fil ul li
{
	float:left;
	color:#616767;
	margin:0;
	padding:0 6px 0 0;
}

#fil a:link, #fil a:visited, #fil a:active
{
	color:#186847;
}

#fil a:hover
{
	text-decoration:none;
}
/* -- éléments de mise en page de texte ------------------------ */

.contenu
{
	padding:14px 17px 10px 19px;
}

.contenu p
{
	padding:0 0 17px 0;
	color:#203846;
}

.contenu h1
{
	color:#B50909;
	padding:0 0 15px 30px;
}

.contenu h2
{
	padding:0 0 12px 0;
	color:#203846;
}

.contenu ul
{
	margin:0;
	padding:0 0 7px 25px;
}

.contenu ul li
{
	margin:0;
	padding:0 0 10px 0;
}

.contenu a:link, .contenu a:visited, .contenu a:active 
{
	text-decoration:none;
	color:#203846;
}


#zInfosVehicule_txt a.piecesDispo:link, #zInfosVehicule_txt a.piecesDispo:visited, #zInfosVehicule_txt a.piecesDispo:active
{
	text-decoration:none;
	color:#B50909 !important;
}

.contenu h1 a:link, .contenu h1 a:visited, .contenu h1 a:active 
{
	color:#B50909;
	text-decoration:none;
}

.contenu a:hover, .contenu h1 a:hover, #zInfosVehicule_txt a.piecesDispo:hover
{text-decoration:underline;}

/* -- zone véhicules de l'accueil ------------------------ */

.zoneVehicule
{
	width:584px;
	padding:6px 0 12px 0;
	margin:0 0 16px 0;
}

.zoneVehicule_bleu
{
	width:584px;
	background:#CCD4DC;
	padding:8px 0 14px 0;
	margin:0 0 17px 0;
}

.zoneVehicule_bleu_last
{
	width:584px;
	background:#CCD4DC;
	padding:8px 0 14px 0;
}

.zoneVehicule_gau
{
	float:left;
	width:250px;
	margin:0 0 0 42px;
}

.zoneVehicule_dr
{
	float:left;
	width:250px;
}

.photo_vehicule_acc
{
	float:left;
	width:110px;
}

.info_vehicule_acc
{
	float:left;
	width:126px;
	padding:6px 0 0 14px;
	
}

.info_vehicule_acc h2
{
	font-size:1.2em;
	padding:0 0 12px 0;
	color:#003366;
}

.info_vehicule_acc p
{color:#003366;}

.info_vehicule_acc a:link, .info_vehicule_acc a:visited, .info_vehicule_acc a:active
{
	color:#003366;
	text-decoration:none;
}

.info_vehicule_acc a:hover
{text-decoration:underline;}

/* -- Page À propos ------------------------ */

#zoneLiensAncres
{
	width:530px;
	border:1px solid #027645;
	margin:0 0 15px 0;
	padding:5px 0;
}

#zoneLiensAncres ul
{
	list-style:none;
	margin:0;
	padding:0;
}

#zoneLiensAncres ul li
{
	float:left;
	margin:0;
	padding:0 20px 0 10px;
	font-weight:bold;
}

#zoneLiensAncres ul li.select
{

	font-weight:normal;
}

/* -- Page Catégories ------------------------ */

#zoneCategories
{
	width:527px;
	margin:0 0 0 50px;
	padding:44px 0 0 0;
}

#categorie_gau
{
	float:left;
	width:175px;
	
}

#categorie_cen
{
	float:left;
	width:205px;
}

#categorie_dr
{
	float:left;
	width:145px;
}

#zoneCategories ul
{
	list-style:none;
	margin:0;
	padding:0 10px 0 0;
}

#zoneCategories ul li
{
	margin:0;
	padding:0 0 16px 0;
}

#zoneCategories a:link, #zoneCategories a:visited, #zoneCategories a:active
{color:#203846;}

#zoneCategories a:hover
{text-decoration:none;}

/* --------------------------------------------------- */
/* -- Page Détails ----------------------------------- */

#zInfosVehicule
{
	width:584px;
	background:#C3CBD2;
	padding:22px 0 0 0;
}

#zInfosVehicule_photo
{
	float:left;
	width:273px;
	text-align:center;
}

#zInfosVehicule_txt
{
	float:left;
	width:311px;
}

#zInfosVehicule_txt h3
{
	font-size:1.1em;
	margin:0;
	padding:0;
}

#zInfosVehicule_txt p
{
	color:#000;
	padding:0 0 20px 0;
}

#zInfosVehicule_txt a:link, #zInfosVehicule_txt a:visited, #zInfosVehicule_txt a:active
{color:#000;}

#zInfosVehicule_txt a:hover
{text-decoration:none;}

/* -- page tableau des spécifications --------- */

.tab_specifications
{
	border:1px solid #000;
	width:575px;
	margin:0 0 20px 5px;
} 

.tab_specifications select
{
	width:170px;
	margin:3px 0 3px 5px;
} 

.tab_specifications select#certificatImm
{
	width:120px;
	margin:3px 0 3px 0;
} 

.tab_specifications textarea
{
	width:550px;
	margin:3px 0 3px 4px;
} 

.tab_specifications a:link, .tab_specifications a:visited, .tab_specifications a:active
{color:#B50909;} 

.tab_specifications a:hover
{text-decoration:none;}

.ibEnvoyer
{
	width:100px;
	margin:0 0 20px 5px;
}

/* -- zone galerie de photo -------------- */

#zgalerie
{
	width:584px;
	background:#162A3A;
	padding:25px 0;
}

.zone_thumb
{
	width:560px;
	margin:0 0 0 16px;
}

/* -- formulaire page détails ---------------------- */

#formDetails
{
	padding:0 0 20px 0;
}

.lesChampsDetails
{margin-bottom:5px;}

.lesChampsDetails label
{
	width:227px;
	font-size:1em;
	color:#203846;
	float:left;
	text-align:right;
}

.lesChampsDetails input
{
	width:200px;
	float:right;
	margin:0 108px 0 0;
}

.lesChampsDetails textarea
{
	float:right;
	width:259px;
	margin:0 49px 0 0;
}

#formDetails input.ibEnvoyer
{margin:5px 0 0 270px;}

/* --------------------------------------------------- */
/* -- Page Contact ----------------------------------- */

#formContact
{
	margin:0 0 20px 0;
}

.lesChamps
{margin-bottom:5px;}

.lesChamps label
{
    color:#203846;
    float:left;
    font-size:1em;
    text-align:right;
    width:141px;
}

.lesChamps input
{
    float:right;
    margin:0 170px 0 0;
    width:180px;
}
.lesChamps select
{
	width:184px;
	float:right;
	margin:0 170px 0 0;
}

.lesChamps textarea
{
	float:right;
	width:259px;
	margin:0 90px 0 0;
}

#formContact input.ibEnvoyer
{margin:5px 0 0 195px;}


/* ---------------------------------------------------------------------- */
/* --- Pied ------------------------------------------------------------- */

#pied
{
	width:801px;
	background:url(images/bg_pied.gif) repeat-x top left;
	border-top:1px solid #fff;
}


#menu_pied
{
	float:right;
	padding:0 0 22px 0;
}

#menu_pied ul
{
	list-style:none;
	margin:0;
	padding:24px 13px 0 0;
}

#menu_pied ul li
{
	float:left;
	color:#005230;
	font-size:0.8em;
	margin:0;
	padding:0 0 0 4px;
}

#menu_pied a:link, #menu_pied a:active, #menu_pied a:visited
{
	color:#005230;
	text-decoration:none;
}

#menu_pied a:hover
{text-decoration:underline;}