﻿@font-face {
    font-family: 'LucidaSansRegular';
    src: url('fonts/lsans-webfont.eot');
    src: url('fonts/lsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lsans-webfont.woff') format('woff'),
         url('fonts/lsans-webfont.ttf') format('truetype'),
         url('fonts/lsans-webfont.svg#LucidaSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	background-color: #285a97;
	 font-family: 'LucidaSansRegular';
	Font-size: 12px;
	color: #000000;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Le wrapper englobe tout le site ne pas mettre de height, celui-ci va s'ajuster*/
.wrapper{
	width:948px;
	margin:auto;
	padding-left:32px;
	background-color:#f5f5f5;
}
.header{
	width:922px;
	position:relative;
}
.header .banner{
	float:left;
}
.header .coords{
	float:left;
	padding-top:10px;
	font-size:13px;
	color:#285a97;
	width:200px;
	position:absolute;
	top:0;
	right:20px;
	line-height:16px;
}
.header .coords span{
	font-size:12px;
	color:#666666;
	display:block;
}
.header .coords a{
	display:block;
	float:left;
	margin-right:3px;
	width:25px;
	height:25px;
}
.header .coords a:hover{
	background-position:bottom left;
}
.header .coords a.mail{
	background:url(images/icon_mail.png) no-repeat top left;
	background-position:top left;
}
.header .coords a.facebook{
	background:url(images/icon_facebook.png) no-repeat top left;
	background-position:top left;
}
.header .coords a.twitter{
	background:url(images/icon_twitter.png) no-repeat top left;
	background-position:top left;
	margin-right:30px;
}
.header .coords a.btn_en{
	background:url(images/btn_en.png) no-repeat top left;
	width:32px;
	height:22px;
	background-position:top left;
	margin-top:2px;
}
.header .coords a.btn_fr{
	background:url(images/btn_fr.png) no-repeat top left;
	width:32px;
	height:22px;
	background-position:top left;
	margin-top:2px;
}
.header .coords a:hover{
	background-position:bottom left;
}
.header #menu{
	width:922px;
	height:38px;	
	float:left;
	background-color:#ede9dc;
	position:relative;
	margin-bottom:12px;
}
.header #menu ul{
	padding:0;
	margin:0;	
	list-style:none;
	float:left;
	height:38px;
}
.header #menu ul.visiteLibre{
	padding:0;
	margin:0;	
	list-style:none;
	height:38px;
	background-color:#285a97;
	width:132px;
	position:absolute;
	top:0;
	right:0;
}
.header #menu ul.visiteLibre li{
	border:none;
	text-align:center;
	color:#f5f5f5;
	width:130px;
}

.header #menu ul.visiteLibre li a{
	color: #f5f5f5;
}

.header #menu ul.visiteLibre li a strong{
	margin: 0;
	padding: 6px 0 2px 0;
	line-height: 12px;
	font-size: 12px;
	display: block;
	
}

.header #menu ul.visiteLibre li a span{
	font-size:9px;
	margin: 0;
	padding: 0;
	display: block;
	line-height: 9px;
}
.header #menu ul li{
	display:inline;
	float:left;
	height:28px;
	border-right:1px solid #d1c6a2;
	margin-top:5px;
	position:relative;
}
/******************* SOUS MENU **********************/
.header #menu ul li ul.submenu{
	position:absolute;
	top:33px;
	left:0;
	background-color:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	z-index:50000;
	height:auto;
	width:98%;
	display:none;
}
.header #menu ul li ul.submenu li{
	color:#000;
	display:block;
	float:left;
	height:auto;
	border-right:none;
	margin-top:0;
	position:static;
	width:100%;
	border-bottom:1px solid #EDE9DD;
}
.header #menu ul li ul.submenu li a{
	display:block;
	padding:6px 10px;
	font-size:13px;
	color:#285a97;
	height:auto;
	margin-top:0px;
	line-height:normal;
	text-decoration:none;
}
.header #menu ul li ul.submenu li a:hover{
	color:#ede9dc;
}

/****************************************************/
.header #menu ul li.dernier{
	border:none;
}
.header #menu ul li a{
	text-align:center;
	font-size:13px;
	color:#285a97;
	padding:0 9px;
	height:38px;
	margin-top:-5px;
	line-height:38px;
	text-decoration:none;
	display:block;
}
.header #menu.english ul li a{
	padding:0 21.2px;	
}
.header #menu ul li a:hover, .header #menu ul li a.current, .header #menu ul.submenu li a.current, .header #menu ul li a.active{
	background-color:#285a97;
	color:#ede9dc;
}
.centre{
	width:922px;
	float:left;
}
.centre .contenu{
	float:left;	
	width:100%;
	padding-bottom:40px;
}
.centre .contenu a{
	color:#000000;
	text-decoration:none;	
}
.centre .contenu a:hover{
	color:#666666;
}
/************************** ACCUEIL *****************************************/
.centre #diaporama{
	float:left;
}
.centre h1.titre{
	margin:10px 0 15px 0;
	padding:0;
	color:#285a97;
	font-weight:bold;
	font-size:16px;
}
.centre h1{
	margin:10px 0;
	padding:0;
	color:#285a97;
	font-weight:bold;
	font-size:13px;
}
.centre .centreTop{
	height:259px;
	background-color:#ede9dc;	
}
.centre .centreBottom{
	height:250px;
	margin-top:15px;	
}
.centre .centreBottom div.blocAccueil{
	float:left;
	width:222px;
	height:224px;
	border-left:1px solid #ede9dc;	
	border-bottom:1px solid #ede9dc;
	padding:5px 15px;	
}
.centre .centreBottom #proprieteVedette{
	width:410px;
	height:224px;
	border-left:none;
	float:left;
	border-bottom:1px solid #ede9dc;
	padding:5px 5px 5px 0;
	position:relative;
}
.centre div.btn_more{
	background-color:#285a97;
	min-width:100px;
	margin-top:10px;
	margin-bottom:20px;
	float:none;
	border:none;
	padding:0;
}
.centre .btn_more a{
	color:#f5f5f5;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	padding:4px 15px;
	display:block;
}
.centre .btn_more a:hover{
	color:#ede9dc;
}
.centre a img.imagebouton{
	border:none;	
}
.centre a img.imagebouton:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	cursor:pointer;	
}
#flashPlayer{
	margin-top:10px;
	margin-bottom:15px;	
}

/****************************************************************************/

/******************* PROPERTY SELECTOR **************************************/
.centre .propertySelector{
	float:left;
	width:293px;
	height:259px;
	/*padding:15px 0 15px 20px;
	width:273px;
	height:229px;*/
}
.centre .centreTop .propertySelector .zoneBoutons{
	width:237px;
	height:180px;
	padding-right:30px;
}
.centre .centreTop .propertySelector .zoneBoutons .boutonSelection{
	background:url(images/bouton_selection.png) no-repeat top left;
	width:214px;
	height:12px;
	margin-bottom:15px;
	padding:14px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#252525;
	text-align:left;
}
.centre .centreTop .propertySelector .zoneBoutons .boutonSelection .zoneClickable{
	width:214px;
	height:12px;
	position:absolute; 
	top:0; 
	left:0;
	z-index:5000;
	padding:14px;
}
.centre .centreTop .propertySelector .zoneBoutons .boutonSelection:hover{
	cursor:pointer;
	background:url(images/bouton_selection_over.png) no-repeat top left;
}
.centre .centreTop .propertySelector .zoneBoutons .dropdownModule{
	position:absolute;
	width:242px;
	top:34px;
	left:-7px;
	z-index:500;
	height:250px;
}
.centre .centreTop .propertySelector .zoneBoutons .dropdownModule .bordure{
	height:1px;
	background-color:#e1e1e1;
	width:250px;
	margin-left:-9px;
}
.centre .centreTop .propertySelector .zoneBoutons .dropdownModule .checkwrapper{
	display:block;
	width:228px;
	height:45px;
	padding:6px 20px 1px 20px;
	line-height:45px;
	background:url(images/dropdown_bgRepeat.png) repeat-y top left;
}
.centre .centreTop .propertySelector .zoneBoutons .dropdownModule .checkwrapper:hover{
	color:#500C0D;
}
.centre .centreTop .propertySelector .zoneBoutons .dropdownModule .dropdown_btn{
	background:url(images/dropdown_btn.png) no-repeat top left;
	width:272px;
	height:38px;
}
.centre .centreTop .propertySelector .zoneBoutons .dropdownModule .dropdown_btn a{
	display:inline;
	float:left;
	padding:8px 15px;
	font-size:10px;
	color:#fff;
	text-decoration:none;
}
.centre .centreTop .propertySelector .zoneBoutons .dropdownModule .dropdown_btn a:hover{
	color:#000;
}

.centre .centreTop .propertySelector .zoneBoutons .boutonSelection.dernier{
	margin-bottom:0;
}
.centre .centreTop .propertySelector .zoneBoutons .texteEntrebtn{
	float:left;
	padding:40px 5px 5px 5px;
	font-weight:bold;
	color:#fff;
}
.centre .centreTop .propertySelector .zoneBoutons .boutonSelection span.minifleche{
	position:absolute;
	bottom:-3px;
	left:15px;
	background:url(../images/bouton_fleche.png) no-repeat top left;
	width:24px;
	height:12px;
	display:block;
	z-index:1000;
}

/*****************************************************************************/

/******************************** EQUIPE ***************************************/

div.courtier{
	width:161px;
	float:left;
	margin:3px 3px 3px 4px;
	text-align:center;
	background-color:#ffffff;
	padding:8px;
	font-size:12px;
	color:#666666;
}	
div.profil_courtier h3{
	text-transform:uppercase;
	margin-bottom:0;	
	color:#000;
}
.centre .contenu.equipe img{
	float:left;
	margin-right:15px;
}
.centre .contenu.equipe .description_courtier{
	float:left;
	border-left:1px solid #ede9dc;
	text-align:justify;
	padding:0 35px 0 15px;
	width:605px;
	line-height:18px;
}

.centre .contenu.equipe .description_courtier h4{
	margin-top:0;
}
.centre .contenu.equipe .description_courtier p span{
	color:#666;
}
.centre .contenu .gauche{
	float:left;	
}
.centre .contenu .droite{
	float:right;
	width:235px;
	padding:20px;
	background-color:#fff;
	border:1px solid #EDE9DD;
}
.centre .contenu .droite h3{
	margin:0;
}
.centre .contenu .droite h4{
	font-weight:normal;
	color:#666;
}
/*****************************************************************************/

/**************************** TÉMOIGNAGES ************************************/

.centre .contenu .temoignage{
	padding:20px;
	background-color:#fff;
	border:1px solid #EDE9DD;
	margin-bottom:25px;
}
.centre .contenu .temoignage h2{
	margin-top:0;
}
.centre .contenu .temoignage span{
	font-style:italic;
}

/******************************************************************************/

/********************* programme_affilies *************************************/

ol.programme_affilies li{
	margin-bottom:35px;	
}
ol.programme_affilies li h3{
	margin-bottom:5px;	
	font-size:14px;
}

/*******************************************************************************/

.footer{
	width:442px;
	height:105px;
	position:relative;
	padding:23px 240px;
	text-align:center;
	color:#666666;
	font-size:10px;
}
.footer .logoDroite{
	position:absolute;
	top:0;
	right:0;	
}
.footer a{
	color:#666666;
	text-decoration:none;		
}
.footer a:hover{
	color:#285A97;	
}

/* Ne pas effacer */
.clearfix{
	clear:both;
}
