/* CSS Document */
/* --------------------------------------------------------------------------------------------- Global */
	#global {background-image:url(../../images/visuels/visu_interne.jpg)}
/* --------------------------------------------------------------------------------------------- Conteneur */
	#conteneur {
		width:830px;
		background-repeat:no-repeat;
		padding:8px 14px 0 0
	}
/* ------------------------------------------------------------------------- Top */
	#conteneur #top {
		width:806x;
		border-left:3px solid #fff;
		border-right:3px solid #fff;
		padding:4px 7px 10px 11px
	}
/* ----------------------------------------------------- Titre */
	#conteneur #top #titre, #conteneur #top h1 {
		text-transform:uppercase;
		font-size:2em;
		font-weight:normal;
		color:#fff
	}
/* ------------------------------------------------------------------------- Compass */
	#conteneur #compass {
		float:left;
		width:820px;
		font-weight:bold;
		background:#fff;
		padding:5px 5px 10px 5px
	}
	#conteneur #compass li a {
		font-weight:normal;
		color:#666;
		background:url(../../images/structure/background/compass.gif) no-repeat;
		padding:0 0 0 16px
	}
	#conteneur #compass li a:hover {text-decoration:underline}
	#conteneur #compass li ul {display:inline}
	#conteneur #compass li ul li {
		display:inline;
		background:url(../../images/elements/fleche_gris.gif) no-repeat left;
		padding:0 0 0 9px
	}
	#conteneur #compass li ul li a {
		background:none;
		padding:0
	}
/* ------------------------------------------------------------------------- Main */
	#conteneur #main {
		float:left;
		width:830px;
		background:#fff url(../../images/structure/background/main.gif) repeat-y 190px 0
	}
	#conteneur #main.large {background-image:none}
	#conteneur #main #main2 {
		float:left;
		width:830px;
		min-height:445px;
		background-image:url(../../images/structure/background/main2.jpg);
		background-repeat:no-repeat;
		background-position:right bottom;
		padding:10px 0 0 0
	}
	* html #conteneur #main #main2 {height:445px}
/* ----------------------------------------------------- Left */
	#conteneur #main #main2 #left {
		float:left;
		width:190px
	}
/* --------------------------------- Navigation */
	#conteneur #main #main2 #left #navigation {
		float:left;
		width:184px;
		font-size:1.1em;
		padding:0 5px 40px 1px
	}
	#conteneur #main #main2 #left #navigation li {
		float:left;
		width:100%
	}
	#conteneur #main #main2 #left #navigation li a {
		display:block;
		float:left;
		width:163px;
		color:#666;
		background-repeat:no-repeat;
		background-position:left top;
		padding:2px 0 2px 21px
	}
	#conteneur #main #main2 #left #navigation li a.on {cursor:text}
	#conteneur #main #main2 #left #navigation li ul {
		width:142px;
		font-size:1em;
		font-style:italic;
		padding:0 5px 0 37px
	}
	#conteneur #main #main2 #left #navigation li ul li a {
		width:132px;
		background-image:url(../../images/elements/fleches_gris.gif);
		background-position:0 7px;
		padding:1px 0 1px 10px
	}
	#conteneur #main #main2 #left #navigation li ul li a:hover, #conteneur #main #main2 #left #navigation li ul li a.on {
		color:#666;
		background-image:url(../../images/elements/fleches_gris.gif);
		text-decoration:underline
	}
/* --------------------------------- Devenir propriétaire */
	#conteneur #main #main2 #left #devenir_proprietaire {vertical-align:middle}
/* --------------------------------- Coups de coeur */
	#conteneur #main #main2 #left #coups_coeur {
		float:left;
		width:187px;
		color:#687176;
		padding:0 0 10px 3px
	}
	#conteneur #main #main2 #left #coups_coeur span.titre {
		display:block;
		text-transform:uppercase;
		font-size:1.5em;
		font-weight:bold;
		color:#fff;
		background:#99cc00;
		padding:30px 0 0 2px;
		margin:0 0 13px 0
	}
	#conteneur #main #main2 #left #coups_coeur span.titre span {
		text-transform:none;
		font-size:.9em;
		color:#3d7e2d
	}
	#conteneur #main #main2 #left #coups_coeur img {
		float:left;
		border:1px solid #1f1a1a;
		margin:0 10px 0 8px
	}
	#conteneur #main #main2 #left #coups_coeur span.ville {
		display:block;
		font-size:1.1em;
		padding:5px;
		margin:0 0 10px 0
	}
	#conteneur #main #main2 #left #coups_coeur p {padding:0 5px}
	#conteneur #main #main2 #left #coups_coeur #tous_coups_coeur {
		display:block;
		display:inline;
		float:left;
		width:169px;
		text-align:right;
		color:#3d7e2d;
		background:url(../../images/elements/fleche_vert.gif) no-repeat right 4px;
		padding:0 8px 0 0;
		margin:10px 10px 0 0
	}
	#conteneur #main #main2 #left #coups_coeur #tous_coups_coeur:hover {text-decoration:underline}
/* ----------------------------------------------------- Contenu */
	#conteneur #main #main2 #contenu {
		float:left;
		width:390px;
		min-height:1px;
		font-size:1.1em;
		color:#333;
		padding:0 25px
	}
	* html #conteneur #main #main2 #contenu {overflow:hidden}
	#conteneur #main #main2 #contenu.large {
		width:590px;
		padding:0 25px 150px 25px
	}
	#conteneur #main.large #main2 #contenu.large {width:780px}
/* --------------------------------- Titres */
	#conteneur #main #main2 #contenu h1 {
		text-transform:uppercase;
		font-size:1.6em;
		font-weight:normal;
		background:url(../../images/structure/background/h1.gif) repeat-y right;
		padding:5px 0;
		margin:0 0 10px 0
	}
	h2 {
		clear:both;
		font-size:1.4em;
		margin-bottom:8px
	}
	h3 {
		clear:both;
		font-size:1.2em;
		color:#666;
		margin-bottom:6px
	}
	h4 {
		clear:both;
		font-size:1.1em;
		color:#666;
		margin-bottom:4px
	}
	h5, h6 {
		clear:both;
		font-size:1em;
		margin-bottom:2px
	}
/* --------------------------------- Bloc de couleur */
	#conteneur #main #main2 #contenu.large div.bloc_couleur {
		float:left;
		width:100%;
		padding:10px 0;
		margin:20px 0
	}
	#conteneur #main #main2 #contenu.large div.bloc_couleur p.obligatoire {margin-left:10px}
	#conteneur #main #main2 #contenu.large div.bloc_couleur a {
		display:block;
		font-size:.9em;
		color:#666;
		text-decoration:underline;
		margin:0 0 5px 20px
	}
	#conteneur #main #main2 #contenu.large div.bloc_couleur a:hover {text-decoration:none}
/* --------------------------------- Légende */
	#conteneur #main #main2 #contenu p.legende {margin:20px 0 0 0}
	#conteneur #main #main2 #contenu p.legende span.carre_couleur {
		display:block;
		float:left;
		width:15px;
		height:15px;
		font-size:0;
		margin:0 3px 0 0
	}
/* --------------------------------- Haut de page */
	#conteneur #main #main2 #contenu div.haut_page {
		float:left;
		width:100%;
		text-align:right;
		font-size:.9em;
		background:url(../../images/structure/background/haut_page.gif) no-repeat right;
		padding:10px 0
	}
	#conteneur #main #main2 #contenu div.haut_page a {
		color:#666;
		background:url(../../images/structure/background/haut_page.gif) no-repeat left;
		text-decoration:none;
		padding:0 9px 0 10px;
	}
	#conteneur #main #main2 #contenu div.haut_page a:hover {text-decoration:underline}
/* --------------------------------- Pagination */
	#conteneur #main #main2 #contenu ul.pagination {
		float:left;
		width:100%;
		text-align:right;
		border-top:1px solid #ebecec;
		padding:5px 0 0 0
	}
	#conteneur #main #main2 #contenu ul.pagination.top {
		border-top:0;
		border-bottom:1px solid #ebecec;
		padding:0 0 5px 0
	}
	#conteneur #main #main2 #contenu ul.pagination li {
		display:inline;
		margin:0 6px
	}
	#conteneur #main #main2 #contenu ul.pagination li a {color:#666}
	#conteneur #main #main2 #contenu ul.pagination li a:hover, #conteneur #main #main2 #contenu ul.pagination li a.on {text-decoration:underline}
	#conteneur #main #main2 #contenu ul.pagination li a.on {
		color:#999;
		cursor:text
	}
/* ----------------------------------------------------- Right */
	#conteneur #main #main2 #right {
		float:left;
		width:194px;
		padding:0 6px 150px 0
	}
	#conteneur #main #main2 #right img {vertical-align:middle}
/* --------------------------------- Bloc arrondi */
	#conteneur #main #main2 #right div.bloc_arrondi {
		width:164px;
		line-height:1.3;
		color:#687176;
		background:url(../../images/structure/background/bloc_arrondi.gif) no-repeat bottom;
		padding:10px 15px;
		margin:0 0 22px 0
	}
/* --------------------------------- Bloc 'Espace locataire' */
	#conteneur #main #main2 #right div.espace_locataire {
		width:180px;
		color:#383838;
		background:url(../../images/structure/background/bloc_arrondi.gif) no-repeat bottom;
		padding:10px 7px;
		margin:0 0 22px 0
	}
/* ------------- Nom */
	#conteneur #main #main2 #right div.espace_locataire span.nom {
		display:block;
		font-size:1.3em;
		font-weight:bold;
		color:#e71803;
		margin:0 0 12px 0
	}
/* ------------- Adresse */
	#conteneur #main #main2 #right div.espace_locataire ul.adresse {margin:0 0 12px 0}
	#conteneur #main #main2 #right div.espace_locataire ul.adresse li {
		background:url(../../images/elements/carre_orange.gif) no-repeat 0 6px;
		padding:0 0 0 8px
	}
	#conteneur #main #main2 #right div.espace_locataire ul.adresse li span {color:#666}
/* ------------- Coordonnées */
	#conteneur #main #main2 #right div.espace_locataire ul.coordonnees {margin:0 0 12px 0}
	#conteneur #main #main2 #right div.espace_locataire ul.coordonnees li {margin:0 0 2px 0}
	#conteneur #main #main2 #right div.espace_locataire ul.coordonnees li span {color:#e71803}
	#conteneur #main #main2 #right div.espace_locataire ul.coordonnees li a {color:#383838}
	#conteneur #main #main2 #right div.espace_locataire ul.coordonnees li a:hover {text-decoration:underline}
/* ------------- Action */
	#conteneur #main #main2 #right div.espace_locataire a.action {
		font-weight:bold;
		color:#e71803
	}
	#conteneur #main #main2 #right div.espace_locataire a.action:hover {text-decoration:underline}
/* ------------------------------------------------------------------------- Bottom */
	#conteneur #bottom {
		float:left;
		width:618px;
		height:18px;
		font-size:1.1em;
		color:#ffdc00;
		padding:3px 0 0 212px;
		margin:0 0 20px 0
	}
	#conteneur #bottom span.titre {
		font-family:tahoma;
		text-transform:uppercase;
		font-size:.8em;
		color:#fff;
		margin:0 15px 0 0
	}