* { margin:0; padding:0; }
body{background:url("imgs/fond_body.jpg") repeat-x;background-color:#EDEDED; font: 12pt/12pt times;}
h1{display:block;width:578px;color:#f39400;border-bottom:1px solid #F7BF68; font: 14pt/16pt times ; font-weight:bold;}
h2{font: 12pt/16pt times ; font-weight:bold; border-left:8px solid #f39400; padding:2px; padding-left:10px; }

#ban{float:left; width:917px;height:193px; background:url("imgs/banniere.jpg") no-repeat; border-top:1px solid white; border-left:1px solid white; border-right:1px solid white;}
#bas{float:left; width:917px;height:22px; padding-top:4px; background:url("imgs/fond_bas.jpg") repeat-x;border-left:1px solid white;border-right:1px solid white; text-align:center;}
#bas a{color:#000}
#contenu_accueil{float:left; width:891px; padding:13px; height:auto; background:url("imgs/fond_contenu.jpg") repeat-y;border-left:1px solid white;border-right:1px solid white;}
#contenu{float:left; width:877px; padding:20px; height:auto; background:url("imgs/fond_contenu.jpg") repeat-y;border-left:1px solid white;border-right:1px solid white; }
 #contenu_promotion{float:left; width:917px; padd ing:20px; height:540px; background:url("imgs/fond_voiture_imgs_v3.jpg") repeat-y; border-left:1px solid white;border-right:1px solid white;}
#global{position: relative; margin-left: auto;  margin-right: auto;  width:917px;  text-align: left;}
#global_vehicule{float:left; display:inline;  border:1px dotted #949599; width:840px; margin-top:3px; margin-bottom:3px; padding-left:1px; margin-left:15px;}

.menu{float:left; width:917px;height:36px;background:url("imgs/fond_menu.jpg") repeat-x;border-left:1px solid white;border-right:1px solid white;}

#page{float:left; display:inline; width:850px; text-align:center;}

#recherche{float:left; margin-left:15px;display:inline; background:#949599; border:3px solid #f49401; width:815px; margin-bottom:10px; padding:10px}
#recherche td{padding-top:10px;}

#recherche_accueil{width:280px;height:223px;background:url(imgs/fond_search_v2.jpg); padding:10px }
#recherche_accueil td{padding-top:15px;}

#vehicule{float:left; display:inline; width:380px; background:#c5bfbf; height:auto; margin-top:10px; margin-bottom:10px; margin-left:20px; padding:3px; }
#vehicule_des{float:left; display:inline; width:373px; background:#f49401; color:#fff; height:18px; border:1px dotted #949599; font-weight:bold; padding-left:5px; font-size:11pt;}
#vehicule_carac{float:left; display:inline; width:378px;  color:#000; height:180px;; border:1px dotted #949599; font-weight:bold;  margin-top:3px; margin-bottom:3px; font: 10pt/13pt times;}
#mini{float:left; margin-right:5px;}
#prix{font-weight:normal; font-size:16pt; color:#000;}
#contact td {padding:2px}

#dvehicule{float:left; display:inline; width:780px; background:#c5bfbf; height:auto; margin-top:10px; margin-bottom:10px; margin-left:20px; padding:3px; }
#dvehicule_des{float:left; display:inline; width:773px; background:#f49401; color:#fff; height:18px; border:1px dotted #949599; font-weight:bold; padding-left:5px; font-size:12pt;}
#dvehicule_carac{float:left; display:inline; width:778px;  color:#000; height:auto; border:1px dotted #949599; font-weight:bold;  margin-top:3px; margin-bottom:3px; font: 12pt/16pt times;}

#promo{width:230px; height:80px; background:url(imgs/promo.jpg) no-repeat; text-align:center;  color:red; font: 12pt/14pt times; font-weight:bold; padding-left:50px;}
#promo a{color:red; text-decoration:none;}
#vehicule_detail{float:left; display:inline; width:373px; color:#000; height:18px; border:1px dotted #949599; font-weight:bold; padding-left:5px;}
#vehicule_detail a{color:#000; }
#dvehicule_detail{float:left; display:inline; width:773px; color:#000; height:auto; border:1px dotted #949599; font-weight:bold; padding-left:5px;}
  #dvehicule_detail a{color:#000; }

div#services{float:left;width:794px;height:18px;margin-left:60px;background:url("imgs/fond_service.png") no-repeat;display:inline;text-align:center;margin-top:10px;}
div#services a{color:white;text-decoration:none;}

div#conteneur_serv{float:left;width:800px;height:auto;margin-left:25px;}
div#conteneur_serv1{float:left;width:800px;height:auto;margin-left:25px;}
div#conteneur_serv2{float:left;width:800px;height:auto;margin-left:25px;}
div#conteneur_serv3{float:left;width:800px;height:auto;margin-left:25px;}
div#conteneur_serv4{float:left;width:800px;height:auto;margin-left:25px;}
div#conteneur_serv5{float:left;width:800px;height:auto;margin-left:25px;}


.menu ul {margin:0px; padding:0px; list-style-type:none; position:absolute;  pad ding:9px 5px;}
.menu li {float:left; width:120px; list-style-type:none; padding-top:5px;}
.menu a, .menu a:active, .menu a:visited {display:block;height:24px;text-align:center;text-decoration:none; color:#000; padding:0px; padding-top:4px;}
.menu a:hover {color:grey; border-bottom:2px solid #f39400;}
#slide {position:absolute;top:226px;height:2px; background:#F6B247; z-index:10;}

select{width:170px;}



#s3slider {
   width: 300px; /* important to be same as image width */
   height: 243px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 300px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}