/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 0; /* Remettre à zéro si nécessaire. */
    font-family: Arial, Helvetica, FreeSans, sans-serif;
    font-size: .8em; /* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: #000;
    background:url(../images/background.png) repeat-x #eee;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1em;
}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */
p {
    margin: 0 0 .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a {
	color:#333;
    text-decoration: underline;
}
a:link {
   
}
a:visited {
    
}
a:hover, a:focus, a:active {
   
}
a img {
    border: none;
}

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}

/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */

/* Met en évidence les abréviations */
abbr, acronym {
    border-bottom: 1px dotted;
    cursor: help;
}

/* Met en évidence les citations */
blockquote {
    margin: .75em 0 .75em 20px;
    padding: 0 0 0 10px;
    border-left: solid 2px #ddd;
}
q {
    font-style: italic;
    quotes: none; /* Supprime les guillemets automatiques */
}
q:before, q:after {
    content: ""; /* Supprime les guillemets dans Safari/Chrome */
}
cite {
    font-style: italic;
}
q cite, q q {
    font-style: normal
}

/* Rapproche les paragraphes dans les listes et citations */
blockquote p, li p {
    margin: .5em 0;
}

/* Styles de base pour les listes de définition */
dl {
    margin: .75em 0;
}
dt {
    margin: .75em 0 0 0;
    font-weight: bold;
}
dd {
    margin: .25em 0 .25em 32px;
}


/*//////////////////////////////////////////////////////////////*/

span.tel { color:#132959; font-size:20px; font-weight:bold; }
span.mail { color:#132959; font-size:12px; }
span.mail a { text-decoration:none; color:#132959; }
span.mail a:hover { text-decoration:underline; }

ul.menu-header { list-style:none; color:#FFF; font-size:16px; font-weight:bold; margin:0; padding:0; }
ul.menu-header li { color:#FFF; letter-spacing:0.2px; padding:0; margin:0; display:block; float:left; }
ul.menu-header li a { color:#FFF; display:block; float:left; height:26px; text-decoration:none; padding:6px 32px 0 32px; background:url(../images/header/bordure-menu.png) no-repeat top left; }
ul.menu-header li a:hover { background:url(../images/header/bg-menu-hover.png) top left; }
ul.menu-header li.accueil a { padding:0; margin:0; background:url(../images/header/bt-accueil-1.png) no-repeat top left; width:32px; height:32px; text-indent:-9999px; }
ul.menu-header li.accueil a.in { background:url(../images/header/bt-accueil-2.png) no-repeat top left; }
ul.menu-header li.accueil a:hover { padding:0; margin:0; background:url(../images/header/bt-accueil-2.png) no-repeat top left; width:32px; height:32px; text-indent:-9999px; }
ul.menu-header li.promo a { color:#ffde00 }
ul.menu-header li a.in { background:url(../images/header/bg-menu-hover.png) top left; }


h3.image { color:#033778; font-size:18px; font-weight:bold; font-style:italic;}
h4.infobulle-grise { background:url(../images/infobulle-grise-accueil.png) no-repeat top left; height:36px; width:611px; color:#063471; font-weight:bold; font-size:20px; padding-left:20px; padding-top:5px; margin-top:25px; margin-left:15px; margin-top:5px; }

h4.infobulle-grise-large { background:url(../images/infobulle-grise-large.png) no-repeat top left; height:32px; width:680px; color:#063471; font-weight:bold; font-size:16px; padding-left:10px; padding-top:8px; margin-top:25px;  margin-top:5px; }

h4.infobulle-grise a, h4.infobulle-grise-large a { color:#063471; text-decoration:none; }

h3.infobulle-grise-form { background:url(../images/devis/infobulle.gif) no-repeat top left; height:32px; width:654px; color:#063471; font-weight:bold; font-size:14px; padding-left:20px; padding-top:4px; margin-top:25px;  margin-top:5px; }


.menu-droite ul { margin-left:50px; }
.menu-droite ul li { list-style-image:url(../images/puce-bleu-rond.png); color:black; margin-bottom:5px; }
.menu-droite ul li a { text-decoration:none; color:black; }
.menu-droite ul li strong { text-decoration:underline; }
.menu-droite ul li a:hover {text-decoration:underline; }

.menu-droite h4.infobulle-grise { margin:0; padding:0; margin-bottom:10px; background:url(../images/menu-droite/infobulle-grise.png) no-repeat top left; height:32px; width:238px; color:#063471; font-weight:bold; font-size:16px; padding-left:16px; padding-top:8px; margin-top:25px; }
.menu-droite h4.infobulle-grise a { color:#063471; text-decoration:none; }

.menu-droite h4.infobulle-jaune { background:url(../images/menu-droite/infobulle-jaune.png) no-repeat top left; height:32px; width:238px; color:#063471; font-weight:bold; font-size:16px; padding-left:16px; padding-top:8px; margin-top:25px; }
.menu-droite h4.infobulle-jaune a { color:#063471; text-decoration:none; }

h2.vignette { text-transform:uppercase; font-size:12px; text-decoration:none; font-weight:normal;  }
h2.vignette a { border:1px solid #fff; text-decoration:none; display:block; padding-bottom:5px; color:#252932; }
h2.vignette a:hover { border:1px dashed #ccc; }

h2.vignette2 { text-transform:uppercase; font-size:12px; text-decoration:none; font-weight:normal; height:170px;  }
h2.vignette2 a { border:1px solid #fff; text-decoration:none; display:block; padding-bottom:5px; color:#252932; }
h2.vignette2 a:hover { border:1px dashed #ccc; }

h2.vignette2 img { padding:0 5px; margin-bottom:10px; }

h5.adresse { font-size:21px; margin:0; padding:0; margin-bottom:5px; color:black }
address.adresse { font-size:14px; line-height:18px; color:black; margin:0; padding:0;}

.adresse a, .adresse2 a { color:black; text-decoration:none; }

h5.adresse2 { font-size:17px; margin:0; padding:0; margin-bottom:0px; color:black; font-weight:normal; }
address.adresse2 { line-height:16px; color:black; font-size:12px; margin-top:3px;}

.footer a { text-decoration:none; color:black; }
.footer a:hover { text-decoration:underline; }
.footer {  padding:5px 10px; color:black; background:url(../images/footer.png) no-repeat top left; }
.footer p { line-height:16px; }
.siteG { background:url(../images/bg-gauche.png) repeat-y top right; }
.siteD { background:url(../images/bg-droite.png) repeat-y top left; }
.header { background:url(../images/header/background.png) bottom left repeat-x #fff; }
.menu { background:url(../images/header/bg-menu.png) repeat-x top left #132959; }
span.galeo { text-decoration:underline; }

.menu-gauche-top { background:url(../images/menu-gauche/bg-top.png) no-repeat top right; }
.menu-gauche-footer { background:url(../images/menu-gauche/bg-footer.png) no-repeat top right; padding-left:15px; height:80px; }
td.menu-gauche { background:url(../images/menu-gauche/bg.png) repeat-y top right; letter-spacing:0.5px; }
.menu-gauche h4 { background:url(../images/menu-gauche/h4.png) no-repeat top left; color:black; margin:0; padding:0; margin-top:1px; height:30px;  margin-right:9px; font-size:12px; font-weight:normal;}
.menu-gauche h4 a { display:block; color:black; text-decoration:none; padding-left:20px; padding-top:8px; height:20px; }

.menu-gauche h4.in { font-weight:bold; color:white; background:url(../images/menu-gauche/h4in3.png) no-repeat top left;  }
.menu-gauche h4.in a { color:white; font-weight:bold; }

.menu-gauche h4 a:hover { color:white; background:url(../images/menu-gauche/h4in3.png) no-repeat top left; } 

.menu-gauche ul { margin:0; padding:0; margin-left:37px; margin-top:3px; margin-bottom:2px;}
.menu-gauche ul li { list-style:url(../images/menu-gauche/puce-liste.png); font-size:12px; }
.menu-gauche ul li a { color:#132959; text-decoration:none; }
.menu-gauche ul li a:hover { text-decoration:underline }
.menu-gauche ul li.in a { color:#0066cb; } 

.wrap { background:url(../images/ombre-sous-menu.png) repeat-x top left; padding-left:15px; padding-top:10px; }
h2.bleu { font-size:22px; color:#0066cb; }
h3.bleu { font-size:16px; color:#0066cb; }


.wrap h1 { margin-top:0; margin-bottom:0; }
.wrap p { text-align:justify; line-height:1.4; }

h3.mini-infobulle { margin:0; padding:0; margin-bottom:10px; background:url(../images/infobulle-mini-grise-fleche-bleu.png) no-repeat top left; height:32px; width:154px; color:#063471; font-weight:normal; font-size:12px; display:block; text-align:left; padding-left:5px; padding-top:10px; }
h3.mini-infobulle a { color:#063471; text-decoration:none; display:block; height:17px; padding-top:2px;}

h3.demi-infobulle { margin:0; padding:0; margin-bottom:10px; background:url(../images/infobulle-demi-grise-fleche-bleu.png) no-repeat top left; height:32px; width:210px; color:#063471; font-weight:normal; font-size:14px; display:block; text-align:left; padding-left:8px; padding-top:10px; }
h3.demi-infobulle a { color:#063471; text-decoration:none; display:block; height:22px; padding-top:6px;}

p.plus { text-align:right; margin-right:10px; }
p.plus a { color:#0e2d62 }
p.plus a:hover { text-decoration:none; }

.fil { font-size:12px; color:#666666; margin-bottom:6px; }
.fil a { color:#666666; text-decoration:none; } 
.fil h1, .fil h1 a, .fil h2, .fil h2 a { font-size:12px; color:black; display:inline; } 
.fil a:hover { color:#0e6ea6; }

.none { display:none; }
h2.logo { margin:0; padding:0; }

a.point { display:inline-block; border:1px solid white; }
a.point:hover { border:1px dashed #ccc;  }

p.reference { color:#023879; font-size:14px; margin-top:10px; }

ul.fleche { margin:0; padding:0; padding-left:37px; margin-top:3px; margin-bottom:5px; }
ul.fleche li {  list-style:url(../images/fleche.png); font-size:12px; margin-bottom:3px; }
ul.fleche li:first-letter { text-transform:uppercase;} 

ul.check { margin:0; padding:0; margin-left:37px; margin-top:3px; margin-bottom:5px;}
ul.check li { list-style:disc; font-size:12px; margin-bottom:3px; }

a.pdf { height:20px; width:100px; background:url(../images/fiche-pdf.png) no-repeat top left; display:inline-block; text-decoration:none; padding-left:27px; padding-top:3px; margin-left:70px; margin-bottom:5px; } 

p.verdana { color:#333; line-height:18px; }
p.verdana a { text-decoration:none; color:#333; }
p.verdana a:hover {color:black }

.bleu-gras { font-weight:bold; color:#063471; font-size:12px; padding-top:2px; }

.texte, .texte p { font-size:12px; line-height:16px; }

table.presentation { border-top:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f; border-right:1px solid #7f7f7f;}
table.presentation td { border-left:1px solid #7f7f7f; padding:4px; } 
.couleur1 { background:#e4e4e4 }
.couleur2 { background:#FFF }
.couleur3 { background:#003366; color:white; font-weight:bold;  }
.couleur4 { background:#13589c; color:white; font-weight:bold;  }

table.presentation2 { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; font-size:12px; }
table.presentation2 td { border-left:1px solid #7f7f7f; padding:4px 8px; } 
table.presentation2 td.couleur2, table.presentation2 td.couleur2 { border:1px solid #d8d8d8; }

table.presentation3 { border:1px solid #cccccc; font-size:12px; }
table.presentation3 td { border:0 none; border-bottom:1px solid #CCC; padding:4px 8px; } 
table.presentation3 td.couleur4, table.presentation3 td.couleur3 { background:#e9e9e9; color:#666666; text-align:right; font-weight:normal; }
table.presentation3 .couleur1 { background:white; }


.info { background:#e4e4e4; padding:8px; margin:5px; }

p.photo { text-align:center; }
p.photo img { margin:10px; }
iframe { border:none 0; background:white; }

.contour-image img { border:1px solid #ccc; padding:4px }

h3.logo-oms { margin:0; padding:0; position:relative; }
h3.logo-oms img { position:absolute; top:-40px; left:0; z-index:20; }
h3.logo-oms span { position:absolute; z-index:10; font-size:32px; top:-18px }
h3.logo-oms a { text-decoration:none; color:black; text-transform:uppercase; }

table.liste { border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin:10px 0; text-decoration:none; color:#0a316a; font-size:14px; font-family:Verdana, Geneva, sans-serif; padding:3px; }
table.liste a { text-decoration:none; color:#0a316a; }
table.liste a:hover { color:#000 }

table.liste .pagination a { color:#333333; font-size:14px; margin:0 2px; padding:2px 4px;}
table.liste .pagination a:hover { color:#000000; text-decoration:underline;}
table.liste .pagination a.current { font-weight:bold; text-decoration:underline; }

div.bloc_rechercher { background:url(../images/occasion/fond-rechercher-1.jpg) no-repeat top left #FFF; height:90px; }
div.bloc_rechercher2 { background:url(../images/occasion/fond-rechercher-2.png) no-repeat top left #FFF; height:140px; }
div#bloc_rechercher { width:506px; margin:10px auto 30px auto; padding-top:7px; }

div#bloc_rechercher div.form { width:200px; float:left; margin:10px 0 10px 35px; font-size:12px; }
div#bloc_rechercher div.form label { display:block; margin-bottom:4px; }
div#bloc_rechercher div.form select { width:190px; font-size:12px; padding:1px; }
div#bloc_rechercher p.rechercher { text-align:center; }
div#bloc_rechercher p.rechercher button { border:0; padding:0; width:210px; height:32px; background:url(../images/occasion/btn_rechercher1.png) no-repeat top left; margin:auto; color:#063471; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif }
div#bloc_rechercher p.rechercher button:hover { background:url(../images/occasion/btn_rechercher2.png); cursor:pointer }

table.liste_occasion { margin:auto;	width:100%;	border-collapse: collapse;	margin-bottom:15px;	border:1px solid #CCC;	background:#FFF }
table.liste_occasion thead { font-size: 12px; color:#3d3d3d; }
table.liste_occasion thead tr {  background:url(../images/occasion/table_header.png) #13589c repeat-x bottom left;  border:1px solid #13589c; border-bottom:3px solid #0a4a97;}
table.liste_occasion thead tr th { padding:3px; color:white;  border-right: 1px solid #3e6493; text-align:center; }
table.liste_occasion thead tr th.in { background:#102f62 }
table.liste_occasion thead tr th a { display:block; color:white; text-decoration:none; padding:5px 0; }

table.liste_occasion thead tr th a.tri1 { background:url(../images/occasion/tri1.png) no-repeat 100% 50%; padding-right:8px; margin-right:3px }
table.liste_occasion thead tr th a.tri2 { background:url(../images/occasion/tri2.png) no-repeat 100% 50%; padding-right:8px; margin-right:3px }
table.liste_occasion thead tr th a.tri3 { background:url(../images/occasion/tri3.png) no-repeat 100% 50%; padding-right:8px; margin-right:3px }
table.liste_occasion thead tr th a.tri1:hover, table.liste_occasion thead tr th a.tri2:hover, table.liste_occasion thead tr th a.tri3:hover { text-decoration:underline }
/*
table.liste_occasion thead tr th a.tri1:hover { background-image:url(../images/occasion/tri3.png); }
table.liste_occasion thead tr th a.tri3:hover { background-image:url(../images/occasion/tri2.png); }
table.liste_occasion thead tr th a.tri2:hover { background-image:url(../images/occasion/tri3.png); }
*/
table.liste_occasion tbody tr { border-bottom:1px dashed #CCC; height:70px; }
table.liste_occasion tbody tr td { padding:3px 3px; border-right:1px solid #efeded; color:#333333; font-size:12px; text-align:center  }
table.liste_occasion thead tr th.first, table.liste_occasion tbody tr td.first { border-right:none 0; }

table.liste_occasion tbody tr td.last { border-right:1px solid #CCC; }
table.liste_occasion tbody tr.color1 { background:#e0e0e0; }
table.liste_occasion tbody tr.color2 { background:#FFFFFF; }

table.liste_occasion tbody a.invisible { text-decoration:none; }
table.liste_occasion tbody a.invisible:hover { text-decoration:underline; }

table.liste_occasion tbody tr:hover { background:#e6ecf4; cursor:pointer }
table.liste_occasion tbody tr.nocursor:hover { background:#e6ecf4; cursor:auto }
a.retour { float:right; width:96px; display:block; height:21px; background:url(../images/occasion/btn_retour.png) no-repeat top left; color:#666666; text-decoration:none; font-size:12px; padding:3px 0 0 24px; margin:0 0 10px 0px; }
a.retour:hover { color:#000000 }

h3.infobulle-grise-demi { background:url(../images/occasion/infobulle-grise-demi.png) no-repeat top left; height:32px; width:474px; color:#063471; font-weight:bold; font-size:14px; padding-left:20px; padding-top:4px; margin-top:25px;  margin-top:0px; }

img.small { max-width:50px; max-height:70px; border:1px solid #CCC; background:white; padding:1px; }
img.big { display:block; border:1px solid #CCC; padding:5px; background:white; display:none; position:absolute; top:40px; left:70px; }

.input_plus { border:1px solid #CCC; margin:5px 0 15px 0; padding:5px; width:265px }