html,body{height:100%;}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#4F4F4F;display:block;}
body{background-color:#f5f5f5;margin:0;padding:0;height:100%;background-repeat:repeat;}
h1,h2,h3,p,form,p.spip,ul,li,fieldset{margin:0;padding:0}
a img{border:0;}
li{list-style:none;}
a,div,h1 { background-repeat:no-repeat; }
a { color:#646d72 ; text-decoration:none; font-weight:bold; }
a:hover { color:#4F4F4F; text-decoration:underline; }
a img { border:0; }
.centrer, .annonce { text-align:center; }
.separateur{clear:both;height:10px;}
h1 { font-size:18px; }
h2 { font-size:15px; }
h3 { font-size:13px; }
h4 { font-size:11px; }
#erreur { color:#FF0000; }
#erreur a { font-weight:bold; color:#FF0000; }
#erreur a:hover { text-decoration:underline; }
/* Contenu texte*/
.txt { overflow:hidden; }
.txt { padding: 3px 0 0 3px; }
.txt ul { padding-top:5px; }
.txt ul li { background-image:url(images/puce.png); background-repeat:no-repeat; background-position:left; list-style:none; padding-left:12px; }
.txt ul li a { font-size:11px; }
#conteneur{display:block;margin:auto;width:1000px;margin:auto;position:relative;min-height:100%;height:100%;voice-family:"\"}\"";voice-family:inherit;height:auto;}
html>body #conteneur{height:auto;}
#fond_page{background-image:url(images/yopps_fond.gif);background-repeat:repeat-y;height:auto;display:block;}
.yopps { color: #9BB50C; font-weight: bold; }
#page { display:block; height:auto; width:975px; margin-left:0px; }
#marge { clear:both; display:block; height:10px; }
.h1 { display:block; height:23px; color:#FFFFFF; text-align:left; font-size:14px; padding:8px 0 0 7px; }
.h2 { display:block; height:23px; color:#FFFFFF; text-align:center; font-size:14px; padding:8px 0 0 0; }
#haut { display:block; height:171px; background-image:url(images/yopps_haut.gif); background-repeat: no-repeat; padding:20px 0 0 0; }
#haut_haut { height:121px; padding:0; }
#logo{ display:block; padding:0; width:218px; float:left; }
#haut_droite { float:left; width:731px; margin-left:23px; background-image:url(images/haut_pub.gif); padding: 5px 0 0 0; font-size: 9px; text-align:center; }
#haut_pub{ float:left; width:511px; padding: 5px 0 0 0; }
#haut_secteur { float:left; width:212px; padding: 70px 0 0 0;}
#gauche, #droite { color:#333333; }
#droite { float:left; width:215px; padding: 0 0 0 15px; }
.bloc_droite_neutre { width:206px; background-image:url(images/h2_neutre.gif); padding:0; }
.bloc_droite_bleu { width:206px; background-image:url(images/h2_bleu.gif); }
.bloc_droite_gris { width:206px; background-image:url(images/h2_gris.gif); }
.bloc_droite_rouge { width:206px; background-image:url(images/h2_rouge.gif); }
.bloc_droite_vert { width:206px; background-image:url(images/h2_vert.gif); }
.bloc_droite_vertf { width:206px; background-image:url(images/h2_vertf.gif); }
.bloc_droite_move { width:206px; background-image:url(images/h2_move.gif); }
.bloc_droite_marron { width:206px; background-image:url(images/h2_marron.gif); }
.bloc_droite_jaune { width:206px; background-image:url(images/h2_jaune.gif); }
.bloc_droite_bleu_ciel { width:206px; background-image:url(images/h2_bleu_ciel.gif); }
.fond_bloc_droite { background-image:url(images/fond_bloc_droite.gif); background-repeat:repeat-y; display:block; text-align:left; width:206px; }
.fond_bloc_droite .txt { padding:5px 8px 5px 8px; }
.pied_bloc_droite { background-image:url(images/pied_bloc_droite.gif); background-position:top; background-repeat:no-repeat; display:block; width:206px; height:15px;clear:both;overflow:hidden!important; }
#gauche { float:left; width:730px;text-align:left;padding:0 0 0 10px;line-height:16px; overflow:hidden; }
.bloc_gauche_neutre { width:723px; background-image:url(images/h1_neutre.gif); }
.bloc_gauche_neutre .h1 { color:#4F4F4F; }
.bloc_gauche_bleu { width:723px; background-image:url(images/h1_bleu.gif); }
.bloc_gauche_bleu .h1 { color:#FFFFFF; }
.bloc_gauche_gris { width:723px; background-image:url(images/h1_gris.gif); }
.bloc_gauche_gris .h1 { color:#FFFFFF; }
.bloc_gauche_rouge { width:723px; background-image:url(images/h1_rouge.gif); }
.bloc_gauche_rouge .h1 { color:#FFFFFF; }
.fond_bloc_gauche { background-image:url(images/fond_bloc_gauche.gif); background-repeat:repeat-y; display:block; text-align:left; width:723px; }
.fond_bloc_gauche .txt { padding:5px 5px 5px 8px; }
.fond_bloc_gauche .centrer { padding:5px 5px 5px 8px; }
.fond_bloc_gauche .annonce { font-size: 14px; font-weight: bold; color:#CC0000; padding:5px 5px 5px 8px; }
.fond_bloc_gauche .colonne { padding:5px 5px 5px 5px; width: 220px; display:block; float: left; }
.colonne .headtitle { clear:both; position:relative; padding:0; }
.colonne .content{ clear:both; position:relative; padding:2px 0 0 0; }
.colonne .title { background:url("images/titre.gif") no-repeat; width: 140px; height: 51px; text-align:center; display:block; float: left; padding:20px 0 0 5px; }
.colonne .ititle { width: 55px; height:71px; display: block; float: left; }
.pied_bloc_gauche { background-image:url(images/pied_bloc_gauche.gif);background-position:top;background-repeat:no-repeat;display:block;width:723px;height:15px;clear:both;overflow:hidden!important; }
#bloc { font-size:0.9em; overflow:hidden; }
/* menu horizontal */
#menu, #menu * { margin:0; padding:0; }
#menu { clear:both; position:relative; height:31px; width:965px; font-size: 13px; line-height:normal; margin: 20px 5px 0 4px; }
#menu ul { margin: 0; padding: 0 0 0 0; list-style: none; }
#menu li { display: inline; margin: 0; padding: 0 0 0 1px; float: left; }
#menu a { float: left; background: url("images/gauche.gif") no-repeat left top; margin:0; padding: 0 0 0 8px; text-decoration: none; text-align: center; height: 31px; }
#menu a span { float: left; display: block; background: url("images/droite.gif") no-repeat right top; padding: 8px 8px 0 0; width: 142px; height: 23px; color: #4F4F4F; }
#menu a span { float: none; }
#menu a:hover span,a.active_haut_oui span{ color: #FFF!important; background-position: 100% -31px!important; cursor: pointer; }
#menu a:hover,a.active_haut_oui{ background-position: 0% -31px!important; cursor: pointer; }
#menu a:hover span,a.active_haut_oui span{ background-position: 100% -31px!important; cursor: pointer; }
#sous_menu { height:3px; width:965px; font-size: 14px; line-height:normal; margin: -3px 5px 0 4px; text-align:center; background:url(images/menu_horiz.gif) repeat-x top; padding: 1px 0 0 0; }
/* Pied de page */
#pied { background-image:url(images/yopps_pied.gif); line-height:11px; height:110px; width:975px; clear:both; display:block; background-repeat:no-repeat; margin:0; text-align:center; }
#pied a { font-weight:bold; }
#pied a:hover { text-decoration:underline; }
#pied #sites { padding: 0px; color: #CC0000; font-weight:bold; }
#pied #contact { padding: 0px; color: #1141a0; font-weight:bold; font-size: 13px; }
#yopps { text-align:center; font-size: 11px; }
#yopps a { font-weight:bold; }
#yopps a:hover { text-decoration:underline; }
/*
body, td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
body {
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #EEEEEE;
scrollbar-shadow-color: #ACACAC;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #ACACAC;
scrollbar-arrow-color: #115AAA;
}
*/
.bg-f { background-color:#FFFFFF; }
.titre-big { color: #FF3300; font-family: Arial, Helvetica, sans-serif; }
a.titre-big:link { color: #FF3300; text-decoration: none; }
a.titre-big:visited { color: #FF3300; text-decoration: none; }
a.titre-big:active { color: #FF3300; text-decoration: none; }
a.titre-big:hover { color: #FF9900; text-decoration: none; }
.titre-big2 { color: #666666; font-family: Arial, Helvetica, sans-serif; }
a.titre-big2:link { color: #CC3366; text-decoration: none; }
a.titre-big2:visited { color: #CC3366; text-decoration: none; }
a.titre-big2:active { color: #CC3366; text-decoration: none; }
a.titre-big2:hover { color: #FF9900; text-decoration: none; }
.mon-adresse { color: #003399; font-size: 12px; list-style-image: url(images/mon-adresse-bullet.gif); }
a.mon-adresse:link { color: #003399; text-decoration: none; font-weight: normal;}
a.mon-adresse:visited { color: #003399; text-decoration: none; }
a.mon-adresse:active { color: #003399; text-decoration: none; }
a.mon-adresse:hover { color: #003399; text-decoration: underline; }
.mon-adresse-caption-vert { border: 1px solid #F7F7F7; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background-color:#F5F5F5; }
.mon-adresse-caption-blue { border: 1px solid #F7F7F7; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background-color:#F7FBFF; }
.mon-adresse-caption-vert-rond { background-color:#F5F5F5; }
.mon-adresse-caption-blue-rond { background-color:#F7FBFF; }
.petit-it { font-size: 9px; font-style: italic; }
.normal-it { font-size: 11px; font-style: italic; }
.petit-b { font-size: 9px; font-weight: bold; }
.normal-b { font-size: 12px; font-weight: bold; }
.nr-tel { font-size: 18px; font-style: italic; }
/*
a:link { color: #333333; text-decoration: underline; font-weight: normal;}
a:visited { color: #333333; text-decoration: underline; }
a:active { color: #333333; text-decoration: none; }
a:hover { color: #F948AC; text-decoration: none; }
*/
.menubare-button { border-top: 1px solid #003366; background-color:#E9EAF0; }
.menubare { color: #333333; font-size: 12px; }
a.menubare:link { color: #333333; text-decoration: none; }
a.menubare:visited { color: #333333; text-decoration: none; }
a.menubare:active { color: #333333; text-decoration: none; }
a.menubare:hover { color: #666666; text-decoration: none; }
.menubare-accueil { color: #FF3300; font-size: 12px; }
a.menubare-accueil:link { color: #FF3300; text-decoration: none; }
a.menubare-accueil:visited { color: #FF3300; text-decoration: none; }
a.menubare-accueil:active { color: #FF3300; text-decoration: none; }
a.menubare-accueil:hover { color: #FF6600; text-decoration: none; }
.menubare-footer-caption { background-color:#115AAA; height: 25px; }
.menubare-footer { color: #FFFFFF; font-size: 10px; }
a.menubare-footer:link { color: #FFFFFF; text-decoration: none; font-weight: normal; }
a.menubare-footer:visited { color: #FFFFFF; text-decoration: none; }
a.menubare-footer:active { color: #FFFFFF; text-decoration: none; }
a.menubare-footer:hover { color: #AECCEB; text-decoration: none; }
.smenu-immobilier { color: #666666; font-size: 11px; }
a.smenu-immobilier:link { color: #FF3300; text-decoration: none; font-weight: normal; }
a.smenu-immobilier:visited { color: #FF3300; text-decoration: none; }
a.smenu-immobilier:active { color: #FF3300; text-decoration: none; }
a.smenu-immobilier:hover { color: #FF3333; text-decoration: none; }
.smenu-tourisme { color: #666666; font-size: 11px; }
a.smenu-tourisme:link { color: #006600; text-decoration: none; font-weight: normal; }
a.smenu-tourisme:visited { color: #006600; text-decoration: none; }
a.smenu-tourisme:active { color: #006600; text-decoration: none; }
a.smenu-tourisme:hover { color: #003300; text-decoration: none; }
.smenu-professionnel { color: #666666; font-size: 11px; }
a.smenu-professionnel:link { color: #336699; text-decoration: none; font-weight: normal; }
a.smenu-professionnel:visited { color: #3399CC; text-decoration: none; }
a.smenu-professionnel:active { color: #3399CC; text-decoration: none; }
a.smenu-professionnel:hover { color: #0066CC; text-decoration: underline; }
.titre-bloc { color: #FFFFFF; font-size: 14px; font-weight: bold; }
.titre-bloc-caption { height: 25px; background-color:#115AAA; vertical-align: middle; text-indent: 10pt; }
.bloc-bkg { border: 1px solid #115AAA; background-color:#F7FBFF; }
.bloc { color: #333333; font-size: 10px; list-style-image: url(images/bullet-gauche.gif); }
a.bloc:link { color: #0066CC; text-decoration: none; font-weight: normal; }
a.bloc:visited { color: #0066CC; text-decoration: none; }
a.bloc:active { color: #0066CC; text-decoration: none; }
a.bloc:hover { color: #FF3300; text-decoration: none; }
.trouver-adr { color: #666666; font-size: 11px; font-weight: bold; list-style-image: url(images/trouver-adresse-bullet.jpg); }
a.trouver-adr:link { color: #666666; text-decoration: none; font-weight: bold; }
a.trouver-adr:visited { color: #666666; text-decoration: none; }
a.trouver-adr:active { color: #666666; text-decoration: none; }
a.trouver-adr:hover { color: #0066CC; text-decoration: none; }
.deposer-annonce-caption { border: 1px solid #CC3366; background-color:#F0F0F0; }
.deposer { color: #333333; font-size: 12px; }
a.deposer:link { color: #CC3366; text-decoration: underline; font-weight: normal; }
a.deposer:visited { color: #CC3366; text-decoration: none; }
a.deposer:active { color: #CC3366; text-decoration: none; }
a.deposer:hover { color: #660033; text-decoration: none; }
.bc-adj { color: #333333; font-size: 9px; border: 1px solid #99CC00; background-color:#FFFFFF; }
.bc-adj-caption { color: #FFFFFF; font-size: 14px; font-weight: bold; text-indent: 10pt; height: 25px; vertical-align: middle; background-color:#99CC00; }
a.bc-adj:link { color: #006699; text-decoration: none; }
a.bc-adj:visited { color: #006699; text-decoration: none; }
a.bc-adj:active { color: #006699; text-decoration: none; }
a.bc-adj:hover { color: #000066; text-decoration: none; }
.bc-coeur { color: #333333; font-size: 9px; list-style-image: url(images/bullet-gauche.gif);}
a.bc-coeur:link { color: #006699; text-decoration: none; }
a.bc-coeur:visited { color: #006699; text-decoration: none; }
a.bc-coeur:active { color: #006699; text-decoration: none; }
a.bc-coeur:hover { color: #000066; text-decoration: none; }
.bc-derniere-caption { border: 1px solid #F7F7F7; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background-color:#F5F5F5; }
.bc-derniere { color: #333333; font-size: 10px; list-style-image: url(images/dernieres-5-annonces-bullet.gif); }
a.bc-derniere:link { color: #FF3300; text-decoration: underline; font-weight: normal; }
a.bc-derniere:visited { color: #FF3300; text-decoration: none; }
a.bc-derniere:active { color: #FF3300; text-decoration: none; }
a.bc-derniere:hover { color: #F948AC; text-decoration: none; }
.bc-plan-caption { background-color:#F7FBFF; border: 1px solid #F7F7F7; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-top: 1px solid #F7FBFF; }
.bc-plan { color: #333333; font-size: 10px; list-style-image: url(images/plan-du-site-bullet.gif); }
a.bc-plan:link { color: #006699; text-decoration: underline; font-weight: normal; }
a.bc-plan:visited { color: #006699; text-decoration: none; }
a.bc-plan:active { color: #006699; text-decoration: none; }
a.bc-plan:hover { color: #000066; text-decoration: none; }
.footer-caption { border: 1px solid #FC6466; background-color:#F7FBFF; }
.footer { color: #333333; font-size: 10px; }
a.footer:link { color: #003366; text-decoration: none; font-weight: normal; }
a.footer:visited { color: #003366; text-decoration: none; }
a.footer:active { color: #003366; text-decoration: none; }
a.footer:hover { color: #6699FF; text-decoration: none; }
.copy { color: #FF3300; font-size: 9px; }
.justified { text-align: justify; }
pre { color: #003399;}
hr { height:1px; color:#DDDDDD; }
/*---------- pour les pages interieures --------------*/
.titre-bg1 { color: #666600; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
.titre-bg2 { color: #990000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
.titre-bg3 { color: #006699; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
.titre-bg4 { color: #6666CC; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
.titre-bg5 { color: #663366; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
.titre-bg6 { color: #99CC00; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
.deposer-annonce { color: #6666CC; font-weight: bold; font-size: 14px; }
.offre-titre { color: #6666CC; font-weight: bold; font-size: 16px; list-style-image: url(images/bullet-flesh-long.gif); }
.offre { color: #333333; font-size: 12px; text-align: justify; }
.offre-bold { color: #333333; font-size: 12px; font-weight: bold; }
.offre-color { color: #990000; font-size: 12px; }
.pack-annonce { color: #FF6600; font-weight: bold; font-size: 11px; list-style-image: url(images/bullet-pack-annonce.gif); list-style-position: inside; }
.conseil { color: #666666; font-weight: bold; font-size: 14px; list-style-image: url(images/bullet-conseil-demenagement.gif); }
/*---------- pour les formulaires --------------*/
textarea {
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #EFEFEF;
scrollbar-shadow-color: #999999;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-arrow-color: #EFEFEF;
font-family: Verdana;
font-size: 10px;
color: #333333;
/*border: 1px solid #CCCCFF; n'afiche pas en ns 4.7*/
background-color: #FFFFFF;
padding: 4px;
}
.input-text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #115AAA; border: 1px solid #ACACAC; }
/*ne pas utiliser simple input car ca casse radio default style Xp*/
/*li{list-style-image: url(images/);}*/