iframe {
  height: 100vh;
}

.video-containeryt{
      height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    direction: ltr;
  pointer-events: none;
}

.mere1 {
  display: inline-block; width:39%;
}

.mere2 {
  display: inline-block; width:50%;
}

.boutmere:hover {
  color: white;
}
.boutmere {
  color: black;
}

.fade-in {
	  -webkit-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
   -webkit-animation-name: fadeInperso;
            animation-name: fadeInperso;
  visibility: visible !important;
}

 @-webkit-keyframes fadeInperso {
            0% {
               opacity: 0;
               transform: translateY(-60px);

            }
            100% {
               opacity: 1;
 				transform: translateY(0);
            }
         }

@keyframes fadeInperso {
  from {
  	opacity: 0;
    transform: translateY(-60px);
  }
  to {
 	opacity: 1;
     transform: translateY(0);
  }
}


.fade-out {
	  -webkit-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
   -webkit-animation-name: fadeOutperso;
            animation-name: fadeOutperso;
}

 @-webkit-keyframes fadeOutperso {
            0% {
               opacity: 1;
               transform: translateY(0);

            }
            100% {
               opacity: 0;
 				transform: translateY(-1000px);
            }
         }

@keyframes fadeOutperso {
  from {
  	opacity: 1;
    transform: translateY(0);
  }
  to {
 	opacity: 0;
     transform: translateY(-1000px);
  }
}

.cache {
  display: none !important;
}
#cache {
  z-index:99999; 
    width:100%;
    height:100vh;
  	position: absolute;
}
#cache div{
    font-size: 28px;
    color: black;
    text-align:center;
		
		/*top:45%;*/
    width:100%;
}


/* Instagram */



.row3 {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  z-index: 1; }
  .row3::before, .row::after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .row3::after {
    clear: both; }
  .row3.row-sm {
    width: 90%; }
    @media screen and (min-width: 399px) {
      .row3.row-sm {
        width: 75%; } }
    @media screen and (min-width: 768px) {
      .row3.row-sm {
        width: 60%; } }
  .row3.row-med {
    width: 90%; }
    @media screen and (min-width: 399px) {
      .row3.row-med {
        width: 80%; } }
    @media screen and (min-width: 768px) {
      .row3.row-med {
        width: 70%; } }
  .row3.row-lg {
    width: 90%; }
    @media screen and (min-width: 399px) {
      .row3.row-lg {
        width: 87.5%; } }
    @media screen and (min-width: 768px) {
      .row3.row-lg {
        width: 85%; } }
  .row3.inline {
    text-align: justify; }
    .row3.inline::before {
      display: none; }
    .row3.inline::after {
      display: inline-block;
      position: relative;
      content: '';
      width: 100%; }
    .row3.inline.center {
      text-align: center; }
    .row3.inline .block {
      display: inline-block;
      position: relative;
      float: none; }

#insta-feed a,.instafeed-shopify a{border:none!important;position:static;display:inline;padding:0;z-index:999999;text-decoration:none;color:transparent}#insta-feed .post-date a,.instafeed-shopify .post-date a{color:initial}#insta-feed,.instafeed-shopify{text-align:center;clear:both;margin:0 auto;margin-top:30px}#insta-feed h2{margin-bottom:30px}#insta-feed a:focus,#insta-feed a:hover,.instafeed-shopify a:focus,.instafeed-shopify a:hover{opacity:1!important}#insta-feed a:after,.instafeed-shopify a:after{border:none}#insta-feed .instafeed-container:hover .instafeed-overlay,.instafeed-shopify .instafeed-container:hover .instafeed-overlay{opacity:1}#insta-feed img,.instafeed-shopify img{max-width:none;object-fit:cover;position:absolute;top:0;left:0;bottom:0;right:0;margin:0 auto;width:100%;height:100%;border-radius:0;transform:initial;display:initial;opacity:1}#insta-feed .instafeed-container,.instafeed-shopify .instafeed-container{display:inline-block;position:relative;vertical-align:top;padding:0;color:#fff}#insta-feed .instafeed-overlay,.instafeed-shopify .instafeed-overlay{opacity:0;position:absolute;background-color:transparent;top:0;left:0;bottom:0;right:0;width:100%;height:100%;margin:0 auto;transition:all .2s linear}#insta-feed .likes,.instafeed-shopify .likes{position:absolute;display:flex;font-size:14px;bottom:2%;right:3%;margin:0 auto;z-index:200;color:#fff}#insta-feed .instafeed-overlay::after,.instafeed-shopify .instafeed-overlay::after{content:' ';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5}#insta-feed .instafeed-overlay::before,.instafeed-shopify .instafeed-overlay::before{content:' ';opacity:1;background:url(https://waiora-gap.fr/images/instagram-icon.svg) no-repeat center center;background-size:30px 30px;position:absolute;z-index:100;top:0;left:0;bottom:0;right:0}#insta-feed .instafeed-overlay.instafeed-video::before,.instafeed-shopify .instafeed-overlay.instafeed-video::before{content:' ';background:url(/assets/img/video-icon.png) no-repeat center center;background-size:20px 20px}.instafeed-lightbox{display:none!important;position:fixed!important;font-size:15px;z-index:99999;width:100%;height:100%;text-align:center;top:0;left:0;background:rgba(0,0,0,.8)}.instafeed-lightbox:focus{opacity:1!important}.instafeed-lightbox .lightbox-instagram{height:500px;width:900px;background-color:#fff;position:absolute;top:50%;left:50%;margin-top:-250px;margin-left:-450px}.instafeed-lightbox .lightbox-instagram video{width:50%;height:100%;position:absolute;background-color:#eee;left:0;top:0;margin:0 auto;outline:0}.instafeed-lightbox .lightbox-instagram .sub-header{height:32px;color:grey;position:relative}.instafeed-lightbox .lightbox-instagram .products-tagging{margin-top:15px;font-size:14px}.instafeed-lightbox .lightbox-instagram .instafeed-caption{margin-top:20px;word-wrap:break-word;white-space:pre-wrap;clear:both;color:#666}.instafeed-lightbox .lightbox-instagram .post-date{color:grey;font-size:11px;margin-top:50px;border-top:1px solid #eee;padding-top:5px}.instafeed-lightbox .lightbox-instagram .post-engagement{position:absolute!important;margin:auto!important;left:0!important;right:0!important;bottom:0!important;top:0!important;display:flex;justify-content:center;align-items:center;text-transform:uppercase;letter-spacing:.05em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.instafeed-lightbox .lightbox-instagram .description{position:absolute;right:0;width:450px;text-align:left;color:#000;text-decoration:none;box-sizing:content-box;padding:0;display:block}.instafeed-lightbox .lightbox-instagram .profile-picture{height:45px!important;width:45px!important;border-radius:50%!important;margin:12px!important;border:1px solid #eee}.instafeed-lightbox .lightbox-instagram .name-section{position:absolute;top:14px;left:65px}.instafeed-lightbox .lightbox-instagram .name-section:hover{color:#ccc}.instafeed-lightbox .lightbox-instagram .fullname{color:#000;letter-spacing:.05em;font-weight:600;line-height:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.instafeed-lightbox .lightbox-instagram .username{color:grey;font-size:11px;display:block;line-height:16px}.instafeed-lightbox .lightbox-instagram .username a{color:#000}.instafeed-lightbox .lightbox-instagram .instafeed-header{height:58px!important;position:relative!important;transform:none;margin:0;padding:0;text-align:inherit;opacity:1;background:0 0;margin-top:5px}.instafeed-lightbox .lightbox-instagram .box-content{padding:10px 20px 20px;max-height:530px;overflow-x:hidden;position:initial}.instafeed-lightbox .tagged-products{margin:40px 0;display:flex}.instafeed-lightbox .tagged-products a{text-transform:uppercase;letter-spacing:.05em;font-weight:600;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#666!important}.instafeed-lightbox .tagged-products img{position:relative!important;object-fit:contain!important;height:70px!important;width:70px!important}.instafeed-lightbox .tagged-products .product-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:16px;font-size:initial}.instafeed-lightbox .tagged-products .tagged-buy-button{margin:0;padding:7px 16px;height:auto;width:auto;background:0 0;border:1px solid #ccc;font-weight:700;font-size:11px;margin:5px 0 7px;cursor:pointer;display:block;box-shadow:none;color:#000!important;outline:0;font-size:.8rem!important;line-height:1.6!important;text-transform:uppercase!important;letter-spacing:.15rem!important;font-weight:700!important;padding:.375rem .75rem!important}.instafeed-lightbox .tagged-products .tagged-buy-button:hover{background-color:#eee;border-color:#ccc;color:#000}.instafeed-lightbox .tagged-products #delete-product{font-size:xx-large}.instafeed-lightbox .lightbox-instagram .follow:hover{color:grey}.instafeed-lightbox .lightbox-instagram hr{margin:10px;border:0;border-bottom:1px solid #e8e9eb;background:0 0;max-width:100%;width:auto}.instafeed-lightbox .lightbox-instagram .arrows{display:flex;justify-content:space-between}.instafeed-lightbox .lightbox-instagram .description .box-content .sub-header .arrows img{position:relative!important;width:32px!important;object-position:99999px 99999px;background:no-repeat 50%/100% 100%;background-size:50%}.instafeed-lightbox .lightbox-instagram .description .box-content .sub-header .arrows object:first-child img{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0NzcuMTc1IDQ3Ny4xNzUnIHdpZHRoPSc1MTInIGhlaWdodD0nNTEyJz48cGF0aCBkPSdNMTQ1LjE4OCAyMzguNTc1bDIxNS41LTIxNS41YzUuMy01LjMgNS4zLTEzLjggMC0xOS4xcy0xMy44LTUuMy0xOS4xIDBsLTIyNS4xIDIyNS4xYy01LjMgNS4zLTUuMyAxMy44IDAgMTkuMWwyMjUuMSAyMjVjMi42IDIuNiA2LjEgNCA5LjUgNHM2LjktMS4zIDkuNS00YzUuMy01LjMgNS4zLTEzLjggMC0xOS4xbC0yMTUuNC0yMTUuNXonIGZpbGw9J2JsYWNrJy8+PC9zdmc+)}.instafeed-lightbox .lightbox-instagram .description .box-content .sub-header .arrows object:nth-child(2) img{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0NzcuMTc1IDQ3Ny4xNzUnIHdpZHRoPSc1MTInIGhlaWdodD0nNTEyJz48cGF0aCBkPSdNMzYwLjczMSAyMjkuMDc1bC0yMjUuMS0yMjUuMWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xIDBzLTUuMyAxMy44IDAgMTkuMWwyMTUuNSAyMTUuNS0yMTUuNSAyMTUuNWMtNS4zIDUuMy01LjMgMTMuOCAwIDE5LjEgMi42IDIuNiA2LjEgNCA5LjUgNCAzLjQgMCA2LjktMS4zIDkuNS00bDIyNS4xLTIyNS4xYzUuMy01LjIgNS4zLTEzLjguMS0xOXonIGZpbGw9J2JsYWNrJy8+PC9zdmc+)}.instafeed-lightbox .lightbox-instagram .arrows a{display:inline-block!important;height:32px}.lightbox-instagram a,.lightbox-instagram a:link,.lightbox-instagram a:visited{font-weight:initial}.instafeed-lightbox .lightbox-instagram .arrows a:hover{background-color:#eee}.instafeed-lightbox img{max-width:450px!important;right:auto!important}.instafeed-lightbox:target{outline:0;display:block!important}.instafeed-lightbox .lightbox-instagram .close-button{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgY2xhc3M9J2ljb24nPjxwYXRoIGZpbGw9JyM5Mzk1OTgnIGQ9J00xNS44OSAxNC42OTZsLTQuNzM0LTQuNzM0IDQuNzE3LTQuNzE3Yy40LS40LjM3LTEuMDg1LS4wMy0xLjQ4NXMtMS4wODUtLjQzLTEuNDg1LS4wM0w5LjY0MSA4LjQ0NyA0Ljk3IDMuNzc2Yy0uNC0uNC0xLjA4NS0uMzctMS40ODUuMDNzLS40MyAxLjA4NS0uMDMgMS40ODVsNC42NzEgNC42NzEtNC42ODggNC42ODhjLS40LjQtLjM3IDEuMDg1LjAzIDEuNDg1czEuMDg1LjQzIDEuNDg1LjAzbDQuNjg4LTQuNjg3IDQuNzM0IDQuNzM0Yy40LjQgMS4wODUuMzcgMS40ODUtLjAzcy40My0xLjA4NS4wMy0xLjQ4NXonLz48L3N2Zz4=);position:absolute;right:0;background-repeat:no-repeat;width:20px;height:20px;margin:1rem}@media(min-width:768px) and (max-width:991.98px){.instafeed-lightbox .lightbox-instagram{width:760px!important;height:380px!important;margin-left:-380px!important}.instafeed-lightbox .lightbox-instagram .instafeed-post-image img{max-width:380px!important}.instafeed-lightbox .lightbox-instagram .description{width:380px!important;height:380px!important}.instafeed-lightbox .lightbox-instagram .description .box-content{max-height:285px!important}}@media only screen and (min-width:992px){.instafeed-lightbox .lightbox-instagram{width:1000px!important;margin-left:-500px!important;margin-top:-330px!important;height:625px!important}.instafeed-lightbox .lightbox-instagram .instafeed-post-image img{max-width:620px!important}.instafeed-lightbox .lightbox-instagram .description{width:375px!important}.instafeed-lightbox .lightbox-instagram video{width:62.5%}}@media only screen and (max-width:767.98px){.instafeed-lightbox .lightbox-instagram .close-button{background-image:url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgY2xhc3M9J2ljb24nPjxwYXRoIGZpbGw9JyM5Mzk1OTgnIGQ9J00xNS44OSAxNC42OTZsLTQuNzM0LTQuNzM0IDQuNzE3LTQuNzE3Yy40LS40LjM3LTEuMDg1LS4wMy0xLjQ4NXMtMS4wODUtLjQzLTEuNDg1LS4wM0w5LjY0MSA4LjQ0NyA0Ljk3IDMuNzc2Yy0uNC0uNC0xLjA4NS0uMzctMS40ODUuMDNzLS40MyAxLjA4NS0uMDMgMS40ODVsNC42NzEgNC42NzEtNC42ODggNC42ODhjLS40LjQtLjM3IDEuMDg1LjAzIDEuNDg1czEuMDg1LjQzIDEuNDg1LjAzbDQuNjg4LTQuNjg3IDQuNzM0IDQuNzM0Yy40LjQgMS4wODUuMzcgMS40ODUtLjAzcy40My0xLjA4NS4wMy0xLjQ4NXonLz48L3N2Zz4=);position:absolute;right:0;background-repeat:no-repeat;width:20px;height:20px;margin:1rem;z-index:1}.instafeed-lightbox .lightbox-instagram{height:98%!important;overflow:scroll!important;width:unset!important;max-height:unset!important;top:unset!important;left:unset!important;margin-top:.5rem!important;margin-left:.5rem!important;margin-right:.5rem!important;position:relative!important}.instafeed-lightbox .lightbox-instagram video{width:100%!important;height:60vh!important;position:static!important}.instafeed-lightbox .lightbox-instagram .instafeed-post-image img{position:static!important;width:100%!important;max-width:unset!important}.instafeed-lightbox .lightbox-instagram .description{width:unset!important;position:relative!important}.instafeed-lightbox .lightbox-instagram .box-content{max-height:none}}

#instagram-feed {
  display: block;
  margin: 0 auto;
  max-width: 1920px;
  padding: 90px 0 0; }
  #instagram-feed .container {
    padding: 0;
    margin: 0;
    width: 100%; }
  #instagram-feed h2 {
    display: block;
    margin: 0 auto 65px;
    color: #000000;
    font-family: "Helvetica Neue", "Helvetica";
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 37px;
    text-align: center;
    /*text-transform: uppercase;*/ }
    @media screen and (max-width: 1000px) {
      #instagram-feed h2 {
        font-size: 24px;
        line-height: 29px;
        margin: 0 auto 40px; } }
  #instagram-feed #insta-feed {
    margin: 0; }
    @media screen and (max-width: 1000px) {
      .instafeed-container {
        width: 33.33% !important;
        padding-top: 33.33% !important; } }

.review-stars ul {
  display: inline-block;
  list-style: none;
}

.review-stars ul li {
  float: left;
  margin-right: 5px;
}

.review-stars ul li i {
  color: #E4B248;
  font-size: 12px;
}
/*color: #E4B248;*/
.review-stars ul li i.inactive {
  color: #c6c6c6;
}
.star:after {
  content: "\2605";
}

#reviewstest .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 95px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;
}
#reviewstest .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
  #reviewstest .MS-controls button {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  #reviewstest .MS-controls button {
    font-size: 20px;
  }
}
#reviewstest .MS-controls .MS-left {
  left: 0px;
}
@media (max-width: 767px) {
  #reviewstest .MS-controls .MS-left {
    left: -20px;
  }
}
#reviewstest .MS-controls .MS-right {
  right: 0px;
}
@media (max-width: 767px) {
  #reviewstest .MS-controls .MS-right {
    right: 0px;
  }
}

@media (max-width: 991px) {
#reviewstest .MS-content .review-item {
    width: 50%;
}
}

@media (max-width: 767px) {
#reviewstest .MS-content .review-item {
    width: 100%;
}
}


#reviewstest {
  position: relative;
}

#reviewstest .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}

.review-item {
  display: inline-block;
  width: 33.33%;
  position : relative;
  vertical-align: top;
  overflow: hidden;
  margin-right: 10px;*/
  height: 100%;
  white-space: normal;
  padding: 20px 20px;
  border-radius: 5px;
  text-align: center;
  background-color: #f5f6fa;
}

#reviewstest .MS-content .review-item .review-meta img {
    height: auto;
    width: 20px;
    text-align: center;
  float: left;
}

.review-author {
  font-weight: bold;
  font-size: 1.2rem;
  margin-right: 20px;
}

.review-stars ul li i {
    color: #E4B248;
    font-size: 30px !important;
  font-style : normal;
}

.review-stars ul {
    padding-inline-start: 0;
}

@media screen and (min-width: 990px) {
.itemid-101 .logo:not(.header-sticky) {
  background: url(https://waiora-gap.fr/images/logomenutr2.png) no-repeat;
  background-size: 139px 45px;
  background-position: bottom;
  width: 139.02px;
}

.itemid-101 .logo-image:not(.header-sticky) {
display: none !important;
}

.itemid-101 #sp-header.header-sticky .logo-image:not(.header-sticky) {
display: block !important;
}


#sp-header {
  height: 75px;
}
  
  .itemid-101 #sp-header:not(.header-sticky) {
    background-color: transparent !important;
    position: absolute;
    left: 0;
    top: 41px;
}

.logo-image {
  padding-top: 15px;
}


#sp-header.header-sticky {
  background: #fff;
}

.itemid-101 #renstest:not(.header-sticky) {
  display: none;
}
#sp-header.header-sticky #renstest {
  display: block;
}
}

#sp-header.header-sticky {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.10);
}
.sp-scroll-up {
  display: none !important;
}

.itemid-101 .sp-megamenu-parent .sp-menu-item > a:not(.header-sticky) {
	color: white;
}

.sp-megamenu-parent .sp-menu-item > a:not(.header-sticky):hover {
	color: #4bbbbd;
}

#sp-header.header-sticky .sp-megamenu-parent .sp-menu-item > a {
  color: black;
}

#sp-header.header-sticky .sp-megamenu-parent .sp-menu-item > a:hover {
  color: #4bbbbd;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIYqWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: local('Raleway Light'), local('Raleway-Light'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIYqWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: local('Raleway Medium'), local('Raleway-Medium'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*Effet menu*/
/*enleve fleche dropdown*/
.sp-megamenu-parent > li.sp-has-child > a::after {display:none; }
.sp-megamenu-parent a:before,
.sp-megamenu-parent a:after {
  height: 3px;
  position: absolute;
  content: '';
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  background-color: #4bbbbd;
  width: 0;
}

.sp-megamenu-parent .test a:before,
.sp-megamenu-parent .test a:after {
 display: none !important; 
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  color: black !important;
}


.sp-dropdown-items a:before,
.sp-dropdown-items a:after {
  background-color: #f6b456;
}
/*.sp-megamenu-parent .sp-menu-item.test a:before,
.sp-megamenu-parent .sp-menu-item.test a:after*/

.sp-megamenu-parent a:before {
  top: 0;
  left: 0;
}
.sp-megamenu-parent a:after {
  bottom: 0;
  right: 0;
}
.sp-megamenu-parent a:hover,
.ssp-megamenu-parent .current-item a {
  color: #ffffff;
}
.sp-megamenu-parent a:hover:before,
.sp-megamenu-parent .current-item a:before,
.sp-megamenu-parent a:hover:after,
.sp-megamenu-parent .current-item a:after {
  width: 100%;
}

/* Ajout des police */

@font-face {
    font-family: 'AmsdamRegular';
    src: url('../fonts/AmsdamRegular.eot');
    src: url('../fonts/AmsdamRegular.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/AmsdamRegular.woff') format('woff'),*/
         url('../fonts/AmsdamRegular.ttf?v=1') format('truetype'),
         url('../fonts/AmsdamRegular.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'Zeitgeist-RegularDemo';
    src: url('../fonts/Zeitgeist-RegularDemo.eot');
    src: url('../fonts/Zeitgeist-RegularDemo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Zeitgeist-RegularDemo.woff') format('woff'),
         url('../fonts/Zeitgeist-RegularDemo.ttf') format('truetype'),
         url('../fonts/Zeitgeist-RegularDemo.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'futur';
    src: url('../fonts/futur.eot');
    src: url('../fonts/futur.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futur.woff') format('woff'),
         url('../fonts/futur.ttf') format('truetype'),
         url('../fonts/futur.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;}

#sp-menu {font-weight: bold; letter-spacing: 1px;}

@media only screen and (min-width:1025px){
#sp-main-body {margin-top: 60px;}
#sp-header, #sp-header.header-sticky {
   position: fixed !important;
    z-index: 9999 !important;
  top: 0 !important;
    opacity: 1 !important;
}
}

/* Personnalisation menu déroulant */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li:hover {
  background-color: #4bbbbd;
  display: block;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner li:hover > a {
  display: block;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 0px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  display: block;
  padding: 5px;
  position: relative;
}


/* Personnalisation du menu réservations */
/*.sp-megamenu-parent .sp-menu-item.test > a {
  font-size: 18px;
  color: #ffffff;
  background: #4bbbbd;
}

.sp-megamenu-parent .sp-menu-item.test > a:hover {
  color: #252525;
}*/

.sp-megamenu-parent .sp-menu-item.test > a {
	border : 0.2em solid;
  	border-color: #0d767d;
  	margin-left: 15px;
  	margin-right: 25px;
  	margin-top: 5px;
  	margin-bottom: 5px;
}

.sp-megamenu-parent .sp-menu-item.test > a:hover {
  border-color: #f6b456;
}

.sp-megamenu-parent .sp-menu-item.meres > a {
  font-weight: bolder;
  color: #FF976E;
  width: 100%;
}

.sp-megamenu-parent .sp-menu-item.meres > a:hover {
color: #FF976E;
}

.itemid-101 .sp-megamenu-parent .sp-menu-item.meres:not(.header-sticky) {
	
}

#sp-header.header-sticky .sp-megamenu-parent .sp-menu-item.meres{
  
}

.itemid-101 .sp-megamenu-parent .sp-menu-item.meres > a:not(.header-sticky) {
	color: #FF976E
}

#sp-header.header-sticky .sp-megamenu-parent .sp-menu-item.meres > a {
  color: #FF976E;
}

#sp-header.header-sticky .sp-megamenu-parent .sp-menu-item.meres > a:hover {
  color: #FF976E;
}


.sp-menu-item.meres {
 background-color:white
}


/* Personnalisation du menu noel */

.sp-megamenu-parent > li.sp-menu-item.noel {
  margin-right: 10px;
}
.sp-megamenu-parent .sp-menu-item.noel > a {
  font-weight: bolder;
  font-size: 18px;
  color: #ff0000 !important;
  /*background: #ff0000;*/
  background-image: url("https://waiora-gap.fr/images/neige.gif");
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

/* Personnalisation du menu st valentin */
.sp-megamenu-parent .sp-menu-item.valentin > a {
  font-weight: bolder;
  font-size: 18px;
  background-image: url("https://waiora-gap.fr/images/coeur3.gif");
}

/* Personnalisation du menu stage été */
.sp-megamenu-parent .sp-menu-item.ete > a {
  font-weight: bolder;
  font-size: 18px;
  background-image: url("https://waiora-gap.fr/images/sun.gif"), url("https://waiora-gap.fr/images/palm2.gif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right, left;
  background-color: #79C9FE;
}

.sp-megamenu-parent .sp-menu-item.noel > a:hover {
  color: #252525;
}

/* Background homepage  */
.homepage {
  margin-top: -60px;
    /* The image used */
  background-image: url("https://waiora-gap.fr/images/banniere.jpg");

  /* Full height */
  width: 100%;
  height: 100vh; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.homepage2 {
  margin-top: -60px;
    /* The image used */
  background-image: url("https://waiora-gap.fr/images/video-pres_Momentrecad.jpg");

  /* Full height */
  width: 100%;
  height: 100vh; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.lieu {
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
  text-align: center;
}

p.lieu {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

p.lieu {
  background-position: center center 50px;
}
/*p.tarifs {
  background-position: center top;
}*/

p.lieu:first-of-type {
  text-transform: uppercase;
  font-size: 8vw;
  font-weight: 700;
  text-shadow: 0 0 5px rgba(0,0,0,0.4);
}


/*p.tarifs:first-of-type {
  color: #fff;
  -webkit-text-stroke: 2px;
  -webkit-text-stroke-color: #252525;
}*/


p.lieu:nth-of-type(1) {
  background-image: url("https://waiora-gap.fr/images/batiment61.jpeg");
}

 /* body.site.itemid-101 {
    background: url("https://waiora.000webhostapp.com/images/logo.png") no-repeat center center;
    background-size: cover;
} */

.concept {
  text-align: center;
  font-size: 30px;
  padding: 0 50px;
}

.titreconcept {
  /*font-family: "AmsdamRegular";
  color: #f6b456;*/
  font-family: Raleway, sans-serif;
  font-weight: bold;
  font-size: 35px;
}

.texteconcept {
  font-family: Raleway, sans-serif;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  /*text-shadow: 0 0 5px rgba(0,0,0,0.4);*/
}

.aqua, .sante {
  background-image: url("https://waiora-gap.fr/images/fonddet.jpg");
  background-size: cover;
  background-position: center center;
  text-align: center;
}

.detente {
  background-image: url("https://waiora-gap.fr/images/fonddet2.jpg");
  background-size: cover;
  background-position: center center;
  text-align: center;
}


.homeline{
  display: inline-block;
   vertical-align: middle;
  width: 49%; 
  font-family: "AmsdamRegular";
  font-weight: bold;
  font-size: 20px;
}

.hometexte {
  font-family: sans-serif;
  font-weight: normal;
}

.homeline img{
    margin-left: auto;
  margin-right: auto;
}

/* Activités */
.velo {
   background-image: url("https://waiora-gap.fr/images/fondbike2.png");
   background-position: right;
   background-repeat: no-repeat;
   background-size: auto;
  background-color: #fff;
}
.actvelo {
  display: inline-block;
  width: 49%;
}
.train {
   background-image: url("https://waiora-gap.fr/images/fondtrain.png");
   background-repeat: no-repeat;
   background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
}
.acttrai {
  display: inline-block;
  width: 49%;
}
.comb {
   background-image: url("https://waiora-gap.fr/images/aquacomb.png");
   background-repeat: no-repeat;
   background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
}

.trampo {
  background-image: url("https://waiora-gap.fr/images/aquatrampo.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: #fff;
}

.gym {
   background-image: url("https://waiora-gap.fr/images/fondgym.png");
   background-position: right;
   background-repeat: no-repeat;
   background-size: auto;
  background-color: #fff;
}
.doux {
   background-image: url("https://waiora-gap.fr/images/fonddoux.png");
   background-position: right;
   background-repeat: no-repeat;
   background-size: auto;
  background-color: #fff;
}
.actgym {
  display: inline-block;
  width: 49%;
}
.baby {
   background-image: url("https://waiora-gap.fr/images/fondbaby.png");
  background-position: left;
   background-repeat: no-repeat;
   background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
}
.actbb {
  display: inline-block;
  width: 49%;
}
.actdetente {
   background-image: url("https://waiora-gap.fr/images/fonddetente.png");
   background-repeat: no-repeat;
   background-size: auto;
  background-color: #fff;
}
.actdet {
  display: inline-block;
  width: 49%;
}
.yogaa {
  background-image: url("https://waiora-gap.fr/images/fondactyoga.png");
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
}
.actyoga {
  display: inline-block;
  width: 55%;
}

.yoga1 {
   background-image: url("https://waiora-gap.fr/images/yogaban1.png");
   background-repeat: no-repeat;
   background-size: 356px 532px;
  background-color: #fff !important;
}

.yoga2 {
   background-image: url("https://waiora-gap.fr/images/yogaban4.png");
   background-repeat: no-repeat;
   /*background-size: 406px 616px;*/
     background-position: right;
  background-color: rgba(235,225,223,0.4) !important;
}

.yoga3 {
   background-image: url("https://waiora-gap.fr/images/yogaban3.png");
   background-repeat: no-repeat;
   /*background-size: 356px 532px;*/
  background-color: #fff !important;
}

.acttitre {
  /*font-family: "AmsdamRegular";
  color: #256368;*/
}
.acttitre2 {
  /*color: #f6b456;*/
}
.acttexte {
  font-family: Raleway,sans-serif;
  /*color: #256368;*/
}

.courspart {
   background-image: url("https://waiora-gap.fr/images/bbcourspart2.png");
   background-repeat: no-repeat;
   background-size: 37% auto;
  background-color: rgba(235,225,223,0.4) !important;
}

.coursnatation {
   background-image: url("https://waiora-gap.fr/images/coursnatation.png");
   background-repeat: no-repeat;
   background-size: 37% auto;
  background-color: rgba(235,225,223,0.4) !important;
}

.aquareserv {
  background: #4bbbbd;
  width: 150px;
  margin: auto;
  padding: 10px;
  color: black;
  text-align:center;
}
.aquareserv:hover {
  background: #f6b456;
}

/* Santé - Bien-être */
.santebloc1 {
  	display: inline-block;
	width: 49%;
	text-align: left;
}
.santebloc2 {
    /*display: inline-block;*/
  	border : 0.2em solid;
  	border-color: #0d767d;
  	margin-right: auto;
  	margin-left: auto;
	width: 75%;
	text-align: center;
  	padding: 20px;
}
.santebloc3 {
    display: inline-block;
	width: 49%;
	text-align: center;
  vertical-align: middle;
}

/* Pas de titre */
.article-header {
  display: none;
}

/* Pas de padding article */
#sp-main-body {
  padding: 0px;
}

/* RS Bas de page */
ul.social-icons > li {
  font-size: 80px;
  vertical-align: middle;
  margin-top: 40px;
}
#sp-bottom {
  padding: 20px 0 10px !important;
}

#sp-bottom3 {
  text-align: right;
  vertical-align: middle;
}
#sp-footer .container-inner {
  padding: 2px 0 2px;
}
/* Tarifs */
/*body.site.itemid-129 {
  background: url("https://waiora-gap.fr/images/tarifsdet.png") no-repeat center center fixed;
  background-size: cover;
}*/

body.site.itemid-126 {
  background-image: url("https://waiora-gap.fr/images/fondy2.jpg");
  background-position: center top;
  background-size: cover;
}

/*body.site.itemid-125, body.site.itemid-135, body.site.itemid-134{
  background-image: url("https://waiora-gap.fr/images/66565.jpg");
  background-position: center top;
  background-size: cover;
}*/

.boites {
  text-align: center;
}

.tarifsy {
  text-align: center;
}

.boitesy {
  display: inline-block;
  /*height: 500px;
  width: 400px;*/
  text-align: center;
  vertical-align: top;
  padding: 30px;
}

.tarifstitrey {
  font-family: "AmsdamRegular";
}

.box-tarifsy {
  height: 250px;
  width: 250px;
  border : 0.2em solid;
  border-color: #f6b456;
  border-radius: 50%;
  padding: 30px;
  background: #fff;
  vertical-align: center;
}

.box-tarifs {
  height: 300px;
  width: 18%;
  border : 0.2em solid;
  border-color: #0d767d;
  background-color: #0d767d;
  padding:30px;
  display:inline-block;
  vertical-align: top;
  border-radius: 10px;
  margin: 5px;
}
.box-tarifs2 {
  height: 300px;
  width: 18%;
  border : 0.2em solid;
  border-color: #0d767d;
  background-color: #0d767d;
  padding:30px;
  display:inline-block;
  vertical-align: top;
  border-radius: 10px;
  margin: 5px;
}

.tarifsbb {
  width: 350px;
  height: 350px;
  border-radius: 50%;
}

.tarifsvt {
 height: 260px;
}

.box-tarifs .reserv, .box-tarifs:hover .duree {
  display : none;
}

.box-tarifs:hover .reserv {
  display : block;
  font-size: 16px;
  color: #fff;
  background-color: #4bbbbd;
  border: none;
  border-radius: 4px;
}

.box-tarifs:hover {
   border-color: #0d767d;
   background-color: white;
}

.box-tarifs:hover .seance, .box-tarifs:hover .prix{
  color: #0d767d;
}

.seance, .seancey{
  /*text-transform: uppercase;*/
  color: white;
  font-size: 27px;
  font-weight: 700;
}

.prix, .duree, .prixy {
  font-size: 16px;
  font-weight: 600;
  color: white;
}

.tarifstitre{
  /*font-family: "AmsdamRegular";*/
  text-align: center;
}


hr {
  height: 2px;
  width: 80%;
  background-color: #4bbbbd;
}

/* Boites presentation*/

.boites-pres {
  text-align: center;
  margin-left: 7%;
  margin-right: 7%;
}

.box-pres {
  border : 0.2em solid;
  border-color: #0d767d;
  background-color: #0d767d;
  color: transparent;
  width: 27%;
  margin: 12px;
  display:inline-block;
  vertical-align: top;
  background-image: url("https://waiora-gap.fr/images/44.png");
  background-size: contain;
background-repeat: no-repeat;
}
.box-pres:before {
	content: "";
	float: left;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.box-pres:hover {
  background-image: url("https://waiora-gap.fr/images/33.png");
}

.box-pres1 {
  border : 0.2em solid;
  border-color: #0d767d;
  background-color: #0d767d;
  color: transparent;
  width: 27%;
  margin: 12px;
  display:inline-block;
  vertical-align: top;
  background-image: url("https://waiora-gap.fr/images/22.png");
  background-size: contain;
background-repeat: no-repeat;
}
.box-pres1:before {
	content: "";
	float: left;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.box-pres1:hover {
  background-image: url("https://waiora-gap.fr/images/111.png");
}

.box-pres2 {
  border : 0.2em solid;
  border-color: #0d767d;
  background-color: #0d767d;
  color: transparent;
  width: 27%;
  margin: 12px;
  display:inline-block;
  vertical-align: top;
  background-image: url("https://waiora-gap.fr/images/12.png");
  background-size: contain;
background-repeat: no-repeat;
}
.box-pres2:before {
	content: "";
	float: left;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.box-pres2:hover {
  background-image: url("https://waiora-gap.fr/images/11.png");
}

.box-pres3 {
  border : 0.2em solid;
  border-color: #0d767d;
  background-color: #0d767d;
  color: transparent;
  width: 27%;
  margin: 12px;
  display:inline-block;
  vertical-align: top;
  background-image: url("https://waiora-gap.fr/images/66.png");
  background-size: contain;
background-repeat: no-repeat;
}
.box-pres3:before {
	content: "";
	float: left;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.box-pres3:hover {
  background-image: url("https://waiora-gap.fr/images/55.png");
}

.box-pres4 {
  border : 0.2em solid;
  border-color: #0d767d;
  background-color: #0d767d;
  color: transparent;
  width: 27%;
  margin: 12px;
  display:inline-block;
  vertical-align: top;
  background-image: url("https://waiora-gap.fr/images/10.png");
  background-size: contain;
background-repeat: no-repeat;
}
.box-pres4:before {
	content: "";
	float: left;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.box-pres4:hover {
  background-image: url("https://waiora-gap.fr/images/9.png");
}

.box-pres5 {
  border : 0.2em solid;
  border-color: #0d767d;
  background-color: #0d767d;
  color: transparent;
  width: 27%;
  margin: 12px;
  display:inline-block;
  vertical-align: top;
  background-image: url("https://waiora-gap.fr/images/88.png");
  background-size: contain;
background-repeat: no-repeat;
}
.box-pres5:before {
	content: "";
	float: left;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}

.box-pres5:hover {
  background-image: url("https://waiora-gap.fr/images/77.png");
}

/* Lieu */

.lieumap {
  display: inline-block;
  width: 49%;
  text-align: center;
  /*vertical-align: middle;*/
}

.lieumap img {
  margin-left: auto;
  margin-right: auto;
}

.lieumap2 {
  display: inline-block;
  width: 33%;
  text-align: center;
  vertical-align: middle;
}

.kidsres {
  display: inline-block;
  width: 49%;
  text-align: center;
  vertical-align: middle;
}

.lieumap2 img {
  margin-left: auto;
  margin-right: auto;
}

.lieutitre {
  font-family: Raleway, sans-serif;
  vertical-align: top;
  /*color: #f6b426;*/
}

.lieutexte {
  text-align: center;
  text-shadow: 0 0 5px rgba(0,0,0,0.4); 
  font-size: 20px;
}

/* Planning Aqua */
/*body.site.itemid-121 {
  background-image: url("https://waiora-gap.fr/images/66565.jpg");
  background-position: center top;
  background-size: cover;
}*/
body.site.itemid-121 {
  /*background-image: url("https://waiora-gap.fr/images/fondplan.png");*/
  background-position: center top;
  background-size: cover;
}

.tabtra {
  background-color: #5cc9cb;
  color: #fff;
  border: 2px solid #fff;
}
.tabvel {
  background-color: #256368;
    color: #fff;
  border: 2px solid #fff;
}
.tabgym {
  background-color: #3895d3;
    color: #fff;
  border: 2px solid #fff;
}
.tabbb {
  background-color: #40bd8e;
    color: #fff;
  border: 2px solid #fff;
}
.tabkid {
  background-color: #037624;
    color: #fff;
  border: 2px solid #fff;
}
.tabpho {
  background-color: #44B9F2;
    color: #fff;
  border: 2px solid #fff;
}
.tabpri {
  background-color: #d6ab5a;
    color: #fff;
  border: 2px solid #fff;
}
.tabkin {
  background-color: #18375e;
    color: #fff;
  border: 2px solid #fff;
}
/* Planning Yoga */

.tabaqua2 {
  width: 22% !important;
}
.tabyoga, .tabaqua {
  text-align: center;
  vertical-align: middle;
  /*margin: auto;*/
  
  width:12%;
  table-layout:fixed;
}

.tabjour {
  color: #256368; 
  font-family: "AmsdamRegular";
}

.tabyoga tr {
  border: 1px dashed #e5e5e5;
}

.tabyoga td {
  border-right: 1px solid rgb(229, 229, 229);
}

.tabaqua tr {
  
  height: 60px;
  font-size: 20px;
  font-weight: bold;
}

.tabaqua td {
 
  height: 60px;
}

.tabgris {

}

.tabvin {
  background-color: #4bbbbd;
  border-right: 1px solid #e5e5e5 !important;
}

.tabiye {
  background-color: #32cfde;
  border-right: 1px solid #e5e5e5 !important;
}

.tabhat {
  background-color: #31adb9;
  border-right: 1px solid #e5e5e5 !important;
}

.tabpar {
  background-color: #179ea2;
  border-right: 1px solid #e5e5e5 !important;
}

.tabmed {
  background-color: #118b96;
  border-right: 1px solid #e5e5e5 !important;
}

/* contact */

.contact-name {
  text-align: center;
}
.contact {
  /*padding: 200px;*/
  text-align: center;
}
.dl-horizontal dt {
  margin-left: 49.5%;
}
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg {
  margin-left: 40%;
  width: 20%;
}

#jform_contact_message {
  margin-left: 30%;
  width: 40%;
}

/* Réservation */
.rescli {
  width: 100%;
	text-align:center;
  padding:20px;
  cursor: pointer;
  font-weight: bold;
}
.rescli::after {
  display: none;
}

.resclicach {
  padding:20px;
  display: none;
}
.resclicach2 {
  padding:20px;
  display: none;
}
#resrad:checked ~ .resclicach {
  display: block;
}
#resrad2:checked ~ .resclicach2 {
  display: block;
}

#resrad, #resrad2 {
 display: none;
}

.boutonres {
    height: 1.5rem;
    width: 1.5rem;
    border: 1px solid #000;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  margin-top: 30px;
  margin-left: 20px;
}


.formlab {
	width:500px;
	text-align: center;
  	margin-left: 150px;
	display:block;
	margin-top:1.5em;
}

.formin {
	width: 250px;
	display:inline-block;
	/*text-align:center;*/
}

.formres {
  font-family: Raleway,sans-serif;
  	margin-left: auto;
    margin-right: auto;
	width: 400px;
	padding:0px;
  border : 0.2em solid #0d767d;
  border-color: #0d767d;
}

.formres:hover {
  border : 0.2em solid #f6b456;
  border-color: #f6b456;
}

.formbut{
  background-color: #4bbbbd;
  border: 1px solid;
  border-radius: 40px;
  border-color: #4bbbbd;
  padding: 10px;
  width: 100%;
}

.formbut2{
  display: block;
  background-color: #fff;
  border: 1px solid;
  border-radius: 40px;
  border-color: #4bbbbd;
  padding: 10px;
  width: 100%;
  text-align: center;
}

.formor{
  text-align: center;
  color: #9d9da0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.restitre {
  font-family: "AmsdamRegular";
  color: #f6b456;
  text-align: center;
}

.restitre2 {
  margin-left: 15%;
}

.restexte {
  font-family: Raleway,sans-serif;
  width: 70%;
  margin-left: 15%;
}

/* Noel */
body.site.itemid-124 {
  background-image: url("https://waiora-gap.fr/images/fondnoel2.png");
  background-position: center top;
  background-size: cover;
}

.boule1 {
  text-align: center;
}
.imgboule {
  display: inline-block;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
}
.noelres {
  background-color: #FBBF6E;
  color: #256368;
  padding: 20px;
  border-radius: 10px;
  font-family: "Zeitgeist-RegularDemo";
}

body.site.itemid-123 {
  background-image: url("https://waiora-gap.fr/images/66565.jpg");
  background-position: center top;
  background-size: cover;
}

.privat {
  border : 0.5em solid;
  border-color: #f6b456;
  margin-left: 14%;
  margin-right: 14%;
  text-align: center;
  padding: 45px;
  background: #fff;
}

/* Mentions Légales */
.mentionsleg {
  float: none !important;
  width: 90% !important;

}

/************ VERSION MOBILE ************/

@media screen and (max-width: 700px) {
  
  .homepage2 {
    height: 60vh !important;
  }
  
  
    .mere2 {
        display: block !important;
  width: 100% !important;
  }
  
  .photomere {
    width: 90% !important;
  }
   .mere1 {
        display: block !important;
  width: 95% !important;
     margin-left: 3%;
     
  }
/* Accueil */
    .logimg {
    width: 90% !important;
      margin-left: 5px !important;
      margin-right: 0 !important;
  }

/* Presentation */
    .box-pres, .box-pres1, .box-pres2, .box-pres3, .box-pres4, .box-pres5 {
    display:block;
    width: 250px; !important;
      height: 250px; !important;
      margin-left: auto !important;
      margin-right: auto !important;
    /*margin-left: 5% !important;*/
  } 
  
    #sp-header {
    background-color: transparent !important;
  }
  #sp-header.header-sticky {
    position: relative !important;
  }
  #offcanvas-toggler {
    position: fixed !important;
    right: 15px;
  top: 15px;
  }
  
    .itemid-101 .logo-image {
    display: none;
  }
  
  
    .home {
    font-size: 8vw !important;
  }
/* Lieu */

  .lieumap {
  display: block;
  width: 100%;
}
  .lieutexte {
    padding-left: 5px !important;
    padding-right: 5px !important; 
  }
  .lieutitre2 {
    padding-right: 0% !important;
  }
  
/* Activités */
  
  .natenfant {
    display: block !important;
    width: 100% !important;
    margin-top: 130px;
  } 
  
  .courspart {
    background-image: url("https://waiora-gap.fr/images/bbcourspart2.png");
   background-repeat: no-repeat;
      background-position: center 0px;
   background-size: auto;
  text-align: center;
  }
 .coursnatation {
    background-image: url("https://waiora-gap.fr/images/coursnatation.png");
   background-repeat: no-repeat;
      background-position: center 0px;
   background-size: auto;
  text-align: center;
  }
.velo {
  background-color: #fff;
    background-image: url("https://waiora-gap.fr/images/fondbike2.png");
   background-position: center 50px;
   background-repeat: no-repeat;
   background-size: auto;
  text-align: center;
}
.actvelo {
  display: block;
  width: 100%;
}
  .actvelo > p {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

.train {
   background-image: url("https://waiora-gap.fr/images/fondtrain.png");
   background-repeat: no-repeat;
  background-position: center 90px;
   background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
  text-align: center;
}
.acttrai {
  display: block;
  width: 100%;
}
  .acttextetrai {
    margin-top: -20px;
        padding-left: 5px !important;
    padding-right: 5px !important;
  }
.gym {
   background-image: url("https://waiora-gap.fr/images/fondgym.png");
   background-repeat: no-repeat;
    background-position: center 90px;
   background-size: auto;
  background-color: #fff;
  text-align: center;
}
.doux {
   background-image: url("https://waiora-gap.fr/images/fonddoux.png");
   background-repeat: no-repeat;
    background-position: center 90px;
   background-size: auto;
  background-color: #fff;
  text-align: center;
}
  
.comb {
   background-image: url("https://waiora-gap.fr/images/aquacomb.png");
   background-repeat: no-repeat;
  background-position: center 90px;
   background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
  text-align: center;
  }
  
.trampo {
   background-image: url("https://waiora-gap.fr/images/aquatrampo.png");
   background-repeat: no-repeat;
    background-position: center 90px;
   background-size: auto;
  background-color: #fff;
  text-align: center;
}
  
.actgym {
  display: block;
  width: 100%;
}
  .acttextegym {
    margin-top: -30px;
        padding-left: 5px !important;
    padding-right: 5px !important;
  }
.baby {
   background-image: url("https://waiora-gap.fr/images/fondbaby.png");
  background-position: center 10px;
   background-repeat: no-repeat;
   background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
}
.actbb {
  display: block;
  width: 100%;
}
  .actbb2 {
    padding-top: 380px;
  }
.acttextebb {
    margin-top: -50px;
      padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .bb2 {
    /*padding-left: 60px !important;*/
        padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .bb3 {
    margin-top: -25px;
  }
.actdetente {
   background-image: url("https://waiora-gap.fr/images/fonddetente.png");
  background-position: center 90px;
   background-repeat: no-repeat;
   background-size: auto;
  background-color: #fff;
}
.actdet {
  display: block;
  width: 100%;
}
  .actdet2 {
    padding-top: 370px;
    text-align: center;
        padding-left: 5px !important;
    padding-right: 5px !important;
  }
.yogaa {
  background-image: url("https://waiora-gap.fr/images/fondactyoga.png");
  background-position: center 90px;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
}
  
 .yoga1 {
       background-image: url("https://waiora-gap.fr/images/yogaban1.png");
   background-repeat: no-repeat;
  background-position: center 50px;
   /*background-size: auto;*/
  background-color: #fff;
  text-align: center;
  }
  
 .yoga2 {
       background-image: url("https://waiora-gap.fr/images/yogaban4.png");
   background-repeat: no-repeat;
    background-position: center 90px;
   background-size: 350.6px 532px;
    background-color: rgba(235,225,223,0.4) !important;
  
  text-align: center;
  }
  
 .yoga3 {
       background-image: url("https://waiora-gap.fr/images/yogaban3.png");
   background-repeat: no-repeat;
  background-position: center 90px;
   /*background-size: auto;*/
  background-color: #fff;
  text-align: center;
  }
.actyoga {
  display: block;
  width: 100%;
}

.acttitre {
  text-align: center;
  /*font-family: "AmsdamRegular";
  color: #256368;*/
}
.acttitre2 {
  text-align: center;
  padding-left: 0 !important;
  text-align: center !important;
  /*color: #f6b456;*/
  padding-top: 400px; 
}
  .acttitre2comb {
    padding-top: 430px;
  }
  
    .acttitre2tramp {
    padding-top: 410px;
  }
  
  .acttitre2 > span {
    padding-left: 0 !important;
  }
  
    .acttitre2yoga {
    padding-top: 520px;
  }

.acttexte {
  color: #256368;
}

  
  .texteconcept {
    padding-left: 0 !important;
    text-align: center;
  }
  
  .lieumap2 {
  display: block;
  width: 100%;
    padding-top:30px;
}
  
    .kidsres {
  display: block;
  width: 100%;
    padding-top:30px;
}
  
/* Santé */
  .santebloc1 {
    display: block;
  width: 100% !important;
  }
  .santebloc2 {
    display: block;
    margin-top: 20px;
  width: 95%;
  }
  .santebloc3 {
    display: block;
  width: 100% !important;
  }
  
  .santebloc2 > div {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .misdispo {
    width: 100% !important;
  }
  
/* Planning Mobile */
  .tabaqua {
    width: 96% !important;
    margin-left: 2% !important;
  }
  
  .planningresize {
    width: 100% !important;
  }
 
/* Tarifs */
  .box-tarifs, .box-tarifs2 {
    display:block;
    width: 90% !important;
    margin-left: 5% !important;
  } 
  

  
/* Noel */
  .imgboule {
    display: block;
    margin: auto !important;
  }
  .imgetoile {
    display: none;
  }
/* Privatisation */
  .privat {
    margin-left: 3% !important;
    margin-right: 3% !important;
    padding: 20px !important;
  }
  
/* Reservation */
  .formres {
    width: 99% !important;
  }
  .restexte, .resttitre, .restitre2 {
    width: 98% !important;
    margin: auto !important;
    text-align: center;
  }  
  .restitre, .restitre2 {
    font-size: 8vw;
  }
  
/* Menu */
  .offcanvas-menu {
    /*font-family: "AmsdamRegular";*/
    font-weight: bold;
    text-align: center;
  }
  .sp-module-title {
    text-transform: uppercase;
    padding: 1rem;
    border-bottom: 1px solid;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul > li {
    padding: 1rem;
  }
  li.current.active a {
    color: #4bbbbd !important;
  }
  li.item-111.active a {
    color: #fff !important;
  }
  li.item-111 {
   background-color: #4bbbbd; 
  }
  .sp-module ul > li a:focus {
    color: #4bbbbd;
  }
   .sp-module ul > li a:active {
    color: #4bbbbd !important;
  }
  li.item-138 {
    background-image: url("https://waiora-gap.fr/images/fetemeres.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  
   li.item-138 a {
    color: transparent !important;
  }
  
     li.item-138 a:hover {
    color: transparent !important;
  }
  
     li.item-138.active a {
    color: transparent !important;
  }
   
   
  
  .sp-module ul > li.menu-parent > a > .menu-toggler {
    /*position: static !important;*/
    padding-left: 100%;
  }
  li.item-115 > a, li.item-116 > a {
    	pointer-events: none !important;
	cursor: default;
  }
    li.item-115 > a > span, li.item-116 > a > span {
    	pointer-events: auto !important;
	cursor: default;
  }
.sp-module ul > li a {
    transition: none;
  }
  
  .sp-module ul > li a:hover,
.sp-module ul > li:hover a {cursor:default !important; color:#4bbbbd !important;}

  /* Detente */
  .espdet {
    width: 100% !important;
  }
  
 
  .mentionsleg tr, .mentionsleg td {
    display: block;
          width: 100% !important;
  }
  .mentionsfin {
    margin-top: -300px;
  }
  
  /* Contact */
  #jform_contact_name, #jform_contact_email, #jform_contact_emailmsg {
  margin-left: 10%;
  width: 80%;
}

#jform_contact_message {
  margin-left: 5%;
  width: 90%;
}
}

/************ VERSION TABLETTE ************/
@media screen and (max-width: 990px) and (min-width: 700px){ /*990*/
  

/* ACCUEIL */
  
      #sp-header {
    background-color: transparent !important;
  }
  #sp-header.header-sticky {
    position: relative !important;
  }
  #offcanvas-toggler {
    position: fixed !important;
    right: 15px;
  top: 15px;
  }
  
    .itemid-101 .logo-image {
    display: none;
  }
   .logimg {
    width: 60% !important;
  }
  
  .home {
    font-size: 8vw !important;
  }
/* Lieu */

  .lieumap {
  display: block;
  width: 100%;
}
  .lieutexte {
    padding-left: 5px !important;
    padding-right: 5px !important; 
  }
  .lieutitre2 {
    padding-right: 0% !important;
  }
  
/* Activités */
  
  .natenfant {
    display: block !important;
    width: 100% !important;
    margin-top: 130px;
  } 
  
  .courspart {
    background-image: url("https://waiora-gap.fr/images/bbcourspart2.png");
   background-repeat: no-repeat;
      background-position: center 0px;
   background-size: auto;
  text-align: center;
  }
.velo {
  background-color: #fff;
    background-image: url("https://waiora-gap.fr/images/fondbike2.png");
   background-position: center 50px;
   background-repeat: no-repeat;
   background-size: auto;
  text-align: center;
}
.actvelo {
  display: block;
  width: 100%;
}
  .actvelo > p {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

.train {
   background-image: url("https://waiora-gap.fr/images/fondtrain.png");
   background-repeat: no-repeat;
  background-position: center 90px;
   background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
  text-align: center;
}
.acttrai {
  display: block;
  width: 100%;
}
  .acttextetrai {
    margin-top: -20px;
        padding-left: 5px !important;
    padding-right: 5px !important;
  }
.gym {
   background-image: url("https://waiora-gap.fr/images/fondgym.png");
   background-repeat: no-repeat;
    background-position: center 90px;
   background-size: auto;
  background-color: #fff;
  text-align: center;
}
  
.comb {
   background-image: url("https://waiora-gap.fr/images/aquacomb.png");
   background-repeat: no-repeat;
  background-position: center 90px;
   background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
  text-align: center;
  }
  
.trampo {
   background-image: url("https://waiora-gap.fr/images/aquatrampo.png");
   background-repeat: no-repeat;
    background-position: center 90px;
   background-size: auto;
  background-color: #fff;
  text-align: center;
}
  
.actgym {
  display: block;
  width: 100%;
}
  .acttextegym {
    margin-top: -30px;
        padding-left: 5px !important;
    padding-right: 5px !important;
  }
.baby {
   background-image: url("https://waiora-gap.fr/images/fondbaby.png");
  background-position: center 10px;
   background-repeat: no-repeat;
   background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
}
.actbb {
  display: block;
  width: 100%;
}
  .actbb2 {
    padding-top: 380px;
  }
.acttextebb {
    margin-top: -50px;
      padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .bb2 {
    /*padding-left: 60px !important;*/
        padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .bb3 {
    margin-top: -25px;
  }
.actdetente {
   background-image: url("https://waiora-gap.fr/images/fonddetente.png");
  background-position: center 90px;
   background-repeat: no-repeat;
   background-size: auto;
  background-color: #fff;
}
.actdet {
  display: block;
  width: 100%;
}
  .actdet2 {
    padding-top: 370px;
    text-align: center;
        padding-left: 5px !important;
    padding-right: 5px !important;
  }
.yogaa {
  background-image: url("https://waiora-gap.fr/images/fondactyoga.png");
  background-position: center 90px;
  background-repeat: no-repeat;
  background-size: auto;
  background-color: rgba(235,225,223,0.4) !important;
}
  
 .yoga1 {
       background-image: url("https://waiora-gap.fr/images/yogaban1.png");
   background-repeat: no-repeat;
  background-position: center 50px;
   /*background-size: auto;*/
  background-color: #fff;
  text-align: center;
  }
  
 .yoga2 {
       background-image: url("https://waiora-gap.fr/images/yogaban4.png");
   background-repeat: no-repeat;
    background-position: center 90px;
   background-size: 350.6px 532px;
    background-color: rgba(235,225,223,0.4) !important;
  
  text-align: center;
  }
  
 .yoga3 {
       background-image: url("https://waiora-gap.fr/images/yogaban3.png");
   background-repeat: no-repeat;
  background-position: center 90px;
   /*background-size: auto;*/
  background-color: #fff;
  text-align: center;
  }
.actyoga {
  display: block;
  width: 100%;
}

.acttitre {
  text-align: center;
  /*font-family: "AmsdamRegular";
  color: #256368;*/
}
.acttitre2 {
  text-align: center;
  padding-left: 0 !important;
  text-align: center !important;
  /*color: #f6b456;*/
  padding-top: 400px; 
}
  .acttitre2comb {
    padding-top: 430px;
  }
  
    .acttitre2tramp {
    padding-top: 410px;
  }
  
  .acttitre2 > span {
    padding-left: 0 !important;
  }
  
    .acttitre2yoga {
    padding-top: 520px;
  }

.acttexte {
  color: #256368;
}

  
  .texteconcept {
    padding-left: 0 !important;
    text-align: center;
  }
  
  .lieumap2 {
  display: block;
  width: 100%;
    padding-top:30px;
}
  
    .kidsres {
  display: block;
  width: 100%;
    padding-top:30px;
}
  
/* Santé */
  .santebloc1 {
    display: block;
  width: 100% !important;
  }
  .santebloc2 {
    display: block;
    margin-top: 20px;
  width: 95%;
  }
  .santebloc3 {
    display: block;
  width: 100% !important;
  }
  

  
  .santebloc2 > div {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .misdispo {
    width: 100% !important;
  }
  
/* Planning Mobile */
  .tabaqua {
    width: 96% !important;
    margin-left: 2% !important;
  }
  
  .planningresize {
    width: 100% !important;
  }
 
/* Tarifs */
  .box-tarifs, .box-tarifs2 {
    display:block;
    width: 90% !important;
    margin-left: 5% !important;
  } 
  

  
/* Noel */
  .imgboule {
    display: block;
    margin: auto !important;
  }
  .imgetoile {
    display: none;
  }
/* Privatisation */
  .privat {
    margin-left: 3% !important;
    margin-right: 3% !important;
    padding: 20px !important;
  }
  
/* Reservation */
  .formres {
    width: 99% !important;
  }
  .restexte, .resttitre, .restitre2 {
    width: 98% !important;
    margin: auto !important;
    text-align: center;
  }  
  .restitre, .restitre2 {
    font-size: 8vw;
  }
  
/* Menu */
  .offcanvas-menu {
    /*font-family: "AmsdamRegular";*/
    font-weight: bold;
    text-align: center;
  }
  .sp-module-title {
    text-transform: uppercase;
    padding: 1rem;
    border-bottom: 1px solid;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul > li {
    padding: 1rem;
  }
  li.current.active a {
    color: #4bbbbd !important;
  }
  li.item-111.active a {
    color: #fff !important;
  }
  li.item-111 {
   background-color: #4bbbbd; 
  }
  .sp-module ul > li a:focus {
    color: #4bbbbd;
  }
   .sp-module ul > li a:active {
    color: #4bbbbd !important;
  }
  li.item-138 {
    background-image: url("https://waiora-gap.fr/images/fetemeres.png");
    background-repeat: no-repeat;
    background-position: center;
  }
  
   li.item-138 a {
    color: transparent !important;
  }
  
     li.item-138 a:hover {
    color: transparent !important;
  }
  
     li.item-138.active a {
    color: transparent !important;
  }
   
   
  
  .sp-module ul > li.menu-parent > a > .menu-toggler {
    /*position: static !important;*/
    padding-left: 100%;
  }
  li.item-115 > a, li.item-116 > a {
    	pointer-events: none !important;
	cursor: default;
  }
    li.item-115 > a > span, li.item-116 > a > span {
    	pointer-events: auto !important;
	cursor: default;
  }
.sp-module ul > li a {
    transition: none;
  }
  
  .sp-module ul > li a:hover,
.sp-module ul > li:hover a {cursor:default !important; color:#4bbbbd !important;}

  /* Detente */
  .espdet {
    width: 100% !important;
  }
  
 
  .mentionsleg tr, .mentionsleg td {
    display: block;
          width: 100% !important;
  }
  .mentionsfin {
    margin-top: -300px;
  }
  
  /* Contact */
  #jform_contact_name, #jform_contact_email, #jform_contact_emailmsg {
  margin-left: 10%;
  width: 80%;
}

#jform_contact_message {
  margin-left: 5%;
  width: 90%;
}
}
/* Plaaning */
@media all and (min-width: 990px) { /*640*/
  .tabaqua2 {
    margin-left: 6%;
  }
  .tabaqua {
    margin-bottom: 50px;
  }
   table  {
      float: left;
   }
  
   table ~ table td, 
   table ~ table th  { border-left: 0;  }

   table ~ table tr:first-child  th:first-child  { display: none; }
   table ~ table tr:not(:first-child) th  { display: none; }
}

/* Renseignement */
#popup_contact {
    right: 30px;
}
#popup_contact {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9001;
}    
#popup_contact > a.button {
    width: 156px !important;
    height: 71px !important;
    background-color: #4bbbbd !important;
    border-color: #2A3949;
    }
#popup_contact > a.button {
    color: rgba(255,255,255,1);
}
#popup_contact > a.button {
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 15px;
  	font-weight: bold;
  	font-style: italic;
    margin: 0;
    text-align: center;
    color: #fff;
    background: #4bbbbd;
        background-color: rgb(247, 247, 247);
    position: absolute;
    bottom: 0;
    right: 0;
}
#popup_contact.focus .popup_contact_wrapper {
    border: 8px solid #4bbbbd !important;
}
#popup_contact.focus .popup_contact_wrapper {
    display: block;
}
#popup_contact .popup_contact_wrapper {
    width: 316px;
    padding: 20px;
    background: #fbfbfb;
    position: absolute;
    bottom: 65px;
    right: 0;
    display: none;
}
#popup_contact .popup_contact_wrapper span.arrow {
    position: absolute;
    right: 15px;
    bottom: -8px;
    margin: 0 auto;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid #fbfbfb;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    }
.popup_contact_wrapper > h4 {
 font-style: italic;
}
    @media (max-width : 768px) {
  #popup_contact {
        display: none;
  }
}

/*Gallery*/

.gallery {
  margin-right: 5%;
  margin-left: 10%;
}
.collong, .colplat {
  box-sizing: border-box;
}

.gallery > .coll {
  padding: 0 8px;
}

.gallery:after {
  content: "";
  display: table;
  clear: both;
}

.collong {
  float: left;
  width: 25%;
}
.colplat {
  float: left;
  width: 20.1%;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);
}

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
  margin-left: auto;
  margin-right: auto;
	max-width: 90%;
	max-height: 80%;
	margin-top: 6%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

/*marques*/

#sp-bottom4 {
  width:100%;
}
.marques {
  display: inline-block;
  height: 100px;
  width: 15%;
}

.marques img {
  max-height: 100px;
  margin: auto;
}

/* L'equipe */
.flip {
  display: inline-block;
  vertical-align: top;
  height: 475px;
  width: 300px;
  border: 5px solid #eeeeee;
}

.flipval {
  height: 397px !important;
}

.flip2:hover {
  border: 5px solid #0d767d;
}

.back {
  background-color: #eeeeee;
  overflow: auto;
}

.team {
  text-align:center;
}

        padding-top: 33.33% !important; } }