body {
margin: 0;
padding: 0;
background-color: gray ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
 /*couleur de fond blanche*/
}
.conteneur { /*le conteneur global du site, qui sera centré */
position: relative;
width: 1000px;
margin: 0 auto; 
}

.header {
height: 150px;
background-color: #99CCCC;
}
.headerchambre {
height: 150px;
background-color: #FFFFFF;
}

.frame {
margin-left: 0px;
width: auto;
height: 390px;
overflow: auto;
font-family: "Bookman Old Style";
font-size: 15px;
color: white;
}

.framechalet {
margin-left: 0px;
width: auto;
height: 390px;
overflow: auto;
font-family: "Bookman Old Style";
font-size: 15px;
color: black;
background-color:white;
text-align:center;
}
.frametarif h1{
font-family: "Comic Sans MS";
font-size: 25px;
color: #993300 ;
background-color:white;
}

.frametarif p{
    margin-left:15px;}

.frametarif {
margin-left: 0px;
width: auto;
height: 390px;
overflow: auto;
font-family: "Bookman Old Style";
font-size: 15px;
color: black;
background-color:white;
}

.framechalet p li{
margin-left: 10px;
}

.framechalet h1{
  
	font-family: "Comic Sans MS";
font-size: 25px;
color: #993300 ;
background-color:white;
}


.frame22 {
margin-left: 0px;
width: auto;
height: 420px;
overflow: auto;
font-family: "Bookman Old Style";
font-size: 15px;
color: white;
background-color:green;
}

.frame22 h2{
font-family: Arial;
font-size:15px;
color:black;

}


.framechambre {
margin-left: 0px;
width: auto;
height: 390px;
background-color:#f8f8cd;
overflow: auto;
font-size: 15px;
font-family: "Bookman Old Style";
}

.frame h1{
    font-family: "Century Gothic";
	 color: yellow;
	 font-size: 17px;
	 font-weight: bolder;
    
}
.frametable {
margin-left: 0px;
width: auto;
height: 390px;
overflow: auto;
font-family: "Bookman Old Style";
font-size: 15px;
background-color: #ffffFF;
background-repeat: no-repeat;
background-position: center;
color: white;
}
.frametable h1{
    font-family: "Century Gothic";
	 color: #cc6633;
	 font-size: 23px;
	 font-weight: bolder;
	 margin-left: 5px;
    
}
.frametable h2{
font-family: "Bookman Old Style";
	 color: #cc6633;
	 font-size: 17px;
	 margin-left: 10px;
    
}

.frametable h3{
	
	
 font-weight: lighter;
font-family: "Bookman Old Style";
font-size: 15px;
margin-left:20px;


color: #333333;
}

.footer {
height: 20px;
background-color: #CCAD83;
text-align:center;
}
.footerchambre {
height: 20px;
background-color: #99CC99;
}
p {
margin: 0 0 5px 0;
}


.bienvenu{
 
 background-image:url('../image/bienvenue.gif');
 margin-top:-20px;
background-color: #993300;
height:400px;
background-repeat:no-repeat;
    
}

.bienvenu2{
 
 background-image:url('../image/coeur.png');
 margin-top:-20px;
background-color: #1f1f1f;
height:400px;
background-repeat:no-repeat;
    
}

.menu { 
  list-style:none; 
  border-bottom:   #ff9900 solid 3px;
  background-color: #ff9900; 
  width:1000px; height:27px; 
  line-height:27px;
  margin:0 0 0 0; 

  }
.menu li { 
  float:left; 
  margin-left:4px;
    background:url(boisnoir.jpg);
}

.menu li a {
  display:block; 
  float:left; 
  height:30px; 
  line-height:27px; 
  color: white; 
  text-decoration:none; 
  font-family: Rockwell;
  text-align:center; 
  font-size:16px;
  padding:0 0 0 0px; 
  cursor:pointer; 
}
.menu li a b {
  float:left; 
  display:block; 
  padding:0 14px 0 7px;
}

.menu li.current a {
  color:#fff; 
  background:url(tuto_304_onglet2.gif);
}
.menu li.current a b {
  background:url(tuto_304_onglet2.gif) no-repeat right top;
}

.menu li a:hover {
  color:#000; 
  background: url(boisblanc.jpg);
}

.menu li a:hover b {
  background:url(boisblanc.jpg)
  no-repeat right top;
}


.menu1 li a {
  display:block; 
  float:left; 
  height:30px; 
  line-height:27px; 
  color:#aaa; 
  text-decoration:none; 
  font-family:arial, verdana, sans-serif; 
  text-align:center; 
  font-size:11px;
  padding:0 0 0 10px; 
  cursor:pointer; 
}
.menu1 li.current1 a {
  color:#fff; 
  background:url(acceuil2.jpg);
}
.menu1 li.current1 a b {
  background:url(acceuil2.jpg) no-repeat right top;
}

.rougegorge{
	
	color: #ff6633;
	font-weight: bold;
	font-family: Arial;

	font-size: 14px;
}
.hirondelle{
	
	color: #ff6600;
		font-weight: bold;
	font-family: Arial;

	font-size: 14px;
}

.tourterelle{
	
	color: #ff33ff;
	font-weight: bold;
	font-family: Arial;

	font-size: 14px;
}

.mesange{
	color: #990000;
	font-weight: bold;
	font-family: Arial;

	font-size: 14px;
}