body{
		font-family:"Verdana","avenir","arial",sans-serif;
		width: 100%;
	}
	.global{
        min-height: 100%;
        position: relative;
        max-width: 87%;
        margin:auto;
    }
	header{
		position:fixed;
		z-index:7;
		height:115px;
		top:0px;
		left:0px;
		width: 100%;
		padding-bottom:30px;
		background-image: url(images/accueil/pin.jpg);
		background-repeat: no-repeat;
		background-position:top;
	}
	header img{
		padding-top: 20px;
		padding-right: 470px;
	}

	.haut{
		position:relative;
		z-index:3;
		width:450px;
		max-height: 170px;
		top:-80px;	
		left:90px;
		text-align:left;
		font-size:20pt;	
		padding:7px;
	}
	.crea{
		position:relative;
		z-index:4;
		width:450px;
		top: -67px;
		left: 350px;
	}
	.content{
        padding-bottom: 50px;
    }
	.menu{
		z-index:5999;
		position:relative;
		top:-58px;
		left:-30px;
		width:650px;
		height:45px;
		background-color: #DC5B10;
		color:#FFFFFF;
		margin:auto;
		display:block;
		font-size: 11pt;
		line-height: 0.6em;
		border-color: #000000;
		border-width: 2px;
		border-style: solid;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	.menu ul {
		list-style-type: none;
		text-align: left;
	}
	.menu ul li{
		display: inline;
		padding-left: 6px;
		padding-bottom: 0px;
	}
	#menu_contact{
		padding-left: 6px;
	}
	.menuleft{
		z-index: 4;
		position:relative;
		float:left;
		top:190px;
		width:250px;
		font-size:10pt;
		text-align:left;
		
	}
	.menuleft ul {
		list-style-type : none;
		line-height: 30px;
		padding-left: 25px;	
		padding-right:0px;
	}
	#rubriques1{
		background-color: #DC5B10;
		color:#FFFFFF;
		margin-bottom: 30px;
		border-color: #000000;
		border-width: 2px;
		border-style: solid;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#rubriques2{
		margin-bottom: 30px;
		border-color: #DC5B10;
		border-width: 2px;
		border-style: solid;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#rubriques2 hr{
		width:15%;
	}
	#rubriques3{
		margin-bottom: 30px;
		border-color: #DC5B10;
		border-width: 3px;
		border-style: ridge;
		border-radius: 5px; /* propriété CSS3 */
		-moz-border-radius: 5px; /* compatibilité avec Firefox */
		-webkit-border-radius: 5px; /* compatibilité avec les navigateurs Webkit */
	}
	#rubriques3 hr{
		width:15%;
	}
	#boutoncontact{
		font-size: 12pt;
		width: 180px;
		background-color: #DC5B10;
		color:#FFFFFF;
		margin: auto;
		border-color: #000000;
		border-width: 2px;
		border-style: solid;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#boutoncontact a:link{
		color: #FFFFFF;
		text-decoration: none;
	}
	#boutoncontact a:visited{
		color: #FFFFFF;
		text-decoration: none;
	}
	#boutoncontact a:hover{
		color: #000000;
		text-decoration: none;
	}
	#boutoncontact a:active{
		color: #000000;
		text-decoration: none;
	}
	#boutonretour{
		margin: auto;
		width: 100px;
		border-color: #DC5B10;
		border-width: 2px;
		border-style: solid;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	hr{
		width:100%;
	}
	.menuright{
		position:relative;
		top:-368px;
		left:230px;
		width:230px;
		font-size:10pt;
		text-align:left;
		padding-left:10px;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	.menuright ul {
		list-style-type : none;
		line-height: 30px;
		padding-left: 10px;
	}
	.section1{
		position:relative;
		z-index:2;
		margin:auto;
		max-width: 480px;
		top:-480px;
		text-align: left;
		font-size:11pt;	
		color:#000000;
	}
	#presentation{
		top:-260px;
		left:130px;
	}
	#createur img{
		width:120%;
	}
	
	.section_immo{
		position:relative;
		z-index:2;
		left:-220px;
		top:750px;
		text-align: left;
		font-size:11pt;	
		color:#000000;
		padding:10px;
	}
	#plateforme_immo{
		position:relative;
		top:-813px;
		left:125px;
		width:505px;
		border-style: solid;
  		border-color: #DC5B10;
  		border-width: 1px;
  		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#local_immo{
		position:relative;
		left:95px;
		padding:3px;
		width:205px;
		border-style: solid;
  		border-color: #DC5B10;
  		border-width: 1px;
  		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#local_immo img{
		width:205px;
	}
	
	#partenaires{
		width:700px;
		top:750px;
		left:-130px;
	}
	#papartenaires{
		position: relative;
		top:-650px;
		left:130px; 
	}
	#offre_services{
		top:00px;
		left:130px;
	}
	#avertissement{
		top:-100px;
		left:120px;
	}
	#metiers{
		top:-80px;
		left:130px;
	}
	#pointeur {
		position:relative;
		width:600px;
		left:-140px;
	}
	#page_contact{
		top:-320px;
		left:80px;
	}
	#acces_client{
		top:-100px;
		left: 120px;
	}
	#investissement{
		top:-100px;
		left:130px;
	}
	#video_isr{
		width:400px;
	}
	#newsletter{
		top:-300px;
		left:180px;
	}
	.relation{
		position:relative;
		max-width: 580px;
		top:30px;
		text-align: left;
		font-size:11pt;	
		color:#000000;
		padding:10px;
	}

	#entree {z-index: 1; display:block;}
 	#mission {z-index: 2; display:none;}
	#preconisations {z-index: 3; display:none;}
	#realisation {z-index: 4; display:none;}
  	#suivi {z-index: 5; display:none;}
  	
  	.metiers{
		margin: auto;
	}
  	.metiers div{
  		width:200px;
  	}
  	.metiers img{
  		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
  	}
	#un{
		position: relative;
		top:40px;
		left: -210px;
	}
	#deux{
		position: relative;
		top:-150px;
		left: 0px;
	}
	#trois{
		position: relative;
		top:-200px;
		left: 220px;
	}
	#quatre{
		position: relative;
		top:-150px;
		left: -230px;
	}
	#centre{
		position: relative;
		top:-330px;
		left: 0px;
		width: 180px;
		font-size: 10pt;
		border-style: ridge;
  		border-color: #DC5B10;
  		border-width: 3px;
  		border-radius: 50px; /* propriété CSS3 */
		-moz-border-radius: 50px; /* compatibilité avec Firefox */
		-webkit-border-radius: 50px; /* compatibilité avec les navigateurs Webkit */
	}
	
	#cinq{
		position: relative;
		top:-380px;
		left:-100px;
	}
	#six{
		position: relative;
		top:-500px;
		left: 120px;
	}
	#sept{
		position: relative;
		top:-420px;
		left: 240px;
	}
	#signature{
		position: relative;
		top:-470px;
		left: -100px;
	}
	.invisible{
		position:relative;
		display: none;
	}
	#assurance_menu{
		border-style: solid;
  		border-color: #DC5B10;
  		border-width: 1px;
  		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#banque_menu{
		border-style: solid;
  		border-color: #DC5B10;
  		border-width: 1px;
  		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#prevoyance_menu{
		border-style: solid;
  		border-color: #DC5B10;
  		border-width: 1px;
  		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#capital_menu{
		border-style: solid;
  		border-color: #DC5B10;
  		border-width: 1px;
  		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#immopapier_menu{
		border-style: solid;
  		border-color: #DC5B10;
  		border-width: 1px;
  		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#immodirect_menu{
		border-style: solid;
  		border-color: #DC5B10;
  		border-width: 1px;
  		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#epargne_menu{
		border-style: solid;
  		border-color: #DC5B10;
  		border-width: 1px;
  		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	
	object{
		display:block;
	}
	
	footer{
		background-color: #D3C4B8;
		margin-left:6%;
		font-size:8pt;
		color:#000000;
		text-align:center;
		line-height: 18px;
		position: relative;
        bottom: 0;
        width: 550px;
        height: 225px;
        margin-top: 50px;
        border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	.imageflottante{
		float:left;
		margin-left: 30px;
	}
	.imageflottantedroite{
		background-color: #e1e2e4;
		padding:10px;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#bureau{
		margin-bottom: 30px;
		background-color: #e1e2e4;
		padding: 10px;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#bureau img{
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	#citation{
		padding-right: 15px;
		padding-left:15px;
	}
	
	
	
	#news{
		position: relative;
		left:-100px;
	}
	object{
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
	}
	
	.consultation{
		max-width: 580px;
		border-color: #DC5B10;
		border-width: 2px;
		border-style: solid;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
		margin:20px;
	}
	.consultation img{
		margin:15px;
	}
	.moneyp{
		max-width: 580px;
		border-color: #DC5B10;
		border-width: 2px;
		border-style: solid;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
		margin:20px;
	}
	.moneyp img{
		margin-top: 19px;
	}
	.infobulle {
		position: relative;  /* les .infobulle deviennent référents */
		cursor: help;
	}
	.infobulle:hover::after,
	.infobulle:focus::after {
		content: attr(aria-label);  /* on affiche aria-label */
		position: absolute;
		top: -8em;
		left: 125%;
		color: #FFFFFF;
		font-size: 10pt;
		background-color: #DC5B10;
		border-color: #000000;
		border-width: 2px;
		border-style: solid;
		border-radius: 4px; /* propriété CSS3 */
		-moz-border-radius: 4px; /* compatibilité avec Firefox */
		-webkit-border-radius: 4px; /* compatibilité avec les navigateurs Webkit */
		transform: translateX(-10%); /* on centre horizontalement  */
		z-index: 255; /* pour s'afficher au dessus des éléments en position relative */
		width: 200px;
		padding: 15px;
		opacity: 0.75;
	}
	.menu a:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	.menu a:visited {
		text-decoration: none;
		color: #FFFFFF;
	}
	.menu a:hover {
		text-decoration: none;
		color: #000000;
	}
	.menu a:active {
		text-decoration: none;
		color: #000000;
	}
	#rubriques1 a:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	#rubriques1 a:visited {
		text-decoration: none;
		color: #FFFFFF;
	}
	#rubriques1 a:hover {
		text-decoration: none;
		color: #000000;
	}
	#rubriques1 a:active {
		text-decoration: none;
		color: #000000;
	}
	a:link {
		color: #000000;
		text-decoration: none;
	}
	a:visited {
		text-decoration: none;
		color: #000000;
	}
	a:hover {
		text-decoration: none;
		color: #DC5B10;
	}
	a:active {
		text-decoration: none;
		color: #DC5B10;
	}