html,body {margin:0; padding:0; width:100%; height:100%; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; user-select: none;}
body {font-family:'robotoregular',Arial; font-size:16px; color:#444; background:#bbb;}
#bkactu {position:fixed; z-index:998; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0;}
#actuhome {position:fixed; overflow:hidden; z-index:999; background:#fff; top:50%; left:50%; transform: translate(-50%, -50%); width:calc(100% - 30px); height:auto; max-width:900px; max-height:800px;}
#actuhome img {max-width:100%;}
#actuhome div {overflow:hidden;}
#closeactu {position:fixed; top:0; right:0; padding:4px !important; height:auto !important; background:#e40006; color:#fff; cursor:pointer;}
.noir {background:#111;}
.left {float:left;}
.tleft {text-align:left;}
.right {float:right;}
.tright {text-align:right;}
.s {margin:auto; width:1400px;}
.sblanc {margin:auto; width:1360px; background:#eeeeee; padding:20px;}
hr{height:1px;color:#dddddd;border:0;background:#aaaaaa;margin-bottom:5px;}
.storymax{margin:0 auto;width:1430px; font-size:0;}
.seize {font-size:16px;}
.center {text-align:center;}
.clear {clear:both;}
.yes {display:none;}
img {vertical-align:top; margin:0; max-width:100%;}
h1,h2,h3,h4{margin:0;padding:0;font-weight:normal; font-style:normal;}
#menur{display:none;position:fixed;top:45px;right:10px;z-index:99;}
#tel {display:none;position:fixed;top:45px;right:50px;z-index:99; font-size:20px; color:#29abdf;}
#abstop {position:fixed; top:0; width:100%; height:30px; background:#29abdf; z-index:97; line-height:30px; color:#ffffff; font-size:14px;}
#abstop img {display:inline-block; margin:5px 5px 0 0;}
.video {float:right; margin-top:5px;}
#top {position:fixed; top:30px; width:100%; height:60px; font-size:0; z-index:98; background:#111; padding:5px 0;}
#logo {width:200px; display:inline-block; vertical-align:middle; text-align:left;}
#menu {width:calc(100% - 200px); display:inline-block; vertical-align:middle; text-align:right;}
.item, .itemon {display:inline-block; vertical-align:middle; position:relative; margin-left:5px; font-size:18px; padding:4px 10px; transition: 0.3s all ease; border:1px solid transparent;}
.item0, .item0on {display:inline-block; margin-left:10px; font-size:14px; transition: 0.3s all ease;}
.item:hover {border:1px solid #7bcceb;}
.item a:link, .item a:visited, .item0 a:link, .item0 a:visited {color:#ffffff;}
.item a:hover, .item:hover a, .itemon a:link, .itemon a:visited { color:#7bcceb;}
.e {display:inline-block; vertical-align:middle; width:1px; height:15px; background:#aaaaaa; margin-left:5px;}
.item0on a:link, .item0on a:visited, .item0 a:hover {color:#eeeeee;}
.mitem {display:none;}
.info {display:none;}
.smenu {display:none; position:absolute; padding-top:10px; z-index:99;margin-left: calc(50% - 105px);}
.sitem a:link, .sitem a:visited {transition: 0.3s all ease; border:1px solid #7bcceb; display:inline-block; width:180px; text-align:center; font-size:16px; color:#fff !important; margin-bottom:2px; cursor:pointer; background:#111; padding:5px;}
.sitem a:hover {color:#7bcceb !important;}

#grand_spa {position:absolute; z-index:85; width:100%; text-align:center; margin-top:3%;}
h1{font-size:24px; color:#ffffff; letter-spacing:5px; margin-top:10px;}
#intro {position:relative; width:100%; z-index:80; overflow:hidden; margin-top:90px; max-height:700px;}
#introm {height:300px; margin-top:0px;}
.swiper-slide img {width:100%;}
.swiper-container {overflow: hidden; z-index: 1;-webkit-transform: translateZ(0);}
.swiper-wrapper {position: relative; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;  box-sizing: content-box; pointer-events:none;}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.swiper-slide {float: left;-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; position: relative; overflow:hidden; z-index:1;}
#home {position:relative; width:100%; text-align:center; font-size:0; margin-top:-150px; margin-bottom:30px; z-index:90;}

.case {display:inline-block; vertical-align:top; text-align:center; background:#eeeeee; max-width:260px; width:calc(20% - 50px); padding:10px; margin:0 15px; transition:0.5s; color:#444444;}
.case img {width:100%;}
.case .t {font-size:26px; font-weight:bold;margin-top:20px;}
.case .mt {font-size:15px; text-align:justify;margin-top:10px;}
.case .a {cursor:pointer; display:inline-block; text-align:center;background:#29abdf; color:#ffffff;padding:4px 10px; font-size:18px;margin-top:15px; transition: 0.3s all ease;}
.case:hover .a {background:#ffffff;color:#29abdf;}
.case:hover {background:#29abdf; color:#ffffff;}
#page {position:relative; width:100%; z-index:90; padding:30px 0; margin-top:90px;}
#ariane {width:1360px; margin:0 auto 20px auto;padding:20px;background:#222222;color:#ffffff;}
.sariane {display:block; border-bottom:2px solid #eeeeee; margin:10px 15px; text-align:left;}
.sariane img {display:inline-block; margin:5px 0 0 10px;}
h2{font-size:24px;font-weight:bold;line-height:26px;}
h3{font-size:20px;font-weight:normal; line-height:40px;color:#ffffff;}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited  {color:#ffffff;}
.tri {color:#000000; background:#eeeeee; border:0; font-family:'robotoregular',Arial; font-size:14px; padding:3px; margin-left:10px;}

.art, .art4, .art5, .art6 {position:relative; display:inline-block; vertical-align:top; background:#eee; width:calc(33.33% - 50px); padding:10px; margin:15px; transition:0.5s; font-size:16px; text-align:left;}
.art4 {width:calc(25% - 50px);}
.art5 {width:calc(20% - 50px);}
.art6 {width:calc(16.66% - 50px);}
.art img {display:block; cursor:zoom-in;}
.art-img {width:100%;}
.art:hover .prix, .art:hover .gris, .art4:hover .prix, .art4:hover .gris, .art5:hover .prix, .art5:hover .gris, .art6:hover .prix, .art6:hover .gris {color:#ffffff;}
.art:hover, .art4:hover, .art5:hover, .art6:hover {background:#29abdf; color:#ffffff; cursor:pointer;}
.art:hover .a, .art4:hover .a, .art5:hover .a, .art6:hover .a {background:#ffffff;color:#29abdf;}
.art-modele {font-size:20px; font-weight:bold; margin-top:10px; display:block;}
.art-loc {display:block; text-align:center; margin-top:10px;}
.art-loc input[type="radio"] {display:none;}
.art-loc input[type="radio"] + label {display:block; color:#fff; background:#555; padding:4px; cursor:pointer; margin:5px 0;}
.art-loc input[type="radio"]:checked + label {background-color:#00b602;}
.art-loc input[type="radio"] + label, input[type="radio"]:checked + label {-webkit-transition:background-color 0.3s linear; -o-transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;  transition:background-color 0.3s linear;}
.art_loc input[type="submit"] {-webkit-appearance: none;}
.pdf {vertical-align:middle;}

.gris {color:#999999;}
.prix{color:#444444;font-weight:Bold;font-size:20px;}
.pastille{position:absolute;width:60px;height:60px;margin-top:-10px;right:5px;background:url('/ima/pastille.png');font-size:22px;font-weight:Bold;color:#ffffff;line-height:60px;text-align:center;}
.art .a, .art .basket, .art4 .a, .art4 .basket, .art5 .a, .art5 .basket, .art6 .a, .art6 .basket {cursor:pointer; border:0; display:inline-block; background:#29abdf; color:#fff; padding:2px 4px; font-family:'robotoregular'; font-size:14px; margin-top:5px; transition: 0.3s all ease;}
.art .basket, .art4 .basket, .art5 .basket, .art6 .basket {background:#00b602;}
.art .area, .art4 .area, .art5 .area, .art6 .area {display:none; font-size:14px; text-align:justify;}
.art4 a:link, .art4 a:hover, .art5 a:link, .art5 a:hover,.art6 a:link, .art6 a:hover {color:#444 !important;}
h4 {font-weight:bold; margin:20px 0 0 0; padding:0; font-size:22px; color:#444444;}
.highslide-number{color:#222222;font-size:18px; display:inline-block;}
.highslide-dimming{background:#ffffff;}
.highslide, .highslide highslide-active-anchor{outline:none;text-decoration:none;transition:all 0.4s;}
.highslide-caption{display:none;font-size:16px;color:#222222;padding:5px;}
.highslide-controls {position: absolute;width: 100%;height: 0;background: none;margin: 0;}
.highslide-controls ul {position: absolute;width: 100%;	left: 0;height: 0;list-style: none;	margin: 0;padding: 0;background: none;}
.highslide-controls li {position: absolute;padding: 0;float: left;margin:0;}
.highslide-controls a {background-image: url(/lib/highslide/graphics/arrows.png);display: block;float: left;height: 40px;width: 40px;outline: none;}
.highslide-controls a.disabled {cursor: default;}
.highslide-controls a.disabled span {cursor: default;}
.highslide-controls a span {display: none;cursor: pointer;}
.highslide-controls .highslide-next {right: 0;}
.highslide-controls .highslide-previous a {background-position: 0 0; position:absolute; left:-100px;}
.highslide-controls .highslide-previous a.disabled {background-position: 0 -40px !important;}
.highslide-controls .highslide-play {display: none;}
.highslide-controls .highslide-pause {display: none;}
.highslide-controls .highslide-next a {	background-position: -40px 0; position:absolute; right:-100px;}
.highslide-controls .highslide-next a.disabled {background-position: -40px -40px !important;}
.highslide-controls .highslide-move {display: none;}
.highslide-controls .highslide-full-expand {display: none;}
.highslide-controls .highslide-close {display: none;}
#actu {position:relative; background:#bbb;}
#qsn {position:relative; background:#29abdf;}
.fbleu {position:absolute; background:rgba(41, 171, 223, 0.85); width:100%; height:100%;}
.tqsn {position:relative; z-index:51; padding:20px 0;color:#ffffff;}
.btext {-webkit-appearance: none;}
.btext, .btextarea, .bselect  {border:1px solid #d3d3d3; background:#f9f9f9; font-family:'robotoregular',Arial; font-size:16px; color:#111; padding:4px;}
.btext, .btextarea {width:290px;}
.bouton {font-family:'robotoregular',Arial; font-size:20px; color:#ffffff; border:0; background:#00b602; padding:4px 10px; cursor:pointer;}
.r {border:1px solid #e40006; box-shadow:0px 0px 4px 2px #e40006;}
.erreur {display:inline-block; background:#ff0005; color:#ffffff; padding:2px 4px;font-size:14px;}
.erreur a, .bouton a {color:#fff !important;}
.message {color:#00b602; font-weight:bold; font-size:18px;}
.msgv{color:#00b602;}
#bas {position:relative; width:100%; background:#111; padding:30px 0; color:#ffffff;}
.stars{position:absolute;width:100px;height:20px;background:url('/ima/stars.png');display:block;}
.mcolor{width:100px;height:20px;background:#cccccc;text-align:left;display:block;}
.mstars{position:absolute;width:100px;height:20px;background:url('/ima/mstars.png');display:block;}
.avis {margin-left:120px;}
.repavis {margin-left:120px; padding:5px; background:#777777; display:inline-block; color:#ffffff;}
#mdp {cursor:pointer;}
.radio {transform:scale(1.1);}
@font-face {
    font-family: 'robotoregular';
    src: url('/fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('/fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('/fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('/fonts/RobotoCondensed-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
a {outline:none; text-decoration:none;}
a:link, a:visited, a:hover{color: #29abdf; text-decoration: none}
a.n:link, a.n:visited {color:#444; text-decoration:none;}
a.b:link, a.b:visited, a.b:hover, a.n:hover {color:#ffffff; text-decoration:none;}
a.anchor {
    display: block;
    position: relative;
    top: -145px;
    visibility: hidden;
}
.animated {-webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
@-webkit-keyframes zoomIn {from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3);  transform: scale3d(0.3, 0.3, 0.3);} 80% {opacity: 1;}}
@keyframes zoomIn {from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 80% {opacity: 1;}}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn;}

.t {border:0; width:100%; border-collapse:collapse;}
.t td {padding:10px; font-size:16px; background:#fff;}
.t td:first-child {width:250px;}
.t .thead {background:#ddd; min-height:20px; color:#000; font-size:18px; padding:10px; font-weight:bold;}
.half {width:690px;}
.third {width:500px;}
.t .cent {width:200px; text-align:left;}

#minipanier {position:fixed; right:20px; bottom:15px; z-index:98; background:#00b602; color:#fff; padding-top:40px; width:150px; height:110px; text-align:center; border-radius:50%;}
#minipanier a:link, #minipanier a:visited {color:#fff;}
#minipanier span {font-weight:bold; font-size:22px; display:block; margin-bottom:10px;}

#calendar {width:100%;}
#calendar table {border-collapse:separate; border-spacing:1px; width:100%;}
#calendar table td {padding:8px 2px 0 2px; min-width:50px; background:#fff; font-size:15px; color:#444; border-radius:2px; vertical-align:top; text-align:center;}
#calendar hr {width:100%; border:0; height:2px; background:#444; margin:2px 0;}
#calendar input[type="radio"] {display:none;}
#calendar input[type="radio"] + label {display:block; color:#fff; background:#29abdf; padding:4px; cursor:pointer; border-radius:2px;margin:5px 0;}
#calendar input[type="radio"]:checked + label {background-color:#51be00;}
#calendar input[type="radio"]:disabled + label {background-color:#bbb; cursor:default;}
#calendar input[type="radio"] + label, input[type="radio"]:checked + label {-webkit-transition:background-color 0.3s linear; -o-transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;  transition:background-color 0.3s linear;}

@media screen and (max-height: 750px)
  {
  #home {margin-top:-100px;}
  }
@media screen and (min-width: 768px) and (max-width: 1460px)
  {
  .s, .sblanc, #ariane {width: calc(100% - 20px); padding-left:10px; padding-right:10px;}
  .storymax {width:100%;}
  .item, .itemon, .item0, .item0on, .e {margin-left:0;}
  .item, .itemon {font-size:16px;}
  .art-modele {font-size:16px;}
  .highslide-controls .highslide-next a, .highslide-controls .highslide-previous a {position:relative;left:0; right:0;}
  #home {margin-top:-100px;}
  .half {width: auto; max-width: 100%;}
  }
@media screen and (max-width: 767px)
  {
  .s, .sblanc, #ariane, table {width: calc(100% - 20px) !important; padding-left:10px; padding-right:10px;}
  .storymax {width:100%; text-align:center;}
  .sariane {margin:10px;}
  #grand_spa, #menu, h2, .item0, .item0on, #mpan {display:none;}
  #menur, #tel {display:block; position:absolute;}
  #top, #abstop {position:absolute;}
  #home {margin-top:30px;}
  .case, .art, .art4, .art5, .art6 {width: calc(50% - 40px); margin:10px; max-width:100%;}
  #introm {height:auto;margin-top:90px;}
  .right, .tri {float:none; display:block; margin:0 0 5px 0; text-align:left; -webkit-appearance:none;}
  .btext, .btextarea, iframe{max-width:100%;width: calc(100% - 8px); text-align:center;}
  .bselect {max-width:200px !important;}
  #tb_contact {margin:0; padding:0; width:100% !important;}
  td {display:block; padding:5px 0; text-align:center !important; width:100% !important;}
  #menu {position:absolute;left:0;top:70px; width:100%;padding:0; background:#29abdf; text-align:center;}
  .item, .itemon, .mitem {display:block; margin:1px 0; border:0; background:#111; padding:15px 10px; font-size:22px;}
  .item:hover {border:0}
  .smenu {position:relative; top:0px !important; padding:20px 0 0 0; margin:0;}
  .sitem a:link, .sitem a:visited {display:block; width:auto; border:0; text-align:center; padding:5px; font-size:18px;}
  .e {display:none;}
  .item a, .mitem a {display:block; color:#fff;}
  .highslide-controls .highslide-next a, .highslide-controls .highslide-previous a {position:relative;left:0; right:0;}
  .t td {display:block; text-align:center;}
  .no {display:none;}
  .yes {display:block;}
  .half, .third {width:100%;}
  #calendar table {width:100% !important; padding:0 !important;}
  #calendar td {display:table-cell; width:auto !important;min-width:35px !important;}
  }
@media screen and (max-width: 380px)
  {
  .case, .art, .art4, .art5, .art6 {width: calc(100% - 40px); margin:0 10px 20px 10px; max-width:100%;}
  }