/*######################### FONTS ##############################*/ @import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,700,400italic); @import url(https://fonts.googleapis.com/css?family=Lora:400,700); table { border-collapse: collapse; border-spacing: 0; } /*######################### BALISE DE BASE ##############################*/ body, html{height:100%;} html {-webkit-font-smoothing: antialiased;} body{margin:0;padding:0;width:100%;background-color:#FFFFFF;overflow-x:hidden; overflow-y:visible;font-family: 'titillium web', sans-serif; } p{font-family:'titillium web', sans-serif;line-height:150%; font-size: 0.9em;text-align:justify; word-spacing:2px; letter-spacing:0.5px;font-weight:400; margin-bottom:20px; color: #3c3c3b;} strong{font-weight: 700; } li{list-style:none;} a, a::before, a::after{ text-decoration:none;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} h1, h2, h3, h4, h5, h6{padding: 0;font-weight: normal;line-height: normal;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{border: 0;} h1{ font-family: 'lora', sans-serif;font-size:3em; color:#078dbc; font-weight:700;line-height:100%} h1 span{font-family:'titillium web', sans-serif; color:#301d14;font-weight:400;font-size:0.7em;display:block;text-transform:uppercase;} h2{text-align:center;font-family: 'lora', sans-serif;font-size:2.5em;font-weight:700;color:#ffffff;} h3{text-transform:uppercase;font-family: 'titillium web', sans-serif;font-size:1.1em; color:#078dbc; font-weight:400;margin-bottom:10px;letter-spacing:2px;} h4{font-family: 'lora', sans-serif;font-size:3.5em; color:#301d14; font-weight:700; text-align:center;line-height:100%;} h4 span{font-family:'titillium web', sans-serif; color:#301d14;font-weight:400;font-size:0.8em;display:block;text-transform:uppercase;} h5{text-align:left;font-family: 'lora', sans-serif;font-size:1.2em;font-weight:700;color:#ffffff;padding-left:10px;padding-top:8px;margin-bottom:-5px;display: table-cell;} hr{border-top:1px solid #000000; border-bottom:0; border-left:0;border-right:0;} .in-border{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border:1px solid #eb212e;} .hr{border-bottom:1px solid #301d14;margin:20px 0 20px 0 ;padding:0;position:relative} .hr img{position:absolute;bottom:-15px;left:100px;} .responsive{position:relative;display:block; margin-bottom:15px;height:300px;width:100%;overflow:hidden;background:#301d14 url(img/act-jardins.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .responsive img{width:100%;height:auto;} .responsive span img{width:40px;height:33px; display:block;} .responsive span img + img{width:40px;height:33px; display:none;} .responsive span {width:40px;height:33px;position:absolute;bottom:-5px;left:50%;margin-left:-20px;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} .responsive:hover span img{display:none;} .responsive:hover span img + img{display:block;} .responsive:hover span {bottom:0px;} .bout{background-color:#301d14; color:#ffffff;padding:0px 8px 2px 8px;text-transform:uppercase;display:inline-block; font-size:0.8em;font-weight:400;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} .bout:hover{background-color:#078dbc;} .mobile-menu{display:none;background-color:#078dbc;} .mobile-menu ul li{border-bottom:2px solid #005A7D;} .mobile-menu ul li a{color:#ffffff;font-family:'lora', serif; font-size:0.9em;text-transform:uppercase;display:block;width:100%;height:100%;padding:12px;font-weight:700;} .mobile-menu ul li a:hover{background-color:#301d14;padding-left:30px;} span.mobi{position:absolute;top:-275px;left:20px;width:20px;display:none;} span.mobi img{width:100%;height:auto;} a.simple{color:#078dbc} .map{width:100%;height:500px;margin-bottom:30px;} /*------------------------------------------------------------------------------------------------------------------------*/ /* Home */ /*------------------------------------------------------------------------------------------------------------------------*/ .popup{width:100%;height:100%;background-color:rgba(0,0,0,0.60);position:fixed;z-index:9999999999999999999;top:0;left:0;} .popup .popup-cont {width:600px;height:606px;position:absolute;display:block;top:50%;margin-top:-205.5px;left:50%;margin-left:-300px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} .popup .popup-cont a {width:100%;height:100%;position:absolute;display:block;} .popup .popup-cont a img:first-of-type{width:600px;height:606px;display:block;position:absolute;top:0;left:0;opacity:1;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} .popup .popup-cont span{position:absolute;right:-39px;top:0;width:39px;height:39px;cursor:pointer;z-index:9999999999999} .popup .popup-cont span img:first-of-type{width:39px;height:39px;display:block;position:absolute;top:0;left:0;opacity:1;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #acc-screen{width:100%;height:auto;position:relative;} #acc-screen header{width:50%;height:100%;position:absolute;} #acc-screen #acc-main{margin-left:50%;background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:50px 50px 0 50px;position:relative;} #acc-screen-two{width:100%;height:900px;position:relative;margin-top:0.5%} #acc-screen-three{width:100%;height:auto;position:relative;border:1px solid #ffffff;margin:50px 0 50px 0;} #acc-screen-fourth{width:100%;height:300px;} #in #acc-screen{height:100%;} #in #acc-screen header{position:fixed} #acc-screen .arrow, #acc-screen-two .arrow{width:50px; height:45px;position:absolute;bottom:0;left:50%;margin-left:-30px;z-index:99999;border-left:7px solid #ffffff;border-top:7px solid #ffffff;border-right:7px solid #ffffff;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen .arrow img, #acc-screen-two .arrow img{ width:100%;height:auto;opacity:1;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;position:absolute;bottom:0;} #acc-screen .arrow img + img, #acc-screen-two .arrow img + img{opacity:0;} #acc-screen .arrow:hover img, #acc-screen-two .arrow:hover img{opacity:1;} #acc-screen .arrow:hover img + img, #acc-screen-two .arrow:hover img + img{opacity:1;} #acc-screen header .bx-pager{position:absolute;bottom:0;left:0;} #acc-screen header #menu{width:250px;height:520px;position:absolute;top:25px;left:0;background:#301d14 url(../img/fond-fleur.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen header #menu nav{margin-left:0px;margin-top:10px;} #acc-screen header #menu nav ul li{margin-bottom:5px;} #acc-screen header #menu nav ul li a{text-transform:uppercase; color:#301d14; background-color:#ffffff;display:inline-block;padding:0px 10px 0px 10px;font-size:0.8em;letter-spacing:2px; font-weight:400;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen header #menu nav ul li a:hover, #acc-screen header #menu nav ul li a.current{background-color:#078dbc;color:#ffffff; letter-spacing:2px;margin-left:10px;} #acc-screen header #menu .reserv{position:absolute;bottom:0;left:0;width:100%;background-color:#078dbc;display:block;padding:10px 0 10px 0;text-align:center;color:#ffffff;font-family:'lora', serif;font-weight:700;font-size:1.5em;;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen header #menu .reserv::before{content:''; position:absolute;width:20px;height:20px;display:block;background-color:#078dbc;left:50%;margin-left:-10px;top:-10px; -ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen header #menu .reserv:hover{background-color:#ffffff;color:#078dbc} #acc-screen header #menu .reserv:hover::before{background-color:#ffffff;} #acc-screen #acc-main .reserv{position:fixed;bottom:0;right:0;width:50%;background-color:#078dbc;display:block;padding:10px 0 10px 0;text-align:center;color:#ffffff;font-family:'lora', serif;font-weight:700;font-size:1.5em;;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;z-index:99999999999;} #acc-screen #acc-main .reserv::before{content:''; position:absolute;width:20px;height:20px;display:block;background-color:#078dbc;left:50%;margin-left:-10px;top:-10px; -ms-transform: rotate(45deg); /* IE 9 */-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */transform: rotate(45deg);;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen #acc-main .reserv:hover{background-color:#301d14;color:#078dbc} #acc-screen #acc-main .reserv:hover::before{background-color:#301d14;} #acc-screen header #menu .logo{width:200px;height:auto;margin:15px 0 0 24px} #acc-screen header #menu .logo img{width:100%;height:auto;} #acc-screen header .facebook, #acc-screen header .lang, #acc-screen header #weather, #acc-screen header .ski{width:35px;height:35px;display:block;position:absolute;right:20px;background-color:#ffffff;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen header .lang{top:25px;font-family:'titillium web', serif; font-weight:700;color:#078dbc;font-size:1em;padding:5px 0 0 12px;width:32px;height:30px;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen header .lang:hover{background-color:#078dbc;color:#ffffff;} #acc-screen header .facebook{top:25px;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;right:70px} #acc-screen header .facebook:hover{ background-color:#078dbc} #acc-screen header .facebook:hover img{display:none} #acc-screen header .facebook:hover img + img{display:block;} #acc-screen header .facebook img{padding:6px 0 0 6px; width:23px;height:auto;display:block;} #acc-screen header .facebook img + img{display:none;} #acc-screen header .ski{top:65px;right:70px;} #acc-screen header .ski:hover{ background-color:#078dbc} #acc-screen header .ski:hover img{display:none} #acc-screen header .ski:hover img + img{display:block;} #acc-screen header .ski img{padding:6px 0 0 6px; width:23px;height:auto;display:block;} #acc-screen header .ski img + img{display:none;} #acc-screen header .meteo{} #acc-screen header #weather{top:65px;padding:2px 0 0 5px;width:39px;height:33px;} #acc-screen header #weather h2 {color: #078dbc;font-weight: 700;text-align: center;font-size:1.2em;font-family:'titillium web';width:35px;} #acc-screen header #weather h2 span{font-size:0.8em;display:none;} #acc-screen header #weather:hover{background-color:#078dbc;} #acc-screen header #weather:hover h2{color:#ffffff;} .consult{position:absolute;right:115px;top:65px;z-index:9999999999999;} #acc-screen-two #video{position:relative; height:100%;width:70.5%;float:left;background: url(../video/hiver.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;overflow:hidden;} #acc-screen-two #video .bordure{ box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:40px solid #301d14;position:absolute;top:0;left:0; width:100%;height:100%;opacity:0.9;-o-transition:0.7s;-ms-transition:0.7s;-moz-transition:0.7s;-webkit-transition:0.7s;transition:0.7s;} #acc-screen-two #video:hover .bordure{border:700px solid #301d14;opacity:0.6} #acc-screen-two #video .play{width:273px;height:176px; position:absolute; left:50%;margin-left:-136.5px;top:50%;margin-top:-88px;z-index:99999999999;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} #acc-screen-two #video .play:hover{opacity:0.8} #acc-screen-two #acc-chambre{position:absolute; height:32.66666666666%;width:29%;float:right;background-color:green;background:#301d14 url(../img/fond-fleur.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;right:0;top:0;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:0px solid #ffffff} #acc-screen-two #acc-appartement{position:absolute; height:32.66666666666%;width:29%;float:right;background-color:#078dbc;top:33.66666666666%;right:0;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:0px solid #ffffff} #acc-screen-two #acc-chalet{position:absolute; height:32.66666666666%;width:29%;float:right;background-color:blue;background: url(../img/fond-bois.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;top:67.3333333333%;right:0;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:0px solid #ffffff} #acc-screen-two #acc-chambre:hover{border:10px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #acc-screen-two #acc-appartement:hover{border:10px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #acc-screen-two #acc-chalet:hover{border:10px solid #ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #acc-screen-two #acc-chambre a, #acc-screen-two #acc-appartement a, #acc-screen-two #acc-chalet a{width:100%;height:100%;display:block;position:absolute;} #acc-screen-two #acc-chambre p, #acc-screen-two #acc-appartement p, #acc-screen-two #acc-chalet p{color:#ffffff;text-align:center;padding:20px 0px 25px 0px;width:350px;margin:0 auto 0 auto;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;position:absolute;bottom:30px;margin-left:-175px;left:50%;} #acc-screen-two #acc-chambre:hover p, #acc-screen-two #acc-appartement:hover p, #acc-screen-two #acc-chalet:hover p{bottom:-150px} #acc-screen-two #acc-chambre h2, #acc-screen-two #acc-appartement h2, #acc-screen-two #acc-chalet h2{position:absolute;top:50%;margin-top:-60px;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;text-align:center;width:100%} #acc-screen-two #acc-chambre:hover h2, #acc-screen-two #acc-appartement:hover h2, #acc-screen-two #acc-chalet:hover h2{margin-top:-20px} #acc-screen-two #acc-chambre span img, #acc-screen-two #acc-appartement span img, #acc-screen-two #acc-chalet span img{width:40px;height:33px; display:block;} #acc-screen-two #acc-chambre span img + img, #acc-screen-two #acc-appartement span img + img, #acc-screen-two #acc-chalet span img + img{width:40px;height:33px; display:none;} #acc-screen-two #acc-chambre span, #acc-screen-two #acc-appartement span , #acc-screen-two #acc-chalet span {width:40px;height:33px;position:absolute;bottom:-5px;left:50%;margin-left:-20px;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-two #acc-chambre:hover span img, #acc-screen-two #acc-appartement:hover span img, #acc-screen-two #acc-chalet:hover span img{display:none;} #acc-screen-two #acc-chambre:hover span img + img, #acc-screen-two #acc-appartement:hover span img + img, #acc-screen-two #acc-chalet:hover span img + img{display:block;} #acc-screen-two #acc-chambre:hover span, #acc-screen-two #acc-appartement:hover span , #acc-screen-two #acc-chalet:hover span {bottom:0px;} #acc-screen-three h4{margin-top:50px;} #acc-screen-three .cont {max-width:1500px;width:100%;margin:40px auto 0 auto;padding:0px 50px 100px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} #acc-screen-three .cont .box-4 li{width:24%;float:left;margin-left:1.3333333333%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:block;position:relative;} #acc-screen-three .cont .box-4 li:first-child{margin-left:0;} #acc-screen-three .cont .box-4 li a span{position:relative;width:100%;height:100%;z-index:-1;} #acc-screen-three .cont .box-4 li a span img{width:100%;height:auto;display:block;opacity:1;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-three .cont .box-4 li a span img + img{opacity:0;margin-top:-101.25%;} #acc-screen-three .cont .box-4 li:hover a span img{width:100%;height:auto;opacity:1;} #acc-screen-three .cont .box-4 li:hover a span img + img{opacity:1} #acc-screen-three .cont .box-4 li a .ico{width:135px;height:114px;position:absolute;top:15px;left:50%;margin-left:-67.5px;display:block;} #acc-screen-three .cont .box-4 li a .ico + .ico{display:none;} #acc-screen-three .cont .box-4 li:hover a .ico{display:none;} #acc-screen-three .cont .box-4 li:hover a .ico + .ico{display:block;} #acc-screen-three .cont .box-4 li a h2{color:#301d14;position:absolute;width:100%;text-align:center;top:50%;margin-top:-30px;} #acc-screen-three .cont .box-4 li:hover a h2{color:#ffffff;} #acc-screen-three .cont .box-4 li a p{position:absolute;bottom:75px; max-width:250px;text-align:center;left:50%;margin-left:-140px;top:50%;margin-top:30px;padding:0 15px 0 15px} #acc-screen-three .cont .box-4 li:hover a p{color:#ffffff;} #acc-screen-three .cont .forfaitenligne{width:250px;margin:50px auto 0 auto;display:block;position:relative;} #acc-screen-three .cont .forfaitenligne img{width:100%;height:auto;display:block;position:absolute;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-three .cont .forfaitenligne img + img{opacity:0;} #acc-screen-three .cont .forfaitenligne:hover img{opacity:0} #acc-screen-three .cont .forfaitenligne:hover img + img{opacity:1;} #acc-screen-fourth #foyer{width:29%;height:300px;float:left;position:relative;background:url(../img/foyer.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #foyer a{width:100%;height:100%;display:block;} #acc-screen-fourth #foyer a img{width:300px;height:178px;position:absolute;display:block;left:50%;margin-left:-150px;top:50%;margin-top:-89px;opacity:1;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-fourth #foyer a img + img{opacity:0;} #acc-screen-fourth #foyer:hover a img{opacity:1} #acc-screen-fourth #foyer:hover a img + img{opacity:1;} #acc-screen-fourth #qualite{width:70.5%;height:300px;float:right;position:relative;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #qualite h4{color:#ffffff;margin-top:45px;} #acc-screen-fourth #qualite h4 span{color:#ffffff;} #acc-screen-fourth #qualite a img{width:500px;height:auto;position:absolute;left:50%;margin-left:-250px;bottom:50px;opacity:1;display:block;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-fourth #qualite a img + img{opacity:0;} #acc-screen-fourth #qualite:hover a img{opacity:1} #acc-screen-fourth #qualite:hover a img + img{opacity:1;} footer{} footer .cont {max-width:1500px;width:100%;margin:0px auto 0 auto;padding:50px 50px 50px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} footer .cont .un, footer .cont .deux, footer .cont .trois, footer .cont .quatre{width:auto;float:left;margin-right:50px;} footer .cont .un li:first-child, footer .cont .deux li:first-child, footer .cont .trois li:first-child, footer .cont .quatre li:first-child{font-family:'Lora', serif; font-weight:700;color:#078dbc; font-size:1.2em;padding-bottom:10px;} footer .cont .un li, footer .cont .deux li, footer .cont .trois li, footer .cont .quatre li{font-family:'titillium web', serif; font-weight:400;color:#301d14; font-size:0.85em; line-height:125%;} footer .cont .un li:first-child a, footer .cont .deux li:first-child a, footer .cont .trois li:first-child a, footer .cont .quatre li:first-child a{color:#078dbc;} footer .cont .un li:first-child a:hover, footer .cont .deux li:first-child a:hover, footer .cont .trois li:first-child a:hover, footer .cont .quatre li:first-child a:hover{text-decoration:underline;} footer .cont .un li a, footer .cont .deux li a, footer .cont .trois li a, footer .cont .quatre li a{color:#301d14;} footer .cont .un li a:hover, footer .cont .deux li a:hover, footer .cont .trois li a:hover, footer .cont .quatre li a:hover{color:#078dbc;} footer .cont p.address{float:right;text-align:right;word-spacing:2px; letter-spacing:3px;font-size:1.2em;} footer .cont p.address a{display:block;font-family:'Lora', sans-serif;font-weight:700; font-size:0.8em;color:#078dbc;letter-spacing:0px;margin-top:15px;} footer .cont p.address a:hover{color:#301d14;} .vid-ete{width:47.5%;float:left;margin-right:5%;margin-bottom:30px;} .vid-hiver{width:47.5%;float:left;margin-bottom:30px;} .cont-vid{position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;} .vid-ete iframe, .vid-hiver iframe{position: absolute;top: 0; left: 0;width: 100%;height: 100%;} .bloc-type{width:100%;height:200px;position:relative;margin-bottom:75px;} .bloc-type .bloc-type-img{position:absolute; left:0;right:200px;height:100%;background: url(../img/chambre-standard.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .bloc-type .haute-saison{position:absolute;top:0;right:0;height:63.333333333333px;width:195px;background-color:#1fafd6;} .bloc-type .reguliere-saison{position:absolute;top:68.333333333333px;right:0;height:63.333333333333px;width:195px;background-color:#078dbc;} .bloc-type .basse-saison{position:absolute;top:136.66666666666px;right:0;height:63.333333333333px;width:195px;background-color:#074051;} .bloc-type span{text-transform:uppercase;color:#ffffff;font-size:0.9em;padding-left:10px;letter-spacing:2px;} .bloc-type .taxe-en-sus{text-transform:uppercase;color:#301d14;position:absolute;right:0;bottom:-20px;font-size:0.7em;} .bloc-type .en-savoir-plus{text-transform:uppercase;color:#ffffff;position:absolute;left:0;bottom:-35px;font-size:0.8em;display:inline-block;background-color:#301d14;padding:5px 10px 5px 10px;letter-spacing:2px;} .bloc-type a.en-savoir-plus:hover{background-color:#078dbc;} .bloc-type span b{font-weight:400;display:inline-block;float:left;margin-left:10px;position:relative;} .bloc-type span b:first-of-type::before{position:absolute;content:'Sans vue'; color:#ffffff;font-size:0.6em;bottom:-7px;left:2px;font-weight:700;width:100px;} .bloc-type span b:last-of-type::after{position:absolute;content:'Avec vue'; color:#ffffff;font-size:0.6em;bottom:-7px;left:15px;font-weight:700;width:100px;} a.activite{width:50%;float:left; background-color:#eb212e; height:200px;position:relative;overflow:hidden;} a.activite h2{text-align:center; font-size:0.8em;font-family:'titillium web', sans-serif; font-weight:700; color:#ffffff; background-color:rgba(7,141,188,0.80); display:inline-block; padding:15px 20px 15px 20px;position:absolute;z-index:999;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 40%;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;text-transform:uppercase;} a.activite:hover h2{width:100%;padding:300px 0 300px 0; } a.activite{background:url(../img/act-massif.jpg) no-repeat bottom center ; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-main .box-4 li{width:48.5%;float:left;margin-left:3%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:block;position:relative;margin-bottom:20px;} #acc-main .box-4 li:first-child, #acc-main .box-4 li:nth-child(3), #acc-main .box-4 li:nth-child(5){margin-left:0;} #acc-main .box-4 li a span{position:relative;width:100%;height:100%;} #acc-main .box-4 li a span img{width:100%;height:auto;display:block;opacity:1;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-main .box-4 li a span img + img{opacity:0;margin-top:-101.25%;} #acc-main .box-4 li:hover a span img{width:100%;height:auto;opacity:1;} #acc-main .box-4 li:hover a span img + img{opacity:1} #acc-main .box-4 li a .ico{width:100px;height:auto;position:absolute;top:15px;left:50%;margin-left:-50px;display:block;} #acc-main .box-4 li a .ico + .ico{display:none;} #acc-main .box-4 li:hover a .ico{display:none;} #acc-main .box-4 li:hover a .ico + .ico{display:block;} #acc-main .box-4 li a h2{color:#301d14;position:absolute;width:100%;text-align:center;top:50%;margin-top:-40px;} #acc-main .box-4 li:hover a h2{color:#ffffff;} #acc-main .box-4 li a p{position:absolute;bottom:75px; max-width:200px;text-align:center;left:50%;margin-left:-115px;top:50%;margin-top:10px;padding:0 15px 0 15px} #acc-main .box-4 li:hover a p{color:#ffffff; } .forfaits li{width:100%;padding:0 0 30px; 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#f2f2f2;margin-bottom:20px;position:relative;float:none;margin-left:0%;height:auto;border:1px solid #dddddd;} .forfaits li span{width:125px;height:100%;float:left;position:absolute;border-right:inherit;} .forfaits li span img{width:100px;height:84px;position:absolute;left:50%;margin-left:-50px;top:50%;margin-top:-42px;} .forfaits li .info-forfait{margin-left:125px;margin-top:0px;padding:20px 20px 10px 20px} .forfaits li .info-forfait p{text-align:left;} .forfaits li .info-forfait h2{text-align:left;margin-bottom:10px;color:#301d14;} .forfaits li .info-forfait h3{position:absolute;bottom:-10px;right:0;background-color:#078dbc;display:block;padding:5px 10px 5px 10px; color:#ffffff;font-size:0.9em;} .forfaits li .info-forfait h3 a {color:#301d14;font-family:'lora';text-transform: uppercase;font-weight:700;padding-left:15px;border-left:1px solid #ffffff;margin-left:15px;} .gen{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border:5px solid #ffffff;background-color:#cccccc;float:left;position:relative;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;background:url(../img/slide1.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;overflow:hidden;} .gen:hover{background-color:#3d3d3c} .gen a{width:100%;height:100%;display:block;} .b-1{width:25%;height:200px;background-image:url(../img/test-new.jpg)} .b-2{width:25%;height:400px;background-image:url(../img/test-new.jpg)} .b-3{width:50%;height:400px;background-image:url(../img/test-new.jpg)} .b-4{width:25%;height:400px;margin-top:-200px;background-image:url(../img/test-new.jpg)} .b-5{width:50%;height:400px;background-image:url(../img/test-new.jpg)} .b-6{width:25%;height:400px;background-image:url(../img/test-new.jpg)} .b-7{width:25%;height:200px; margin-top:-200px;background-image:url(../img/test-new.jpg)} .b-1:hover, .b-2:hover, .b-3:hover, .b-4:hover, .b-5:hover, .b-6:hover, .b-7:hover{opacity:0.7;} #tarifs{position:relative;} #tarifs .haute-saison{position:relative;width:32%;background-color:#1fafd6;margin-right:2%;float:left;height:auto;padding:0px 10px 10px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #tarifs .reguliere-saison{position:relative;width:32%;background-color:#078dbc;margin-right:2%;float:left;height:auto;padding:0px 10px 10px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #tarifs .basse-saison{position:relative;width:32%;background-color:#074051;float:left;height:auto;padding:0px 10px 10px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #tarifs span{text-transform:uppercase;color:#ffffff;font-size:0.9em;padding-left:10px;letter-spacing:2px;} #tarifs .taxe-en-sus{text-transform:uppercase;color:#301d14;position:absolute;right:0;bottom:-20px;font-size:0.7em;} #tarifs span b{font-weight:400;display:inline-block;float:left;margin-left:10px;position:relative;} #tarifs span b:first-of-type::before{position:absolute;content:'Sans vue'; color:#ffffff;font-size:0.6em;bottom:-7px;left:2px;font-weight:700;width:100px;} #tarifs span b:last-of-type::after{position:absolute;content:'Avec vue'; color:#ffffff;font-size:0.6em;bottom:-7px;left:15px;font-weight:700;width:100px;} .dropdown{background-color:#301d14;text-transform:uppercase;color:#ffffff;font-size:0.8em;padding-left:10px;letter-spacing:2px;margin-top:15px;display:inline-block; padding:5px 10px 5px 10px;cursor:pointer;margin-bottom:30px;o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;} .dropdown:hover{background-color:#078dbc;} .calendar{display:none;} table{display:table;float:left;color:#ffffff;width:32%;margin-left:2%;margin-bottom:20px;} table:first-of-type, table:nth-child(3n+1){margin-left:0;} td{border:1px solid #ffffff;text-align:center;font-size:0.8em;width:14%;padding:5px 0 5px 0;} th{color:#ffffff;font-weight:700;} tr.head{background-color:#301d14;width:100%} caption{font-family:'Lora', serif; font-weight:700;color:#078dbc;text-align:center;padding-bottom:10px;} .ico li{width:22%;float:left;height:150px;margin-left:4%;position:relative;border:1px solid #301d14;background-color:#f6f6f6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:4%;} .ico li:first-child, .ico li:nth-child(4n+1){margin-left:0;} .ico li img{width:76px;height:76px;position:absolute;top:50%;margin-top:-48px;left:50%;margin-left:-38px;} .ico li h5{position:absolute;bottom:20px;color:#301d14;display:block;text-align:center;width:100%;padding:0;margin:0;text-transform:uppercase;font-size:0.8em;} ul li.in-galerie{width:22%;margin-left:4%;float:left;height:150px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background-color:#cccccc;float:left;position:relative;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s;background:url(../img/slide1.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;overflow:hidden;margin-bottom:4%;border:1px solid #301d14;} ul li.in-galerie:first-child, ul li.in-galerie:nth-child(4n+1){margin-left:0;} ul li.in-galerie a{width:100%;height:100%;position:absolute;} ul li.in-galerie:hover{opacity:0.7;border:1px solid #078dbc;} .tabs-menu {height: 30px;float: left;clear: both;} .tabs-menu li {height: 30px;line-height: 30px;float: left;margin-right: 10px; background-color: #ccc;border-top: 1px solid #d4d4d1;border-right: 1px solid #d4d4d1;border-left: 1px solid #d4d4d1;} .tabs-menu li.current {position: relative;background-color: #fff;border-bottom: 1px solid #fff;z-index: 5;} .tabs-menu li a {padding: 10px;text-transform: uppercase;color: #fff;text-decoration: none; } .tabs-menu .current a {color: #2e7da3;} .tab {border-top: 1px solid #d4d4d1;background-color: #fff;float: left;margin-bottom: 20px; width: auto;} .tab-content {width: 100%;padding: 20px 0 20px 0 ;display: none;} #tab-1 {display: block; } /*------ BIG FUCKING SCREEN ----*/ @media screen and (min-width:2000px) { } /*------ BIG SCREEN ----*/ @media screen and (min-width:1501px) and (max-width:1999px) { } /*------ NORMAL SCREEN ----*/ @media screen and (min-width:1281px) and (max-width:3000px) { #acc-screen-two{height:700px;} h1{text-align:center;} h3{text-align:center;} .popup .popup-cont a img:first-of-type{ width: 400px; height: 406px; display: block; position: absolute; top: 0; left: 0; opacity: 1; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .hr{width:350px;margin-left:auto;margin-right:auto;} .arrow{display:none;} #acc-screen header .bx-pager{position:absolute;bottom:-15px;right:15px;left:inherit;} #acc-screen{} #acc-screen{width:100%;height:auto;position:relative;} #acc-screen header{width:100%;height:825px;display:block;background-color:inherit;position:relative;margin-top:0} #acc-screen #acc-main{margin-left:0%;background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:50px 50px 0 50px;margin-top:0%;} #acc-screen #acc-main p{text-align:center;} #acc-screen #acc-main .bout{width:120px;margin:0 auto 0 auto;text-align:center;display:block;} #in #acc-screen{height:auto;} #in #acc-screen header{position:relative} #acc-screen header #menu{width:250px;height:475px;position:absolute;top:25px;left:0;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen header #menu nav{margin-left:0px;margin-top:10px;} #acc-screen header #menu nav ul li{margin-bottom:10px;float:left;margin-right:10px} #acc-screen header #menu nav ul li a{text-transform:uppercase; color:#301d14; background-color:#ffffff;display:inline-block;padding:0px 5px 0px 5px;font-size:0.8em;letter-spacing:0px; font-weight:400;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen header #menu nav ul li a:hover, #acc-screen header #menu nav ul li a.current{background-color:#078dbc;color:#ffffff; letter-spacing:0px;margin-left:0px;} #acc-screen-two{width:100%;height:600px;position:relative;margin-top:0.5%} #acc-screen-two #acc-chambre p, #acc-screen-two #acc-appartement p, #acc-screen-two #acc-chalet p{color:#ffffff;text-align:center;padding:20px 0px 25px 0px;width:250px;margin:0 auto 0 auto;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;position:absolute;bottom:20px;margin-left:-125px;left:50%;line-height:115%;display:none;} #acc-screen-two #acc-chambre h2, #acc-screen-two #acc-appartement h2, #acc-screen-two #acc-chalet h2{position:absolute;top:50%;margin-top:-20px;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;text-align:center;width:100%} #acc-screen-three{width:100%;height:auto;position:relative;border:1px solid #ffffff;margin:0px 0 0px 0;} #acc-screen-three .cont {max-width:1500px;width:100%;margin:0px auto 0px auto;padding:25px 50px 100px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} #acc-screen-three .cont .box-4 li a .ico{width:70px;height:auto;position:absolute;top:35px;left:50%;margin-left:-35px;display:block;} #acc-screen-three .cont .box-4 li a p{position:absolute;bottom:75px; max-width:180px;text-align:center;left:50%;margin-left:-105px;top:50%;margin-top:10px;padding:0 15px 0 15px;display:none;} #acc-screen-three .cont .box-4 li a h2{width:100px;display:block;position:absolute;left:50%;margin-left:-50px;padding-top:5px} #acc-screen-fourth{width:100%;height:200px;} #acc-screen-fourth #foyer{width:29%;height:200px;float:left;position:relative;background:url(../img/foyer.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #foyer a img{width:175px;height:104px;position:absolute;display:block;left:50%;margin-left:-87.5px;top:50%;margin-top:-52px;opacity:1;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-fourth #qualite{width:70.5%;height:200px;float:right;position:relative;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #qualite h4{color:#ffffff;margin-top:40px;} #acc-screen-fourth #qualite a img{bottom:50px;width:300px;margin-left:-150px;} footer .cont {max-width:1500px;width:100%;margin:0px auto 0 auto;padding:30px 50px 0px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} footer .cont p.address{float:none;text-align:center;word-spacing:2px; letter-spacing:3px;font-size:1.2em;clear:both; display:inline-block;width:100%;} footer .cont p.address br{display:none;} footer .cont .un, footer .cont .deux, footer .cont .trois, footer .cont .quatre{display:none;} #acc-main .box-4 li{width:32%;float:left;margin-left:2%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:block;position:relative;margin-bottom:20px;} #acc-main .box-4 li:nth-child(3), #acc-main .box-4 li:nth-child(5){margin-left:2%;} #acc-main .box-4 li:first-child, #acc-main .box-4 li:nth-child(4){margin-left:0;} #acc-main #tabs-container .tab .forfaits li .info-forfait p{text-align:left;} #acc-screen #acc-main .reserv{width:100%;} } /*------ SMALL SCREEN ----*/ @media screen and (min-width:961px) and (max-width:1280px) { h1{font-size:2em;text-align:center;} h1 span{font-size:0.7em;} h2{font-size:1.5em;} h3{text-align:center;font-size:1em;} h4{font-size:2em;} .popup .popup-cont a img:first-of-type{ width: 400px; height: 406px; display: block; position: absolute; top: 0; left: 0; opacity: 1; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } p{font-size:0.8em;} .hr{width:350px;margin-left:auto;margin-right:auto;} .arrow{display:none;} #acc-screen header .bx-pager{position:absolute;bottom:-15px;right:15px;left:inherit;} #acc-screen{} #acc-screen{width:100%;height:auto;position:relative;} #acc-screen header{width:100%;height:525px;display:block;background-color:inherit;position:relative;margin-top:0} #acc-screen #acc-main{margin-left:0%;background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:50px 50px 0 50px;margin-top:0%;} #acc-screen #acc-main p{text-align:center;} #acc-screen #acc-main .bout{width:120px;margin:0 auto 0 auto;text-align:center;display:block;} #in #acc-screen{height:auto;} #in #acc-screen header{position:relative} #acc-screen header #menu{width:250px;height:475px;position:absolute;top:25px;left:0;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen header #menu nav{margin-left:0px;margin-top:10px;} #acc-screen header #menu nav ul li{margin-bottom:10px;float:left;margin-right:10px} #acc-screen header #menu nav ul li a{text-transform:uppercase; color:#301d14; background-color:#ffffff;display:inline-block;padding:0px 5px 0px 5px;font-size:0.8em;letter-spacing:0px; font-weight:400;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen header #menu nav ul li a:hover, #acc-screen header #menu nav ul li a.current{background-color:#078dbc;color:#ffffff; letter-spacing:0px;margin-left:0px;} #acc-screen-two{width:100%;height:600px;position:relative;margin-top:0.5%} #acc-screen-two #acc-chambre p, #acc-screen-two #acc-appartement p, #acc-screen-two #acc-chalet p{color:#ffffff;text-align:center;padding:20px 0px 25px 0px;width:250px;margin:0 auto 0 auto;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;position:absolute;bottom:20px;margin-left:-125px;left:50%;line-height:115%;display:none;} #acc-screen-two #acc-chambre h2, #acc-screen-two #acc-appartement h2, #acc-screen-two #acc-chalet h2{position:absolute;top:50%;margin-top:-20px;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;text-align:center;width:100%} #acc-screen-three{width:100%;height:auto;position:relative;border:1px solid #ffffff;margin:0px 0 0px 0;} #acc-screen-three .cont {max-width:1500px;width:100%;margin:0px auto 0px auto;padding:25px 50px 100px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} #acc-screen-three .cont .box-4 li a .ico{width:70px;height:auto;position:absolute;top:35px;left:50%;margin-left:-35px;display:block;} #acc-screen-three .cont .box-4 li a p{position:absolute;bottom:75px; max-width:180px;text-align:center;left:50%;margin-left:-105px;top:50%;margin-top:10px;padding:0 15px 0 15px;display:none;} #acc-screen-three .cont .box-4 li a h2{width:100px;display:block;position:absolute;left:50%;margin-left:-50px;padding-top:5px} #acc-screen-fourth{width:100%;height:200px;} #acc-screen-fourth #foyer{width:29%;height:200px;float:left;position:relative;background:url(../img/foyer.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #foyer a img{width:175px;height:104px;position:absolute;display:block;left:50%;margin-left:-87.5px;top:50%;margin-top:-52px;opacity:1;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-fourth #qualite{width:70.5%;height:200px;float:right;position:relative;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #qualite h4{color:#ffffff;margin-top:40px;} #acc-screen-fourth #qualite a img{bottom:50px;width:300px;margin-left:-150px;} footer .cont {max-width:1500px;width:100%;margin:0px auto 0 auto;padding:30px 50px 0px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} footer .cont p.address{float:none;text-align:center;word-spacing:2px; letter-spacing:3px;font-size:1.2em;clear:both; display:inline-block;width:100%;} footer .cont p.address br{display:none;} footer .cont .un, footer .cont .deux, footer .cont .trois, footer .cont .quatre{display:none;} #acc-main .box-4 li{width:32%;float:left;margin-left:2%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:block;position:relative;margin-bottom:20px;} #acc-main .box-4 li:nth-child(3), #acc-main .box-4 li:nth-child(5){margin-left:2%;} #acc-main .box-4 li:first-child, #acc-main .box-4 li:nth-child(4){margin-left:0;} #acc-main #tabs-container .tab .forfaits li .info-forfait p{text-align:left;} #acc-screen #acc-main .reserv{width:100%;} } /*------IPAD PAYSAGE----*/ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { h1{font-size:2em;text-align:center;} h1 span{font-size:0.7em;} h2{font-size:1.5em;} h3{text-align:center;font-size:1em;} h4{font-size:2em;} p{font-size:0.8em;} .hr{width:350px;margin-left:auto;margin-right:auto;} .arrow{display:none;} #acc-screen header .bx-pager{position:absolute;bottom:-15px;right:15px;left:inherit;} #acc-screen{} #acc-screen{width:100%;height:auto;position:relative;} #acc-screen header{width:100%;height:525px;display:block;background-color:inherit;position:relative;margin-top:0} #acc-screen #acc-main{margin-left:0%;background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:50px 50px 0 50px;margin-top:0%;} #acc-screen #acc-main p{text-align:center;} #acc-screen #acc-main .bout{width:120px;margin:0 auto 0 auto;text-align:center;display:block;} #in #acc-screen{height:auto;} #in #acc-screen header{position:relative} #acc-screen header #menu{width:250px;height:475px;position:absolute;top:25px;left:0;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen header #menu nav{margin-left:30px;margin-top:10px;} #acc-screen header #menu nav ul li{margin-bottom:10px;float:left;margin-right:10px} #acc-screen header #menu nav ul li a{text-transform:uppercase; color:#301d14; background-color:#ffffff;display:inline-block;padding:0px 5px 0px 5px;font-size:0.8em;letter-spacing:0px; font-weight:400;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen header #menu nav ul li a:hover, #acc-screen header #menu nav ul li a.current{background-color:#078dbc;color:#ffffff; letter-spacing:0px;margin-left:0px;} #acc-screen-two{width:100%;height:500px;position:relative;margin-top:0.5%} #acc-screen-two #acc-chambre p, #acc-screen-two #acc-appartement p, #acc-screen-two #acc-chalet p{color:#ffffff;text-align:center;padding:20px 0px 25px 0px;width:250px;margin:0 auto 0 auto;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;position:absolute;bottom:10px;margin-left:-125px;left:50%;line-height:115%} #acc-screen-two #acc-chambre h2, #acc-screen-two #acc-appartement h2, #acc-screen-two #acc-chalet h2{position:absolute;top:50%;margin-top:-60px;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;text-align:center;width:100%} #acc-screen-three{width:100%;height:auto;position:relative;border:1px solid #ffffff;margin:0px 0 0px 0;} #acc-screen-three .cont {max-width:1500px;width:100%;margin:0px auto 0px auto;padding:25px 50px 100px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} #acc-screen-three .cont .box-4 li a .ico{width:70px;height:auto;position:absolute;top:15px;left:50%;margin-left:-35px;display:block;} #acc-screen-three .cont .box-4 li a p{position:absolute;bottom:75px; max-width:180px;text-align:center;left:50%;margin-left:-105px;top:50%;margin-top:10px;padding:0 15px 0 15px} #acc-screen-fourth{width:100%;height:200px;} #acc-screen-fourth #foyer{width:29%;height:200px;float:left;position:relative;background:url(../img/foyer.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #foyer a img{width:175px;height:104px;position:absolute;display:block;left:50%;margin-left:-87.5px;top:50%;margin-top:-52px;opacity:1;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-fourth #qualite{width:70.5%;height:200px;float:right;position:relative;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #qualite h4{color:#ffffff;margin-top:40px;} #acc-screen-fourth #qualite a img{bottom:50px;width:300px;margin-left:-150px;} footer .cont {max-width:1500px;width:100%;margin:0px auto 0 auto;padding:30px 50px 0px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} footer .cont p.address{float:none;text-align:center;word-spacing:2px; letter-spacing:3px;font-size:1.2em;clear:both; display:inline-block;width:100%;} footer .cont p.address br{display:none;} footer .cont .un, footer .cont .deux, footer .cont .trois, footer .cont .quatre{display:none;} #acc-main .box-4 li{width:32%;float:left;margin-left:2%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:block;position:relative;margin-bottom:20px;} #acc-main .box-4 li:nth-child(3), #acc-main .box-4 li:nth-child(5){margin-left:2%;} #acc-main .box-4 li:first-child, #acc-main .box-4 li:nth-child(4){margin-left:0;} #acc-screen #acc-main .reserv{width:100%;} } /*------IPAD PORTRAIT ---*/ @media screen and (min-width:642px) and (max-width:960px) { h1{font-size:2.5em;text-align:center;} h1 span{font-size:0.7em;} h2{font-size:2.2em;} h3{text-align:center;font-size:1em;} h4{font-size:2.5em;} p{font-size:0.8em;} .hr{width:250px;margin-left:auto;margin-right:auto;} .arrow{display:none;} #acc-screen header .bx-pager{position:absolute;bottom:-15px;right:15px;left:inherit;} span.mobi{display:block;} #acc-screen{width:100%;height:auto;position:relative;} #acc-screen header{width:100%;height:400px;display:block;background-color:inherit;position:relative;margin-top:300px} #acc-screen #acc-main{margin-left:0%;background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:50px 25px 0 25px;margin-top:0%;} #acc-screen #acc-main p{text-align:justify;} #acc-screen #acc-main .bout{width:120px;margin:0 auto 0 auto;text-align:center;display:block;} #in #acc-screen{height:auto;} #in #acc-screen header{position:relative} #acc-screen header #menu{width:100%;height:225px;position:absolute;top:-225px;left:0;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen header #menu nav{margin-left:inherit;margin-top:10px;display:none;} #acc-screen header #menu nav ul li{margin-bottom:10px;float:none;margin-right:0;width:100%;display:block;} #acc-screen header #menu nav ul li a{text-transform:uppercase; color:#301d14; background-color:#ffffff;display:inline-block;padding:0px 5px 0px 5px;font-size:0.8em;letter-spacing:0px; font-weight:400;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;width:100%;} #acc-screen header #menu nav ul li a:hover{background-color:#078dbc;color:#ffffff; letter-spacing:0px;margin-left:0px;} #acc-screen header #menu .logo{margin:20px auto 0 auto;} #acc-screen header .facebook, #acc-screen header .lang, #acc-screen header #weather, #acc-screen header .ski{top:-280px;} #acc-screen header .lang{right:25px;} #acc-screen header .ski{right:125px;} #acc-screen header #weather{right:175px;} #acc-screen header .facebook{right:75px;} #acc-screen-two{width:100%;height:980px;position:relative;margin-top:0.5%} #acc-screen-two #video{position:relative; height:350px;width:100%;float:none;} #acc-screen-two #video .bordure{display:none;} #acc-screen-two #video .play{width:150px;height:97px; position:absolute; left:50%;margin-left:-75px;top:50%;margin-top:-48.5px;} #acc-screen-two #video .play img{width:100%;height:auto;} #acc-screen-two #acc-chambre{position:relative; height:200px;width:100%;float:none;margin-top:10px;} #acc-screen-two #acc-appartement{position:relative; height:200px;width:100%;float:none;top:inherit;right:inherit;margin-top:10px;} #acc-screen-two #acc-chalet{position:relative; height:200px;width:100%;float:none;top:inherit;right:inherit;margin-top:10px;} #acc-screen-two #acc-chambre p, #acc-screen-two #acc-appartement p, #acc-screen-two #acc-chalet p{color:#ffffff;text-align:center;padding:20px 50px 25px 50px;width:100%;margin:0 auto 0 auto;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;position:absolute;bottom:40px;margin-left:inherit;left:inherit;line-height:115%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #acc-screen-two #acc-chambre h2, #acc-screen-two #acc-appartement h2, #acc-screen-two #acc-chalet h2{position:absolute;top:50%;margin-top:-60px;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;text-align:center;width:100%} #acc-screen-three{width:100%;height:auto;position:relative;border:1px solid #ffffff;margin:0px 0 0px 0;} #acc-screen-three .cont {max-width:1500px;width:100%;margin:0px auto 0px auto;padding:25px 50px 100px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} #acc-screen-three .cont .box-4 li{width:47.5%;float:left;margin-left:5%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:block;position:relative;margin-bottom:5%;} #acc-screen-three .cont .box-4 li:first-child, #acc-screen-three .cont .box-4 li:nth-child(2n+1){margin-left:0;} #acc-screen-three .cont .box-4 li a .ico{width:120px;height:auto;position:absolute;top:15px;left:50%;margin-left:-60px;display:block;} #acc-screen-three .cont .box-4 li a p{position:absolute;bottom:75px; max-width:180px;text-align:center;left:50%;margin-left:-105px;top:50%;margin-top:10px;padding:0 15px 0 15px} #acc-screen-three .cont .forfaitenligne{width:250px;margin:0px auto 0 auto;display:block;position:relative;} #acc-screen-fourth{width:100%;height:600px;} #acc-screen-fourth #foyer{width:100%;height:200px;float:left;position:relative;background:url(../img/foyer.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #foyer a img{width:175px;height:104px;position:absolute;display:block;left:50%;margin-left:-87.5px;top:50%;margin-top:-52px;opacity:1;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-fourth #qualite{width:100%;height:200px;float:right;position:relative;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #qualite h4{color:#ffffff;width:inherit;margin:40px auto 0 auto;} #acc-screen-fourth #qualite a img{bottom:20px;width:400px;margin-left:-200px;} footer .cont {max-width:1500px;width:100%;margin:0px auto 0 auto;padding:30px 50px 0px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} footer .cont p.address{float:none;text-align:center;word-spacing:2px; letter-spacing:3px;font-size:1.2em;clear:both; display:inline-block;width:100%;} footer .cont p.address br{display:none;} footer .cont .un, footer .cont .deux, footer .cont .trois, footer .cont .quatre{display:none;} a.activite{width:100%;float:left; background-color:#eb212e; height:150px;position:relative;overflow:hidden;} .bloc-type .taxe-en-sus{text-transform:uppercase;color:#301d14;position:absolute;right:inherit;left:0;bottom:-55px;font-size:0.7em;} .bloc-type .en-savoir-plus{text-transform:uppercase;color:#ffffff;position:absolute;left:0;bottom:-35px;font-size:0.7em;display:block;background-color:#301d14;padding:5px 10px 5px 10px;letter-spacing:0px;} .b-1{width:50%;height:300px;margin-top:0;margin-left:0;} .b-2{width:50%;height:200px;margin-top:0;margin-left:0;} .b-3{width:50%;height:200px;margin-top:-0;margin-left:0;} .b-4{width:50%;height:200px;margin-top:-100px;margin-left:0;} .b-5{width:50%;height:200px;margin-top:0;margin-left:0;} .b-6{width:50%;height:300px;margin-top:-100px;margin-left:0;} .b-7{width:50%;height:200px;margin-top:0;margin-left:0;} .consult{display:none;} #tarifs .haute-saison{width:100%;margin-right:0%;float:none;} #tarifs .reguliere-saison{width:100%;margin-right:0%;float:none;} #tarifs .basse-saison{width:100%;float:none;} .ico li{width:32%;float:left;height:120px;margin-left:2%;position:relative;border:1px solid #301d14;background-color:#f6f6f6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:2%;} .ico li:first-child{margin-left:0;} .ico li:nth-child(4){margin-left:0;} .ico li:nth-child(5){margin-left:2%;} .ico li:nth-child(7){margin-left:0;} .ico li:nth-child(9){margin-left:2%;} .ico li:nth-child(10){margin-left:0;} .ico li img{width:60px;height:60px;position:absolute;top:50%;margin-top:-45px;left:50%;margin-left:-30px;} ul li.in-galerie{height:120px; width:32%;margin-left:2%;} ul li.in-galerie:nth-child(3n+1){margin-left:0;} ul li.in-galerie:nth-child(5), ul li.in-galerie:nth-child(9){margin-left:2%;} .gh3{margin-top:10px;} #acc-screen header .bx-pager{display:none;} #acc-screen #acc-main .reserv{width:100%;} } /*------IPHONE PAYSAGE----*/ @media screen and (min-width:431px) and (max-width:641px) { .popup .popup-cont a img:first-of-type{ width: 400px; height: 406px; display: block; position: absolute; top: 0; left: 0; opacity: 1; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } h1{font-size:1.5em;text-align:center;} h1 span{font-size:0.7em;} h2{font-size:1.5em;} h3{text-align:center;font-size:1em;} h4{font-size:1.5em;} p{font-size:0.8em;} .hr{width:250px;margin-left:auto;margin-right:auto;} .arrow{display:none;} #acc-screen header .bx-pager{position:absolute;bottom:-15px;right:15px;left:inherit;} span.mobi{display:block;} #acc-screen{width:100%;height:auto;position:relative;} #acc-screen header{width:100%;height:200px;display:block;background-color:inherit;position:relative;margin-top:300px} #acc-screen #acc-main{margin-left:0%;background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:50px 25px 0 25px;margin-top:0%;} #acc-screen #acc-main p{text-align:justify;} #acc-screen #acc-main .bout{width:120px;margin:0 auto 0 auto;text-align:center;display:block;} #in #acc-screen{height:auto;} #in #acc-screen header{position:relative} #acc-screen header #menu{width:100%;height:225px;position:absolute;top:-225px;left:0;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen header #menu nav{margin-left:inherit;margin-top:10px;display:none;} #acc-screen header #menu nav ul li{margin-bottom:10px;float:none;margin-right:0;width:100%;display:block;} #acc-screen header #menu nav ul li a{text-transform:uppercase; color:#301d14; background-color:#ffffff;display:inline-block;padding:0px 5px 0px 5px;font-size:0.8em;letter-spacing:0px; font-weight:400;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;width:100%;} #acc-screen header #menu nav ul li a:hover{background-color:#078dbc;color:#ffffff; letter-spacing:0px;margin-left:0px;} #acc-screen header #menu .logo{margin:20px auto 0 auto;} #acc-screen header .facebook, #acc-screen header .lang, #acc-screen header #weather, #acc-screen header .ski{top:-280px;} #acc-screen header .lang{right:25px;} #acc-screen header .ski{right:125px;} #acc-screen header #weather{right:175px;} #acc-screen header .facebook{right:75px;} #acc-screen-two{width:100%;height:830px;position:relative;margin-top:0.5%} #acc-screen-two #video{position:relative; height:200px;width:100%;float:none;} #acc-screen-two #video .bordure{display:none;} #acc-screen-two #video .play{width:150px;height:97px; position:absolute; left:50%;margin-left:-75px;top:50%;margin-top:-48.5px;} #acc-screen-two #video .play img{width:100%;height:auto;} #acc-screen-two #acc-chambre{position:relative; height:200px;width:100%;float:none;margin-top:10px;} #acc-screen-two #acc-appartement{position:relative; height:200px;width:100%;float:none;top:inherit;right:inherit;margin-top:10px;} #acc-screen-two #acc-chalet{position:relative; height:200px;width:100%;float:none;top:inherit;right:inherit;margin-top:10px;} #acc-screen-two #acc-chambre p, #acc-screen-two #acc-appartement p, #acc-screen-two #acc-chalet p{color:#ffffff;text-align:center;padding:20px 0px 25px 0px;width:350px;margin:0 auto 0 auto;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;position:absolute;bottom:30px;margin-left:-175px;left:50%;line-height:115%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #acc-screen-two #acc-chambre h2, #acc-screen-two #acc-appartement h2, #acc-screen-two #acc-chalet h2{position:absolute;top:50%;margin-top:-60px;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;text-align:center;width:100%} #acc-screen-three{width:100%;height:auto;position:relative;border:1px solid #ffffff;margin:0px 0 0px 0;} #acc-screen-three .cont {max-width:1500px;width:100%;margin:0px auto 0px auto;padding:25px 50px 100px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} #acc-screen-three .cont .box-4 li{width:47.5%;float:left;margin-left:5%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:block;position:relative;margin-bottom:5%;} #acc-screen-three .cont .box-4 li:first-child, #acc-screen-three .cont .box-4 li:nth-child(2n+1){margin-left:0;} #acc-screen-three .cont .box-4 li a .ico{width:60px;height:auto;position:absolute;top:15px;left:50%;margin-left:-30px;display:block;} #acc-screen-three .cont .box-4 li a p{position:absolute;bottom:75px; max-width:160px;text-align:center;left:50%;margin-left:-95px;top:50%;margin-top:10px;padding:0 15px 0 15px;display:none;} #acc-screen-three .cont .forfaitenligne{width:250px;margin:0px auto 0 auto;display:block;position:relative;} #acc-screen-three .cont .box-4 li a h2{width:100px;display:block;position:absolute;left:50%;margin-left:-50px;padding-top:5px} #acc-screen-fourth{width:100%;height:400px;} #acc-screen-fourth #foyer{width:100%;height:200px;float:left;position:relative;background:url(../img/foyer.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #foyer a img{width:175px;height:104px;position:absolute;display:block;left:50%;margin-left:-87.5px;top:50%;margin-top:-52px;opacity:1;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-fourth #qualite{width:100%;height:200px;float:right;position:relative;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #qualite h4{color:#ffffff;width:250px;margin:40px auto 0 auto;} #acc-screen-fourth #qualite a img{bottom:30px;width:250px;margin-left:-125px;} footer .cont {max-width:1500px;width:100%;margin:0px auto 0 auto;padding:30px 50px 0px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} footer .cont p.address{float:none;text-align:center;word-spacing:2px; letter-spacing:3px;font-size:1.2em;clear:both; display:inline-block;width:100%;} footer .cont p.address br{display:none;} footer .cont .un, footer .cont .deux, footer .cont .trois, footer .cont .quatre{display:none;} a.activite{width:100%;float:left; background-color:#eb212e; height:150px;position:relative;overflow:hidden;} .bloc-type .taxe-en-sus{text-transform:uppercase;color:#301d14;position:absolute;right:inherit;left:0;bottom:-55px;font-size:0.7em;} .bloc-type .en-savoir-plus{text-transform:uppercase;color:#ffffff;position:absolute;left:0;bottom:-35px;font-size:0.7em;display:block;background-color:#301d14;padding:5px 10px 5px 10px;letter-spacing:0px;} .b-1{width:50%;height:300px;margin-top:0;margin-left:0;} .b-2{width:50%;height:200px;margin-top:0;margin-left:0;} .b-3{width:50%;height:200px;margin-top:-0;margin-left:0;} .b-4{width:50%;height:200px;margin-top:-100px;margin-left:0;} .b-5{width:50%;height:200px;margin-top:0;margin-left:0;} .b-6{width:50%;height:300px;margin-top:-100px;margin-left:0;} .b-7{width:50%;height:200px;margin-top:0;margin-left:0;} .consult{display:none;} #tarifs .haute-saison{width:100%;margin-right:0%;float:none;} #tarifs .reguliere-saison{width:100%;margin-right:0%;float:none;} #tarifs .basse-saison{width:100%;float:none;} .ico li{width:32%;float:left;height:120px;margin-left:2%;position:relative;border:1px solid #301d14;background-color:#f6f6f6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:2%;} .ico li:first-child{margin-left:0;} .ico li:nth-child(4){margin-left:0;} .ico li:nth-child(5){margin-left:2%;} .ico li:nth-child(7){margin-left:0;} .ico li:nth-child(9){margin-left:2%;} .ico li:nth-child(10){margin-left:0;} .ico li img{width:60px;height:60px;position:absolute;top:50%;margin-top:-45px;left:50%;margin-left:-30px;} ul li.in-galerie{height:120px; width:32%;margin-left:2%;} ul li.in-galerie:nth-child(3n+1){margin-left:0;} ul li.in-galerie:nth-child(5), ul li.in-galerie:nth-child(9){margin-left:2%;} .gh3{margin-top:10px;} #acc-screen header .bx-pager{display:none;} #acc-screen #acc-main .reserv{width:100%;} } /*------IPHONE PORTRAIT----*/ @media screen and (max-width:430px) { h1{font-size:1.5em;text-align:center;} h1 span{font-size:0.7em;} h2{font-size:1.5em;} h3{text-align:center;font-size:1em;} h4{font-size:1.5em;} p{font-size:0.8em;} .hr{width:250px;margin-left:auto;margin-right:auto;} .arrow{display:none;} #acc-screen header .bx-pager{position:absolute;bottom:-15px;right:15px;left:inherit;} span.mobi{display:block;} #acc-screen{width:100%;height:auto;position:relative;} #acc-screen header{width:100%;height:200px;display:block;background-color:inherit;position:relative;margin-top:300px} #acc-screen #acc-main{margin-left:0%;background-color:#ffffff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:50px 25px 0 25px;margin-top:0%;} #acc-screen #acc-main p{text-align:justify;} #acc-screen #acc-main .bout{width:120px;margin:0 auto 0 auto;text-align:center;display:block;} #in #acc-screen{height:auto;} #in #acc-screen header{position:relative} #acc-screen header #menu{width:100%;height:225px;position:absolute;top:-225px;left:0;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen header #menu nav{margin-left:inherit;margin-top:10px;display:none;} #acc-screen header #menu nav ul li{margin-bottom:10px;float:none;margin-right:0;width:100%;display:block;} #acc-screen header #menu nav ul li a{text-transform:uppercase; color:#301d14; background-color:#ffffff;display:inline-block;padding:0px 5px 0px 5px;font-size:0.8em;letter-spacing:0px; font-weight:400;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;width:100%;} #acc-screen header #menu nav ul li a:hover{background-color:#078dbc;color:#ffffff; letter-spacing:0px;margin-left:0px;} #acc-screen header #menu .logo{margin:20px auto 0 auto;} #acc-screen header .facebook, #acc-screen header .lang, #acc-screen header #weather, #acc-screen header .ski{top:-280px;} #acc-screen header .lang{right:25px;} #acc-screen header .ski{right:125px;} #acc-screen header #weather{right:175px;} #acc-screen header .facebook{right:75px;} #acc-screen-two{width:100%;height:830px;position:relative;margin-top:0.5%} #acc-screen-two #video{position:relative; height:200px;width:100%;float:none;} #acc-screen-two #video .bordure{display:none;} #acc-screen-two #video .play{width:150px;height:97px; position:absolute; left:50%;margin-left:-75px;top:50%;margin-top:-48.5px;} #acc-screen-two #video .play img{width:100%;height:auto;} #acc-screen-two #acc-chambre{position:relative; height:200px;width:100%;float:none;margin-top:10px;} #acc-screen-two #acc-appartement{position:relative; height:200px;width:100%;float:none;top:inherit;right:inherit;margin-top:10px;} #acc-screen-two #acc-chalet{position:relative; height:200px;width:100%;float:none;top:inherit;right:inherit;margin-top:10px;} #acc-screen-two #acc-chambre p, #acc-screen-two #acc-appartement p, #acc-screen-two #acc-chalet p{color:#ffffff;text-align:center;padding:20px 0px 25px 0px;width:250px;margin:0 auto 0 auto;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;position:absolute;bottom:30px;margin-left:-125px;left:50%;line-height:115%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} #acc-screen-two #acc-chambre h2, #acc-screen-two #acc-appartement h2, #acc-screen-two #acc-chalet h2{position:absolute;top:50%;margin-top:-60px;-o-transition:.4s;-ms-transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;transition:.4s;text-align:center;width:100%} #acc-screen-three{width:100%;height:auto;position:relative;border:1px solid #ffffff;margin:0px 0 0px 0;} #acc-screen-three .cont {max-width:1500px;width:100%;margin:0px auto 0px auto;padding:25px 50px 100px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} #acc-screen-three .cont .box-4 li{width:100%;float:none;margin-left:0%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;display:block;position:relative;margin-bottom:5%;} #acc-screen-three .cont .box-4 li:first-child, #acc-screen-three .cont .box-4 li:nth-child(2n+1){margin-left:0;} #acc-screen-three .cont .box-4 li a .ico{width:100px;height:auto;position:absolute;top:15px;left:50%;margin-left:-50px;display:block;} #acc-screen-three .cont .box-4 li a p{position:absolute;bottom:75px; max-width:180px;text-align:center;left:50%;margin-left:-105px;top:50%;margin-top:10px;padding:0 15px 0 15px} #acc-screen-three .cont .forfaitenligne{width:200px;margin:0px auto 0 auto;display:block;position:relative;} #acc-screen-fourth{width:100%;height:400px;} #acc-screen-fourth #foyer{width:100%;height:200px;float:left;position:relative;background:url(../img/foyer.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #foyer a img{width:175px;height:104px;position:absolute;display:block;left:50%;margin-left:-87.5px;top:50%;margin-top:-52px;opacity:1;-o-transition:.2s;-ms-transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;transition:.2s;} #acc-screen-fourth #qualite{width:100%;height:200px;float:right;position:relative;background:#301d14 url(../img/fond-fleur-o.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #acc-screen-fourth #qualite h4{color:#ffffff;width:250px;margin:40px auto 0 auto;} #acc-screen-fourth #qualite a img{bottom:30px;width:250px;margin-left:-125px;} footer .cont {max-width:1500px;width:100%;margin:0px auto 0 auto;padding:30px 50px 0px 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;} footer .cont p.address{float:none;text-align:center;word-spacing:2px; letter-spacing:3px;font-size:1.2em;clear:both; display:inline-block;width:100%;} footer .cont p.address br{display:none;} footer .cont .un, footer .cont .deux, footer .cont .trois, footer .cont .quatre{display:none;} .vid-ete{width:100%;float:none;margin-right:0%;margin-bottom:30px;} .vid-hiver{width:100%;float:none;margin-bottom:30px;} .bloc-type{width:100%;height:366px;position:relative;margin-bottom:75px;} .bloc-type .bloc-type-img{position:absolute; left:0;right:0;height:150px;background: url(../img/chambre-standard.jpg) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .bloc-type .haute-saison{position:absolute;top:155px;right:0;height:63.333333333333px;width:100%;background-color:#1fafd6;} .bloc-type .reguliere-saison{position:absolute;top:223.333333333333px;right:0;height:63.333333333333px;width:100%;background-color:#078dbc;} .bloc-type .basse-saison{position:absolute;top:291.66666666666px;right:0;height:63.333333333333px;width:100%;background-color:#074051;} .bloc-type span{text-transform:uppercase;color:#ffffff;font-size:0.9em;padding-left:10px;letter-spacing:2px;} .bloc-type .taxe-en-sus{text-transform:uppercase;color:#301d14;position:absolute;right:inherit;left:0;bottom:-55px;font-size:0.7em;} .bloc-type .en-savoir-plus{text-transform:uppercase;color:#ffffff;position:absolute;left:0;bottom:-35px;font-size:0.7em;display:block;background-color:#301d14;padding:5px 10px 5px 10px;letter-spacing:0px;} .bloc-type a.en-savoir-plus:hover{background-color:#078dbc;} a.activite{width:100%;float:left; background-color:#eb212e; height:150px;position:relative;overflow:hidden;} .b-1{width:50%;height:300px;margin-top:0;margin-left:0;} .b-2{width:50%;height:200px;margin-top:0;margin-left:0;} .b-3{width:50%;height:200px;margin-top:-0;margin-left:0;} .b-4{width:50%;height:200px;margin-top:-100px;margin-left:0;} .b-5{width:50%;height:200px;margin-top:0;margin-left:0;} .b-6{width:50%;height:300px;margin-top:-100px;margin-left:0;} .b-7{width:50%;height:200px;margin-top:0;margin-left:0;} .consult {display:none;} #tarifs .haute-saison{width:100%;margin-right:0%;float:none;} #tarifs .reguliere-saison{width:100%;margin-right:0%;float:none;} #tarifs .basse-saison{width:100%;float:none;} .ico li{width:48.5%;float:left;height:120px;margin-left:3%;position:relative;border:1px solid #301d14;background-color:#f6f6f6;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:3%;} .ico li:first-child{margin-left:0;} .ico li:nth-child(4){margin-left:3%;} .ico li:nth-child(5){margin-left:0%;} .ico li:nth-child(3){margin-left:0%;} .ico li:nth-child(7){margin-left:0%;} .ico li:nth-child(9){margin-left:0%;} .ico li img{width:60px;height:60px;position:absolute;top:50%;margin-top:-45px;left:50%;margin-left:-30px;} ul li.in-galerie{height:120px; width:48.5%;margin-left:3%;} ul li.in-galerie:nth-child(3n+1){margin-left:3%;} ul li.in-galerie:nth-child(2n+1){margin-left:0%;} .gh3{margin-top:10px;} .dropdown{margin-top:30px;} table{display:table;float:left;color:#ffffff;width:48.5%;margin-left:3%;margin-bottom:20px;} table:first-of-type{margin-left:0;} table:nth-child(3n+1){margin-left:3%;} table:nth-child(2n+1){margin-left:0%;} table:nth-child(2n+1){margin-left:0%;} #acc-screen header .bx-pager{display:none;} .forfaits li{width:100%;padding:0 0 30px; 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#f2f2f2;margin-bottom:20px;position:relative;float:none;margin-left:0%;height:auto;border:1px solid #dddddd;} .forfaits li span{width:100%;height:150px;float:none;position:absolute;border-right:inherit;} .forfaits li span img{width:100px;height:84px;position:absolute;left:50%;margin-left:-50px;top:50%;margin-top:-42px;} .forfaits li .info-forfait{margin-left:0;margin-top:150px;padding:20px 20px 10px 20px} .forfaits li .info-forfait p{text-align:left;} .forfaits li .info-forfait h2{text-align:left;margin-bottom:10px;color:#301d14;} .forfaits li .info-forfait h3{position:absolute;bottom:-10px;right:0;background-color:#078dbc;display:block;padding:5px 10px 5px 10px; color:#ffffff;font-size:0.9em;} .forfaits li .info-forfait h3 a {color:#301d14;font-family:'lora';text-transform: uppercase;font-weight:700;padding-left:15px;border-left:1px solid #ffffff;margin-left:15px;} #acc-screen #acc-main .reserv{width:100%;} } /*------------------------------------------------------------------------------------------------------------------------*/ /* CLASS */ /*------------------------------------------------------------------------------------------------------------------------*/ .clear{clear:both;} .overFade{position: relative;display: inline-block;} .overFade img{display: block;} .overFade img + img{display: none;position: absolute;top:0; left: 0;} /* Juju */ .calendar table { border-collapse: collapse; min-height: 220px; /*margin: 20px;*/ /*width: 300px;*/ } .calendar th, .calendar td { border: 1px solid black; text-align: center; padding: 5px; } .calendar .head th { background-color: #ddd; } .calendar .low-season { background-color: #074051; color: white; } .calendar .regular-season { background-color: #078dbc; color: white; } .calendar .high-season { background-color: #1fafd6; color: white; } @media (max-width: 768px){ .calendar table { width: 100%; } }