body{ background:#FFF; text-align:center; margin:0px; padding:0px; font-size:0.7em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#8f8f8f; }
div.myhr{ visibility:hidden; height:0px; overflow:hidden; clear:both; }
img{ border:none; }

a{ outline:none; }

div#print{ display:none; }

small{ text-align:right; display:block; }

/*************************************** overall ******************************************/
h2{ margin:15px 0px 5px 0px; padding:0px; font-size:1.3em; }
div#droite h2{ color:#d31012; margin:15px 0px 0px 0px; }

div#container{ text-align:left; width:980px; margin:0px auto 0px auto; }

div#header{ background:#d41012; height:72px; margin-bottom:34px; }
div#header div#menu{ float:right; width:534px; background:url(images/menu.gif) 0px -58px; height:64px; }
div#header div#menu ul{  margin:0px; padding:0px; list-style:none;  }
div#header div#menu ul li{ float:left; }
div#header div#menu ul li a:link, div#header div#menu ul li a:visited{ display:block; float:left; width:102px; margin-right:2px; text-align:center; height:64px; }
div#header div#menu ul li a:hover{ background-image:url(images/menu.gif); background-repeat:no-repeat; }
div#header div#menu ul li#atelier a:hover{ background-position:0px 2px; }
div#header div#menu ul li#vehicules a:hover{ background-position:-104px 2px; }
div#header div#menu ul li#conseils a:hover{ background-position:-208px 2px; }
div#header div#menu ul li#plan a:hover{ background-position:-312px 2px; }
div#header div#menu ul li#contact a:hover{ background-position:-416px 2px; }
div#header div#menu ul li a:link span, div#header div#menu ul li a:visited span, div#header div#menu ul li a:hover span{ display:none; }

div#header div#logo{ float:left; }

div#moteur-recherche{ background:url(images/moteur_recherche.jpg) top left no-repeat; width:278px; height:231px; float:left; padding:60px 0px 0px 0px; }
.yui-h-slider,.yui-v-slider{position:relative; }
.yui-h-slider .yui-slider-thumb,.yui-v-slider .yui-slider-thumb{position:absolute;cursor:default;}
.yui-h-slider{background:url(images/slider/bg-h.gif) no-repeat 5px 0;height:28px;width:228px;}
.yui-h-slider .yui-slider-thumb{top:4px;}

div#moteur-recherche form{ padding:0px 0px 0px 25px; color:#FFFFFF; }
div#moteur-recherche div.form1, div#moteur-recherche div.form2{ padding:0px 0px 15px 0px; clear:both; }
div#moteur-recherche div.form1 label{ float:left; width:55px; padding:5px 0px 0px 0px; }
div#moteur-recherche div.form1 select{ width:170px; }
div#moteur-recherche div.form2 label{ margin:0px 0px 5px 0px; }
div#moteur-recherche div.form2 input{ width:222px; border:solid 1px #CCCCCC; margin-top:5px; }
div#moteur-recherche div.form3 input{ border:none; color:#FFFFFF; font-weight:bold; background:none; text-align:right; width:40px; }
div#moteur-recherche div.form3 strong{ font-size:1.1em; }
div#moteur-recherche div.valid{ text-align:right; padding-right:27px; margin-top:15px; }
div#moteur-recherche div.valid input{ border:solid 1px #FFFFFF; color:#000000; background:#bcbcbc url(images/valid.gif) bottom repeat-x; font-size:0.9em; font-weight:bold; padding:4px 11px 4px 11px; }

div#footer{ background:url(images/footer.gif) top left no-repeat; padding:15px 18px 10px 18px;  }
div#footer div#copyright{ color:#FFF; font-size:0.9em; }
div#footer div#copyright ul{ float:right; margin:0px; padding:0px; list-style:none; }
div#footer div#copyright ul li{ display:inline; }
div#footer div#copyright ul li a:link, div#footer div#copyright ul li a:visited{ color:#FFF; text-decoration:none; }
div#footer div#copyright ul li a:hover{ text-decoration:underline; }
div#footer div#construc h3{ margin:20px 0px 0px 0px; padding:0px; font-size:1em; color:#000; }
div#footer div#construc a:link, div#footer div#construc a:visited{ color:#000000; padding:1px 3px 1px 3px; text-decoration:none; }
div#footer div#construc a:hover{ background:#FFF; }

/******************************************* home **************************************/
div#home-gauche{ width:645px; float:left; }
div#home-droite{ width:315px; float:right; padding-bottom:20px; }
div#home-droite h2{ margin:0px; }
div#slider{
    width: 365px; /* important to be same as image width */
    height: 291px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	float:left;
	background:#999;
}
#sliderContent { width: 365px; position:absolute; top:-11px; left:-40px; }
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span { position:absolute; padding:15px 13px 20px 13px; width:345px; background-color:#fff; filter:alpha(opacity=70);
    -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7; color:#000; display:none; }
.clear{ clear: both; }
.sliderImage span strong { font-size: 14px; }
.top { top: 0; left: 0; }
.bottom { bottom: 0; left: 0; }
ul { list-style-type: none;}

div.vehicule-mini{ width:76px; float:left; margin:0px 18px 20px 0px; text-align:center; }
div.end{ margin-right:0px; }

div.vehicule-mini img{ border:solid 1px #a8a8a8; }
div.vehicule-mini strong a:link, div.vehicule-mini strong a:visited, div.vehicule-mini strong a:hover{ color:#676767; text-decoration:none; }

/******************************************* interieur **************************************/
div#gauche{ float:left; width:278px; }
div#gauche div#pushs img#atelier{ margin:20px 0px 20px 0px; }
div#gauche div#pushs img#acces{ margin:0px 0px 25px 0px; }

div#droite{ float:right; width:661px; padding-bottom:40px; }
div#droite h1{ font-size:1.8em; font-weight:normal; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; border-bottom:solid 1px #CCCCCC; } 

/*************/
.lien-suite{ text-align:right; padding:7px 0px 0px 0px; }
.lien-suite a:link, .lien-suite a:visited{ color:#d31012; font-weight:bold; font-size:0.9em; background:url(images/lien.gif) 0px 6px no-repeat; padding-left:9px; } 

/******************************************* page détail **************************************/
div#grande{ padding-bottom:2px; }

/*slider photo*/
.svw{ width: 483px; height: 371px; background:#FFFFFF; } 
.svw ul{ position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer{  overflow: hidden;  margin: 0 0 0px 0px; position: relative;} 
.stripViewer ul{ /* this is your UL of images */ margin: 0; padding: 0; left: 0; top: 0; width: 1%; list-style-type: none; position: relative;} 
.stripViewer ul li{ float:left; } 
.stripTransmitter{ overflow: auto; background:#ccc; } 
.stripTransmitter ul{ margin: 0 0 0 0px; padding: 0 0 0 1px; list-style-type: none; } 
.stripTransmitter ul li{ width: 30px; margin: 3px 0 3px 3px; background:#969696; float:left; } 
.stripTransmitter a:link, .stripTransmitter a:visited{ text-align: center; line-height: 30px; text-decoration: none; display: block; font-weight:bold; color:#d1d1d1; } 
.stripTransmitter a:hover, a.courante{ background:#d31012; color: #fff; }
/***************/

div.infosComp{ background:#eeeded; padding:10px 12px 10px 12px; color:#000; margin-top:10px; }

div#infoGene1{ background:#e3e3e3; color:#7b7b7b; padding:13px 0px 0px 15px; margin-top:10px;}
div#infoGene1 div#prix{ float:right; color:#dedede; font-size:3.9em; width:171px; background:url(images/prix.jpg) top right no-repeat;
	text-align:right; padding:0px 10px 0px 0px; margin-top:-13px; }
	
div#infoGene2{ background:#eeeded; color:#000; }
div#infoGene2 div.info1, div#infoGene2 div.info2{ float:left; width:304px; padding:5px 13px 5px 13px; }
div#infoGene2 div.info2{ background:#e3e3e3; }

div#navigation{ background:#ccc; margin-top:40px; padding:3px 4px 3px 4px; height:38px; }
div#navigation ul{ margin:0px; padding:0px; list-style:none; }
div#navigation ul li{ float:left; padding-top:11px; margin-right:3px; }
div#navigation ul li a:link, div#navigation ul li a:visited, div#navigation ul li a:active{ color:#FFFFFF; background:#969696; text-decoration:none; padding:10px 15px 10px 15px; }
div#navigation ul li a:hover{ background:#d31012; color: #fff; }

/******************************************* listing **************************************/
div.vehicule-listing1, div.vehicule-listing0{ padding:13px; margin-bottom:13px; }
div.vehicule-listing1 img, div.vehicule-listing0 img{ float:left; margin-right:13px; border:solid 1px #a8a8a8; }
div#droite div.vehicule-listing1 h2, div#droite div.vehicule-listing0 h2{ color:#d31012; margin:0px 0px 15px 0px; font-size:1em; }
div#droite div.vehicule-listing1 h2 a:link, div#droite div.vehicule-listing1 h2 a:visited, div#droite div.vehicule-listing0 h2 a:link, div#droite div.vehicule-listing0 h2 a:visited{ color:#d31012; padding:1px; text-decoration:none; }
div#droite div.vehicule-listing1 h2 a:hover, div#droite div.vehicule-listing0 h2 a:hover{ color:#fff; padding:1px; background:#d31012; }

div#droite div.vehicule-listing1 a:hover img, div#droite div.vehicule-listing0 a:hover img{ border:solid 1px #d31012; }

div.vehicule-listing1 div.prix, div.vehicule-listing0 div.prix{ float:right; color:#dedede; font-size:1.2em; width:90px; background:url(images/prix.jpg) top right no-repeat; font-weight:bold; padding:3px 0px 3px 5px; }
div.vehicule-listing1 div.infos, div.vehicule-listing0 div.infos{ color:#000000; }

div.vehicule-listing1{ background:#eeeded; }
div.vehicule-listing0{ background:#e3e3e3; }

div.pagination{ background:#ccc; padding:5px 10px 5px 10px; text-align:right; font-size:0.9em; margin:10px 0px 10px 0px; }
div.pagination a:link, div.pagination a:visited{ color:#999999; background:#FFFFFF; padding:1px 3px 1px 3px; text-decoration:none; border:solid 1px #FFFFFF; font-weight:bold; }
div.pagination a:hover{ border:solid 1px #d31012; color:#d31012; }

div.pagination a.actif:link, div.pagination a.actif:visited{ background:#d31012; color:#FFFFFF; }
div.pagination a.actif:hover{ border:solid 1px #d31012; color:#d31012; background:#FFFFFF; }


/******************************************* contact **************************************/
div.formulaire{ padding:0px 0px 5px 0px; clear:both; }
div.formulaire input, div.formulaire textarea{ background:#f5f5f5; color:#d31012; border:solid 1px #999; margin-bottom:3px; width:457px; padding:4px; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
div.formulaire strong{ display:block; width:150px; float:left; padding:2px 0px 0px 0px; }

div.formulaire input.bouton{ background:#999; color:#fff; border:solid 1px #666; margin-bottom:3px; width:164px; padding:2px; font-size:1.1em; font-weight:bold; border-bottom:solid 1px #444; border-right:solid 1px #444;  }

div#monCallback{ visibility:hidden; }
div#reponse{ display:none; }

.marronClair{ color:#f7b001; }