html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
footer,menu{display:block}
[hidden]{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
small{font-size:80%}
img{border-style:none}
button{font:inherit;margin:0;overflow:visible;text-transform:none}
[type="reset"],[type="submit"],button,html [type="button"]{-webkit-appearance:button}
[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
[type="checkbox"],[type="radio"]{padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
p{-webkit-margin-before:0;-webkit-margin-after:0;margin-top:0;margin-bottom:0}
body,html{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}
html{overflow-x:hidden}
h1{font-size:36px}
h2{font-size:30px}
h3{font-size:24px}
h4{font-size:20px}
h5{font-size:18px}
h6{font-size:16px}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
img{margin-bottom:-8px}
a{color:inherit}
.w3-image{max-width:100%;height:auto}
.w3-table{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.w3-table td,.w3-table th{padding:8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table td:first-child,.w3-table th:first-child{padding-left:16px}
.w3-opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}
ul.w3-ul{list-style-type:none;padding:0;margin:0}
ul.w3-ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd}
ul.w3-ul li:last-child{border-bottom:none}
.w3-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.w3-navbar li{float:left}
.w3-navbar li a{display:block;padding:8px 16px}
.w3-navbar li a:hover{color:#000;background-color:#ccc}
.w3-navbar a{text-decoration:none!important}
.w3-navbar .w3-opennav.w3-right{float:right!important}
.w3-opennav{color:inherit}
.w3-opennav:hover{cursor:pointer;opacity:.8}
.w3-hover-blue,.w3-hover-blue-grey,.w3-hover-dark-grey,.w3-hover-grey,.w3-hover-light-blue,.w3-hover-light-grey,.w3-hover-purple,.w3-navbar a,.w3-opennav{-webkit-transition:background-color 0.3s,color 0.15s,box-shadow 0.3s,opacity 0.3s,filter .3s;transition:background-color 0.3s,color 0.15s,box-shadow 0.3s,opacity 0.3s,filter .3s}
.w3-row-padding:after,.w3-row:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird{float:left;width:100%}
.w3-col.s1{width:8.33333%}
.w3-col.s2{width:16.66666%}
.w3-col.s3{width:24.99999%}
.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}
.w3-col.s6{width:49.99999%}
.w3-col.s7{width:58.33333%}
.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}
.w3-col.s10{width:83.33333%}
.w3-col.s11{width:91.66666%}
.w3-col.s12,.w3-half,.w3-third,.w3-twothird{width:99.99999%}
@media only screen and (min-width: 640px) {
.w3-col.m1{width:8.33333%}
.w3-col.m2{width:16.66666%}
.w3-col.m3{width:24.99999%}
.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}
.w3-col.m6,.w3-half{width:49.99999%}
.w3-col.m7{width:58.33333%}
.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9{width:74.99999%}
.w3-col.m10{width:83.33333%}
.w3-col.m11{width:91.66666%}
.w3-col.m12{width:99.99999%}
}
@media only screen and (min-width: 993px) {
.w3-col.l1{width:8.33333%}
.w3-col.l2{width:16.66666%}
.w3-col.l3{width:24.99999%}
.w3-col.l4,.w3-third{width:33.33333%}
.w3-col.l5{width:41.66666%}
.w3-col.l6,.w3-half{width:49.99999%}
.w3-col.l7{width:58.33333%}
.w3-col.l8,.w3-twothird{width:66.66666%}
.w3-col.l9{width:74.99999%}
.w3-col.l10{width:83.33333%}
.w3-col.l11{width:91.66666%}
.w3-col.l12{width:99.99999%}
}
.w3-content{max-width:980px;margin:auto}
.w3-hide{display:none!important}
.w3-show,.w3-show-block{display:block!important}
.w3-show-inline-block{display:inline-block!important}
@media screen and (max-width: 700px) {
.w3-navbar li:not(.w3-opennav){float:none;width:100%!important}
.w3-navbar li.w3-right{float:none!important}
.w3-navbar{text-align:center}
}
@media (max-width: 700px) {
.w3-hide-small{display:none!important}
}
@media (max-width: 992px) and (min-width: 701px) {
.w3-hide-medium{display:none!important}
}
@media (min-width: 993px) {
.w3-hide-large{display:none!important}
}
.w3-bottom,.w3-top{position:fixed;width:100%;z-index:1}
.w3-top{top:0}
.w3-bottom{bottom:0}
.w3-left{float:left!important}
.w3-right{float:right!important}
.w3-tiny{font-size:10px!important}
.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}
.w3-large{font-size:18px!important}
.w3-left-align{text-align:left!important}
.w3-right-align{text-align:right!important}
.w3-justify{text-align:justify!important}
.w3-center{text-align:center!important}
.w3-display-left{position:absolute;top:50%;left:0;transform:translate(0,-50%);-ms-transform:translate(0,-50%)}
.w3-display-right{position:absolute;top:50%;right:0;transform:translate(0,-50%);-ms-transform:translate(0,-50%)}
.w3-margin{margin:16px!important}
.w3-margin-0{margin:0!important}
.w3-margin-top{margin-top:16px!important}
.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}
.w3-margin-right{margin-right:16px!important}
.w3-padding-tiny{padding:2px 4px!important}
.w3-padding-small{padding:4px 8px!important}
.w3-padding,.w3-padding-medium{padding:8px 16px!important}
.w3-padding-large{padding:12px 24px!important}
.w3-padding-4{padding-top:4px!important;padding-bottom:4px!important}
.w3-padding-8{padding-top:8px!important;padding-bottom:8px!important}
.w3-padding-12{padding-top:12px!important;padding-bottom:12px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-128{padding-top:128px!important;padding-bottom:128px!important}
.w3-padding-0{padding:0!important}
.w3-padding-top{padding-top:8px!important}
.w3-padding-bottom{padding-bottom:8px!important}
.w3-padding-left{padding-left:16px!important}
.w3-padding-right{padding-right:16px!important}
.w3-row-padding,.w3-row-padding > .w3-col,.w3-row-padding > .w3-half,.w3-row-padding > .w3-third,.w3-row-padding > .w3-twothird{padding:0 8px}
@-webkit-keyframes w3-spin {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes w3-spin {
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes fading {
0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
@keyframes fading {
0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes opac {
from{opacity:0}
to{opacity:1}
}
@keyframes opac {
from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes animatetop {
from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
@keyframes animatetop {
from{top:-300px;opacity:0}
to{top:0;opacity:1}
}
@-webkit-keyframes animateleft {
from{left:-300px;opacity:0}
to{left:0;opacity:1}
}
@keyframes animateleft {
from{left:-300px;opacity:0}
to{left:0;opacity:1}
}
@-webkit-keyframes animateright {
from{right:-300px;opacity:0}
to{right:0;opacity:1}
}
@keyframes animateright {
from{right:-300px;opacity:0}
to{right:0;opacity:1}
}
@-webkit-keyframes animatebottom {
from{bottom:-300px;opacity:0}
to{bottom:0;opacity:1}
}
@keyframes animatebottom {
from{bottom:-300px;opacity:0}
to{bottom:0;opacity:1}
}
@-webkit-keyframes animatezoom {
from{-webkit-transform:scale(0)}
to{-webkit-transform:scale(1)}
}
@keyframes animatezoom {
from{transform:scale(0)}
to{transform:scale(1)}
}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196f3!important}
.w3-hover-light-blue:hover,.w3-light-blue{color:#000!important;background-color:#87ceeb!important}
.w3-blue-grey,.w3-hover-blue-grey:hover{color:#fff!important;background-color:#607d8b!important}
.w3-hover-purple:hover,.w3-purple{color:#fff!important;background-color:#9c27b0!important}
.w3-grey,.w3-hover-grey:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-hover-light-grey:hover,.w3-light-grey{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover{color:#fff!important;background-color:#515151!important}
.w3-hover-blue-grey:hover{border-color:#607d8b!important}
.mt{margin-top:80px}
.mb{margin-bottom:80px}
body{font-family:Montserrat,sans-serif;font-weight:400;font-size:1.25em;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}
body.home{background-color:#d2e1e6}
body.appart{background-color:#d9b38c}
body.tarifs{background-color:#e6e6e6}
body.piau{background-color:#9dbbe1}
h1,h2,h3,h4,h5,h6{font-weight:700;color:#4a4a4a;text-shadow:2px 2px 4px #000}
.w3-navbar{color:#fff;background-color:transparent;border-color:transparent;line-height:20px}
.w3-navbar > li > a:focus,.w3-navbar > li > a:hover{color:#fff;background-color:transparent;border-bottom:2px solid #669}
.w3-hover-light-purple:hover,.w3-light-purple{color:#fff!important;background-color:#669!important}
.w3-navbar > li > a{color:#fff;text-shadow:2px 2px 4px #000}
.flex-parent{display:flex;height:200px}
.flex-child{margin:auto}
#headerwrap{background:url(../../img/piau/crete-du-moudang.jpg) no-repeat center top;margin-top:0;padding-top:100px;text-align:center;background-attachment:fixed;background-position:left -120px;min-height:400px;width:100%;font-weight:400;color:#fff;text-shadow:2px 2px 4px #000;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#headerwrap h1{color:#fff;padding-top:10px;padding-bottom:20px;letter-spacing:4px;font-size:3em;font-weight:700}
@media (max-width: 500px) {
#headerwrap h1{font-size:2em}
}
#footerwrap{padding-top:50px;padding-bottom:50px;background-color:#2f2f2f;bottom:0}
#footerwrap p{color:#f2f2f2;margin-left:10px;margin-before:5px;margin-after:5px;-webkit-margin-before:5px;-webkit-margin-after:5px}
#tarifwrap{background:url(../../img/piau/crete-des-cintes-blanques.jpg) no-repeat center top;margin-top:0;padding-top:200px;text-align:center;background-attachment:fixed;background-position:center center;min-height:550px;width:100%;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#tarifwrap h1{color:#fff;padding-top:10px;padding-bottom:20px;font-size:2.5em;font-weight:700}
@media (max-width: 600px) {
#tarifwrap h1{font-size:2.5em}
}
#tarifwrap h4{font-weight:400;color:#fff}
#appartwrap{background:url(../../img/appartement/sejour-vue-pistes.jpg) no-repeat center top;margin-top:0;padding-top:250px;text-align:center;background-attachment:fixed;background-position:center center;min-height:600px;width:100%;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#appartwrap h1{color:#fff;padding-top:10px;padding-bottom:20px;letter-spacing:4px;font-size:3em;font-weight:700}
#appartwrap h2{font-size:2em;font-weight:700;color:#fff}
@media (max-width: 600px) {
#appartwrap h1{letter-spacing:normal;font-size:2.5em}
}
#appartwrap h4{font-weight:400;color:#fff}
#piauwrap{background:url(../../img/piau/pic-de-piau.jpg) no-repeat center top;margin-top:0;padding-top:200px;text-align:center;background-attachment:fixed;background-position:center -100px;min-height:498px;width:100%;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#piauwrap h1{color:#fff;padding-top:10px;padding-bottom:20px;letter-spacing:4px;font-size:3em;font-weight:700}
@media (max-width: 600px) {
#piauwrap h1{font-size:2.5em}
}
#piauwrap h4{font-weight:400;color:#fff}
.gallery{display:inline-block}
.gallery img{max-width:100%}
.gallery img:hover{-webkit-box-shadow:0 0 1em #2f2f2f;box-shadow:0 0 1em #2f2f2f}
#imagelightbox{cursor:pointer;position:fixed;z-index:10000;-ms-touch-action:none;touch-action:none;-webkit-box-shadow:0 0 3.125em rgba(0,0,0,0.75);box-shadow:0 0 3.125em rgba(0,0,0,0.75)}
.piclist{display:inline-block;margin:.25em}
a#galerie > img{border:3px solid #2f2f2f}
.piclist:hover{-webkit-box-shadow:0 0 1em #2f2f2f;box-shadow:0 0 1em #2f2f2f}
.imagelightbox-arrow{width:3.75em;height:7.5em;background-color:#444;background-color:rgba(0,0,0,0.5);vertical-align:middle;display:none;position:fixed;z-index:10001;top:50%;margin-top:-3.75em;border:none}
.imagelightbox-arrow:focus,.imagelightbox-arrow:hover{background-color:rgba(0,0,0,0.75)}
.imagelightbox-arrow:active{background-color:#111}
.imagelightbox-arrow-left{left:2.5em}
.imagelightbox-arrow-right{right:2.5em}
.imagelightbox-arrow:before{width:0;height:0;border:1em solid transparent;content:"";display:inline-block;margin-bottom:-.125em}
.imagelightbox-arrow-left:before{border-left:none;border-right-color:#fff;margin-left:-.313em}
.imagelightbox-arrow-right:before{border-right:none;border-left-color:#fff;margin-right:-.313em}
.imagelightbox-arrow{-webkit-animation:fade-in .25s linear;animation:fade-in .25s linear}
@-webkit-keyframes fade-in {
from{opacity:0}
to{opacity:1}
}
@keyframes fade-in {
from{opacity:0}
to{opacity:1}
}
@media only screen and (max-width: 41.25em) {
.imagelightbox-arrow{width:2.5em;height:3.75em;margin-top:-2.75em}
.imagelightbox-arrow-left{left:1.25em}
.imagelightbox-arrow-right{right:1.25em}
}
@media only screen and (max-width: 20em) {
.imagelightbox-arrow-left{left:0}
.imagelightbox-arrow-right{right:0}
}
.cal-0,.cal-6{font-weight:700}
.cal-0,.cal-1,.cal-2,.cal-3,.cal-4,.cal-5,.cal-6,.cal-booked-0,.cal-booked-1,.cal-booked-2,.cal-booked-3,.cal-booked-4,.cal-price{border:1px solid #d3d3d3;text-align:center}
.cal-booked-0{background-color:grey}
.cal-booked-1{background-color:#0c3}
.cal-booked-2{background-color:#f33}
.cal-booked-3{background:#f33;background:-moz-linear-gradient(to right bottom,#0c3 50%,#f33 50%);background:-webkit-linear-gradient(to right bottom,#0c3 50%,#f33 50%);background:linear-gradient(to right bottom,#0c3 50%,#f33 50%)}
.cal-booked-4{background:#0c3;background:-moz-linear-gradient(to right bottom,#f33 50%,#0c3 50%);background:-webkit-linear-gradient(to right bottom,#f33 50%,#0c3 50%);background:linear-gradient(to right bottom,#f33 50%,#0c3 50%)}
.cal-price{width:100px}