/*----------------------General------------------------*/
/*---------------<-- CSS par GIBERNE Stéphane ----------------*/


body {

	background:url(images/fond.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#00bcfa;
	font-size:16px;
	font-family:Calibri;
	text-align:justify;
	color:#000;
}

a{color:#1c5392;text-decoration:none; }
a:hover{text-decoration:none;}

#fond{
	width:710px;
	margin : auto;
	background-color:#a0c4e9;
}

#ban{
	
	width:710px;
	height:225px;
	margin : auto;
	
	background-color:#a1ddff;
	background-image:url(images/bann.jpg);
	background-repeat:no-repeat;
	z-index:0;

}

#barre_menu{
	height:65px;
	width:710px;
	background-color:#a0c4e9;
	position:relative;
	background-image:url(images/barre_menu.jpg);
	background-repeat:no-repeat;
}

#contenu {
	margin : auto;
	background-color:#a1ddff;
	min-height:600px;
	width:710px;	
}

.menu {
	width:177px;
	height:inherit;
	float:left;
	
}

.menu a {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

#menu_haut {
	/*margin-top:200px;*/
	color:#FFF;
	width:710px;
	height:inherit;
	margin : auto;
	float:rigth;
	text-align:right;
	position:relative;
	/* padding:10px; */

}
#footer {
	color:#000;
	width:710px;
	margin : auto;
	text-align:center;


}

#corps {
	margin-top:0px;

}

h2 {
	height:40px;
	font-size:24px;
	font-weight:bold;
	text-align:left;
	color:#080270;
	/*background-image:url(h2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:45px;*/
	
}

h3 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#080270;
}

.prix {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#7aa44e;
}

.prix2 {
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#7aa44e;
}


.personne {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#7aa44e;
}

.block_acceuil {
	float:left;
	width:21%;
	height:270px;
	margin-right:2%;
	background-color:#d5f1ff; 
	padding:5px;
	background-image:url(images/bambou.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.block_fiche {
	float:left;
	width:285px;
	height:165px;
	background-image:url(images/fond_bambou.png);
	background-repeat: no-repeat;
}

.block_option {
	width:285px;
	height:165px;
	background-image:url(images/fond_bambou.png);
	background-repeat: no-repeat;
	margin:auto;
	padding:20px;
}

.block_option2 {
	width:350px;
	height:200px;
	background-image:url(images/fond_bambou300.png);
	background-repeat: no-repeat;
	margin:auto;
	padding:20px;
}

.contenant
  {
  display :none;
  visibility:hidden;
  }
  
/*//////////// FIN MENU ////////////////*/


/*------------ MENU DEROULANT -----------*/

#Nav {
	padding: 0;
	padding-top:0px;
	list-style: none;
	position:absolute;
	z-index:125;
	left: 25%;
	top: 0%;
	/*margin-left:auto;
	margin-right:auto;*/
}

#Nav li {
/*width: 90px;*/
background:#4ac3d8;
margin: 0px 5px 0 px;
float: left;
padding: 5x;
text-align:center;
}
#Nav li a {
display: block;
padding: 5x;
/*background-color:#f9ab13;*/
color: white;
font-size:14px;
font-weight:bold;
text-decoration: none;	
margin: 0; 
}
#Nav li a:hover,#Nav li a:active {
display: block;
background-color:#069;
color:#FFF;
text-decoration: none;	
margin: 0; 
}
#Nav .Menu {
padding: 0;
list-style: none;
display: none;
}
#Nav .Menu li a {
display: block;
background-color:#069;
color: white;
text-decoration: none;	
margin: 0;
padding-left:10px;
padding-right:10px;
}
#Nav .Menu li a:hover,#Nav li a:active {
display: block;
background-color:#C00;
color: white;
text-decoration: none;	
margin: 0; 
}

/*------------ FIN MENU DEROULANT -----------*/
/*------------ ------------------- -----------*/
#menu2{
	width:710px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	
}

#menu2 ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 z-index:125;
 }
#menu2 li {
 float:left;
 margin:auto;
 padding:0;
 background-image:url(images/menu_haut.png);
 background-repeat:repeat;
 border-bottom-color:#FFF;
 border-bottom-style:solid;
 border-bottom-width:thin;
 }
#menu2 li a {
 display:block;
 width:108px;
 color:white;
 font-weight:bold;
 text-decoration:none;
 padding:5px;
  }
#menu2 li a:hover {
 color:#FFD700;
 background-color:#093862;
 }
 
 #menu2 ul li:hover ul {
 display:block;
 }
 #menu2 li:hover ul li {
 float:none;
 }

#menu2 li ul {
 position:absolute;
 }


#menu2 ul li ul {
 display:none;
 }
 
 
 /*------------ MENU DEROULANT -----------*/
 
/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/iframe_fix.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
#menu_container {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:710px;
	height:33px;
	 background-image:url(images/menu_haut.png);
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	z-index:300;
}
 
#pmenu, #pmenu ul {padding:0; margin:0; margin-top:-1px; list-style-type: none;}

#pmenu li {margin-top:-2px;z-index:300;}
 
#pmenu iframe {position:absolute; left:-9999px; border:0; padding:0; margin:0; width:0; height:0;}
 
#pmenu a, #pmenu a:visited {display:block; width:130px; font-size:12px; font-family:arial, verdana, sans-serif; line-height:24px; text-decoration:none; text-indent:5px;  border-width:1px 0 1px 1px; color:#FFF;}
 
#pmenu li ul li a, #pmenu li ul li a:visited {border:inset 1px #fff;}
#pmenu li a., #pmenu li a.:visited { }
 
#pmenu li {float:left; background-color:#00bcfa; display:block; }
 
#pmenu li a:hover {position:relative; }
#pmenu li:hover {position:relative;}
#pmenu li:hover > a {color:#F90;}
#pmenu li ul {position:absolute; left:-9999px; width:115px;}
#pmenu li:hover > ul {top:0px; left:121px; width:115px;}
#pmenu > li:hover > ul {left:0; top:26px;}
#pmenu li:hover ul.first {top:0;}
 
#pmenu table {border-collapse:collapse; width:0; height:0; border:0; font-size:1em;}
  
#pmenu li.drop {  background:none; text-align:center;}
  
#pmenu li a:hover ul {top:20px; width:115px;}
 
#pmenu li a:hover ul a:hover ul,
#pmenu li a:hover ul a:hover ul a:hover ul,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul, 
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { top:0px; left:120px;}
 
#pmenu a:hover ul ul,
#pmenu li a:hover ul a:hover ul ul,
#pmenu li a:hover ul a:hover ul a:hover ul ul,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul,
#pmenu a:hover ul iframe,
#pmenu li a:hover ul a:hover ul iframe,
#pmenu li a:hover ul a:hover ul a:hover ul iframe,
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul iframe {left:-9999px;}
 
#pmenu a:hover iframe {left:0px; top:25px;}
 
#pmenu a:hover a:hover iframe,
#pmenu a:hover a:hover a:hover iframe,
#pmenu a:hover a:hover a:hover a:hover iframe {left:115px; top:-1px;}

#pmenu #drop_on a{ color:#FCC; }
#pmenu #drop_on a:hover{ color:#FFF;}
#pmenu #drop_list_on a{ color:#000;}



/*------------ FIN MENU DEROULANT -----------*/
/*------------ ------------------- -----------*/