html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 

/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden; /* IE */
/* */

color:#303031;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.95em;
line-height:1.1em;
}




body {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
overflow:hidden;

background-attachment: fixed;
background-color: #85b2d4;
background-image: url(IMG/bg.jpg);
background-repeat: repeat-x;
background-position: left bottom;
font-size:1em;
line-height:1.2em;
}



#FIXE{
position:absolute;
z-index:15;
top:0;
left:0;
bottom:0;
min-height:100%;
height:100%;
width:260px;

background-image: url(IMG/bg_hibiscus.jpg);
background-repeat:no-repeat;
background-position:left bottom;

}


	#FIXE h1 {
	border-bottom:#c91258 5px solid;
	margin-left:20px;
	margin-right:20px;
	font-size:1.5em;
	line-height:1.5em;
	}	


	.annonce {
	font-family: "Myriad Pro Light", "Trebuchet MS", Verdana;
	font-size: 0.7em;
	}


	/* -------------------------- MENU --------------------- */
	
	#dlmenu {
		height:10em;
		}
	
	#menu {
		list-style-type:none;
		margin:10px 20px 10px;
		padding:0;
		position:absolute;
		width:230px;
		z-index:100;
		/*	border:#eee2b8 1px solid;*/
		}
	
	
	#menu li {
		display:block;
		padding:0;
		margin:0;
		margin-bottom:2px;
		position:relative;
		z-index:100;
		border-left:3px solid #c91258;
		}
	
	#menu li.current {
	border:none;
	}
	
	#menu li.current a {
	color:#c91258;
	}
	
	
	#menu li a, #menu li a:visited {
		display:block; 
		text-decoration:none;
		}
	
	#menu li dd {
		display:none;
		}
	
	#menu li:hover, #menu li a:hover {
	border:0;
	}
	
	
	#menu li:hover dt a , #menu li a:hover dt a {
		color:#fff;
		}
	
	#menu li:hover dd, #menu li a:hover dd {
	display:block;
	
	}
	#menu li:hover dt, #menu li a:hover dt {
	/*background-color:#eee2b8;*/
	background-color:#c91258;
	}
	
	#menu li:hover dl, #menu li a:hover dl {
		height:10em; 
		}
	
	#menu li:hover dl.h-6, #menu li a:hover dl.h-6 {
	height:6.5em;
	}
	
	
	#menu li:hover dl.h-4, #menu li a:hover dl.h-4 {
	height:4em;
	}
	
	#menu li:hover dl.h-2, #menu li a:hover dl.h-2 {
	height:3.5em;
	}
	
	#menu table {
		border-collapse:collapse;
		padding:0;
		margin:-4px;
		font-size:0.9em;
		}
	
	#menu dl {
		width: 220px;
		margin: 0;
		cursor:pointer;
	}
	
	#menu dt {
		margin:0;
		padding: 0;
		}
	
	
	.menu dt a, .menu dt a:visited {
		display:block;
		color:#000;
		padding:5px 5px 5px 10px;
		font-size:0.9em;
		line-height:1.1em;
		font-weight:bold;
		}
	
	
	.menu dt a:hover {
	
	}
	
	
	#menu dd {
		margin:0;
		padding:0;
		text-align:left;
	}
	
	#menu dd h2 {
		margin:0;
		padding:0;
		padding-left:15px;
		font-size:0.75em;
		font-weight:normal;
	}
	
	.menu dd a, .menu dd a:visited {
		color:#000; 
		min-height:1em; 
		text-decoration:none; 
		display:block;
		 padding:4px 5px 4px 20px; 
		 }
	
	
	
	.menu dd a, .menu dd a:visited {
		color:#000; 
		min-height:1em; 
		text-decoration:none; 
		display:block;
		 padding:4px 5px 4px 20px; 
		 }
		 
	* html .menu dd a, * html .menu dd a:visited {
		height:1em;
		}
		
	.menu dd a:hover {
		color:#ff0;
		}




#SCROLL {
height:100%; 
max-height:100%;
overflow:auto;
}

#SCROLL #CONTENT {
padding:0;
margin:0 0 auto 0;
height:100%;
min-height:100%;
min-width: 780px;
max-width: 1260px;
}

#CONTENT #page {
	padding-left:270px;
	padding-right:15px;
	height:100%;
	}
	

	#page h2 {
		background-image: url(IMG/puce.gif);
		background-repeat: no-repeat;
		background-position: left center;
		text-indent:50px;
		text-decoration:underline;
		line-height:35px;
		/*color:#c91258;*/
		font-size:20px;
		font-weight:normal;
	
	}
	
	#page h3, #page h4 {
		/*color:#da2783;*/
		font-weight:normal;
	}


	/*---------------- GALERIES IMAGES ---------------------*/
	
/*index*/

.horizontal {
height:20%;
}

.horizontal img{
border:2px solid #ede6eb;
border-bottom:#c91258 5px solid;
/*background-color: #ede6eb;*/
height: 99%;
text-align: center;
/*padding: 0.2em;*/
float: left;
margin-right: 1em;
}


/*visite*/
dl.galerie {
/*border: 1px solid #000;*/
background-color: #ede6eb;
width: 21%;
text-align: center;
padding: 0.25%;
padding-bottom:1%;
float: left;

margin-right: 1.75%;

}

.galerie dd {
margin:0;
padding:0;
}

.galerie dt {
margin:0;
padding:0;
font-size:0.7em;
line-height:1.1em;
height:2.2em;

}

.galerie img {

width:98%;
/*border: #eee2b8 1px solid;*/
border:none;
border-bottom:#c91258 5px solid;
}

.galerie a {
/*position:relative;*/
}



.galerie a b {
/*position:absolute;*/
visibility:hidden; 
width:0px; 
height:0; /* Opera  */
left:0px; 
top:150px;
}

.galerie a b img {width:100%;}
.galerie a b.dte {
left:300px;
}


.galerie a:hover {
text-decoration:none; 
border:0; /* IE */ 
z-index:1000;
}

.galerie a:hover b {
visibility:visible; 
height:auto;/* now give it a height */
cursor:default; /* for IE */
z-index:500; 
}
/*situation*/
em {
font-style:normal;
font-weight:bold;
}

dl.carte {
/*border: 1px solid #000;*/
background-color: #ede6eb;
width: 30%;
text-align: center;
padding: 0.25%;
padding-bottom:1%;
float: left;

margin-right: 1.75%;

}

.carte dd {
margin:0;
padding:0;
}

.carte dt {
margin:0;
padding:0;
font-size:0.7em;
line-height:1.1em;
}


.carte img {

width:98%;
/*border: #eee2b8 1px solid;*/
border-bottom:#c91258 5px solid;
}


.a-voir {
float:left;
margin:0 1%;
padding:0;
margin-top:0;
width:60%;
}

.dte {
float:right;
width:50%;
}


.dte dl.galerie {
width:29%;}

.dte  a b {
left:-200px;}





/*----- contact -------*/
.contact, .contact a {
font-weight:bold;
text-align:center;
color:#c91258;
}









.clear {
	clear:both;
	visibility:hidden;}