body {
           margin : 0;
      }
    td {
           font : 11px Verdana, Arial, Helvetica, sans-serif;
           color : #003366;
      }
     a {
           color :#db3c0d;
           font-weight : bold;
      }
     a:hover {
	color:#606;
      }
    
	#navigation td {
           border-bottom : 2px dotted #c0dffd;
      }
          #navigation a {
           font : 12px Verdana, Arial, Helvetica, sans-serif;
		   font-weight:bold;
           color : #ffffff; 
           line-height : 14px;
           letter-spacing : 0.1em;
           text-decoration : none;
           display : block;
           padding : 8px 6px 10px 18px;
           background : url("img/flash.jpg") no-repeat 0px 50%;
		   border-bottom-color:#FFFFFF;
		   border-bottom-style:dotted;
		   border-bottom-width:thin;
      }
     #navigation a:hover {
	       background : #ffffff url("img/flash_.jpg") no-repeat 0px 50%;
           color : #003366;
      }
     #logo {
           font : 24px Verdana, Arial, Helvetica, sans-serif;
           color : #ccff99;
           letter-spacing : 0.2em;
           line-height : 30px;
      }
     #tagline {
           font : 12px Verdana, Arial, Helvetica, sans-serif;
           color : #ff9933;
           letter-spacing : 0.4em;
           line-height : 18px;
      }
    
     #dateformat {
           font : 11px Verdana, Arial, Helvetica, sans-serif;
           color : #003366;
           letter-spacing : 0.2em;
      }
     #dateformat a {
           font : 11px Verdana, Arial, Helvetica, sans-serif;
           color : #003366;
           font-weight : bold;
           letter-spacing : 0.1em;
      }
     #dateformat a:hover {
           color : #ff6600;
           letter-spacing : 0.1em;
      }
    
	.bodyText {
           font:  14px "Trebuchet MS", Arial, Helvetica, sans-serif;  
           color : #003366;
           line-height : 20px;
           margin-top : 0;
		   text-indent:10px;
      }
     .pageName {
           font : 18px Verdana, Arial, Helvetica, sans-serif;
           color : #3366cc;
           line-height : 24px;
           letter-spacing : 0.2em;
		   font-weight:bold;
      }
     .subHeader {
           font : bold 10px Verdana, Arial, Helvetica, sans-serif;
           color : #3366cc;
           line-height : 16px;
           letter-spacing : 0.2em;
      }
     .quote {
		 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		 font-size:20px;
		 color : #759da1;
         line-height : 25px;
      }
     .smallText {
           font : 10px Verdana, Arial, Helvetica, sans-serif;
           color : #003366;
      }
     .navText {
           font : 12px Verdana, Arial, Helvetica, sans-serif;
		   font-weight:bold;
           color : #003366;
           line-height : 14px;
           letter-spacing : 0.1em;
           text-decoration : none;
      }
      .formulaire {
           color : #0066cc;
           font-size : 11px;
           font-weight : bold;
      }
	  .info {
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  text-decoration: none;
		  color: #FFFFFF;
	  }
	  .info_a { 
	  font-family: Verdana, Geneva, sans-serif;
	  font-size: 12px;
	  color: #FFFFFF;
	  text-decoration: underline; 
	  }
	 
     
	.menu_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	color: #FFFFFF; 
	letter-spacing: 0.1em;
	}
	 
	 .liste {
	 background-image: url(img/pointer2.gif);
     background-repeat: no-repeat;
	 background-position: left center;
     list-style-type: none;
     padding-left: 12px;
     }
	 .points {border-bottom-color:#0033FF;
	 border-bottom-style:dotted;
	 border-bottom-width:thin;
	 }
	 
	 .offrelien 
	 {
	color:#0685D0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	 }
	 
	 .offre_promo
	 {font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size:19px;
	 font-weight:bolder;
	 color:#C00;
	 }
     
	 
	.cadre {
	 border-left-color:#006699;
	 border-left-style:dotted;
	 border-left-width:thin;
	 border-right-color:#006699;
	 border-right-style:dotted;
	 border-right-width:thin;
	 }
	 
	 .hebergements {
	 background-image: url(img/heb.gif);
     background-repeat: no-repeat;
	 background-position: left center;
     list-style-type: none;
     padding-left:25px;
	 color:#FF8A00;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 20px;
	 font-weight:bold;
	 }
	 .services {
	 background-image: url(img/serv.gif);
     background-repeat: no-repeat;
	 background-position: left center;
     list-style-type: none;
     padding-left: 25px;
	 color:#33CC33;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 20px;
	 font-weight:bold;
	 }
	 .description {
	background-image: url(img/desc.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding-left: 25px;
	color:#03C;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	 }
	 
.foto_t {
	border: 3px #E0E0E0 solid;
}
	 
#thumbnail {
position: relative;
z-index: 0;
}

#thumbnail:hover{
background-color: transparent;
z-index:50;
}

#thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#CCC;
padding: 0px;
right: -5px;
border: 1px dashed gray;
visibility:hidden;
color:#000;
text-decoration: none;
}

#thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

#thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: -40px;
right: 5px; /*position where enlarged image should offset horizontally */

}

.list	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	list-style-image:url(img/point.gif);
	padding-left:17px;
     }
	 
	 .list1	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	list-style-image:url(img/point1.gif);
	padding-left:13px;
     }
	 
	  .list2	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	list-style-image:url(img/point2.gif);
	padding-left:15px;
     }
	
	  
	  .accueil {background-color:#FFF9E6;
	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	 font-size:14px;
	 border:#666 0.2em dashed;
	 line-height:20px;
	 text-indent:10px;
	  }
	  
#menu_h a{
		  font-family:Verdana, Geneva, sans-serif;
		  font-size:12px;
		  font-weight:bold;
		  padding-left:25px;
		  text-decoration:underline;
		  color:#FFF;
	  }
#menu_h a:hover{color:#3366cc;}
#menu_h_r a{
		  font-family:Verdana, Geneva, sans-serif;
		  font-size:12px;
		  font-weight:bold;
		  padding-left:15px;
		  text-decoration:underline;
		  color:#FFF;
	  }
#menu_h_r a:hover{color:#3366cc;}

#tarif td{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	      font-size:14px;
		  font-weight:bold;
          line-height :22px;
		  text-align:center;
		  vertical-align:middle;
		  border:#999 dashed 1px;
}

a.btn-pa { background:url(../img/btn-pa.jpg) no-repeat 0 -88px;height:88px;text-indent:-9999em;display:block;float:left;width:165px;}
a.btn-tm { background:url(../img/btn-tm.jpg) no-repeat 0 -88px;height:88px;text-indent:-9999em;display:block;float:left;width:165px;}
a.btn-im { background:url(../img/btn-im.jpg) no-repeat 0 -88px;height:88px;text-indent:-9999em;display:block;float:left;width:165px;}
a.btn-pa:hover,
a.btn-tm:hover,
a.btn-im:hover { background-position:0 0;}

a.villas { background:url(img/villas.jpg) no-repeat 0 0;height:126px;text-indent:-9999em;display:block;float:left;width:165px;}
a.villas:hover { background:url(img/villas_.jpg) no-repeat 0 0;}