
/* = html = */
	html {background: #ECFEC0 url(/global/medias/bgHtml.jpg) repeat-x 0 0;}
	body {
		margin:0;
		border-top: 1px #ccc solid;
		/*background: transparent url(/global/medias/bgBody.jpg) no-repeat top center;*/
		}
	
/* = commun = */
	.break {clear:both}
	.hidden {display: none}
	p, p a, p strong {color:#666}
	p {line-height: 150%; text-align: justify;}
	a img {border:0}
	hr {
		border:0!important;
		background-color:#E98120;
		}
/* = Structure = */
	#flashbg {
		text-align: center;
		position:absolute;
		/*z-index: 1;*/
		}
	#extraContent {
		/*position:absolute;*/
		top:0; left:0;
		width: 100%;
		z-index: 1000;
		}
	#page {
		position: relative;
		width: 940px;
		margin: 0 auto;
		}
	#header, #footer,
	#contenu, #topContenu {width: 940px}
	#colA, #colB, #colC {float: left}
		
	#topContenu {
		height: 110px;
		background: transparent url(/global/medias/bgTopContentPage.png) no-repeat 0 0;
		}
	body#home #topContenu {
		background: transparent url(/global/medias/bgTopContentHome.png) no-repeat 0 0;
		}
	#contenu {background-color: #fff}
	
	#colA {
		width: 220px;
		margin-top: -20px;
		padding: 0 0 0 10px;
		}
	#colB {
		/*position: relative;
		z-index: 1000;*/
		width: 690px;
		margin-top: -100px;
		padding: 10px 0 0 20px;
		}
	body#home #colA {
		width: 470px;
		margin-top: -23px;
		}
	body#home #colB {
		width: 440px;
		padding: 10px 0 0 10px;
		margin-top: -100px;
		}
	
/* = Header = */
	#header {
		text-align: right;
		margin:0; padding:0 0 2em 0;
		}
	h1 a.logo, #header h2 {position: absolute;}
	h1 a.logo {
		margin:0;
		display: block;
		cursor: pointer;
		width: 150px;height:90px;
		background: transparent url(/global/medias/logo.png) no-repeat 0 0;
		}
	#header h2 {
		width: 225px; height: 30px;
		background: transparent url(/global/medias/accroche.png) no-repeat 0 0;
		}
	#header ul, 
	#header form, 
	#header a.intranet {float: right}
	
	#header ul {
		margin: 0; 
		padding: 0.2em 0 0 0;
		}
	#header ul li {
		float: left;
		position: relative;
		list-style: none;
		height: 1%;
		padding:0; margin: 0;
		}
	#header ul li a {
		font-size: 77%; color:#666;
		padding: 0 0.5em 0 0.5em;
		text-decoration: none;
		border-right: 1px #999 solid;
		}
	
	/* recherche */
	#rechercheMode {}
	
	#header form {
		margin: 0 1em 0 0.7em;
		padding: 0 0 0 0;
		}
	#header form p {
		position: relative;
		z-index: 100;
		padding:0;
		background: transparent url(/global/medias/bgFormRech.png) no-repeat right;
		}
	#header form label,
	#header form input {
		color:#666; margin:0;
		}
	#header form label {
		font-size: 77%;
		padding: 0 1em 0 0;
		}
	#header form input {
		font-size: 65%;
		margin: 0; padding: 0;  
		border:0;
		width: 115px;
		}
	#header form button {
		border:0;
		text-indent: -1000em;
		width: 23px; height: 22px;
		background: transparent url(/global/medias/buttonOk.png) no-repeat 0 -1px;
		}
	
	/* intranet */
	#header a.intranet {
		display: block;
		width: 110px; height: 17px;
		margin: 3px 0 0 5px;
		background-color:#EF7F01;
		background: transparent url(/global/medias/btIntra.png) no-repeat 0 0;
		}
	#header a:hover {text-decoration: underline;}	

/* = fil d’ariane = */
	ul#ariane {
		margin:0; padding:0;
		clear: both;
		}
	ul#ariane li {
		float: left;
		margin:0 5px 0 0!important;
		list-style:none!important;
		}
	ul#ariane li a {
		padding:0!important;
		font-size: 85%;
		color:#333;
		}
	
/*Arrondis*/
	.rounded {
		margin:0;
		position: relative;
		}
	.tl, .tr, .bl, .br {
		position: absolute; 
		width: 20px; height: 20px;
		}
	.tl {background: transparent url(/global/medias/TopLeft.png) no-repeat 0 0;}
	.tr {background: transparent url(/global/medias/TopRight.png) no-repeat 0 0;}
	.bl {background: transparent url(/global/medias/BottomLeft.png) no-repeat 0 0;}
	.br {background: transparent url(/global/medias/BottomRight.png) no-repeat 0 0;}
	.tr, .br {right: 0;}
	.tl, .bl {left: 0;}
	.tl, .tr {top: 0;}
	.bl, .br {bottom: 0;}
	
/* = Colone A = */
	a.home_link {
		position: relative;
		z-index: 100;
		display: block;
		font-size: 85%; 
		color: #C50B34;
		text-decoration: none;
		padding: 1px 0 0 17px;
		margin: -5px 0 5px 0 ;
		background: transparent url(/global/medias/home_link.gif) no-repeat 0 0;
		}

	#actu,
	#decouvrir,
	#partenaires,
	#presse {
		padding:0!important;
		margin-bottom: 0.5em;
		}
	#actu,
	#decouvrir,
	#partenaires,
	#presse {width: 210px;}
	
	body#home #actu,
	body#home #decouvrir,
	body#home #partenaires,
	body#home #presse {width: 455px;}
	
	#colA .content {
		width: 210px;
		padding: 0 0 1em 0;
		border-top: 1px #fff solid;
		border-bottom: 1px #fff solid;
		}
	body#home #colA .content {
		width: 370px;
		border-top: 0;
		border-bottom: 0;
		/*border-bottom: 1px #fff solid;*/
		margin: 0 0 0 60px;
		}
			
	#colA .content h2,
	#colA .content p,
	#colA .content ul {
		font-size: 77%;
		padding: 0.2em 1em 0.2em 1em;
		}
	#colA #patrimoine .top p {
		padding: 0 0 0 10px;
		}
	
	body#home #colA .content h2,
	body#home #colA .content p,
	body#home #colA .content ul {
		font-size: 85%;
		padding: 0.2em 1em 0.2em 0;
		}
	 
	/*= couleurs blocks de navigation */
	#actu {background-color:#f2f2f2}
	#decouvrir {background-color:#E98120}
	#partenaires {background-color:#EC963E}
	#presse {background-color:#F0AC62}
	#espaceLogement {background-color:#F0BC9E;}
	
	body#home #espaceLogement {background-color:#fff;}
	
	#colA h1, 
	#colA p {color:#fff}
	#colA h1 {
		display: block;
		width:165px;
		cursor: pointer;
		font-size: 108%;
		font-family: 'Trebuchet MS';
		margin: 0 0 0 10px;
		padding: 0.7em 0 0.7em 35px;
		}
	body#home #colA h1 {
		width:85%;
		margin: 0 0 0 10px;
		font-size: 130%;
		padding: 0.6em 0 0.4em 3em;
		}

	/*= actualités */
	#actu .extended {/*padding: 10px*/}
	#actu .extended img {
		float: left;
		padding: 0 1em 0.5em 0;
		}
	#actu h1 {color:#666}
	#actu h2 {color:#E76D0D; font-weight: bold;}
	#actu p, #actu a {color:#666}
	
	#actu .extended h2 {
		font-size: 108%;
		padding: 0 0 0.5em;
		}	
	#actu .extended p {
		padding: 0 0 0.5em 0;
		}
	#actu .extended a.more,
	#colA #actu a.more,
	body#home #actu .extended a.more  {
		display: block;
		font-size: 77%;
		text-align: right;
		text-decoration: none;
		}
	#colA #actu a.more {
		padding: 3px 10px 0 10px;
		}
	
	/*Home - Défilements actu */
	#actuHome {
		width: 455px;
		border: 1px #fff solid;
		padding: 0 0 10px 0;
		}
	#actuHome #anim {
		position: relative;
		z-index: 1000;
		margin: 0 0 0.5em 0;
		}
	#actuHome #anim h1 {
		display: block;
		position: relative;
		margin: 0 0 5px 0!important;
		padding:0!important;
		text-indent: -100em;
		width: 455px!important; height: 25px;
		background: transparent url(/global/medias/h2Construire.gif) no-repeat 0 0;
		}
	
	h1.h1Construire {
		position: relative;
		z-index: 1000;
		display: block;
		width: 455px!important;
		height:25px!important;
		margin: 0 0 5px 0!important;
		padding:0!important;
		background: transparent url(/global/medias/h1Construire.gif) no-repeat 0 0;
		}
	
	#actuHome #content {	
		float: left;	
		position: relative;
		width: 455px; height: 200px; 
		margin:0;
		}
	#actuHome #content #rubrique,
	#actuHome #content #defilement {position: absolute}
	
	#actuHome #content #defilement {
		z-index: 1;
		margin: 0;
		width: 455px;
		}
	
	#actuHome #content #rubrique h2 {
		margin:0;
		text-indent: -100em;
		width: 20px; height: 200px;
		background: transparent url(/global/medias/h2Actu.gif) no-repeat 0 0;
		}
	#actuHome #content #defilement img {
		display: block;
		height: 200px;
		margin:0; padding:0;
		}
	
	#nav {
		z-index: 100;
		position: absolute;
		margin: 188px 0 0 1px;
		width: 455px; height: 44px;
		background: transparent url(/global/medias/bgNavActu.png) repeat-x 0 0;
		}
	#nav p a {color:#fff; text-decoration: none;}
	#nav p,#nav ul {float: left;}
	#nav p {
		z-index: 5;
		width: 330px;
		color:#fff;
		font-size: 93%!important; 
		line-height: 130%!important;
		font-weight: bold;
		padding: 5px 10px 0 10px;
		}
	
	/* = nav_actu_defile */
	.nav_actu_defile {
		width: 100px;
		z-index: 1000;
		position: absolute;
		top: 325px; left: 360px;
		}
	.nav_actu_defile li {float: left;}	
	.nav_actu_defile li.nbre {
		width: 50px;
		text-align: center;
		padding: 3px 0 0 0;
		font-size: 108%; color:#fff;
		}
	.nav_actu_defile li.pre a,
	.nav_actu_defile li.sui a {
		display: block;
		cursor: pointer;
		text-indent: -100em;
		width: 25px; height: 25px;
		}
	.nav_actu_defile li.pre a {
		background: transparent url(/global/medias/btActuPre.gif) no-repeat 0 0;
		}
	.nav_actu_defile li.sui a {
		background: transparent url(/global/medias/btActuSui.gif) no-repeat 0 0;
		}
	
	/*= Navigation actualités */
	ul.nav {
		width: 200px;
		clear: both;
		margin: 1em 0 1em 27%;
		padding: 0 0 0.2em 0;
		}
	body#home ul.nav {
		position: absolute;
		bottom: -5px;
		margin: 0 0 0 27%;
		}
	ul.nav li.pre a,
	ul.nav li.sui a {
		display: block;
		width: 75px; height: 1%; 
		font-size: 85%; color:#fff;
		text-decoration: none;
		}
	ul.nav li.pre {float: left}
	ul.nav li.pre a {
		text-align: left;
		padding: 0.1em 0 0.5em 1.8em;
		background: transparent url(/global/medias/precedent.gif) no-repeat top left;
		}
	ul.nav li.sui {float: right;}
	ul.nav li.sui a {
		text-align: right;
		padding: 0.1em 1.8em 0.5em 0;
		background: transparent url(/global/medias/suivant.gif) no-repeat top right!important;
		}
	ul.nav li a:hover {color:#F9D3A2;}
		
	/*= plus */
	#actu h1,
	#actu h1.moins {
		background: transparent url(/global/medias/h1ActualitesPage.gif) no-repeat 0 1px;}
	#decouvrir h1,
	#decouvrir h1.plus {
		background: transparent url(/global/medias/h1DecouvrirPage.gif) no-repeat 0 1px;}
	#partenaires h1,
	#partenaires h1.plus {
		background: transparent url(/global/medias/h1PartenairesPage.gif) no-repeat 0 1px;}
	#presse h1,
	#presse h1.plus {
		background: transparent url(/global/medias/h1PressePage.gif) no-repeat 0 1px;}
	#espaceLogement h1,
	#espaceLogement h1.plus {
		color:#C50B34;
		background: transparent url(/global/medias/h1EspLogementPage.gif) no-repeat 0 1px;}
		
	body#home #decouvrir h1,
	body#home #decouvrir h1.plus {
		background: transparent url(/global/medias/h1Decouvrir.gif) no-repeat 0 1px;}
	body#home #partenaires h1,
	body#home #partenaires h1.plus {
		background: transparent url(/global/medias/h1Partenaires.gif) no-repeat 0 1px;}
	body#home #presse h1,
	body#home #presse h1.plus {
		background: transparent url(/global/medias/h1Presse.gif) no-repeat 0 1px;}
	
	/*= moins */	
	#actu h1.moins {
		background: transparent url(/global/medias/h1ActualitesPageMoins.gif) no-repeat 0 1px;}
	#decouvrir h1.moins {
		background: transparent url(/global/medias/h1DecouvrirPageMoins.gif) no-repeat 0 1px;}
	#partenaires h1.moins {
		background: transparent url(/global/medias/h1PartenairesPageMoins.gif) no-repeat 0 1px;}
	#presse h1.moins {
		background: transparent url(/global/medias/h1PressePageMoins.gif) no-repeat 0 1px;}
	#espaceLogement h1,
	#espaceLogement h1.moins {
		color:#C50B34;
		background: transparent url(/global/medias/h1EspLogementPageMoins.gif) no-repeat 0 1px;}
	
	body#home #decouvrir h1.moins {
		background: transparent url(/global/medias/h1DecouvrirMoins.gif) no-repeat 0 1px;}
	body#home #partenaires h1.moins {
		background: transparent url(/global/medias/h1PartenairesMoins.gif) no-repeat 0 1px;}
	body#home #presse h1.moins {
		background: transparent url(/global/medias/h1PresseMoins.gif) no-repeat 0 1px;}
	
	/*= contenu */
	body#home #colA p {
		margin:0;
		font-size: 77%;
		}
	#decouvrir ul li a,
	#partenaires ul li a,
	#presse ul li a {
		font-size: 93%;
		font-weight: bold;
		color:#333;
		text-decoration: none;
		}
	#colA .content ul li ul li a {
		color: #F9DFB2;
		font-size: 108%!important;
		}
	#colA .content ul li a.current {
		color:#fff!important;
		}
	#patrimoine .top ul li a:hover,
	#colA .content #patrimoine .top a.current {
		color:#000!important;
		}
	
	#decouvrir ul li a:hover,
	#partenaires ul li a:hover,
	#presse ul li a:hover,
	.content #patrimoine .top li a:hover  {
		color: #F9DFB2;
		}
	
	/* = Lien page sondage */
	a.link_sondage {
		display: block;
		width: 455px; height: 45px;
		text-indent: -100em;
		background: transparent url(/global/medias/bouton-sondage.gif) no-repeat 0 0;
		}
	a.link_annonces {
		display: block;
		width: 455px; height: 45px;
		text-indent: -100em;
		margin: 0 0 5px 0;
		background: transparent url(/global/medias/petites_annonces.gif) no-repeat 0 0;
		}
	
/* = Colone A et B / gestion de la zone d’ESPACE LOGEMENTS  = */
	
	/*vidéo*/
	#video {
		/*= ref taille = width:325px; height: 200px*/
		margin: 0 0 1em 4.5em;
		/*display: none;*/
		}
		
	/*Espace logements */
	#espaceLogement,
	#espaceLogementBottom {width: 210px}
	
	body#home #espaceLogement {width: 440px}
		
	#colA #espaceLogement .content {
		padding:0;
		background: transparent url(/global/medias/bgContentEspaceLogement.gif) repeat-y 0 0!important;
		}
	
	#patrimoine .left,
	#patrimoine .top,
	#locataire .left,
	#locataire .top {padding: 0 0.5em 0 0;}
	
	#patrimoine .left,
	#patrimoine .top {
		margin: 2px;
		width: 200px;
		background-color:#fff;
		}
	#patrimoine .left {
		margin: 0 0 0 2px!important;
		}
	#patrimoine .top,
	#patrimoine .bottom {
		width: 200px!important;
		}
	#patrimoine .left {
		padding: 0 0 0 5px;
		border-left: 1px #EEBAB1 solid;
		}
			
	#patrimoine .left,
	#patrimoine .right,
	#locataire .left,
	#locataire .right {
		float: left; width: 47%;
		margin: 0;
		}
	#patrimoine .right,
	#locataire .right {
		padding: 0 0 0 0.5em;
		}
	#patrimoine .right {
		padding: 0 5px 0 0;
		}
	#locataire .right {
		border-left: 1px #EEBAB1 solid;
		background-color:#FDEDDA;
		}
		
	#colA #espaceLogement #patrimoine,
	#colA #espaceLogementBottom {
		padding: 0.5em 0 0.5em 0;
		background-color:#fff;
		}
	
	/*contenu espace logements*/
	#espaceLogement h1,
	#espaceLogement h2,
	#espaceLogementBottom h2 {
		font-family: 'Trebuchet MS';
		}
	body#home #espaceLogement h1 {
		font-size: 200%;
		color:#B50029;
		font-weight: bold;
		padding: 0.1em 0 0.2em 2em;
		margin: 0 0 0.3em 0;
		border-bottom: 1px #EADBDE solid;
		background: transparent url(/global/medias/h1EspaceLogement.gif) no-repeat 0 0;
		}
	#espaceLogement h2,
	#espaceLogementBottom h2 {
		font-size: 108%;
		color:#B50029;
		font-weight: bold;
		}
	#espaceLogementBottom h2 {padding: 0 0 5px 10px;}
	
	#colA #espaceLogement .content h2 {font-size: 85%}
	#espaceLogementBottom h2 {font-size: 93%}
	
	#colA #espaceLogement .content p,
	#espaceLogementBottom p {font-size: 77%}
	
	#colA #espaceLogement .content li a,
	#espaceLogementBottom li a {font-size: 93%}
	
	#espaceLogement p,
	#espaceLogement ul li a {font-size: 77%}
	
	#espaceLogement p,
	#espaceLogementBottom p {color:#666;}
	
	#patrimoine .left p,
	#locataire .left p,
	#patrimoine .top p,
	#locataire .top p {
		line-height: 130%;
		padding: 0 0 0.5em 0;
		}
	#espaceLogement ul li a,
	#espaceLogementBottom ul li a {
		color:#B50029;
		text-decoration: none;
		}
	
	/*formulaire */
	#espaceLogement p.field_line,
	#espaceLogementBottom p.field_line {
		clear: both;
		width: 100%;
		padding: 0 0 0.2em 0;
		}
	#espaceLogement label,
	#espaceLogementBottom label,
	#espaceLogement button,
	#espaceLogementBottom button {font-weight: bold;}
	
	#espaceLogement label,
	#espaceLogementBottom label {
		font-size: 93%;
		color:#666;
		}
	#espaceLogement input.field_checkbox,
	#espaceLogementBottom input.field_checkbox {
		width:auto!important;
		border:0;
		}
	#espaceLogement button,
	#espaceLogementBottom button {
		border:0;
		font-size:77%;
		padding:0; 
		cursor: pointer;
		color:#fff;
		}
	#colA #espaceLogement button,
	#espaceLogementBottom button {
		margin: 0 5px 0 0;
		}
	
	/*=Toutes vos démarches*/
	body#home #patrimoine .left h2,
	body#home #patrimoine .right h2 {
		padding: 0 0 0.5em 0;
		font-size: 130%;
		}
	
	#patrimoine label,
	#espaceLogementBottom label,
	#patrimoine input,
	#espaceLogementBottom input,
	#patrimoine font,
	#espaceLogementBottom font {float: left}
	
	#patrimoine label,
	#espaceLogementBottom label {
		display: block;
		width: 40px; 
		margin: 0 3px 0 0;
		}
	body#home #patrimoine label {
		width: 40px!important;
		}
	#patrimoine label.label_type,
	#espaceLogementBottom label.label_type {padding: 0 0 1.5em 0;}
	
	#patrimoine label.label_ville,
	#espaceLogementBottom label.label_ville {padding:0;}
	
	#colA #espaceLogement .content label,
	#espaceLogementBottom label {
		width: 40px;
		text-align: right;
		font-size: 85%;
		}
	#patrimoine font {
		position: relative;
		width: 132px;
		padding: 0 5px 0.2em 3px;
		margin: 0 0 0.3em 0;
		}
	#colA #patrimoine .bottom font,
	#espaceLogementBottom font {
		width: 135px;
		border: 1px #fff solid;
		padding: 0;
		}
	#espaceLogementBottom font {
		margin: 0 0 0 5px;
		}
	#patrimoine input {
		font-size: 85%;
		padding: 0.2em 0.5em 0.1em 0.5em;
		border: 1px #DFCBCE solid;
		}
	#patrimoine input#ville {
		width: 95px; color:#666;
		min-height: 16px;
		}
	#patrimoine .right input {width: 45%}
	
	#colA #patrimoine .bottom input#ville,
	#espaceLogementBottom input#ville {
		width: 90px; 
		font-size: 85%; color:#666;
		border: 1px #ccc solid;
		padding: 0.2em 0 0.2em 0;
		margin: 0 5px 0 2px;
		}
		
	#patrimoine button.carte,
	body#home a.carte,
	#espaceLogementBottom a.carte,
	#espaceLogementBottom button.carte,
	#patrimoine button.lancer,
	#espaceLogementBottom button.lancer {
		float: right;
		}
	#patrimoine button.carte,
	#espaceLogementBottom button.carte,
	body#home a.carte,
	#espaceLogementBottom a.carte {
		display: block;
		text-indent: -1000em;
		width: 60px; height: 21px;
		background: transparent url(/global/medias/buttonCarte.gif) no-repeat 0 0;
		}
	#patrimoine button.lancer,
	#espaceLogementBottom button.lancer {
		margin: 0.5em 0 0 0;
		border: 1px #B51229 solid;
		background-color:#B51229;
		}
	#colA #espaceLogement #patrimoine button.lancer,
	#espaceLogementBottom button.lancer {
		margin: 5px 5px 0 0;
		}
		
	/*=locataire*/
	#locataire {
		width: 190px;
		padding: 10px;
		margin: 0.7em 0 0 0;
		background-color:#FDEDDA;
		}
	body#home #locataire {
		width: 420px;
		margin: 1em 0 0 0;
		}
	#locataire .left h2,
	#locataire .right h2,
	#locataire .top h2,
	#locataire .bottom h2 {
		color:#B51229
		}
	#locataire .left h2,
	#locataire .top h2 {position: relative;}
	#locataire .left h2 {
		padding: 0.5em 0 1.5em 3.5em;
		background: transparent url(/global/medias/h2Locataires.gif) no-repeat -10px 0;
		}
	#locataire .top h2 {
		padding: 1em 0 0.3em 2.7em;
		background: transparent url(/global/medias/h2LocatairesReduce.gif) no-repeat -5px 0;
		}
	#locataire .right h2 {}
	#locataire .bottom h2 {
		padding:0; 
		margin: 2px 0 5px 0;
		}
		
	#locataire .top ul,
	#locataire .bottom ul {
		padding:0; 
		margin: 0 0 5px 0;
		}
	#locataire .top ul li a,
	#locataire .bottom ul li a {
		font-size: 77%;
		color:#BA0029;
		}
	
	/*accesEspace*/
	body#home #accesEspace p.field_line {
		clear: both;
		}
	.right #accesEspace {width: 210px;}
	.bottom #accesEspace {width: 200px;}
	
	.right #accesEspace p.field_line {}
	
	.bottom input#identifiant,
	.bottom input#mdp {width: 80px}
	
	.right input#identifiant,
	.right input#mdp {
		width: 102px!important;
		}
	
	.right #accesEspace label,
	.right #accesEspace label {
		text-align: left!important;
		font-size: 85%;
		width: 97px;
		}
	
	#locataire input {
		width: 100px;
		font-size: 85%;
		padding: 0.2em 0.5em 0.2em 0.5em;
		margin: 0 0 0.3em 0;
		border: 1px #ccc solid;
		/*border: 1px #E49298 solid;*/
		background-color:#fff;
		}

	#colA #locataire .bottom label,
	#colA #locataire .bottom input {
		float: left;
		font-size: 77%;
		}
	#colA #locataire .bottom label,
	#colA #locataire .bottom input {width: 90px;}
	
	#colA #locataire .bottom label {
		color:#666; 
		font-weight: bold;
		}
	#colA #locataire .bottom input {
		margin: 0 0 5px 0;
		padding: 0 0.2em 0.2em 0.2em;
		}
	#locataire button,
	#locataire .bottom button {
		margin: 0.5em -10px 0.5em 0;
		float: right;
		background-color:#B51229;
		}
	#locataire .bottom button {
		border: 1px #B51229 solid;
		margin: 0.5em 5px 0.5em 0;
		color:#fff;
		}
		
	#accesEspace ul li a {color:#666;}
	
/* = colB / contenu générique / … = */

	#colB h1 {
		font-size: 200%;
		font-weight: bold;
		color:#E76D0D;
		padding: 0.5em 0 0 0;
		font-family:'Trebuchet MS';
		}
	#colB h2 {
		font-size: 108%;
		font-weight: bold;
		color:#C50A33;
		padding: 0.5em 0 0.5em 0;
		}
	#colB p {font-size: 85%;}
	
	/*= intro */
	#colB #intro {
		width: 670px;
		border-bottom: 1px #F7CD87 solid;
		padding: 0 0 0.5em 0;
		margin: 0 0 0.5em 0;
		}
	#colB #intro img {float: right;}
	
	body#generique #colB ul li {
		color:#666;
		font-size: 85%;
		margin: 0 0 0 1.5em;
		list-style-type: disc;
		list-style-position: inside;
		}
	body#generique #colB ul li a {}
	
	/* blocs plus d’informations */
	#content {width: 670px;}
	#contentLeft, #contentRight {float:left}	
	#contentLeft {
		width: 420px; 
		padding: 0 25px 0 0 ;
		}
	#contentRight {width: 225px}
	
	/*
	#contentLeft, #contentRight {float:left}
	#contentLeft {width: 670px; padding: 0 ;}
	#contentRight {
		width: auto; float: right;
		margin-left: 10px;
		}
	*/
	
	#colB h2.titsavoir,
	#colB h2.titbref {
		font-size: 108%;
		padding: 0 1em 0 0;
		text-align: right;
		font-weight: bold;
		}
	#colB h2.titsavoir {	
		margin: 1em 0 0 0;
		color:#E76D0D;
		}
	#colB h2.titbref {	
		margin: 0.9em 0 0 0;
		color:#B50029;
		}

	#colB #savoirPlus,
	#colB #enBref {
		width: 225px;
		margin-top: -2px;
		}
	#colB #savoirPlus {background-color:#E76D0D}
	#colB #enBref {background-color:#B50029}
	
	#colB #savoirPlus ul,
	#colB #savoirPlus p,
	#colB #enBref ul,
	#colB #enBref p {
		margin:0;
		padding: 1em;
		}
		
	#colB #savoirPlus p,
	#colB #enBref p,
	#colB #savoirPlus p a,
	#colB #enBref p a {color:#fff;}
	
	#colB #savoirPlus p,
	#colB #enBref p {
		font-size: 77%;
		}
	
	#colB #savoirPlus ul li,
	#colB #enBref ul li {
		color:#fff!important;
		list-style-type: disc;
		list-style-position: inside;
		}
	#colB #savoirPlus ul li a,
	#colB #enBref ul li a {
		font-size: 85%;
		color:#fff;
		text-decoration: none;
		}

/* = Gestion des pages de blog */
	#bandeau {}
	#navThemaBlog {
		padding: 0.5em 0 0.5em 0;
		background-color:#E98120;
		}
	#navThemaBlog li {
		color:#fff!important;
		}
	#navThemaBlog li a {
		font-size: 85%; color:#fff;
		text-decoration: none;
		}
		
	#blog {padding: 0 0 1em 0;}	
	
	#blogExtended h2 {
		margin: 0 0 0.5em 0;
		border-bottom: 1px #666 dotted;
		}
	
	#blog h2 a,
	#blogExtended h2 a,
	.selected_group_title p a {
		font-weight: normal;
		text-decoration: none;
		}
	h2 a.rubBlog,
	.selected_group_title p a {
		text-align: right;
		color:#B51229;
		}
	.selected_group_title {
		margin: 0.5em 0 0 0;
		border-bottom: 1px #666 dotted;
		}
	.selected_group_title p {
		font-size: 108%!important;
		}
	h2 a.rubGroup {
		font-size: 93%; color:#666;
		padding: 0 0 0 0.2em;
		}
	
	.table_comment_blog {
		border-collapse: collapse;
		}
	.table_comment_blog th,
	.table_comment_blog td {
		font-size: 85%;
		padding: 0.2em;
		}
	
	#blog a.more, 
	a.backBlog,
	a.add,
	.selected_group_title p a.return {
		display: block;
		font-size: 85%;
		color:#E98120;
		padding: 0 0 0.2em 0;
		text-align: right;
		text-decoration: none;
		border-bottom: 1px #666 dotted;
		}
		
	
/* = googlemap = */

	.residence {clear: both;}
	.residence img,
	#description img {
		float: left;
		border-right: 10px #fff solid;
		border-bottom: 10px #fff solid;
		}
	
	#description {
		clear: both;
		padding: 10px;
		border: 1px #f1f1f1 solid;
		background-color: #fefefe;
		}
	#description ul {
		padding: 0 0 0.5em 0;
		}
	#description ul li {
		display: block;
		border-top: 1px #f1f1f1 solid;
		list-style: none!important;
		padding: 0.2em 0 0.2em 0;
		}
	#description ul li img {padding: 0;}
	#ficheResidence h2 {
		/*color:#F6AA31;*/
		padding: 0 0 0.5em 1.5em;
		background: transparent url(/global/medias/itemMapH4.gif) no-repeat 0 3px;
		}
	#description h3 {
		font-size: 85%;
		padding: 0 0 5px 0;
		color:#B10028;
		}
	#description #texte h4 {
		font-size: 85%;
		padding: 0.2em 0.2em 0.2em 0.5em;
		font-weight: bold;
		color:#666;
		border-bottom: 1px #666 solid;
		background-color: #fffcee;
		} 
	#description #texte a {
		display: block;
		text-align: right;
		font-size: 85%;
		color:#C50A33;
		}
	#description #texte img {
		border:0;
		}
	
	/*#map_residence*/
	#map_residence {}

	/* = simulation */
	#simulation {
		border: 1px #ccc solid;
		padding: 0 0 1.5em 0;
		}
	#simulation p.field_line {
		clear: both;
		margin:0 0 5px 0; 
		padding: 0 0 5px 0;
		}
	#simulation p.field_line label {
		width: 200px;
		padding: 0 0 1em 0.5em;
		}
	#simulation button.valider {
		float: right; border:0;
		margin: 25px 0 0 0 ;
		color:#fff; font-size: 85%;
		background-color: #C50B34;
		}
	#simulation p.error,
	#simulation p.resultat {
		display: block;
		margin: 0.5em;
		padding: 0.2em;
		font-size: 85%; 
		font-weight: bold;
		color:#fff;
		}	
	#simulation p.error {
		background-color: red;
		}
	#simulation p.resultat {
		
		background-color: #C50B34;
		}

/* = footer = */
	#footer {
		border-top: 1px #fff solid;
		padding: 60px 0 1em 0;
		background: transparent url(/global/medias/friseFooter.png) no-repeat 0 0;
		}
	#footer p {	
		font-weight: bold;
		padding: 0 0 0 1em;
		font-size: 100%;
		color:#666;
		}
	#footer p span {font-size: 77%;}
	#footer p.links,
	#colB p.links {
		position: absolute;
		right: 20px;
		}
	#colB p.links {margin: -25px 0 0 0}
	#colB p.links a {font-size: 85%}
	a.rss, a.rm {
		color:#666; font-size: 70%;
		text-decoration: none;
		padding: 0.3em 2.5em 0.5em 0;
		}
	a.rss {background: transparent url(/global/medias/rss.gif) no-repeat right;}
	a.rm {background: transparent url(/global/medias/rm.gif) no-repeat right;}
