/* declarations globales */
img { border: none; vertical-align: middle; }
* { margin: 0; padding: 0; list-style-type: none; }
body { background-color: #676767; font-family:Arial, Helvetica, sans-serif; font-size: 11px; min-width: 830px; max-width: 1200px; margin: 1% auto; padding: 0 1%; } /* cf defaut_ie6 */
.input { border: 1px solid #c4d600; background-color: #f6ffd6; font-size: 10px; text-align: center;  }
a { color: #02759c; }
a:hover { color: #CCFF00; }
h1 { font-size: 12px; color: #000000; display: inline; }
h2, .h2 { color: #FFFFFF; font-size: 15px; font-weight: bold; height: 20px; margin-bottom: 3px; padding: 0 0 0 17px;  }
#mg h2 { text-align: center; padding-left: 0px; }
h3 { font-size: 13px; line-height: 16px; text-align: center; margin: 7px 0; zoom: 1; } /* pour ie */
#content h3 { text-align: left; margin: 7px 10px; padding: 0 30px 0 3px; }
h4 { font-size: 12px; color: #000000; margin: 5px 0 5px 3px; color: #442155; }
.center { text-align: center; clear: both; }
.gris { color: #999999; }
.spacer { clear: both; font-size: 0px; line-height: 0px; height: 0px; width: 0px; }
.gras { font-weight: bold; }
p { padding: 2px; margin-bottom: 7px; margin: 4px 2px; }
dt { font-weight: bold; padding: 0 0 0 3px; }
dd { margin: 0 0 0 6px; }
li { margin-left: 5px; }
.note { padding-left: 2px; zoom: 1; } /* pour ie */
.outro { color: #777777; text-align: right; display: block; margin: 0 3px 0 0;  }
.pages { text-align: center; margin-top: 10px; font-size: 13px; font-weight: bold; }
.red { font-size: 13px; font-weight: bold; color: #ff053a; }

.google { text-align: center; margin: 10px 15%; width: 70%; }
.google a { color: #ff053a; }

.gcarre { background: #F1FFB8; width: 75%; margin: 10px auto; }
.gcarre_top div { background: url(/images/gcarre_tl.png) no-repeat top left; }
.gcarre_top { background: url(/images/gcarre_tr.png) no-repeat top right; }
.gcarre_content { margin: -20px 20px 0; text-align: center;  }
.gcarre_bottom div { background: url(/images/gcarre_bl.png) no-repeat bottom left; }
.gcarre_bottom { background: url(/images/gcarre_br.png) no-repeat bottom right; margin-top: -20px; }
.gcarre_top div, .gcarre_top, .gcarre_bottom div, .gcarre_bottom { width: 100%; height: 20px; font-size: 1px;}

.google1 { float: right; width: 120px; clear:none; margin: 0 6px; }
.retour { text-align: right; font-size: 16px; font-weight: bold; margin-right: 10px; }
.vignette { vertical-align: top; }
.u { text-decoration: underline; }

/*header*/
#fond { background-color: #efefec; border: 1px solid #3D4426; height: 100%; position: relative; padding-bottom: 10px; }
.toplinks { text-align: right; margin: 0; }
.toplinks li { margin: 0 10px 0 0; line-height: 20px; color: #666666; display: inline; }
.toplinks a { color: #666666; }
#logo { background: url(/images/logo.jpg) no-repeat; height: 90px; background-color: #145a6e; }
#menuhaut { background-color: #e6fc6d; line-height: 19px; width: 100%; height: 19px; margin: 0; background-image: url(/images/boxverte.png); position: relative; }
#menuhaut li { margin: 0 0 0 10px; position: absolute; top: 1px; }
#menuhaut a { color: #4b510c; }
#plan { margin: 3px; }
#fondpub { -moz-opacity:0.5; opacity: 0.5; filter:alpha(opacity=50); position: absolute; right: 5px; width: 251px; height: 81px; margin-top: 4px; background-color: #000c10; }
#pub { position: absolute; right: 5px; width: 250px; height: 80px; margin-top: 4px; z-index: 2; border: 1px solid #000033; color:#CCCCCC; text-align: left; }
#pub span { font-weight: bold; color: #FFF; }
#pub a { color: #01c8cf; }
#pub .photostar { float: right; margin: 3px; width: 101px; height: 76px; text-align: right; }
#pub .photostar img { width: 101px; height: 74px; }

/*mise en page*/
#mg { float: left; width: 155px;  margin-top: 3px; position: relative; left: 3px; }
#md { float: right; width: 250px; position: relative; right: 3px;  }
#conteneur { float: right; width: 100%; margin-left: -161px; margin-top: 3px; }
#conteneur2 { float: left; width: 100%; margin-left: -256px; }
#content { margin-left: 417px; }

#menubox { background-color: #FFF; border: 2px solid #e0f500; border-top: 0; border-bottom-width: 4px; margin-bottom: 5px; }
#menuboxg { background-image: url(/images/boxvertg.png); float: left; height: 20px; width: 34px; margin:  0 -3px 0 -2px; position: relative; z-index: 1; }
#menuboxd { background-image: url(/images/boxvertd.png); float: right; height: 20px; width: 20px; margin:  0 -2px 0 -3px; position: relative; z-index: 1; }
#menubox h2 { background-image: url(/images/boxverte.png); color: #5d6047; }
#menubox ul { margin-top: -3px; position: relative; }
#menubox li { position: relative; margin: 0; }
#menubox li img { position: relative; margin-top: -1px; }
#menubox li a { background-color: #eef8c0; color: #494a42; font-weight: bold; text-decoration: none; display: block;   position: absolute; width: 120px; height: 26px; padding : 3px 0 0 4px; right: 0px; top: 0px; line-height: 11px; }
#menubox li a:hover { background-color: #dbf339; color: #FFF; }
#menubox .valign { padding-top: 8px; height: 20px; }
#menubox .fondblanc { background-color: #fafdea; }

.boxbleue { border: 2px solid #008ba0; border-top: 0; border-bottom-width: 4px; color: #1f282c; padding-bottom: 5px; margin-bottom: 5px; background-color: #fff; }
.boxbleueg { background-image: url(/images/boxbleueg.png); float: left; height: 20px; width: 20px; position: relative; z-index: 1; margin: 0 -3px 0 -2px; } /*cf defaut_ie.css */
.boxbleued { background-image: url(/images/boxbleued.png); float: right; height: 20px; width: 20px; position: relative; z-index: 1; margin:  0 -2px 0 -3px; }/*cf defaut_ie.css */
.boxbleue h2 { background-color: #008ba0; background-image: url(/images/boxbleue.png); position: relative; }
.boxbleue h3 { background-color: #f4e6f4; color: #6e466e;  }
.boxbleue .note { background-color: #e2eff1; }

.boxrose { background-color: #fff; border: 2px solid #dd3061; border-top: 0; color: #55454a; border-bottom-width: 4px; padding-bottom: 5px; margin-bottom: 5px; }
.boxroseg { background-image: url(/images/boxroseg.png); float: left; height: 20px; width: 20px; margin: 0 -3px 0 -2px; position: relative; }/*cf defaut_ie.css */
.boxrosed { background-image: url(/images/boxrosed.png); float: right; height: 20px; width: 20px; margin:  0 -2px 0 -3px; position: relative; }/*cf defaut_ie.css */
.boxrose h2 { background-image: url(/images/boxrose.png); background-repeat:repeat; background-position:center; }
.boxrose h3 { background-color: #ed6f9b; background:url(/images/h3rosed.png) right no-repeat #ed6f9b; }
.boxrose .note { background-color: #ffe5d4; color: #c75000; }

/*Footer*/
.partindex { font-size: 9px; text-align: center; clear: both; }
ul#footer { clear: both; text-align: center; font-size: 9px; margin: 5px 20px; }
ul#footer li { display: inline; margin: 10px 1px;  }
ul#footer a { clear: both; text-align: center; color: #999999; font-size: 9px; text-decoration: none; }
#conclusion { text-align: center; margin: 0 auto; }

/*recherche*/
ul.inline { margin: 0 0 7px 0;}
ul.inline li { float: left; line-height: 18px; margin: 0 0 0 7px; white-space: nowrap;  }
ul#inputbox { text-align: center; margin: 0 2px 0 0; }
ul#inputbox li { color: #FFF; position: relative; float:left; margin: 3px 0 3px 5px; height: 34px; padding: 0 8px; background: url(/images/inputboxg.png) no-repeat #9d8eba; }
ul#inputbox li div { position: absolute; height: 34px; width: 8px; background: url(/images/inputboxd.png); right: 0px; }
ul#inputbox li input, ul#inputbox li select { color: #10083a; border: 0px; background: #FFF; border-top: 1px solid #66597f; border-left: 1px solid #66597f; }
ul#inputbox li span { display: block; font-weight: bold; white-space: nowrap; }
ul#inputbox li span em { font-size: 9px; font-weight: normal; }

/*Dernieres annonces*/
#content .last, #content .last2 { width: 33%; float: left; text-align: center; margin: 10px 0; list-style-image: none; padding: 0; position: relative; }
#content .last2 { width: 96%; text-align: left; margin: 0 1%; }
#content .last h3  { margin: 0; padding: 0; text-align: center; }
#content .last li, #content .last2 li { text-align: left; line-height: 11px; margin: 3px 0; padding-left: 6px; }
#content .last2 li { width: 32%; float: left; }
#content .last li a, #content .last2 li a { display: block; background-color: #f6ffd6; position: relative; margin-left: -2px; padding: 1px 0; color:  #87ad00; }
#content .last li a:hover, #content .last2 li a:hover { background-color: #e8ff81; display: block; }
#content .photo { text-align: center; list-style-image: none; }
#content .photo img { width: 100px; height:75px; }
#content .photo li { float: left; margin: 0; width: 25%;  position: relative; }
#content .photo span { font-weight: bold; }
#content .photo li a { margin: 0 auto; display: block; width:100px; height: 75px; padding: 0; border: 0; }
#content .photo .cacheimage { width: 100px; height: 76px; position: absolute; }

/*Annonce star gauche */
#annstar h2 { margin-bottom: 4px; }
#annstar { text-align: center; }

/*Menu*/
.impaire { background-color: #e2eff1; }
.menu li { margin: 0; }
.menu a { display: block; background: url(/images/puce.png) left no-repeat; margin-left: 3px; padding-left: 12px; zoom: 1; /*Pour IE*/ }/* cf defaut_ie6 pour display:block*/
.menu a:hover { background-color: #6388a0; color: #FFFFFF; background-image: none; }
.menu .inline { margin: 0 5px; }
.menu .inline a { display: inline; background-image: none; margin: 0; padding: 0; }
#content .menu { margin-left: 5px; }

/*specifiques*/
#siterss { position: absolute; margin-top:-21px; right: 5px; font-size: 9px; color: #FFFFFF; width: 100px; }

.form { margin-bottom: 10px; zoom: 1; clear: both; }
.form dt { border-bottom: 1px #c4d600 dotted; width: 29%; margin-left: 1%; float: left; clear: both; }
.form dd { margin-left: 30%; position: relative; top: 2px; margin-top: 2px; }

/* villes */
.villes { float: left; }

/* Query_do */
.qdo { margin: 5px; zoom: 1; }
.qdo .photo img { float: right; height: 90px; width: 120px; }
#content .qdo h3 { background-color:#6d86a1; margin: 0; position: relative; color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif; }
#content .qdo h3 span { font-weight: normal; }
.qdo .left {  }
.qdo .right { position: absolute; right: 5px; top: 0; }
.actions { background-color: #e6ecf3; padding-left: 10px; }

/* departements */

table#departements { width: 80%; margin: 0 auto;}
#departements td { text-align: left; font-size: 10px; line-height: 8px; width: 24%; }

/* LightBox */

#lightboxfond { display: none; z-index: 10; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000000; position: fixed; }
#lightbox { z-index: 11; width: 400px; position: absolute; background-color: #FFF; display: none; border: 2px solid #e1fb66; }
#lightbox .lien { font-size: 14px; font-weight: bold; }
#lightbox h2 { height: 20px; background-color: #e1fb66; background-image: none; display: block; text-align: center; color: #5c7e00; }

/* diagnostif */
a.masque { text-decoration: none; display: block; }
a.masque:hover { background: none; }
a.masque p { display: none; color: #495817; background: #f6fdde; }
.label { float: left; width: 200px; }
.label label { display: block; }