/* STRUCTURE COMMUNE DES PAGES 
-------------------------------------------------------------------------------------------*/
#header {
	display: none;
	}
#wrapper {
	width: 948px;
	margin: 0 auto;
	}
#top {
	width: 948px;
	height: 196px;
	margin: 0;
	padding: 0;
	background: #fff;
	}
#nav {
	width: 948px;
	margin: 0;
	padding: 0;
	background: #F4F4F3;
	}
#container {
	width: 948px; 
	margin-right: -158px; 
	padding: 35px 0 20px;
	background: #fff;
	float: left;
	}
#content {
	margin: 0 158px 0 0;
	padding: 0;
	}
#nav2 {
	float: right;
	width:158px;
	background: #fff;
	}
#entete {
	width: 790px;
	padding-bottom: 20px;
	}
* html #entete {  /* hack pour IE5-6 Win*/
	width: 770px;
	}
#principal {
	width: 475px;
	float: left;
    overflow: hidden;
	}
#secondaire {
	width: 314px;
	float: left;
	}
	
/* GESTION DES COULEURS SELON LA RUBRIQUE
-------------------------------------------------------------------------------------------*/

/* Couleurs de fond */

body.menu0 {
	background: #d1d1d1;
	}
body.menu1 {
	background: #e3edc7;
	}
body.menu2 {
	background: #cde5f4;
	}
body.menu3 {
	background: #dcd9e7;
	}
body.menu4 {
	background: #efd7cd;
	}
body.menu5 {
	background: #e8d4d5;
	}
body.menu6 {
	background: #e1d7e6;
	}
	
/* Bordure inferieure de la page */
	
body.menu0 #container {
	border-bottom: 0;
	padding-bottom: 40px;
	}
body.menu1 #container {
	border-bottom: 11px solid #91b61f;
	}
body.menu2 #container {
	border-bottom: 11px solid #3898d2;
	}
body.menu3 #container {
	border-bottom: 11px solid #514389;
	}
body.menu4 #container {
	border-bottom: 11px solid #c15f39;
	}
body.menu5 #container {
	border-bottom: 11px solid #8e292c;
	}
body.menu6 #container {
	border-bottom: 11px solid #693681;
	}
	
/* Couleurs personnalisees par rubriques */

body.menu0 h1, body.menu0 h2, body.menu0 h3, body.menu0 #bottom .barre, body.menu0 #content p a, body.menu0 #content ul li a, body.menu0 #content .coul {
	color: #666;
	}
body.menu1 h1, body.menu1 h2, body.menu1 h3, body.menu1 #bottom .barre, body.menu1 #content p a, body.menu1 #content ul li a, body.menu1 #content .coul {
	color: #91b61f;
	}
body.menu2 h1, body.menu2 h2, body.menu2 h3, body.menu2 #bottom .barre, body.menu2 #content p a, body.menu2 #content ul li a, body.menu2 #content .coul, body.menu2 #content p.exergue {
	color: #3898d2;
	}
body.menu3 h1, body.menu3 h2, body.menu3 h3, body.menu3 #bottom .barre, body.menu3 #content p a, body.menu3 #content ul li a, body.menu3 #content .coul, body.menu3 #frmLgmt .coul  {
	color: #514389;
	}
body.menu4 h1, body.menu4 h2, body.menu4 h3, body.menu4 #bottom .barre, body.menu4 #content p a, body.menu4 #content ul li a, body.menu4 #content .coul, body.menu4 #content p.exergue {
	color: #c15f39;
	}
body.menu5 h1, body.menu5 h2, body.menu5 h3, body.menu5 #bottom .barre, body.menu5 #content p a, body.menu5 #content ul li a, body.menu5 #content .coul  {
	color: #8e292c;
	}
body.menu6 h1, body.menu6 h2, body.menu6 h3, body.menu6 #bottom .barre, body.menu6 #content p a, body.menu6 #content ul li a, body.menu6 #content .coul,  body.menu6 #content p.exergue  {
	color: #693681;
	}
	
/* STYLES DE LA PARTIE CONTENT
-------------------------------------------------------------------------------------------*/
	
/* Liens de la partie Content */

#content p a, #content ul li a {
	text-decoration: none;
	}
#content p a:hover, #content ul li a:hover {
	text-decoration: underline;
	}
p a.lien-actu {
	font-size: 1.17em;
	}
	
/* Divers */

.gris {
	color: #d1d1d3;
	}
h4.manchette, p.manchette {
	margin-bottom: 20px;
	}
#content img.photo {
	width: 415px;
	padding-top: 5px;
	}
	
/* Listes */

#content ol {
	margin: 0 30px 10px 10px;
	}
#content ol li { 
	list-style-type: decimal; 
	list-style-position: outside; 
	padding: 5px 0;
	line-height: 1.5em;
	}
#content ul {
	margin: 0 30px 10px 10px;
	}
#content ul li { 
	list-style-type: disc;
	list-style-position: outside; 
	padding: 5px 0;
	line-height: 1.5em;
	}
#content #principal ol {
	padding-left: 40px;
	}
#content #principal ul {
	padding-left: 30px;
	}
#content #secondaire ol {
	padding-left: 25px;
	}
#content #secondaire ul {
	padding-left: 15px;
	}
#content #principal.plan ul li { 
	padding: 3px 0;
	line-height: 1.33em;
	list-style-type: square;
	}
#content #principal.plan ul li ul li { 
	list-style-type: circle;
	}
	
/* Styles bloc principal */
	
#principal h1, #principal h2, #principal h2, #principal p {
	margin-right: 30px;
	}
#principal img.float {
	padding: 6px 5px 2px 20px;
	float: left;
	height: 80px;
	}
#principal img.float2 {
	padding: 6px 5px 2px 20px;
	float: left;
	height: 60px;
	}
#principal #entete2, #principal #entete3 {
	width: 450px;
	float: left;
	}
#principal div.bloc {
	width: 200px;
	padding: 0;
	margin: 10px 0 20px 25px;
	float: left;
	}
* html #principal div.bloc {  /* hack IE5-6 Win */
	padding: 0 0 0 25px;
	margin: 10px 0 20px 0;
	}
#principal div.case {
	background: #f4f4f3;
	margin-bottom: 3px;
	padding: 6px;
	}
#principal div.case h2, #principal div.case p {
	margin: 0 0 3px 0;
	padding: 0;
	}
	
/* Styles bloc secondaire */

#secondaire {
	border-left: 1px solid #d1d1d3;
	}
#secondaire h1, #secondaire h2, #secondaire h3, #secondaire h4, #secondaire p {
	margin-left: 10px;
	margin-right: 40px;
	}
#secondaire img.float {
	padding: 3px 5px 2px 0;
	float: left;
	}
p.exergue {
	/*	font-size: 1.34em; */
	font-size: 1.08em;
	line-height: 1.8em; 
	padding-right: 20px;
	}
		
.guillemets {
	font-size: 1.7em;
	font-weight: bold;
	position: relative;
	top: 4px;
	}
	
#zonePagination {
	text-align: center;	
}
	
.currentPage {
	color: #514389;
	font-weight: bold;
	font-size: 1.2em;
}
	
/* Exposants (pour les surfaces)  */

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
	
/* Page d'accueil */

body.menu1 h1.une {
	font-size: 2.92em;
	color: #000;
	}
body.menu1 h4.une {
	color: #91b61f;
	}
body.menu1 h2.une {
	font-size: 1.92em;
	color: #000;
	margin-bottom:10px;
	}
body.menu1 #content p a.une {
	color: #3898d2;
	}
	
/* Page de login espace perso */

#login {
	margin-left: 300px;
	padding: 100px 0;
	}
#login h2 {
	margin-bottom: 20px;
	}
	
/* Formulaires */

textarea .textarea { 
	font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	word-spacing: 1px;
	color: #000; 
	font-size: 1.1em; 
	font-weight: normal;
	background-color: #f4f4f3;
	border: 0;
	padding: 1px;
	}
	
	
/*NAVIGATION SECONDAIRE
-------------------------------------------------------------------------------------------*/
/*Recherche (Google ou moteur interne) */

#google {
	background: #e8e8e9;
	padding: 3px 0 5px 10px;
	border-bottom: 1px solid #fff;
	}
#google form {
	padding: 0;
	margin: 0;
	}
#google p {
	margin-left: 0;
	margin-right:0;
	
	font-size: .84em;
	color: #535353;
	}
#google p input.OK, #google p img  {
	position: relative;
	top: 3px;
	}
	
/* Divs "espace perso" et "offres locations" */

#perso, #offres {
	background: #d1d1d3;
	padding: 3px 0 5px 10px;
	border-bottom: 1px solid #fff;
	}
#perso p, #offres p {
	font-size: .84em;
	margin: 0 10px 0 0;
	}
#perso p a, #offres p a {
	text-decoration: none;
	color: #535353;
	}
#perso p a:hover, #offres p a:hover {
	color: #000;
	}
#offres {
	background: #e8e8e9;
	}
	
/* Div tags */
#tags2 {
	background: #f4f3f3;
	padding: 3px 0 5px 10px;
	border-bottom: 1px solid #fff;
	}
#tags2 p {
	font-size: .92em;
	margin: 0 10px 0 0;
	line-height: 2em;
	}
#tags2 p a {
	text-decoration: none;
	color: #535353;
	}
#tags2 p a:hover {
	color: #000;
	}
#tags2 .titre {
	font-size: .84em;
	font-weight: bold;
	color: #fff;
	}
#tags2 .niv4 {
	font-size: 9px;
	}
#tags2 .niv3 {
	font-size: 12px;
	}
#tags2 .niv2 {
	font-size: 14px;
	}
#tags2 .niv1 {
	font-size: 16px;
	}
	
body.menu0 #tags2 .titre {
	background: #ccc;
	}
	
body.menu1 #tags2 .titre {
	background: #91b61f;
	}
body.menu2 #tags2 .titre {
	background: #3898d2;
	}
body.menu3 #tags2 .titre {
	background: #514389;
	}
body.menu4 #tags2 .titre {
	background: #c15f39;
	}
body.menu5 #tags2 .titre {
	background: #8e292c;
	}
body.menu6 #tags2 .titre {
	background: #693681;
	}
	
/* Menus de niveau 2 */

#nav2 ul {
	padding: 0;
	margin: 0;
	}
	body.menu1 #nav2 ul {
	background: #d3e2a5;
	}
body.menu2 #nav2 ul {
	background: #9bcbe8;
	}
body.menu3 #nav2 ul {
	background: #b9b4d0;
	}
body.menu4 #nav2 ul {
	background: #e6bfb0;
	}
body.menu5 #nav2 ul {
	background: #d8b4b5;
	}
body.menu6 #nav2 ul {
	background: #cbb9d3;
	}
#nav2 ul li {
	font-size: .84em;
	line-height: 1.1em;
	padding: 6px 0;
	border-bottom: 1px solid #fff;
	}
#nav2 ul li a {
	text-decoration: none;
	color: #000;
	padding-left: 10px;
	}
#nav2 ul li a.active {
	font-weight: bold;
	}
#nav2 ul li a:hover {
	text-decoration: underline;
	}
	
#frmLgmt  {
	padding: 0;
}

#frmLgmt label {
	cursor: pointer;
}

/* Style formulaire demande logement */
#dmtLogt {
	margin: 0 auto;
}

#dmtLogt table p {
	margin-left:10px;
}

fieldset {
	width: 95%; 
	margin-left: 10px; 
	margin-bottom: 10px;
}

legend {
	margin-left:25px; 
	font-size: 1.2em; 
	font-weight: bold;
	color: #000000;
}
	
/* STYLES DU  PIED DE PAGE
-------------------------------------------------------------------------------------------*/
#bottom { 
	height: 30px; 
	clear: both; 
	}
#bottom p {
	color: #666;
	margin-left: 25px;
	padding-top: 15px;
	font-size: .84em;
	letter-spacing: 1px;
	}
#bottom .barre {
	font-weight: bold;
	}
#bottom p a {
	text-decoration: none;
	font-weight: normal;
	color: #666;
	}
#bottom p a:hover {
	color: #000;
	}
	
/* STYLES ADMIN
--------------------------------------------------------------------------------------------*/

.listAdmin {
	margin: 0 auto;
	text-align:center;
	width: 90%;
}
.listAdmin td {
	text-align:center;
	margin: 0 auto;
	border: 1px solid #c0c0c0;
	border-collapse:collapse;
}

.listAdmin .tabTitle td {
	background: #d3e2a5;
	color: #000;
}

#validationZone {
	margin: 0 auto;
}

.FCKStyle {
	background-color: white;
}
#FCKStyle {
	background-color: white;
}
.website {
	background-color: white;
}
#website {
	background-color: white;
}

#content .Item0 {
	color: #d1d1d3;
	margin-left: 26px;
	font-size:16px;
	font-weight: bold;
	}
	
.Item0:hover {
	text-decoration: underline;	
	}
	
#content .Item1 {
	color: #91b61f;
	margin-left: 26px;
	font-size:16px;
	font-weight: bold;
	}
	
.Item1:hover {
	text-decoration: underline;	
	}	
	
#content .Item2 {
	color: #3898d2;
	margin-left: 26px;
	font-size:16px;
	font-weight: bold;
	}
	
.Item2:hover {
	text-decoration: underline;
	}	
	
	
#content .Item3 {
	color: #514389;
	margin-left: 26px;
	font-size:16px;
	font-weight: bold;
	}
	
.Item3:hover {
	text-decoration: underline;
	}
	
#content .Item4 {
	color: #c15f39;
	margin-left: 26px;
	font-size:16px;
	font-weight: bold;
	}
	
.Item4:hover {
	text-decoration: underline;
	}
	
#content .Item5 {
	color: #8e292c;
	margin-left: 26px;
	font-size:16px;
	font-weight: bold;
	}
	
.Item5:hover {
	text-decoration: underline;
	}
		
#content .Item6 {
	color: #693681;
	margin-left: 26px;
	font-size:16px;
	font-weight: bold;
	}
	
.Item6:hover {
	text-decoration: underline;
	}
	
#content .ItemSearch {
	font-size:14px;
	}
	
#secondaire h4 a, a:link, a:visited {
	color: #000000;
	text-decoration: none;
	}
#secondaire h4 a:hover {
	color:#000000;
	text-decoration: underline;
	}
	
/* STYLES MESSAGES D'ERREURS
--------------------------------------------------------------------------------------------*/
body.menu1 .msgErreur {
	color:#8E292C;
	}
body.menu1 .inputErreur {
	background-color:#8E292C;
	color:#3898D2;
	}

body.menu2 .msgErreur {
	color:#8E292C;
	}
body.menu2 .inputErreur {
	background-color:#8E292C;
	color:#3898D2;
	}
	
body.menu3 .msgErreur {
	color:#8E292C;
	}
body.menu3 .inputErreur {
	background-color:#8E292C;
	color:#3898D2;
	}
	
body.menu4 .msgErreur {
	color:#8E292C;
	}
body.menu4 .inputErreur {
	background-color:#8E292C;
	color:#3898D2;
	}
	
body.menu5 .msgErreur {
	color:#8E292C;
	}
body.menu5 .inputErreur {
	background-color:#8E292C;
	color:#3898D2;
	}
	
body.menu6 .msgErreur {
	color:#8E292C;
	}
body.menu6 .inputErreur {
	background-color:#8E292C;
	color:#3898D2;
	}
	
/************ InfoBulle *****************/	
body.menu0 .infobulle{
		position: absolute;	
		visibility : hidden;
		border: 1px solid #91B61F;
		padding: 10px;
		font-family: Verdana, Arial;
		font-size: 10px;
		background-color: #D3E2A5;
		color: #8E292C;
		width: 150px;
	}
	
body.menu1 .infobulle{
		position: absolute;	
		visibility : hidden;
		border: 1px solid #91B61F;
		padding: 10px;
		font-family: Verdana, Arial;
		font-size: 10px;
		background-color: #D3E2A5;
		color: #8E292C;
		width: 150px;
	}
	
body.menu2 .infobulle{
		position: absolute;	
		visibility : hidden;
		border: 1px solid #91B61F;
		padding: 10px;
		font-family: Verdana, Arial;
		font-size: 10px;
		background-color: #D3E2A5;
		color: #8E292C;
		width: 150px;
	}
	
body.menu3 .infobulle{
		position: absolute;	
		visibility : hidden;
		border: 1px solid #91B61F;
		padding: 10px;
		font-family: Verdana, Arial;
		font-size: 10px;
		background-color: #D3E2A5;
		color: #8E292C;
		width: 150px;
	}
	
body.menu4 .infobulle{
		position: absolute;	
		visibility : hidden;
		border: 1px solid #C15F39;
		padding: 10px;
		font-family: Verdana, Arial;
		font-size: 10px;
		background-color: #E6BFB0;
		color: #514389;
		width: 150px;
	}
	
body.menu5 .infobulle{
		position: absolute;	
		visibility : hidden;
		border: 1px solid #91B61F;
		padding: 10px;
		font-family: Verdana, Arial;
		font-size: 10px;
		background-color: #D3E2A5;
		color: #8E292C;
		width: 150px;
	}
	
body.menu6 .infobulle{
		position: absolute;	
		visibility : hidden;
		border: 1px solid #91B61F;
		padding: 10px;
		font-family: Verdana, Arial;
		font-size: 10px;
		background-color: #D3E2A5;
		color: #8E292C;
		width: 150px;
	}
	
/************ IBox *****************/

#ibox_w{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #3898d2;
	margin:0;
	padding:0;
	-moz-opacity: 0.0;
	opacity: 0.0;
}

#ibox_progress {	
	margin:0;padding:0;
	position: absolute;
	z-index:105;
}

#ibox_wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1000;
	padding:10px;
	border:1px solid #CCC;
	width:300px;
	height:300px;
	background-color:black;
	padding-bottom:30px;
	margin:0;
	color:#FFFFFF;
}

#ibox_content {
	background-color:#333333;
	width:100%;
	height:100%;
	margin-bottom:5px;
	position:relative;
	top:0px;
	left:0px;
	border:1px solid #000;
	padding:2px;
}

#ibox_footer_wrapper {
	position:relative;
	padding:0;
	margin:0;
	top:0px;
	left:0px;

}
#ibox_footer_wrapper a {
		color:#FFFFFF;
}
#ibox_footer_wrapper a:hover {
	text-decoration: underline;
}


 ul#etapes {
	list-style: none;
	margin: 0 auto 20px auto;
	padding: 0;
	overflow: hidden;
	width: 720px;
 }
 
 ul#etapes li {
 	display: block;
	float: left;
	list-style: none;
	margin: 0;
	height: 40px;
	width: 150px;
	padding: 0px 15px 0px 15px;
	overflow: hidden;
	background-image: url("/img/backItemEtape.jpg");
	background-repeat: no-repeat;
	background-position: right center;
 }
  ul#etapes li.etapeActive {
  	font-weight: bold;
	background-image: url("/img/backItemEtapeActif.jpg");
  }