/* Définition de règle */
@charset "utf-8";
/**{border:1px solid #333333}*/

body {font-family:tahoma; font-size:11px; margin:0; padding:0;}
#center {text-align:center;}
h1,h2,h3,h4,h5,h6,h7,h8, div, span {margin:0; padding:0;}
p {margin:5px;}
hr {height: 1px; margin: 0; padding: 0; color: #FF0099; background-color: #FF0099; border: 0;}
img {display: block;   z-index:0;  border:0;}
div.global {position:relative;  width:950px;   margin:auto;   height:auto;  border:1px solid #999;  z-index:4;  text-align:left;}

#spacer {position:relative;  width:950px;  height:30px;  _height:20px; line-height:30px; text-align:center;}
#spacer-text {position:relative;  width:950px;  height:30px;  _height:20px; line-height:30px; text-align:center; background-color:#CC0000; color:#FFFFFF; font-size:14px;}
#spacer01 {position:relative;  width:200px;  height:20px;  _height:0px;}

.orange, a.orange {color:#DC8400;  font-weight:bold;}
.bigmont, a.bigmont {height:20px; font-size:12px; color:#009EE0;  background-color:#FFF;  font-weight:bold;}
.bigcamp, a.bigcamp {height:20px; font-size:12px; color:#1FA12D; background-color:#FFF;  font-weight:bold;}
.bigmer, a.bigmer { height:20px; font-size:12px; color:#CFAE5E; background-color:#FFF;  font-weight:bold;}

.rose, a.rose {color:#FF3399;  font-weight:bold;}
.grisfin, a.grisfin {color:#333; font-size:10px; font-weight:normal;}
.blanc {color:#FFF;  font-size:12px;  font-weight:bold;  background-color:#FF3399;  display:block;   padding:5px;}

a {color:#000;  font-weight:bold;}
a.gris {color:#333;  font-weight:bold;}
a.ptit {color:#333;  font-weight:bold;  font-size:11px;  text-decoration:none;}
a.blanch{font-weight:bold; font-size:11px; color:#FFFFFF; text-decoration:none;}

.lien_reservation {font-size:11px;  font-weight:bold;  color:#FF0099;  display:block;}
.titre {font-size: 14px;   font-weight: bold;   font-variant: small-caps;}

li {list-style:square;  margin-left:20px;}
ul {list-style:square; margin:0px;}
ul li.except {list-style:none; margin:0px;}

.titre_rub {float:left;    width:235px;  margin-left:15px;  _margin-left:7px;  margin-top:15px;   color:#FFF;   margin-bottom:20px;   font-size:11px;}
.titre_rubmer {float:left;    width:200px;  margin-left:15px;  _margin-left:7px;  margin-top:15px;   color:#FFF;   margin-bottom:20px;   font-size:11px;}
.titre_rubnone {float:left;    width:400px;  margin-left:15px;  _margin-left:7px;  margin-top:15px;   color:#FFF;   margin-bottom:20px;   font-size:11px;}
.titre_offre {float:left;    width:450px;  margin-left:15px;  _margin-left:7px;  margin-top:5px;   color:#FFF;   margin-bottom:20px;   font-size:11px;}
.titre_offre a {color:#000;   font-weight:bold;}

.ariane {float:left;   width:220px;   _margin-left:7px;  margin-top:15px;   text-align:left;   font-size:11px;  color:#FFF;}
.ariane01 {background:url(images/fond_ariane.gif);  float:left;   width:185px;   _width:205px;  height:16px;  padding-left:25px;  _padding-left:5px;  padding-top:1px;  margin-left:210px;  _margin-left:100px;  margin-top:15px;   text-align:center;   font-size:11px;  color:#000;}
.ariane01 a {font-size:11px;  color:#333;}
.ariane02 {position:relative;   left:250px;  margin-top:12px;   text-align:left;   font-size:13px;  color:#FFF;}
.ariane02 a {_margin-left:7px;  margin-top:12px;   text-align:left;   font-size:13px;  color:#FFF;  font-weight:bold;}
.ariane03 {position:absolute;   left:520px;  margin-top:14px;   text-align:left;   font-size:12px;  color:#FFF;}
.ariane03 a {left:520px;  margin-top:14px;   text-align:left;   font-size:12px;  color:#FFF;   font-weight:bold;}
.arianemer {float:left;   width:220px;   _margin-left:7px;  margin-top:15px;   text-align:left;   font-size:11px;  color:#FFF;}

.fond_rub {position:absolute;  width:950px;   height:240px;  margin-top:0px;  z-index:0;  text-align:left;}

.Tableau_01 {position:relative;  width:950px;   margin:auto;   height:auto;  z-index:1;  text-align:left;}
.Tableau_02 {position:relative;  width:446px;  height:500px;    margin:auto;  z-index:1;  text-align:left;}
.Tableau_liste_rub {position:relative;  width:426px;  height:593px;   z-index:1;  text-align:left;  margin-left:20px;}
.Tableau_liste_rub_offres {position:relative;  width:446px;  z-index:1;  text-align:left;   margin:auto;}
.Tableau_entete_rub {position:relative;  width:950px;  z-index:1;  text-align:left;   margin:auto;}
.Tableau_savoirplus {position:relative;  width:100px;   margin:auto;  z-index:1;  text-align:left;}

.conteneur {float:left;    z-index:0;}
.conteneur_hotel {border:1px solid #000;  left:650px;  z-index:10;}
.conteneur_img {position:absolute; top:115px;   z-index:0;   border:0px solid #333;  margin-left:20px;  _margin-left:0px;}
.conteneur_offre {float:left;    z-index:0;  background:url(images/offre_liste_01.jpg) no-repeat;  height:111px;  width:446px;}
.conteneur_offre_detail {float:left;    z-index:1;  background:url(images/offre_fond_01.gif) no-repeat;  height:530px;  width:446px;}
.conteneur_offre_resa {position:absolute;    z-index:1;  background:url(images/offre_fond_01.gif) no-repeat;  height:700px;  width:446px;}
.conteneur_offre_top_resa {float:left;    z-index:0;  background:url(images/offre_liste_fond_mont.gif) no-repeat;  height:610px;  width:446px;}
.conteneur_offre_top_mont {float:left;    z-index:0;  background:url(images/offre_liste_fond_mont.gif) no-repeat;  height:593px;  width:446px;}
.conteneur_offre_top_offres {float:left;    z-index:0;  background:url(images/offre_liste_fond_mont.gif);  height:1186px;  width:446px;}
.conteneur_offre_top_mer {float:left;    z-index:0;  background:url(images/offre_liste_fond_mer.gif) no-repeat;  height:593px;  width:446px;}
.conteneur_offre_top_camp {float:left;    z-index:0;  background:url(images/offre_liste_fond_camp.gif) no-repeat;  height:593px;  width:446px;}
.conteneur_diapo {position:absolute;    z-index:3;      width:450px;  height:291px;  margin:0px; margin-top:0px;}
.conteneur_diapo01 {position:absolute;    z-index:3;      width:350px;  height:291px;  margin-top:-20px;  margin-left:8px;   _margin-left:19px;  _margin-top:-26px;  }

.pagination_diapo {position:absolute;    z-index:5;   margin-top:-20px;  margin-left:75px;}
.pagination_diapo01 {position:absolute;    z-index:5;    margin-top:-20px;}
.diapo {float:left;  z-index:4; margin:10px; text-align:center}

.ofsel01 {position:absolute; left:10px; top:39px; width:220px; height:155px; z-index:1; font-size: 11px;}
.ofsel01_logo {float:left; width:90px; height:60px; z-index:1; font-size:11px; margin:5px;}
.ofsel01_titre {float:left; left:10px; top:39px; width:115px; z-index:1; font-size:11px; margin-top:5px;}
.ofsel02 {position:absolute; left:241px; top:39px; width:220px; height:155px; z-index:1;}
.offrespe {position:absolute; left:477px; top:39px; width:289px; height:155px; z-index:1;}
.offrespe_logo {float:left; width:60px; height:40px; z-index:1; font-size:11px; margin:5px; margin-top:8px;}
.offrespe_titre {float:left; width:205px; z-index:1; font-size:11px; margin-top:8px; margin-bottom:10px; margin-left:5px;}

.typresid {position:absolute; left:312px;  top:5px;  width:144px;  height:155px;   z-index:1;  font-size:11px;  color:#99CC00;  text-decoration:none;}
.typresid a {color:#3399CC; text-decoration:none;}

.offreliste {position:absolute;  width:446px;}
.offre {position:relative;}

.content {margin:0px;  z-index:2;   height:100px;  margin:10px 10px 0px 10px;  font-size:11px;}
.content_top {margin:0px;  z-index:2;   height:34px;  margin:10px 10px 0px 10px;  color:#FFF;  font-size:14px;}

.basdepage {float:left;  width:940px;  height:30px;   margin-top:10px;  font-size:11px;  margin-right:10px;}

.ensavoirplus_mont {position:relative;  width:300px;  height:100px;   text-align:left;  background-color:#0076BB;  margin-top:-20px;  _margin-top:-30px;  margin-left:70px;   color:#FFF;  font-size:11px;    padding:10px;  padding-bottom:20px;  _padding:10px;}
.ensavoirplus_mer {position:relative;  width:300px;  height:100px;   text-align:left;  background-color:#F39400;  margin-top:-20px;  _margin-top:-30px;  margin-left:70px;   color:#FFF;  font-size:11px;    padding:10px;  padding-bottom:20px;  _padding:10px;}
.ensavoirplus_camp {position:relative;  width:300px;  height:100px;   text-align:left;  background-color:#9DC450;  margin-top:-20px;  _margin-top:-30px;  margin-left:70px;   color:#FFF;  font-size:11px;    padding:10px;  padding-bottom:20px;  _padding:10px;}

.logo_rub {float:left;  margin:5px; width:110px;}
.logo_diapo {float:left;  margin:5px;}

.contenu_rub {float:left;  width:200px;  height:95px;  margin-left:10px;  margin-top:5px;}
.contenu_rub01 {float:left;  width:70px;   height:95px;  margin-left:20px;  margin-top:5px;}
.contenu_offre {float:left;      margin-left:15px;  margin-top:20px;}
.contenu_offre_resa {float:left;  margin-left:20px;  margin-top:0px;}

#contacts {margin-left:10px;  _margin-left:0px;}
#carte {position:relative; z-index:100; margin-top:0px;}
#publicite {position:relative; z-index:100; margin-top:0px;}
#diaporama {position:relative; z-index:50; margin-left:30px; margin-right:30px; _margin-left:50px; _margin-right:50px; border:1px dashed #999999}

 
.opt_mini, option.mini {font-family:tahoma; color:#999; display:block;  height:15px;  width:80px;  font-size:9px;}
input.one {font-family:tahoma; color:#999; font-weight:bold; display:block;  height:20px;  width:110px;  font-size:9px; margin:auto;}
select {width:110px;  font-size:9px;  font-family:tahoma;}

#base{position:absolute; border:0px solid #999; text-align:center; margin-left:-5px;}
#div1,#div2,#div3 {position:absolute; border:0px solid #999; text-align:center; margin-left:-5px;}
.encart{width:140px; background-color:#3399CC; display:block; color:#FFF; margin-bottom:3px; padding:3px}
#pub{margin-top:5px;}
/* Fin de la section de style généré par WebExpert le 17/09/2007 16:20:27 */

/*lightbox*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}