@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/fond.png) repeat-x #BDE4F5;
	margin:0;
	font-family: "Trebuchet MS", Arial;
}
#conteneur{
	width:950px;
	margin:auto;
	position:relative;
	background:#fff;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
}
a:hover{
	text-decoration:none;}
#conteneur h1{
	clear:both;
	width:auto;
	height:55px;
	background:url(../images/flecheH1.png) no-repeat #013E7D 10px 25px;
	margin:auto;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height:60px;
	padding-left:25px;
	margin:0;
	
}
#header{
	width:950px;
	height:135px;
	background:url(../images/header.png) no-repeat #013E7D;
	margin:0;
}


#menutop{
	position:absolute;
	right:0;
	top:0;
	height:33px;
	white-space:nowrap;
}
#menutop select{
	font-size: 11px;
	padding:3px;
}
#menutop ul{
	margin:0;
	padding:0;
}
#menutop li{
	float:left;
	font-size: 11px;
	font-weight: normal;
	border-left:1px solid #638DB5;
	list-style-type:none;
	padding:10px 15px 0 5px;
	color:#FFFFFF;
}
#menutop li a{
	color:#FFFFFF;
	text-decoration:none;
}
#menutop li a:hover{
	color:#A2ECFF;
}

.agenceFR{
	position:absolute;
	left:280px;
	width:114px;
	text-align:center;
	top:100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.transactionFR{
	position:absolute;
	left:396px;
	width:121px;
	text-align:center;
	top:100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.locationsFR{
	position:absolute;
	left:518px;
	width:110px;
	text-align:center;
	top:100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.programmeFR{
	position:absolute;
	left:630px;
	width:160px;
	text-align:center;
	top:100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.proposerFR{
	position:absolute;
	left:793px;
	width:157px;
	text-align:center;
	top:100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}



.agenceFR a, .transactionFR a , .locationsFR a , .programmeFR a , .proposerFR a{
	color:#FFFFFF;
	text-decoration:none;
} 

.agenceFR a:hover, .transactionFR a:hover, .locationsFR a:hover, .programmeFR a:hover, .proposerFR a:hover{
	color: #FFCC00;
	text-decoration:none;} 


#logo{
	width:264px;
	height:156px;
	position:absolute;
	top:0;
	left:17px;
	z-index:3;
}	
	
#langue{
	position:absolute;
	right:0;
	top:0;
}
#animation{
	width:950px;
	height:220px;
	position:absolute;
	z-index:1;
	top:114px;
	left:0;
}
#ChampRecherche{
	clear:both;
	background:url(../images/fond_recherche.jpg) repeat-x; 
	width:auto;
	position:relative;
	height:127px;
	border-bottom:7px solid #346598;
	border-top:1px dashed #608DB4;
}
#ChampRecherche form{
	padding:10px;
}
#ChampRecherche td{
	font-size: 13px;
	padding: 0 5px;
}

#ChampRecherche input{
	background:url(../images/fond_input_search.png) no-repeat;
	padding:6px;
	width:180px;
	border:none;
}

#lancerRecherche{
	background:url(../images/fond_lancer_recherche.png);
	width:288px;
	height:98px;
	line-height:80px;
	text-indent:100px;
	font-size: 14px;
	font-weight: bold;
	color: #00427F;
	position:absolute;
	left: 659px;
	top: 20px;
}
#lancerRecherche a{
	color: #00427F;
	text-decoration:none;
}
#lancerRecherche a:hover{
	color: #000;
	text-decoration:none;
}
#BlocGauche{
	width:677px;
	padding:10px;
	float:left;
	background:url(../images/background-page.png) no-repeat right top;
	
}
#BlocGauche p{
	font-size: 13px;
	
}
#BlocGauche h2{
	font-size: 28px;
	margin:10px 0 10px 0;
	color:#97DAF6;
	border-bottom:1px solid #FFCC00;
	margin-right:20px;
	
}
#vousetesici{
	clear:both;
	height:35px;
	line-height:35px;
	font-size: 12px;
	font-style: italic;
	color: #666666;
	background:url(../images/vousetesici.png) no-repeat;
	width:auto;
	padding-left:10px;
}
#vousetesici a{
	color: #666666;
}
.barreNumbers{
	background:url(../images/barre-numbers.png) no-repeat;
	width:647px;
	height:48px;
	padding:7px 10px 0 10px;
	margin:10px 0 0 0;
	font-size: 14px;
	position:relative;
}
#tri{
	position:absolute;
	right:25px;
	top:4px;
	font-size: 11px;
	font-style: italic;
	color: #666666;
}
#tri select{
	border:1px solid #ccc;
	font-size: 12px;
	color: #333333;
	padding:3px;
}
.barreNumbers a{
	color: #333333;
}
.barreNumbers .current{
	font-weight: bold;
}

#current, #current a{
	color:#FFCC00;}

.blocAnnonce{
	background:url(../images/CadreBlocAnnonce.png) no-repeat;
	margin:10px 0 10px 0;
	padding:10px;
	height:167px;
	width:647px;
}
.blocAnnonce td{
	padding-right:10px;
	vertical-align:top;
}
.blocAnnonceimg{
	background:url(../images/fond_image_Blocannonce.png) no-repeat;
	width:162px;
	height:130px;
	margin:auto;
	font-size: 13px;
}
.blocAnnonce td img{
	width:151px;
	height:114px;
	margin:auto;
	padding:4px 0 10px 5px;
        border:none;
}














.blocAnnonceDetail{
	margin:0 0 10px 0;
	padding:10px;
	width:647px;
}
.blocAnnonceDetail td{
	padding-right:10px;
	padding-bottom:10px;
	vertical-align:top;
}
.blocAnnonceimgDetail{

	margin:auto;
	font-size: 13px;
}

.blocAnnonceimgDetail{
	margin:auto;
	font-size: 13px;
}
.blocAnnonceimgDetail img{
	width:430px !important;
	height:345px !important;
	border:3px solid #ccc;
}
#vignettedetail{
margin:0;}

#vignettedetail ul{
margin:0;
padding:0;
}
#vignettedetail li{
	list-style-type:none;
	display:inline;
	float:left;
	margin:0 10px 8px 0;
}
#vignettedetail li img{
	width:77px;
	height:57px;
	border:2px solid #ccc;
}

.typeannonce{
	font-size: 13px;
	}
.prixannonce{
	color:#00407E !important;
	font-size: 28px !important;
}
.prixannonce span{
	color:#000!important;
	font-size: 11px!important;
}
.villeannonce{
	font-size: 19px!important;
	text-transform: uppercase!important;
	color: #666666!important;
	}
.Texteannonce{
	font-size: 13px;
	color: #000000;
	}
.Voirdetailsannonce{
	background:url(../images/voirdetails.png) no-repeat 0 2px;
	font-size: 13px;
	color: #00407E;
	padding-left:14px;
	text-transform: uppercase;
	font-weight: bold;
	clear:both;
	margin:10px 0 0 0;
}
.Voirdetailsannonce a{
	color: #00407E;
	text-decoration:none;
}
.Voirdetailsannonce a:hover{
	text-decoration:underline;
}

#presentation{
	float:left;
	width:560px;
	position:relative;
}
#presentation h2{
	margin:5px 0 0 10px;
	font-size: 16px;
	font-weight: bold;
}
#presentation img{
	border:4px solid #E0E0E0;
	margin:5px 0 5px 0;
	float:left;
	
}
#presentation p{
	float:left;
	margin:5px 0 0 0;
	font-size: 12px;
	background:url(../images/fond_p_homepage.jpg) no-repeat;
	width:290px;
	padding:10px 0 0 10px;
}
#newsletter{
	clear:both;
	width:220px;
	height:70px;
	margin:10px 0 0 5px;	
	font-size: 13px;}
#newsletter img{
	border:none !important;
	padding-top:3px !important;
}

#newsletter input.newslettermail{
	background:url(../images/fond_input_search.png) no-repeat;
	padding:6px;
	width:180px;
	border:none;
	margin-top:5px;

}

.coupdecoeur{
	width:240px;
	margin:0;

}

.coupdecoeur h3{
	background:#7DAFB6;
	height:38px;
	margin-bottom:10px;
	line-height:38px;
	text-align:left;
	padding-left:10px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	
}
.coupdecoeur p{
	font-size: 11px;
	margin:5px;
}

.coupdecoeur p a{
	color:#000000;
	text-decoration:none;
}
.coupdecoeur p a:hover{
	color:#000000;
	text-decoration:underline;
}	

.coupdecoeur img{
	max-width:162px;
	clear:both;
	border:5px solid #ccc;
	max-height:124px;
}

.VousVoulezVendre{
	background:url(../images/fond-VousVoulezVendre2.png) no-repeat;
	font-size: 16px;
	font-weight: normal;
	width:192px;
	height:43px;
	line-height:43px;
	padding-left:48px;
	margin-top:15px;

	
}
.VousVoulezVendre a{
	color:#000000;
	text-decoration:none;
	
}
.VousVoulezVendre a:hover{
	color:#000000;
	text-decoration:underline !important;
	
}
.sep1{
	position:absolute;
	left: 229px;
	top: 159px;
	width:329px;
	clear:both;
	background:url(../images/sep.png) no-repeat;
	height:16px;
}

#footer{
	width:auto;
	border-top:1px dashed #fff;
	background:#E0E0E0;
	clear:both;
	font-size: 12px;
	margin:0;
	padding:7px;
	position:relative;
	color:#666666;
}
#footer .logo{
	position:absolute;
	right:5px;
	top:5px;
}

#footer a{
	color:#666666;
}

#footer ul{
	float:left;
	margin:0;
	padding:10px 10px 0 10px;
	border-right:1px solid #CCCCCC;
}
#footer li{
	list-style-type:none;
	clear:both;
}

#blocDroite{
	float:left;
	width:240px;}
	
#textedescriptif{
	float:left;
	width:425px;
	padding-right:10px;
	border-right:1px solid #ccc;
	font-size: 13px;
}

#outilsAnnonce{
	float:left;
	margin-left:10px;
}
#outilsAnnonce ul{
	padding:0;
	margin:0;
}
#outilsAnnonce li{
	list-style-type:none;
	clear:both;
	font-size: 11px;
	color: #666666;
	margin-bottom:7px;
	border-bottom:1px dashed #ccc;
}
#outilsAnnonce li a{
	text-decoration:none;
	color: #666666;	
}
#outilsAnnonce li a:hover{
	text-decoration:none;
	color: #000;	
}
.partager{
	background:url(../images/icon-envoyerAmi.png) 0 2px no-repeat;
	padding-left:19px;}
.print{
	background:url(../images/icon-print.png)  no-repeat;
	padding-left:19px;}
.favoris{
	background: url(../images/icon-ajouterFav.png) 0 2px no-repeat;
	padding-left:19px;}


#bloccontactannonce{
	background:url(../images/fond-ContacAnnonce.png) no-repeat;
	width:636px;
	height:342px;
	padding:10px;
	clear:both;
	margin-top:15px;
	position:relative;
}
#partelephone{
	position:absolute;
	top:35px;
	left:10px;
	font-size: 18px;
	width: 146px;
}
#parformulaire{
	position:absolute;
	top:45px;
	right:10px;
	width:300px;
}
#Contactformulaire{
	width:280px;
}
#Contactformulaire td{
	padding:0 10px 5px 0;
}
#parformulaire input, #Contactformulaire input{
	background:url(../images/fond_champ-form.png) no-repeat;
	border:1px solid #8FBBD4;
	font-size: 11px;
	color: #000000;
	padding:6px;
	margin:8px 0 0 0;
}
#parformulaire textarea, #Contactformulaire textarea{
	background:url(../images/fond_champ-message.png) no-repeat;
	border:1px solid #8FBBD4;
	font-size: 11px;
	color: #000000;
	padding:6px;
	margin:8px 0 0 0;
}

#envoyer{
	
	
	text-align:center;
	width:170px;
	
	
	margin:10px 0 0 0;
	white-space:nowrap;
       
}
#envoyer input{
	background:#FFCC00;
        padding:4px 10px 4px 10px;
	display:block;
        border:0px!important;
	color:#000000;
	text-decoration:none;
        text-transform: uppercase;
        font-size: 11px;
	font-weight: bold;
}
#envoyer input:hover{
     cursor:pointer;
	background:#7DAFB6;
	display:block;
}

#proposer{
	margin:0;
	font-size: 14px;
}
#proposer td{
	padding:5px 10px  5px 0;}
	
.fondCalculette{
	background:url(../images/fond_calculette.png) no-repeat;
	height:262px;
}
.fondCalculette h3{
	font-size: 16px;
	font-style: italic;
	background: #F2F2F2;
	height:30px;
	line-height:30px;
	padding-left:5px;
	width:95%;
	margin-bottom:5px;
}
#formcalculette{
	clear:both;}
#formcalculette table{
	margin:5px;
	width:640px;}
#formcalculette td{
	padding-right:9px;
	padding-left:7px;
	padding-bottom:5px;
	font-size: 12px;
	}
#formcalculette td span{
	font-size: 12px;
	font-style: italic;
	}


.partenairePage{
	margin:0;}
.partenairePage table{
	margin:0 0 10px 0;
	font-size: 13px;
	border-bottom:1px dashed #ccc;
}
.partenairePage table a{
	color:#000000;
}
.partenairePage td{
	padding:0 7px 0 0;
}