@charset "utf-8";
/* couleurs  
#bcad8d
#a06f24
#70480b
#745a3f		marron sidebar
#4f401e		marron bordure

-------------- supprimer #promo et #ulPromo si pas utilisé
*/
body, p, div, h1, h2, h3, h4, a, ul, li, img	{
	margin:0;
	padding:0
	}
a img, img  { border:none; }
body	{
	font-size:100.01%;
	font-family:Verdana, Geneva, sans-serif;
	/*background-image:url(imagesweb/back_tile.jpg);*/
	background-color:#222;
	padding-bottom:8px;
	}
.left 	{ float:left; }
.right	{ float:right;}
.both	{ clear:both; }
.breath	{
	margin-top:15px;
	margin-bottom:15px;
	}
.stabilo 	{
	background-color:#FC0;	
	}
.stabilo2 	{
	background-color:#B5CCC2;	
	}
object, a	{ outline:none; }
:focus	{-moz-outline-style: none;}

/* ----------------------------------------------------------DIV-------------------- =#wrapper  ---*/
#wrapper {
	width:960px;
	margin:15px auto 25px;
	background-image:url(../imagesweb/fauxcol.gif);
	}
	
	
	
/* ---------------------------------------------------------DIV------------------ =#sidebar  ------*/	
#sidebar	{
	width:230px;
	/*height:800px;*/
	float:left;
	padding-bottom:10px;
	/*background-color:#961616;*/
	}
/* menu vertical */
/* zone info dans sidebar */
#sidebar div.info1	{
	color:#eee;
	width:200px;
	padding:8px 5px;
	margin-left:10px;
	margin-top:10px;
	}
#sidebar div.info1 h3	{
	font-size:0.84em;
	color:#b59a7c;
	margin:18px 0 8px;
	}
#sidebar div.info1 p 	{
	text-align:justify;
	font-size:0.80em;
	line-height:1.4em;
	}
#sidebar div.info1 ul	{
	/*list-style:none;*/
	list-style-position:inside;
	padding:10px 0px;
	}
#sidebar div.info1 ul li	{
	font-size:0.75em;
	line-height:1.6em;
	}
#sidebar div.info1 p a	{
	color:#000;
	}
#sidebar div.info1 img	{
	/*margin:8px 0;
	border:2px solid #4f401e;*/
	}
h2#occasL	{
	}
h2#occasL a	{
	display:block;
	width:184px;
	height:100px;
	margin:20px auto 6px;
	padding:8px;
	/*font-size:0.8em;
	text-decoration:none;*/
	text-indent:-9000px;
	/*border-top:2px solid #4F2700;
	border-bottom:2px solid #4F2700;*/
	background:url(../imagesweb/occas02.jpg) no-repeat top left;
	}
h2#occasL a:hover	{
	background-position:bottom left;
	}
/*  lien rss  */
h2#rss	a	{
	display:block;
	width:200px;
	height:22px;
	margin:10px auto 6px;
	text-indent:-9000px;
	/*
		padding:8px;
border-top:1px solid #4F2700;
	border-bottom:1px solid #4F2700;*/
}
h2#rss	a:link, h2#rss	a:visited	{
	background:url(../imagesweb/rss1.gif) no-repeat top left;
	}
h2#rss a:hover	{
	background-position:bottom right;
	}

/* les 3 derniers véhicules dans la sidebar  */
#sidebar div#last3	{
	width:220px;
	margin-top:20px;
	margin-left:5px;
	margin-bottom:30px;
	padding-top:70px;
	background:url(../imagesweb/lastcar_back.jpg) no-repeat left top;
	}
/*#sidebar div#last3 h2	{
	font-size:.9em;
	color:#CCC;
	margin-top:10px;
	margin-bottom:5px;
	margin-left:15px;
	}*/
.lastCar	{
	position:relative;
	text-align:center;
	}
.lastCar p a	{
	position:relative;
	display:block;
	width:190px;
	top:-28px;
	font-size:0.65em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background-color:#000;
	/*border:1px solid #900;*/
	margin:0 auto;
	padding:3px 0;
	}
.lastCar p a:hover	{
	color:#000;
	background-color:#CCC;
}
.lastCar img	{
	border:1px solid #ccc;
	}

/* charte qualité  */
#charte		{
	width:210px;
	margin:30px 10px 10px;
	
	}
#charte h2		{
	width:200px;
	height:100px;
	background:url(../imagesweb/charte_seal.gif) no-repeat 0 0;
	text-indent:-9000px;
	}
#charte dt 		{
	font-size:0.9em;
	font-weight:bold;
	}
#charte dd	{		
	font-size:0.75em;
	text-align:justify;
	}
	
	
/*  ---------DIV----------------------------------------------------------------------  =#content ------*/
#content		{
	width:720px;
	float:right;				
	padding:5px;
	text-align:center;
/*
	background-color:#4cc;*/
	}
#content h1#banniere		{
	width:690px;
	height:85px;
	background:url(../imagesweb/header1.gif) no-repeat left top;
	margin:0 auto;
	text-indent:-9000px;
	}
#content h2	{
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	/*font-size:1.2em;*/
	color:#745a3f;	/* à valider- sinon noir  */
	}
	
#content table 	{		/* voir si utilisé  */
	font-size:0.8em;
	margin-top:15px;
	}
/* ------------------------------  Menu principal ------------------------------*/
/* -------------------------------menu horizontal  ------------------------------*/
ul#menu1	{
	list-style:none;
	margin:20px -5px 10px 0;
	padding:5px 0;
	background-color:#745a3f;
	border-top:3px solid #4F401E;
	border-bottom:3px solid #4F401E;
	}
ul#menu1 li		{
	display:inline;
	}
ul#menu1 li a	{
	padding-left:20px;
	margin-left:25px;
	color:#fff;
	font-size:0.75em;
	font-weight:bold;
	text-decoration:none;
	background:url(../imagesweb/arrow1_ne.gif) no-repeat 0 2px;
	}
ul#menu1 li a:hover	{
	color:#b59a7c;
	background-position:0 50%;
	}
	
body#accueilBody li#accueilLink a, body#garageBody li#garageLink a, body#tarifsBody li#tarifsLink a,  body#coordonneesBody li#coordonneesLink a, body#vehiculesBody li#vehiculesLink a 	{
	background-position:0 100%;	
	}
body#accueilBody li#accueilLink a:hover, body#garageBody li#garageLink a:hover, body#tarifsBody li#tarifsLink a:hover, body#coordonneesBody li#coordonneesLink a:hover, body#vehiculesBody li#vehiculesLink a:hover	{
	color:#fff;
	cursor:default;
	}

/* ---------------------------------------------- conteneurs communs dans content  */
#content div.intro, #content div#promo, #coordonneesDiv 	{	
	position:relative;
	text-align:justify;
	width:630px;
	border:1px dotted #999;
	padding:15px;
	margin:14px auto;
	color:#745a3f;	/* à valider- sinon noir  
	background-color:#6FF;*/
	}
#content div.intro img	{
	margin-top:12px;
	}
#content div.intro ul	{
	font-size:0.9em;
	margin-left:25px;
	}
#content div.intro ul li	{
	margin-bottom:5px;
	}


/*  ----------------------------------- spécifique 1ere page  */
body#accueilBody #content div#lastCarContainer		{
	width:660px;
	height:200px;
	border:none;  /* --------------- ?????????  */
	margin-bottom:0;  /* --------------- ?????????  */
	}
body#accueilBody #content div#mobileContainer		{
	width:660px;
	height:320px;
	padding:0;
	}


.lastCarIndex div	{		/* 3 dernières voitures dans 1ere page NEW  */
	position:relative;
	float:left;
	margin-left:15px;  /* à voir pour IE6  */
	}
#content div.intro .lastCarIndex div img	{	
	margin-top:0;  /* ne pas toucher à margin-left  */
	}
#content div.intro .lastCarIndex div p	{
	margin:0;
	}
#content div.intro .lastCarIndex div p a	{
	position:relative;
	display:block;
	text-align:center;
	font-size:0.65em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	/*top:-9px;
	width:190px;
	border:1px solid #900;*/
	margin:0 auto;
	padding:3px 0;
	}
#content div.intro .lastCarIndex div p a:link, #content div.intro .lastCarIndex div p a:visited	{
	background-color:#555;
}
#content div.intro .lastCarIndex div p a:hover, #content div.intro .lastCarIndex div p a:active	{
	background-color:#900;
}
/* --------- lien occas  ---- */
h2#occasLink a	{
	display:block;
	width:662px;
	height:107px;
	background:url(../imagesweb/lien_occas.gif) no-repeat;	
	text-indent:-9000px;
	margin-left:50px;
	}
h2#occasLink a:link, h2#occasLink a:link:visited 	{
	background-position:left top;	
	}
h2#occasLink a:hover, h2#occasLink a:link:active 	{
	background-position:right top;	
	}


/* ---------------------- Coup de coeur  -----------------------------*/
/* -----------------=#coeur ---- */
#coeur	{
	width:630px;   /* 640  au départ  */
	height:290px;
	/*text-align:justify;*/
	margin:10px auto 5px;;
	/*padding-top:10px;
	background-color:#FC3;*/
	border:1px dotted #999;
	padding:15px 15px 5px 15px;
	}
#coeur div		{
	width:400px;
	float:right;
	text-align:center;
	margin-left:15px;
	}
#coeur  p	{
	/*float:left;*/
	clear:left;
	}
#coeur div p a	{
	display:block;
	font-size:10px;
	line-height:25px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	margin-top:0px;
	}
#coeur div p a:link, #coeur div p a:visited	{
	background-color:#555;
	}
#coeur div p a:hover, #coeur div p a:active	{
	background-color:#900;
	}
	
#coeur p#pCoeur	a {	/*contient l'image coeur */
	display:inline;	/* IE6 bug fix */
	float:left;
	width:165px;
	height:140px;
	text-indent:-9000px;
	margin:0 0 5px 5px;
	background:url(../imagesweb/coup_coeur2.gif) no-repeat;
	border:none;
	/*border:1px dashed #666;		 à virer  */
	}
#coeur p#pCoeur	a:hover {	/*contient l'image  */
	background-position:0 100%;
	}
#coeur p#pCoeur2	{
	text-align:left;
	margin-top:190px;
	}

div#mobile, div#distri		{
	position:relative;
	padding:12px;
	width:296px;  /*   320-(12x2)  */
	}
div#mobile		{
	float:left;
	/*background:#FCF url(../imagesweb/codeQR.gif) no-repeat right top;*/
	background:url(../imagesweb/smartphone-1.gif) no-repeat 215px 180px;
	}
div#distri	{
	float:right;
	/*background:#FFFFCC;*/	
	}

/*  ---------------------------------------------------------fin spécifique 1ere page  */
	
	
	
	
#content div.intro h2, #content div#promo h2, #content div#coordonnéesDiv h2 	{
	margin:5px 0;
	/*font-size:1.6em;*/
	}
body#accueilBody #content div.intro h2	{
	margin-left:15px;
	}
#content div.intro h3 	{
	margin:15px 0 8px 0;
	font-size:1em;
	}
#content div.intro#effectifs	{
	padding-bottom:40px;
	background:url(../imagesweb/nico1.jpg) no-repeat 460px 40px;	
	}
#content div.intro#repairTeam	{
	padding-bottom:40px;
	background:url(../imagesweb/repair-team.jpg) no-repeat 255px 50px;	
	}
#content div.intro p, #content div#promo p, #coordonneesDiv p 	{
	font-size:0.9em;
	line-height:1.4em;
	margin:5px 0;
	}

body#tarifsBody #content div.intro p		{
	margin-top:35px;
	}
body#tarifsBody #content div.intro p.forfait		{
	color:#660000;
	}
/*------------------------------------coordonnées-----------------------------------*/
/*   */
#coordonneesDiv	{
	background:url(../imagesweb/15mn_road.gif) no-repeat 490px 20px;
	}
div#coordonneesDiv h2#coordonneesH2, #content div.intro h2#mapLocate	{
	height:45px;
	padding-left:80px;
	margin-bottom:15px;
	}

div#coordonneesDiv h2#coordonneesH2	{
	background:url(../imagesweb/notepad1.jpg) no-repeat 0 0;
	}
#content div.intro h2#mapLocate	{
	background:url(../imagesweb/map_locate.jpg) no-repeat 0 0;
	}
/* tableau telephones  */
table#phoneNum		{
	width:500px;
	border-collapse:collapse;
	margin-left:-2px;
	}
table#phoneNum td.phone1		{
	text-align:right;
	width:80px;
	}	
/* tableau des horaires  */
#content div.intro img.15mnRoad		{
	position:absolute;
	right:0;
	top:100px;
	margin:0;
	}
table#horaires		{
	font-size:0.8em;
	text-align:center;
	border:1px solid #745a3f;	
	margin:0px 0 25px;
	border-collapse:collapse;
	}
table#horaires caption		{
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	padding:25px 0 5px;
	}
#horaires td, #horaires th	{
	padding:5px;
	border:1px solid #745a3f;	
	}
#horaires td.dayTb, #horaires th.dayTb	{
	width:120px;
	text-align:right;
	}
#horaires th.matinTb, #horaires th.apremTb	{
	width:180px;
	}
	
/*---------DIV------liste des véhicules------------------=#listing1 ---------------*/
#listing1	{
	text-align:left;
	padding-top:20px;
	margin-left:15px;
	}

/* -----------DIV------détail d'un véhicule---------------=#contentWide  ----------*/
#contentWide	{
	position:relative;
	width:960px;
	/*text-align:right;*/
	background:#bcad8d url(../imagesweb/logo4.jpg) no-repeat top right;;
	margin:15px auto;
	padding-top:120px;
	}
	
/* ---------DIV-ContentWide---------absolute------- =#linkBack   --------*/
#linkBack	{
	position:absolute;
	width:200px;
	height:30px;
	top:5px;
	left:5px;
	}
#linkBack #retourL a:link, #linkBack #retourL a:visited	{
	display:block;
	height:30px;
	background:url(../imagesweb/retour_btn.jpg) no-repeat 0 0;
	text-indent:-9000px;
	}
#linkBack #accueilL a:link, #linkBack #accueilL a:visited	{
	display:block;
	height:30px;
	background:url(../imagesweb/accueil_btn.jpg) no-repeat 0 0;
	text-indent:-9000px;
	}
#linkBack #retourL a:hover, #linkBack #accueilL a:hover	{
	background-position:0 -30px;
	}
/* ---------DIV-ContentWide---------absolute------- =#infoTel   --------*/
#infoTel	{
	position:absolute;
	width:535px;
	height:50px;
	top:50px;
	left:5px;
	padding:5px;
	padding-top:8px;
	padding-left:85px;
	padding-bottom:3px;
	background:#990000 url(../imagesweb/phone.gif) no-repeat 10px 4px;
	color:#CCC;
	font-size:17px;
	line-height:18px;
	border:1px solid #ccc;
	overflow:hidden;
	}
/* ---------DIV-ContentWide----------------------------=#detailCar  --------*/
#detailCar	{
	position:relative;
	width:940px;
	margin:10px auto 0;
	padding-bottom:10px;
	}
#detailCar img#bigDetail {
	margin-right:9px;
	}
	
/* ---------DIV-ContentWide-----------------=#headerDetail ------*/
#headerDetail	{
	float:left;
	width:500px;
	/*height:150px; */
	}
#headerDetail h1	{
	font-size:0.75em;
	font-weight:normal;
	font-style:italic;
	/*margin-top:65px;*/
	}
#headerDetail h2	{
	margin-top:8px;
	font-size:1.2em;
	color:#600;
	}
#headerDetail h3	{
	margin-top:5px;
	font-size:1em;
	color:#600;
	}

/* --TABLEAU---------------------------=#caracteristiques ------------*/
#caracteristiques	{
	float:left;
	clear:left;
	width:500px;
	margin-top:27px;
	font-size:0.9em;
	border-collapse:collapse;
	}
#caracteristiques td, #observations td	{
	padding-top:3px;
	padding-bottom:2px;
	font-weight:bold;
	color:#600;
	}
#observations td	{
	font-weight:normal;
	font-style:italic;
	color:#000;
	}
#caracteristiques td.col1, #observations td.col1	{
	width:170px;
	text-align:right;
	font-weight:normal;
	font-style:italic;
	color:#000;
	
	}
/* --TABLEAU---------------------------=#observations ------------*/
#observations	{
	width:930px;
	clear:both;
	margin:8px 0;
	background-color:#CCC;
	}
/* --------TABLEAU---------- table decoration  */
table tr.trOdd	{
	background-color:#bbb;
	}
table tr.trEven	{
	background-color:#ccc;
	}

/* --------DIV-----------------------#quatreIm  ---------------*/
#quatreIm	{
	
	}
#quatreIm img	{
	padding:0;
	margin:0 2px;;
	}

/* -------TABLEAU----------------table .paginateur  ----------*/
table.paginateur	{ 
	}

.paginateur td	{
	font-size:0.7em;
	text-align:center;
	color:#999;
	padding:0px 20px;
	}

.paginateur td a	{
	color:#F00;
	}

/* -------------DIV---------------- =#footer ----------------*/
#footer	{
	position:relative;
	clear:both;
	height:50px;
	padding-top:5px;
	background-color:#70480b;
	border-top:2px solid #b59a7c;
	border-bottom:2px solid #b59a7c;
	}
#footer img#logoFooter	{
	float:left;
	margin-left:8px;
	/*margin-top:5px;*/
	}
#footer p	{
	margin-left:233px;
	font-size:0.75em;
	color:#ccc;
	}
#footer p#pf1	{
	margin-top:2px;
	font-weight:bold;
	}
#footer p#gibiLink		{
	margin-left:595px;
	font-size:0.7em;
	}
#footer p#gibiLink a:link, #footer p#gibiLink a:visited		{
	color:#ccc;
	text-decoration:none;
	font-style:italic;
	}
#footer p#gibiLink a:hover		{
	color:#b59a7c;
	text-decoration:underline;
	}
#footer div#mail	{
	position:absolute;
	top:10px;
	right:10px;
	width:100px;
	height:36px;
	overflow:hidden;
	}
	
	
	
/* -------------DIV------------------------------------------admin------- =#admVisu ---------------*/
div#menuLateral		{	/* pour encadrer #menu2  */
	margin-left:12px;
	margin-right:5px;
	margin-top:15px;
	}
div#menuLateral p 	{
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	margin:10px 0;
	}
#sidebar ul#menu2 	{	/* utiliser pour l'admin  */
	list-style-type:none;
	font-size:0.9em;
	margin-left:0;
	padding-left:0;
	}
#sidebar p.admMenu	{	/* vérifier si utilisé  */
	color:#FFF;
	margin-left:35px;
	margin-top:10px;
	}

#sidebar ul#menu2 a 	{
	display:block;
	width:180px;
	height:1.8em;
	line-height:1.8em;
	font-size:0.9em;
	font-weight:bold;
	zoom:1;
	background-color:#CCC;
	margin:2px 0;
	padding-left:25px;
	text-decoration:none;
	color:#000;
	}
#sidebar ul#menu2 a:hover 	{
	background-color:#900;
	}


div.admVisu		{
	text-align:left;
	padding:5px 45px;
	margin-top:15px;
	border-top:1px solid #999;
	}
div.admVisu p.small		{
	color: #900;
	font-size:.8em;
	}
div.dispo		{ /* colore la fiche dans la liste */
	Background-color:#A5BCBC;
	}

div.pasDispo		{ /* colore la fiche dans la liste */
	Background-color:#BFB499;
	}
div.archived		{ /* colore la fiche dans la liste */
	Background-color:#CCF;
	}
div#menuLateral div#infoDispo, div#menuLateral div#infoPasDispo, div#menuLateral div#alertRSS 	{
	margin-top:20px;
	width:180px;
	padding:10px;
	font-size:0.85em;
	border-top:1px solid #999;
	}
div#menuLateral div#infoDispo	{
	Background-color:#A5BCBC;
	}
div#menuLateral div#infoPasDispo	{
	Background-color:#BFB499;
	}
div#menuLateral div#alertRSS	{
	Background-color:#F00;
	}
	
	
h1.adminMargin		{
	margin-bottom:25px;
	}	
/* ------------TAB----admin------- =.selectMois --------------*/
.selectMois	{
	margin:0;
	/*width:300px;*/
	}
.selectMois td	{
	vertical-align:middle;
	padding:0;
	text-align:left;
	}
.selectMois td input	{
	/*margin:0;*/
	vertical-align:middle;
	}
/* -----------------UL liste des erreur de saisie  */
ul.errorSaisie	{
	width:500px;
	height:105px;
	text-align:left;
	padding:10px;
	margin:18px 50px;
	list-style-type:none;
	background:#FC3 url(../imagesweb/stop_sign.gif) no-repeat right center;
	}
span.warning, li.warning {
	font-weight: bold;
	font-size:0.9em;
	color: #900;
}
/*---------------------admin -liste img orphan   ---*/
#boucle01		{
	position:relative;
	/*background-color:#FFCCFF;*/
	padding-top:90px;
	}
#recapUP		{
	position:absolute;
	top:0;
	/*background:blue;*/
	}