@import '/css/menu.css'; @import '/css/formulaire.css'; 
/* structure */
html, body {height: 100%; }
body {padding:0; margin:0; font-family:"Frutiger 55 Roman", Arial, Helvetica, sans-serif; font-size:0.8em; }
* html body{text-align:center; }
#page { margin:0 auto; width: 960px; text-align:left;  }
#header{width:100%; float:left; position:relative; }
#liens-bas{float:right; clear:right; width:750px; text-align:center; color:#fff; font-size:11px; margin-top:17px; }
#footer{width:100%; clear:both; padding: 5px 0; background-color:#D9D9DB; text-align:center; }
#zcentrale1{ background:#82C34F url(/charte/bg-zc.jpg) repeat-x top; float:left; width:100%; padding-top:20px; }
#colG{float:left; width:172px;border:1px solid #81C34F; }
#z_centrale{float:left; margin-left:25px; width:750px; }
.width100pc{width:100%; }
.widthauto{width:auto;}
.left{float:left;}
.right{float:right;}
.invisible{display:none; }
img{border:0; }
.lien_menu {position:relative; left:-5px; padding-left:10px; padding-top:10px; width:95%; }
.user_courant, .user_fonction, .illico_important{float:left; clear:both; width:100%; }

a, p, td, li{font-size:12px; color:#1A171B; }
h1{font-size:24px; font-weight:lighter; color:#0085C5; margin:0; padding:0; }
h2{font-size:16px; color:#4F7F27; }
h3{font-size:14px; font-weight:bold; color:#0085C5; }
h4{font-size:13px; font-weight:bold; color:#0085C5; }
#z_contenu li{list-style-position: outside; }
a{color:#0085C5; text-decoration:none; }
a:hover{text-decoration:underline; }
hr{height:1px; width:100%; background-color:#0085C5; margin:10px 0; }
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo{font-size:11px; color:#1A171B; text-decoration:none; }
.legende{font-size:11px; color:#666666; margin-top:2px; }
.image_ombree{width:auto; }
.image_ombree img{background-color: #fff; padding:3px; border:2px solid #1A171B; }
ul.enligne, #nuagedetags ul{	margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }
.bleu{color:#0085C5;}
.vert{color:#81C34F;}
#footer, #footer *, #liens-haut, #liens-haut *{font-size:10px; color:#1A171B; text-decoration:none}
#footer a:hover, #liens-haut a:hover{text-decoration:underline;}

/*header */
#header.bandeau{background:url(/charte/bandeau.jpg) no-repeat right top;}
#logo{background:url(/charte/bg-header.png) no-repeat left top;float:left;  padding-left:95px; padding-top:49px; width:auto; }
#diaporama{position:absolute; right:0; top:0; z-index:1;}
#liens-haut{ position:absolute; right:0; top:0; width:auto; background:url(/charte/bg-liens-haut.png) no-repeat left top; z-index:10; }
#liens-haut ul{background-color:#ECEDED; margin-left:17px; height:22px; line-height:22px; padding-right:10px;}
#barreH{ background:url(/charte/bg-barreH.jpg) no-repeat right top; width:100%; float:left; }
#menuH{float:left; height:36px; width:auto; margin-left:110px; margin-top:1px;}
#moteur{ float:right; width:135px; padding-top:3px;  }
input.moteur{ font-size:10px; border:1px solid #81C34F; width:100px;}
input.ok{ position:relative; left:-2px; top:4px;}

/* zone centrale */
#yahoo-pictos{clear:both; float:left; margin-left:125px; height:18px; width:800px }
#div_lien_yahoo{float:left; width:80%; line-height:18px;}
#pictos{float:left; text-align:right; width:auto; float:right; }
#pictos img{margin-left:5px; margin-top:1px; }

.rpt-zc{float:left; width:100%; background:url(/charte/cadre-contenu-bg.png) repeat-y left top; }
.rpt-degr-zc{background:url(/charte/cadre-contenu-degr.jpg) repeat-x left top; margin-right:10px; }
.haut-zc{background:url(/charte/cadre-contenu-h.jpg) no-repeat left top; float:left; width:737px; }
.bas-zc{background:url(/charte/cadre-contenu-b.png) no-repeat left top; height:40px; float:left; clear:both; width:100%}
#z_contenu{float:left; width:685px; min-height:350px; margin-left:20px;}
* html #z_contenu{height:350px;}
#z_contenu.z_contenu_accueil{width:925px;}

#affiche-titre-rub{float:right; width:auto;}
#affiche-titre-rub img{display:none;}
#div_titre_rub{ background-color:#0085C5; width:auto; height:32px; line-height:32px; float:left; font-size:15px; color:#fff; margin-right:25px; }

/* colG */
.haut_menuLat, .bas_menuLat{display:none; }
.menuLat{float:left; width:175px; }
#menuLat{float:left; width:172px; background-color:#FFF; }
#bas_menuLat{ background:url(/charte/bg-colG.png) repeat-x bottom; float:left; width:100%; height:136px; }

/*footer*/
#adresse{clear:both; text-align:center; width:100%; margin:15px 0; float:left; color:#FFF; font-size:13px;}

/*accueil*/
.boxbleue, .boxverte{float:left; width:323px; margin-bottom:10px;}
.boxbleuf{float:left; width:270px; margin-bottom:10px;}
.titre-boxbleue, .titre-boxverte, .titre-bleuf{width:auto; height:32px; line-height:32px; float:left; font-size:15px; color:#fff; margin-right:20px;}
.contenu{padding:10px 20px 0 20px; float:left; width:275px;}
.boxbleuf .contenu{width:240px; padding:10px 10px 0 10px;}
.boxbleue-bg{float:left; width:100%; background:url(/charte/boxbleue-bg.png) repeat-y left top; }
.boxverte-bg{float:left; width:100%; background:url(/charte/boxverte-bg.png) repeat-y left top; }
.boxbleuf-bg{float:left; width:100%; background:url(/charte/boxbleuf-bg.png) repeat-y left top; }
.boxbleue-h{background:url(/charte/boxbleue-h.png) no-repeat left top; float:left; width:100%; height:35px; }
.boxverte-h{background:url(/charte/boxverte-h.png) no-repeat left top; float:left; width:100%; height:35px; }
.boxbleuf-h{background:url(/charte/boxbleuf-h.png) no-repeat left top; float:left; width:100%; height:35px; }
.titre-boxbleue{ background-color:#0085C5;  }
.titre-boxbleuf{ background-color:#182A71;  }
.titre-boxverte{ background-color:#81C34F;  }

#box-recherche-logement .contenu, #box-locataire .contenu{min-height:150px;}
#box-collectivite .contenu, #box-entreprise .contenu{min-height:100px;}

.News_bloc{clear:both; margin-bottom:10px; float:left; width:100%; }
.News_image img{margin-right:5px;}
.News_resume{float:left; width:auto; margin-top:5px;}
.News_titre{}
.News_suite{clear:both;}
.News_image{float:left; width:auto;}

.patrimoine{clear:both; margin-bottom:10px; margin-top:5px; float:left; width:100%; border-bottom:1px solid #81C34F;}
.patrimoine_desc{float:left; width:400px;}
.patrimoine_ville{font-weight:bold;}
.patrimoine_photo{float:right; width:150px;}
.patrimoine_photo img{width:150px;}