@charset "iso-8859-1";

/* BASE
============================================================================== */
html { margin:0px; padding:0px }
body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#5c5c5c; font-size:12px; background-image:url(../images/body.gif); background-position:left top; background-repeat:no-repeat; background-color:#FFFFFF }

input, textarea, select { background-color:#ffffff }
select      { border:1px solid }
form        { margin:0px; padding:0px }
hr          { height:1px; padding:0; background-color:#000000; border:0px }
dfn         { font-style:normal }
li          { font-size:12px }
img         { border:0px }

a.noborder, a.noborder:hover { text-decoration:none } /* Pour les icones W3C */
img.icone     { border:0px }

div#conteneur  { width:900px; background-image:url(../images/contenu2.gif); background-position:left; background-repeat:repeat-y } 
div#wrapper    { width:900px; background-image:url(../images/contenu.gif); background-position:left bottom; background-repeat:no-repeat } 

.invisible { display:none }

/* HAUT DE PAGE
============================================================================== */
div#top { width:900px; height:173px; position:relative }

div#cadre_logo { width:285px; position:absolute; left:0px }

div#bandeau { width:615px; height:173px; margin-left:285px; background-image:url(../images/bandeau.jpg); background-position:left; background-repeat:no-repeat }
div#pied_bandeau { width:900px; height:66px; background-image:url(../images/pied_bandeau.gif); background-position:left; background-repeat:no-repeat }


/* MENU PRINCIPAL
============================================================================== */
div#cadre_menu { position:absolute; left:0px }

div#menu   { margin:0px 0px 0px 25px; padding:0px; width:237px; min-height:215px; background-image:url(../images/fond_menu.gif); background-repeat:repeat-x; background-color:#fbf3e8 }
div.ssmenu { margin:0px 0px 0px 40px; padding:0px }

h3.menu_rubrique        { width:217px; font-size:18px; margin:0px 0px 0px 20px; padding:5px 0px 5px 0px; color:#6b3a08; font-weight:normal; border-bottom:1px solid #e4cdb4 }
h3.menu_rubrique_select { width:217px; font-size:18px; margin:0px 0px 0px 20px; padding:5px 0px 5px 0px; color:#6b3a08; font-weight:normal; border-bottom:1px solid #e4cdb4 }

h3.menu_rubrique a, h3.menu_rubrique a:hover               { color:#6b3a08; text-decoration:none }
h3.menu_rubrique_select a, h3.menu_rubrique_select a:hover { color:#6b3a08; text-decoration:none }

h3.menu_page         { line-height:15px }
h3.menu_page a       { color:#000000; font-size:11px; font-weight:normal; text-decoration:none }
h3.menu_page a:hover { text-decoration:underline }

h3.menu_page_select         { line-height:15px }
h3.menu_page_select a       { color:#CC6666; font-size:11px; font-weight:normal; text-decoration:none }
h3.menu_page_select a:hover { color:#8F7B86; text-decoration:underline }


/* CONTENU
============================================================================== */
div#contenu { margin:0px 0px 0px 300px; width:590px; min-height:600px; padding-bottom:20px; position:relative }

/* Liens */
div#contenu p a, div#contenu h4 a { color:#6b3a08 }

/* Titre principal */
div#cadre_titre_page      { margin:0px 0px 15px 300px }
div#cadre_titre_page h1   { font-size:28px; font-family:Georgia, "Times New Roman", Times, serif; color:#6b3a08; margin:0px; padding:0px }
div#cadre_titre_page span { font-size:12px; color:#6b3a08; font-family:Georgia, "Times New Roman", Times, serif }
div#cadre_titre_page h6   { margin:0px 0px 10px 0px; padding:0px; font-size:14px; font-weight:normal }

/* Pièces jointes
h2#piece_jointe_titre   { margin:0px; background-color:#FFF; color:#6b3a08; font-size:11px; height:18px; line-height:18px; font-weight:bold; text-indent:10px; padding:1px; margin-top:20px; margin-right:5px }
ul#piece_jointe         { margin:0px; padding:0px; list-style:none; margin-right:5px }
ul#piece_jointe li      { background-color:#e09239; text-indent:10px; padding-top:3px; padding-bottom:3px; margin-top:1px }
ul#piece_jointe a       { font-size:11px; color:#FFF; text-decoration:none }
ul#piece_jointe a:hover { text-decoration:underline; color:#FFF } */

/* Formulaires */
div#contenu form.form_esite { width:461px; background-image:url(../images/formulaire_ombre.gif); background-position:center; background-repeat:repeat-y }
div#form_haut    { width:461px; height:104px; background-image:url(../images/formulaire_haut.gif); background-position:left top; background-repeat:no-repeat }
div.form_corps   { width:416px; padding:0px 10px 0px 10px; margin:0px 0px 0px 15px; background-image:url(../images/formulaire_degrade.gif); background-position:top; background-repeat:repeat-x; background-color:#e8e7e7 }
div#form_pied    { width:461px; height:19px; background-image:url(../images/formulaire_bas.gif); background-position:left top; background-repeat:no-repeat }

div#contenu form.form_esite h1 { width:331px; height:74px; margin:0px; padding:30px 0px 0px 130px; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal }
div#envoyer { padding-top:15px; text-align:center; width:100% }

div.contenu_form label    { display:block }
div.contenu_form input    { border:3px solid #909090; width:410px }
div.contenu_form select   { border:3px solid #909090; width:410px }
div.contenu_form textarea { border:3px solid #909090; width:410px }
div.contenu_form checkbox { border:3px solid #909090; width:410px }

/* Outils */
div#cadre_tools { height:20px }

/* Tableaux e-site */
table.RichText a { color:#6b3a08 }
table.RichText td { valign:top }

/* PAGE D'ACCUEIL
============================================================================== */

/* Actualité à la une */
div#cadre_une      { width:590px; border-bottom:1px solid #eae3dc; padding-bottom:10px; margin-bottom:20px }
div#cadre_une samp { font-family:Verdana, Arial, Helvetica, sans-serif; display:block; margin-bottom:10px; text-align:justify }
div#lire_une       { width:100%; text-align:right; margin-top:10px }
div#cadre_une div a, div#cadre_une div a:hover { text-decoration:none; color:#6b3a08 }

div#coin_haut_gauche   { height:11px; background-image:url(../images/coin_haut_gauche.gif); background-repeat:no-repeat }
div#coin_haut          { background-position:left; background-image:url(../images/bord_haut.gif); background-repeat:repeat-x }
div#coin_haut_droite   { padding-right:15px; background-image:url(../images/coin_haut_droite.gif); background-repeat:no-repeat; background-position:right }

div#coin_milieu        { padding-left:15px; display:table; background-position:left; background-image:url(../images/bord_gauche.gif); background-repeat:repeat-y; background-color:#ffffff }
div#coin_milieu_droite { padding-right:15px; background-image:url(../images/bord_droite.gif); background-repeat:repeat-y; background-position:right }

div#coin_bas_gauche   { text-align:center; height:11px; background-image:url(../images/coin_bas_gauche.gif); background-repeat:no-repeat }
div#coin_bas          { background-position:left; background-image:url(../images/bord_bas.gif); background-repeat:repeat-x }
div#coin_bas_droite   { padding-right:15px; background-image:url(../images/coin_bas_droite.gif); background-repeat:no-repeat; background-position:right }

/* Boîtes rechercher un logement & interlocuteurs */
div#cle, div#interlocuteurs     { float:left; width:260px; height:200px; padding:12px 0px 0px 0px }
div#cle                         { margin-right:70px; background-image:url(../images/fond_cle.gif); background-position:center; background-repeat:no-repeat }
div#interlocuteurs              { background-image:url(../images/fond_interlocuteurs.gif); background-position:center; background-repeat:no-repeat }

div#cle a, div#interlocuteurs a     { color:#909090; text-decoration:none }
div#cle h2, div#interlocuteurs h2   { width:124px; height:100px; margin-left:100px; font-family:Georgia, "Times New Roman", Times, serif; color:#7a7a7a; font-size:14px; border:0px }
div#cle div, div#interlocuteurs div { width:200px; padding-left:24px; color:#909090 }


/* PAGE D'ACTUALITE
============================================================================== */
div#all_news { width:590px; text-align:right }
div#all_news a, div#all_news a:hover { text-decoration:none; color:#6b3a08 }

div#cadre_liste_news { width:575px; background-image:url(../images/news_ombre.gif); background-position:center; background-repeat:repeat-y }
div#liste_news_haut  { width:575px; height:107px; background-image:url(../images/news_haut.gif); background-position:left top; background-repeat:no-repeat }
div#liste_news_corps { width:509px; padding:0px 20px 0px 10px; margin:0px 0px 0px 26px; background-image:url(../images/news_degrade.gif); background-position:top; background-repeat:repeat-x; background-color:#e8e7e7 }
div#liste_news_pied  { width:575px; height:22px; background-image:url(../images/news_bas.gif); background-position:left top; background-repeat:no-repeat }

dl#liste_news       { padding:0px; margin:0px }
dl#liste_news dt    { font-size:10px; font-family:Georgia, "Times New Roman", Times, serif; color:#909090; margin:0px; padding:0px }
dl#liste_news dd    { margin:0px 0px 0px 0px; padding:0px 0px 10px 0px }

dl#liste_news dt h2     { display:inline; font-size:14px; font-weight:normal; border:0px }
dl#liste_news dd samp   { font-family:Verdana, Arial, Helvetica, sans-serif; display:block; margin-bottom:10px; text-align:left }
div#cadre_liste_news h1 { width:445px; height:74px; margin:0px; padding:30px 0px 0px 130px; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal }
div#lire_liste_news     { width:100%; text-align:right; padding-right:10px; margin-top:10px }
dl#liste_news div a, dl#liste_news div a:hover { text-decoration:none; color:#6b3a08 }


/* PAGES LOGEMENTS ET BUREAUX
============================================================================== */
div#map { width:587px; height:450px; border:1px solid #6e6e6e }

div#avancee { margin:20px 0px 0px 0px }

div#cadre_villes_simple      { float:right }
div#commande_googlemap       { width:587px; font-size:11px; margin-bottom:20px }
div#commande_googlemap form  { background-image:none }
div#commande_googlemap ul    { list-style-type:none; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; height:24px; border-bottom:1px solid #eba341 }
div#commande_googlemap ul li { display:block; float:left; margin:0px 1px 0px 0px; padding:5px 0px 5px 0px }

li.rubrique_off2             { background-color:#FFFFFF; width:20px }

div#commande_googlemap ul li a       { text-decoration:none; color:#6b3a08 }
div#commande_googlemap ul li a:hover { text-decoration:underline; color:#6b3a08 }

li.rubrique_on_ggmap  { background-color:#FFFFFF; text-align:center; width:70px; cursor:pointer; border-left:1px solid #eba341; border-top:1px solid #eba341; border-right:1px solid #eba341 }
li.rubrique_off_ggmap { background-color:#f6e0c7; text-align:center; width:70px; cursor:pointer }

div#commande_googlemap table { width:587px; font-size:11px }

div#commande_googlemap table a { color:#000000; text-decoration:none }

td#bt_all      { width:100px; background-color:#f6e0c7; text-align:center }
td#bt_all_on   { width:100px; background-color:#e09239; text-align:center }

td#bt_indiv    { width:100px; background-color:#f6e0c7; text-align:center }
td#bt_indiv_on { width:100px; background-color:#e09239; text-align:center }

td#bt_coll     { width:100px; background-color:#f6e0c7; text-align:center }
td#bt_coll_on  { width:100px; background-color:#e09239; text-align:center }

td#bt_vente    { width:100px; background-color:#f6e0c7; text-align:center }
td#bt_vente_on { width:100px; background-color:#e09239; text-align:center }

td#bt_location    { width:100px; background-color:#f6e0c7; text-align:center }
td#bt_location_on { width:100px; background-color:#e09239; text-align:center }

table.table_search    { width:100% }
table.table_search td { font-size:12px }

form#form_search_googlemap { margin-left:50px }
div#cadre_submit { text-align:right }

label.clickLabel { cursor:pointer; color:#000000 }

h3.TitreBulleInfo { font-size:12px; color:#6b3a08 }

div#tete_search  { width:479px; height:115px; margin:0px; padding:0px; background-image:url(../images/tete_search.gif); background-position:top center; background-repeat:no-repeat }
div#corps_search { width:439px; height:298px; padding-left:40px; background-image:url(../images/corps_search.gif); background-position:top center; background-repeat:no-repeat }
div#pied_search  { width:479px; height:31px; background-image:url(../images/pied_search.gif); background-position:center top; background-repeat:no-repeat }

form#form_search_googlemap h1 { width:339px; height:65px; margin:0px; padding:50px 0px 0px 140px; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal }
form#form_search_googlemap h3 { margin:0px 0px 10px 0px; padding:0px }
div#envoyer_search            { width:409px; text-align:center }

input#robots{display:none}

div#locForm  {  }
span.multi   { display:block; color:#000; font-weight:700 }
table.struct { width:100%; border:1px solid #6B3A08 }
table.struct th { text-align:left }
div.cadreSubmit { text-align:center }

th.ttForm { background:#6B3A08; color:#FFFFFF; padding:3px; font-size:14px; font-weight:400 }
td.sepHz { background:#6B3A08; height:1px }
select#ville { width:100% }
input#submitFormSearch { border:1px solid #535353; background:#FFF; padding:3px; color:#535353 }

h1#titre_form { font-size:28px; font-family:Georgia, "Times New Roman", Times, serif; color:#6b3a08; margin:0; padding:0 0 5px 0; border-bottom:1px solid #6b3a08 }
div.itemResult { padding:5px; border:1px solid #EAEAEA }
h3.ttResult    { font-size:14px; font-weight:700; padding:0; margin:0 }
span.addResult { font-size:12px; display:block }
span.savoirPlusResult { display:block }
span.savoirPlusResult a { color:#6B3A08 }
h2#titreResult { font-wieght:700; font-size:16px }

a#new_search { display:none; color:#6B3A08; padding:5px; border-bottom:1px solid #6B3A08; text-decoration:none }

/* FICHE PATRIMOINE
============================================================================== */
div#map2 { width:330px; height:200px; border:1px solid #6e6e6e }

/* Contenu de la fiche */
table#table_logements                              { width:300px; margin-bottom:10px }
table#table_logements th, table#table_logements td { text-align:center; height:20px }

/* Colonne de droite */
div#droite_fiche { position:absolute; right:0px; width:246px; background-image:url(../images/boite_corps.gif); background-repeat:repeat-y }
div.boite_tete { width:246px; height:14px; background-image:url(../images/boite_tete.gif); background-position:top center; background-repeat:no-repeat }
div.boite_pied { width:246px; height:14px; background-image:url(../images/boite_pied.gif); background-position:top center; background-repeat:no-repeat }

/* Galerie de photos */
div#cadre_photo     { text-align:center; width:226px; padding:0px 10px 0px 10px }
div#commandes_photo { position:relative; width:226px; height:30px; padding:0px 10px 0px 10px; margin:5px 0px 0px 0px }

img.PosPhotos {  }
.invisible { display:none }

span#fleche_gauche  { position:absolute; left:15px }
span#fleche_droite  { position:absolute; right:15px }

/* Texte */
h6.titre_descriptif { font-size:14px; margin:0px 0px 0px 0px; padding:0px; width:330px }
div.cadre_commodite { text-align:justify; margin:0px 0px 0px 0px; width:330px }

/* Contacts */
div#droite_fiche h6          { font-size:14px; margin:0px 15px 10px 15px; padding:0px }
div#droite_fiche dl          { margin:0px 15px 0px 15px; padding:0px }
div#droite_fiche dl dt       { color:#6b3a08; margin:0px 0px 10px 0px }
div#droite_fiche dl dd       { margin:0px 0px 20px 0px  }
div#droite_fiche dl dd ul    { list-style-type:none; padding:0px; margin:0px }
div#droite_fiche dl dd ul li { display:block; margin-bottom:5px }
div#droite_fiche dl dd div   { text-align:justify }

/* Tableau des prix */
table#table_logements { width:330px }
table#table_logements th, table#table_logements td { font-family:Arial, Helvetica, sans-serif; font-size:12px }

div#droite_fiche a { color:#6B3A08; font-size:12px }

/* PAGE EQUIPE
============================================================================== */
div#rubrique_equipe       { height:30px; width:587px; padding:0px 0px 10px 0px; margin:0px 0px 20px 0px }
div#rubrique_equipe ul    { list-style-type:none; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; height:24px; border-bottom:1px solid #eba341 }
div#rubrique_equipe ul li { display:block; float:left; margin:0px 1px 0px 0px }

div#rubrique_equipe ul li a       { text-decoration:none; color:#6b3a08 }
div#rubrique_equipe ul li a:hover { text-decoration:underline; color:#6b3a08 }

li.rubrique_on  { padding:5px 10px 5px 10px; background-color:#FFFFFF; text-align:center; cursor:pointer; border-left:1px solid #eba341; border-top:1px solid #eba341; border-right:1px solid #eba341 }
li.rubrique_off { padding:5px 10px 4px 10px; background-color:#f6e0c7; text-align:center; cursor:pointer; border:1px solid #f6e0c7; border-bottom:1px solid #eba341 }

div#affichage_equipe { min-height:400px }

div.carte_identite { width:593px; background-image:url(../images/carte_identite03.gif); background-position:center; background-repeat:repeat-y }
div.carte_haut     { width:593px; height:8px; background-image:url(../images/carte_identite01.gif); background-position:left top; background-repeat:no-repeat }
div.carte_corps    { width:556px; min-height:143px; padding:0px 12px 0px 0px; margin:0px 0px 0px 12px; background-image:url(../images/carte_identite04.gif); background-position:top; background-repeat:repeat-x; background-color:#e8e7e7 }
div.carte_bas      { width:593px; height:8px; background-image:url(../images/carte_identite02.gif); background-position:left top; background-repeat:no-repeat }

div.cadre_photo_identite { width:95px; text-align:center; padding:5px 0px 0px 5px; float:left }

div.contenu_carte      { margin:0px 0px 0px 130px; padding:5px 0px 0px 0px }
div.contenu_carte h3   { margin:0px; padding:0px 0px 0px 0px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#000000 }
div.fonction           { margin-bottom:10px; font-style:italic; border-bottom:1px solid #6f6f6f; width:100%; padding-bottom:10px }


div.contenu_carte ul    { list-style-type:disc; padding:0px 0px 20px 15px; margin:0px 0px 0px 0px }
div.contenu_carte ul li {  }


/* PAGE NUMEROS D'URGENCES
============================================================================== */
div#espace_affichage            { margin:30px 0px 0px 0px }
div#espace_affichage dl         { border:1px solid #6B3A08; padding:20px }
div#espace_affichage dl dt      { font-size:14px; margin-top:30px }
div#espace_affichage dl dt span { color:#6B3A08 }
div#espace_affichage dl dt dd   { margin:0px 0px 30px 0px }
div#warning_urgences            { border:1px solid #F00; padding:5px }
div#warning_urgences p          { color:#F00 }


/* PLAN DU SITE
============================================================================== */
div.plan_ssmenu { margin:0px 0px 0px 40px; padding:0px }

h3.plan_menu_rubrique        { font-size:18px; margin:0px 0px 0px 20px; padding:5px 0px 5px 0px; color:#6b3a08; font-weight:normal; border-bottom:1px solid #e4cdb4 }
h3.plan_menu_rubrique_select { font-size:18px; margin:0px 0px 0px 20px; padding:5px 0px 5px 0px; color:#6b3a08; font-weight:normal; border-bottom:1px solid #e4cdb4 }

h3.plan_menu_rubrique a, h3.plan_menu_rubrique a:hover               { color:#6b3a08; text-decoration:none }
h3.plan_menu_rubrique_select a, h3.plan_menu_rubrique_select a:hover { color:#6b3a08; text-decoration:none }

h3.plan_menu_page         { line-height:15px }
h3.plan_menu_page a       { color:#000000; font-size:11px; font-weight:normal; text-decoration:none }
h3.plan_menu_page a:hover { text-decoration:underline }

h3.plan_menu_page_select         { line-height:15px }
h3.plan_menu_page_select a       { color:#CC6666; font-size:11px; font-weight:normal; text-decoration:none }
h3.plan_menu_page_select a:hover { color:#8F7B86; text-decoration:underline }


/* PIED DE PAGE
============================================================================== */
div#pied_de_page { width:100%; height:20px; background-color:#e09239 }

div#mentions ul      { list-style-type:none; padding:10px 0px 30px 250px; margin:0px }
div#mentions ul li   { display:inline; margin:0px 3px 0px 3px; font-size:10px; color:#909090 }
div#mentions ul li a { color:#909090; text-decoration:none }