/* Page principale */
.bodyMain	
{
    background-color:black;
    color:white;		
    font-weight: bold;
    font-size: 14px;
    font-family: verdana;

}
			
.divCentre  
{   
    padding-top:200px;
    background-image:url("../images/balaruc les bains.jpg"); 
    background-repeat:no-repeat;
    margin-left: auto;
    margin-right: auto;
    top:5%; 
    width:894px;
    height:580px;
    text-align:center;
}
a
{
	text-decoration: none;  
	color: black;
}  

img
{
	-moz-border-radius: 	4px;
	-ms-border-radius: 		4px;
	-webkit-border-radius: 	4px;
	-o-border-radius:		4px;	
	border-radius : 		4px;
}
/***********************************      Menu     ***********************************/
   
#Menu
{
	margin-top : 70px;
	margin-left : 20px;
    float:left;
	width: 180px; 
	text-align: center;
}
	  
#fondTranslucideMenu
{
	width:180px; 
	height:285px;
}	  
	  
#textOpaqueMenu
{
	
    padding: 0;
	margin:4px;
    color:black;
    position: absolute;              
    z-index: 1;  	
	width:180px; 
	
}	  
	 
#listeMenu ul, #listeMenu li
{

	list-style-type: none; 
	margin-top:20px;
	line-height:25px;
	width:85px; 
	padding: 6px;
	padding-left: 25px;
	padding-right: 25px;
	margin-left:-20px;
	
}

.menuActif
{
		background-color: #0081a1; 
	    color: #fff;
		
		border: 1px solid  #0081a1; 

		-moz-border-radius: 	10px;
		-ms-border-radius: 		10px;
		-webkit-border-radius: 	10px;
		-o-border-radius:		10px;	
		border-radius : 		10px;
		
		-moz-box-shadow: 	1px 2px 1px #999; 
		-ms-box-shadow: 	1px 2px 1px #999; 
		-webkit-box-shadow: 1px 2px 1px #999; 
		-o-box-shadow: 		1px 2px 1px #999;
		box-shadow: 		1px 2px 1px #999;
		
		-moz-text-shadow: 		1px 0px 1px #999;
		-ms-text-shadow: 		1px 0px 1px #999;
		-webkit-text-shadow: 	1px 0px 1px #999;
		-o-text-shadow:			1px 0px 1px #999;	
		text-shadow: 			1px 0px 1px #999;
		
}

.menuActif:hover
{
	border: 1px solid  #fff; 
	-webkit-transition: 	all 0.5s ease-in-out; 
    -moz-transition: 		all 0.5s ease-in-out;
    -ms-transition: 		all 0.5s ease-in-out;
    -o-transition: 			all 0.5s ease-in-out;
	transition: 			all 0.5s ease-in-out; 
}

.menuInactif
{
		background-color: #656970; 
	    color: #fff;
		
		border: 1px solid #656970;  

		-moz-border-radius: 	10px;
		-ms-border-radius: 		10px;
		-webkit-border-radius: 	10px;
		-o-border-radius:		10px;	
		border-radius : 		10px;
		
	    -moz-box-shadow: 	1px 2px 1px #999; 
		-ms-box-shadow: 	1px 2px 1px #999; 
		-webkit-box-shadow: 1px 2px 1px #999; 
		-o-box-shadow: 		1px 2px 1px #999;
		box-shadow: 		1px 2px 1px #999;
		
		-moz-text-shadow: 		1px 0px 1px #999;
		-ms-text-shadow: 		1px 0px 1px #999;
		-webkit-text-shadow: 	1px 0px 1px #999;
		-o-text-shadow:			1px 0px 1px #999;	
		text-shadow: 			1px 0px 1px #999;
}

.menuInactif:hover
{

 	    -webkit-transition: 	all 0.2s ease-in-out; 
 	    -moz-transition: 		all 0.2s ease-in-out;
 	    -ms-transition: 		all 0.2s ease-in-out;
        -o-transition: 			all 0.2s ease-in-out;
		transition: 			all 0.2s ease-in-out; 
		
		border: 1px solid  #fff; 
	    color: #00c1f2;
}
	 	 
/*********************************** Page location ***********************************/  
h1{
	text-align : center;
	text-decoration : underline;
	font-family : Trebuchet MS, Verdana, Arial;
	font-size : 20px;
	font-weight : bold;
	color : #0081a1;
	
	-moz-text-shadow: 		2px 2px 2px #999;
	-ms-text-shadow: 		2px 2px 2px #999;
	-webkit-text-shadow: 	2px 2px 2px #999;
	-o-text-shadow:			2px 2px 2px #999;	
	text-shadow: 2px 2px 2px #999;
	
	margin : 0px;
} 

#cPhotos
{
	margin-left : 228px;
}

#cPhotosMini
{
	margin-left : 220px;
}
.fondTranslucide
{
        
    -moz-opacity:0.7;    
    filter:alpha(opacity=70);
	opacity:0.7;
    background-color:white;
	
	border: 1px solid  #0081a1;  
	-moz-box-shadow: 	1px 1px 30px #999; 
	-ms-box-shadow: 	1px 1px 30px #999; 
	-webkit-box-shadow: 1px 1px 30px #999; 
	-o-box-shadow: 		1px 1px 30px #999;
	box-shadow: 		1px 1px 30px #999;
	
	-moz-border-radius: 	10px;
	-ms-border-radius: 		10px;
	-webkit-border-radius: 	10px;
	-o-border-radius:		10px;	
	border-radius : 10px;
}

                          /********/

.bodylocation	
{
    font-weight: bold;
    font-size: 14px;
    font-family: verdana;

	background:no-repeat center center fixed; 
	
	-webkit-background-size:cover; 
	-ms-background-size: 	cover;
	-moz-background-size: 	cover; 
	-o-background-size: 	cover; 
	background-size: 		cover; 
}
			
.divMain  
{
    top:2%;
    width:1020px;
    margin: 0pt auto;
	
}


.PhotoMain 
{
    border:2px solid white; 
}
.PhotoSecondaire 
{
    border:2px solid white; 
    width:150px;
    height:100px;  
}

img:hover
{	 /*  effet d'ombrage sur les images   */

	-moz-box-shadow: 	2px 4px 5px #555;  
	-ms-box-shadow: 	2px 4px 5px #555; 
	-webkit-box-shadow: 2px 4px 5px #555; 
	-o-box-shadow: 		2px 4px 5px #555; 
	box-shadow: 		2px 4px 5px #555;
}


.PhotoSecondaireV 
{
    border: 2px solid white; 
}


/***********************************      Text de Presentation     ***********************************/
.ConteneurPresentation
{   
	width:630px;
    text-align: left;
    position: relative;
    margin-left: 220px;
    margin-right: 6px;
    margin-top: 20px;
    margin-bottom: 10px;
    color:black;
    font-weight: normal;
    font-size: 12px;
}

#fondTranslucidePresentation 
{
    height: 335px; 
	padding: 6px;
}

.textOpaquePresentation
{
   height: 400px; 	
   padding: 12px;
   background-color: transparent;   
   position: absolute;              
   z-index: 1;   
}

.textOpaquePresentation li
{
    margin-left: 50px;
}


/***********************************           Partie Contact, Dispo et tarif           ***********************************/

.ConteneurContact
{
    position :absolute;
    display:inline;
    width:230px;
 	margin-top : 30px;
    margin-left: 30px;
    padding:4px;  
}

.textOpaqueContactDispo p
{
  margin-top : 0;
  margin-left : 30px;
  line-height: 18px;
}

                   /*   Contact   */
#fondTranslucideContact
{    
    width:230px;
    height: 110px;     
}

.textOpaqueContact
{
   text-align: center;     
   width:230px;
   height: 110px;    
   padding: 4px;
   color:black;
   background-color: transparent;   
   position: absolute;              
   z-index: 1;   
}

#btnContact
{
  	-moz-border-radius: 	5px;
	-ms-border-radius: 		5px;
	-webkit-border-radius: 	5px;
	-o-border-radius:		5px;	
	border-radius : 		5px;
	
   -moz-box-shadow: 	1px 4px 3px #555;  
   -ms-box-shadow: 		1px 4px 3px #555; 
   -webkit-box-shadow: 	1px 4px 3px #555; 
   -o-box-shadow: 		1px 4px 3px #555;
   box-shadow: 			1px 4px 3px #555;
}


#btnContact:hover
{
   -webkit-transition: 	all 0.5s ease-in-out; 
   -moz-transition: 	all 0.5s ease-in-out;
   -ms-transition: 		all 0.5s ease-in-out;
   -o-transition: 		all 0.5s ease-in-out;
   transition: 			all 0.5s ease-in-out; 
   
   -moz-box-shadow: 	1px 4px 3px #0081a1;  
   -ms-box-shadow: 		1px 4px 3px #0081a1; 
   -webkit-box-shadow: 	1px 4px 3px #0081a1; 
   -o-box-shadow: 		1px 4px 3px #0081a1; 
   box-shadow: 			1px 4px 3px #0081a1;

}


                   /*   Tarif   */

#fondTranslucideTarif
{ 
    width:230px;
    height: 290px; 
}

.textOpaqueTarif
{
   width:230px;
   text-align: left; 
   color:black;
   background-color: transparent;   
   position: absolute;              
   z-index: 1;   

}

#listeTarif li
{	
	padding-left : 0px;
	margin-left : 0px;
	list-style-type : none;
}

#listeTarif li a 
{
	color: #ccc;
	color: rgba(85, 125, 171, 1);

    font-weight: normal;
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: 	all 0.5s ease-in-out;
	-ms-transition: 	all 0.5s ease-in-out;
	-o-transition: 		all 0.5s ease-in-out;
	transition: 		all 0.5s ease-in-out; 
}

#listeTarif li a:hover,
#listeTarif li a:focus 
{
	font-weight: bold;
	color: rgba(15, 125, 237, 1);
}

/********************************************************************\
/*           Page Contact            */

.BodyContact
{
    background-color: white;
    color: black;
    font-family: verdana;
    text-align: left;
    padding:10px;
    font-size: 12px;
}

#frmContact
{
   text-align: left;
   color:black;
   font-weight: bold;
   font-size: 14px;
   font-family: verdana;
   color : #0081a1;
   
   -moz-text-shadow: 		0px 1px 1px #999;
   -ms-text-shadow: 		0px 1px 1px #999;
   -webkit-text-shadow: 	0px 1px 1px #999;
   -o-text-shadow:			0px 1px 1px #999;
   text-shadow: 			0px 1px 1px #999;
   
   margin-left : 45px;
   margin-top : 20px;
}

#frmContact input, #frmContact textarea
{
   -moz-border-radius: 		5px;
   -ms-border-radius: 		5px;
   -webkit-border-radius: 	5px;
   -o-border-radius:		5px;
   border-radius : 			5px;
   
   margin-top : 2px; 
     
   -moz-box-shadow: 	1px 4px 3px #555;  
   -ms-box-shadow: 		1px 4px 3px #555; 
   -webkit-box-shadow: 	1px 4px 3px #555; 
   -o-box-shadow: 		1px 4px 3px #555; 
   box-shadow: 			1px 4px 3px #555;
}

#frmContact input:focus, #frmContact textarea:focus, #frmContact input:hover, #frmContact textarea:hover
{  

   -webkit-transition: 	all 0.5s ease-in-out; 
   -moz-transition: 	all 0.5s ease-in-out;
   -ms-transition: 		all 0.5s ease-in-out;
   -o-transition: 		all 0.5s ease-in-out;
   transition: 			all 0.5s ease-in-out; 
   
   -moz-box-shadow: 	1px 4px 3px #0081a1;  
   -ms-box-shadow: 		1px 4px 3px #0081a1; 
   -webkit-box-shadow: 	1px 4px 3px #0081a1; 
   -o-box-shadow: 		1px 4px 3px #0081a1; 
   box-shadow: 			1px 4px 3px #0081a1;
}

#btnEnvoyer
{
	margin-left : 350px;
}