/* cmsms stylesheet: 67auto_noir modified: 25/09/2017 10:09:10 */
/* REGLES GENERALES **************************************/
*, ul, li {
margin: 0;
padding: 0;
border-width: 0px;
font-family: Arial, Sans-serif;
color: black;
font-size: 12px;
}

body {
background: #161616 url(https://www.67auto.com/images/bandeau.jpg) no-repeat top center;
}

.clearb {
clear: both;
}

/* IMAGES **************************************/
img#logo {
margin-left: 10px;
margin-top:16px;
}

div#gauche-accueil img {
float: left;
clear: left;
margin-bottom: 2px;
margin-right: 10px;
margin-left: 4px;
}

div#centre-accueil img {
margin-top: 6px;
margin-left: 20px;
margin-bottom: 2px;
}

div#droite-accueil img {
margin-bottom: 2px;
float: left;
margin-right: 8px;
}

img.gauche {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

#item_image,
.item_thumbnails img {
border: 1px solid white;
}

/* LIENS **************************************/
a {
color: #345fa0;
text-decoration: none;
}
a:hover {
color: white;
}

div#coord a {
display: block;
width: 125px;
height: 18px;
background-image: url(https://www.67auto.com/images/fond-contact.jpg);
font-size: 15px;
margin-top: 8px;
padding-top: 2px;
}
div#coord a:hover {
color: #ccc;
}

div#cadre-vert a {
width: 165px;
height: 23px;
background-image: url(https://www.67auto.com/images/fond-lien-gris.png);
font-size: 15px;
margin-top: 8px;
padding-top: 5px;
}
div#cadre-vert a:hover,
div#footer a:hover {
color: #ccc;
}

div#footer a {
color: white;
}

div#ariane a,
div#ariane span {
font-size: 9px;
}

{* Favoris *}
div#menu span a {
float: right;
color: white;
margin-right: 20px;
margin-top: 5px;
}

.lien-envoi {
}

/* TEXTES **************************************/
p {
margin-bottom: 5px;
}
div.category_item p,
div.category_item_bleu p {
padding-left: 5px;
margin-top: 5px;
}
div#cadre-gris *,
div#footer p,
div.contact-vehicule p,
div#contenu p,
div#contenu p strong,
div#contenu span,
div#contenu li,
div#ariane,
div#ariane a,
div#ariane span {
color: white;
}
div#bloc-accueil p,
div#contenu div.technique p,
div#contenu div.technique p strong {
color: black;
}

h1 {
font-size: 18px;
font-weight: normal;
border-bottom: 2px solid #869f22;
margin-bottom: 14px;
margin-top: 20px;
color: white;
}
h1#soustitre {
margin-top: -40px;
margin-left: 130px;
border-width: 0px;
}
h1#soustitre a {
color: #CCC;
font-size: 12px;
text-decoration: none;
}

h2, h2 a {
font-size: 17px;
color: #325c9b;
padding-top: 2px;
margin-bottom: 5px;
margin-top: 15px;
}

h2 img {vertical-align: middle}

div#gauche-accueil h2 {
margin-top: 0px;
margin-bottom: 0px;
}

div.category_item h2,
div.category_item_bleu h2,
div.category_item h2 a,
div.category_item_bleu h2 a {
font-size: 13px;
padding-left: 3px;
padding-top: 0px;
margin-top: 5px;
margin-bottom: 2px;
}
div#coord h2 {
font-size: 17px;
clear: both;
color: black;
margin-top: 0px;
}
div#cadre-gris h2 {
font-size: 17px;
margin-top: 0px;
}
div.contact-vehicule h2 {
color: white;
}

h3,
h3 a {
font-size: 15px;
}
div.contact-vehicule h3,
div.contact-vehicule h3 a {
color: white;
text-align: right;
}
div.envoi-ami h3 {
text-align: right;
}
div.contact-vehicule h3 a:hover {
color: grey;
}

/* LISTES **************************************/
ul, ol {
margin-left: 20px;
}

ul.gauche {
float: left;
}

div#cadre-gris ul,
div.descriptif-voiture ul {
list-style-image: url(https://www.67auto.com/images/puce-bleu.gif);
margin-top: 10px;
}
div.descriptif-voiture ul,
#contenu ul {
list-style-image: url(https://www.67auto.com/images/puce-liste-vert.gif);
}
div#cadre-gris ul li,
div.descriptif-voiture ul li {
margin-bottom: 2px;
}

/* TABLEAUX **************************************/
table.desc-vehicule {
width: 450px;
padding: 5px;
}

table.desc-vehicule td {
vertical-align: top;
color: white;
}

/* BLOCS **************************************/
div#site {
margin: 0 auto;  /* Centrage du site */
width: 994px;
}

div#header {
height: 164px;
}

div#menu {
width: 986px;
background-image: url(https://www.67auto.com/images/fond-menu.jpg);
height: 26px;
position: absolute;
top: 136px;
padding-top: 2px;
}

div#ariane {
padding-left: 10px;
margin-top: 10px;
font-size: 8px;
}

div#contenu {
padding: 10px;
padding-right: 0px;
width: 690px;
float: left;
}

div#col {
width: 281px;
float: right;
}

div#footer {
width: 100%;
background: black url(https://www.67auto.com/images/footer.jpg) repeat-x top left;
height: 42px;
}
div#footer div {
margin: 0 auto;
width: 994px;
text-align: right;
padding-top: 13px;
}

/* CADRES ************************************/
div#bloc-accueil {
    border-radius: 15px;
    padding: 15px;
    // background-image: url(https://www.67auto.com/images/fond-bloc-accueil.png);
    background: #f7f7f7;
}
div#bloc-accueil:after {
    content: '';
    display: block;
    clear: both;
}

div#gauche-accueil {
padding-top: 18px;
width: 400px;
float: left;
}
div#centre-accueil {
width: 100px;
float: left;
}
div#droite-accueil {
width: 145px;
float: left;
margin-left: 12px;
margin-top: 10px;
}

div#alsace {
width: 129px;
height: 229px;
background-image: url(https://www.67auto.com/images/alsace.png);
position: relative;
z-index: 100;
left: 700px;
top: -50px;
}

div#coord {
width: 272px;
background-image: url(https://www.67auto.com/images/fond-cadre-coord.png);
height: 288px;
padding-left: 8px;
}

div#tel,
div#coord a,
div#cadre-vert a {
display: block;
color: white;
font-weight: bold;
float: right;
clear: both;
padding-right: 15px;
text-align: right;
}

div#tel {
background-image: url(https://www.67auto.com/images/fond-tel.jpg);
width: 149px;
height: 23px;
font-size: 19px;
padding-top: 3px;
}

div#cadre-gris,
div#cadre-vert {
width: 265px;
padding-left: 15px;
padding-top: 5px;
margin-top: 15px;
}
div#cadre-gris {
height: 343px;
background: #5b5b5b url(https://www.67auto.com/images/fond-cadre-gris2.png) no-repeat bottom left;
border-radius: 10px
}

div#cadre-vert {
height: 232px;
background-image: url(https://www.67auto.com/images/fond-cadre-vert.png);
}
div#cadre-vert h2, #newsletter h2 {margin-top: 0}

#newsletter {background: #d5d5d5; border-radius: 10px; padding: 10px; margin-top: 15px}
.ym-fbox-button {width: 100%; text-align: center}

/* CATALOGUE *********************************/
/* Blocs d'annonces Catégorie */
div.category_item,
div.category_item_bleu,
div.technique,
div.contact-vehicule,
div.envoi-ami {
width: 164px;
height: 180px;
float: left;
margin-right: 8px;
margin-bottom: 20px;
}
div.contact-vehicule {height: 195px;}
div.envoi-ami {
height: 110px;
clear: left;
}
div.technique {
height: 235px;
}

div.category_item {background-image: url(https://www.67auto.com/images/fond-vignette-gris-4.png);}
div.category_item_bleu {background-image: url(https://www.67auto.com/images/fond-vignette-bleu-3.png);}
div.contact-vehicule {background-image: url(https://www.67auto.com/images/fond-vignette-bleu-4.png); background-color: #1c3356; border-radius: 10px}
div.envoi-ami {background-image: url(https://www.67auto.com/images/fond-vignette-vert.png);}
div.technique {background-image: url(https://www.67auto.com/images/fond-vignette-gris-3.png);}

a.prix {
display: block;
width: 74px;
height: 29px;
position: absolute;
z-index:10;
margin-left: 90px;
margin-top: 25px;
padding-top: 12px;
color: white;
font-weight: bold;
font-size: 14px;
text-align: center;
}

div.category_item .prix {background-image: url(https://www.67auto.com/images/etoile-bleue.png);}
div.category_item_bleu .prix {background-image: url(https://www.67auto.com/images/etoile-verte.png);}

div.category_item_bleu a,
div.category_item_bleu a.prix:hover,
div.category_item a.prix:hover {
color: white;
}
div.category_item_bleu a:hover {
color: grey;
}
div.category_item a:hover {
color: black;
}

/* Page annonce */
div.item_thumbnails {
width: 350px;
float: right;
}

div.catalog_details {
}

div.catalog_item .prix {
background-image: url(https://www.67auto.com/images/etoile-prix-bleue.png);
display: block;
width: 108px;
height: 42px;
position: absolute;
z-index:10;
margin-left: 565px;
margin-top: -50px;
padding-top: 18px;
color: white;
font-size: 18px;
text-align: center;
}

div.descriptif-voiture {
clear: both;
float: right;
width: 488px;
padding: 10px;
padding-top: 1px;
margin-top: 10px;
color: white
}

p.LienPrec, p.LienSuiv {float: left; width: 240px}
p.LienPrec {margin-right: 4px}
p.LienPrec a, p.LienSuiv a  {display: block; height: 25px; width: 200px; background-image: url(https://www.67auto.com/uploads/images/illustrations/boutons-suiv-prec.png); text-align: center; padding: 25px 20px 0; font-size: 10px; color: #bbb}
p.LienSuiv a {background-position: top right}

div.technique,
div.contact-vehicule,
div.envoi-ami {
padding-left: 8px;
padding-right: 8px;
width: 148px;
margin-top: 0px;
}
div.technique {
margin-top: 15px;
}

div#contenu div.envoi-ami p{
color: black;
}

/* FORMULAIRES **************************************/
legend {
color: white;
font-weight: bold;
padding-right: 10px;
padding-left: 10px;
}

div.formcontact {
margin-top: 10px;
}

div.formcontact label {
display: block;
float: left;
width: 130px;
margin-bottom: 2px;
color: white;
}

input,
div.formcontact textarea {
border: 1px solid grey;
margin-bottom: 4px;
padding: 2px;
}

.fbsubmit, .cms_submit {
margin: 10px auto 0;
background-color: #daea92;
width: 150px;
}
div.formcontact .fbsubmit {margin-left: 129px}
.fbsubmit:hover, .cms_submit:hover {
background-color: #92b213;
}

div.formcontact fieldset {
border: 1px solid grey;
padding: 10px;
width: 200px;
float: left;
margin-right: 6px;
margin-top: 8px;
}
div.formcontact fieldset.fieldset_details {
width: 420px;
float: left;
}
div.formcontact fieldset.fieldset_details textarea {
height: 180px;
width: 380px;
}
div.formcontact fieldset.fieldset_coord {
width: 500px;
clear: left;
}

div.submit {
clear: left;
}

.masque {
display: none;
}

/* MENU **************************************/

ul#menu {
list-style-type: none;
margin-left: 44px;
}

ul#menu li {
float: left;
}

ul#menu a,
ul#menu span {
color: white;
font-size: 14px;
text-decoration: none;
font-weight: bold;
display: block;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid white;
}
ul#menu a:hover,
ul#menu span,
ul#menu a.currentpage {
background: white url(https://www.67auto.com/images/fond-lien3.gif) repeat-x top left;
color: black;
border-top: 1px solid white;
}

ul#menu a.titreaccueil:hover,
ul#menu span.titreaccueil {
border-left: 1px solid white;
}

{* COLORBOX ***************************************}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#000; padding:5px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(https://www.67auto.com/images/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(https://www.67auto.com/images/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(https://www.67auto.com/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(https://www.67auto.com/images/controls.png) top center no-repeat; width:82px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

/* Box affichée pour l'envoi à un ami */
div#content-envoi {
width: 450px;
height: 300px;
padding: 20px;
background-color: #161616;
}
div#content-envoi label {
color: white;
display: block;
float: left;
clear: left;
width: 160px;
margin-bottom: 3px;
}
div#content-envoi input, div#content-envoi textarea {
margin-bottom: 2px;
padding: 2px;
}
div#content-envoi .submit input {
margin-top: 5px;
margin-left: 164px;
padding: 2px;
font-weight: bold;
width: 100px;
}
div#content-envoi .submit input:hover {
background-color: #869f22;
color: black;
}

div#content-envoi p,
div#content-envoi li {
color: white;
}
div#content-envoi ul {
margin-bottom: 20px
}