/* CSS Document */
/*
gris : #5d5d5d;
turquoise : #2db8d2;
bleu : #3a739d;
bleu marine : #244694;
*/
*{
  margin:0;
  padding:0;
}
img{
  border:none;
}
body{
  font-size:62.5%;
  font-family: trebuchet MS, arial, Verdana;
  color:#5d5d5d;
  background:#FFFFFF;
}

.net{
  clear:both;
  visibility:hidden;
}
.net10{
     display: block;
     height: 0;
     margin: 0;
     _margin: -7px 0;
     padding: 0;
     border: 0;
     visibility: hidden;
}
a:link,a:visited{
  text-decoration:underline;
  color:#244694;
}
a:hover{
  text-decoration:none;
  color:#2db8d2;
}

h1{
  font-size:2.4em;
  color:#FFFFFF;
}
h2{
  color:#3a739d;
  font-size:2.4em;
  padding:0 0 1px 0;
  margin:6px 0 17px 0;
  background:url(../img/ligneh2.gif) no-repeat bottom left;
}
h3{              
  font-size:2em;
  color:#3a739d;
}
h4{
  font-size:1.6em;
  color:#3a739d;
}
.engras{
	font-weight: 900;
	font-size: 1.2em;
}
/*-_-_-_-_-_-_-_-_-_-header-_-_-_-_-_-_-_-_-_-*/

#header{
  width:960px;
  height:328px;
  background:url(../img/header.jpg) no-repeat;
  position:relative;
  margin:0 auto;
}
#logo{
  position:absolute;
  bottom:0;
  right:68px;
}
#emeraude{
  position:absolute;
  left:120px;
  top:5px;
}
#emeraude p{
  font-size:1.8em;
  color:#FFFFFF;
  font-weight: bold;
}
#accroche{
  font-size:2.4em;
  color:#2db8d2;
  position:absolute;
  left:54px;
  top:265px;
  font-weight: bold;
}
/*-_-_-_-_-_-_-_-_-_-page-_-_-_-_-_-_-_-_-_-*/

#page{
  width:960px;
  margin:0 auto;
}
#flashMessage{
font-size: 1.3em;
  font-weight:bold;
  color: #fd701b;
}
/*popupflash message*/
#popupfondpasdispo{
	top:0;
    left:0;
    width:100%;
    height:100%;
    position: fixed;
	display: none;
   /* background-image: url(../img/background_transparent.png);*/
	z-index: 100;
}


#mapopuppasdispo{
	width: 360px;
	height: 125px;
	background-color: #fd701b;
	display: block;
	position: absolute;
	color: #fff;
	z-index: 200;
	top: 50%;
	left: 50%; 
	margin-top: -100px;
	margin-left: -220px;
	-moz-border-radius : 10px 10px / 5px 5px;
	-khtml-border-radius : 15px;
	padding-right: 35px;
}
#mapopuppasdispo p{
	width: 340px;
	display: block;
	margin: 15px 25px 10px;
	
	font-weight: bolder;
	font-size: 1.2em;
}
#mapopuppasdispo a{
	color: #fff;
}

/*---------------gauche------------*/
#contenu{
  width:740px;
  padding-left:10px;
  float:left;
  
}

/*--hotels--*/
ul.hotels{
	display: block;
	width:725px;
	float: left;
	/*margin-bottom: 25px;*/
}
ul.hotels li{
  float:left;
  width:128px;
  padding:0 8px 0 8px;
  border-right: 1px solid #81d4e4;
  list-style:none;
  font-size: 1.2em;
}
ul.hotels img{
  margin:5px 0;
}
.grand{
  color:#3a739d;
  font-size: 1.2em;
  font-weight:bold;
}
ul.hotels a:link,ul.hotels a:visited{
  text-decoration:underline;
  color:#244694;
}
ul.hotels a:hover{
  text-decoration:none;
  color:#2db8d2;
}
ul.hotels .nomHotel a:link,ul.hotels .nomHotel a:visited{
  text-decoration:none;
  color:#5d5d5d;
}
ul.hotels .nomHotel a:hover{
  text-decoration:none;
  color:#2db8d2;
}
ul.hotels .grand a:link ,ul.hotels .grand a:visited {
  text-decoration:none;
  color:#3a739d;
}
ul.hotels .grand a:hover{
  text-decoration:none;
  color:#2db8d2;
}

/*--text-intro--*/
p.textIntro{
  font-size:1.2em;
  margin:10px 0;
}

div.select{
	float: left;
	margin-right: 10px;
}
/**Hotels liste**/

/*#hotel1,#hotel2,#hotel3,#hotel4,#hotel5{
	width: 725px;
	display: none;
	background: #eaf8fa;
}*/
.fonBleu{
	background: #eaf8fa;
}
.open{
	display: block;
}
/*#testhotel1{
	display: none;
}*/
p.titrehotel{
	color: #244694;
	text-align: center;
	font-size: 1.4em;
	font-weight: bolder;
	border: 0;
	padding: 5px 0 0 0;
	margin: 0;
	background: #eaf8fa;
	height: 30px;
	display: none;
}
ul.hotelslist p.nomHotel{
	display: block;
	min-height: 60px;
}
ul.hotelslist{
	width: 725px;
	background: #eaf8fa;
	display: none;
	/*border: solid 1px #8dd9e6;*/
	list-style: none;
	float: left;
	/*margin-top: 8px;*/
	/*overflow: scroll;*/
}

ul.hotelslist li{
  float:left;
  width: 130px;
  padding:0 23px 10px 27px;
  /*border-right: 1px solid #81d4e4;*/
  /*list-style:none;*/
  font-size: 1.2em;
  background: none;
}
ul.hotelslist li.first{
  float:left;
  width:165px;
  padding:0 8px 10px 8px;
  /*border-right: 1px solid #81d4e4;*/
  /*list-style:none;*/
  font-size: 1.2em;
  background: none;
}
ul.hotelslist img{
  margin:5px 0;
}
ul.hotelslist a:link,ul.hotelslist a:visited{
  text-decoration:underline;
  color:#244694;
}
ul.hotelslist a:hover{
  text-decoration:none;
  color:#2db8d2;
}
ul.hotelslist .nomHotel a:link,ul.hotelslist .nomHotel a:visited{
  text-decoration:none;
  color:#5d5d5d;
}
ul.hotelslist .nomHotel a:hover{
  text-decoration:none;
  color:#2db8d2;
}
ul.hotelslist .grand a:link ,ul.hotelslist .grand a:visited {
  text-decoration:none;
  color:#3a739d;
}
ul.hotelslist .grand a:hover{
  text-decoration:none;
  color:#2db8d2;
}

/*--activitées--*/
#activitees .blocAct{
  float:left;
  width:365px;
  background:url(../img/fond-activ.gif) repeat-y;
  margin:0 5px 15px 0;
}
#activitees .blocAct h3.titre{
  background:url(../img/top-activ.gif) no-repeat;
  height:18px;
  font-size:12px;
  color:#5d5d5d;
  padding:6px 10px 5px 17px;
}
#activitees .blocAct h3.titre a:link, #activitees .blocAct h3.titre a:visited{
  color:#5d5d5d;
  text-decoration: none;
}
#activitees .blocAct h3.titre a:hover{
  color:#2db8d2;
}
div.apartir{
	font-size:9px;
}
#activitees .internAct{
  padding: 3px 10px 0 10px;   
  font-size:1.1em;
}


#activitees .internAct img   {
  float:left;
  margin:5px 10px 5px 0;    
}
/*---------------droite------------*/
#modules{
 width:200px;
 float:right;
 margin-top:30px;
}
#panier{
  float:left;
  width:200px;
  background:url(../img/fond-panier.gif) repeat-y;
  margin-bottom:15px;
}

#b1{
}

#b1 div{
	float: left;
}
#b1 a{
	color: #fd701b;
}

#b1 div p{
	float: left;
}
#groupes{
  float:left;
  width:200px;

}

/*gestion module groupe ajout romu*/
#groupes{
  /*font-size:1.2em;*/
}

#groupes div.enteteGroupe{
margin: 0;
height: 11px;
width:200px;
}
#groupes div.tarifGroupe{
margin: 0;
background: url(../img/fond-panier.gif) repeat-y;
text-align: center;
color: #244694;
font-weight: bold;
width:200px;
}

#groupes div.footerGroupe{
margin: 0;
background:url(../img/bottom-panier.gif) no-repeat;
height: 11px;
width:200px;
}

#panier h3.titre{
  background:url(../img/top-panier.gif) no-repeat;
  height:17px;
  font-size:12px;
  color:#5d5d5d;
  padding:7px 10px 5px 10px;
}
#panier .internPa{
  padding: 3px 10px 0 10px;
  font-family: arial, Verdana;
  font-size:11px;
}
#panier .internPa p{
  padding: 3px;
}
#panier img{
  margin-top:3px;
}
#minicart{
  width:152px;
  margin-left:10px;
}
#minicart td{
  padding-bottom:4px;
}
#voir, #vide{
  font-size:11px;
  display: block;
  float:left;
  height:17px;
  margin-top:5px;
  font-weight: bold;
  text-align: center;
  padding-top:5px;
}
#voir{
  width:114px;
  background: url(../img/bt-panier.gif) no-repeat ;
  margin-right:4px;
}
#vide{
  width:62px;
  background: url(../img/bt-vider.gif) no-repeat ;
}
a:visited#vide, a:visited#voir, a:link#vide, a:link#voir{
  color:#FFFFFF;
  text-decoration: none;
}
a:hover#vide, a:hover#voir{
  color:#5D5D5D;
}



#date{
  font-size:1.2em;
}
#date .internDate{
  padding: 3px 10px 0 10px;
  font-family: arial, Verdana;
  font-size:11px;
}

/*#date #b1{
  padding:0 3px 6px 20px;
  margin:0 10px 9px 10px;
  background:url(../img/1.gif) no-repeat;
  border-bottom:1px solid #b1e5ee;
}
#date #b2{
  padding:0 3px 6px 20px;
  margin:3px 0 0 10px;
  margin:0 10px 9px 10px;
  background:url(../img/2.gif) no-repeat;
  border-bottom:1px solid #b1e5ee;
}
#date #b3{
  padding:0 3px 3px 20px;
  margin:3px 0 0 10px;
  background:url(../img/3.gif) no-repeat;
}*/
.champsBase{
  border:1px solid #2db8d2;
  background:#FFFFFF;
  padding:1px;
  font-size:11px;
  color:#5d5d5d;
}
input.champsBase{
  width:100px;
}
select.champsBase{
  width:45px;
}
#menuSecondaire{
  font-size:1.2em;
  font-weight: bold;
   line-height: 2.3em;
}

ul.heuresOuverture{
	font-size:1.1em;
	font-weight: normal;
	list-style: none;
}
ul.heuresOuverture li{
	margin: -5px 0 0 0;
}
ul.heuresOuverture li a{
	text-decoration: none;
	color:#5d5d5d;
}
#gauche{
  float:left;
  width:240px;
}
#gauche p{
  font-size:1.2em;
}
#blocTarifs{   
  background:url(../img/fond-tarifs.gif) repeat-y;
  width:241px;
  font-size: 1.1em;
  margin-top:10px;
} 
#blocTarifs table{   
  margin-left:15px;
  text-align: left;
}  
#blocTarifs .titre{   
  font-weight: bold;
  color:#3a739d;
}

#gauche a.BTretour,#gauche a.BTpanier{
  font-size:15px;
  font-weight:bold;
}
.blocTarifs{   
  background:url(../img/fond-tarifs.gif) repeat-y;
  width:241px;
  font-size: 1em;
  float:left;
  margin-right:6px;
  margin-bottom:6px;
} 
.blocTarifs table{   
  margin-left:10px;
  text-align: left;
}
.blocTarifs .titre{   
  font-weight: bold;
  color:#3a739d;
  font-size:1.1em;
}
#visionneuse{
  float:right;
  width:460px;
}
#container{
  height:355px;
}
#buttonContainer{
  margin:0 0 0 20px;
}
#buttonContainer img{
  margin:0 3px;
}
#nav{
  font-size:1.2em;
  text-align: right;
}
#nav a{
  margin:5px;
}
/**POPUP**/
#popupfond{
	top:0;
    left:0;
    width:100%;
    height:100%;
    position: fixed;
	display: none;
    /*background-image: url(../img/background_transparent.png);*/
	z-index: 300;
}
#mapopup{
	width: 360px;
	height: 100px;
	background-color: #3a739d;
	display: block;
	position: absolute;
	color: #fff;
	z-index: 400;
	top: 50%;
	left: 50%; 
	margin-top: -100px;
	margin-left: -220px;
	-moz-border-radius : 10px 10px / 5px 5px;
	-khtml-border-radius : 15px;
}
#mapopup p{
	width: 340px;
	display: block;
	margin: 15px 10px 10px 25px;
}
#mapopup a{
	display: block;
	float: left;
	margin: 5px 10px;
	color: #fff;
	font-weight: bold;
}
#mapopup span{
	display: block;
	margin: 10px auto;
	font-weight: bolder;
	font-size: 1.2em;
}
/*--------grand panier------------------*/
#paniertotal{
	display: none;
}
#ContenuPanier{
  margin:0 0 10px 10px;
}

#ContenuPanier a.btRetour{
  font-size:15px;
  font-weight:bold;
}
#GDpanier{
  background:url(../img/fond-gdpanier.gif) repeat-y #3a739d;
  width:736px;
  font-size:1.2em;
  margin:0 0 10px 0;
}
#GDpanier table{
  margin:5px 5px 0 10px;
}

#GDpanier table td{
  padding-bottom:2px;
}
#GDpanier tr.content{
  background:url(../img/ligne-gdpanier.gif) no-repeat bottom;
}
#GDpanier tr.total{
  background:none;
  font-size:1.1em;
}
#GDpanier .titre{
  font-weight:bold;
  color:  #3a739d;
}
#GDpanier .qts {
  width:20px;
}
#GDpanier .btActu input{
  border:1px solid #5d5d5d;
  background:  #2db8d2;
  color:#ffffff;
  font-size:12px;
  padding:2px;
  cursor: pointer;
  font-weight: bold;
}
#GDpanier .btSup input{
  border:1px solid #5d5d5d;
  background:  none;
  color:#5d5d5d;
  font-size:10px;
  padding:2px;
  cursor: pointer;
}
#GDpanier .paie{
  border:1px solid #5d5d5d;
  background:  #2db8d2;
  color:#ffffff;
  font-size:12px;
  padding:2px;
  cursor: pointer;
  font-weight: bold;
}
#GDpanier .continu{
  border:1px solid #5d5d5d;
  background:  #2db8d2;
  color:#ffffff;
  font-size:12px;
  padding:2px;
  cursor: pointer;
  font-weight: bold;
}
/*-_-_-_-_-_-_-_-_-_-footer-_-_-_-_-_-_-_-_-_-*/

#footer{
  width:940px;
  margin:0 auto;
  background:url(../img/footer.gif) no-repeat #3a739d;
  padding:120px 10px 7px 10px;
  position:relative;
  color:#FFFFFF;
  font-weight:bold;
}
#footer a:link,#footer a:visited{
  text-decoration:underline;
  color:#FFFFFF;
}
#footer a:hover{
  text-decoration:none;
  color:#2db8d2;
}
#adresse{
  font-weight:normal;
  position:absolute;
  text-align:right;
  font-size:0.9em;
  color:#b8cedf;
  bottom:10px;
  right:10px;
}
#footer .grand{
  color:#FFFFFF;
}

#dateresa p{
	float: left;
	margin-right: 20px;
	color:#3a739d;
	font-size: 1.3em;
}

/*-_-_-_-_-_-_-_-_-_-contact-_-_-_-_-_-_-_-_-_-*/

#contact{
  margin:10px 0 20px 10px;
}

#contact fieldset{
  border:none;
}

#contact legend{
  font-size: 1.3em;
  margin-bottom:15px;
  color:#3a739d;
}
#contact label{
  font-size: 1.1em;
  width:150px;
  display:block;
  float:left;
}
#contact input{
  width:350px;
} 
#contact textarea{
  height:120px;
}
#contact .submit input{
  width:140px;
  border:1px solid #3a739d;
  cursor: pointer;
}
#contact a.btRetour{
  font-size:15px;
  font-weight:bold;
}


#paiement{
  margin:10px 0 20px 10px;
  font-size:1.1em;
}

#paiement fieldset{
  border:none;
}

#paiement legend{
  font-size: 1.3em;
  margin-bottom:15px;
  color:#3a739d;
}
#paiement label{
  font-size: 1.1em;
  width:100px;
  display:block;
  float:left;
  margin-bottom:5px;
}
#paiement input{
  width:350px;
  margin-bottom:5px;
} 
#paiement textarea{
  height:100px;
  width:350px; 
  margin-bottom:5px;
}
#paiement .submit input{
  width:180px;
  border:1px solid #3a739d;
  cursor: pointer;
  margin-top:15px;
}
#paiement input#OrderModePaiement1, #paiement input#OrderModePaiement2{
width:30px;
float:none;
}
#paiement #blocRadio label, #paiement  #blocRadio label{
float:none;
display:inline;
}
#page a.btRetour{
  font-size:15px;
  font-weight:bold;
}
#paiement input#shipping_cost {
  width:50px;
}
#paiement input#OrderDate {
  width:150px;
}
#paiement .ligneForm{
  clear:both;
  margin:10px 0;
}
div.error-message{
	color: #B71F1F;
}
p.retrait{
	text-indent: 15px;
}
/*
gris : #5d5d5d;
turquoise : #2db8d2;
bleu : #3a739d;
bleu marine : #244694;
*/