body {
	font : normal 11px verdana,arial,sans-serif;
	color : #663300;
	background : #674E32 url(../images/fond-bg.jpg) left top repeat-x;
	text-align: center;
	margin: 0 0 0 0; 

}
#contenu {
    position: relative; 
    margin: 0 auto; 
    width: 920px;
    text-align: left; 
	/*border: 1px solid #fff;*/
	background : url(../images/fond-centre.jpg) left top repeat-y;
	
  }
  
#haut {

   width:920px;
   height:220px;
   font : normal 11px verdana,arial,sans-serif;
   background : url(../images/fond-bandeau.jpg) left top no-repeat;
}
  
h1 {
 position:absolute;
 top:210px;
 left:200px;
 padding-top:0px;
 width:650px;
 height:20px;
 border-bottom: 1px solid #BB9F76;
 font : bold 14px verdana,arial,sans-serif;
 color: #806A57;

 /* height:39px;
 background : url(../images/ligne-titre.gif) left top no-repeat;*/
}

#drap {
 position:absolute;
 top:213px;
 left:795px;
 width:80px;

}
 
#centre {

 height:auto;
 min-height:400px; 
 padding-top:20px;
 width:920px;
 background : url(../images/fond-page.jpg) left top no-repeat;
}

* html #centre {
height: 400px;
}



.txt {
	color: #663300;
	font-size: 11px;
}

.txtplus {
	color: #663300;
	font-size: 12px;
}

.titre {
    font-size: 11px;
	color: #336699;
}

.titrevert {
	font-size: 12px;
	color: #663300;
}
.txtvert {
	color: #663300;
	font-size: 11px;
}

.txtgros {
	font-size: 11px;
	color: #663300;
}
  

#navgauche {
position: absolute;
left:0;
width: 224px;
/*background : url(../images/fleur-accueil.gif) left top no-repeat;*/
padding:0px 0 0 0px;
}


.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 1px;
text-align:left;
}
.menugauche a {
margin: 0px 2px;
color:#FBF4DD;
text-decoration: none;
font-size:11px;
text-transform:uppercase;
/*line-height:1.5em;*/

}
.menugauche a:hover {
text-decoration: none;
}

	 


#content {

 margin-left:200px;
 height:auto;
 min-height:400px; 
 margin-top:0px;
 /*width:750px;*/
 padding-top:10px;
 
}

* html #content {
height: 400px;
}

   
div#encartOffre {
	
	background-color:#996633;
	border: 1px solid #663300;
	width:300px;
	height:auto;
	margin:15px 0px 0px 0px;
	

}

div#encartOffre p {
    margin:10px 10px 10px 10px;
	color:#fff;
	font : normal 11px verdana,arial,sans-serif;
}


   
#gaucheAcc {
	width:320px;
	height:auto;
	padding : 5px 0px 20px 0px;
    float:left;
	margin-left:0px;
    color:#663300;
	font-size:12px;
	
 }
 
#gaucheAcc a {
    text-decoration :none;
	color:#663300;
	font-weight:bold;
}
 
#gauche {
	width:340px;
	height:auto;
	padding : 10px 0px 0px 10px;
    float:left;
	margin-left:5px;
	background-color: #FFFFFF;
	

 }
 
#droite {
  margin:0px 10px 20px 30px;
  padding-top:5px;
  float:left;
  height:auto;



}

   
#milieu {
  /*position:relative;*/
  padding : 0;
  height:auto;
  width:740px;
  color:#663300;
  
}



#milieu a {
  text-decoration:underline;
  color: #663300;
}

#sousnav {
  padding : 0px 0px 5px 10px;
  width:740px;
}


#sousnav div {
float:left;
margin:0 8px;
background: url(../images/fleche.gif) top left no-repeat ; 
height:21px;
}

#sousnav div a {
color:#333333;
text-decoration:underline;
padding-left:30px;

}

#contact {
    float:left;
	width:400px;
	height:auto;
	margin-top:20px;
	text-align:left;
}

#contact a {
    text-decoration:underline;
    color: #663300;
}

#pied {
    clear:both;
	color:#663300;
	width: 730px;
	height:20px;
	font-size: 11px;
    text-align:center;
	padding-top:3px;
	padding-bottom:20px;
	margin-top:0px;
    margin-left:180px;
	
}

#pied a {
    color:#663300;
	text-decoration:underline;
}

#copyright {
    color:#666666;
	background-color: #D7DBC0;
    margin-left: auto;
    margin-right: auto;
    width: 920px;
	height: 20px;
	font-size: 10px;
    text-align:left;
	padding-top:5px;
}

#copyright a {
   text-decoration:none;
   color:#666666;
}

#copyright a:hover {
   text-decoration:underline;
   color:#666666;
}

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

.typech {

	color: #663300;
	font-size:11px;

}

.cadrech {
 	margin:15px 0 0 10px;
    height:auto;
    clear:both;
	padding-top:0px;
	
	
}

.cadrech img {
	margin:5px 10px 10px 0;
	border: 1px solid #663300;
	
}

.restogau {
    float:left;
 	width:450px;
	
	
}

.restogau img {
	margin: 0 6px 0 0;
	border: 1px solid #663300;
	
}

div#menus {
    float:left;
	background : url(../images/fond-pave-menus.gif) left top no-repeat;
	width:200px;
	height:130px;
	padding-top:0px;
	margin:0;
	
}

div#menus p {
    margin:10px 10px 0px 10px;
	height:auto;
	color:#F6F0D7;
	font : normal 11px verdana,arial,sans-serif;
}

div#menus p a {
   text-decoration :none;
   color:#663300;
}

div#menus p a:hover {
   text-decoration :none;
   color:#F6F0D7;
}

.cadreTitre {
    padding:3px 4px;
	color: #fff;
	font-size:11px;
    background-color: #996633;
	height:20px;

}


.cadreDesc {
 background-color: #FCFAEF;
 border: 1px solid #663300;
 width:100%;
 height:auto;
 margin-bottom:20px;

 
}

.cadreDesc img {
 margin:5px 5px 5px 5px;
 border: 1px solid #663300;
}
.desc1 {

color:#663300;
float:left;
padding:5px 5px 5px 5px;
width:350px;

}

.desc2 {

color:#333333;
padding:5px 5px 5px 5px;
width:550px;
font-size:10px;
}



.total {

border: 1px solid #663300;
color:#333333;
font-size:11px;
padding:5px 5px 5px 5px;
height:50px;
}

.vignette  {
  
  margin-top:30px;
  float:left;
  width:175px;
  height:130px;
  font-size:11px;
  color:#696969;
  padding-bottom:20px;
}

.vignette img {
 margin-right:5px;
}


ul#enum {
margin : 0;
padding : 0;
list-style-image: url(../images/fleche2.gif);
}

#enum li {
margin-left:50px;
}

#pictos {
margin:15px 0px 10px 0px;
}

#pictos img {
 margin-right:5px;
 margin-top:5px;
}

#plan {
  clear:both;
  padding : 10px 0px 5px 10px;
  text-align:center;
  font : normal 13px verdana,arial,sans-serif;
  color : #333333;
  width:100%;
  }
  
#acces {
  padding : 0 0 5px 10px;
  margin-top:0px;
  margin-left:50px;
  text-align:left;
  font : normal 11px verdana,arial,sans-serif;
  color : #663300;
  width:680px;
 }

#acces a {
    text-decoration:underline;
    color: #663300;
}

#acces p {
  text-align:left;
}
  
#plan img, #acces img {
  border:1px solid #663300;
  margin:5px 0 5px 0;
}  


	
/* Tarifs en colonnes par période */
table#CcadreT {
    width:260px;
	border: 1px solid #663300;
	background-color: #FFFFFF;

	}
	
table#CcadreT td {
padding:3px 0px 3px 2px;
font-size:11px;
	}
		
#CenteteT {
	width:60px;
	background-color: #996633;
	color: #fff;
	text-align:center;
	border-left: 1px solid #DFC0A2;
	border-bottom: 1px solid #663300;
	
}

#CenteteT1 {
    width:200px;
    color: #006600;
    background-color: #FFFFFF;
    border-bottom: 1px solid #663300;
	text-align:left;
	color: #333333;
}	

#CligT1 {
	color: #663300;
	background-color: #FCFAEF;
	text-align:left;
	width:200px;
	/*border-bottom: 1px solid #fff;*/
	
}

#CligT {
    width:60px;
	color: #663300;
	background-color: #FCFAEF;
	border-left: 1px solid #DFC0A2;
	/*border-bottom: 1px solid #fff;*/
	text-align:center;
}


/*---------------------*/

/* Tarifs en ligne par période  */

table#cadreT {
    width:400px;
	border: 1px solid #663300;
	background-color: #FFFFFF;

	}
	
table#cadreT td {
padding:3px 0px 3px 2px;
font-size:11px;
	}
	
#enteteT {
	width:100%;
	background-color: #98B576;
	color: #333333;
	text-align:left;
	border-bottom: 1px solid #663300;
	
}

#enteteT1 {
    color: #663300;
    background-color: #EAEAEA;
    border-bottom: 1px solid #FFFFFF;
	text-align:left;
	color: #333333;
}

#enteteT2 {
    color: #663300;
    background-color: #EAEAEA;
    border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
    text-align:center;
	color: #333333;
}

#ligT1 {
	color: #663300;
	background-color: #DCE6D0;
	text-align:left;
	width:150px;
	border-bottom: 1px solid #FFFFFF;
}


#ligT1p {
	color: #663300;
	background-color: #F4EDC6;
	text-align:left;
	width:150px;
	/*border-bottom: 1px solid #FFFFFF;*/
	border-top: 1px solid #DFC0A2;
   
}

#ligT {
	width:350px;
	color: #663300;
	background-color: #DCE6D0;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align:left;
}

#ligT2 {
    width:50px;
	color: #663300;
	background-color: #FFFFFF;
	border-left: 1px solid #FFFFFF;
	text-align:center;
}

#ligTp {
    
	width:350px;
	color: #663300;
	background-color: #F4EDC6;
	border-left: 1px solid #DFC0A2;
	border-top: 1px solid #DFC0A2;
	/*border-bottom: 1px solid #fff;*/
	text-align:center;
    font-size:11px;
}



#prixT {
    border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
    padding:5px 5px 5px 5px;
	color: #663300;
	background-color: #DCE6D0;
	text-align:center;
	width:30%;
	margin-bottom : 1px;
	margin-left : 0px;
}
#prixTp {
    border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
    padding:5px 5px 5px 5px;
	color: #663300;
	background-color: #FFFFCC;
	text-align:center;
	width:30%;
	margin-bottom : 1px;
}

/* --------------------------------- */


#conditions {

  text-align:justify;
  margin : 10px 25px 0px 20px;
  width:300px;
}




.txtresa {
    width:500px;
	color: #696969;
}



.boite {
	font : normal 11px verdana,arial,sans-serif;
	width: 90px;
	color:#696969;

}
.boite2 {
	font : normal 11px verdana,arial,sans-serif;
	width: 55px;
	color:#696969;
}

.boite3 {
	font : normal 11px verdana,arial,sans-serif;
	width: 150px;
}


#tab1 {
	font-size: 11px;
	color: #006699;
	background-color: #E6E6E6;

}

#tab1 a {
   color: #006699;
   text-decoration:underline;
}

#tab2 {

	font-size: 11px;
	color: #FFE6A2;
	background-color: #CC6600;
}

/*.tab2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFE6A2;
	background-color: #006600;
}*/

#cadreDates {
	color: #663300;
	background-color: #FCFAEF;
	border: 1px dotted #663300;
	width:470px;
	height: auto;
	padding:10px 10px 10px 10px;


}

#cadreResa {
	color: #696969;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	width:500px;
	height: auto;
	padding:5px 0px 5px 0px;
	margin-top:30px;
	font-size:10px;

}

.cadreSel {
	border: 1px solid #006699;
	color: #696969;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.btreserv {
	color: #663300;
	font-size:12px;
}

.txtetapes {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663300;

}
.txtetapes2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.txtpromo {
	font-size: 11px;
	color: #663300;
	font-weight: bold;

}

.boiteInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 180px;
}
.sejour {
    float:left;
	width:350px;
	height:auto;
	color: #696969;
	margin-top:30px;
	font-size:11px;
	
}
/*.cadrePanier {
    float:left;
	width:250px;
	height:auto;
	border: 1px solid #006699;
	color: #006699;
	background-color: #FFFFFF;
	padding:4px 4px 4px 4px;
	margin-top:30px;
	font-size:11px;
}*/

#voirPanier {
    float:right;
	width:180px;
	color:#990000;
	margin-top:30px;
	font-size:10px;
	font-weight:bold;
	}
#voirPanier a {
    text-decoration:none;
	color: #336699;
}	
.txtEven {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.cadreOffre {
	border: 1px solid #CC6600;
	color: #333333;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


div#carte {
	
	background : url(../images/fond-menu-haut.jpg) left top no-repeat;
	width:530px;
	padding-top:8px;
	margin:15px 0px 30px 70px;
	

}

div#blocCarte {
    background : url(../images/fond-menu-bas.jpg) left bottom no-repeat;
    padding-bottom:10px;
	
}

div#blocCarte p {
    margin:0px 10px 0px 10px;
	height:auto;
	color:#663300;
	font : normal 11px verdana,arial,sans-serif;
}

div#blocCarte p a {
   text-decoration :underline;
   color:#663300;
}

#tarifs {
  clear:both;
  padding-top:10px;
  margin-left:20px;
  height:auto;
} 

/*#tarifs {
  position:relative;
  top:20px;
  left:20px;
  scrollbar-base-color:#006600;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#006600;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#000000;
  scrollbar-track-color:#FFB56A;
  

} 

#tarifsDefil  {
  width: 700px;
  height:410px;
  overflow: hidden;
  margin:0;
 } 
 */


form {

    color: #696969;
	font-size: 11px;
    margin-left:0px;
}


label { DISPLAY: inline ; FLOAT: left ; WIDTH: 140px ; font:normal 11px verdana,arial,sans-serif;color:#696969;text-align:left; margin-right:10px; margin-bottom:5px;  }

.input { font : normal 11px verdana,arial,sans-serif;color:#696969;margin-bottom:5px;}

.textarea { font : normal 11px verdana,arial,sans-serif;color:#696969;margin-bottom:5px;}

.select { font : normal 11px verdana,arial,sans-serif;color:#696969; width:200px;margin-bottom:5px;}
.button { font : normal 11px verdana,arial,sans-serif;color: black ;margin-bottom:10px;  }
.radio { font : normal 11px verdana,arial,sans-serif;color:#696969; margin-bottom:0px;}

.label2 { FLOAT: left ; WIDTH: 120px ; font:normal 10px verdana,arial,sans-serif;color:#333333;text-align:right; margin-right:10px;margin-top:10px;  }
.select2 { font : normal 10px verdana,arial,sans-serif;color:#333333; width:35px;margin-right:30px;margin-top:5px;}