/* General */
img{ border:0px; display:block; }
p{ margin:0px; padding:0px; padding-bottom:5px; }

.so_clean{ clear:both; height:0px; font-size:0px; line-height:0px; }
.left{ text-align:left; }
.center{ text-align:center; }
.right{ text-align:right; }
.green{ color:#009900; }
.blue{ color:#003399; }
.red{ color:#CC0000; }
.orange{ color:#FF9900; }
.gris{ color:#333333; }
.bold{ font-weight:bold; }
form{ padding:0px; margin:0px; }
.l2{ background-color:rgb(248,248,248); }
.small{ font-size:10px; }
.clear{ clear:both; }
.margin{ margin:auto; }

/* Liens */
a{ color:rgb(41,98,181); text-decoration:none; }
a:hover{ text-decoration:underline; }

/* Conteneurs */
body, html{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#003366; padding:0px; margin:0px; }
body{ background-image:url('/pics/fond.jpg'); background-repeat:repeat-x; background-color:rgb(223,234,240); padding:10px; }
/* Cadre PRINCIPAL */
div#mainframe{ border:1px solid #CCCCCC; width:960px; margin:auto; background-color:#FFFFFF; color:#000000; }
div#mainframe img#logo{ border-bottom:1px solid #CCCCCC; }
/* fin cadre principal */

/* Cadre GAUCHE */
div#leftpanel{ width:770px; padding-top:4px; margin-left:4px; margin-right:6px; float:left; clear:both;   }
div#topleft{ width:770px; height:6px; background-image:url('/pics/round3.gif'); background-repeat:no-repeat; font-size:0px; }
div#bottomleft{ width:770px; height:6px; background-image:url('/pics/round4.gif'); background-repeat:no-repeat; font-size:0px; margin-bottom:8px; }
div#middleleft{ border-left:1px solid rgb(109,109,109); border-right:1px solid rgb(109,109,109); }
div#contentleft{ padding:10px; padding-top:0px; }
/* fin cadre de gauche */

/* Cadres de la page d'accueil */
div.frametop{ clear:both; height:6px; width:748px; background-image:url('/pics/round5.gif'); background-repeat:no-repeat; font-size:0px; margin-top:8px; }
div.framemiddle{ border-left:1px solid rgb(109,109,109); border-right:1px solid rgb(109,109,109); font-size:11px; }
div.framemiddle p.frame{ clear:both; margin:0px; padding:0px; padding-left:6px; padding-right:6px; padding-bottom:5px; }
div.framebottom{ clear:both; height:6px; width:748px; background-image:url('/pics/round6.gif'); background-repeat:no-repeat; font-size:0px; }
/* fin cadres page accueil */

/* CADRE de DROITE */
div#rightpanel{ width:170px; padding-top:4px; float:left; font-size:11px; }
div#pubgoogle{ width:120px; height:600px; margin:auto; border:1px solid rgb(41,98,141); margin-bottom:4px; }
div#rightpanel div.cadre{ border:1px solid #CCCCCC; margin:10px; margin-bottom:0px; padding:4px; /*background-image:url('/pics/degrade_gris.gif'); background-position:bottom; background-repeat:repeat-x;*/ background-color:rgb(250,250,250); }
div#rightpanel p{ padding:0px; margin:5px; margin-bottom:0px; padding-bottom:3px; }
div#topright{ background-image:url('/pics/round1.gif'); background-repeat:no-repeat; height:6px; width:170px; font-size:0px; }
div#middleright{ border-left:1px solid rgb(109,109,109); border-right:1px solid rgb(109,109,109); }
div#bottomright{ background-image:url('/pics/round2.gif'); background-repeat:no-repeat; height:6px; width:170px; font-size:0px; margin-bottom:8px; }
/* fin cadre droite */

/* Footer */
p#copyright{ clear:both; margin:0px; width:100%; padding:0px; text-align:center; font-size:10px; height:17px; background-image:url('/pics/footer.gif'); background-repeat:repeat-x; color:#003366; line-height:17px; border-top:1px solid #CCCCCC; }
p#copyright span{ display:none; }
p#copyright img{ display:inline; vertical-align:middle; }
/* fin footer */

/* Titre des rubriques */
div#leftpanel h1{ background-repeat:repeat-y; background-position:top right; letter-spacing:2px; margin:0px; padding:1px; padding-left:15px; font-weight:normal; margin-bottom:5px; }
div#leftpanel h1{ color:rgb(255,255,255); background-color:rgb(221,39,39); background-image:url('/pics/degrade_rouge.gif'); font-size:20px; border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; }
div#leftpanel h2{ background-image:url('/pics/h2.gif'); background-repeat:no-repeat; letter-spacing:2px; width:728px; padding:0px; margin:auto; padding-left:20px; margin-top:2px; margin-bottom:5px; height:22px; line-height:22px; font-size:13px; font-weight:bold; color:rgb(41,98,141); }
div#leftpanel h3, div#rightpanel h2{ background-color:#FFBB00; margin:0px; padding:0px; padding-left:15px; line-height:16px; height:16px; margin-bottom:8px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; letter-spacing:2px; border-top:1px solid rgb(109,109,109); border-bottom:1px solid rgb(109,109,109); color:#FFFFFF; background-image:url('/pics/degrade_jaune.gif'); background-position:right top; background-repeat:repeat-y; }
div#leftpanel h3 img{ display:inline; vertical-align:middle; }
/* fin titres rubriques */

/* Vignettes annonces */
ul.annonces{ margin:0px; padding:0px; margin-left:5px; font-size:11px; padding-bottom:6px; height:220px; }
ul.annonces2{ margin:0px; padding:0px; margin-left:5px; font-size:11px; padding-bottom:6px; height:670px; }
li.annonces{ margin:0px; padding:0px; list-style-type:none; width:100px; height:220px; border:1px solid #CCCCCC; float:left; text-align:center; background-color:#FFFFFF; margin-left:1px; margin-right:2px; margin-bottom:3px; background-image:url('/pics/degrade_gris.gif'); background-repeat:repeat-x; background-position:bottom; }
div.miniature{ height:76px; width:100px; }
div.miniature a{ border-bottom:1px solid #CCCCCC; display:block; width:100px; }
div.miniature a img{ margin:auto; }
ul.details{ margin:0px; padding:0px; }
li.annonces p{ margin-bottom:2px; line-height:13px; }
li.annonces p.type{ height:26px; line-height:13px; margin-top:2px; }
ul.details{ margin:0px; padding:0px; margin-bottom:8px; text-align:left; height:39px; }
ul.details li { color:rgb(41,98,181); list-style-type:disc; margin:0px; padding:0px; height:13px; line-height:13px; margin-left:22px; }
a.annonces img{ border:none; display:inline; }
li.annonces p.paru{ color:rgb(109,109,109); font-size:9px; margin:0px; padding:0px; line-height:9px; }
/* fin vignettes annonces */

/* Bloc des news */
ul.news{ border:1px solid #CCCCCC; padding:0px; margin:0px; margin-left:10px; margin-top:10px; margin-bottom:6px; margin-right:10px; padding-left:5px; padding-right:5px; padding-top:10px; background-image:url('/pics/degrade_gris.gif'); background-repeat:repeat-x; background-position:bottom; }
ul.news em{ color:#990000; }
ul.news li{ list-style-type:disc; list-style-image:url('/pics/puce.gif'); margin:0px; padding:0px; margin-left:20px; margin-right:20px; margin-bottom:10px; border-bottom:1px dashed #CCCCCC;  }
ul.news li p{ padding:5px; margin-bottom:5px; line-height:13px; }
ul.news strong.titre{ color:#006600;  }
ul.news span.titre{ color:#FF0000; font-weight:bold; }
ul.news p.classement{ padding:0px; margin:0px; border:1px solid #CCCCCC; line-height:20px; height:20px; text-align:center;  font-weight:bold; color:#CC0000; margin-bottom:9px; width:300px; display:block; background-image:url('/pics/navbar.gif'); background-repeat:repeat-x; background-position:0px -20px; }
ul.news span.nouveau{ color:#CC6600; padding:2px; border:1px solid #CCCCCC; font-weight:bold; padding-left:20px; padding-right:20px; background-image:url('/pics/navbar.gif'); background-position:0px -20px; background-repeat:repeat-x; }
ul.news p.rubriques{ margin-top:0px; border:1px solid #CCCCCC; background-image:url('/pics/degrade_gris.gif'); }
ul.news p.rubriques strong{ color:#CC6600; text-decoration:underline;  }
ul.news p.probleme{ text-align:right; font-size:10px; padding:0px; margin:0px; padding-bottom:8px; }
ul.news p.probleme a {  height:16px; line-height:16px; color:#666666;  }
ul.news p.probleme a img{ display:inline;  }
/* fin bloc des news */

/* Bloc de l'edito */
div.edito { height:128px; }
p#edito { margin:0px; padding:0px; padding-left:6px; padding-right:6px; padding-bottom:3px;  width:498px; float:left; line-height:13px;  }
p#edito strong{ color:rgb(0,102,0); }
ul#quicklink{ margin:0px; padding:0px; margin-left:8px; float:left; width:218px; margin-top:2px; }
ul#quicklink li{ margin:0px; padding:0px; list-style-type:none; width:100%; margin-top:7px;  }
ul#quicklink a{ background-image:url('/pics/bouton.gif'); background-repeat:no-repeat; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  letter-spacing:2px; display:block; width:100%; height:24px; line-height:24px; text-align:center; }
ul#quicklink a:hover{ text-decoration:none;color:#CC0000; background-position:0px -24px; }
ul#quicklink2{ margin:0px; padding:0px; /*width:218px;*/ width:460px; margin:auto; padding-bottom:8px; height:24px; margin-top:5px;  }
ul#quicklink2 li{ margin:0px; padding:0px; list-style-type:none; width:218px; margin-left:7px; height:24px; line-height:24px; vertical-align:middle; float:left; }
ul#quicklink2 a img{ display:inline; float:left; position:relative; left:6px; top:7px; }
ul#quicklink2 a{ background-image:url('/pics/bouton.gif'); background-repeat:no-repeat; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;  letter-spacing:2px; display:block; width:100%; height:24px; line-height:24px; text-align:center; }
ul#quicklink2 a:hover{ text-decoration:none;color:#CC0000; background-position:0px -24px; }
ul#quicklink3{ margin:0px; padding:0px; width:460px; margin:auto; padding-bottom:8px; height:60px; margin-top:5px;  }
ul#quicklink3 li{ margin:0px; padding:0px; list-style-type:none; width:218px; margin-left:7px; height:60px; /*line-height:60px;*/ vertical-align:middle; float:left; }
ul#quicklink3 a{ padding-top:7px; background-image:url('/pics/bouton2.gif'); background-repeat:no-repeat; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; display:block; width:100%; height:53px; text-align:center; }
ul#quicklink3 a img{  margin:auto; }
ul#quicklink3 a:hover{ text-decoration:none;color:#CC0000; background-position:0px -60px; }
/* fin bloc de l'edito */

/* Menus - General */
ul#menu1{ width:960px; }
ul#menu1, ul#menu2{ margin:0px; padding:0px;  height:28px; }
ul#menu1 li, ul#menu2 li{ margin:0px; padding:0px; list-style-type:none; float:left; text-align:center;  }
ul#menu1 li a, ul#menu2 li a{ text-decoration:none; background-repeat:no-repeat; background-position:0px 0px; color:#FFFFFF; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; display:block; height:28px; line-height:22px; width:100%; }
ul#menu1 li a:hover, ul#menu2 li a:hover{ color:#FFFFCC; }
ul#menu1 li a.courant, ul#menu1 li a.courant:hover, ul#menu2 li a.courant, ul#menu2 li a.courant:hover{ color:#FFFF99; background-position:0px -28px; line-height:28px; }
/* Menu niveau 1 */
ul#menu1 li, ul#menu1 li a{ width:192px; letter-spacing:2px; } ul#menu1 li a{ background-color:rgb(221,39,39); background-image:url('/pics/onglet_rouge.gif'); }
/* Menu niveau 2 */
ul#menu2 li, ul#menu2 li a{ width:160px; } ul#menu2 li a{ background-color:rgb(47,98,141); background-image:url('/pics/onglet_bleu.gif'); }
/* Menu niveau 3 */
ul#menu3{ margin:0px; padding:0px; background-image:url('/pics/menu3.gif'); background-repeat:no-repeat; padding:1px; height:20px; padding-left:16px; margin-top:8px; }
ul#menu3 li{ list-style-type:none; padding:0px; margin:0px; float:left; width:170px; height:20px; border-left:1px dashed #CCCCCC; border-right:1px dashed #CCCCCC; margin-left:-1px; }
ul#menu3 li a{ font-size:10px; font-weight:bold; /*color:#006600;*/ width:100%; height:20px; display:block; text-align:center; line-height:20px; letter-spacing:1px; }
ul#menu3 li a:hover{ text-decoration:none; color:#CC9900; background-image:url('/pics/bouton3.gif'); background-position:0px -20px; }
ul#menu3 li a.courant{ background-image:url('/pics/bouton3.gif'); background-position:0px 0px; color:#CC0000; }
ul#menu3 li a.courant:hover{ background-position:0px -40px; color:#CC0000; }

/* arborescence */
p#arbo span.current{ color:#CC0000; font-weight:bold; }
p#arbo span.recap strong{ color:rgb(0,102,0); }
p#arbo a { font-weight:bold ;}
p#arbo{ padding-top:5px; padding-bottom:10px; }
/* sous-rubriques */
ul#subcats{ margin:0px; padding:0px; width:706px; padding:10px; margin:auto; border:1px solid #CCCCCC; margin-bottom:8px; background-image:url('/pics/degrade_gris.gif'); background-position:bottom; background-repeat:repeat-x; }
ul#subcats li {margin:0px; padding:0px; float:left; height:15px; line-height:15px; width:320px; padding-left:30px;  list-style-type:none;  background-image:url('/pics/puce.gif'); background-repeat:no-repeat; background-position:16px 1px; }
/* barre de navigation */
ul.navbar{ margin:0px; padding:0px; width:720px; margin:auto; margin-bottom:8px; height:20px; line-height:20px; border:1px solid #CCCCCC; background-image:url('/pics/navbar.gif'); background-repeat:repeat-x; }
ul.navbar li{ border-right:1px dashed #CCCCCC; width:59px; float:left; padding:0px; margin:0px; list-style-type:none; text-align:center; font-weight:bold; color:#666666; }
ul.navbar li{ font-size:10px; }
ul.navbar li.current { background-image:url('/pics/navbar.gif'); background-position:0px -20px; }
ul.navbar li.current a{ color:#CC0000;  }
ul.navbar li.next{ border-right:none; }
/* Recherche */
div.search, div.arbo{ padding:10px; margin:auto; border:1px solid #CCCCCC; margin-left:10px; margin-right:10px; margin-bottom:8px; background-image:url('/pics/degrade_gris.gif'); background-repeat:repeat-x; }
div.arbo{ padding:0px; padding-top:5px; padding-left:5px; }

/* Tableau des details des annonces */
table.details { text-align:left; margin:0px; padding:0px; margin:auto; margin-bottom:8px; width:100%; } 
table.details td.colleft { text-align:right; width:170px; padding-right:3px; letter-spacing:1px; }
table.details td { vertical-align:top; line-height:15px;  }
table.details td img { display:inline; }
table.details td.photos { width:120px; }
table.details td.photos a{ border:1px solid #CCCCCC; }

/* Tableau de liste des annonces */
table.annonces{ width:722px; margin:auto; border:1px solid #AAAAAA; margin-bottom:8px; border-collapse:collapse; }
table.annonces th{ border:1px solid #CCCCCC; background-image:url('/pics/navbar.gif'); background-position:0px -20px; height:20px; line-height:20px; color:#666666;  }
table.annonces th a{ color:#666666; }
table.annonces th a:hover{ color:#999966; }

table.annonces td{ border:1px solid #DDDDDD; height:30px; }
table.annonces img{ margin:auto; display:inline; }
.borderright{ padding-right:6px; }
.borderleft{ padding-left:6px; }



table.result{ border:1px solid #BBBBBB; border-collapse:collapse; margin:auto; margin-bottom:8px; }
table.result td{ border:1px solid #CCCCCC; vertical-align:top; }
table.result th img, table.result td img{ display:inline; vertical-align:middle; }
table.result th{ border:1px solid #CCCCCC; /*background-color:rgb(228,228,228);*/ background-image:url('/pics/navbar.gif'); background-position:0px -20px; }



/* Formulaires */
table.xform2{ border:1px solid rgb(0,102,0); margin:auto; margin-bottom:10px; }
td.xform2_u, td.xform2_ul, td.xform2_ur{ border-bottom:1px solid rgb(0,102,0); text-align:center; color:rgb(0,102,0); background-color:rgb(183,201,181); font-weight:bold; height:20px; }
td.xform2_ur { background-color:#FFFFFF; }
td.xform2_u { background-image:url('/pics/degrade_vert.gif'); background-repeat:repeat-y; background-position:top right; }

td.xform2_label{ text-align:right; padding-right:5px; font-weight:bold; vertical-align:top; }
td.xform2_required{ text-align:right; }
.error, .xform2_error { color:#CC0000; font-weight:bold; text-align:center; background-color:#FFFFCC; }
.xform2_required{ color:#FF9900; font-weight:bold; }

input.subm{ width:100px; font-weight:bold; color:#003399; font-size:10px; }
input.subm2, input.disabled{ width:200px; font-weight:bold; color:#003399; font-size:10px; }
input.subm3{ width:100px; font-weight:bold; color:#CC0000; font-size:10px; }
input.subm4{ width:200px; font-weight:bold; color:#CC0000; font-size:10px; }


div.xform2_section{ font-weight:bold; color:#FFFFFF; background-color:rgb(47,98,141); }

div.frame{ background-color:#FFFFFF; }

table#annonces{ text-align:left; }
table#annonces input{ font-size:10px; }
table#annonces select{ font-size:10px; }
table#annonces .xform2_label{ font-size:10px; }
table#annonces .xform2_field{ font-size:10px; }
table#annonces select{ width:156px; }