html,body{margin:0; padding:0;}
body{font-family: Tahoma, Arial,helvetica,sans-serif; font-size:12px; color:#838383; background:url(images/background.jpg) top center repeat-x}
#home #global { background:url(images/logo-home.png) top left no-repeat transparent; _background:url(images/logo-home.gif) top left no-repeat transparent;}
#global {width:982px; margin:0 auto;/*min-height:580px; height:auto !important; height:580px;*/}
#home #liensHaut {height:32px}
#liensHaut {width:100%; height:184px; background:url(images/liens-haut.png) top right no-repeat; _background:url(images/liens-haut.gif) top right no-repeat; }
#liensHaut .logo {float:left; height:180px; width:250px; background:url(images/logo-norevie.png) top left no-repeat; _background:url(images/logo-norevie.gif) top left no-repeat}
#liensHaut .logo a {display: block; height:100%; width:100%; text-decoration:none; outline:none}
#liensHaut img.accroche {float:left; margin:80px 0 0 30px}
#liensHaut img.visusHeader {float:right; margin: 40px 0 0 0}
#liensHaut div.liens {color:#75a6e4; text-align:right; padding:7px 30px 0 0; float: right; width: 300px}
ul.menu {width:100%; height:41px; display:block; list-style-type:none; background:url(images/bg-menu.png) top left no-repeat transparent; _background:url(images/bg-menu.gif) top left no-repeat transparent;}
ul.menu li {display:block; float:left; height:31px; margin: 0 10px; padding:12px 20px 0 4px; line-height:22px; border-right:1px solid #ACACAC; background:none;}
ul.menu li.accueil {margin-right:0; padding-right:10px}
ul.menu li.last {border:0}
ul.menu li a {font: normal 14px Tahoma, Geneva, sans-serif; color:#3D3D3D; text-decoration:none}
ul.menu li a:hover {color:#0a5197}
ul.menu li a.selected {color:#0A5197}
div.ssmenu {width:261px; height:auto}
#content div.ssmenu div.haut {width:100%; height:13px; background:url(images/menud-haut.gif) left bottom no-repeat;}
#content div.ssmenu div.centre {width:100%; /*min-height:150px; height:auto !important; height:150px;*/ background:url(images/menud-milieu.gif) left top repeat-y; padding:0 0 5px 0; overflow:hidden}
#content div.ssmenu div.bas {width:100%; height:17px; background:url(images/menud-bas.gif) left top no-repeat;}
#content div.ssmenu ul {}
#content div.ssmenu ul li {display:block;padding: 0 0 0 5px; background:url(images/filet-ssmenu.gif) center bottom no-repeat}
#content div.ssmenu ul li a{width:100%;display:block; margin:0 0 0 15px; background:url(images/fleche-ssmenu.gif) 0 13px no-repeat; font:normal 14px Tahoma, Geneva, sans-serif; color:#1A354F; text-decoration:none; padding:10px 0 10px 20px; outline:none}
#content div.ssmenu ul li a.selected {/*background:url(images/bg-a-selected.gif) top left no-repeat;*/ color:#248dcc; font-weight:bold}
/*--------------------------Contenu ---------------------------*/
#content .haut {height:13px; width:100%; background:url(images/top-content.gif) left bottom no-repeat}
#content .centre {width:942px; /*height:auto!important; height:450px;*/ background:url(images/middle-content.gif) left top repeat-y; padding: 20px; overflow:hidden}
#content .bas {width:100%; height:13px; background:url(images/bottom-content.gif) top left repeat-y}
#content .centre div.padg625 {width:585px; min-height:450px;/* height:auto;*/ float:left; padding:0 30px}
/* ie6 min-height*/* html #content .centre div.padg625 {height:450px;}
#content .centre div.padd265 {width:265px; height:auto; float:left;}
#content .centre div.padg560 {width:530px; min-height:450px; float:left; padding:0 30px}
/* ie6 min-height*/* html #content .centre div.padg560 {height:450px;}
#content .centre div.padd350 {width:340px; height:auto; float:left;}
#content .centre p {line-height:17px; margin: 20px 0}
#content .centre .handle p {line-height:normal; margin:0}
/*------------------------------------------------------------*/
/*--------------------------Footer ---------------------------*/
.filAriane {width:930px; height:38px; background:url(images/bg-filAriane.gif) left top no-repeat; margin:0 auto; padding: 0 0 0 14px}
* html div.filAriane {background:url(images/bg-filAriane.gif) 0 15px no-repeat;}
#encartBas {width:942px; height:155px; background:url(images/bg-encart-bas.png) top left no-repeat; _background:url(images/bg-encart-bas.gif) top left no-repeat; padding: 10px 20px }
#encartBas #demandeLogement{float:left; width:346px; height:150px; background:url(images/bg-demande-logement.gif) top left no-repeat; margin-right:10px}
#encartBas #demandeLogement div {position:relative; float:right; right:20px; width:300px; top:35px; font-size:11px; text-align:right}
#encartBas #demandeLogement div p {width:170px; float:right}
#encartBas img.accroche{float:left; margin: 10px 0 0 5px}
#encartBas #relationsClient{float:right; width:346px; height:150px; background:url(images/bg-centre-clientele.gif) top left no-repeat;}
#encartBas #relationsClient div {position:relative; float:right; right:20px; width:300px; top:55px; font-size:11px; text-align:right}
#encartBas #relationsClient div p {width:180px; float:right}
div.liensFooter {width:100%; height:50px; text-align:center; background:url(images/pointille.gif) left top repeat-x; padding: 15px 0 0 0}
div.liensFooter a {color:#7c7c7c; font: normal 11px Tahoma, Geneva, sans-serif}
div.liensFooter a.recrutement {color:#004C92; font-weight:bold}
/*------------------------------------------------------------------
1. Classes courantes
------------------------------------------------------------------*/
p{font-family: Tahoma, Arial,helvetica,sans-serif; font-size:1em; color:#838383; line-height: 13px}
input, select, textarea{font-family: Tahoma, Arial,helvetica,sans-serif; font-size:12px; color:#838383;}
h1, h1 a{font-family: Tahoma, Geneva, sans-serif; font-size:20px; color:#004B93; font-weight:normal; margin:0; text-decoration:none;}
h1 a:hover{color:#8fc400;}
h1 span {color:#1886ed}
h2, h2 a{font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#82A6D1; font-weight:bold; letter-spacing:0; margin:0; text-decoration:none; line-height:16px;}
h2 a:hover{color:#1886ed;}
h3, h3 a{font-family: Tahoma, Geneva, sans-serif; font-size:12px;color:#004C92; font-weight:bold; letter-spacing:0; margin:0; text-decoration:none; line-height:14px;}
h3 a:hover{color:#fda721;}
h4, h4 a{font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#EA5800; font-weight:bold; letter-spacing:0; margin:0; text-decoration:none; line-height:12px;}
h4 a:hover{color:#58aaf1;}
ul{list-style-type: none; padding: 0; margin: 0 0 4px 0;}
li{font-family: Tahoma, Arial,helvetica,sans-serif; font-size:1em; background: url(images/fleche-ssmenu.gif) no-repeat 0 .2em; padding:0 0 0 14px; margin:0 0 2px 4px; border:0;}
ul ul li{background-image: url(images/puce-small.gif);background-position: 0 .4em; margin:0 0 2px 8px;}
dl dt, dl dt a, .centre dl dt a{font-family: Tahoma, Arial,helvetica,sans-serif; font-size:14px; color:#004C92; margin:0 0 2px 4px; border:0;}
dl dt {background: url(images/fleche-bleue.gif) no-repeat 0 .4em; padding:0 0 0 24px; }
dl dt.google {background: url(images/ico-google.gif) no-repeat 0 0; height:35px; padding-left:40px; line-height:28px}
dl dd, dl dd a {margin: 5px 0 0 26px; text-decoration:none}
p{margin:0;}
em{font-size:13px; color:#666666;} /* utile pour les citations et témoignages : met sémantiquement et graphiquement en enphase*/
strong{color:#777;}/* s'il s'agit de mettre un texte en gras pour des besoins de visibilité (ne nécessitant pas de sémantique), la balise est toujours disponible dans la couleur par défaut */
a img{border:0;}/* permet de supprimer la bordure par défaut qui entourant les images encapsulées dans des liens */
a.cadre img, img.cadre, div.cadre{border:1px solid #dddddd;}/* applique un cadre aux images contenues dans un lien et gère le rollover _ applicable aussi bien à une image non cliquable */
a.cadre:hover img{border:1px solid #ffc14f;}
body #content .gris {color:#666}
body #content .bleuclair, .bleuclair {color:#248AC3}
body #content .bleu, .bleu {color:#004C92}
#content .centre p.exergue {dispplay:block;font:bold italic 15px/22px Tahoma, Geneva, sans-serif; text-align:center; color:#ed9542; margin: 40px 0}
/* actu */
.photoActu{ float:left; margin-bottom:20px }
/* */
/*------------------------------------------------------------------
2. Liens
------------------------------------------------------------------*/
/*.centre a {font-size:12px}*/
a, a strong{font-family:Tahoma, Geneva, sans-serif; font-size:11px;color:#75a6e4; text-decoration: underline;}
a:hover, a:hover strong{color : #fda700;}
a strong {font-weight:bold}
a.lienpuce, a.lienpucedroite {padding-left:14px; background:url(images/puce.gif) no-repeat 0 .3em; font-size:12px; cursor:pointer;}/* inclut une puce devant chaque lien portant la classe */
a.lienpucedroite {float:right;}/* version alignée à droite de la classe "lienpuce" */
a.lienpuce:hover, a.lienpucedroite:hover {color : #fda700;}
a.lienpdf {font-family:Century Gothic, Apple Gothic, sans serif; font-size:13px; font-weight:normal; text-decoration:none; color:#c72608; background:url(images/ico-pdf.gif) no-repeat top left; padding:5px 0 5px 26px;}
a.lienpdf:hover {color:#ef2600;}/* inclut le logo acrobat PDF devant chaque lien portant la classe */
a.suitebleu{display:block; float:right; clear:both; color:#fff; background-color:#31548e; text-decoration:none; padding: 4px 20px}
a.suitejaune{display:block; float:right; clear:both; color:#414142; background-color:#ffd001; text-decoration:none; padding: 4px 20px}
a.valid {float:left; display:block; text-decoration:none; text-align:center; width:168px; margin:0 5px; padding: 10px; color:#fff; background-color:#2184be; border:1px solid #9CC}
a.valid:hover {color:#e5f5f6}
/* boutons */
/*a.btngris{display:-moz-inline-box; display:inline-block;margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#fff;
white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; border:0; background:none;}
a.btngris:hover span span span {color:#003}
a.btngris span{ position:relative; float:left; padding:0 0 0 16px; vertical-align:middle; background:url(images/bt-left-gris.png) left top no-repeat; _background-image:url(images/bt-left-gris.gif);}
a.btngris span span{padding:0 16px 0 0; background:url(images/bt-right-gris.png) right top no-repeat; _background-image:url(images/bt-right-gris.gif);}
a.btngris span span span{ height:34px;font-weight:bold; padding:0 2px; line-height:26px; background:url(images/bt-bg-gris.png) left top repeat-x; _background-image:url(images/bt-bg-gris.gif);}*/
.fil span{display:block;}
a.btFa1 {background: transparent url(images/bg-bt1-a.jpg) no-repeat scroll top right; color: #444;display: block; float: left;font: normal 12px arial, sans-serif;
/*height: 30px;*/ margin:6px 0 0 4px; padding-right: 18px; /* sliding doors padding */ text-decoration: none;}
a.btFa1 span {background: transparent url(images/bg-bt1-span.jpg) no-repeat; display: block; line-height: 16px; padding: 5px 15px 9px 40px;}
a.btFa2 {background: transparent url(images/bg-bt2-a.jpg) no-repeat scroll top right; color: #E4EEF8;display: block; float: left;font: normal 12px arial, sans-serif;
/*height: 30px; */margin:6px 0 0 4px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; cursor:default}
a.btFa2 span {background: transparent url(images/bg-bt2-span.jpg) no-repeat; display: block; line-height: 14px; padding: 5px 15px 11px 40px;}
a.btSubmit {background: transparent url(images/bg-btSubmit-a.gif) no-repeat scroll top right; color: #E7E7E7;display: block; font: bold 14px Tahoma, Geneva, sans-serif;
height: 52px; margin:6px 0 0 4px; padding-right: 12px; /* sliding doors padding */ text-decoration: none;}
a.btSubmit span {background: transparent url(images/bg-btSubmit-span.gif) no-repeat; display: block; line-height: 24px; padding: 14px 15px 14px 26px;}
a.btSubmit:hover {color:#fff}
a.btPlus {background: transparent url(images/bg-btplus-a.gif) no-repeat scroll top right; color: #fff;display: block; font: normal 11px Tahoma, Geneva, sans-serif;
height: 21px; margin:6px 0 0 4px; padding-right: 9px; /* sliding doors padding */ text-decoration: none;}
a.btPlus span {background: transparent url(images/bg-btplus-span.gif) no-repeat; display: block; line-height: 12px; padding: 3px 15px 6px 26px;}
a.btPlus:hover {color:#def9f9;}
a.btRouge {background: transparent url(images/bg-bt-rouge-a.gif) no-repeat scroll top right; color: #E7E7E7;display: block; float: left;font: normal 14px Tahoma, Geneva, sans-serif;
height: 31px; margin:6px 0 0 4px; padding-right: 12px; /* sliding doors padding */ text-decoration: none;}
a.btRouge span {background: transparent url(images/bg-bt-rouge-span.gif) no-repeat; display: block; line-height: 15px; padding: 7px 15px 9px 28px;}
hr{display:block; text-decoration:none; height:0; clear:both; border:0; visibility: hidden; margin:0; padding:0;}
u{display:block;text-decoration:none; height:1px; font-size:1px; clear:both;}/* balise obsolète reconvertie, très utile pour forcer un passage à la ligne ou définir la hauteur d'un objet contenant des balises en float */
u.esp,u.sep{height:18px;}/* en lui attribuant cette classe, permet d'espacer des paragraphes de manière significative (en lieu et place d'un
*/
u.sep{background:url(images/pointille.gif) left top repeat-x;}/* hérite des précédents et inclut une séparation en pointillés */
.font15 {font-size:15px}
.font20 {font-size:20px}
/*######## CLASSES #########*/
div.curvy{background:url(images/curvy1.gif) no-repeat top left; margin:0; padding:0}/* classe crééant un cadre arrondi sur un div auquel on en imbrique 3 autres : */
div.curvy div{background:url(images/curvy2.gif) no-repeat top right; margin:0; padding:0;}
div.curvy div div{background:url(images/curvy3.gif) no-repeat bottom right; margin:0; padding:0;}
div.curvy div div div{background:url(images/curvy4.gif) no-repeat bottom left; margin:0; padding:16px;}
.c{text-align:center;}/* alignement de texte inline */
.g{text-align:left;}
.d{text-align:right;}
.j{text-align:justify;}
.blocbleu, .tabnavcontenu .blocbleu {padding:10px 15px; background-color:#e3ecf7}
.tabnavcontenu div.cadre {padding:0; margin-top:20px}
/* MARGES */
.dep{overflow: visible;}
.rel{position:relative;}
.h100 {height:100px;}
.h120 {height:120px;}
.h140 {height:140px;}
.h160 {height:160px;}
.h180 {height:180px;}
.h200 {height:200px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}/* permet de gérer les marges internes et externes en haut et en bas d'un élément : utile pour les espacement de paragraphes */
.mt20 {margin-top:20px;}
.mt27 {margin-top:27px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}
.mt-10 {margin-top:-10px;}
.mt-15 {margin-top:-15px;}
.mt-20 {margin-top:-20px;}
.mt-25 {margin-top:-25px;}
.mt-30 {margin-top:-30px;}
.mg15 {margin-left:15px}
.marg10 {margin:10px;}
.marg15 {margin:15px;}
.marg20 {margin:20px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.mauto {margin:0 auto}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt27 {padding-top:27px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.padg{padding-left:10px;}/* marges internes */
.padd{padding-right:10px;}
.padh{padding-top:10px;}
.padb{padding-bottom:10px;}
.margd{margin-right:10px; float:left;} /* marges externes latérales et alignement : utiles pour placer une visuel au sein d'un texte */
.margg{margin:0 0 10px 10px; float:right;}
.margauto{margin: 0 auto}/* en complément d'une classe de type largeur "l50", permet de centrer un élément de type block */
.fleft{float:left;}
.fright{float:right;}
.fc {margin-left:auto; margin-right:auto;}
.note{font-size:10px; color:#333;}/* utiles pour les mentions annexes ou légende de photo */
.nb{font-size:10px; color:#777777;}
.fleche {background:url(images/fleche-bleue.gif) 0 4px no-repeat; padding-left:20px}
.pointer{cursor:pointer;}/* force le pointeur de lien sur un élément cliquable */
.clear{clear:both;}/* place l'élément concerné sous les boîtes flottantes qui le précèdent*/
.clearl{clear:left;}
.bloq {display:block}
.clearr{clear:right;}
.dispnone{display:none}
.l5{width:5%;}
.l10{width:10%;}
.l15{width:15%;}
.l20{width:20%;}
.l25{width:25%;}
.l30{width:30%;}
.l35{width:35%;}
.l40{width:40%;}
.l45{width:45%;}
.l48{width:48%;}
.l50{width:50%;}
.l55{width:55%;}
.l60{width:60%;}
.l65{width:65%;}
.l70{width:70%;}
.l75{width:75%;}
.l80{width:80%;}
.l85{width:85%;}
.l90{width:90%;}
.l95{width:95%;}
.l100{width:100%;}
.w100 {width:100px}
.h130 {height:130px}
.l150{width:150px;}
.l170{width:170px;}
.l200{width:200px;}
.l250{width:250px;}
.l300{width:300px;}
.l350{width:350px;}
.l400{width:400px;}
.l450{width:450px;}
.l500{width:500px;}
.l550{width:550px;}
.l600{width:600px;}
.l650{width:650px;}
.l700{width:700px;}
.cur{cursor:pointer;}
.champcontact, .champfocus, .champerreur{padding:2px 2px 2px 4px;}
.champcontact{background: #ffffff; border:1px solid #dbdfe6; border-bottom:1px solid #e3e9ef; border-top:1px solid #abadb3;}
.champfocus{background: #ffffff; border:1px solid #a4c9e3; border-bottom:1px solid #b7d9ed; border-top:1px solid #3d7bad; color:#0063BB;}
.champerreur{background:url(images/input-erreur-bg.gif) repeat-x top #fff; color:#2F5992; border:1px solid #4BDBFF; }
input.send{background: url(images/input-send-bg.gif) no-repeat top left #448ed4; border:1px solid #0258af; color:#ffffee;}
.erreur, .icoerreur{background:#d6e3f5 none repeat scroll 0 0;border:1px solid #CCCCCC;margin:10px 0;padding:4px 30px;width:80%;}
.icoerreur{color:#275EAA;font-size:11px;font-weight:bold;padding:4px 30px; background:url(images/ico-erreur.gif) no-repeat 5px 0 #d6e3f5;} /* à placer sur un label d'erreur de formulaire : place une icone devant*/
.contactForm, .tabnavcontenu div div div.contactForm { width: 400px; margin-left: auto; margin-right: auto; margin-top:20px; padding:15px 35px; background-color:#eee }
div.contactForm label { display: block; font-weight: bold; color: #2f5992; margin-bottom: 4px; text-align:right }
div.contactForm label.champMsg{float:left; margin:0 17px 0 0;width:44%;}
div.contactForm label input,
div.contactForm label textarea,
div.contactForm label select { width: 50%;}
div.facultativeFields { padding-top: 14px; }
div.facultativeFields .champcontact { background: #fff; border-color: #e2dad4; }
/* Fenetres modales */
body.pageCredits, .pageMentionsLegales, .pagePlanSite{background:none;}
body.pageCredits body{background:url(images/credits.jpg) no-repeat center 5px #ffffff; text-align:center;}
body.pageCredits a{display: block; width:400px; margin:0 auto; height:274px; text-decoration:none;}
body.pageMentionsLegales body, .pagePlanSite body{background:#ffffff; padding:10px 0;}
body.pagePlanSite a{text-decoration:none;}
/* ################ SLIDER SUPERFICIE ############################*/
div.slider {height:55px; width:245px; margin:10px 0; background-color:#ccc; position: relative; background:url(images/barre.gif) no-repeat center center; }
div.slider div.handle { height:18px; cursor:e-resize; position: absolute; text-align:center;width:30px; border:none; background:none}
div.slider div.handle p {font: bold 12px Tahoma, Geneva, sans-serif; color:#fff; margin:0px;}
/* recherche offres locations */
div.moteurRecherche, div.resumRech {height:auto; background:url(images/bg-moteurRecherche.gif) left bottom repeat-x #F7F7F7 ; padding:30px; overflow:hidden}
div.resumRech{width:250px; padding: 20px 35px}
div.resumOffre {width:100%; height:auto; background:url(images/pointille.gif) left bottom repeat-x; padding: 15px 0; overflow:hidden}
h2.ville {font-size:12px}
h3.nom {font:normal 13px Tahoma, Geneva, sans-serif; color:#004C92}
/*div.resultsRech {width:561px;}*/
#content div.resultsRech div.haut{width:100%; height:18px; background:url(images/haut-recherche.gif) left bottom no-repeat}
#content div.resultsRech div.milieu {width:100%; height:auto; background:url(images/milieu-recherche.gif) left top repeat-y}
#content div.resultsRech div.milieu div.contenu {width:460px; margin:0 auto; overflow:hidden}
#content div.resultsRech div.bas {width:100%; height:18px; background:url(images/bas-recherche.gif) left top no-repeat}
div.resumOffre .detailg {float:left; width:290px}
div.resumOffre .detaild {float:right; width:35%; text-align:center}
.fiche div.resumOffre {background:none}
div.resumRech h3.c {background:url(images/ico-recherche.gif) 0 0 no-repeat; padding:12px 0 0 0; display:block; height:40px}
.navigation {width:auto; text-align:right; font:bold 13px Tahoma, Geneva, sans-serif; color:#004C92; }
.navigation a {font-size:12px; line-height:22px}
.navigation a.prevOff, .navigation a.nextOn, .navigation a.nextOff, .navigation a.prevOn {width:23px; height:23px; display:block; float:left; outline:none}
.navigation a.prevOff {background:url(images/prev-off.gif) 0 0 no-repeat; cursor:default; margin: 0 10px 0 0}
.navigation a.prevOn {background:url(images/prev-on.gif) 0 0 no-repeat; cursor:pointer; margin: 0 10px 0 0}
.navigation a.nextOff {background:url(images/next-off.gif) 0 0 no-repeat; cursor:default; margin: 0 0 0 10px;}
.navigation a.nextOn {background:url(images/next-on.gif) 0 0 no-repeat; cursor:pointer; margin: 0 0 0 10px;}
#left-norevie, #right-norevie {display:inline; float:left}
#right-norevie {width:270px}
#left-valeurs, #right-valeurs {display:inline; float:left}
#left-valeurs{width:300px}
#right-valeurs {width:260px; margin-left:20px }
#right-amenageur, #left-amenageur {display:inline; float:left}
#right-amenageur {width:260px; margin-left:20px }
.div-right{display:inline; float:left;width:270px}
/** Onglet **/
.tabnav {float:left;width:100%; background:#FFFFFF url("images/tabnav-bg.gif") repeat-x bottom; line-height:normal; margin:0; margin-top:20px;; padding:0;list-style-type: none;}
.tabnav ul { margin:0; padding:0 10px 10px 0; list-style:none; border-bottom: 1px solid #ffd90f}
.tabnav li { float:left; background:url("images/tabnav-left.gif") no-repeat left top; margin:0 1px; padding:0 0 0 2px;}
.tabnav a { font-family: Tahoma, Geneva, sans-serif;font-weight: normal;font-size:13px; float:left; display:block; background:url("images/tabnav-right.gif") no-repeat right top;
padding:5px 16px 4px 18px; text-decoration:none; color:#429df6;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabnav a {/*float:none;*/ height:30px; text-align:center}
.tabnav a.uneligne {padding-top: 10px}
/* End IE5-Mac hack */
.tabnav a:hover {color:#82bef9;}
.tabnav .active {background-image:url("images/tabnav-left_on.gif");}
.tabnav .active a {background-image:url("images/tabnav-right_on.gif"); color:#006db6; padding-bottom:5px; font-weight:bold;}
.tabnav .active a:hover {color:#0090f0;}
.tabnav .inactive {background-image:url("images/tabnav-left_off.gif");}
.tabnav .inactive a {background-image:url("images/tabnav-right_off.gif"); color:#429df6/*#fdfdfc*/; cursor: default;}
.tabnav .inactive a:hover{color:#fdfdfc;}
.tabnavcontenu{clear: both; padding: 20px 10px 10px 10px; margin:-10px 0 0 0;overflow:hidden}
.tabnavcontenu div{display:none; clear: both;}
.tabnavcontenu #div1{display:block;}
.tabnavcontenu div div{display:block; padding: 0 5px 10px 5px; margin: 0 0 10px 0; clear: both;}
/*** Vignettes page Medias ***/
.thumb { width: 156px; height: 156px; border: 1px solid #429df6; cursor: pointer; }
.thumb:hover { border: 1px solid #ffc14f; }
h2#crc {background:transparent url(images/picto-centre-relations-clientele.gif) no-repeat scroll left top; display:block; height:40px; padding:20px 0 0 70px;}
/* curvy gris */
div.curvy{background:url(images/curvy_01.gif) no-repeat top left; /*float:right;*/clear:both; padding:0; margin-top: 30px; width:90%; text-align:left; color:#5F5F5F}
div.curvy div{background:url(images/curvy_02.gif) no-repeat top right; margin:0; padding:0;}
div.curvy div div{background:url(images/curvy_03.gif) no-repeat bottom right; margin:0; padding:0;}
div.curvy div div div{background:url(images/curvy_04.gif) no-repeat bottom left; margin:0; padding:16px;}
div.curvy div div div div{background:url(images/picto-contact.png) no-repeat top left; margin:0;}
#numerosUtiles .numero {font: bold 22px Tahoma, Geneva, sans-serif}
/* tableau conseil admin */
table.tabstyle { border-collapse: collapse; border: 1px solid #c7e4f4; font: normal 11px verdana, arial, helvetica, sans-serif; color: #F6ECF0; background: #fff;}
table.tabstyle td, table.tabstyle th {border: 1px dashed #c7e4f4; padding: .8em; color: #666; }
table.tabstyle thead th { font: bold 11px verdana, arial, helvetica, sans-serif; border: 1px solid #c7e4f4;; text-align: left; background: #61b5ed; color: #fff; padding-top:6px; }
table.tabstyle tbody th, tbody td { vertical-align: top; text-align: left; }
table.tabstyle tr.odd { background: #e7f1f6; }
/* recrutement */
.labelfor {display:block;float:left;margin:3px 10px 10px 0;padding:0 2px 0 0;}
.blocc {display:block;float:left;margin-right:2px;padding:0;}
ul li.pdf{display: block; border:none; background:url(images/ico-pdf.gif) no-repeat 0 center;padding: 0 0 0 35px;}
ul li.pdf a {line-height:18px}
/*
.roundedcornr_box {
background: url(images/rounded_tl.gif) no-repeat top left;width: 256px;
}
.roundedcornr_top {
background: url(images/rounded_tr.gif) no-repeat top right;
}
.roundedcornr_bottom {
background: url(images/rounded_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom div {
background: url(images/rounded_br.gif) no-repeat bottom right;
}
.roundedcornr_content {
background: url(images/rounded_r.gif) top right repeat-y;
}
.roundedcornr_top div,.roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom {
width: 100%;
height: 15px;
font-size: 1px;
}
.roundedcornr_content, .roundedcornr_bottom {
margin-top: -20px;
}
.roundedcornr_content { padding: 0 15px; }
.roundedcornr_content p{ background:url(images/ico-pdf.gif) bottom right no-repeat; }
*/
.roundedcornr_box {background: #e3ecf7;width: 256px;}
.roundedcornr_top div {background: url(images/rounded_tl.gif) no-repeat top left;}
/*.roundedcornr_top {background: url(images/rounded_tr.gif) no-repeat top right;}*/
.roundedcornr_bottom div {background: url(images/rounded_bl.gif) no-repeat bottom left;}
.roundedcornr_bottom { background: url(images/rounded_br.gif) no-repeat bottom right;}
.roundedcornr_top div, .roundedcornr_top,
.roundedcornr_bottom div, .roundedcornr_bottom{ width: 100%; height: 30px;font-size: 1px;}
.roundedcornr_content { margin: 0 5px 0 10px; }
.pointer{cursor:pointer}
/*#fenetre{overflow: hidden;width:230px; height: 140px;margin:auto;top: 30px;position: relative}*/
ul li.pdf{display: block; border:none; background:url(images/ico-pdf.gif) no-repeat 0 5px;padding-top: 4px;height:30px}
.red{font-weight:bold; color:#C00F00; }