/* couleur
rouge : f10c0c
bleu: 0168bf

*/

/* mise en page generale */
body {
padding: 0px;
margin: 0px;
margin-top: 8px;
width: 100%;
font-size: 0.8em;
font-family: verdana, arial, helvetica, sans-serif;
background: #cccccc;
}

/* conteneur principal */
#conteneur {
position: absolute;
left: 50%;
margin-left: -470px;
width: 940px;
}

/* entete */
div#logo {
height: 142px;
padding: 5px 0 0 20px;
/*background: url("images/logo.png") no-repeat 40px 10px;*/
}

div#entete_haut {
background: url(images/top.png) 0 0 repeat-x;
}

div#entete_gauche {
background: url(images/tl.png) 0 0 no-repeat;
}

div#entete_droit {
height: 150px;
background: url(images/tr.png) 100% 0 no-repeat;
}

/* corps */
#corps {
position: relative;
margin: 0px;
padding: 0;
border: 1px solid #f10c0c;
}

/* menu */
#gauche {
position: absolute;
top: 158px;
left: 0px;
width: 160px;
background-color: #000;
}
/* propriétés communes à l'ensemble des 4 coins */
#cadrehg, #cadrehd, #cadrebg, #cadrebd {
height: 18px;
width: 18px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#cadrehg {
background: url(images/tl1.png);
}
#cadrehd {
float: right;
background: url(images/tr1.png);
}
#cadrebg {
background: url(images/bl1.png);
}
#cadrebd {
float: right;
background: url(images/br1.png);
}

/* menu lateral */
ul.menugauche {
padding: 0px;
margin: 8px 0px;
list-style-type: none;
}
.menugauche li {
margin: 0 0 5px 2px;
font: normal bold 12px verdana, helvetica, arial, serif;
color: #fff;
line-height: 22px;
}
.menugauche li a {
display: block;
/*margin: 0 0 0 2px;*/
height: 22px;
color: #fff;
padding-left: 15px;
text-decoration: none;
}
.menugauche li a:hover {
display: block;
/*height: 22px;*/
background: #ccc url('images/onglet.png') no-repeat 0 0;
color: #000;
text-decoration: none;
}
.menugauche li#actif {
display: block;
height: 22px;
padding-left: 15px;
/*margin: 0 0 0 2px;*/
background: #ccc url('images/onglet.png') no-repeat 0 0;
}

/* newsletter */
#cadremailing {
margin: 0;
padding: 8px 0 0 0;
background: #ccc none;
text-align: center;
font: normal bold 8pt verdana, helvetica, arial, serif;
}
#cadremailing a {
color: #000;
}
#cadremailing a:hover {
color: #f10c0c;
}
/* lettre d'information */
/* mailing */
.mailing {
position: relative;
background: #FFF url("images/lbl1.png") 0 100% no-repeat;
margin: 5px;
width: 400px;
margin-left: auto;
margin-right: auto;
}
.mailingbr {
position: relative;
background: url("images/lbr1.png") 100% 100% no-repeat;
}
.mailingtl {
position: relative;
background: url("images/ltl1.png") 0 0 no-repeat;
}
.mailingtr {
position: relative;
background: url("images/ltr1.png") 100% 0 no-repeat;
padding:8px;
}
.mailingtr p {
font: normal normal 10px verdana,arial,sans-serif;
color: #555;
margin: 0;
padding: 2px 2px 5px 2px;
}
.txt {
padding-top: 2px;
font: normal normal 10px verdana,arial,sans-serif;
color: #555;
}
.btn {
background-color: #DDD;
padding: 2px 10px 0 10px;
font: normal bold 10px verdana,arial,sans-serif;
color: #444;
border: 1px solid #666;
}	
form {
text-align: center;
}
.validemail {
text-align: center;
font: normal bold 12px verdana,arial,sans-serif;
color: #F33;
}
.nbinscrit {
text-align: center;
padding-top: 2px;
font: normal normal 10px verdana,arial,sans-serif;
color: #555;
}
h2 {
font: italic bold 16px sans-serif, verdana, arial, helvetica, serif;
color: #f10c0c;
text-align: center;
}
.validemail {
text-align: center;
font: normal bold 12px verdana,arial,sans-serif;
color: #F33;
}

/* texte */
#texte {
position: absolute;
top: 158px;
left: 168px;
width: 772px;
background: #fff;
background: url(images/cotebordrouge.png) repeat-y;
/*border: 1px solid #f10c0c;*/
}
/* propriétés communes à l'ensemble des 4 coins */
.hautgauche, .basgauche {
height: 20px;
width: 20px;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
.hautgauche {
background: url(images/hautgauche.png) no-repeat left top;
}
.hautdroit {
background: url(images/hautlong.png) no-repeat right top;
}
.basgauche {
background: url(images/basgauche.png) no-repeat left bottom;
}
.basdroit {
background: url(images/baslong.png) no-repeat right bottom;
}
/* contenu */
.contenu {
padding: 20px;
}

p {
margin: 5px 0px 5px 20px;
}
p a {
text-decoration: none;
color: #0168bf;
font-weight: bold;
}
p a:hover {
text-decoration: none;
background-color: #0168bf;
color: #fff;
font-weight: bold;
}

/* partenaires */
#partenaire {
margin: 0px 12px;
padding: 4px;
text-align: center;
background-color: #000;
}
#partenaire a {
text-decoration: none;
}
#partenaire p {
font: normal bold 12px verdana, helvetica, arial, serif;
color: #fff;
text-align: left;
}

/* pied de page */
#bas {
position: relative;
margin: 0px 12px;
height: 22px;
font: normal bold 12px verdana, helvetica, arial, serif;
text-align: center;
color: #fff;
background-color: #0168bf;
}
#bas p {
line-height: 22px;
vertical-align: middle;
}
#bas a {
color: #fff;
background-color: #0168bf;
}
#bas a:hover {
color: #000;
background-color: #0168bf;
}

/********************************/
/* divers                       */
/********************************/
.spacer {
clear: both;
}
.spacer0 {
clear: both;
line-height: 0;
}
.spacer5 {
clear: both;
line-height: 5px;
}
.spacer50 {
clear: both;
line-height: 50px;
}
img {
border: 0;
}
.center {
text-align: center;
}


/** mise en page annonces **/
/* ancienne entrée */
.neoc {
position: relative;
background: #B0C4DE url("images/bl3.png") 0 100% no-repeat;
width: 620px;
margin-left: auto;
margin-right: auto;
}
.rbr {
position: relative;
background: url("images/br3.png") 100% 100% no-repeat;
}
.rtl {
position: relative;
background: url("images/tl3.png") 0 0 no-repeat;
}
.rtr {
position: relative;
background: url("images/tr3.png") 100% 0 no-repeat;
}
/* dernière entrée */
.neoc0 {
position: relative;
background: #0168bf url("images/bl4.png") 0 100% no-repeat;
width: 620px;
margin-left: auto;
margin-right: auto;
}
.rbr0 {
position: relative;
background: url("images/br4.png") 100% 100% no-repeat;
}
.rtl0 {
position: relative;
background: url("images/tl4.png") 0 0 no-repeat;
}
.rtr0 {
position: relative;
background: url("images/tr4.png") 100% 0 no-repeat;
}

/* annonce occasion */
p.sommocc {
text-decoration: underline;
}
.image {
position: absolute;
top: 33px;
left: 30px;
margin: 0;
padding: 0;
width: 200px;
position: relative;  /* fix for IE/Win */
}
.titreocc {
position: absolute;
top: 10px;
left: 60px;
font: normal bold 12px verdana, arial, helvetica, serif;
color: #010101;
}
.programme {
float: right;
width: 335px;
margin: 30px 15px 5px 5px;
padding: 2px 2px 1px 3px;
}
.programme p {
margin: 2px;
padding: 2px;
font: normal normal 12px verdana, arial, helvetica, serif;
color: #010101;
}
ul.liste {
margin: 3px 5px;
padding: 0 0 0 14px;
font: normal normal 11px verdana, arial, helvetica, serif;
color: #010101;
text-align: left;
}
.liste li {
margin: 3px 0 0 0;
padding: 0;
list-style-image: none;
list-style-type: disc;
line-height: 19px;
}


/* annonce neuf */
.imganneuf {
float: left;
padding: 10px;
}
.annonceneuf {
margin: 5px 15px 5px 15px;
padding: 10px 2px 1px 3px;
}
.annonceneuf p {
padding: 2px 2px 2px 210px;
font: normal normal 12px verdana, arial, helvetica, serif;
color: #010101;
}
p.titreneuf {
font: normal bold 12px verdana, arial, helvetica, serif;
color: #010101;
}

/* annonce globale */
.affichedate {
position: absolute;
top: 10px;
right: 30px;
font: normal bold 12px verdana, arial, helvetica, serif;
color: #010101;
}
div.prix {
position: absolute;
bottom: 10px;
left: 40px;
padding: 2px;
font: normal bold 14px verdana, arial, helvetica, serif;
color: #fff;
}

/* legende des images */
.legende {
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding: 0;
width: 452px;
background-color: #000;
font: normal bold 12px verdana, arial, helvetica, serif;
color: #fff;
text-align: center;
}
.imglgd {
border: 1px solid #000;
}

/* affichage des liens */
dl.liens {
margin-left: 50px;
}
.liens dt {
width: 600px;
border-bottom: 1px solid #f10c0c;
}
/*dt span {
text-align: right;
margin-right: 50px;
border: 1px solid green;
}*/
.liens dd{
width: 280px;
margin-bottom: 8px;
margin-left: 320px;
border-bottom: 1px solid #f10c0c;
}
.liens dd a {
text-decoration: none;
color: #0168bf;
font-weight: bold;
}
.liens dd a:hover {
text-decoration: none;
color: #f10c0c;
font-weight: bold;
}

/* affichage de l'actualité */
dl.actus {
margin-left: 50px;
font: normal normal 12px verdana, arial, helvetica, serif;
color: #000;
}
.actus dt {
width: 550px;
margin-bottom: 12px;
margin-left: 90px;
border-bottom: 1px solid #f10c0c;
}
/*dt span {
text-align: right;
margin-right: 50px;
border: 1px solid green;
}*/
.actus dd{
width: 600px;
margin-bottom: 5px;
border-bottom: 1px solid #f10c0c;
font-weight: bold;
}
.actus dd a {
text-decoration: none;
color: #0168bf;
font-weight: bold;
}
.actus dd a:hover {
text-decoration: none;
color: #f10c0c;
font-weight: bold;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}