body, div, h1, h2, h3, h4, p, ul, li, hr, dl, dt, dd, object, img{
margin:0;
padding:0;
} 

img{
}
body{
	text-align: center;
	font-family: "Lucida grande", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #B5B9B0;
}
p{
margin:10px;
}
a, a:visited{
	color:gray;
	text-decoration:none;
	border-bottom:none;
}
a:hover{
border-bottom:3px solid #FFECC4;
}
a span{
	display:none;
}
a.link, a.link:visited{
	color:#FFB10D;
}
a.nude, a.nude:visited, a.nude:hover{
	border:0;
}



h3{	color:black;
	text-align:center;
	text-decoration: underline;
	font-weight:bold;
	font-size:1.5em;
}


#back_metier,#back_accueil,#back_web,#back_contact, #back_ref,#back_crea{
	position:absolute;
	 left: 50%; 
	 top: 50%;
	width: 700px;
	height: 500px;
	margin-top: -250px; /* moitié de la hauteur */
	margin-left: -350px; /* moitié de la largeur */
    	}
#back_metier{
    	background:url(back_metier.gif) no-repeat;
 	}
#back_accueil{
    	background:url(back_accueil.gif) no-repeat;
 	}
 #back_web{
    	background:url(back_web.gif) no-repeat;
 	}
  #back_contact{
    	background:url(back_contact.gif) no-repeat;
 	}
   #back_ref{
    	background:url(back_ref.gif) no-repeat;
 	}
#back_crea{
    	background:url(back_crea.jpg) no-repeat;
 	}
 		
    	
 #link{
 	position:relative;
	top:300px;
	left:100px;
 	}  
 #link a{
 	display:block;
 	height:200px;
 	width:100px;
 	border:1px dotted #EACA3E;
 	}

#menu{
	position:absolute;
	bottom:15px;
	right:40px;
	text-align:right;
}
#menu li{
	margin:0 5px;
	float:left;
	list-style: none;
}

/****************************
*   La page métier
*****************************/
#bloc_metier{
	text-align:justify;
	position:absolute;
	top:200px;
	margin:0 auto;
	/*background-color:#FFB10D;*/
	width:17em;
	height:15em;
	padding:1em;
}
#link_metier{
position:absolute;
top:390px;
left:515px;
	display:block;
	width:50px;
	height:70px;
}


/****************************
*   La page web
*****************************/
#bloc_web{
	text-align:justify;
	position:absolute;
	top:200px;
	left:300px;
	/*background-color:#FFB10D;*/
	width:30em;
}

#link_web{
position:absolute;
top:335px;
left:145px;
	display:block;
	width:50px;
	height:70px;
}


/****************************
*   La page contact
*****************************/
#bloc_contact{
	text-align:justify;
	position:absolute;
	top:210px;
	left:70px;
	/*background-color:#FFB10D;*/
	width:20em;
}

#link_contact{
position:absolute;
top:263px;
left:495px;
	display:block;
	width:50px;
	height:70px;
}

/****************************
*   La page references
*****************************/
#bloc_ref{
	text-align:left;
	position:absolute;
	top:110px;
	left:330px;
	/*background-color:#FFB10D;*/
	width:11em;
}
#bloc_ref h3{
text-align:left;
}

#link_ref{
position:absolute;
top:215px;
left:168px;
	display:block;
	width:50px;
	height:70px;
}




























     
#cartouche{
display:block;
	height:199px;
	width:308px;
	position:relative;
	left:10px;
	background:url(logo.gif) no-repeat;
	}
#cartouche .hidden{
	display:none;
}

#flight{
	position:relative;
	left:170px;
	bottom:75px;
}
#plage{
	position:absolute;
	bottom:5px;
	right:5px;
}
#accueil{
	position:absolute;
	bottom:25px;
	left:400px;
	width:250px;
}












#metier{
	position:relative;
	font-size:0.6em;
	line-height:2em;
	margin:0 auto;
	width:210px;
	color:#99825e;
	text-align:justify;
	background-color:#ece6d2
}	
#metier p{
	padding : 0 5px;
}
#metier h3{
	padding: 15px 0 0 0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:2em;
	color:black;
}
#menu_metier{
	text-align:right;
	position:absolute;	
	top:0;
	left:-220px;
	width:200px;
}
#menu_metier a{
display:block;
width:200px;
height:1.5em;

}
.accueil{	
	position:absolute;
	bottom:5px;
	left:5px;
	}