body{
	/*background-color: #F9FBF6;*/
	background-color: #FFFFFF;
	text-align:center;
	font-size:12px;
	font-family:verdana,arial,sans-serif;
	margin: 10px;
}

.site {
	width: 958px;
	margin: 0px auto;
	text-align:left;
	color: #584f68;
}
.site a{
	color: #584f68;
}
.site a.blanc{
	color: #FFFFFF;
}
.clear-all{
	clear : both;
}
hr.clear-all{
	height: 0px;
	font-size: 0px;
	clear : both;
	overflow: hidden;
	visibility: hidden;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
h1{font-size:1.3em;}
h2{
	color: #f15a40;
	margin:0 0 5px;
	font-size:1.2em;
}
/*h2{
	color: #f15a40;
	text-transform:uppercase;
	margin:0 0 5px;
	font-size:1.5em;
}*/
h3{font-size:1.1em;}
p{line-height: 1.5em;margin:0 0 10px;}
p.right{text-align:right;}
.center{text-align:center;}
img.right{float:right; margin-left: 5px;}
img.left{float:left; margin-right: 5px;}
img{ border: 0px;}

.bouton{
	background:transparent url(images/bg-bouton.gif) no-repeat scroll right top;
	color:#FFFFFF !important;
	display:block;
	float:left;
	font-weight:bold;
	text-decoration:none;
	width:auto;
}
.bouton span{
	background:transparent url(images/bg-bouton.gif) no-repeat scroll left -42px;
	display:block;
	line-height:26px;
	padding:0 29px 0 8px;
	width:auto;
}
/** Header **/
#header{
	background-color: #584f68;
	/*background: #584f68 url('images/fleche.gif') no-repeat 570px 0;*/
	height:142px;
	position: relative;
	margin-bottom:10px;
	z-index: 10;
}

#header h1{
	background:transparent url(images/logo-safilaf.gif) no-repeat scroll 0 0;
	height:111px;
	margin:0 0 0 52px;
	padding:0;
	width:181px;
}

#header h1 a{
	display: block;
	width:181px;
	height:111px;
	text-indent: -4000px;
}
#header h2{
	display: none;
}
#header #menu{
	background-color: #f15a40;
	height: 31px;
	
}
#header #menu ul{
	margin: 0px;
	padding: 0px;
	margin-left: 28px;
}
#header #menu ul li{
	float: left;
	line-height:31px;
	list-style-type: none;
	position: relative;
}
#header #menu ul li.avec-separateur{
	background: url('images/menu-separator.gif') no-repeat top right;
}
#header #menu ul li a{
	color:#fff;
	text-decoration: none;
	margin:0 10px;
	padding: 4px;
}
#header #menu ul li a:hover, #header ul li a.activ{
	background-color: #F3735C;
}
/* sou menu */
#header #menu .sub-nav{
	position: absolute;
	width:460px;
	border-top: 4px solid #333;	
	border-right:1px solid #efefef;
	border-bottom:1px solid #efefef;
	border-left:1px solid #efefef;	
	background-color:#EEEDEF;
	display: none;
	
	top: 31px;
	left: 0px;
}
#header #menu .sub-nav-list{
	float:left;
	margin:0;
	padding:5px;
	width:220px;
}
#header #menu .sub-nav-list li{
	width: 100%;
}
#header #menu .sub-nav-list-item{
	margin: 5px;
	height: 45px;
}
#header #menu .sub-nav-list-item a{
	color: #333;
	text-decoration: none;
	font-size: 0.8em;
	line-height: 1.9em;
	margin:0;
}
#header #menu .sub-nav-list-item a:hover{
	background-color: transparent;
}
#header #menu .sub-nav-list-item strong{
	font-weight: bold;
}
#header #menu .sub-nav-list-item-hover{
	background-color: #D5D5D5;
}
#header #menu .sub-nav-list .sub-nav-img{
	float: left;
	width: 35px;
	height: 35px;
	overflow: hidden;
	margin: 5px 5px 0 0;
	text-align: center;
}

/* -- */
#header .alerte-mail{
	color:#584F68;
	display:block;
	float:right;
	font-weight:bold;
	line-height:31px;
	margin-right:8px;
	text-decoration:none;
}
/** Accueil **/

.content-accueil big{
	color:#584f68;
	font-size: 1.5em;
}
.accueil-left{
	width: 437px;
	float:left;
	margin-right:5px;
}
.accueil-right{
	width:283px;
	float:left;
	
}

/* ----------- */

.nous_contacter{
	width: 163px;
	height: 28px;
	margin: 10px 0 0 30px;
}
.nous_contacter a{
	background: url('images/bouton-contact.gif') no-repeat 0 0;
	display:block;
	width: 163px;
	height: 28px;
	text-indent: -4000px;	
}
 .nous_contacter a:hover{
	background-position: 0 -50px;
}

#programmes-en-cours .border{
	border:1px solid #6f6a81;
	color:#CAC8C8;
	margin-top:10px;
	padding:10px 0px;
	background-color: #FFFFFF;
}
#programmes-en-cours .bouton{
	float:right;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#programmes-en-cours a{text-decoration : none;}
/** Content Block **/
#content-safilaf{
	background:#FFFFFF url('images/bck-safilaf-content.jpg') no-repeat left bottom;
	border: 1px solid #69637b;
}
#content-logement{
	background:#FFFFFF url('images/bck-logement-content.jpg') no-repeat left bottom;
	border: 1px solid #69637b;
}
#content-contact{
	background:#FFFFFF url('images/maison_contact.jpg') no-repeat left bottom;
	border: 1px solid #69637b;
}
.large-padding{ padding:20px 50px;}
.middle-padding{ padding:20px 40px;}
.petit-padding{ padding:20px 8px;}
.right-padding{padding:0 10px 0 0;}

/** Attention left = right **/
#left-content, #left-content-bck{
	width:507px;
	float: right;
}
#right-content, #right-content-bck{
	width:218px;
	float: left;
}
#right-content-bck{
	height: 391px;
	/*background: #d5d3d9 url('images/bck-safilaf-left.jpg') no-repeat 0 0;*/
}

#left-content-bck{
	/*background-color:#8a8395;*/
	color: #8E8998;;
}
#right-content-bck ul{
	list-style-type: none;
	font-size:16px;
	padding:0 0 0 10px;
}
#right-content-bck ul li{
	margin: 0px 0 10px 0px;
}
#right-content-bck ul li a{
	background: url('images/bck-bloc-programme.gif') no-repeat 0 0;
	display: block;
	color: #584f68;
	padding:5px 5px 5px 25px;
	text-decoration: none;
	border-bottom: 1px dashed #8e8898;
}
#right-content-bck ul li a:hover, #right-content-bck ul li a.activ{
	background-position: 0 -80px;
	color: #fff;
}


#left-content-bck ul{
	margin: 0px 0 0px 0px;
	padding:0 0 10px 25px;
}
#left-content-bck ul li{
	margin: 0px 0 0px 0px;
}

.content-left{
	float:left;
	width: 725px;
	margin-top:0px;
}
.content-left.margin-top{
	margin-top:25px;
}
.content-right{
	float:right;
	width: 220px;
}

/** List Bien **/
.list-bien{
	float:left;
	margin-bottom:10px;
	padding-top:0;
	width:162px;
}
.list-bien-margin{
	margin-right:10px;
}
.list-bien h3, .list-bien-margin h3, .list-bien p, .list-bien-margin p{
	margin: 0;
}
.list-bien a{
	color: #584F68;
	text-decoration: none;
}
.img-list-bien{
	height:106px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background-color:#000000;
}
.img-list-bien span{
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: #F15A40;
}
.img-list-bien a{
	color: #fff;
	text-transform:uppercase;
}
.text-list-bien{
	border:1px solid #000000;
	height:80px;
	padding:3px;
}
.text-list-bien .petit{font-size:0.8em;
line-height:0.8em;}
.img-fiche-bien{
	background: url('images/ajax-loader-fiche.gif') no-repeat center center;
	position: relative;
	height:347px;
	overflow: hidden;
	text-align: center;
	z-index: 1;
}
.img-fiche-bien p{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	height: 45px;
	line-height: 45px;
	text-align: left;
}
.img-fiche-bien p a{
	text-decoration: none;
	padding:0 5px;
	color: #fff;
	font-weight: bold;
}
.img-fiche-bien p a.activ, .img-fiche-bien p a:hover{
	color: #FAA627;
}
.img-fiche-bien p a span{
	padding: 10px;
	background:transparent url('images/bg_overlay.png') repeat scroll 0pt;
}

#commercialisation{
	padding: 0;
}

#commercialisation h4, .fiche_appart h4{
	margin:0;
	line-height:30px;
}
.agence{
	float:left;
	width:169px;
}
.fiche_appart{
	background-color:#ada9b4;
	color: #fff;
	padding: 0 5px;
}
.fiche_appart ul{
	border-top: 1px dashed #fff;
	list-style-type: none;
	padding: 5px 0;
	margin:0;
}
.fiche_appart ul li{
	line-height: 27px;
	border-bottom: 1px dashed #fff;
}
.fiche_appart ul li a{
	background: url('images/pdf.gif') no-repeat 0 0;
	text-indent: -4000px;
	display: block;
	width: 30px;
	line-height: 27px;
	float:right;
	padding:0pt;
}
/** Formulaire **/
#formulaire-contact{
	margin: 0;
	padding: 0px;
}
#formulaire-contact form label{
	display: block;
	/*float: left;
	width: 140px; */
	line-height: 20px;
}
#alert form fieldset{
	border: 1px solid #71697F;
	margin: 10px 0;
}
#alert form p{
	margin: 6px 0px;
}
#alert form legend{
	background-color: #584F68;
	color: #fff;
}
#alert form label{
	display: block;
	line-height: 20px;
	color: #584F68;
	font-weight:bold;
}

#form_erreur, #form_confirmation{
	padding: 5px;
	border: 3px solid #fff;
	font-weight: bold;
	color: #fff;
}
#form_erreur{
	background-color: #c14444;	
}
#form_confirmation{
	background-color: #A9BE05;
}

/** 3 bloc Info **/
#info-safilaf, #info-pratique, #info-reference{
	width: 280px;
	height: 117px;
	background-color: red;
	margin-top: 10px;
}
#info-safilaf ul, #info-pratique ul, #info-reference ul{
	margin: 0px;
	padding: 0px 115px 0px 25px;
	text-align: left;
	list-style-type: none;
}
#info-safilaf ul li a, #info-pratique ul li a, #info-reference ul li a{
	color: #fff;
	text-decoration: none;
	display:block;
	padding: 5px 10px;
}
#info-safilaf ul li a:hover, #info-reference ul li a:hover{
	background-color: #71697f;
}
#info-pratique ul li a:hover{
	background-color: #f3735c;
}
#info-safilaf h2, #info-pratique h2, #info-reference h2{
	display: none;
}
#info-safilaf, #info-pratique{
	float:left;
	margin-right:14px;
}
#info-safilaf{
	background: url('images/bck-infos-safilaf.gif') no-repeat 0 0;
}
#info-pratique{
	background: url('images/bck-pratiques.gif') no-repeat 0 0;
}
#info-reference{
	background: url('images/bck-references.gif') no-repeat 0 0;
	float:right;
}
.partenaire h2.titre-partenaire{
	color:#584F68;
	border-top:1px solid;
}
.partenaire h3{
	display: inline;
	color:#F15A40;
}
#references a.titre{
	margin: 5px 0;
	display: block;
	background-color:#D5D3D9;
	color: #584F68;
	text-decoration: none;
}

/*********************
	Sous blocs
**********************/
.bloc1{
	color:#e65a48;
	margin-top:10px;
}
.bloc1 a{
	color:#e65a48;
	/*text-decoration: none;*/
}
.bloc1 .gros {
	bottom:4px;
	color:#594D64;
	font-size:1.1em;
	font-weight:bold;
	left:0;
	margin:0;
	position:absolute;
	text-transform:uppercase;
	width:100%;
}
.bloc1 .gros a{
	color:#594D64;
	text-decoration:none;
}
.bloc1 b{font-size: 1.1em;}
.bloc1 h2{
	margin:0 0 5px;
}
.bloc1 h3{
	margin:0px 0px 10px 0px;
}


.bloc1 .col{
	width: 311px;
	margin-right: 12px;
	float:left;
	position:relative;
}
.bloc1 .last{
	margin-right: 0px !important;
	
}
.bloc1 .border{
	border : 1px solid #584c62;
	padding: 5px 10px;
	height:140px;
}

/** bloc2 **/
.bloc2{
	color:#cac8c8;
	margin-top:10px;
	border: 1px solid #a9a8a8;
	padding: 10px;
	background-color: #FFFFFF;
}
.bloc2 a{
	color:#cac8c8;
	/*text-decoration: none;*/
}
.bloc2 h2{
	color:#afaeae;
	text-transform: uppercase;
	border-bottom : 1px solid;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 10px 0px;
	font-size:1.2em;
}
.bloc2 ul{margin: 0px;}
.bloc2 .col1{
	float: left;
	width: 164px;
	margin-right:50px;
}
.bloc2 .col2{
	float: left;
	width: 508px;
	margin-right:50px;
}
.bloc2 .col2 .col1{
	width: 249px;
	margin-right:10px;
}
.bloc2 .last{
	margin-right: 0px !important;
	
}
/** **/
#tempologis{
	margin-top: 10px;
}
.note, #bottom, #bottom a{
	color: #bebebe;
	color: 0.8em;
}

#bottom {
	margin-top: 5px;
	border-top: 1px solid #bebebe;
	text-align:right;
}
#bottom a{
	text-decoration:none;
}



.lienretour
{
text-decoration:none;
text-align:right;
}

.lienretour a {
text-decoration:none;
}

/*****************
	Actus
******************/
#actus{
	background-color: #fceeec;
	padding: 5px;
	color:#584f68;
	zoom: 1;
	
}
#actus .img-actu{
	text-align: center;
	height: 73px;
	overflow : hidden;
}
#actus h3{
	
	color: #e65a48;
	/*float:left;*/
	margin:0;
	font-size:1em;

}
#actus h3, #actus p{line-height: 1em;}
#actus ul{
	list-style-type : none;
	margin:0;
	padding:5px 0 5px 18px;
}
#actus ul li{
	margin-bottom: 10px;
}
#actus a{
	color: #848384;
	font-size: 11px;
}
#actus em{
	font-size: 11px;
}
#actus img{margin: 0px 0px 10px 0px;}
#actus .bouton{
	width: 100%;
}
#actus .bouton span{
	background-position:0 -86px;
}
#nos-actus{
	background-color: #fceeec;
	padding: 5px;
	color:#584f68;
	zoom: 1;
	
}
#nos-actus h3{margin: 0px;}
#nos-actus ul{
	list-style-type : none;
}
#nos-actus ul li{
	margin-bottom: 10px;
}
#nos-actus a{
	color: #848384;
	font-size: 11px;
}
.lien-doc-actu{
	background:url("images/download.png") no-repeat scroll 0 0 transparent;
	padding:0 0 2px 21px;
}

