body {
	font : normal 11px verdana,arial,sans-serif;
	color : #696969;
	background-color: #D7DBC0;
	text-align: center;
	margin: 0 0 20px 0; 

}
#contenu {
    /*position: relative; */
    margin-left: auto;
    margin-right: auto;
    width: 750px;
    text-align: left; 
	background-color: #FFFFFF;
	border: 1px solid #98B576;
	
  }
  
#haut {

   width:750px;
   background-color: #FFFFFF;
   height:223px;
   font : normal 11px verdana,arial,sans-serif;
}
  
h1 {
 padding-top:0px;
 width:99%;
 border-bottom: 1px solid #006600;
 font : normal 14px verdana,arial,sans-serif;
 color: #006600;

}



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

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

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

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

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

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

	 
#centre {
 /*position:relative;
 left : 0;
 top : 0;*/
 width:100%;
 z-index: 1;
 padding-top:15px;
 padding-left:0px;
 background-color: #FFFFFF;
 height:auto;
 min-height:500px; 
 margin-top:0px;
}


* html #centre {
height: 500px;
}

   
div#encartOffre {
	
	background : url(../images/offre-haut.gif) left top no-repeat;
	width:300px;
	padding-top:15px;
	margin:15px 0px 0px 0px;
	

}

div#blocEncartOffre {
    background : url(../images/offre-bas.gif) left bottom no-repeat;
    padding-bottom:10px;
}

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

div#blocEncartOffre p a {
   text-decoration :underline;
}
   
#gaucheAcc {
	width:380px;
	height:auto;
	padding : 0px 0px 5px 10px;
    float:left;
	margin-left:5px;
	background-color: #FFFFFF;
    color:#696969;
	font-size:11px;
 }
 
#gaucheAcc a {
    text-decoration :none;
	color:#006600;
	font-weight:bold;
}
 
#gauche {
	width:340px;
	height:auto;
	padding : 10px 0px 5px 10px;
    float:left;
	margin-left:5px;
	background-color: #FFFFFF;
	

 }
 
#droite {
  margin:0px 10px 20px 10px;
  padding-top:5px;
  float:right;
  height:auto;
  /*background-color: #FFFFFF;*/


}

   
#milieu {
  position:relative;
  padding : 0px 0px 5px 10px;
  background-color: #FFFFFF;
  height:auto;
  width:740px;
  color:#696969;
}



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

#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: #006600;
}

#pied {
    clear:both;
	color:#006600;
	width: 750px;
	height:20px;
	font-size: 11px;
    text-align:center;
    background-color: #FFFFFF;
	padding-top:3px;
	padding-bottom:10px;
	margin-top:40px;
}

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

#copyright {
    color:#666666;
	background-color: #D7DBC0;
    margin-left: auto;
    margin-right: auto;
    width: 750px;
	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;
}

.sejourMalin {
 color: #336699;
}

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

.sejourMalin .prix {
 /*color:#336699;*/
 font-size:11px;
 font-weight:bold;
}

.typech {
	color: #006600;
	font-size:11px;
}

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

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

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

}


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

 
}

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

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

}

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

.voirdispo {
/*position:absolute;
left:290px;
margin-top:200px;*/
}


.voirdispo a {
font-size:11px;
font-weight:bold;
}

.stcomplet {
position:absolute;
left:585px;
margin-top:20px;
}

.total {

border: 1px solid #006600;
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-left:130px;
  text-align:left;
  font : normal 11px verdana,arial,sans-serif;
  color : #333333;
  width:100%;
 }

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


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

	}
	
table#CcadreT td {
padding:3px 0px 3px 2px;
font-size:11px;
	}
		
#CenteteT {
	width:60px;
	background-color: #98B576;
	color: #333333;
	text-align:center;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #006600;
	
}

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

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

#CligT {
    width:60px;
	color: #006600;
	background-color: #DCE6D0;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align:center;
}


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

/* Tarifs en ligne par période  */

table#cadreT {
    width:400px;
	border: 1px solid #006600;
	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 #006600;
	
}

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

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

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


#ligT1p {
	color: #006600;
	background-color: #FFFFCC;
	text-align:left;
	width:150px;
	border-bottom: 1px solid #FFFFFF;
   
}

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

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

#ligTp {
    
	width:350px;
	color: #006600;
	background-color: #FFFFCC;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align:center;
    font-size:11px;
}



#prixT {
    border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
    padding:5px 5px 5px 5px;
	color: #006600;
	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: #006600;
	background-color: #FFFFCC;
	text-align:center;
	width:30%;
	margin-bottom : 1px;
}

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


#conditions {

  text-align:justify;
  margin : 10px 25px 0px 20px;
  background-color: #FFFFFF;
  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;
}*/



#tabdispo {
/*width:720px;*/
}

#tabdispo .txtcol {
font-size:10px;
}
#tabdispo .txtcolM {
font-size:11px;
color: #006600;
font-weight:bold;
padding-top:5px;
}
#tabdispo .txtcolJ {
color: #006600;
font-size:10px;
font-weight:normal;
height:32px;
text-align:center;
line-height:15px;
}
#tabdispo .txtcolJ .jour {
color:#666666;
}
#tabdispo .txtcol a {
font-size:10px;
font-weight:bold;
text-decoration:none;
color: #006600;
}
#tabdispo .txtcolT {
font-size:10px;
width:185px;
}
#tabdispo .txtcolD {
font-size:11px;
width:13px;
height:20px;
}

.legended {
padding:12px 0 0 179px;
font-size:10px;
}

.legended .libre, .legended .complet {
clear:both;
padding:0 0 0 10px;
height:22px;
}

.legended .libre div {
float:left;
background-color:#DCE6D0;
width:20px;
height:15px;
margin:0 10px 0 0;
}

.legended .complet div {
float:left;
background-color:#FF9900;
width:20px;
height:15px;
margin:0 10px 0 0;
}

.legended .libre span, .legended .complet span {
float:left;
}
#cadreDates {
	color: #006600;
	/*background-color: #E6ECDD;*/
	background-color: #F0F3EB;
	border: 1px dotted #006600;
	width:470px;
	height: auto;
	padding:10px 10px 10px 10px;


}

#cadreResa {
	color: #696969;
	background-color: #FFFFFF;
	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: #006600;
	font-size:12px;
}

.txtetapes {

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

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

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

}

.boiteInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 180px;
}
.sejour {
    float:left;
	width:350px;
	height:auto;
	color: #696969;
	/*color: #336699;*/
	background-color: #FFFFFF;
	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: #336699;
	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;
}

.contourCarte {
	border: 1px dotted #CC6633;
	color: #CC6633;
	background-color: #FFECC4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#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;
}

#formd {
margin:0;
padding:0;
}

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 { clear:both; 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;}