<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<style type="text/css">
	body { 
		margin: 10px 0pt;
		padding: 0pt;
		text-align: center;
		background-color: rgb(255, 255, 204);
		}
	dl, dt, dd, ul, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
		
	#conteneur { 
		border: 3px solid rgb(255, 255, 0);
		margin: 0pt auto;
		width: 800px;
		text-align: left;
		min-height: 900px;
		max-height: 1300px;
		display: block;
		position: relative;
		}
	#Contenu{
		height: 300px;
		background: #FFE900;
		background-color: #FFE900;
		overflow: visible;
		position: relative;
		}
	#Contenu_bandeau{
		height: 25px;
	}
	#header { 
		height: 250px;
		display: block;
		position: relative;
		}
	#header_Baniere { 
		display: block;
		position: absolute;
		z-index: 300;
		height: 100%;
		width: 100%;
		}
	#header_logo { 
		display: block;
		position: absolute;
		z-index: 400;
		height: 60%;
		width: 32%;
		}
	#header_Photo { 
		z-index: 200;
		position: absolute;
		display: block;
		height: 100%;
		width: 100%;
		}
	#menu
		{
		width: 100%; /* menu sur toute la largeur de la feuille */
		height: 40px; /* ajoute la hauteur de la fen�tre menu � 20 pixel */
		background-color: #FFE700;
		padding-left: 12px;
		padding-top: 10px;
		z-index: 1000;
		position: relative;
		overflow: visible;
		}
	#menu_sep{
		width: 18.5%;
		height: 20px;
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=Black,strength=10);
		text-align: center;
		font-size: 15px;
		z-index: 100;
		background-color: #FFAC0F;
		float: left;
		position: absolute;
		}
	#menu_sep ul {
		width: 100%;
		display: none;
		z-index: 200;
		background-color: #FEFF84;
		font-family: "Comic Sans MS";
		}
	#menu_sep ul :hover>ul
		{
		display: block;
		}

	pre { 
		overflow: auto;
		}
	* html pre { 
		width: 636px;
		}
	#footer {
		display: block;
		width: 100%; /* menu sur toute la largeur de la feuille */
		height: 20px; /* ajoute la hauteur de la fen�tre menu � 20 pixel */
		background-repeat: repeat-x;
		background: #FFE900;
		}
	#footer p{
		float: left;
		width: 33%;
		text-align: center;
		}		
	#bloc_Gauche_haut {
		float: left;
		display: block;
		height: 300px;
		width: 46.5%;
		color: #7FFFD4;
		margin: 5px 2.5px 5px 15px;
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=Black,strength=10);
		}
	#bloc_Droite_haut {
		float: left;
		display: block;
		height: 300px;
		width: 46.5%;
		color: #8A2BE2;
		margin: 5px 5px 5px 5px;
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=Black,strength=10);
		}
	#bloc_accueil {
		display: block;
		position: relative;
		clear:right;
		z-index: 400;
		height: 300px;
		width: 30%;
		color: #7FFFD4;
		margin: 5px 2.5px 5px 15px;
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=Black,strength=10);
	
		}
		
	#titre_appartement{
		display: block;
		text-align: center;
	   height: 30px;
		font-size: 30px;
		width: 25% auto;
		}
		
	#boite_equipement{
		 height: auto;
		 background-color: Orange;
		}
	}
		
	#boite_tarifs{
		 height: auto;
		 background-color: Orange;
	}
	
	#boite_accroche{
		height: auto;
		display: block;
		background-color: #FFE900;
		padding-right: 10px; 
		padding-left: 10px; 
		font-size: 18px;
	}
	
	#boite_photo{
		display: block;
		height: 200px;
		background-color: #FFE900;
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=Black,strength=10);
	}
	
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li 
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
	
	
</style>

</head>



</body>
</html>
