body           { font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #e3ecf3; background-image: url(images/fond-body.jpg); background-repeat: repeat-x }
p       { color: #1e1e1e; font-size: 0.8em; text-align: justify }
img  { }
a { color: #1e1e1e }
a:hover     { color: #a62b43 }
em  { color: #230f78; font-size: 1.1em; font-family: "Trebuchet MS" }
ul  { font-size: 0.8em; text-align: justify }
.noir { color: #1e1e1e }
.trebu { color: #230f78; font-size: 1.1em; font-family: "Trebuchet MS" }
.gris { color: #7d7d7d }
.bold { font-weight: bold }
.centre { text-align: center }
.contour {border: solid 1px #eeeedf  }
.italic { font-style: italic }
.gras       { color: #230f78 }
.clear  { clear: both }
.clear-droite { clear: right }
.marge-haut   { margin-top: 0.5em }
.plus-grand { font-size: 1.1em }
.contour_gris { border: solid 1px #a8a8a8 }
/*kits*/
.marge-droite { padding-top: 3em; padding-right: 8em }
.marge-haut-centre-kit { text-align: center; margin-top: 0; padding-top: 0.5em }
.marge-haut1  { margin-top: 0.5em }
.marge-bas { margin-bottom: 2em }
.gauche  { padding-right: 2em; float: left }
.droite  { padding-left: 2em; float: right }
.gauche-hauteur  { padding-right: 1em; padding-bottom: 120px; float: left }
.ligne-sep { color: #f60 }
.valide      { text-align: center; margin-top: 1em; padding-top: 0 }
.valide a img   { border:none }
/*agrandir*/
.droite-agrandir  { padding-left: 10em }
.special { color: #f60; font-weight: bold; padding: 0.5em; width: 55%; border: solid 1px }
/*encart droite accueil*/
#encarts        { margin-top: 0.5em; margin-left: 0.5em; padding-top: 0; padding-right: 0.1em; padding-left: 2em; width: 320px; float: right }
.gauche_offre { padding-right: 0.5em; padding-left: 0.5em; float: left }
h1, h1 a, h1 a:hover    { color: #446697; font-size: 1em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; text-align: center; margin-top: 0.5em; margin-bottom: 0.5em }
#banniere          { background-image: url(images/fond-banniere-haut.gif); background-repeat: no-repeat; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 0; width: 920px; height: 150px; overflow: hidden }
#click {  }
#click a  { position: absolute; right: 7%; width: 30%; height: 100px }
#sep    { font-size: 0.01em; background-color: #230f78; background-image: url(images/sep.jpg); background-repeat: repeat-x; text-align: center; margin-right: auto; margin-left: auto; padding: 0; width: 900px; height: 4px }
#sep2 { font-size: 0.01em; background-color: #d6ebff; background-image: url(images/sep2.jpg); background-repeat: repeat-x; text-align: center; margin-top: 10px; margin-right: auto; margin-left: auto; padding: 0 0 0; width: 900px; height: 4px }
#page           { background-color: #fff; background-image: url(images/ligne-page.jpg); background-repeat: repeat-y; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0.3em; padding-bottom: 0; width: 920px }
#anim-oryam { }
#anim-photos   { margin: 5px auto; width: 900px; height: 475px }
#corps        { background-color: #fff; text-align: center; margin-right: 10px; width: 75%; float: right }
/*MENU*/
#menu               { font-size: 0.8em; font-family: "Trebuchet MS"; margin-top: 109px; margin-bottom: 0; margin-left: 5px; padding-bottom: 0; padding-left: 5px }
#menu ul  { font-size: 0.8em; margin-bottom: 0; padding-bottom: 0 }
#menu li   { list-style-type: none; width: 96px; height: 40px; float: left }
#menu li a:hover     { color: #ffc; background-image: url(images/fond-bouton-menu-hover.gif); background-repeat: no-repeat; height: 41px }
#menu li a             { color: #06213e; text-decoration: none; background-image: url(images/fond-bouton-menu.gif); background-repeat: no-repeat; text-align: center; list-style-type: none; display: block; margin-right: 0.2em; padding-top: 0.3em; padding-right: 0.2em; height: 41px }
#menu li span  { color: #ffc; text-decoration: none; background-image: url(images/fond-bouton-menu-hover.gif); background-repeat: no-repeat; text-align: center; list-style-type: none; display: block; margin-right: 0.2em; padding-top: 0.3em; padding-right: 0.2em; height: 41px }
/*Menus Secteurs*/
#secteurs    { font-size: 0.8em; background-image: url(images/fond-secteurs.png); background-repeat: no-repeat; margin-top: 0; margin-left: 10px; padding-left: 0.5em; width: 150px; height: 420px; float: left; border: solid 0 #f00 }
#secteurs a { color: #fff; text-decoration: underline }
#secteurs a:hover { text-decoration: none }
#secteurs li { text-align: left; list-style-type: none; margin-top: 0.6em; width: 90% }
.ligne_bas  { font-family: "Trebuchet MS"; border-bottom: 1px solid #446697 }
/*pied de page*/
#pied-de-page               { font-size: 0.9em; background-image: url(images/fond-banniere-bas.gif); background-repeat: no-repeat; margin-top: 0; margin-right: auto; margin-left: auto; width: 920px; height: 75px; clear: both }
#pied-de-page p      { color: #828282; text-align: center; margin-top: 0; padding-top: 3em }
#pied-de-page a      { color: #828282; text-decoration: none }
#pied-de-page a:hover     { color: #230f78; text-decoration: underline }
/*sociétés d'Olry
*/
.bleu-marli { color: #06213e; font-size: 1.1em; font-family: "Trebuchet MS" }
#olry_immobilier_h  { background-image: url(images/haut-olry.gif); background-repeat: no-repeat; margin: 1em auto 0; padding: 0; width: 900px; height: 10px }
#olry_immobilier            { font-size: 0.8em; background-color: #e3ecf3; background-image: url(images/milieu-olry.gif); margin: 0 auto; padding: 0; width: 900px; clear: both }
#olry_immobilier p, h1 { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
#olry_immobilier a       { color: #06213e; margin-top: 0.2em; padding-top: 0 }
#olry_immobilier a:hover     { color: #446697 }
#olry_immobilier li         { text-align: center; list-style-type: none; margin-right: 1em; float: left }
#olry_immobilier li img { margin-bottom: 0.5em }
#olry_immobilier_b   { background-image: url(images/bas-olry.gif); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 900px; height: 10px }
#mapcontact      { margin-top: 1em; margin-right: 6em; width: 450px; height: 200px; float: right; border: solid 1px #446697 }
/*formulaire*/
label  { color: #446697; font-size: 0.8em }
form    { font-size: 1em; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-bottom: 1em; width: 80% }
legend     { color: #006; font-size: 0.9em; font-family: "Trebuchet MS"; font-weight: bold }
#adresse-siege       { color: #230f78; font-size: 1.1em; font-family: "Trebuchet MS"; margin-top: 2.5em; padding-left: 5em; float: left }
#ecrire { background-image: url(images/fond-formulaire.gif); background-repeat: no-repeat; margin-top: 0; margin-right: auto; margin-left: auto; padding-top: 0.5em; width: 900px }
/*liens offres maisons anciennes*/
#liens   { font-size: 1em; text-align: center; clear: right }
#liens a  { color: #446697; text-align: center; padding-left: 0.5em; clear: right }
#liens a:hover  { font-weight: normal; text-decoration: underline }
.bleu-liens     { color: #230f78; font-weight: bold; text-decoration: none }
.lien-offres { text-align: center }
/*Ligne Offres*/
.annonce { }
h2     { color: #230f78; font-size: 0.8em; font-weight: bold; text-decoration: none; margin-top: 0; padding-top: 0; padding-bottom: 0.5em }
.images_droite { margin-left: 1em; float: right }
.images_gauche  { margin-top: 1em; margin-right: 1em; float: left }
.ligne_offre   { padding-top: 0.5em; padding-bottom: 1em; clear: both; border-top: 1px solid #d2d2d2 }
.ligne_offre img    { margin-bottom: 0.5em; border: solid 1px #446697 }
.bordeau-prix     { color: #230f78; font-weight: bold }
/*Presentation*/
.pres_h  { font-size: 0.01em; background-image: url(images/pres-haut.gif); background-repeat: no-repeat; margin: 10px auto 0; padding: 0; width: 900px; height: 10px }
.pres_m { font-size: 0.9em; background-color: #e3ecf3; background-image: url(images/pres-milieu.gif); margin: 0 auto; padding: 0; width: 900px; clear: both }
.pres_m h2 { margin-top: 1em; margin-left: 2em }
.pres_m p, img { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
.pres_b  { background-image: url(images/pres-bas.gif); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 900px; height: 10px }
.presentation    { text-align: justify; padding-right: 3em; padding-left: 3em }
.presentation img  { }

/*Programmes*/
.pres_h1 { font-size: 0.01em; background-image: url(images/pres-haut1.gif); background-repeat: no-repeat; margin: 10px auto 0; padding: 0; width: 900px; height: 10px }
.pres_m1 { font-size: 0.9em; background-color: #e3ecf3; background-image: url(images/pres-milieu1.gif); margin: 0 auto; padding: 0; width: 900px; clear: both }
.pres_b1 { background-image: url(images/pres-bas1.gif); background-repeat: no-repeat; margin: 0 auto; padding: 0; width: 900px; height: 10px }
.pres_m1 p, img { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0 }
.presentation1 { text-align: justify; padding-right: 3em; padding-left: 3em }
.presentation1 img { }
/*Plan Site*/
#plan-site a, a:hover  { color: #230f78; text-decoration: none }
#plan-site p { padding-left: 3em }
/*programmes*/
.pub-prog   { margin-bottom: 0; margin-left: 0; padding-top: 2.5em; padding-bottom: 0; padding-left: 0; border-width: 0 }
.pub-prog a img { border: none }
.a-saisir { margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 0; border-width: 0 }
.a-saisir a img { border: none }
.image-prog { margin-left: 0; padding-left: 65px }
.gras-centre { color: #230f78; font-size: 1.5em; font-weight: bold; text-align: center; display: block; margin-top: 0.2em; margin-bottom: 0.2em }
.prix-prog { color: #230f78; font-size: 1.2em; display: block; margin-left: 65px }
.exemple-prog  { color: #f00; font-size: 1.2em; display: block; margin-right: 60px; margin-left: 60px }
.barre { background-image: url(images/barre.jpg); background-repeat: repeat-x }
.barre-rouge { background-image: url(images/barre-rouge.gif); background-repeat: repeat-x }
.rouge { color: #f00 }
/*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 }
/*Loi scellier*/
.exemple-loi-scellier    { margin-right: 2em; margin-left: 2em; padding-left: 1em; clear: left; border: dotted 1px #c30000 }
#illustratiion-scellier   { margin: 1em 1em 1em 2em; float: left }
.scellier  { margin-right: 2em; margin-left: 2em; padding-right: 2em; padding-left: 2em }
.titre-scellier { color: #230f78; font-size: 1.1em; font-family: Arial; font-weight: bold }
.gauche-scellier   { margin: 1em 2em 2em; float: left }
h3 { font-size: 1em; text-align: center; margin-top: 1em }
.investir-loi-scellier-alsace img { border-width: 0 }
.investir-wettolsheim img { margin-left: 12em; border-width: 0 }
.maison-wihr-au-val img { margin-left: 12em; border-width: 0 }
.etages-wihr-au-val img { margin-left: 10em; border-width: 0 }
#autres-programme-scellier li { list-style-type: none; margin-right: 4em; margin-left: 4em; width: 290px; float: left }
#autres-programme-scellier img { border-width: 0 }
.gauche-villas   { margin: 1em 4em 2em 8em; float: left;  }
.sepa-vignes      { text-align: center; margin-right: auto; margin-bottom: 1em; margin-left: auto; width: 70%; clear: both; border-bottom: 1px solid #b9b9b9 }
.bleu { color: #230f78 }
.bleu a { color: #230f78 }
.titre-rouge { color: #fff; font-size: 1.2em; font-weight: bold; background-color: #c30000; padding: 0.2em 0.5em; border-top: 1px solid #f6ea11; border-bottom: 1px solid #f6ea11 }