﻿@font-face {
    font-family: 'HelveticaLTStdBoldCondensed';
    src: url('fonts/helveticaltstd-boldcond-webfont.eot');
    src: url('fonts/helveticaltstd-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaltstd-boldcond-webfont.woff') format('woff'),
         url('fonts/helveticaltstd-boldcond-webfont.ttf') format('truetype'),
         url('fonts/helveticaltstd-boldcond-webfont.svg#HelveticaLTStdBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	background-image: url(images/fond.gif);
	background-repeat: repeat-x;
	background-color: #edf2f8;
	Font-Family: Arial, Helvetica, Sans-Serif;
	Font-size: 15px;
	color: #464646;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.rouge{
	color:#d82027;	
}
a.moreinfo{
	color:#d82027;
}
a.moreinfo:hover{
	color:#464646;
}

/* Le wrapper englobe tout le site ne pas mettre de height, celui-ci va s'ajuster*/
.wrapper{
	width:928px;
	margin:auto;
	background:url(images/wrapper_bg_repeat.png) repeat-y top left;
	padding-left:3px;
}
.header{
	width:931px;
}
.header .top{
	position:relative;
}
.header .top .slogan{
	position:absolute;
	left:-10px;
	top:25px;
	background:url(images/nom_slogan.png) no-repeat top left;
	width:587px;
	height:95px;
}
.header .top .slogan a{
	display:block;
	width:585px;
	height:95px;
}
.header .top .slogan.en{
	background:url(images/nom_slogan_en.png) no-repeat top left;
}
.header .top a.switchLanguage{
	position:absolute;
	right:0;
	top:130px;
	background:url(images/btn_englishTop.png) no-repeat top left;
	width:46px;
	height:79px;
}
.header .top a.switchLanguage.fr{
	position:absolute;
	right:0;
	top:130px;
	background:url(images/btn_francaisTop.png) no-repeat top left;
	width:46px;
	height:79px;
}
.header #mainmenu{
	margin-top:1px;
	height:34px;
}
.header #mainmenu ul{
	margin:0;
	padding:0;
	list-style:none;
	height:34px;
}
.header #mainmenu ul li{
	float:left;
	height:34px;
}
.header #mainmenu ul li a{
	height:34px;
	display:block;
}
.header #mainmenu ul li a#btn_inscription{
	background:url(images/btn_inscriptions.gif) no-repeat top left;
	width:132px;
}
.header #mainmenu ul li a#btn_services{
	background:url(images/btn_services.gif) no-repeat top left;
	width:253px;
}
.header #mainmenu ul li a#btn_visibilite{
	background:url(images/btn_visibilite.gif) no-repeat top left;
	width:82px;
}
.header #mainmenu ul li a#btn_vendre{
	background:url(images/btn_vendre.gif) no-repeat top left;
	width:80px;
}
.header #mainmenu ul li a#btn_acheter{
	background:url(images/btn_acheter.gif) no-repeat top left;
	width:89px;
}
.header #mainmenu ul li a#btn_outils_calcul{
	background:url(images/btn_outils_calcul.gif) no-repeat top left;
	width:135px;
}
.header #mainmenu ul li a#btn_contact{
	background:url(images/btn_contact.gif) no-repeat top left;
	width:154px;
}

/*** MENU EN ***/

.header #mainmenu ul li a#btn_inscription_en{
	background:url(images/btn_inscriptions_en.gif) no-repeat top left;
	width:132px;
}
.header #mainmenu ul li a#btn_services_en{
	background:url(images/btn_services_en.gif) no-repeat top left;
	width:208px;
}
.header #mainmenu ul li a#btn_visibilite_en{
	background:url(images/btn_visibilite_en.gif) no-repeat top left;
	width:83px;
}
.header #mainmenu ul li a#btn_vendre_en{
	background:url(images/btn_vendre_en.gif) no-repeat top left;
	width:67px;
}
.header #mainmenu ul li a#btn_acheter_en{
	background:url(images/btn_acheter_en.gif) no-repeat top left;
	width:80px;
}
.header #mainmenu ul li a#btn_outils_calcul_en{
	background:url(images/btn_outils_calcul_en.gif) no-repeat top left;
	width:147px;
}
.header #mainmenu ul li a#btn_contact_en{
	background:url(images/btn_contact_en.gif) no-repeat top left;
	width:208px;
}

.header #mainmenu ul li a#btn_inscription:hover, .header #mainmenu ul li a#btn_services:hover, .header #mainmenu ul li a#btn_visibilite:hover, .header #mainmenu ul li a#btn_vendre:hover, .header #mainmenu ul li a#btn_acheter:hover, .header #mainmenu ul li a#btn_outils_calcul:hover, .header #mainmenu ul li a#btn_contact:hover{
	background-position:bottom left;
}	
.header #mainmenu ul li a#btn_inscription_en:hover, .header #mainmenu ul li a#btn_services_en:hover, .header #mainmenu ul li a#btn_visibilite_en:hover, .header #mainmenu ul li a#btn_vendre_en:hover, .header #mainmenu ul li a#btn_acheter_en:hover, .header #mainmenu ul li a#btn_outils_calcul_en:hover, .header #mainmenu ul li a#btn_contact_en:hover{
	background-position:bottom left;
}	
div.header div#mainmenu ul li a#btn_inscription.current, div.header div#mainmenu ul li a#btn_services.current, div.header div#mainmenu ul li a#btn_visibilite.current, div.header div#mainmenu ul li a#btn_vendre.current, div.header div#mainmenu ul li a#btn_acheter.current, div.header div#mainmenu ul li a#btn_outils_calcul.current, div.header div#mainmenu ul li a#btn_contact.current{
	background-position:bottom left;
}
div.header div#mainmenu ul li a#btn_inscription_en.current, div.header div#mainmenu ul li a#btn_services_en.current, div.header div#mainmenu ul li a#btn_visibilite_en.current, div.header div#mainmenu ul li a#btn_vendre_en.current, div.header div#mainmenu ul li a#btn_acheter_en.current, div.header div#mainmenu ul li a#btn_outils_calcul_en.current, div.header div#mainmenu ul li a#btn_contact_en.current{
	background-position:bottom left;
}
.header #mainmenu ul li a span{
	display:none;
}

/* va mettre dans le code de la page les informations importante afin d'optimiser les moteurs de recherche */
.header h1, .header h2, .header h3, .header h4{
	display:none;
}
.centreSite{
	width:931px;
	float:left;
}
.centreSite .contenu{
	padding:15px 10px 25px 35px;
	position:relative;
	width:880px;
	float:left;
}
.centreSite .contenu p{
	line-height:22px; 
}
.centreSite .contenu.accueil{
	padding:15px 0 25px 35px;
	width:890px;
}
.centreSite .contenu .picDianeContent{
	background:url(images/pic_mmeParent.png) no-repeat top left;
	width:300px;
	height:499px;
	float:right;
	margin-right:-66px;
	clear:right; 
	margin-bottom:20px;
	position:relative;
}
.centreSite .contenu .picDianeContent2{
	background:url(images/pic_mmeParent2.png) no-repeat top left;
	width:300px;
	height:499px;
	float:right;
	margin-right:-66px;
	clear:right; 
	margin-bottom:20px;
	position:relative;
}
.centreSite .contenu a{
	color:#000;
	text-decoration:none;
}
.centreSite .contenu a:hover{
	color:#464646;
	text-decoration:underline;
}
.centreSite .contenu h1.titre{
	color:#d72027;
	font-family: 'HelveticaLTStdBoldCondensed';
	font-size:22px;
	font-weight:lighter;
}
.centreSite .contenu h2.sous_titre{
	color:#d72027;
	font-family: 'HelveticaLTStdBoldCondensed';
	font-size:14px;
	font-weight:lighter;
}
.centreSite .contenu .propVedette{
	background:url(images/bg_propVedette.png) no-repeat top left;
	width:347px;
	height:303px;
	float:left;
	margin-left:-35px;
}
.centreSite .contenu .ressources{
	float:right;
	background:url(images/bg_ressourcesAccueil.png) no-repeat top left;
	width:562px;
	height:303px;
	position:relative;
}
.centreSite .contenu .ressources.guides{
	background:url(images/bg_ressourcesGuides.png) no-repeat top left;
	height:168px;
}
.centreSite .contenu .ressources div.ressource{
	width:295px;
	padding-left:65px;
	position:relative;
}
.centreSite .contenu .ressources .ressource h3{
	color:#d72027;
	font-family: 'HelveticaLTStdBoldCondensed';
	margin-bottom:5px;
}
.centreSite .contenu .ressources .ressource a.moreinfo{
	display:block;
	color:#d72027;
	font-size:12px;
}
.centreSite .contenu .ressources .ressource a.moreinfo:hover{
	color:#464646;
	text-decoration:none;
}
.centreSite .contenu .ressources div.ressource img{
	position:absolute;
	top:0;
	left:-10px;
}
.centreSite .contenu .ressources .separator{
	margin:20px 0;	
	height:2px;
}
.centreSite .contenu .ressources .picDiane{
	background:url(images/pic_mmeParent.png) no-repeat top left;
	width:300px;
	height:499px;
	position:absolute;
	right:-56px;
	bottom:50px;
}
.centreSite .contenu .ressources .picDiane a, .centreSite .contenu .picDianeContent a{
	position:absolute;
	bottom:12px;
	right:0;
	width:285px;
	height:25px;
}
.footer{
	width:925px;
	height:171px;
	background:url(images/photo_bottom.jpg) no-repeat top left;
	font-family: 'HelveticaLTStdBoldCondensed';
	font-size:12px;
	position:relative;
	color:#fff;
}
.footer .logoAgence{
	position:absolute;
	left:10px;
	bottom:12px;
}
.footer .texteAgence{
	position:absolute;
	left:135px;
	top:120px;
}
.footer .texteAgence span{
	font-size:10px;
}
.footer .copyright{
	position:absolute;
	right:15px;
	bottom:12px;
	font-size:10px;
	width:300px;
}
.footer .copyright a{
	color:#fff;
	text-decoration:none;	
	text-align:right;
}

/* Ne pas effacer */
.clearfix{
	clear:both;
}
/**** CONTACT ****/
ul.liens{
	list-style:none;
	margin:0;
	padding:0;
}
ul.liens li{
	padding-bottom:6px;
}
ul.liens li a{
	color:#464646;
	text-decoration:none;
}
ul.liens li a:hover{
	color:#d72027;
}

#menu_bottom{
	height:20px;
	background-color:#101010;	
	width:925px;
	padding-top:4px;
}
#menu_bottom ul{
	margin:0;
	padding:0;
	float:right;
	list-style:none;
}
#menu_bottom ul li{
	float:left;
	border-right:1px solid #fff;
}
#menu_bottom ul li.last{
	border-right:none;
}
#menu_bottom ul li a{
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding:0 5px;
	font-size:10px;
	display:block;
	line-height:13px;
}
#menu_bottom ul li a:hover{
	color:#ccc;
}
