/*/////GENERAL/////*/

/*/Le positionnement des divs des pages
VEHICULE OCCASION,
SERVICES / PIECES,
FICHE,
NEWS
--> sont dans LISTING.CSS/*/

/*/Le positionnement des divs des pages
VEHICULE OCCASION,
SERVICES / PIECES,
FICHE,
NEWS
--> sont dans LISTING.CSS/*/

/*///////////////////////////
/////TABLE DES MATIERE///////
//////////////////////////*/
/*Ctrl+F sur un titre pour acces direct*/
/*////////////////////////////////////*/
/*//FOND//*/
/*Mise ŕ zéro de toutes marges externes et internes*/
/*Calage sous div en position float*/
/*//HEADER//*/
/*//CONTENU//*/
/*/HOME & SERVICES/*/
/*/News page Home/*/
/*/Accessoire page Service/*/
/*/Promotions page Service/*/
/*BLOC bas de page Home & Service*/
/*/BLOC page home/*/
/*/BLOC page Service/*/
/*Moteur recherche véhicule occasion page home*/
/*/VOS CONCESSIONS/*/
/*/GOODIES/*/
/*/BOUTON ROUGE/*/
/*/BLOC GOODIES, BLOG, CONCESSIONS/*/
/*/MENU SERVICE COLONNE DROITE - PAGE SERVICE/PIECES/*/
/*//FOOTER//*/
/*//LIENS//*/
/*NOIR*/
/*GRIS*/
/*BLANC*/
/*ROUGE*/
/*Liens dans boutons rouges*/
/*//TEXTES//*/
/*Texte gris #666666*/
/*Texte bloc bas de page HOME*/
/*Titre, texte news page Home*/
/*Titre, texte promotions page Service*/
/*Texte bloc bas de page SERVICE*/
/*Affichage des PRIX en rouge*/
/*Affichage des dates des NEWS page NEWS*/
/*Texte page EXTENSION GARANTIE*/
/*Textes pages goodies*/
/*Paragraphe BLOC COLONNE DROITE BLOG, GOODIES*/



/*//FOND//*/
html, body {margin:0; padding:0 0 10px 0;}
body {font-family:Verdana, Arial, Sans-sherif; font-size:11px; color:#000000; background:#040404 url(../images/fond.jpg) top center no-repeat; line-height:1.2;}

/*Mise ŕ zéro de toutes marges externes et internes*/
p, ul, li, form, h1, h2, h3, h4 {margin:0; padding:0}
img {border:none; margin:0; padding:0;}

/*Calage sous div en position float*/
.clear {top:0; left:0; width:100%; height:1px; line-height:1px; font-size:1px; clear:both;}




/*//HEADER//*/
#lien-goodies-blog-contact {position:relative; top:0; left:0; width:960px; height:20px; margin:0 auto; padding:0 20px 0 0; text-align:right; color:#ffffff;}
#lien-goodies-blog-contact img {margin-top:1px;}

#header {position:relative; top:0; left:0; width:980px; height:79px; margin:0 auto; padding:0; border-bottom:1px solid #cccccc; background:url(../images/background-header.png) 0 5px repeat-y;}
#header-haut {position:absolute; top:0; left:0; width:980px; height:5px; font-size:1px; line-height:1px; margin:0; padding:0; background:url(../images/header-haut.png) 0 0 no-repeat;}

#logo {position:absolute; top:0; left:0; width:170px; height:61px; margin:18px 0 0 7px; padding:0;}

#header #menu {float:right; top:0; right:0; margin:36px 10px 0 0; line-height:11px;}
#header #menu a {margin:0 7px;}




/*//CONTENU//*/
#contenu {position:relative; top:0; left:0; width:940px; margin:0 auto; padding:34px 20px 70px 20px; overflow:hidden; background:#ffffff;}
#contenu-left {top:0; left:0; width:630px; float:left; margin:0;}
#contenu-right {top:0; right:0; width:310px; float:right; margin:0;}


/*/HOME & SERVICES/*/
#flash {position:relative; top:0; left:0; width:625px; height:250px;}

/*/News page Home/*/
#titre-news {position:relative; top:0; left:0; width:90px; height:25px; font-size:18px; color:#b90202; text-align:center; background:url(../images/bordure-bloc.png) 0 5px repeat-x;}
#bloc-news {position:relative; top:0; left:0; width:308px; height:215px; background:url(../images/background-bloc-news.png) 0 0 repeat-x;}
.home-news {position:relative; top:0; left:0; width:268px; height:90px; padding:10px 20px 0 20px; /*border-bottom:1px solid #cccccc;*/ color:#cccccc;}
#acces-news {position:absolute; bottom:0; left:0; width:288px; height:20px; padding:5px 0 0 20px; font-size:10px; font-weight:bold; color:#ffffff; background:#363636; z-index:2;}

/*/Accessoire page Service/*/
#titre-accessoire {position:relative; top:0; left:0; width:139px; height:25px; padding:0 0 0 3px; font-size:18px; color:#b90202; text-align:left; background:url(../images/bordure-bloc.png) 0 5px repeat-x;}

/*/Promotions page Service/*/
#titre-promotion {position:relative; top:0; left:0; width:142px; height:25px; font-size:18px; color:#b90202; text-align:center; background:url(../images/bordure-bloc.png) 0 5px repeat-x;}
#bloc-promotion {position:relative; top:0; left:0; width:308px; height:240px; background:url(../images/background-bloc-promotion.png) 0 0 repeat-x;}
.service-promotion {position:relative; top:0; left:0; width:268px; padding:10px 20px; border-bottom:1px solid #cccccc; color:#cccccc;}
#acces-promotion {position:absolute; bottom:0; left:0; width:288px; height:35px; padding:5px 0 0 20px; font-size:10px; font-weight:bold; color:#ffffff; background:#393939; z-index:2;}

/*BLOC bas de page Home & Service*/
#bloc-bas {position:relative; top:0; left:0; width:940px; height:210px; padding:20px 0 0 0; clear:both;}

/*/BLOC page home/*/
#bloc-bas .bloc {margin:0 8px 15px 0;}
#background-vn {position:relative; height:181px; background:url(../images/background-bloc-vn.jpg) 0 8px no-repeat;}
#background-vo {position:relative; height:163px; background:url(../images/background-bloc-vo.png) 0 8px no-repeat;}
#background-service {position:relative; height:181px; background:url(../images/background-bloc-service.jpg) 0 8px no-repeat;}
#btn-voir-promos {position:absolute; bottom:0; left:18px; width:108px; height:58px;}

/*/BLOC page Service/*/
#bloc-bas .bloc {margin:0 8px 15px 0;}
#background-atelier {position:relative; height:163px; background:url(../images/background-bloc-atelier.jpg) 0 8px no-repeat;}
#background-demande-info {position:relative; height:163px; background:url(../images/background-bloc-info.png) 0 8px no-repeat;}
#background-garantie {position:relative; height:163px; background:url(../images/background-bloc-garantie.png) 0 8px no-repeat;}


/*Moteur recherche véhicule occasion page home*/
#km {position:relative; top:0; left:0; width:300px; height:20px; margin:0 0 6px 0;}
#prix {position:relative; top:0; left:0; width:300px; height:20px; margin:0 0 6px 0;}
#annee {position:relative; top:0; left:0; width:300px; height:20px; margin:0 0 6px 0;}
#background-vo select {width:130px; height:18px; line-height:16px; font-size:11px; background:#666666; border:1px solid #cccccc; color:#ffffff; padding:1px; margin:0 10px 0 0; vertical-align:middle;}
#background-vo label {margin:0 0 0 20px; font-size:11px; line-height:26px; color:#cccccc; vertical-align:middle;}
#background-vo input {vertical-align:middle; margin:5px 0 0 80px;}


/*/VOS CONCESSIONS/*/
.concessions {position:relative; top:0; left:0; width:469px; margin:0 0 10px 0; border-left:1px solid #000000; float:left;}
.carte {position:relative; top:0; left:0; width:415px; height:250px; margin:20px 0 0 0; float:left;}


/*/GOODIES/*/
.liste-goodies {position:relative; top:0; left:0; width:180px; height:180px; margin:0 20px 10px 0; float:left;}


/*/BOUTON ROUGE/*/
.btn-contactez {width:107px; height:25px; line-height:23px; font-weight:bold; font-size:11px; font-variant:small-caps; margin:0; padding:0 0 0 24px; color:#ffffff; background:url(../images/btn-contactez.gif) 0 0 no-repeat;}
.btn-contactez2 {width:107px; height:25px; line-height:23px; font-weight:bold; font-size:11px; font-variant:small-caps; margin:0; padding:0 10px 0 24px; color:#ffffff; background:url(../images/btn-contactez.gif) 0 0 no-repeat;float:left;}

.btn-go {width:33px; height:25px; line-height:23px; font-weight:bold; font-size:11px; margin:0 0 0 20px; padding:0 0 0 12px; color:#ffffff; font-variant:small-caps; background:url(../images/btn-go.gif) 0 0 no-repeat;}

.btn-demander {width:75px; height:25px; line-height:23px; font-weight:bold; font-size:11px; margin:0 0 0 20px; padding:0 0 0 24px; color:#ffffff; font-variant:small-caps; background:url(../images/btn-demander.gif) 0 0 no-repeat;}


/*/BLOC GOODIES, BLOG, CONCESSIONS/*/
.bloc {position:relative; top:0; left:0; width:308px; margin:0 0 15px 0; float:left;}
.titre-bloc {position:relative; top:0; left:0; width:308px; height:11px; margin:0; padding:9px 0 0 0; background:url(../images/bordure-bloc.png) 0 0 repeat-x;}
.rub {font-size:12px; line-height:12px; height:12px; background:#ffffff; color:#b90202; padding:0 5px 0 5px; margin:0 0 0 15px;}

#background-goodies {height:163px;height:155px;width:308px;z-index:0;text-decoration:none;cursor:pointer;}
#txt_goodies{z-index:100;padding:20px 15px 0 20px; color:#ffffff; font-weight:bold;position:absolute;top:20px;text-decoration:none;}
a#txt_goodies, a#txt_goodies:link{text-decoration:none;}, a#txt_goodies:visited{text-decoration:none;}, a#txt_goodies:active{text-decoration:none;}, a#txt_goodies:focus {text-decoration:none;}
a#txt_goodies:hover {text-decoration:none;}
#ombre_goodies{background-color: #000000;filter:Alpha(opacity=40);opacity: 0.40; height:50px;width:308px;z-index:10;position:relative;top:8px;}
#background-blog {height:163px; background:url(../images/background-blog.jpg) 0 8px no-repeat;text-decoration:none;cursor:pointer;}
#background-concession {height:163px; background:url(../images/background-concession.png) 0 8px repeat-x;}

/*/MENU SERVICE COLONNE DROITE - PAGE SERVICE/PIECES/*/
#bloc-menu-service {position:relative; width:308px; margin:12px 0 15px 0;}
.menu-service {position:relative; width:298px; height:27px; line-height:27px; padding:0 0 0 10px; border-bottom:1px solid #666666; background:url(../images/fleche-menu-service.png) 0 0 no-repeat;}



/*//FOOTER//*/
#footer {position:relative; top:0; left:0; width:980px; height:30px; margin:0 auto; padding:0; line-height:30px; font-size:9px; text-align:left; color:#666666; background:#ffffff url(../images/footer-bas.png) left bottom no-repeat;}
#footer a {margin:0 1px;}




/*//LIENS//*/
/*NOIR*/
a.lienNoir, a.lienNoir:link, a.lienNoir:visited, a.lienNoir:active, a.lienNoir:focus {text-decoration:none; color:#000000;}
a.lienNoir:hover {text-decoration:none; color:#bd1819;}

/*GRIS*/
a.lienGris, a.lienGris:link, a.lienGris:visited, a.lienGris:active, a.lienGris:focus {text-decoration:none; color:#666666;}
a.lienGris:hover {text-decoration:none; color:#bd1819;}

a.lienGrisUnderline, a.lienGrisUnderline:link, a.lienGrisUnderline:visited, a.lienGrisUnderline:active, a.lienGrisUnderline:focus {text-decoration:underline; color:#666666;}
a.lienGrisUnderline:hover {text-decoration:underline; color:#bd1819;}

/*BLANC*/
a.lienBlanc, a.lienBlanc:link, a.lienBlanc:visited, a.lienBlanc:active, a.lienBlanc:focus {text-decoration:none; color:#ffffff;}
a.lienBlanc:hover {text-decoration:none; color:#999999;}

a.lienBlancUnderline, a.lienBlancUnderline:link, a.lienBlancUnderline:visited, a.lienBlancUnderline:active, a.lienBlancUnderline:focus {text-decoration:underline; color:#ffffff;}
a.lienBlancUnderline:hover {text-decoration:underline; color:#999999;}

/*ROUGE*/
a.lienPDF, a.lienPDF:link, a.lienPDF:visited, a.lienPDF:active, a.lienPDF:focus {text-decoration:none; color:#990000;}
a.lienPDF:hover {text-decoration:underline; color:#990000;}

/*Liens dans boutons rouges*/
.btn-contactez a, .btn-contactez a:link, .btn-contactez a:visited, .btn-contactez a:active, .btn-contactez a:focus {text-decoration:none; color:#ffffff;}
.btn-contactez a:hover {text-decoration:none; color:#333333;}
.btn-contactez2 a, .btn-contactez2 a:link, .btn-contactez2 a:visited, .btn-contactez2 a:active, .btn-contactez2 a:focus {text-decoration:none; color:#ffffff;}
.btn-contactez2 a:hover {text-decoration:none; color:#333333;}

.btn-go a, .btn-go a:link, .btn-go a:visited, .btn-go a:active, .btn-go a:focus {text-decoration:none; color:#ffffff;}
.btn-go a:hover {text-decoration:none; color:#333333;}

.btn-demander a, .btn-demander a:link, .btn-demander a:visited, .btn-demander a:active, .btn-demander a:focus {text-decoration:none; color:#ffffff;}
.btn-demander a:hover {text-decoration:none; color:#333333;}




/*//TEXTES//*/
h1 {font-size:22px; line-height:30px; color:#af1b1c; font-weight:normal; border-bottom:2px solid #af1b1c; margin:0 0 34px 0;}

h2 {width:590px; font-size:18px; line-height:26px; color:#000000; font-weight:normal; border-bottom:1px solid #cccccc; margin:0 0 34px 0;}

h3 {font-size:13px; color:#af1b1c; font-weight:900; margin:0 0 10px 0;}
.listing-news-right h3 {font-size:14px; line-height:14px; color:#af1b1c; font-weight:bold; margin:12px 0 0 0;}
.adresse h3 {font-size:10px; line-height:10px; color:#af1b1c; font-weight:bold; margin:0 0 12px 0;}

h4 {font-size:11px; color:#000000; font-weight:bold; margin:0 0 10px 0;}

h4.garantie {font-size:11px; color:#000000; font-weight:bold; margin:0 0 15px 0;}

p, ul {margin:0 0 10px 0;}
li {margin:0 0 0 16px; padding:0; list-style-type:square; color:#666666;}

/*Texte gris #666666*/
p.gris {color:#666666;}

/*Texte bloc bas de page HOME*/
#background-vn p.texte-bloc {padding:20px 15px 0 20px; color:#cccccc; font-weight:normal;}
#background-service p.texte-bloc {padding:20px 150px 0 20px; color:#cccccc; font-weight:normal;}

/*Titre, texte news page Home*/
.home-news h1 {font-size:11px; line-height:11px; color:#ffffff; font-weight:bold; border:none; margin:0 0 5px 0;}
.home-news p {margin:0 0 5px 0;}

/*Titre, texte promotions page Service*/
.service-promotion h1 {font-size:11px; line-height:11px; color:#ffffff; font-weight:bold; border:none; margin:0 0 5px 0;}
.service-promotion p {margin:0 0 5px 0;}

/*Texte bloc bas de page SERVICE*/
#background-atelier p.texte-bloc {padding:20px 150px 0 20px; color:#cccccc; font-weight:normal;}
#background-demande-info p.texte-bloc {padding:20px 150px 0 20px; color:#cccccc; font-weight:normal;}
#background-garantie p.texte-bloc {padding:20px 150px 0 20px; color:#cccccc; font-weight:normal;}

/*Affichage des PRIX en rouge*/
p.prix {font-size:18px; color:#af1b1c; margin:0 0 20px 0;}

/*Affichage des dates des NEWS page NEWS*/
p.date-news {font-size:12px; font-weight:bold; color:#333333;}

/*Texte page EXTENSION GARANTIE*/
p.garantie {margin:20px 0 15px 0; color:#666666;}
ul.garantie {margin:0 0 20px 0;}
li.garantie {margin:0 0 0 16px; padding:0; list-style-type:square; color:#666666;}

/*Textes pages goodies*/
.liste-goodies p {text-align:center; margin:10px 0 0 0;}

/*Paragraphe BLOC COLONNE DROITE BLOG, GOODIES*/
p.texte-bloc {padding:20px 15px 0 20px; color:#ffffff; font-weight:bold;}


.txt_notification {
font-family:Verdana, Arial, Sans-sherif;
font-size:12px;
color:#B90202;
font-weight:normal;
}
.txt_gris{color:#666666;
font-size:11px;
line-height:20px;
text-align:left;}

#inscription-newsletter{ width:210px; height:30px; margin:0; padding:0; color:#B90202; font-weight:bold; font-size:9px; float:left;line-height:30px;}
input.saisie-newsletter {width:104px;height:12px;line-height:12px;color:#666666;font-size:9px;vertical-align:middle;}
input.ok-newsletter {width:22px; height:17px; margin:0; padding:0; vertical-align:middle;}

