body   {font-size:100%;
		margin:0px;		
		font-family:sans-serif, Arial, Helvetica, ;
		text-align:center;
		background-color:#dad0b0;
		
		}
/*-----------------Page index---------------------------------------------------------------------------------------*/
.bodygen{width:800px;
		height:800px;
		margin:auto;
		}
.cadreh{height:100px;
		}
.cadre{float:left;
	   height:500px;
	   width:750px;
	   background-image:url(../img/fond-accueil.jpg) ;
	   background-repeat:no-repeat;
	   background-position:center;
	   }
.photohaut{ float:left;
			width:750px;
			}
.photohautanglais{float:left;}
.photohautanglais img{margin:70px 0px 0px 55px;
					}
.photohautfrancais{ float: left;
					margin:0px;
					
					}
.photohautfrancais img{margin:71px 0px 0px 0px;
					   border:1px solid #49352d;
						}
.texte-haut-1{Float:left;
			  margin:20px 0px 0px 60px;
			  font-size:17px;
			  font-family:"Lucida Handwriting";
	 		  color:#FFFFFF;}	
.photohautimg{float: right;
			  width: 250px;
			  }
.photohautimg img{float:right;
				  margin:10px 69px 0px 0px;
				  border:1px solid #49352d;}
.photomilieu-1{float:left;
			   width:480px;
			   }
.photomilieu-2{float: right;
			   width: 250px;
			   margin:0px;
			 }
.photomilieu-2 img{ margin:40px 0px 0px 0px;
				    float:right;
					border:1px solid #49352d;}
.photobas{float:right;
		  width:708px;
		  }
.photobas img{float:right;
			  margin:40px 68px 0px 0px;
			  }
.text{float:left;
	  text-align:center;
	  width:400px;
	  font-size:35px;
	  font-family:"Lucida Handwriting";
	  color:#FFFFFF;
	  margin:0px;
	  padding-left:20px;
	  line-height:55px;
	   }
.lerelais{float:left;
		  width:400px;
		  font-size:12px;
		  color:#FFFFFF;
		  text-align:center;
	 	  font-family:"Lucida Handwriting";}
.lerelais a{text-align:center;
	        font-size:14px;
		    color:#FFFFFF;
		  	text-decoration:none;
	 	    font-family:"Lucida Handwriting";}
.lerelais a:hover{text-decoration:underline;text-align:center;}
.text2{float:left;
	  text-align:center ;
	  vertical-align:top;
	  width:430px;
	  font-size:9px;
	  font-family:"arial";
	  color:#49352d;
	  margin:0px;
	  padding:5px 0px 0px 0px;
	  }
.text2 a{text-decoration:none;
		 color:#49352d;}
.text2 a:hover{text-decoration:underline;}
.text2 c{text-transforme:none;
		 font-size:9px;
		 text-decoration:none;
		 }
/*-----------------------------------------------------------*/
.bodygen2{width:800px;
		margin:auto;
		}
.cadre-top{float:left;
		   width:790px;
		   margin:auto;
		   margin-top:30px;
		   margin-bottom:15px;
		   }
.text3{float:left;
	  text-align:center;
	  vertical-align:top;
	  width:350px;
	  font-size:35px;
	  font-family:"Lucida Handwriting";
	  color:#663300;
	  margin:0px;
	  padding-left:5px;
	  line-height:50px;
	  height:80px;
	  }
.cadre-top img {margin: 20px 0px 0px 5px;
				}
.mnu {float:left;
      width:810px;
	  background-color:#FFFFCC;
	 }
.btn-fonc{float:left;
		  background-color:#49352d;
		  padding:1px 21px 0px 21px;
		  _padding:1px 18px 0px 17px:;
		  font-family:arial;
		  color:#FFFFFF;
		  font-size:12pt;
		  border:1px solid #FFFFCC;
		  _height:22px;
		  
		  }
.btn-clr{ float:left;
		  text-align:center;
		  background-color:#FFFFCC;
		  margin:0px 0px 0px 1px;
		  padding:2px 0px 0px 0px;
		  _padding:1px 0px 0px 0px;		
		  font-family:arial;
		  color:#49352d;
		  font-size:12pt;
		  }
.btn-clr a{text-decoration:none;
			color:#49352d;
			padding:0px 16px 0px 16px;
			_padding:0px 17px 0px 16px;
			background-color:#FFFFCC;
			border:1px solid #49352d;
			_height:8px;
			
			}
.btn-clr a:hover{text-decoration:none;
				 background-color:#49352d;
				 color:#FFFFFF;
				 }
.btn-fonc1{float:left;
		  background-color:#49352d;
		  padding:1px 21px 0px 21px;
		  font-family:arial;
		  color:#FFFFFF;
		  font-size:12pt;
		  border:1px solid #FFFFCC;
		  _height:22px;
		  
		  }
.btn-clr1{ float:left;
		  text-align:center;
		  background-color:#FFFFCC;
		  margin:0px 0px 0px 1px;
		  padding:2px 0px 0px 0px;
		  _padding:1px 0px 0px 0px;		
		  font-family:arial;
		  color:#49352d;
		  font-size:12pt;
		  }
.btn-clr1 a{text-decoration:none;
			color:#49352d;
			padding:0px 21px 0px 21px;
			_padding:0px 21px 0px 21px;
			background-color:#FFFFCC;
			border:1px solid #49352d;
			_height:8px;
			
			}
.btn-clr1 a:hover{text-decoration:none;
				 background-color:#49352d;
				 color:#FFFFFF;
				 }
.cadre-centre{float:left;
			  width:800px;
			  margin:1px 0px 0px 0px;
			  padding:0px 5px 0px 5px;
			  background-color:#49352d;

			  }
.cadre-centre2{float:left;
			   width:800px;
			   padding:0px 5px 0px 5px;
			   background-color:#49352d;
			   color:#fff;
			   text-align:left;
			   font-size:14px;
			  }
.cadre-centre3{float:left;
			   width:800px;
			   background-color:#49352d;
			   color:#fff;
			   text-align:center;
			   
			   }
.cadre-centre2 h2{text-align:center;
			      }
.cadre-centretot{float:left;
				 margin:5px auto;
				 width:800px;
				 height:160px;}
.photo{float:left;
	   margin:3px 53px 3px 53px;
	   border:2px solid grey;

	   width:200px;
	   height:150px;}
.texte{float:left;
	   margin:3px 3px 3px 3px;
	   color:#FFFFFF;
	   font-family:arial;
	   font-size:14px;
	   text-align:left;
	   width:480px;
	   height:150px;
	   }
.texte h2{font-size:14px;
		  text-align:center;}
.cadre-centretot2{float:left;
				  margin:5px 0px 0px 0px;
				  width:800px;
				  
				  }
.cadre-centretot3{float:left;
				  margin:5px 0px 0px 0px;
				  width:800px;
				  height:450px;
				  }
.photo2{float:left;
	   margin:30px 3px 3px 3px;
	   width:300px;
	   height:250px;
	  
	   }
.photo2 img{float:center;
			margin:0px 0px 0px 0px;
			border:1px solid #FFFFCC;
			}
.photo2b{float:left;
	   margin:30px 3px 3px 3px;
	   width:300px;
	   height:250px;
	   }
.photo2b img{float:center;
			margin:0px 0px 0px 0px;
			border:1px solid #FFFFCC;
			}
.photo3{float:left;
	   margin:0px 3px 3px 3px;
	   width:300px;
	   
	  }
.photo3 img{float:center;
			margin: 2px 0px 0px 3px;
			border:1px solid #FFFFCC;
			
			}
.photo3 img:hover{border:1px solid #FFFFCC;
				  }
.photo4{float:left;
	   margin:0px 3px 3px 3px;
	   width:300px;
	   
	  }
.photo4 img{float:center;
			margin: 20px 0px 0px 3px;
			border:1px solid #FFFFCC;
			
			}
.photo4 img:hover{border:1px solid #FFFFCC;
				  } 
		 
.texte2{float:left;
	   margin:20px 3px 3px 30px;
	   color:#FFFFFF;
	   font-family:arial;
	   font-size:14px;
	   text-align:left;
       width:450px;
	   height:260px;
	
	   } 
.texte2 h2{text-align:center;
		   }

.texte3{float:left;
		text-align:center;
	  	margin:25px 3px 3px 30px;
	    color:#FFFFFF;
	    font-family:"Courier New", Courier, mono;
	    font-size:16px;
	    text-align:left;
	    width:400px;
  	    }
.texte3 a{text-align:center;
		  color:#FFFFFF;
		  text-decoration:none;
		  margin:0px 60px 0px 60px;
		  } 
.texte3 a:hover{text-decoration:underline;}
.texte4{float:left;
		text-align:center;
	  	margin:25px 3px 3px 80px;
	    color:#FFFFFF;
	    font-family:arial;
	    font-size:16px;
	    text-align:left;
	    width:400px;
		}
.texte4 a{text-align:center;
		  color:#FFFFFF;
		  text-decoration:none;
		  margin:0px 60px 0px 150px;
		  } 
.texte4 a:hover{text-decoration:underline;} 
.texte4b{float:left;
		text-align:center;
	  	margin:30px 3px 10px 0px;
		padding:0px 0px 10px 0px;
	    color:#FFFFFF;
	    font-family:"Courier New", Courier, mono;
	    font-size:16px;
	    width:790px;
		}
.texte4b a{text-align:center;
		  color:#FFFFFF;
		  text-decoration:none;
		  } 
.texte4b a:hover{text-decoration:underline;} 
.cadre-bottom{float:left;
			  text-align:center;
			  font-size:9px;
			  font-family:arial;
			  color:#49352d;
			  margin:0px 0px 20px 0px;
			  width:800px;
			  }
.cadre-bottom a{text-decoration:none;
		 color:#49352d;
		 margin:0px 0px 0px 0px;}
.cadre-bottom a:hover{text-decoration:underline;}
.cadre-bottom c{text-transform:none;
		 font-size:9px;
		 text-decoration:none;
		 }
.menu{ float:left;
	   margin:20px 3px 3px 30px;
	   color:#FFFFFF;
	   font-family:arial;
	   font-size:14px;
	   text-align:center;
       width:450px;
	   
	  
	   
	   } 
.photo-pdf{float:left;
			}
/*.....................................tarif..............*/

.tableau{float:none;
		 margin:auto;
		 width:600px;
		 border:1px solid #dad0b0;
		 height:176px;
		 margin-bottom:10px;
		}
.tableau2{float:none;
		 margin:auto;
		 width:600px;
		 border:1px solid #dad0b0;
		 height:148px;
		 margin-bottom:10px;
		}
.tableau3{float:none;
		 margin:auto;
		 width:600px;
		 border:1px solid #dad0b0;
		 height:134px;
		 margin-bottom:10px;
		}
.titre{float:left;
		 margin:auto;
		 width:600px;
		 background-color:#dad0b0;
		 color:#49352d;
		}
.saison{float:left;
		 margin:auto;
		 width:600px;
		 
		 }
.colonne{float:left;
		 width:180px;
		 font-size:12px;
		 font-family:"arial";
	     color:#FFFFFF;
		 padding:3px 10px 1px 10px;
		 _padding:3px 5px 1px 5px;
		 }
.colonne1{float:left;
		 width:180px;
		 font-size:12px;
		 font-family:"arial";
	     color:#49352d;
		 padding:3px 10px 3px 10px;
		 _padding:3px 5px 3px 5px;
		 }
.colonne2{float:left;
		 width:268px;
		 font-size:12px;
		 font-family:"arial";
	     color:#FFFFFF;
		 padding:3px 10px 3px 10px;
		 _padding:3px 5px 3px 16px;
		
		 }
.colonne2-2{float:left;
			width:310px;
			margin-top:10px;
		    font-size:12px;
		    font-family:"arial";
			text-align:center;
			_margin-left:10px;
			
		   }
.colonne3{float:left;
		 width:268px;
		 font-size:12px;
		 font-family:"arial";
	     background-color:#dad0b0;
		 color:#49352d;
		 padding:3px 10px 3px 10px;
		 _padding:3px 5px 3px 5px;
		 
		 }
.colonne3-1{float:left;
			width:600px;
			
			
			}
.colonne3-2{float:left;
			width:312px;
			_width:332px;
			padding-top:10px;
			padding-bottom:23px;
			_padding-bottom:30px;
			background-color:#dad0b0;
			font-size:12px;
			font-family:"arial";
			color:#49352d;
			text-align:center;
			
			}
.periode{float:left;
		 margin:auto;
		 width:600px;
		 background-color:#dad0b0;
		 }
.chambre{float:left;
		 margin:auto;
		 width:600px;
		 }	 
.chambre1{float:left;
		 margin:auto;
		 width:600px;
		 background-color:#dad0b0;
		 }
.inv{visibility:hidden;
		position:absolute;}
.inv2{visibility:hidden;}
.contact-text{float:left;
			 text-align:center;
			 font-size:15px;
			 font-family:Arial;
			 margin-top:15px;
			 color:#dad0b0;
			 width:800px;
			
			 }
.contact-text a{text-decoration:none;
			   color:#dad0b0; }
.contact-text a:hover{text-decoration:underline;
			   color:#dad0b0; }
.formulaire{float:center;
			width:800px;
			margin:auto;
			text-align:left;
			font-size:15px;
			font:Verdana, Arial, Helvetica, sans-serif;
			color:#dad0b0;
			
			}
.formulaire input {float:left;
					width:180px;
					margin:0px 40px 2px 0px ;
					
					}
.formulaire textarea {float:left;
					width:550px;
					height:100px;}
.label{float:left;
		width:150px;
		margin:0px 0px 2px 0px;
		}
.valider{width:750px;
		float:left;
		margin:15px 0px 10px 0px;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		}
.reser{width:auto;
	   text-align:center;
	   font-size:14px;
	   padding:2px;
	   
}



.reser a{color:#49352d;
	   background-color:#FFFFCC;
	   border:1px solid #49352d;
	   text-decoration:none;
	   padding:2px;}
.reser a:hover{text-decoration:none;
				 background-color:#49352d;
				 border:1px solid #FFFFCC;
				 color:#FFFFFF;}
.localisation{float:left;
			  text-align:center;
			  color:#dad0b0;
			  padding: 0px 2px 10px 2px ;}
.localisation h2{font-size:15pt;}