@charset "iso-8859-1";

body {background: url(fond.png); background-repeat: repeat-x; margin: 0px; padding: 0px; background-color: white; min-height: 100%}
#page {margin: 0px; padding: 0px; position: absolute; width: 100%; min-height: 100%}

#banniere {background: url(banniere.png); background-repeat: no-repeat; width: 100%; height: 118px}
#contenu {min-height: 550px}
#marge_foot {float: left; height: 40px}
#foot {position: absolute; left: 0px; bottom: 0px; background: url(foot.png); background-repeat: repeat-x; width: 100%; height: 42px; float: left; margin-bottom: 0px}

#menu {width: 186px; height: 450px; background-image: url(menu.png); background-repeat: no-repeat; float: left}
#corps {width: 552px; float: left; padding-left: 5px; padding-right: 5px; padding-top: 5px;  padding-bottom: 30px}
#accueil {background-color: #FC8D43; width: 540px; height: 255px; margin-left: 2px; margin-top: 2px}
#video {width: 340px; float: left; margin-left: 3px; margin-right: 7px; height: 245px; padding: 0px}
#actu {width: 175px; float: left; margin-top: 5px; background-image: url(paysage.png); background-repeat: repeat; height: 245px}
#list-occasions {width: 530px; min-height: 115px; background-image: url(annonces.png); background-repeat: repeat-x; margin-left: 15px}
#page-occasions {width: 530px; text-align: center; min-height: 220px}
#page-accessoires {min-height: 620px}

hr {border-style: dashed; height: 1px; border-color: #aaaaaa; margin: 0px; padding: 0px}
h1 {font-family: Arial black; font-size: 11px; font-weight: normal; letter-spacing: 1px; color: #FF6C04; padding: 0px; margin: 0px}
h2 {font-family: Arial black; font-size: 10px; font-weight: normal; letter-spacing: 1}
h5 {font-family: Arial black; font-size: 10px; font-weight: normal; letter-spacing: 1px; text-align: center; margin: 0px; padding: 0px}

/* BANNIERE */
a#banniere-button {cursor: pointer}

/* VIDEO */
object {margin: 0px; padding: 0px}
embed {margin: 0px; padding: 0px}

/* CORPS */
p {letter-spacing: 1px; color: #000000; font-size: 12px; padding-left: 5px; padding-right: 5px; padding-top: 0px; margin-top: 2px; padding-bottom: 0px; margin-bottom: 2px}
#corps h2 {padding-top: 0px; margin-top: 2px; padding-bottom: 0px; margin-bottom: 2px}
ul {letter-spacing: 1px; color: #000000; font-size: 12px; padding-left: 30px; margin-left: 0px; padding-right: 5px; padding-top: 0px; margin-top: 2px; padding-bottom: 0px; margin-bottom: 2px}
#corps a {color: #000000; text-decoration: none; font-size: 10px}
#corps a:hover {text-decoration: underline; cursor: pointer}

/* FOOT */
#foot {clear: both; margin-top: 20px}
#foot p {color: #ffffff; margin: 0; margin: 0; padding: 0; padding-top: 12px; font-family: Arial; font-size: 10px; text-align: center; letter-spacing: 1px}
#foot a {color: #000000; text-decoration: none}
#foot a:hover {text-decoration: underline; cursor: pointer}

/* DROITE */

#droite {text-align: center}
#droite a {text-decoration: none; border: none; color: #000000; font-weight: bold; font-size: 12px}
#droite a:hover {text-decoration: underline; cursor: pointer}
#droite p {margin-bottom: 10px; font-size: 12px; text-align: right}
#droite div#infos {margin-top: 10px; border-width: 1px; background-repeat: no-repeat; background-image: url(vignette-trans.png); padding-bottom: 10px; padding-right: 5px; padding-top: 3px; height: 130px}

/* MENU */

div#menu div.button {background-image: url(bt-bas.png); width: 185px; height: 30px; cursor: pointer; color: #555555}
div#menu div.button:hover {background-image: url(bt-haut.png); color: #555555}
div#menu a div.button h2 {padding-left: 40px; padding-top: 7px; margin: 0px; color: #555555}
#menu a {padding: 0px; margin: 0px; text-decoration: none; color: #555555}

/* ACTU */

#actu h1 {padding-left: 2px; padding-right: 2px}
#actu hr {margin-left: 2px; margin-right: 2px}
#actu p {font-size: 12px; margin: 0px; padding: 0px; padding-left: 2px; padding-right: 2px; letter-spacing: 1px}
#actu p.date {font-size: 10px; margin: 0px; padding: 0px; color: #aaaaaa; text-align: right; font-style: italic; padding-right: 2px; letter-spacing: 1px}
p.date {font-size: 10px; margin: 0px; padding: 0px; color: #aaaaaa; text-align: right; font-style: italic; padding-right: 2px; letter-spacing: 1px}
#actu img {padding-left: 2px; padding-top: 5px}
#corps h3 {font-size: 14px; padding-top: 0px; margin-top: 2px; padding-bottom: 0px; margin-bottom: 2px}
p.actu {letter-spacing: 1px; color: #000000; font-size: 12px; padding-left: 5px; padding-right: 5px; padding-top: 0px; margin-top: 2px; padding-bottom: 10px; margin-bottom: 2px}
img.Miniature {margin-right: 10px; color: #FF6C04; width: 120px; height: 90px}
img.Miniature:hover {color: #000000}
ul.News {list-style: none; margin: 0px; padding: 0px; padding-left: 3px}
li.News {list-style: none; margin: 0px; padding: 0px; padding-left: 3px}
u.Titre {text-decoration: none}
p.Fin {}

/* ACCESSOIRES */
#page-accessoires a {text-decoration: none; font-size: 16px}
#page-accessoires a:hover {text-decoration: none; font-size: 16px}
#page-accessoires div.BoutonPDF {width: 270px; position: relative; left: 50%;  margin-top: 10px; margin-left: -120px}
#page-accessoires img.Miniature {margin-right: 10px; width: 165px; height: 110px; border-style: solid; border-width: 2px; border-color: #FF6C04}
#page-accessoires img.Miniature:hover {border-color: #000000}

/* OCCASIONS */

h1#occasions {font-family: Arial black; font-size: 11px; font-weight: normal; letter-spacing: 1px; color: #FF6C04; padding: 0px; margin: 0px; text-align: right}
.listed-occasions {padding-left: 18px; padding-right: 22px; padding-top: 5px; float: left}
a#plus-occasions {color: #FF6C04; font-size: 10px; font-weight: bold; float: right}
#page-occasions img {border: 2px solid; border-color: #FC8D43; margin: 2px}
#page-occasions img:hover {border: 2px solid; border-color: #000000; margin: 2px}
#page-occasions p {font-size: 10px; color: #000000; margin: 0px; padding: 0px}
table.Specifications tr {background-color: #FE8E59}
table.Specifications td {padding-left: 3px; padding-right: 3px}
td.TitreSpecifications {background-color: #AEAEAE}


/* PRODUITS */

#corps a.Produits {color: #FC8D43}
#corps a.Produits:hover {color: #000000; cursor: pointer} 
td.Diaporama {padding-bottom: 6px}
li.Produit {list-style: none; margin: 0px; padding: 0px; clear: both; margin-top: 5px; border-top-style: dashed; border-top-width: 1px; border-top-color: #AEAEAE; text-align: left}
li.Produit a.Produit {margin: 0px; padding: 0px; padding-left: 30%}
span.Message {margin: 0px; padding: 0px}
b.Produit {font-size: 14px}
p.Specifications {clear: both;}
/* CONCESSION */

h3 {font-size: 14px; font-weight: bold; color: #000000; margin: 0px; padding-left: 15px; letter-spacing: 1px; word-spacing: 2px}
p.entete {margin-bottom: 20px; text-align: center}
div.secteurs {margin-top: 8px; background-image: url(concession/fond1.png); background-repeat: no-repeat}
div.secteurs tr {height: 150px}
div.secteurs td {width: 150px}
div.secteurs td:hover {background-color: #AAAAAA}
div.secteurs2 {margin-top: 8px; background-image: url(concession/fond2.png); background-repeat: no-repeat}
div.secteurs2 tr {height: 125px}
div.secteurs2 td {width: 150px}
div.secteurs2 td:hover {background-color: #AAAAAA}

/* CHAPTER */

#corps a.chapter {font-size: 16px; font-weight: bold; color: #FC8D43; margin-left: 200px}