body          { font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #05367c; background-image: url(images/fond-body.jpg); background-repeat: repeat-x; margin-top: 1% }
.annonce { font-weight: bold; padding-bottom: 0.5em; padding-left: 0.5em }
b      { color: #232279 }
p       { color: #212121; font-size: 0.8em; text-align: justify; margin-top: 0; margin-bottom: 0.2em; padding-right: 0.5em; padding-left: 0.5em }
img  { margin-top: 1em; margin-left: 0.5em }
ul     { color: #212121; font-size: 0.8em; text-align: justify }
h1             { color: #9b9b9b; font-size: 0.8em; font-family: Arial; font-style: italic; text-align: center; margin-top: 0; margin-bottom: 0 }
h1 a { color: #9b9b9b; text-decoration: none }
h1 a:hover { color: #9b9b9b; background-color: #fff }
h2      { color: #232279; font-size: 1em; font-family: Arial; text-align: center; margin-top: 0; margin-bottom: 0 }
/*titre news*/
h3   { color: #232279; font-size: 0.8em; font-family: Arial; text-align: center; margin-top: 0; margin-bottom: 0; padding-bottom: 0.6em }
h4 { font-size: 1em; margin-bottom: 0; padding-bottom: 0 }
hr   { width: 70% }
td {}
a   { color: #232279 }
a:hover    { text-decoration: none }
legend  { color: #232279; font-size: 0.9em; font-family: Georgia; font-weight: bold }
label { font-size: 0.9em }
/*CLASS*/
.italic { font-style: italic }
.corriger  { color: #f00; padding-left: 3em }
.clear { clear: both }
.clear-prest { height: 2em; clear: both }
.centre { text-align: center }
.espace-li li  { margin-top: 0.3em }
.detail-prestation { margin-top: 0.5em }
.detail-prestation li   { font-size: 1em; list-style-image: none }
.titre-prestation   { color: #fff; font-size: 0.8em; font-family: Georgia; font-weight: bold; background-image: url(images/cadre-haut-prestations.jpg); background-repeat: no-repeat; text-align: center; width: 380px; height: 26px }
.titre-prestation-d  { padding-right: 8em; width: 380px; float: right }
.titre-prestation-d p   { color: #fff; font-size: 0.8em; font-family: Georgia; font-weight: bold; background-image: url(images/cadre-haut-prestations.jpg); background-repeat: no-repeat; text-align: center; width: 380px; height: 26px }
.droite-prestations { padding-right: 10em; float: right }
.droite-budget  { margin-top: 0; padding-top: 0; padding-right: 1em; padding-left: 1em; float: right }
.connu  { text-align: left }
.gauche-prestations { padding-right: 3em; padding-left: 3em; float: left }
.gauche-contact    { margin-top: 0; margin-left: 5em; padding-top: 0; float: left }
.gauche-nf { margin-left: 2.5em; padding-right: 2em; float: left }
.droite { margin-right: 6em; float: right }
.droite-laetitia { text-align: center; margin-right: 1em; float: right }
.gauche { margin-right: 3em; margin-left: 1em; float: left }
.gauche-laetitia { text-align: center; margin-left: 1.5em; float: left }
.gauche-agrandir { margin-left: 120px }
.droite-mascotte { float: right }
.gras  { font-weight: bold }
.gras-centre { color: #232279; font-weight: bold; text-align: center }
.plus_grand { font-size: 1.1em }
.plus_petit { font-size: 0.8em }
.grand_titre { font-size: 1em; margin-bottom: 0; margin-left: 9em; padding-top: 4em; padding-bottom: 0 }
.lien { padding-left: 3em }
.liste_distinctions { padding-left: 7em }
.liste_distinctions li   { list-style-type: none; list-style-image: url(images/puce-marli.gif); margin-top: 1em }
.marge0  { margin-top: 0 }
.marge_h2 { padding-left: 20% }
.marge_haut  { padding-bottom: 3em }
.marge_haut1 { padding-bottom: 0.5em }
.marge_cotes { padding-right: 4em; padding-left: 2em }
.marge_cotesp  { padding-top: 1em; padding-right: 3em; padding-left: 3em }
.marge_gauche { padding-left: 3em }
.marge_cotesul { padding-right: 3em; padding-left: 3em }
.noscript { color: #fff; padding-top: 2em; padding-right: 2em; padding-left: 2em }
.pa { margin-right: 3em; margin-left: 3em; border: dashed 1px #f0d355 }
.pa p  { padding: 0.5em }
.pa h2 { padding-top: 1em }
.rouge  { color: #f00; font-weight: bold; display: inline }
.pointille-haut { border-top: 1px dotted #232279 }
.bleu    { color: #232279; font-weight: bold; text-decoration: none }
.bleu-light { color: #232279; text-decoration: none }
.style img { margin-top: 0; padding-top: 0; padding-left: 27em }
.centre-titre { text-align: center }
.centre-titre img { margin-top: 0; padding-top: 0 }
.type_modele { text-align: justify; padding-bottom: 1.5em; padding-left: 20% }
#page              { background-image: url(images/fond-contenu.jpg); background-repeat: repeat-y; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 0.1em; width: 967px }
#page-haut-deco  { background-image: url(images/fond-contenu.jpg); background-repeat: repeat-y; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 967px; height: 125px }
#page-haut-deco img { text-align: center; margin-left: 70px }
#demande_info  { margin-right: auto; margin-left: auto; padding-top: 0.5em; width: 60% }
#entete      { background-image: url(images/entete.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; padding-top: 0; width: 967px; height: 230px }
#contenu { padding-top: 0.4em; padding-right: 2em; padding-left: 4em; clear: both }
#contenu_accueil { padding-top: 0.4em; padding-right: 3em; padding-left: 4.5em; clear: both }
/*deco*/
#photo-deco img  { margin-right: 11px; margin-bottom: 15px; margin-left: 15px }
#photo-deco a img { padding: 0; border-width: 0 }
#photo-deco a:hover { color: #fff; text-decoration: none; background-color: #fff; padding: 0; border-width: 0 }
#entete-deco  { background-image: url(images/entete-deco.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; padding-top: 0; width: 967px; height: 257px }
#blank-deco { height: 177px }
/*
#anim-flash-marli   { margin-top: 0.6em; margin-right: 2.6em; float: right; border: solid 1px #ff3 }
*/
#anim { margin-bottom: 0; padding-top: 0.6em; padding-right: 2.5em; width: 423px; height: 152px; float: right }
#titre_image     { padding-top: 3.6em; padding-left: 12em; float: left }
#blank       { text-align: center; margin: 0 0 0.6em; padding: 0.4em 0 0 0.5em; width: 280px; height: 70px }
#blank img  { margin-top: 0; padding-right: 0.2em; padding-left: 0.2em }
#bloc_accueil { }
#bloc_accueil ul    { padding-left: 14em }
#bloc_accueil li     { list-style-type: none; list-style-image: url(images/puce-marli.gif); margin-left: 2em }
#bloc_accueil_d      { padding-left: 1em; width: 24%; float: right }
#bloc_accueil_g   { padding-right: 1em; width: 24%; float: left }
#bloc_accueil_g img { margin: 0; padding: 0 }
/*Menu Accueil*/
#menu_accueil              { font-size: 1em; background-image: url(images/fond-menu2.jpg); background-repeat: no-repeat; margin-top: 0; margin-bottom: 0.3em; padding-right: 0; width: 770px; height: 40px; float: right }
#menu_accueil ul { list-style-type: none; margin-top: 0.8em }
#menu_accueil li     { font-weight: bold; margin-right: 1.3em; margin-left: 0.1em; float: left }
#menu_accueil a     { color: #e4cb5a; text-decoration: none }
#menu_accueil a:hover { color: white; text-decoration: none; background-color: #15319f }
/*Menu*/
#menu        { font-size: 1em; font-family: Arial; background-image: url(images/fond-menu.jpg); background-repeat: no-repeat; margin-top: 0.1em; margin-bottom: 0.3em; padding-right: 4em; width: 670px; height: 40px; float: right }
#menu ul  { list-style-type: none; margin-top: 0.7em }
#menu li    { font-weight: bold; margin-right: 1.5em; margin-left: 0.1em; float: left }
#menu a    { color: #e4cb5a; text-decoration: none }
#menu a:hover   { color: white; text-decoration: none; background-color: #15319f }
/*Une*/
#une     { margin-top: 0; margin-bottom: 0.5em; width: 198px }
#haut_une       { background-image: url(images/cadre-haut.jpg); background-repeat: no-repeat; height: 26px }
#milieu_une        { background-position: 1em 0; text-align: center; padding-bottom: 0.5em; border-right: 1px solid #05367c }
#milieu_une a img { border: none }
#milieu_une img { padding-top: 0.5em }
#milieu_une p { font-size: 0.8em; margin-top: 0; padding-top: 0; padding-right: 0.5em; padding-left: 0.5em }
#photo_modele  a:hover { background-color: transparent }
#bas_une   { background-image: url(images/cadre-bas.jpg); background-repeat: no-repeat; height: 26px }
/*actu*/
#actu { margin-top: 0; margin-bottom: 0.5em; width: 198px }
#haut_actu   { background-image: url(images/cadre-haut-actu.jpg); background-repeat: no-repeat; height: 26px }
#milieu_actu { background-position: 1em 0; text-align: center; padding-bottom: 0.5em; height: auto; border-right: 1px solid #05367c }
#milieu_actu h3  { color: #232279; font-size: 0.8em; font-family: Arial; text-align: center; margin-top: 0; margin-bottom: 0; padding-bottom: 0.2em }
#milieu_actu p { font-size: 0.8em; margin-top: 0; padding-top: 0; padding-right: 0.5em; padding-left: 0.5em }
#bas_actu   { background-image: url(images/cadre-bas.jpg); background-repeat: no-repeat; height: 26px }
/*ACCUEIL Developpement durable
*/
#dvpt-durable { background-image: url(images/dvpt-durable.jpg); background-repeat: no-repeat; width: 198px; height: 280px }
#dvpt-durable ul  { text-align: left; padding-top: 5em }
#dvpt-durable li   { list-style-type: none; list-style-image: url(images/puce-marli.gif); padding-bottom: 0.5em }
#dvpt-durable li a { color: #000; list-style-type: none; list-style-image: url(images/puce-marli.gif) }
/*Page BBC*/
#maison-bbc  { background-image: url(images/maison-bbc.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 770px; height: 640px }
#maison-bbc h2 { text-align: left; padding-left: 285px }
.texte-bbc  { padding-top: 10px; padding-right: 35px; padding-left: 285px }
/*Bouton Dvpt Durable
*/
#btn-durable1 { float: right }
#btn-durable2 { margin-top: 0; width: 198px }
#btn-durable2 img { margin-top: 0; padding-top: 0; border-width: 0 }
#btn-durable2 a:hover { text-decoration: none; background-color: #fff }
#btn-durable   { margin-top: 0; margin-bottom: 1em; width: 198px }
#btn-durable ul { margin-top: 0 }
#btn-durable li   { list-style-type: none; list-style-image: url(images/puce-marli.gif) }
#btn-durable img  { margin-top: 0; padding-top: 0; border-width: 0 }
/*sociétés d'Olry
*/
.olry_immobilier       { margin: 0.2em auto 0; width: 860px }
.olry_immobilier a { font-style: italic }
.olry_immobilier ul     { font-size: 0.7em; margin-top: 0; padding-top: 0 }
.olry_immobilier li   { text-align: center; list-style-type: none; margin-right: 2.5em; margin-left: 3em; float: left }
/*bas de pied
*/
#pied    { background-image: url(images/pied-de-page.jpg); background-repeat: no-repeat; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0.1em; padding-bottom: 0; width: 967px; height: 145px }
#bas_pied     { font-size: 0.8em; background-image: url(images/bas-pied.jpg); background-repeat: repeat-x; margin-right: auto; margin-left: auto; padding-top: 0.1em; width: 967px; height: 25px }
#bas_pied ul   { margin-top: 0; margin-left: 3em; padding-left: 3em }
#bas_pied li    { color: #f1d34f; font-family: Arial; text-align: center; list-style-type: none; margin-right: 1em; float: left }
#bas_pied li a  { color: #f1d34f }
#bas_pied li a:hover { color: #fff; background-color: #05367c }
/*Menu Modèles*/
#menu_modeles      { font-size: 0.9em; background-image: url(images/cadre-modeles.jpg); background-repeat: no-repeat; margin-top: 0; margin-left: 0; padding-left: 0; width: 160px; float: left }
#menu_modeles img { padding-top: 3em }
#menu_modeles ul  { margin-top: 0; margin-bottom: 0; padding-top: 3em }
#menu_modeles li    { list-style-image: url(images/puce-marli.png); padding-bottom: 1em }
/*Modèles*/
#modeles     { width: 80%; float: right; border-left: 2px dotted #656565 }
#modeles ul { margin-top: 0 }
#modeles li { text-align: center; list-style-type: none; margin-right: 0.5em; margin-bottom: 0.7em; float: left }
#modeles img { margin-top: 0 }
#des_rdc   { padding-top: 6em; padding-left: 1em; width: 280px; float: left }
#image_rdc   { padding-right: 2em; width: 350px; float: right }
#des_etage  { padding-top: 6em; padding-right: 2em; width: 380px; float: right }
#image_etage  { padding-left: 2em; width: 407px; float: left }
#ligne2_modele { clear: both }
.etages img  { margin-left: 4em }
.version { color: #000 }
/*Modèle Tradi*/
#modeles_trad { width: 80%; float: right; border-left: 2px dotted #656565 }
#modeles_trad ul  { margin-top: 0 }
#modeles_trad li  { text-align: center; list-style-type: none; margin-right: 0.5em; margin-bottom: 0.7em; float: left }
#modeles_trad img { margin-top: 0 }
/*terrains*/
#cadre_gauche_terrains  { width: 250px; float: left }
#choix_terrains      { font-size: 0.9em; background-image: url(images/choix-secteur-terrain.png); background-repeat: no-repeat; margin-top: 0; margin-right: 1em; margin-left: 0; padding-left: 0; width: 100% }
#choix_terrains ul   { list-style-type: none; list-style-image: url(images/puce-marli.png); padding-top: 2.5em }
#choix_terrains li  { padding-top: 0.5em }
#nouveautes_terrains    { font-size: 0.9em; background-image: url(images/nouveautes-terrains.png); background-repeat: no-repeat; list-style-type: disc; padding-top: 0.7em }
nouveautes_terrains ul   { }
#nouveautes_terrains li   { color: #05367c; padding-top: 0.4em; padding-bottom: 0.2em; border-bottom: 1px dotted #05367c }
/*divers*/
#bas_nouveautes   { background-image: url(images/bas-nouveautes.png); background-repeat: no-repeat; height: 26px }
#envoi    { background-image: url(images/bouton-envoyer.jpg); background-repeat: no-repeat; margin-top: 1em; width: 80px; height: 22px; border-width: 0 }
#formulaire  { margin: 0 auto 1em; padding-top: 0; width: 80%; clear: both }
#prestations   { list-style-type: none; list-style-position: inside; margin-top: 0.5em; padding-left: 4em }
#map       { margin-top: 1em; margin-bottom: 0.3em; width: 600px; height: 400px; float: right; border: solid 1px #05367c }
.map-txt { font-size: 0.8em }
#adresse-siege  { padding-left: 7em; float: left }
#mapcontact    { margin-right: 3em; width: 350px; height: 350px; float: right; border: solid 1px #05367c }
#marli { padding-left: 9em }
#photo-roland { font-size: 0.9em; font-style: italic; margin-right: 1em; float: left }
#terrains { font-size: 0.9em; list-style-type: circle; margin-top: 0; padding-top: 0; clear: both }
#terrains ul { clear: both }
#terrains li   { margin-top: 0.1em; margin-left: 1.3em; padding-top: 0.2em; padding-bottom: 1em; width: 250px; height: 105px; float: left; border-style: none none dotted; border-width: medium medium 1px; border-color: #05367c }
/*Ligne Offres*/
.ligne_offre { padding-top: 0.5em; clear: both }
/*durable*/
#contenu-durable  { text-align: justify; padding-top: 0; padding-right: 3em; padding-left: 5em; clear: both }
#contenu-durable b { color: #22825c }
.gauche-image { margin: 0 1em 1em; padding-top: 0; float: left }
.gauche-image1 { margin: 0 1em 1em; padding-top: 0; padding-bottom: 2em; float: left }
.droite-image { margin-top: 0; margin-bottom: 1em; margin-left: 1em; padding-top: 0; float: right }
.titre-durable { text-align: center; margin-top: 0; padding-top: 0; padding-bottom: 0.5em }
.titre-durable img { margin-top: 0 }
.vert  { color: #22825c; font-weight: bold }
.vert-light { color: #22825c }
#durable  { margin-left: 3em; padding-right: 2em; padding-left: 2em }
#renouvelable { margin-left: 3em; padding-right: 2em; padding-left: 3em }
#renouvelable li  { list-style-type: none }
#renouvelable li img { float: left }
#durable li  { list-style-type: none; padding-top: 0.3em; padding-bottom: 0.3em }
#durable li li { font-size: 1.3em; list-style-type: disc }
.documents  { margin-left: 0; padding-left: 0 }
.documents li  { list-style-type: none; margin-left: 1em; padding-bottom: 1.5em; float: left }
.documents li img { margin-top: 0; padding-top: 0; padding-right: 0.5em; float: left }
#prets-speciaux   { background-color: #f6f6f6; text-align: left; margin-right: 1em; margin-bottom: 1em; padding: 1em; width: 140px; height: auto; float: left; border-style: solid; border-width: 1px 3px 3px 1px; border-color: #435772 }
/*liens offres */
#liens   { font-size: 1.1em; text-align: center; padding-top: 1em; clear: left }
#liens a  { text-align: center; padding-left: 0.5em; clear: right }
.orange-liens  { color: #f00; font-weight: bold; text-decoration: none }
/*lightbox*/
#lightbox-secNav a:hover  { background-color: #fff }
/**/
.special { color: #f00; font-weight: bold; margin-bottom: 1em; padding-top: 0.5em; padding-bottom: 0.5em; border-top: 1px dotted #f00; border-bottom: 1px dotted #f00 }
.style1 img { margin-top: 0; padding-top: 0 }
.style1 a img { margin-top: 0; padding-top: 0; border-style: solid; border-width: 0 0 1px 1px; border-color: #fff #fff #eaeaea #eaeaea }
.titre-modele  { margin-left: 2em }
.centre-diplome { text-align: center }
.centre-diplome img { text-align: center; border: solid 1px #232279 }
/*Pass foncier*/
.marge_cotes-pass      { margin-top: 0; margin-bottom: 0; padding: 2em 6em; border: solid 1px #232279 }
.ombre-pass   { margin-right: auto; margin-bottom: 0; margin-left: auto; padding: 0; width: 92%; border-right: 3px solid #e4e4e4; border-bottom: 3px solid #e4e4e4 }
.pass-foncier   { margin-left: 1em; padding-bottom: 1em; padding-left: 0; float: right }
.titre-pass  { color: #232279; font-size: 1.1em; font-weight: bold }
.centre-pass { text-align: center; margin-top: 0; padding-top: 0 }
#contenu-pass { padding-top: 0.4em; padding-right: 2em; padding-left: 4em; clear: both }
#contenu-pass ul { margin-bottom: 0; padding-bottom: 0 }
#contenu-pass li { margin-left: 0.5em }
.clear-foncier { padding-top: 0.5em; clear: both }
.ex-pass   { color: #232279; font-size: 1.7em; font-weight: bold }
.rouge-pass { color: #f00; font-size: 1.3em; font-weight: bold }
/*Pavillons temoins*/
#pavillons      { background-image: url(images/pavillons-temoin.jpg); background-repeat: no-repeat; margin-left: 13.8em; width: 370px; height: 523px }
#pavillons img { margin: 0; padding: 0 }
#lutterbach  { color: #eed255; font-size: 1.1em; font-weight: bold; text-align: center; padding-top: 12.5em }
#lutterbach a { color: #eed255; font-size: 1.1em; font-weight: bold }
#lutterbach a:hover { color: #fff; font-size: 1.1em; font-weight: bold }
#colmar  { color: #eed255; font-size: 1.1em; font-weight: bold; text-align: center; padding-top: 12.6em }
#colmar a { color: #eed255; font-size: 1.1em; font-weight: bold }
#colmar a:hover { color: #fff; font-size: 1.1em; font-weight: bold }

#pavillon-temoin-colmar   { background-image: url(images/maison-temoin-colmar.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 770px; height: 590px }
#pavillon-temoin-lutterbach   { background-image: url(images/maison-temoin-lutterbach.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 770px; height: 590px }
#map-pav   { margin-right: auto; margin-left: auto; width: 590px; height: 200px; border: solid 2px #232279 }
#map1 { margin-right: auto; margin-left: auto; width: 600px; height: 225px }
#agrandir { color: #232279; font-size: 1.1em; text-align: center; margin-top: 0; padding-top: 0 }
/*pages avec offres VIP
*/
.offre-vip  { text-align: center; margin-bottom: 1em; margin-left: 6em; width: 310px; float: left }
.marge_gauche_vip  { padding-left: 4em }
.coul-vip { color: #ff0 }
/*Service revente*/
#service-revente   { background-image: url(images/service-revente.jpg); background-repeat: no-repeat; margin-right: auto; margin-left: auto; width: 770px; height: 580px }
#texte-revente { padding-top: 90px; padding-right: 35px; padding-left: 285px }
/*session
*/
#session     { color: #000; font-size: 1.1em; font-weight: bold; background-color: #fff; padding-top: 0.5em; position: fixed; top: 40px; left: 40px; width: 110px; height: 40px; border: solid 3px #eed350 }
.imprimante  { text-align: center; padding-left: 1em }
.tarifs  { color: #f00; font-weight: bold; margin-left: 2em }
.nouveau { color: #fff; background-color: #f00; margin-right: 0.4em }
/*Cartes secteurs*/
#secteur-offre { margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 0; width: 80% }
#secteur-offre img { border-width: 0 }
.secteur { font-size: 0.9em; text-align: center }
/*autre offres*/
#nos_offres { }
#nos_offres img  { margin-left: 20px; border-width: 0 }