@charset "utf-8";
/* CSS Document */
body
{
width: 800px;
margin-left: auto; 
margin-right: auto; 
margin-top: 0px;
margin-bottom: 0px;
color: #191919;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
background-image: url(images/degrade5.jpg);
}
p
{
padding-right: 10px;
}
/*Titre gris foncés placés à gauche*/
h1
{
font-size:14px;
background-image: url(images/plaque_foncee.png);
padding-left: 10px;
color: white;
padding-top: 3px;
padding-bottom: 3px;
border-top: 1px solid #8D8D8D;
border-bottom: 1px solid #8D8D8D;
}

h8
{
font-size: 16px;
font-weight: bold;
text-align: center;
padding-top: 20px;
}

h2
{
font-size:12px;
background-image: url(images/plaque_verte.png);
color: white;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 0px;
border-top: 1px solid #8D8D8D;
border-bottom: 1px solid #8D8D8D;
text-align: center;
}


/* h3 est utilise dans le calendrier */
h3
{
font-size:14px;
padding-top: 1px;
padding-bottom: 1px;
background-image: url(images/plaque_bleue.png);
padding-left: 10px;
color: white;
border-top: 1px solid #8D8D8D;
border-bottom: 1px solid #8D8D8D;
}
/* Titres gris foncés centrés */
h4
{
font-size:14px;
background-image: url(images/plaque_foncee.png);
padding-left: 10px;
color: white;
padding-top: 3px;
padding-bottom: 3px;
border-top: 1px solid #8D8D8D;
border-bottom: 1px solid #8D8D8D;
text-align: center;
}
h5
{
font-size:12px;
background-image: url(images/plaque_bleue_2.png);
color: white;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 0px;
border-top: 1px solid #8D8D8D;
border-bottom: 1px solid #8D8D8D;
text-align: center;
}
h6
{
font-size:12px;
background-image: url(images/plaque_bleue_2.png);
color: white;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 0px;
margin-bottom: 0px;
border-top: 1px solid #8D8D8D;
border-bottom: 1px solid #8D8D8D;
text-align: center;
}
h7
{
font-size:12px;
background-image: url(images/plaque_bleue_2.png);
color: white;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 1px;
margin-bottom: 0px;
border-top: 1px solid #8D8D8D;
border-bottom: 1px solid #8D8D8D;
text-align: center;
}
h9
{

font-size:160%;
font-weight:bold;
line-height:1.4em;
color:#aa0000;
padding-left: 10px;
}
.legend
{
background-image: url(images/plaque_metal2.png);
}
ul
{
padding-right: 10px;
}
p
{
padding-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
hr
{
color: blue;
background-color: blue;
border-color: blue;
height: 1px;
border: 0;
}
fieldset
{
margin-bottom: 10px;
background: #E1E1E1;
margin-right: 10px;
margin-left: 10px;	
}

legend
{
background: white;
color: black;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
border: 1px solid black;
}
/* cadre general applique sur tout le site */
#cadre_global
{
width: 800px;
background:white;
padding-right: 10px;
padding-left: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: auto;
margin-right: auto;
}
/* cadre autour du logo */
#logo
{
float: left;
margin-top: 5px;
margin-left: 0px;
width: 200px;
height: 100px;
background:white;

}
#droite_du_logo
{
margin-left: 202px;
height: 100px;

}
#audessus_pub_haut
{
margin-top: 5px;
height: 40px;

}
#pub_haut
{
height: 60px;
text-align: right;
background: white;

}
#menu
{
width: 100%;
margin-top: 15px;
border: 1px solid black;
background-color: #A6BEDE;
}
a
{
text-decoration: none;
color: blue;
}
a:hover
{
text-decoration: underline;
}
#recherches_google
{
/* construire quand le site sera en ligne */
}
#pub_sous_menu
{
width: 100%;
background: white;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
border: 1px solid black;
}
#pub_du_bas
{
float: left;
width: 100%;
background: white;
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
border: 1px solid black;
}
#content
{
float: left;
width: 100%;
margin-bottom: 5px;
border: 1px solid black;
}
#content2
{
float: left;
padding-top: 0px;
margin-top: 0px;
width: 100%;

border: 1px solid black;
}
#content3
{
float: left;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 10px;
margin-bottom: 5px;
width: 100%;

border: 1px solid black;
}
#image
{
float: left;
height: 450px;
vertical-align: middle;
width: 50%;
border: 1px;
}
#article
{
float: left;
width: 65%;
}
#annonces_verticales
{
width: 34%; 
padding-top: 1px;
border: 1px;
margin-left: 66%;
background: #E5E5E5;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#infos_modeles
{
float: left;
width: 50%; 
background: #E5E5E5;
height: 370px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#modeles
{
width: 389px; 
padding-top: 1px;
height: 450px;
margin-left: 408px;
background: #E5E5E5;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#image2
{
width: 389px; 
padding-top: 1px;
margin-left: 408px;
height: 370px;
background: #E5E5E5;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
table
{
width: 97%;
margin-left: 10px;
padding-right: 15px;
}
#autre
{
width: 250px;
padding-right: 0px;
padding-left: 0px;
}
.oubli
{
color: red;
}
#bottom
{
width: 100%;
margin-top: 10px;
background: white;
margin-bottom: 10px;
padding-bottom: 10px;
text-align: center;
}
select, option {
background-color: #A6BEDE;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: black;
cursor:pointer;
border: 1px solid #A6BEDE;
}
input[type=checkbox]
{
cursor:pointer;

}
input[type=reset], input[type=text], input[type=password], input[type=button] 
{
border:2px outset #A6BEDE;
background-color:#A6BEDE;
cursor:pointer;
border: 0;
font-family: Arial, Helvetica, sans-serif;
}

input[type=reset]:hover, input[type=button]:hover 
{
border:2px outset white;
background-color:white;
border: 0;
}

input[type=reset]:active,  input[type=button]:active {
border:2px inset #A6BEDE;
background-color:#A6BEDE;
color:black;
border: 0;
}

/*tableaux lors d'une recherche de roadsters*/
.recherche_titres
{
padding-left: 3px;
padding-right: 3px;
padding-top: 5px;
padding-bottom: 5px;
background-image: url(images/plaque_metal2.png);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.recherche
{
padding-left: 5px;
padding-right: 5px;
background-color: #B7B7B7;
padding-bottom: 3px;
padding-top: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.recherche2
{
padding-left: 5px;
padding-right: 5px;
background-color: #E7E7E7;
padding-bottom: 3px;
padding-top: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.recherche3
{
padding-left: 5px;
padding-right: 5px;
background-color: #A6BEDE;
padding-bottom: 3px;
padding-top: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.recherche4
{
padding-left: 5px;
padding-right: 5px;
background-color: #A6BEDE;
padding-bottom: 3px;
padding-top: 3px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.recherche_photo
{
padding-left: 0px;
padding-right: 5px;
background-color: #B7B7B7;
padding-bottom: 3px;
padding-top: 3px;
}
.recherche_photo2
{
padding-left: 0px;
padding-right: 5px;
background-color: #E7E7E7;
padding-bottom: 3px;
padding-top: 3px;
}
.advert
{
font-size: 12px;

}
/*dans les annonces pour que les cadres options soient présentés correctement sous IE*/
.gauche
{

width: 380px;

}
#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-image: url(images/plaque_foncee.png);
color: white;
font-family: Arial,Helvetica,sans-serif;
font-size:14px;
font-weight: bold;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}
#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}
#navcontainer ul li a
{
padding-left: 3px;
padding-right: 3px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
}
#navcontainer ul li a:hover
{
background-image: url(images/plaque_metal2.png);
color: black;
}
/* modeles */
#content_modeles
{
float: left;
width: 100%;
margin-bottom: 5px;
border: 1px solid black;
}
#recherche_modeles
{
float: left;
width: 50%;
border: 1px solid #747474;
padding-bottom: 5px;
margin-bottom: 5px;
margin-top: 5px;
margin-left: 5px;
}

#services
{

width: 46%; 
margin-left: 52%;
background: #E1E1E1;
border: 1px solid #747474;
margin-top: 5px;
margin-bottom: 5px;
}
/* GALLERIE D'IMAGES */

#gal_enlarge_container
{
float: left; 
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
#gal_enlarge_container img
{ 
border: 1px solid #000; 
padding: 5px;
height: 300px;
width: 400px; 
}
#gal_thumb_container
{
float: left; 
}
#gal_thumb_container ul
{

}
#gal_thumb_container li
{
display: inline;
float: left;
width: 60px;
height: 40px;
margin-left: 5px;
}
#gal_thumb_container img
{ 
border: 1px solid #000; 
width: 60px;
height: 40px;
}
#infos_voitures
{
float: left;
width: 350px;
}
#content_versions
{
float: left;
width: 100%;
margin-bottom: 5px;
border: 1px solid black;
}

/* ETAPES VENTE DE ROADSTER */

#navlist_etapes
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}

#navlist_etapes ul, #navlist_etapes li
{
padding: 0;
display: inline;
list-style-type: none;
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist_etapes a:link, #navlist_etapes a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist_etapes #current
{
border-bottom: 2px solid #000;
padding-top: 2px;
padding-right: 6px;
padding-left: 4px;
padding-bottom: 2px;
background: red;
color: white;
font-size: 14px;
}

#navlist_etapes #rouge
{
color: red;
font-size: 20px;
}

/* CARTE DU SITE */