/* INITIALISATION DES MARGES ---------------------------------------------------*/ * {margin:0px;padding:0px;} img { display: block; border: 0px; margin:0px; padding:0px; } form, ul, li, dl, dt, dd, p, hr {margin:0px;padding:0px;} acronym{text-decoration:none;cursor:help; background:url(../images/picto_help.gif) no-repeat top right;padding-right:10px;} /* ELEMENTS DE FORMULAIRE ------------------------------------------------------*/ label, input, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;color:#505050;} input, textarea, select {background-color: #f9fcf1;border: 1px solid #7f9db9;} .bouton {border: 1px solid #7f9db9;background-color: #e5eec8;color:#528700;font-weight: bold;} .sansStyle {border: none;background: none;} /* ELEMENTS DE LAYOUT DE LA PAGE -----------------------------------------------*/ html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; height: 100%;} .pousseur {clear:both;} .warn {float: left;background: url(../images/picto_warning.gif) no-repeat top left;padding: 10px;padding-left: 25px;margin: 20px;border: 1px solid #f7a072;} .warn-logement {width:350px;background: url(../images/picto_warning.gif) no-repeat top left;padding: 10px;padding-left: 25px;border: 1px solid #f7a072;padding-right:0px;} .warn-urgence {width:350px;background: url(../images/picto_warning.gif) no-repeat top left;padding: 10px;padding-left: 25px;border: 1px solid #f7a072;padding-right:0px;font-size: 1.2em;color:#ff8c39;font-weight:bold;} .success {float: left;background: url(../images/picto_success.gif) no-repeat top left;padding: 10px;padding-left: 25px;margin: 20px;border: 1px solid #81c55c;} /*.tableau{text-align:center;background-color:#DCEAA8;color:;border-collapse:collapse;} tr.tableau{height:40px;}*/ table.visible {color:#f26921;border: medium solid #DCEAA8;border-collapse: collapse;width: 60%;} th.visible {color:white;border: thin solid #DCEAA8;width: 50%;padding: 5px;background-color: #86B100;} td.visible {border: thin solid #DCEAA8;width: 50%;padding: 5px;text-align: center;background-color: #ffffff;} table.visibleB {color:#f26921;border: medium solid #DCEAA8;border-collapse: collapse;width: 80%;} td.visibleL {border: thin solid #DCEAA8;width: 70%;padding: 5px;text-align: center;background-color: #ffffff;text-align:left;} table.procedure {color:#f26921;border: medium solid #DCEAA8;border-collapse: collapse;width:550px;} td.procedureG {text-align:left;color:white;border: thin solid #DCEAA8;width: 40%;padding: 5px;background-color: #86B100;font-weight:bold;} td.procedureD {text-align:left;border: thin solid #DCEAA8;width: 60%;padding: 5px;background-color: #ffffff;} table.fiche {color:#f26921;border: medium solid #DCEAA8;border-collapse: collapse;width: 370px;clear:both;} th.fiche {color:white;border: thin solid #DCEAA8;width: 20%;padding: 5px;background-color: #86B100;} th.ficheGauche {color:white;border: thin solid #DCEAA8;width: 15%;padding: 5px;background-color: #86B100;} td.fiche {border: thin solid #DCEAA8;width: 20%;padding: 5px;text-align: center;background-color: #ffffff;} td.ficheGauche {border: thin solid #DCEAA8;width: 15%;padding: 5px;text-align: center;background-color: #ffffff;text-align:left;} table.invisible {border: 0px;border-collapse: collapse;width: 100%;} th.invisible {width: 50%;padding:5px;} td.invisible {width: 50%;padding:5px;text-align: center;width:50%;height:200px;} td.invisibleGd {width: 50%;padding:5px;text-align: center;width:50%;height:350px;} img.invisible {border: 1px solid #f36822;margin:0 auto;margin-top:10px;} caption {font-family: sans-serif;} #conteneur { position: relative; width: 955px; margin: 0 auto; background-color:#FFFFFF; } #header { position: relative; height: 152px;} #logo {float: left; width: 190px; height: 152px;} #bandeau {float: right;width: 765px; height: 92px;} #menuhaut span { display: none;} #menuhaut dt a { height: 41px; display: block; margin-top: 19px; } #menuhaut dt a#devenirloca {width: 125px; margin-left: 20px; background: url(../images/menu_h_devenir_locataire.gif) no-repeat top left;} #menuhaut dt a:hover#devenirloca, #menuhaut dt a#devenirlocaOn {width: 125px;margin-left: 20px; background: url(../images/menu_h_devenir_locataire.gif) no-repeat 0 -41px;} #menuhaut dt a#locataire {width: 140px; margin-left: 55px; background: url(../images/menu_h_locataire.gif) no-repeat top left;} #menuhaut dt a:hover#locataire, #menuhaut dt a#locataireOn {width: 140px; margin-left: 55px; background: url(../images/menu_h_locataire.gif) no-repeat 0 -41px;} #menuhaut dt a#elupro {width: 200px; margin-left: 50px; background: url(../images/menu_h_elu_pro.gif) no-repeat top left;} #menuhaut dt a:hover#elupro ,#menuhaut dt a#eluproOn{width: 200px; margin-left: 50px;background: url(../images/menu_h_elu_pro.gif) no-repeat 0 -41px;} #menuhaut dt a#devenirproprio {width: 140px; margin-left: 20px;background: url(../images/menu_h_devenir_proprio.gif) no-repeat top left;} #menuhaut dt a:hover#devenirproprio,#menuhaut dt a#devenirproprioOn {width: 140px; margin-left: 20px;background: url(../images/menu_h_devenir_proprio.gif) no-repeat 0 -41px;} #menuhaut { position: absolute; top: 92px; left: 190px; width: 765px; height: 60px; z-index:100; background: url(../images/menu_h_fond.jpg) no-repeat top left;} #menuhaut dl { float: left; } #menuhaut dd { display: none;border: 1px solid #f8f8f7; background: #fff;padding: 5px; } #menuhaut dd#smenu1 {position: absolute;left: 21px; top: 60px;width: 200px;} #menuhaut dd#smenu2 {position: absolute;left: 200px; top: 60px;width: 225px;} #menuhaut dd#smenu3 {position: absolute;left: 390px; top: 60px;width: 210px;} #menuhaut dd#smenu4 {position: absolute;left: 610px; top: 60px;width: 170px;} /* width:160px avant */ #menuhaut li { list-style-type: none; } #menuhaut li a { text-decoration: none; display: block; height: 21px; padding-left: 20px; padding-top: 3px; font-size: 0.8em; background: url(../images/menu_h_fond_element.gif) no-repeat top left;} #menuhaut li a {color: #657e03;} #menuhaut li a.On {color: #f26921;} #menuhaut li a.OnGd {color: #f26921;background-image: url(../images/menu_h_fond_elementGd.gif); height: 35px;} #menuhaut li a.OffGd {color: #657e03;background-image: url(../images/menu_h_fond_elementGd.gif); height: 35px;} #menuhaut li a:hover { color: #f26921; } #centreSansPadding { margin-left: 175px; margin-right: 116px; height: auto !important;height: 400px;min-height: 400px;color:#505050;} #centre { position:relative;margin-left: 175px; margin-right: 116px; height: auto !important;height: 400px;min-height: 400px; padding: 20px;padding-top: 5px;color:#505050;} #menu_recrutement{ position:absolute; top:20px; right:20px; } #petitPoucet {color:#b2b2b2; margin-bottom: 20px;font-size: 0.9em;margin-top: 15px;} #petitPoucet a, #petitPoucet a:visited {color:#787878;text-decoration: none;} #petitPoucet a:hover {text-decoration: underline;} #gauche { z-index:1000; position: absolute; left:0; width: 175px; height: 320px; background: url(../images/menu_g_fond.gif) no-repeat top left;} #menugauche { list-style-type: none;} #menugauche span { display: none;} #menugauche li {display: inline;} #menugauche li a { display: block; height:47px; } #menugauche li a#accueil {width: 175px; margin-top: 64px;background: url(../images/menu_g_accueil.gif) no-repeat top left;} #menugauche li a:hover#accueil { background: url(../images/menu_g_accueil.gif) no-repeat 0 -47px;} #menugauche li a#ophis {width: 175px; background: url(../images/menu_g_ophis.gif) no-repeat top left;} #menugauche li a:hover#ophis, #menugauche li a#ophisOn { background: url(../images/menu_g_ophis.gif) no-repeat 0 -47px;} #menugauche li a#patrimoine {width: 175px; background: url(../images/menu_g_patrimoine.gif) no-repeat top left;} #menugauche li a:hover#patrimoine, #menugauche li a#patrimoineOn { background: url(../images/menu_g_patrimoine.gif) no-repeat 0 -47px;} #menugauche li a#liens {width: 175px;background: url(../images/menu_g_liens.gif) no-repeat top left;margin-top: 10px;} #menugauche li a:hover#liens, #menugauche li a#liensOn { background: url(../images/menu_g_liens.gif) no-repeat 0 -47px;margin-top: 10px;} #menugauche li a#contact {width: 175px; background: url(../images/menu_g_contact.gif) no-repeat top left;} #menugauche li a:hover#contact, #menugauche li a#contactOn {background: url(../images/menu_g_contact.gif) no-repeat 0 -47px;} #menugauche li #smenu5 {z-index:1000; top:120px; left:170px; width: 195px; position: absolute;display: none;border: 1px solid #f8f8f7; background: #fff;padding: 5px; } #menugauche li #smenu5 li a {z-index:1000; text-decoration: none; display: block; height: 21px; padding-left: 20px; padding-top: 3px; font-size: 0.8em; background: url(../images/menu_h_fond_element.gif) no-repeat top left;color: #657e03;} #menugauche li #smenu5 li a.On, #menugauche li #smenu5 li a:hover {color: #f26921;} #menugauche li #smenu6 {z-index:1000; top:265px; left:170px; width: 165px; position: absolute;display: none;border: 1px solid #f8f8f7; background: #fff;padding: 5px; } #menugauche li #smenu6 li a {z-index:1000;text-decoration: none; display: block; height: 21px; padding-left: 20px; padding-top: 3px; font-size: 0.8em; background: url(../images/menu_h_fond_element.gif) no-repeat top left;color: #657e03;} #menugauche li #smenu6 li a.On, #menugauche li #smenu6 li a:hover {color: #f26921;} #menugauche li #smenu7 {z-index:1000; top:168px; left:170px; width: 195px; position: absolute;display: none;border: 1px solid #f8f8f7; background: #fff;padding: 5px; } #menugauche li #smenu7 li a {z-index:1000;text-decoration: none; display: block; height: 21px; padding-left: 20px; padding-top: 3px; font-size: 0.8em; background: url(../images/menu_h_fond_element.gif) no-repeat top left;color: #657e03;} #menugauche li #smenu7 li a.On, #menugauche li #smenu7 li a:hover {color: #f26921;} #droite { position: absolute; right:0; width: 116px; height: 448px; background: url(../images/menu_d_fond.gif) no-repeat top left;} #menudroit {list-style-type: none;} #menudroit span { display: none;} #menudroit li { display: inline;} #menudroit li a { display: block; width: 116px;} #menudroit li a#presse { height:28px; margin-top: 59px;background: url(../images/menu_d_presse.gif) no-repeat top left;} #menudroit li a#recrutement {height:41px; margin-top: 20px;background: url(../images/menu_d_recrutement.gif) no-repeat top left;} #menudroit li a#telechargement { height:40px; margin-top: 15px;background: url(../images/menu_d_telechargement.gif) no-repeat top left;} #actusdroite {height: 170px;position: relative; overflow: hidden;} #actusdroite p{padding-left:5px;color: #528800;font-size: 0.9em;} #actusdroite #titreActus {display: block; width: 116px; height: 20px;margin-top: 38px; background: url(../images/menu_d_titre_actus.gif) no-repeat top left;} #actusdroite #titreActus span {display: none;} #actusdroite #actu {color: #528800;margin: 5px;font-size: 0.8em;} #actusdroite a {color: #528800;font-size: 0.8em;text-decoration:none;} #actusdroite a:hover {color: #f26921;text-decoration: underline;font-size: 0.8em;} #droite #logoClerdome {width: 116px;margin: 0 auto;margin-top: 5px;} #conteneur_defil { /*border:2px solid #FFCC66;*/ margin-left:18px; width:625px; margin:0 auto; overflow:hidden; line-height:normal; } #cadre_defil { position:relative; margin-left:18px; width:625px; height:18px; /*modifier cette valeur si les news sont sur plus de 2 lignes*/ overflow:hidden; /*background-color:#FFFF66;*/ } #cadre_defil img{ vertical-align: middle; border:0; } #defile { position:absolute; width:562px; /*font-family: Geneva, Arial, Helvetica, sans-serif;*/ font-size:1.0em; color:#528800; } #defile .liens { text-decoration:none; color:#528800; } /*#actu_defilante {float:right;margin-right:150px;color: #528800;font-size: 1.0em;}*/ #defile .liens a {color: #528800;font-size: 1.0em;text-decoration: none;} #defile .liens a:hover {color: #f26921;text-decoration: underline;font-size: 1.0em;} #pied {clear: both;height: 40px; width: 838px; background: url(../images/pied_fond.gif) no-repeat top left;} #menupied {list-style-type: none;margin-left: 465px;padding-top:8px;} #menupied li {display: inline; margin-right: 20px;} #menupied li a, #menupied li a:visited {color: #999999; text-decoration: none;font-weight: bold;font-size: 0.8em;} #menupied li a:hover {text-decoration: underline;} #baseline {margin-top:10px;margin-bottom:5px;color: #b9b9b9;font-size:0.8em;text-align:center;} #baseline a, #baseline a:visited {color: #b9b9b9; text-decoration: none;font-weight: bold;} #baseline a:hover {text-decoration: underline;} /* ELEMENTS DE PRESENTATION DES PAGES CENTRALES --------------------------------*/ #Accueil_actu {float:right;margin-top: 110px;margin-right: 30px;width:290px;height:240px;} #animationAccueil {height: 380px;background: url("../images/accueil_tempo.jpg") no-repeat top left;padding-left:14px;} #animationAccueil span {display: none;height: 0px;} #animationAccueil #flashcontent {float:left;padding-top: 109px;} ul.menuPage {float: right;clear: both;border: 1px solid #fdd4b3;margin-bottom: 10px;margin-left: 5px;background-color:#feeee7;padding: 2px;padding-left: 20px;width:180px;} ul.menuPage li {margin-right: 5px;margin-bottom: 3px;list-style-position:outside;list-style-image:url(../images/puce_orange.gif)} ul.menuPage li a, ul.menuPage li a:visited {text-decoration: none;font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif;} ul.menuPage li a, ul.menuPage li a:visited {color:#657e03;} ul.menuPage li a.On, ul.menuPage li a.On:visited {color:#f26921;} ul.menuPage li a:hover {color: #f26921;text-decoration: underline;} ul.menuPage li.pucepdf {margin-right:5px; margin-bottom:3px; list-style-position:outside; list-style-image:url(../images/puce_pdf.gif);} ul.menuGroupe {float: right;clear: both;border: 1px solid #fdd4b3;margin-bottom: 10px;margin-left: 5px;background-color:#feeee7;padding: 2px;padding-left: 20px;width:160px;padding-right:20px;} ul.menuGroupe li {margin-right: 5px;margin-bottom: 3px;list-style-position:outside;list-style-image:url(../images/puce_orange.gif)} ul.menuGroupe li a, ul.menuGroupe li a:visited {text-decoration: none;font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif;} ul.menuGroupe li a, ul.menuGroupe li a:visited {color:#657e03;} ul.menuGroupe li a.On, ul.menuGroupe li a.On:visited {color:#f26921;} ul.menuGroupe li a:hover {color: #f26921;text-decoration: underline;} ul.menuGroupe li.groupe{font-size: 1.2em;color:#ff8c39;margin-top: 2px;margin-bottom: 5px; font-family: Arial, Verdana, Helvetica, sans-serif;text-align:center;border-bottom:1px dashed #ff8c39;font-weight:bold;list-style-image:none;list-style-type:none;} .menuGroupesPatrimoine{float: right;width:160px;} ul.TypeOperation {float: right;clear: both;border: 1px solid #fdd4b3;margin-bottom: 10px;margin-left: 5px;background-color:#feeee7;padding: 2px;padding-left: 5px;width:270px;padding-right:5px;} ul.TypeOperation li {list-style-image:none;list-style-type:none;} h1 {font-size: 1.8em; background: url(../images/h1_fond.gif) no-repeat top left;padding-left: 30px;color:#b2b2b2; font-family: Arial, Verdana, Helvetica, sans-serif;margin-bottom: 10px;} h2 {font-size: 1.5em; background: url(../images/h2_fond.gif) no-repeat top left;padding-left: 30px;color:#b2b2b2; font-family: Arial, Verdana, Helvetica, sans-serif;margin-bottom: 10px;} h1 span, h2 span, {color:#ff8c39;} .orangeh4 {font-size: 11px;color:#ff8c39; font-weight:bold; padding-left:50px; text-align:center font-family: Arial, Verdana, Helvetica, sans-serif;margin-bottom: 10px; } .orange{color:#ff8c39;} .vertclair{ color:#c3d356;} h3 {font-size: 1.2em;color:#ff8c39;margin-top: 20px;margin-bottom: 5px; font-family: Arial, Verdana, Helvetica, sans-serif;} .paragrapheOphis h3 {margin:0; font-size: 1.2em;color:#ff8c39; font-family: Arial, Verdana, Helvetica, sans-serif;} h4 {font-size: 11px;;margin-top: 20px;margin-bottom: 5px; font-family: Arial, Verdana, Helvetica, sans-serif;} h4.orange {color:#ff8c39;font-size: 1.1em; } h4.vert {color:#5e970f; margin:0px; padding:0px;} h3.titre-groupe{font-size: 1.2em;color:#ff8c39;margin-top: 2px;margin-bottom: 5px; font-family: Arial, Verdana, Helvetica, sans-serif;text-align:center;border-bottom:1px dashed #ff8c39;font-weight:bold;} div.actuAlaUne {margin-left:5px;font-size: 1.5em; font-weight:bold;color:#b2b2b2; font-family: Arial, Verdana, Helvetica, sans-serif;margin-bottom: 10px;} img.gauche {float: left; margin-right: 10px; margin-bottom: 10px;border: 1px solid #f36822;margin-top:10px;} img.droite {float: right; margin-left: 10px; margin-bottom: 10px;border: 1px solid #f36822; margin-top:10px;} img.droiteBis {float: right; margin-left: 10px; margin-bottom: 10px;border: 1px solid #f36822; margin-top:5px;} img.blanc-droite {float: right; margin-left: 10px; margin-bottom: 10px; margin-top:10px;} img.blanc-droite2 {float: right; margin-left: 10px; margin-bottom: 10px; margin-top:-20px;} img.imgActu_une { margin-left:5px;margin-right:5px; height:125px; width:125px;} img.exemple_logement_ville {margin:auto;} .paragrapheOphis { width:475px; float:right} .chiffre{width:413px;margin:auto;} .paragraphe {margin-bottom: 5px; margin-left:30px;} .paragraphe ul {padding-left: 15px;margin-top: 2px;margin-bottom: 8px;} .paragraphe ol {padding-left: 22px;margin-top: 5px;margin-bottom: 5px; } .paragraphe ul li {padding-left: 0px;margin-bottom: 3px;list-style-position:outside;list-style-image:url(../images/puce_orange.gif)} .paragraphe ol li {padding-left: 0px;margin-bottom: 3px;} .paragraphe a, .paragraphe a:visited {text-decoration: none; color:#657e03; font-weight: bold;} .paragraphe a:hover {color: #f26921;text-decoration: underline;} .paragraphe p {margin-bottom: 10px; } .paragraphe p.titre_photo{margin-bottom: 5px;padding-left: 15px;background:url(../images/puce_verte.gif) no-repeat bottom left;} .paragraphe dl { padding-top:10px; } .paragraphe dl dt {background:url(../images/puce_orange.gif) no-repeat; padding-left:10px;font-weight: bold; color: #ff8c39; } .paragraphe dl dd {padding-left:10px; padding-bottom:10px;} .paragraphe .detail_agence { margin-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif;} .paragraphe .detail_agence .nom_agence {color:#5E970F; padding-top:5px; font-size:13px;font-family: Arial, Verdana, Helvetica, sans-serif;} .paragraphe .detail_agence img{ float:left; margin-right:4px} .paragraphe .detail_agence ul{ clear:both; margin-left:20px; font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif;} .paragraphe .detail_agence li{ list-style-image:url(../images/puce-vert3.gif); font-family:Verdana, Arial, Helvetica, sans-serif;} .paragraphe .adresse .txtadresse { height:141px; vertical-align:middle;} .lienimg{ float:left;margin-right:5px; } .paragraphe .adresse .puce {float:left; width:26px; margin-left:10px;} .contenuagence a, .contenuagence a:hover, .contenuagence a:visited { color:#f26921; text-decoration:underline;} .vert a.avert , .vert a.avert:hover{ color:#5e970f;} .contenuagence{ margin:0px; padding:0px; font-size:11px;} .flright{ float:right; text-align:right;} .flright .img1 {border:1px solid #f26921; margin-left:15px; } .flright .img2 { margin-left:15px; } .paragraphe .flright .titre_transport{text-align:left; } .paragraphe .flright .titre_transport .puce2 {float:left;margin-right:5px; text-align:left; } .txtflright {float:left; margin:0px; padding:0px; text-align:left; width:367px; } .notxtflright{ margin-left:5px;} .titre_transport { color:#f26921; font-size:13px; font-weight:bold; vertical-align:middle;} /*.paragraphe .titre_transport img{ float:left; margin-right:5px; }*/ .titre_transport .puce {float:left;margin-right:5px; text-align:right; margin-left:10px;} .titre_transport .align_titre_transport{padding-top:4px;} .moyen_transport .imgicone{ float:left; margin-right:5px; } .moyen_transport .txt_transport{float:left;} .moyen_transport .txt_transport span{ color:#5e960e;} .impirmer{float:right; color: #999999; font-size:10px; height:20px; width:120px; text-align:right; } .impirmer .lien {vertical-align:bottom; margin-top:5px;} .impirmer a, .impirmer a:hover, .impirmer a:visited { color:#999999; text-decoration:underline; } .impirmer img{float:left; margin-right:5px;} .retourl {float:right; color: #5e970f; font-size:10px; height:16px; width:120px; text-align:left; } .retourl .lien2{vertical-align:top;} .retourl a, .retourl a:hover, .retourl a:visited { color:#5e970f; text-decoration:underline; } .retourl img{float:left; margin-right:10px;} p.groupe{font-size: 1.2em;color:#ff8c39;font-weight:bold;font-family: Arial, Verdana, Helvetica, sans-serif;float:left;} p.signature{float:right;} .encadre {margin-bottom: 5px; margin-left:30px;border:1px solid #e5eec8;background-color:#f9fcf1;padding:5px;} .encadre p {margin-bottom: 10px;} .encadre ul {padding-left: 15px;margin-top: 2px;margin-bottom: 8px;} .encadre ul li {padding-left: 0px;margin-bottom: 3px;list-style-position:outside;list-style-image:url(../images/puce_verte2.gif)} .photo{clear:both;} .photo img.droite{margin-left: 0px;} img.actu{ border: 1px solid #f36822;} hr.trait-actu{color:#E3EEBB;margin-left:30px;background:#E3EEBB;border:1px solid #E3EEBB;} hr.trait-actu2{color:#E3EEBB;background:#E3EEBB;border:1px solid #E3EEBB;} a.externe,a.externe:visited{text-decoration: none; color:#657e03; font-weight: bold;background:url(../images/puce_lien_externe2.gif) no-repeat right;padding-right:12px;} a.externe:hover{color: #f26921;text-decoration: underline;} a.lien-haut, a.lien-haut:visited {font-size: 0.9em;background:url(../images/puce_haut.gif) no-repeat top right;padding-right:18px;text-decoration: none; color:#657e03; font-weight: bold;float:right;} a.lien-haut:hover {color: #f26921;text-decoration: underline;} a.page-prec,a.page-prec:visited {font-size: 0.9em;background:url(../images/puce_prec.gif) no-repeat top left;padding-left:20px;text-decoration: none; color:#657e03; font-weight: bold;float:left;} a.page-prec:hover {color: #f26921;text-decoration: underline;} hr.page{color:#E3EEBB;background:#E3EEBB;border:1px solid #E3EEBB;width:300px;} a.lien-haut-page, a.lien-haut-page:visited{font-size: 0.9em;background:url(../images/puce_haut.gif) no-repeat top right;padding-right:18px;text-decoration: none; color:#657e03;float:right; font-weight: bold;padding-bottom:20px;margin-right:45px;} a.lien-haut-page:hover {color: #f26921;text-decoration: underline;} a.lien-haut-groupe, a.lien-haut-groupe:visited {font-size: 0.9em;padding-top: 2px;background:url(../images/puce_haut.gif) no-repeat top right;padding-right:14px;text-decoration: none; color:#657e03;font-weight: bold;padding-bottom:20px;height: 20px;width: 88px;display: block;} a.lien-haut-groupe:hover {color: #f26921;text-decoration: underline;} a.lien-fiche, a.lien-fiche:visited {text-decoration: none; color:#657e03; font-weight: bold;} a.lien-fiche:hover {color: #f26921;text-decoration: underline;} span.titre-projet{color: #f26921;font-weight:bold;font-size:1.3em;} .gauchePatrimoine {float: left; width: 370px;padding:0px;} a#lien-retour-carte {float:right;font-size:0.9em;padding-right: 10px;} a#lien-retour-carte, a:visited#lien-retour-carte{background:url(../images/puce_prec.gif) no-repeat top left;padding-left:18px;text-decoration: none; color:#657e03; font-weight: bold;} a:hover#lien-retour-carte{color: #f26921;text-decoration: underline;} .alinea{font-size:0.9em;font-style:italic;margin-top: 20px;} .alinea a, .alinea a:visited {text-decoration: none; color:#657e03; font-weight: bold;} .alinea a:hover {color: #f26921;text-decoration: underline;} /* POUR LES PAGES DOCUMENTAIRES ------------------------------------------------*/ ul.listeDocs {padding-left: 10px;margin-top: 10px;margin-bottom: 5px;} ul.listeDocs li {margin-bottom: 5px;list-style-type: none;list-style-image: none;} ul.listeDocs li a.doc {background:url(../images/fic_.gif) no-repeat left;padding-left: 20px;height: 16px;display: block;} ul.listeDocs li a.PDF {background:url(../images/fic_pdf.gif) no-repeat left;padding-left: 20px;height: 16px;display: block;} ul.listeDocs li a.DOC {background:url(../images/fic_doc.gif) no-repeat left;padding-left: 20px;height: 16px;display: block;} ul.listeDocs li a.ZIP {background:url(../images/fic_zip.gif) no-repeat left;padding-left: 20px;height: 16px;display: block;} ul.listeDocs li a.PPT {background:url(../images/fic_ppt.gif) no-repeat left;padding-left: 20px;height: 16px;display: block;} ul.listeDocs li a.XLS {background:url(../images/fic_xls.gif) no-repeat left;padding-left: 20px;height: 16px;display: block;} ul.listeDocs li a.TXT {background:url(../images/fic_txt.gif) no-repeat left;padding-left: 20px;height: 16px;display: block;} ul.listeDocs li a.postuler {margin-left: 100px;height: 16px;display: block; color:#999999;font-style:italic;} ul.listeDocs li a.postuler:hover {margin-left: 100px;height: 16px;display: block; color:#999999;font-style:italic; } ul.listeDocs li a.postuler:visited {margin-left: 100px;height: 16px;display: block; color:#999999;font-style:italic; } /* PAGE CONTACT ----------------------------------------------------------------*/ #formContact dl {clear: both;} #formContact dt {float: left; width: 150px;text-align: right; padding-right: 5px;padding-top: 2px;} #formContact dd {float: left;} #formContact dd.previ {float: left; padding-top: 2px;color:#528700;} #formContact span.erreur {padding-left: 5px;color:#ff3300;} /* PAGES ESPACE RECRUTEMENT ----------------------------------------------------*/ dl.pourquoiRejoindre {} dl.pourquoiRejoindre dt {background-image:none;font-size: 1.2em;margin-bottom: 5px;padding-left:0px;} #formCandidature dl {clear: both;} #formCandidature dt {float: left; width: 150px;text-align: right; padding-right: 5px;padding-top: 2px;} #formCandidature dd {float: left;} #formCandidature dd.previ {float: left; padding-top: 2px;color:#528700;} #formCandidature span.erreur {padding-left: 5px;color:#ff3300;} table.visibleR {color:#f26921;border: medium solid #DCEAA8;border-collapse: collapse;width: 595px;margin-left:30px;} table.visibleR th a{color:white;text-decoration:none;} table.visibleR th a:hover{text-decoration:underline;} th.visibleR1 {color:white;border: thin solid #DCEAA8;width: 35%;padding: 5px;background-color: #86B100;} th.visibleR2 {color:white;border: thin solid #DCEAA8;width: 10%;padding: 5px;background-color: #86B100;} th.visibleR3 {color:white;border: thin solid #DCEAA8;width: 15%;padding: 5px;background-color: #86B100;} th.visibleR4 {color:white;border: thin solid #DCEAA8;width: 10%;padding: 5px;background-color: #86B100;} th.visibleR5 {color:white;border: thin solid #DCEAA8;width: 30%;padding: 5px;background-color: #86B100;} td.visibleR {border: thin solid #DCEAA8;padding: 5px;text-align: left;background-color: #ffffff;} td.ligne_tab_nb_logements {padding:15px; text-align:center; vertical-align:top;} a.lien-retour {float:right;font-size:0.9em;padding-right: 10px;color:#505050;text-decoration:none; color:#657e03; font-weight: bold;} a.lien-retour:hover {color: #f26921;} a.nb_logements {font-size:11px; color:#f26921;} a.nb_logements:visited {color:#f26921;} a.lienActu_une_plus {color:#f26921; text-decoration:none; font-weight:bold;} a.lienActu_une_plus:hover {color: #528700; text-decoration:none; font-weight:bold;} p.erreurActuUne {padding-left: 5px;color:#ff3300;} a.lienActu_une {color:#f26921; text-decoration:none;} a.lienActu_une:hover {color: #528700; text-decoration:none} div.separator { margin-left:30px; margin-bottom:10px; background:url(../images/separator.gif) top left repeat-x; width:595px; height:1px;} /**Page developpement durable ********************************************************************/ .dev_durable{ line-height:1.3em;} /*Pour les select */ .dev_durable .devflleft{ margin-top:5px;} .dev_durable .devflleft p{ margin-bottom:5px;} .dev_durable .devgauche{ float:left; margin-right:20px; width:200px;height:200px;} .dev_durable .devdroit{ float:left; margin-right:20px; width:200px; height:200px; } .dev_durable #texte{ margin-top:20px; height:200px;} .dev_durable .imgdroit{/* float:left;*/ margin-left:10px;} .dev_durable .imgdroit img{ float:left; margin:5px;} .dev_durable .imgwidth100{ max-width:100px; max-height:100px;} .dev_durable .imgwidth290{ max-width:290px;} .dev_durable .imgwidth200{ max-width:200px;} .dev_durable .paragraphe li.puce_vert3 { list-style-image:url(../images/puce-vert3.gif); font-family:Verdana, Arial, Helvetica, sans-serif;} .dev_durable .paragraphe li.puce_vertclair{ list-style-image:url(../images/puce_vertclair.jpg); font-family:Verdana, Arial, Helvetica, sans-serif;} .dev_durable .paragraphe li.engagementpuce{ list-style:none; list-style-image:none; clear:both;} .dev_durable .paragraphe .imgengagement{float:left; margin-right:5px; display:block;} .dev_durable .paragraphe .txtengagement{float:left;} .dev_durable .paragraphe .imgcenterdev{ margin-left:10px; margin-bottom:10px;} .dev_durable .paragraphe .engagement a { color:#505050;} .dev_durable .paragraphe .engagement .listedev{ float:left; width:440px; margin-right:10px; } .dev_durable .paragraphe .engagement .trefledev{ float:left; padding-top:10px; } /*.dev_durable .paragraphe .engagement li{ list-style-image:url(../images/puce_vertclair.jpg); font-family:Verdana, Arial, Helvetica, sans-serif;} */ .dev_durable .paragraphe .engagement1 ul{ list-style-type:inherit; font-family:Verdana, Arial, Helvetica, sans-serif;} .dev_durable .paragraphe .engagement1 li{ list-style-type:inherit; font-family:Verdana, Arial, Helvetica, sans-serif;} .titgd{ font-size:18px;padding-top:30px; line-height:normal; font-family:Verdana, Arial, Helvetica, sans-serif;} .titgd18{ font-size:18px;} .titgd14{ font-size:14px; margin:0px; padding-top:35px;} li.PDF { list-style-image:url(../images/puce_pdf.gif);} .titre16{ font-size:16px;} a#lien-retour-dev {font-size:0.9em;padding-right: 10px;} a#lien-retour-dev, a:visited#lien-retour-dev{background:url(../images/puce_prec.gif) no-repeat top left;padding-left:18px;text-decoration: none; color:#657e03; font-weight: bold;} a:hover#lien-retour-dev{color: #f26921;text-decoration: underline;} .dev_durable .paragraphe .engagement a.lienpetit_orange, a.lienpetit_orange:hover, a.lienpetit_orange:visited{ font-size:10px; color:#ff8c39;} .dev_durable .paragraphe a.PDF {background:url(../images/fic_pdf.gif) no-repeat left;padding-left: 20px;height: 16px;display: block;} .dev_durable .paragraphe .responsabilite .txtresp{ width:294px;} /************************Patrimoine***************************************/ .groupe_orange{ margin-bottom:10px;} .groupe_orange .puce_orange { width:15px; float:left; } .groupe_orange .txtgroupe_orange{ float:left; margin-left:3px; padding: 4px 5px 5px 10px; border-left:1px solid #ff9f4a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; } .groupe_orange .txtgroupe_orange .libelle{ color:#f96902; font-size:13px; font-weight:bold; } .groupe_orange .txtgroupe_orange .nomgroupe{ float:left;margin-right:5px; margin-bottom:3px;} .groupe_orange .txtgroupe_orange .icone_confort{ float:left; margin-left:3px; margin-bottom:3px; } .groupe_orange .txtgroupe_orange a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#010100;} .groupe_orange .txtgroupe_orange a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#010100;} .groupe_orange .txtgroupe_orange .libelle a{ color:#f96902; font-size:13px; font-weight:bold; } .groupe_orange .txtgroupe_orange .libelle a:hover{ color:#f96902; font-size:13px; font-weight:bold; } .groupe_vert { margin-bottom:10px;} .groupe_vert .puce_vert { width:15px; float:left; } .groupe_vert .txtgroupe_vert {float:left; margin-left:3px; padding: 4px 5px 5px 10px; border-left:1px solid #ccd857; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;} .groupe_vert .txtgroupe_vert .libelle{ color:#5d7f0b; font-size:13px; font-weight:bold; } .groupe_vert .txtgroupe_vert .nomgroupe{ float:left;margin-right:5px; margin-bottom:3px;} .groupe_vert .txtgroupe_vert .icone_confort{ float:left; margin-right:3px; margin-bottom:3px; } .groupe_vert .txtgroupe_vert a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#010100;} .groupe_vert .txtgroupe_vert a:hover { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#010100;} .groupe_vert .txtgroupe_vert .libelle a{ color:#5d7f0b; font-size:13px; font-weight:bold; } .groupe_vert .txtgroupe_vert .libelle a:hover { color:#5d7f0b; font-size:13px; font-weight:bold; } .puce_aproximite {width:15px; float:left; margin-left:10px;} .titre_aproximite{float:left; font-size:16px; font-weight:bold; color:#c0c0c0; margin-top:5px; margin-left:5px;} .pucetxt_orange{ background:url(../images/puce_orange.gif) no-repeat center left; padding-left:13px; margin-right:15px; float:left;} .pucetxt_vert{background:url(../images/puce_verte2.gif) no-repeat center left; padding-left:13px; margin-right:15px; float:left;} .left_patrimdet{float:left; margin-right:10px; } .left_patrim{float:left; margin-right:20px; } .left_patrimimg{ width:100px; float:left; } /**********demande logement*************/ #demande_logement{ } #demande_logement_menu { width:100%; } #demande_logement_menu img { float:left; } .fleftclassic{ float:left; } #demande_logement .groupe_orange{ margin-bottom:0px;} #demande_logement .groupe_orange .puce_orange { width:15px; float:left; } #demande_logement .groupe_orange .txtgroupe_orange{ float:left; border-left:1px solid #ff9f4a; font-family:Verdana, Arial, Helvetica, sans-serif; } #demande_logement .groupe_orange .txtgroupe_orange .libelle{ color:#f96902; font-size:12px;} #demande_logement .groupe_orange .txtgroupe_orange .nomgroupe{ float:left;margin-bottom:0px; width:193px; padding-right:10px;} #demande_logement .groupe_orange .txtgroupe_orange .exp{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal} #demande_logement .groupe_orange input width135{width:135px;} #demande_logement .groupe_orange select.width135{width:135px;} #demande_logement .groupe_orange .petittext{ font-size:10px; color:#666666; font-weight:normal} #demande_logement .groupe_vert { margin-bottom:0px; float:left; } #demande_logement .groupe_vert .libelle{ margin-left:30px; color:#5d7f0b; font-size:12px; font-weight:bold;} #demande_logement .groupe_vert .libelleorange{ margin-left:30px; color:#f96902; font-size:12px; font-weight:bold;} #demande_logement .groupe_vert .nomgroupe{ float:left; margin-bottom:3px; width:196px; padding-right:10px;} #demande_logement .groupe_vert .nomgroupepetit{ float:left; margin-bottom:0px; width:100px;} #demande_logement .groupe_vert input.width135{width:135px;} #demande_logement .groupe_vert select.width135{width:135px;} #demande_logement .groupe_vert .petittext{ font-size:10px; color:#666666; font-weight:normal} #demande_logement .aide{float:left; margin-left:5px;} #demande_logement .fleche_personne{float:left; margin-right:5px;} #demande_logement .groupe_personne{float:left; margin-top:5px; margin-bottom:5px; border-left:1px solid #5d7f0b; padding-top:4px; } #demande_logement .margetop15{float:left; margin-top:15px; padding-top:4px; } #demande_logement .margeleft30{ margin-left:30px;} #demande_logement .margeleft20{ margin-left:20px;} #demande_logement .margeright5{ margin-right:5px;} #demande_logement .nomgroupegrand{ float:left; margin-bottom:3px; width:160px;} #demande_logement input.width150{width:150px;} #demande_logement select.width150 {width:150px;} #demande_logement .vert{ color:#5d7f0b; font-size:12px; font-weight:bold; } #demande_logement input.reseti {border:none; border:0px;} #div_personnes .pousseur {height:6px;} .button_dl { background-color:#528800; color:#FFFFFF; font-weight:bold; border:0px; } .styleboutton{ text-align:center; float:left;background-color:#F9FCF1;border:1px solid #7F9DB9; color:#505050; width:260px; cursor:pointer; } .styleboutton a {color:#505050; text-decoration:none;} .styleboutton a:hover{color:#505050; text-decoration:none;}