body{
	background:url(images/fond.jpg) 0 0 no-repeat #373330;
	font-family:Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
	margin:0;
	padding:0;
}

a:hover{
	text-decoration:none;
}

div#global{
	position:relative;
	width:1002px;
	min-height:725px;
	height:725px;
}

html>body div#global{
	height:auto;
}

/********************************************************* MENU *****************************************/
div#menu{
	position:absolute;
	left:84px;
	top:215px;
	width:714px;
	height:33px;
	float:left;
	margin:0;
	padding:0;
	z-index:90;
}

div#menu a{
	display:inline-block;
	font-size:0.9em;
	text-decoration:none; 
	color:#000; 
	height:22px;
}

div#menu ul{
	height:33px;
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
}

div#menu ul li {
	float:left;
	position:relative;
	display:inline;
	margin:0 0 0 2px;
	padding:0;
}

div#menu ul li.premier{
	margin:0;
}

div#menu ul li a{
	font-weight:normal;
	width:139px;
	background:url(images/bouton_menu_8.png) no-repeat;
	text-align:center;
	color:white;
	padding:11px 0 0 0;
}

html>body div#menu ul li a{
	background:url(images/bouton_menu.png) no-repeat;
}

div#menu ul li.active a{
	background:url(images/bouton_menu_over_8.png) no-repeat;
	color:#008ac7;
}

html>body div#menu ul li.active a{
	background:url(images/bouton_menu_over.png) no-repeat;
}

div#menu ul li a:hover{
	text-decoration:none;
}

div#menu ul li ul{
	width:180px;
	display:block;
	position:absolute;
	top:33px;
	left:-9999px;
	height:auto;
	padding:0;
	margin:0;
}

html>body div#menu ul li ul{
	display:none;
	left:0;
}

div#menu ul li.hover ul{
	left:0;
}

html>body div#menu ul li:hover ul{
	display:block;
}

div#menu ul li ul li{
	margin:0;
	padding:0;
	display:block;
	border:0;
	width:180px;
	background:url(images/sous_menu.jpg) #008ac7 repeat-y;
	clear:both;
}

div#menu ul li ul li a,
div#menu ul li.active ul li a,
div#menu ul li ul li.active a,
div#menu ul li ul li a:visited{
	display:block;
	text-align:left;
	font-weight:normal;
	background:url(images/sous_menu_a.jpg) #008ac7 repeat-y;
	color:white; 
	min-height:15px; 
	height:15px;
	border:0;
	padding:5px 0 5px 8px;
	width:170px;
	margin:0 0 0 1px;
}

html>body div#menu ul li ul li a,
html>body div#menu ul li.active ul li a,
html>body div#menu ul li ul li.active a,
html>body div#menu ul li ul li a:visited{
	height:auto;
}

div#menu ul li ul li a, div#menu ul li ul li a:visited{
	font-size:0.8em;
}

div#menu ul li ul li a:hover{
	color:#b10060;
	text-decoration:none;
	background:white;
}

div#menu ul li ul li.sous_menu_haut{
	height:10px;
	background:url(images/sous_menu_haut_8.png) no-repeat;
	overflow:hidden;
}

html>body div#menu ul li ul li.sous_menu_haut{
	background:url(images/sous_menu_haut.png) no-repeat;
}

div#menu ul li ul li.sous_menu_bas{
	background:url(images/sous_menu_bas_8.png) no-repeat;
	height:15px; 
}

html>body div#menu ul li ul li.sous_menu_bas{
	background:url(images/sous_menu_bas.png) no-repeat;
	height:7px; 
}


/********************************************************* GAUCHE *****************************************/

div#gauche{
	height:450px;
	min-height:450px;
	width:714px;
	float:left;
	margin:260px 0 0 37px;
}

html>body div#gauche{
	height:auto;
	margin:260px 0 0 73px;
}


/************************** contenu ********************/
div#contenu{
	background:url(images/contenu.jpg) repeat-y;
	height:470px;
	min-height:470px;
	width:660px;
	margin:0 0 0 5px;
	padding:0 12px 0 12px;
	float:left;
}

html>body div#contenu{
	width:680px;
	height:auto;
	margin:0 0 0 11px;
}



div#contenu-bas{
	background:url(images/contenu-bas.jpg) no-repeat;
	width:715px;
	float:left;
	height:25px;
	margin:-20px 0 0 -1px;
}

html>body div#contenu-bas{
	margin:0;
}

h1{
	font-size:1.2em;
	color:#b10060;
	text-transform:uppercase;
	width:100%;
	text-align:left;
	border-bottom:1px dashed #b10060;
}

h2{
	font-size:1em;
	color:#008ac7;
}

p{
	color:#373330;
	font-size:1em;
	text-align:justify;
}

div#criteres{
	min-height:549px;
	width:250px;
	float:left;
}

/******* Cadres **********/

div.cadre{
	margin:0;
	width:242px;
}

div.cadre_titre{
	background:url(images/fond_titre.jpg) no-repeat;
	height:42px;
	padding-top:8px;
	margin:0;
}

div.cadre_titre img{
margin:0 0 0 30px;
float:left;
}

div.cadre_titre span{
font-size:1.8em;
color:white;
}

div.cadre_contenu{
background:url(images/fond_cadre.jpg) repeat-y;
min-height:30px;
height:30px;
padding:5px 17px 0 17px;
}

html>body div.cadre_contenu{
height:auto;
}

div.cadre_bas{
background:url(images/cadre_bas.jpg) no-repeat;
margin:0;
height:16px;
}

div.cadre p{
color:black;
text-align:left;
margin:7px 0 7px 0;
}

div.cadre fieldset{
border:1px solid #128ac8;
margin:10px 0 0 0;
padding:0 0 0 10px;
}

div.cadre legend{
font-size:1.2em;
color:#128ac8;
font-weight:bold;
}

div.cadre p.savoir{
text-align:right;
}

/****************************** LOCATION ***********************/

div#cadre-contact{
background:url(images/cadre-contact.jpg) no-repeat;
height:97px;
padding:15px 0 0 16px;
margin:0;
}

div#cadre-contact img{
float:left;
clear:both;
}

div#cadre-contact a{
font-size:1.2em;
margin:7px 0 0 5px;
float:left;
color:#128ccb;
}

div#offres{
float:left;
margin:14px 0 0 0;
}

div.loc{
width:420px;
clear:both;
}

div.loc p{
text-align:justify;
width:250px;
float:left;
}

a#retour{
float:right;
cursor:pointer;
}

div.loc .savoirplus{
float:right;
font-size:0.8em;
text-align:center;
border:0;
}

div.loc a{
margin:0;
cursor:pointer;
}

div.loc p,img.sep-loc{
margin:10px 0 10px 0;
}

h4.offres{
color:#128ccb;
margin:0;
font-size:1.2em;
}

div.visuel{
float:left;
width:150px;
height:120px;
min-height:120px;
margin:10px 10px 10px 0;
}

html>body div.visuel{
height:auto;
}

div.visuel img{
border:1px solid #128ccb;
}


/*********************************************************** DROITE *****************************/

div#droite{
	margin:30px 0 0 5px;
	width:203px;
	float:left;
}

html>body div#droite{
	margin:30px 0 0 10px;
}

/************** Recherche **********/

div#recherche{
	position:relative;
	height:40px;
	width:203px;
}

div.btn input{
	border:none;
}

div.champ{
	background:url(images/fond_recherche_8.png) no-repeat;
	height:39px;
	width:162px;
	margin:0;
	float:left;
}

html>body div.champ{
	background:url(images/fond_recherche.png) no-repeat;
}

div.champ input{
	margin:11px 0 0 10px;
	background-color:#373330;
	border:none;
}

div.champ input.text{
	color:#FFFFFF;
	font-style:italic;
}

div.champ input:focus{
	color:#FFFFFF;
	font-style:normal;
}

div.btn{
	float:left;
	margin:0 0 0 2px;
}

#btn-envoyer{
width:38px;
height:39px;
margin:0 0 0 -2px;
background:url(images/bouton_envoyer_8.png) no-repeat;
}

html>body #btn-envoyer{
background:url(images/bouton_envoyer.png) no-repeat;
}

div#telephone{
width:198px;
height:71px;
background:url(images/fond_tel_8.png) no-repeat;
margin:7px 0 0 0;
}

html>body div#telephone{
background:url(images/fond_tel.png) no-repeat;
}

div#telephone span{
display:block;
float:left;
color:white;
font-size:1.3em;
font-weight:bold;
margin:24px 0 0 25px;
}

html>body div#telephone span{
margin:24px 0 0 51px;
}

/************** Portlets **********/

div.portlet_droite{
	width:198px;
	margin:7px 0 0 0;
	clear:both;
}

div.portlet_droite_haut{
	background:url(images/portlet_droite_haut_8.png) no-repeat;
	height:46px;
	margin:0;
	padding:0;
	overflow:hidden;
}

html>body div.portlet_droite_haut{
	background:url(images/portlet_droite_haut.png) no-repeat;
}

div.portlet_droite_haut span{
	color:#FFFFFF;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	font-size:1.1em;
	float:left;
	width:100%;
	margin:18px 0 0 0;
}

div.portlet_droite_contenu{
	background:url(images/portlet_droite_contenu_8.png) repeat-y;
	height:50px;
	min-height:50px;
	margin:0;
	padding:0 20px 0 15px;
	width:167px;
}

html>body div.portlet_droite_contenu{
	height:auto;
	background:url(images/portlet_droite_contenu.png) repeat-y;
}

div.portlet_droite_contenu span, div.portlet_droite_contenu p{
	width:100%;
	color:#FFFFFF;
	text-align:justify;
	margin:10px 0 0 0;
	font-size:0.8em;
}

div.portlet_droite_contenu a{
	color:#FFFFFF;
}

div.portlet_droite_bas,
div#portlet_droite_bas_images{
	background:url(images/portlet_droite_bas_8.png) no-repeat;
	height:40px;
	margin:0;
	padding:0;
}

html>body div.portlet_droite_bas,
html>body div#portlet_droite_bas_images{
	background:url(images/portlet_droite_bas.png) no-repeat;
}

div#portlet_droite_contenu_images{
	background:url(images/portlet_droite_contenu_images_8.png) repeat-y;
	height:116px;
}

html>body div#portlet_droite_contenu_images{
	background:url(images/portlet_droite_contenu_images.png) repeat-y;
}

div#portlet_droite_contenu_images a{
	display:block;
	width:100%;
	height:100%;
}

div#portlet_droite_bas_images{
	background:url(images/portlet_droite_bas_images_8.png) no-repeat;
}

html>body div#portlet_droite_bas_images{
	background:url(images/portlet_droite_bas_images.png) no-repeat;
}

p#saiemb_logement{
	text-align:center;
}

div.portlet_droite p{
color:white;
text-align:left;
padding:7px 0 7px 0;
margin:0;
}


div.portlet_droite p.savoir{
text-align:right;
}

div.actualite{
width:100%;
border-bottom:1px solid white;
margin:0 0 0 0;
}


/****************************** Fil d'ariane *************************/

span.B_crumbBox{
	display:block;
	width:680px;
	padding:10px 0 0 0;
	border-top:1px dashed #b10060;
	color:#b10060;
}

span.B_crumbBox a{
	color:#b10060;
}

span.B_crumbBox a:hover{
	color:#008ac7;
}

/****************************** FOOTER *************************/

p#footer{
	display:block;
	margin:10px 0 20px 20px;
	font-size:10px;
	height:50px;
}

html>body p#footer{
	margin:0 0 0 40px;
}

p#footer, p#footer a{
	color:#FFFFFF;
}



/***** Formulaires ********/

div#coordonnees{
	float:right;
	width:200px;
	border:1px solid #008ac8;
	background:#d9eef7;
	padding:0 10px 0 10px;
	font-size:1.2em;
	font-weight:bold;
}

div#coordonnees p{
	font-size:0.8em;
}

p.error{
	display:block;
	width:60%;
	padding:10px;
	border:1px dashed #b10060;
	background:#f3d9e7;
}

p.error span{
	color:#b10060;
}

input,textarea{
	border:1px solid #008ac8;
}

.required{
	border:1px dashed #b10060;
}


/***** DOCUMENTS *****/

div#contenu table#documents{
	width:100%;
}

div#contenu table#documents td.type{
	width:50px;
}

div#contenu table#documents td{
	border-bottom:1px dashed #b10060;
}

div#contenu table#documents td.derder{
	border:0;
}

.bot{
clear:both;
}

a{
	color:#b10060;
}

a:hover{
	text-decoration:none;
}

.noborder{
	border:0;
}