﻿body {
}
#wrap {
  width:887px;
  margin:auto;
  padding:0px 0px 0px 0px;
  position:relative;
}


/*  orange: #DD5C05 #FD6B09 (ligne liste)
    cyan: #008076
    fond: #ffb7ff (rose)
    gris: #777777
    vert: #34AC05 (promo)
*/    
#inner-wrap {
  width:100%;
  float:left;
  height:auto;
  padding:0px 0px 0px 0px;
  margin:0px 0px 8px 0px;
  background:#ffb7ff; 
  background-repeat: repeat-y;
}

#inner-wrap-promo {
  width:100%;
  float:left;
  height:auto;
  padding:0px 0px 0px 0px;
  margin:0px 0px 8px 0px;
  background:#FFFFFF; 
  background-repeat: repeat-y;
}

#header {
 color:#008076;
 padding:0px 0px 0px 0px;
 margin:0px;
 height:98px;
 width:887px;
 vertical-align:top; 
 background:#FFFFFF;
}

#header div{
 float:left;	
 height:98px;
 padding:0px 0px 0px 0px;
 margin:0px;
}
#header .titre-hotel {
  font-style: normal;
  font-size: 25px;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  color:#008076;	
  font-family: "Futura Book", Arial, Helvetica, sans-serif;
}
#header .titre-hotel h1{
  font-style: normal;
  font-size: 1px;
  padding:0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  color:#FFFFFF;	
  font-family: "Futura Book", Arial, Helvetica, sans-serif;

}
#header .titre-hotel h2{
  font-style: oblique;
  font-size: 15px;
  padding:0px 0px 0px 0px;
  margin: 18px 0px 0px 40px;
  color:#008076;	
  font-family: "Futura Book", Arial, Helvetica, sans-serif;

}
#header .logo img{
  position: absolute;
  right: 100px;	
  top:0;
  border:0;
  height:98px;
}
#header .logodroit img{
  position: absolute;
  left: 0;	
  border: 0;
  top: 0;
  height: 98px;
}
#header .logocentre img{
  position: absolute;
  right: 200px;	
  border: 0;
  top: 40px;
  width: 261px;
  height: 50px;
}
#header .flag{
  position:absolute;
  right: 3.5em;
  top:10px;
}

#headersup {
 padding:0px 0px 0px 0px;
 margin:0px;
 height:25px;
 width:887px;
 background:#008076;
 position:relative;
 float:left;	
 color:#FFFFFF;
 font-size:0.8em;
 font-family: "Futura Book", Arial, Helvetica, sans-serif;
 word-spacing:0.4em;
 font-weight: normal;
 text-align:center;
}

#headersup .ligneinf{
}

#headersup .ligneinf a{
  text-decoration: none;
  color:#FFFFFF;
  font-size:1.0em;
}

#main {
  position:relative;
  width:505px;
  height:auto;
  float:left;
  margin:0px 0px 0px 0px;
  padding:0;
    top: 1px;
    left: 8px;
}
#mainnarrow {
  position:relative;
  width:405px;
  height:auto;
  float:left;
  margin:0px 0px 0px 0px;
  padding:0;
    top: 1px;
    left: 8px;
}
#main-middle {
  position:relative;
  width:415px;
  height:auto;
  float:left;
  margin:0px 0px 0px 0px;
  padding:0;
    top: 1px;
    left: 8px;
}
#mainlarge {
  position:relative;
  width:722px;
  height:auto;
  float:left;
  margin:0px 0px 0px 0px;
  padding:0;
    top: 1px;
    left: 0px;
}
#maintools {
  position:relative;
  width:700px;
  height:auto;
  float:left;
  margin:0px 0px 0px 0px;
  padding:0;
    top: 1px;
    left: 0px;
}
.main-cadre{ 
  width:100%;
  min-height:570px;
}

.bloc{
  font-size:11px;
  width:100%;
  text-align:justify;
}

.blocj{
  text-align:justify;
}

#col-left {
  float:left;
  width: 202px;
  height:100%;
  padding:0px;
  margin:0px;
  text-align:left;
}
#col-left-wide {
  float:left;
  width: 302px;
  height:100%;
  padding:0px;
  margin:0px;
  text-align:left;
}
#col-left-small {
  float:left;
  width: 52px;
  height:100%;
  padding:0px;
  margin:0px;
  text-align:left;
}

.col-sep {
  float:left;
  width:5px;
  height:100%;
  margin:0px 0px 0px 0px;
  text-align:center;
}
#col-right {
  float:left;
  width:175px;
  height:auto;
  text-align:left;
  background:#008076;  /****/
}
#col-right-narrow {
  float:left;
  width:165px;
  height:auto;
  text-align:left;
  background:#008076;  /****/
}
#col-right-vnarrow {
  float:left;
  width:165px;
  height:auto;
  text-align:left;
  background:#008076;  /****/
}
#col-right .bloc{
  text-align:center;
}
#col-right-narrow .bloc{
  text-align:center;
}
#col-right-vnarrow .bloc{
  text-align:center;
}
#col-right-narrow img{
  padding: 4px 0px 2px 0px;
}
#col-right img{
  padding: 4px 0px 2px 0px;
}
#col-right-vnarrow img{
  padding: 4px 0px 2px 0px;
}
#col-right ul{
  padding: 0px 0px 3px 0px;
  margin:0px;
  width:140px;
  font-size: 1.0em; 
  list-style-type: none;  list-style: none;
  text-align:left;
}
#col-right-narrow ul{
  padding: 0px 0px 3px 0px;
  margin:0px;
  width:160px;
  font-size: 1.0em; 
  list-style-type: none;  list-style: none;
  text-align:left;
}
#col-right-vnarrow ul{
  padding: 0px 0px 3px 0px;
  margin:0px;
  width:140px;
  font-size: 1.0em; 
  list-style-type: none;  list-style: none;
  text-align:left;
}
#col-right-narrow ul li {
  padding: 2px 0px 2px 0px;
  text-align:left;
  border-bottom:1px #ffb7ff solid;  /****/
}
#col-right-vnarrow ul li {
  padding: 2px 0px 2px 0px;
  text-align:left;
  border-bottom:1px #ffb7ff solid;  /****/
}
#col-right ul li {
  padding: 2px 0px 2px 0px;
  text-align:left;
  line-height:25px;
  border-bottom:1px #ffb7ff solid;  /****/
}
#col-right-index ul li a{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  color:#FFFFFF;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
#col-right ul li a{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  color:#FFFFFF;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
#col-right-narrow ul li a{
  padding: 0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  color:#FFFFFF;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
#col-right-vnarrow ul li a{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  color:#FFFFFF;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}

.pageleftbottom{
  font-size:11px;
  word-spacing:0.4em;	
  color: #DD5C05; 
  font-weight: normal;
  text-align:center;  
  width:100%;
  height:22px;
  background-repeat: no-repeat;
  font-family: Arial, Helvetica, sans-serif;
}

.pagebottom{
  font-size:0.8em;
  word-spacing:0.4em;	
  font-weight: normal;
  text-align:center;  
  color: #000000;
  width:100%;
  height:22px;
}

.pagebottom a{
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif; 
  color: #DD5C05;
  font-weight: bold;
  text-align:center;  
}

.pageadresse{
  font-size:0.8em;
  color: #333333;
  width:100%;
  height:35px;
  padding: 0px 0px 0px 10px;
  margin:0px;
  font-style:italic;
  text-align:center;
}

.hotel{
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  color:#333333;
  font-family: Arial, Helvetica, sans-serif; 
  vertical-align:top;
}
.hotel .contenu{
  width:480px;
  padding:0px 2px 0px 2px;
  margin:0px 0px 0px 0px;
  vertical-align:top;
  font-size:1.0em;
}
.hotel .contenu-middle{
  width:400px;
  padding:0px 2px 0px 2px;
  margin:0px 0px 0px 0px;
  vertical-align:top;
  font-size:1.0em;
}
.hotel .contenu-narrow{
  width:360px;
  padding:0px 2px 0px 2px;
  margin:0px 0px 0px 15px;
  vertical-align:top;
  font-size:1.0em;
}
.hotel .contenu-narrow1{
  width:400px;
  padding:0px 2px 0px 2px;
  margin:0px 0px 0px 15px;
  vertical-align:top;
  margin-left:-25px; 
  font-size:1.0em;
}
.hotel .contenu-large{
  width:710px;
  padding:0px 2px 0px 2px;
  margin:0px 0px 0px 2px;
  vertical-align:top;
  font-size:1.0em;
}

.title{
  color :#3c3c3c;
  position: relative;
  top:+40px; height:20px;
  font-style: oblique;
  font-size: 20px;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
}
.PTitre{
  color:#008076; /******/
  position:relative;
  padding:0px 0px 0px 10px;
  font-size:1.3em;
  font-weight: normal;
  width:auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tablautarifs {
	border: solid #663300 thin;
	border-collapse: collapse;
}
.tableautarifs td {
	border: solid #663300 thin;
	border-collapse: collapse;
}

h1{
 font-size: 0.9em;
 color: #333333; 
}
h2{
 font-size: 1.1em;
 color: #4FAE38;
}
h3{
 color: #333333;
}
.chambres td{ 
  font-size:1.1em;
 }
.chambres td img{
  padding:6px;
  border: 1px solid #DD5C05;
}
.chambres td a.titre {
  text-decoration: none;
  color:#DD5C05;
  font-size:1.0em;
}
.chambres td a{
  text-decoration: none;
  color:#DD5C05;
  font-size:1.0em;
}
.fontTNR{
  font-family:Times New Roman;
  font-size:2.0em;
}
.fontplusgros{
  font-size:1.3em;
  font-weight: bold;
  font-family:Times New Roman;
}
.fontplusgros2{
  font-size:2em;
  font-weight: bold;
  font-family:Times New Roman;
}
.fontpluspetit{
  font-size:0.77em;
  font-weight:normal;
}
.fontul{
  text-decoration:underline;
}
