/* CSS Document */
/*=-----------General---------------*/
.clear{
clear:both;
}
body#site{
background-image:url(/Commun/bg_page.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#005B65;
}
#boiteContenu{
width:751px;
margin:10px auto 0 auto;
padding-bottom:40px;
background-color:#FFFFFF;
background-image:url(/Commun/bg_gauche.gif);
background-repeat:repeat-y;
min-height:700px;
position:relative;
}

#boiteContenuAcc{
width:751px;
margin:10px auto 0 auto;
padding-bottom:4px;
background-color:#FFFFFF;
min-height:0px;
position:relative;
}

* html #boiteContenu{
 height:550px;
}

#btnDemandeInformation, #btnDemandeInformationAnglais{
 float:right;
 position: relative;
 width: 165px;
 height: 27px;  
 background: url(/Commun/demandeInformation.gif);
 top:-2px;
}

#btnDemandeInformationAnglais
{
 background: url(/Commun/demandeInformation_ang.gif);
}

#demandeInformation
{
  text-indent: -5000px;
  position: absolute;
  display: block;
  width: 165px;
  height: 27px; 
  right: 0px;
  top: 0px;
  outline: none;    
}

/*#utilitaires{ 
 position: absolute;
 width: 41px;
 height: 20px;  
 background: url(/Commun/utilitaires2.gif);
 bottom:0px;
 right:10px;
 display:block;
}*/

#utilitaires,#utilitairesAnglais{
 position: absolute;
 bottom:0px;
 right:10px; 
 width: 85px;
 height: 27px;  
 background: url(/Commun/utilitaires.gif);
}

#utilitairesAnglais
{
 background: url(/Commun/utilitairesAnglais.gif);
}

#imprimer
{
  text-indent: -5000px;
  position: absolute;
  display: block;
  width: 43px;
  height: 27px;
  right: 42px;
  top: 0px;
  outline: none;    
}

#envoyerAUnAmi
{
  text-indent: -5000px;
  position: absolute;
  display: block;
  width: 42px;
  height: 27px;
  right: 0px;
  top: 0px;
  outline: none;  
}

/*#imprimer
{
  text-indent: -5000px;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: 0px;
  top: 0px;
  outline: none;    
}

#envoyerAUnAmi
{
  text-indent: -5000px;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 0px;
  outline: none;  
}
*/

img.imageDroite {
 border:1px solid #cccccc;
 padding:10px;
 float:right;
 margin-left:10px;
}

ul.espace li
{
  margin-bottom: 10px;  
}

ul li.sansPuce {
 background-image:none;
}

img.petiteicone
{
  float:left;
  margin:0 10px 10px 0;
}
/*--------------------Menu-----------------------*/
/* Credits: Dynamic Drive CSS Library */
/* URL: http://www.dynamicdrive.com/style/ */
.suckerdiv {
padding-left: 20px;
padding-top: 14px;
height:248px;
}

.suckerdiv ul {
margin: 0px;
padding: 0;
list-style-type: none;
width: 145px; /* Width of Menu Items */
}
	
.suckerdiv ul li {
position: relative;
margin:0px;
padding:0px;
background-image:none;
font-size: 11px;
}
	
/*Sub level menu items */
.suckerdiv ul li ul {
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;
border-bottom: 1px solid #ccc;
}

/* Sub level menu links style */
.suckerdiv ul li a {
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #2f5b64;
text-decoration: none;
padding: 5px 5px 6px 5px;
height:14px;
}


.suckerdiv ul li a:visited {
color: #2f5b64;
}

.suckerdiv ul li a:hover {
color: #2f5b64;
font-weight:bold;
}

.suckerdiv ul li.selectionne a {
padding-bottom: 1px;
font-weight:bold;
}

.suckerdiv ul li.selectionne.seul a {
padding-bottom: 6px;
font-weight:bold;
}

.suckerdiv ul li.sousMenuSelectionne a {
font-weight:bold;
}

.suckerdiv ul li.sousMenu a {
padding-top: 1px;
padding-bottom: 1px;
color:#626262;
}

.suckerdiv ul li.sousMenuLast a {
padding-bottom: 6px;
}

.suckerdiv ul li ul li a {
border: 1px solid #ccc;
border-bottom: 0;
background: #fff;
padding: 2px 5px;
}

.suckerdiv ul li ul li a:hover {
 font-weight:bold;  
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }


#boiteMenuHaut{
background-image:url(/Commun/bg_menuHaut.jpg);
background-repeat:no-repeat;
height:31px;
width:551px;
float:left;
}
ul#menuHaut{
float:left;
margin:10px 0 0 0;
}
ul#menuHaut li{
display:inline;
padding-left:10px;
background-image:url(/Icones/puce_liMenuHaut.gif);
background-repeat:no-repeat;
background-position:0 3px;
margin:0 0 0 6px;
font-size: 11px;
}
ul#menuHaut li a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
ul#menuHaut li a:hover{
color:#d5c86e;
}
span#menuHaut2{
float:right;
display:block;
margin:10px 3px 0 0;
}
span#menuHaut2 a{
color:#FFFFFF;
text-decoration:none;
font-size:10px;
}
span#menuHaut2 a:hover{
color:#3c575c;
}


#observationPhoques,#observationPhoquesAnglais
{
  display: block;
  width: 200px;
  height: 72px;
  background-image: url(/menus/btn_phoque.jpg);  
  text-indent: -5000px;
}

#observationPhoquesAnglais
{
  background-image: url(/menus/btn_phoqueAnglais.jpg);
} 
#observationPhoques a, #observationPhoquesAnglais a
{
  display: block;
  width: 163px;
  height: 58px;  
  margin-left:18px;        
}

#contactezNous
{
  display: block;
  width: 200px;
  height: 129px;
  background-image: url(/menus/btn_carte.jpg);  
  text-indent: -5000px;  
}

#contactezNous a
{
  display: block;
  width: 163px;
  height: 121px;  
  margin-left:18px;   
}

#emerit
{
  display: block;
  width: 200px;
  height: 66px;
  background-image: url(/menus/btn_emerit.gif);  
  text-indent: -5000px;  
}

#emerit a
{
  display: block;
  width: 163px;
  height: 65px;  
  margin-left:18px;   
}

#etoiles
{
  display: block;
  width: 200px;
  height: 68px;
  background-image: url(/menus/btn_3etoiles.gif);  
  text-indent: -5000px;  
}

#etoiles a
{
  display: block;
  width: 163px;
  height: 68px;  
  margin-left:18px;   
}


/*------------------Accueil----------------------*/
#bandeGauche{
width:200px;
float:left;
margin:0;
padding:0;
height:343px;
background-color:#CBCFD0;
}
#zoneImg{
background-repeat:no-repeat;
height:259px;
width:497px;
padding:27px;
float:left;
background-color:#cbcfd0;
}
.annonce{
float:left;
width:249px;
display:block;
background-color:#fff;
padding:0 1px 0 0;
color:#000000;
height:210px;
}
.annZoneG{
width:145px;
padding:5px 0 0 15px;
float:left;
clear:both;
}
.annZoneG ul{
margin:5px 0 0 0;
padding:0;
}
.annZoneG ul li{
color:#097291;
margin:0;
}
span.titreAnnonce{
color:#666666;
font-size:15px;
font-weight:bold;
width:130px;
display:block;
margin-bottom:3px;
}
span.sujetAnnonce{
font-size:12px;
font-weight:bold;
display:block;
}
.annZoneD{
float:right;
width:78px;
padding-right:2px;
text-align:center;
margin-top:20px;
border-right:#cccccc 1px solid;
}
.annZoneDLast{
float:right;
width:78px;
padding-right:0px;
text-align:center;
margin-top:20px;
}
#bas{
background-image:url(/Commun/bg_bas_gris.gif);
background-position:bottom;
background-repeat:no-repeat;
padding:0px;
height:10px;
width:751px;
margin:0 auto;
font-size:1px;
}
#bas.pageindex {
background-image:url(/Commun/bg_bas_blanc.gif);
}
/*--------------Page Interieure------------------*/
#zoneEntete{
background-image:url(/PagesInterieures/entetes/cadre.gif);
background-repeat:no-repeat;
height:170px;
width:536px;
padding:15px 0 0 15px;
float:left;
}

img.chambre {
 border:1px solid #cccccc;
 padding:10px;
}

span.prix {
 font-size: 24px;
 font-weight: bold;
 color: #b9ad5a;
}

.note {
 font-weight: bold;
 color: #b9ad5a;
}

div.important {
 border: 1px solid #cc2229;
 color: #cc2229;
 padding:10px;
 margin-bottom:20px;
 margin-top:20px; 
}

b.telephone {
 font-size: 13px; 
}

img.forfaits {
 border:1px solid #cccccc;
 padding:10px;
 margin-right:10px;
}

h2.forfaits {
 font-size: 14px;
}

div.forfait-liste
{
 width:325px;
 float:right;
}

#forfait-details
{
 width:245px;
 float:right;
}

#forfait-conteneur
{
 width:512px;
 border: 1px solid #cccccc;
 margin-bottom:10px;
}

#forfait-contenu
{
 margin:10px;
}

/*-------------- Banque d'images ------------------*/
div#enImage {
 border:1px solid #cccccc;
 background:#bcd1e4; 
}

div#enImage2 {
 border:2px solid #ffffff;
 padding:10px 10px 15px 10px;
 background:#bcd1e4; 
 font-weight: bold; 
 font-size: 12px;  
}

div#enImage2 select
{
 width:auto;
 border:1px solid #879cb7;
 float:right; 
}

div.navigation
{
  width:489px;
  float:left;
  padding:8px 10px 0px 10px;
  clear: both; 
  text-align:center;
  margin-bottom:10px; 
}

div.navigation div.image
{
  float:left;
}

div.navigation div.precedent
{
  float: none;  
}

div.navigation div.page
{
  float:right;
}

body.bi
{
 background-color: #005b65;
}

#conteneur-bi
{ 
  padding:6px;
  position: relative;
  width: 710px;  
}

#contenu-gauche-bi
{
  width: 460px;
  height:345px;
  border: 3px solid #CBCFD0;
  float:left;
}

#contenu-droite-bi
{
  width: 210px;
  height:325px;  
  border: 3px solid #CBCFD0;
  padding:10px;
  background-color: #ffffff;  
  float:right;  
}

#info-bi
{
 height:222px;    
}

#info-bi select
{
 width:210px;   
}

#navigation-bi
{
  text-align:center;
  font-weight: bold;
  margin-bottom:5px;    
}

/*----------------Bas de page--------------------*/
#boiteBasPage{
width:728px;
margin:0 auto;
color:#FFFFFF;
padding:10px 15px 30px 15px;
background-color:#005B65;
}
#boiteBasPage a{
margin:0 6px;
color:#FFFFFF;
}
span#info{
float:right;
font-size:12px;
}

span#infoAnglais{
float:left;
margin-left: -5px;
font-size:12px;
}
span#droit{
float:left;
color:#acbdc1;
margin-right:20px;
}
/*-----------------Accueil General --------------------*/
#boitePrincipal{
background-image:url(/AccueilGeneral/bg_droit.gif);
background-repeat:no-repeat;
background-position:top right;
height:343px;
width:758px;
margin:40px auto;
padding:0;
background-color:#ffffff;
position:relative;
}

#boitePrincipal h2, .annonce h2 {
color:#666666;
font-size:15px;
font-weight:bold;
width:130px;
display:block;
margin-bottom:0px; 
}

#boitePrincipal p {
 margin-top:5px;
}
#hautBoitePrincipal{
background-image:url(/AccueilGeneral/bg_haut.gif);
background-position:bottom;
background-repeat:no-repeat;
height:7px;
width:758px;
padding:0;
margin:0;
display:block;
background-color:#003F45;
}
.boite{
float:left;
height:312px;
padding-top:13px;
position:relative;
cursor:pointer;
}
.desc{
text-align:center;
width: 152px;
padding:0 21px 14px 21px;
margin:1px auto;
border-right:#CCCCCC 1px solid;
}
.desc1{
text-align:center;
width: 145px;
padding:0 17px 14px 17px;
margin:1px auto;
border-right:#CCCCCC 1px solid;
}
.desc4{
text-align:center;
width: 150px;
margin:1px auto;
}


.desc a{
position:absolute;
display:block;
height:30px;
top:311px;
right:13px;
}
.desc4 a{
position:absolute;
display:block;
height:30px;
top:311px;
right:10px;
}
.desc1 a{
position:absolute;
display:block;
height:30px;
top:311px;
right:13px;
}
#zone1{
background-image:url(/AccueilGeneral/bg_zone1.jpg);
background-repeat:repeat-x;
width:180px;
}
#cadre1{
background-image:url(/AccueilGeneral/bg_cadreZone1.gif);
background-repeat:no-repeat;
height:136px;
width:136px;
padding:19px 20px 20px 14px;
}
#zone2{
background-image:url(/AccueilGeneral/bg_zone2.jpg);
background-repeat:repeat-x;
width:195px;
}
#cadre2{
background-image:url(/AccueilGeneral/bg_cadreZone2.gif);
background-repeat:no-repeat;
height:137px;
width:133px;
padding:18px 20px 20px 18px;
margin:0 auto;
}
#zone3{
background-image:url(/AccueilGeneral/bg_zone3.jpg);
background-repeat:repeat-x;
width:195px;
}
#cadre3{
background-image:url(/AccueilGeneral/bg_cadreZone3.gif);
background-repeat:no-repeat;
height:137px;
width:133px;
padding:18px 20px 20px 18px;
margin:0 auto;
}
#zone4{
background-image:url(/AccueilGeneral/bg_zone4.jpg);
background-repeat:repeat-x;
width:180px;
}
#cadre4{
background-image:url(/AccueilGeneral/bg_cadreZone4.gif);
background-repeat:no-repeat;
height:137px;
width:133px;
padding:18px 20px 20px 18px;
margin-bottom:3px;
float:right;
}
#basBoitePrincipal{
background-image:url(/AccueilGeneral/bg_bas.gif);
background-position:bottom;
background-repeat:no-repeat;
height:19px;
width:758px;
}
.btnFleche{
position:absolute;
right:0;
}
#langue{
float:right;
position:absolute;
right:20px;
top:-18px;
}
#langue a{
color:#FFFFFF;
text-decoration:none;
}
#langue a:hover{
color:#999999;
}

/*----------------- Tableaux  --------------------*/
table.tableau-chambre
{
 width:100%; 
 background-color: #CCCCCC;
 border-spacing: 1px;
 margin:0 0 15px 0;
}

table.tableau-chambre th
{
 background-color: #e5e7e7;
 text-align:left;
 padding:5px;
 margin:0px;
}

table.tableau-chambre td
{
 background-color: #FFFFFF;
 padding:4px;
 margin:0px;
 text-align:center;
 width:108px; 
}


table.tableau-chambre td.d2
{
 text-align:left;
 width:auto; 
}

table.tableau-salle
{ 
 background-color: #CCCCCC;
 border-spacing: 1px;
}

table.tableau-salle th
{
 background-color: #e5e7e7;
 text-align:center;
 padding:1px;
 margin:0px;
 font-weight: normal;
}

table.tableau-salle td
{
 background-color: #FFFFFF;
 padding:1px;
 margin:0px;
 text-align:center;
 width:50px; 
}

table.tableau-salle td.nom
{
 text-align:left;
 width:100px; 
 padding:4px; 
}

table.tableau-autre-salle th
{
 font-weight:bold;
 text-align:center;
 padding:1px;
 margin:0px;
 color:#888888; 
}

table.tableau-autre-salle td
{
 background-color: #FFFFFF;
 padding:1px;
 margin:0px;
 text-align:center;
}

table.tableau-autre-salle
{ 
 border-spacing: 1px;
 border: 1px solid #CCCCCC;
 width:100%; 
}

table.tableau-autre-salle td.nom
{
 text-align:left;
 width:220px; 
 padding-left:4px;  
}

table.tableau-japonais
{
 width:100%; 
 background-color: #CCCCCC;
 border-spacing: 1px;
}

table.tableau-japonais td
{
 background-color: #FFFFFF;
 vertical-align: top; 
 padding:4px;
 margin:0px;
}

/*----------------- Formulaires  --------------------*/

a.bouton, table.formulaire input.bouton
{
  display: block;
  width: 147px;
  height: 31px;
  line-height: 26px;
  text-align: center;
  color: #097291;
  font-size: 13px;
  font-weight: bold;
  background: url(/PagesInterieures/btn_bg.gif) no-repeat;
  text-decoration: none;
  border:0px;
}

a.bouton:hover, table.formulaire input.bouton:hover
{
  color: #b9ad5a;
  text-decoration: underline;  
}

table.formulaire
{
 width:100%; 
}

table.formulaire td
{
 vertical-align: top; 
}

table.formulaire input
{
  width:325px;
}

table.formulaire input.texte
{
  border:0px;
  font: bold 11px Verdana, Sans-Serif;  
  color: #564c39;
}
table.formulaire input.texte2
{
  border:0px;
  font: 11px Arial, Sans-Serif;  
  color: #564c39;
}

table.formulaire input.autre
{
  width:280px;
}

table.formulaire span.etoile
{
  color: #a43420;
  font: bold 11px Verdana, Sans-Serif;  
}

table.formulaire label
{
float: right;
text-align: right;
padding-right: 14px; 
width:120px;
}

table.formulaire label.obl
{
  background: url(/PagesInterieures/etoile-formulaire.gif) top right no-repeat; 
}

table.formulaire input, table.formulaire select, table.formulaire textarea
{
  width:330px;
  font: 11px Arial, Helvetica, Sans-Serif;;  
}


table.formulaire input.com
{
  width:150px;
  margin-right:5px;
}

table.formulaire input.com-petit
{
  width:30px;
  margin-right:5px;
}
table.formulaire input.com-petit2
{
  width:17px;
  margin-right:5px;  
}

table.formulaire .sansLargeur 
{
width: auto;
}

/*----------------- Nouvelle fenetre  --------------------*/

body.nouvellefenetre
{
  height:auto;
  background-color:#005b65;
}
body.nouvellefenetre div
{
  margin:10px;
  padding:10px;
  background-color:#ffffff;
}
body.nouvellefenetre div h1
{
  font-size: 13px;
  color: #564c39;
  font-weight: bold;
  position: relative;
}
body.nouvellefenetre div p
{
  padding:10px;
  background-color:#ffffff;
}

body.nouvellefenetre input.envoyerAUnAmi 		  
{
 width: 88px;
}

body.nouvellefenetre input.envoyerAUnAmiCourriel
{
 width: 165px;
}

body.nouvellefenetre textarea.envoyerAUnAmi
{
 width: 410px;
}

/*----------------- Format pour impression  --------------------*/
div#hautDePageImpression, div#basDePageImpression
{
  display:none;  
}