html {
          margin:0;
          padding:0;
        /*  background: url(images/bgtest.jpg) no-repeat center fixed;/*
         /* -webkit-background-size: cover; /* pour Chrome et Safari */
         /* -moz-background-size: cover; /* pour Firefox */
         /* -o-background-size: cover; /* pour Opera */
         /* background-size: cover; /* version standardisée */
}
* {
          margin: 0 0 0 0;
          padding: 0;
          outline: 0
}
body {
          
          font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "sans-serif";
  font-size: 80%; 
  line-height: 1.4; 
  color: black; 
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;

          
          
          
           
          padding: 0 0 50px 0;
          text-align: center;
}
/* Links */
a {
          text-decoration: none;
          color: #A56F38;
}
a:hover {
          color: #000;
}
/* Headers */


h1 {
          font-size: 20px;
          font-weight:bold;
          padding-top:30px;
          padding-left:30px;
          color: #8B5335;
          text-align: justify;
          font-family: Arial, Helvetica, sans-serif;
          letter-spacing: 1px;
          white-space: normal;
          line-height: 20px;
}
h2 {
          text-align:center;
          font-size: 15px;
          font-weight: normal;
          font-family: Arial, Helvetica, sans-serif;
          letter-spacing: 1px;
          white-space: normal;
          line-height: 20px;
}

.h2 {
          text-align: left;
          font-size: 18px;
          font-family: Arial, Helvetica, sans-serif;
          white-space: normal;
          margin: 20px O O O;
}

p, dl {
          font-size: 12px;
          font-weight: normal;
          padding-left:25px;
          padding-right:25px;
          padding-top:20px;
          color: #1d130c;
          text-align: left;
          font-family: Arial, Helvetica, sans-serif;
          letter-spacing: 0px;
          white-space: normal;
          line-height: 20px;
}
ul {
          list-style: none;
}
#header-wrap {
          position: relative;
          background: #fff;
          margin: 0 auto;
          width: 940px;
          height: 300px;
          text-align: left;
}
/*  Navigation  */
#nav {
          position: relative;
          margin: 0;
          padding: 0;
          width: 880px;
          left: 25px;
          top: 0px;
}
#nav ul {
          float: left;
          list-style: none;
          width: 880px;
          height: 40px;
          margin: 5px 0 0 0;
          padding: 0 0 25px 0;
          display: inline;
          border: solid 1px #ccc;
          color: #eaeaea;
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;
          behavior: url(/PIE.htc);
}
#nav ul li {
          display: inline-block;
          margin: 0;
          padding: 0;
}
#nav ul li a {
          float: left;
          margin: 0;
          padding: 18px 11px 0 11px;
          font: bold 14px/35px 'Trebuchet MS', Tahoma, Helvetica, Arial, Geneva, Sans-serif;
          text-decoration: none;
          color: #837678;
}
#nav ul li a:hover, #nav ul li a:active {
          color: #472323;
          background: none;
          border: none;
}
#header-photo {
          position: relative;
          top: 20px;
          left: 24px;
          padding: 0; /*height:290px;*/
          height:200px;
          width: 870px;
          clear: both;/* border: 1px solid #F0F0F0; */
}
#content-outer {
          background: #fff;
          width: 100%;
}
#content-wrapper {
          width: 940px;
          margin: 0 auto;
          text-align: left;
}
#content {
          float: left;
          width: 100%;
          background: #fff url(images/bgxxxxxx.jpg) no-repeat;
}
.col-accueil {
          margin-right: 40px;
          padding-left: 25px;
}
.col-one {
          margin-right: 375px;
          padding-left: 25px;
}
.col-two {
          float: left;
          width: 315px;
          margin-left: -350px;
          margin-top: 12px;
}
.col-three {
          float: left;
          width: 0px;
          margin-left: -235px;
          margin-top: 12px;
}
.col-one, .col-two, .col-three, .col-accueil {
          padding-bottom: 20px;
}
#content .col-one h1 {
          padding-bottom: 3px;
          font: normal 3.0em "Trebuchet MS", Tahoma, Arial, Sans-serif;
          color: #000;
          letter-spacing: -2px;
          text-transform: none;
          border-bottom: 1px solid #ebebeb;
          margin-left: 5px;
          padding-left: 5px;
}
#content-wrapper .col-two h3, #content-wrapper .col-three h3 {
          color: #111;
          font: normal 1.8em "Trebuchet MS", Tahoma, Arial, sans-serif;
          text-transform: none;
          letter-spacing: -0.5px;
          padding: 5px 10px;
          margin: 15px 0 5px 0;
}
/* footer */


#footer {
          float:right;
          width: 900px;
          height: 20px;
          padding-top:50px;
          padding-right:20px;
          text-align:right;
}
#footer a {
          font-size: 10px;
          font-weight: bold;
          font-family: Arial, Helvetica, sans-serif;
          color:#000000;
          letter-spacing: 1px;
          white-space: normal;
          line-height: 20px;
          text-decoration:underline;
}
#footer a:hover {
          text-decoration:none;
}
#footer-bottom {
          clear: both;
          border-top: 1px solid #111;
          width: 880px;
          margin: 0 auto;
}
#footer-bottom .bottom-left {
          float: left;
          padding-left: 5px;
}
#footer-bottom .bottom-right {
          text-align: right;
          padding-right: 0;
}
/* alignment classes */
.float-left {
          float: left;
}
.float-right {
          float: right;
}
.align-left {
          text-align: left;
}
.align-right {
          text-align: right;
}
.fiche-acc {
          height:300px;
          margin:40px 0 40px 10px;
}
.fiche-appart-acc {
          height:330px;
          margin:30px 0 0px 10px;
}
.fiche-appart {
          height:700px;
          margin:30px 0 0px 10px;
}
.fiche-calendrier {
          height:640px;
          margin:40px 0 0px 10px;
}
.calendrier {
          float:left;
          width:550px;
          height:590px;
          background: url(images/ombre.jpg)
}
.fiche2 {
          margin-top: 20px;
          margin-right: 10px;
          margin-bottom: 10px;
          margin-left: 10px;
}
.fiche1 {
          margin:15px;
          text-align: justify;
}
.text-fiche {
          text-align: left;
}
.savoir-plus {
          text-align: right;
}
/* clearing */


.clear2 {
          height:80px;
}
.clear3 {
          height:20px;
}
.line {
          color:#999;
          width:700px;
          margin:20px 0 20px 80px
}
.diapo {
          width:390px;
          height:300px;
          padding: 00px 0px 0px 0px;
}
.locationvacances {
          border: #FFF;
}
#centre {
          width: 520px;
          height: 408px;
}
#bas {
          width: 520px;
          height: 90px;
          padding-top:20px;
          padding-left: 0px;
}
#bas img {
          padding:6px;
          margin-right:6px;
          border: 1px solid #91887e;
}
.slider-wrap {
          float: right;
          width:auto;
}
.slider-wrap-alt {
          float: right;
          height: 261px;
          width: 892px;
          overflow: hidden;
          border: solid 1px #ccc;
}
.slider {
          width: 495px;
          padding: 12px 45px 0px 0px;
          overflow: hidden;
          height: 600px;
}
.slider-wrap {
          float: right;
          width:auto;
}
.slider-wrap-alt {
          float: right;
          height: 261px;
          width: 892px;
          overflow: hidden;
          border: solid 1px #ccc;
}
.slider {
          width: 495px;
          padding: 12px 45px 0px 0px;
          overflow: hidden;
          height: 255px;
}
#mySlides {
}
.slider_nav {
          width: 550px;
          float: right;
          margin-top: 18px;
}
.slider_nav_long {
          width: 900px;
          float: right;
          margin-top: 18px;
}
.slider_nav_left {
          float: left;
          margin-top: 8px;
          width:auto;
}
.slider_nav_right {
          float: right;
          padding-right: 20px;
          width:auto;
}
#slide1 {
          width: 892px;
          height: 261px;
}
#slide2 {
          width: 892px;
          height: 261px;
}
#slide3 {
          width: 892px;
          height: 261px;
}
.slide_headline_wrap {
          float: left;
          width: 345px;
}
.slide_headline_wrap_right {
          float: right;
          width: 345px;
}
.slide_headline {
          float: left;
          width: 300px;
          padding: 30px 0px 0px 30px;
          color: #ffffff;
}
.slide_subheadline {
          float: left;
          width: 330px;
          margin-top: 15px;
          color: #ffffff;
}
.slide_subheadline_text {
          float: left;
          padding-left: 30px;
          width: 240px;
          margin-right: 10px;
          color: #FFFFFF;
          font-size: 14px;
}
.slide_headline h1 {
          margin: 0px 0px 10px 0px;
          color: #ffffff;
          font-size: 34px;
}
.slide_headline h2 {
          margin: 0px 0px 10px 0px;
          color: #ffffff;
          font-size: 18px;
          font-weight: normal;
}
.slide_button {
          float: left;
          width:auto;
}
/* Slider Coloring */
#myController span {
          background:#eaeaea;
          margin-right:10px;
          cursor:pointer;
          padding: 5px 8px;
          border: solid 1px #ccc;
          color: #36432f;
}
#jFlowSlide {
}
#myController span.jFlowSelected {
          background:#95A077;
          margin-right:10px;
          cursor:pointer;
          padding: 5px 8px;
          border: solid 1px #ccc;
          color: #eaeaea;
}
.jFlowPrev, .jFlowNext {
          margin-right:10px;
          cursor:pointer;
          padding: 5px 8px;
          color: #104E82;
}
.diapo {
          padding: 10px;
          border: solid 1px #ccc;
          color: #eaeaea;
          -moz-border-radius: 15px;
          -webkit-border-radius: 15px;
          border-radius: 15px;
          behavior: url(/PIE.htc);
}
.img-la-ciotat {
          margin:20px;
          width:270px;
          height:270px;
}

.facebook {
          float: right; margin: 20px;
}