@font-face {font-family: 'Caveat';src: url('caveat-regular-webfont.woff2') format('woff2'),url('caveat-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal}
@font-face {font-family: 'Raleway';src: url('raleway-medium-webfont.woff2') format('woff2'),url('raleway-medium-webfont.woff') format('woff');font-weight: normal;font-style: normal}
html,body{background-color:#1f1f1f;font-family:'Raleway', sans-serif}
hr{max-width:100px;height:2px;background-color:#fffabc;margin:40px auto 40px auto}
a{text-decoration:none !important}
a:focus,button:focus{outline:none !important}
p{font-size:1.8rem;line-height:1.8}
.btn-or{background-color:#867B5A;color:#1f1f1f;font-size:1.5rem;font-weight:700;text-transform:uppercase;padding:20px 40px;border:none;border-radius:0px;-webkit-transition:all 0.2s;transition:all 0.2s}
.btn-or:active, .btn-or:focus, .btn-or:hover{color:#fff;text-shadow:1px 1px 1px #6E6750;background-color:#b0a278}
.scrollToTop,.scrollToTop:focus{width:80px;height:80px;padding:18px 12px;text-align:center;color:#fff;position:fixed;top:85%;z-index:999;background-color:#151515;border-radius:2px;font-size:2rem;-webkit-transition:all .2s;transition:all .2s}
.scrollToTop:hover{color:#b0a278}
.top-on{right:0px;opacity:1}
.top-off{right:-50px;opacity:0}
.displayon{display:inline}
.displayoff{display:none;}
::selection{color:#fff;background:#b0a278;}
::-moz-selection{color:#fff;background:#b0a278;}
::-webkit-selection{color:#fff;background:#b0a278;}
.bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0)}
40%{transform:translateY(-10px)}
60%{transform:translateY(-5px)}
}
@media (max-width:576px){.btn-or{padding:20px}
.scrollToTop,.scrollToTop:focus{width:60px;height:60px;padding:8px 2px;}
}
#menu{background-color:#151515}
#menu .navbar-brand img{height:50px}
#menu button.navbar-toggler{padding:12px 18px;color:white;font-size:2rem;color:#fff}
#menu .navbar-collapse .navbar-nav > .nav-item:last-child{margin-left:20px;color:#fff}
#menu .navbar-collapse .navbar-nav > .nav-item:last-child > .nav-link{color:#fffabc}
#menu .navbar-collapse .navbar-nav > .nav-item > .nav-link{padding:15px 0;color:#fff;font-family:'Caveat', cursive;font-size:2rem}
#menu .navbar-collapse .navbar-nav > .nav-item > .nav-link:focus, #menu .navbar-collapse .navbar-nav > .nav-item > .nav-link:hover{color:#b0a278}
#menu .navbar-collapse .navbar-nav > .nav-item > .nav-link.actif{color:#b0a278;}
@media (max-width:1200px){#menu .navbar-collapse .navbar-nav > .nav-item > .nav-link{font-size:1.5rem}}
@media (min-width:992px){#menu{height:auto;padding:20px 0;-webkit-transition:padding-top 0.3s, padding-bottom 0.3s;transition:padding-top 0.3s, padding-bottom 0.3s;background-color:rgba(31,31,31,.75)}
#menu.navbar-shrink{padding:5px 0;background-color:#151515;border-bottom:1px solid #000}
#menu .navbar-brand img{height:50px}
#menu .navbar-collapse .navbar-nav > .nav-item{margin-right:5px}
#menu .navbar-collapse .navbar-nav > .nav-item:last-child{margin-right:0}
#menu .navbar-collapse .navbar-nav > .nav-item > .nav-link{padding:25px 18px}
}
@media (max-width:991px){#menu .navbar-collapse .navbar-nav > .nav-item > .nav-link{text-align:center;font-size:2.5rem;border-top:1px solid #000}
#menu .navbar-collapse .navbar-nav > .nav-item:last-child{margin-left:0px;}
#menu .navbar-collapse .navbar-nav > .nav-item:first-child{margin-top:20px}
}
header.masthead{position:relative;background-color:#222;background-size:cover;background-attachment:scroll;background-position:center;height:100vh;min-height:700px}
header.masthead .masthead-img{max-width:125px;max-height:125px}
header.masthead .masthead-title{font-weight:700;text-transform:uppercase;color:#fffabc;letter-spacing:1px;font-size:4rem;line-height:4rem}
header.masthead .masthead-subtitle{font-size:2.5rem;line-height:1.5rem}
header.masthead .masthead-text{background-color:rgba(31,31,31,.5);text-transform:uppercase;font-size:2.5rem;line-height:2.5rem;padding:30px 10px;margin-top:20px}
header.masthead .masthead-text span{text-transform:none;color:#fffabc;font-family:'Caveat', cursive;font-size:3.5rem}
@media (max-height:768px) and (max-width:1366px){header.masthead{padding:150px 0}
header.masthead .masthead-img{max-width:125px;max-height:125px}
header.masthead .masthead-title{font-size:4rem;line-height:4rem;letter-spacing:1px}
header.masthead .masthead-subtitle{font-size:2.5rem;line-height:1.5rem}
header.masthead .masthead-text{font-size:2.5rem;line-height:2.5rem;padding:30px 10px;margin-top:20px}
header.masthead .masthead-text span{text-transform:none;font-size:2rem}
}
@media (min-height:769px) and (min-width:1367px){header.masthead{}
header.masthead .masthead-img{max-width:180px;max-height:180px}
header.masthead .masthead-title{font-size:7rem;line-height:7rem}
header.masthead .masthead-subtitle{font-size:5rem;line-height:7rem}
header.masthead .masthead-text{font-size:2.5rem;line-height:2.5rem;margin-top:20px;padding:40px 20px;}
header.masthead .masthead-text small{font-size:2.5rem;line-height:2.5rem}
}
@media (max-height:700px){header.masthead .scroll-down{display:none;}}
@media (min-width:1024px){header.masthead{background-attachment:fixed}}
@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){header.masthead{background-attachment:scroll}}
header.masthead .scroll-down{position:absolute;bottom:20px;width:100%;text-align:center}
header.masthead .scroll-down a{padding:20px 30px;font-size:2.5rem;color:#b0a278;-webkit-transition:all 0.2s;transition:all 0.2s}
header.masthead .scroll-down a:hover,header.masthead .scroll-down a:focus{color:#fffabc}
header.masthead .scroll-down .btn{font-size:30px;line-height:50px;width:50px;height:50px;padding:0;letter-spacing:normal;color:#fffabc;-webkit-transition:all 0.5s;transition:all 0.5s;}
header.masthead .scroll-down .btn:hover{color:#fff !important;outline:none}
header.masthead .scroll-down .btn:focus, header.masthead .scroll-down .btn:active{-webkit-box-shadow:0 0 0 3px rgba(255, 255, 255, 0.5) !important;box-shadow:0 0 0 3px rgba(255, 255, 255, 0.5) !important}
#chambres-romantique{background-color:#1f1f1f;padding:60px 0 120px 0;border-top:1px solid #151515}
#chambres-romantique img{height:200px}
#chambres-romantique h1{color:#b0a278;font-size:2.5rem;margin-bottom:15px;text-transform:uppercase;font-weight:700}
#chambres-romantique h2{color:#fff;font-family:'Caveat', cursive;font-size:2.5rem;margin-bottom:25px}
#chambres-romantique .items p{font-size:1.6rem;color:#bbb;text-align:center;background-color:rgba(0,0,0,.3);padding:20px;max-width:600px;font-family:'Caveat', cursive;-webkit-transition:all 0.2s;transition:all 0.2s}
#chambres-romantique .items p span{color:#fffabc;font-size:1rem}
#chambres-romantique .items img{opacity:0;margin-top:0px;-webkit-transition:all 0.2s;transition:all 0.2s;height:50px;position:absolute;top:0;right:40px;}
#chambres-romantique .items{-webkit-transition:all 0.2s;transition:all 0.2s}
#chambres-romantique .items:hover{box-shadow:0 0 15px #151515;display:block}
#chambres-romantique .items:hover p{color:#fff}
#chambres-romantique .items:hover img{opacity:1;margin-top:50px}
#chambres-romantique .items:hover .cosy,#chambres-romantique .items:hover .bulle{opacity:1;padding-top:150px}
#chambres-romantique .items:hover .nouveau{top:30px;left:45px;}
#chambres-romantique .items .cosy h3,#chambres-romantique .items .bulle h3{font-size:2.5rem;font-weight:700;text-transform:uppercase;color:#fffabc;letter-spacing:1px;line-height:2.5rem}
#chambres-romantique .items .cosy h3 small,#chambres-romantique .items .bulle h3 small{color:#fff;font-weight:400;font-family:'Caveat', cursive;text-transform:none;font-size:2.2rem}
#chambres-romantique .items .nouveau{font-size:1.8rem;color:#fffabc;letter-spacing:1px;line-height:1.8rem;font-family:'Caveat', cursive;border:1px solid #fffabc;position:absolute;padding:5px 10px;top:20px;left:40px;-webkit-transition:all 0.2s;transition:all 0.2s}
#chambres-romantique .items .cosy{background:url(../img/le-cosy.jpg) no-repeat;background-size:cover;height:300px;opacity:.8;-webkit-transition:all 0.2s;transition:all 0.2s;padding:190px 0 0 30px}
#chambres-romantique .items .bulle{background:url(../img/la-bulle.jpg) no-repeat;background-size:cover;height:300px;opacity:.8;-webkit-transition:all 0.2s;transition:all 0.2s;padding:190px 0 0 30px}
@media (max-width:1200px){#chambres-romantique .items p{max-width:950px}#chambres-romantique > .items:first-child{margin-bottom:80px}}
#avis{background-color:#1f1f1f;text-align:center;padding:80px 0 120px 0}
#avis h2{color:#b0a278;font-size:2.5rem;margin-bottom:15px;margin-top:15px;font-family:'Caveat', cursive}
#avis span{font-size:4rem;color:#b0a278}
#avis p{font-size:1.5rem;padding:80px 120px;color:#fff;margin-top:0px}
#avis p strong{font-size:1.2rem;padding:10px;line-height:4rem;color:#fffabc}
#avis p small{color:#b0a278;font-style:italic}
#avis img{height:50px}
#avis .google,#avis .facebook{color:#fffabc;padding-top:40px}
#avis #acc-carousel{background-color:rgba(0,0,0,.3)}
@media (max-width:576px){#avis .google,#avis .facebook{padding-top:0px}}
@media (max-width:1200px){#avis{padding-bottom:40px}#avis p{padding:40px 60px}}
#call-to-action{border-bottom:1px solid #151515;border-top:1px solid #151515;padding:150px 0}
#call-to-action img{height:100px;margin-bottom:20px}
#call-to-action h2{color:#fffabc;font-size:2.5rem;margin-bottom:15px;text-transform:uppercase;font-weight:700}
#call-to-action h3{color:#fff;font-family:'Caveat', cursive;font-size:2.5rem}
.call-to-action{padding:50px 0;text-align:center;color:white;background-color:#222;background-size:cover;background-attachment:scroll}
.call-to-action span.quote{font-size:2rem;font-weight:300;line-height:42px;display:block;font-family:'Caveat', cursive;background-color:rgba(31,31,31,.5);padding:40px 20px}
@media (min-width:1024px){.call-to-action{background-attachment:fixed}}
@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){.call-to-action{background-attachment:scroll}}
@media (min-width:768px){.call-to-action{padding:150px 0}.call-to-action span.quote{font-size:36px;line-height:38px}}
footer{background-color:#151515;padding:80px 0 0;color:#fff;text-align:center}
footer img{height:200px}
footer span{font-size:1.2rem;margin-right:20px;color:#fffabc}
footer h4{margin-bottom:40px;color:#b0a278;font-family:'Caveat', cursive;font-size:2.5rem}
footer a{color:#fff}
footer a:hover{text-decoration:underline !important;color:#fff}
footer #sub-footer{border-top:1px solid #000;margin-top:80px;padding:40px 0;font-size:.8rem;color:#6B6B6B;background-color:rgba(0,0,0,.3)}
footer #sub-footer a{color:#888888}
footer #sub-footer a:hover{color:#fff}
@media (max-width:576px){.col-12{margin-bottom:80px}.col-12:last-child{margin-bottom:0px}footer #sub-footer{padding:40px}}
#reserver{margin:138px 0 -8px 0;padding-top:60px;padding-bottom:120px;text-align:left;background-color:#292929}
#reserver img{height:200px}
#reserver h1{color:#b0a278;font-size:2.5rem;margin-bottom:15px;text-transform:uppercase;font-weight:700}
#reserver h2{color:#fff;font-family:'Caveat', cursive;font-size:2.5rem;margin-bottom:25px}
#reserver .items p{font-size:1.6rem;color:#bbb;text-align:center;background-color:rgba(0,0,0,.3);padding:20px;max-width:600px;font-family:'Caveat', cursive;-webkit-transition:all 0.2s;transition:all 0.2s}
#reserver .items p span{color:#fffabc;font-size:1rem}
#reserver .items img{opacity:0;margin-top:0px;-webkit-transition:all 0.2s;transition:all 0.2s;height:50px;position:absolute;top:0;right:40px;}
#reserver .items{-webkit-transition:all 0.2s;transition:all 0.2s}
#reserver .items:hover{box-shadow:0 0 15px #151515;display:block}
#reserver .items:hover p{color:#fff}
#reserver .items:hover img{opacity:1;margin-top:50px}
#reserver .items:hover .cosy,#reserver .items:hover .bulle{opacity:1;padding-top:150px}
#reserver .items .cosy h3,#reserver .items .bulle h3{font-size:2.5rem;font-weight:700;text-transform:uppercase;color:#fffabc;letter-spacing:1px;line-height:2.5rem}
#reserver .items .cosy h3 small,#reserver .items .bulle h3 small{color:#fff;font-weight:400;font-family:'Caveat', cursive;text-transform:none;font-size:2.2rem}
#reserver .items .cosy{background:url(../img/le-cosy.jpg) no-repeat;background-size:cover;height:300px;opacity:.8;-webkit-transition:all 0.2s;transition:all 0.2s;padding:190px 0 0 30px}
#reserver .items .bulle{background:url(../img/la-bulle.jpg) no-repeat;background-size:cover;height:300px;opacity:.8;-webkit-transition:all 0.2s;transition:all 0.2s;padding:190px 0 0 30px}
#reserver .items .nouveau{font-size:1.8rem;color:#fffabc;letter-spacing:1px;line-height:1.8rem;font-family:'Caveat', cursive;border:1px solid #fffabc;position:absolute;padding:5px 10px;top:20px;left:40px;-webkit-transition:all 0.2s;transition:all 0.2s}
#reserver .items:hover .nouveau{top:30px;left:45px;}
@media (max-width:1200px){#reserver .items p{max-width:950px}#reserver > .items:first-child{margin-bottom:80px}}
@media (max-width:992px){#reserver{margin-top:0px}}
@media (max-width:992px){#reservation{margin-top:70px;padding-top:20px}
#reservation h1{font-size:2rem}
#reservation h2{font-size:2rem}
#reservation img{height:80px}
}
#calendrier{background-color:#1f1f1f;text-align:center;margin:60px 0 60px}
#calendrier h3{color:#fff;font-family:'Caveat', cursive;font-size:2.5rem;text-align:left !important}
#calendrier td{padding:0;}
#calendrier td.vide{opacity:0;visibility:hidden;}
#calendrier td.semaine,#calendrier tr.mois td{border:none;}
#calendrier .mois{color:#fff;font-weight:700;font-size:2rem;background-color:#292929;}
#calendrier .mois td{padding:20px;}
#calendrier td.semaine{padding:10px;color:#fff;}
table{border-collapse:separate;border-spacing:5px 8px;}
#calendrier td.jour{padding:0 !important;}
#calendrier .jour{border:1px solid #dee2e6;text-align:left;background-color:#f1f1f1;}
#calendrier .jour ul.reservation{list-style:none;margin:0 !important;padding:0 !important}
#calendrier .jour .reservation li.case-gauche{float:left;padding-left:10px;height:20px;width:50%;margin:0 !important;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5);font-size:12px;}
#calendrier .jour .reservation li.case-droite{float:right;text-align:right;width:50%;margin:0 !important;height:20px;color:#68ba68;text-shadow:none;font-size:12px;}
#calendrier .jour .reservation li.reservON{background-color:#68ba68;}
#calendrier .jour .reservation li.reservOFF{background-color:#dd6464;}
.reservCLIC{background-color:#9ecf7d;}
.reservDISA{background-color:#999;}
.jour-marge{background-color:#eee !important;}
#calendrier .jour p{font-size:14px;padding:10px;margin:20px 0 0 0 !important;text-align:right !important;}
#calendrier .jour p i{font-size:12px;color:#999;padding-bottom:10px}
#calendrier .jour p i span{color:#E68A8A;}
#calendrier .jour-droite:hover,#calendrier .jour-gauche:hover{cursor:pointer;}
#calendrier .jour-droite:hover .reservation li.case-droite.reservON{background-color:#9ecf7d;}
#calendrier .jour-gauche:hover .reservation li.case-gauche.reservON{background-color:#9ecf7d}
#calendrier ul.nav-calendar{text-align:right;margin:0 !important;list-style:none;}
#calendrier ul.nav-calendar li{background-color:#292929;padding:5px 20px;border-radius:0px;color:#b0a278;font-size:3rem}
#calendrier ul.nav-calendar li:hover,#calendrier ul.nav-calendar li:focus{background-color:#b0a278;cursor:pointer;color:#fff}
#erreur_calendrier,#erreur_paypal,#erreur_bdd{padding:40px 15px 40px 15px;margin-top:50px;display:none}
#erreur_calendrier h4,#erreur_paypal h4,#erreur_bdd h4,#success h4{font-weight:700;text-transform:uppercase;font-size:30px}
#erreur_calendrier strong,#erreur_paypal strong,#erreur_bdd strong{text-transform:uppercase;padding:10px 20px;border:1px solid #721c24;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#erreur_calendrier strong:hover,#erreur_paypal strong:hover,#erreur_bdd strong:hover{cursor:pointer;background-color:#721c24;color:#fff;}
#erreur_bdd strong:hover a,#success strong:hover a{color:#fff;}
#success{padding:40px 15px 15px 15px;margin-top:50px;display:none}
#success small{font-weight:700}
#calendrier #commande{text-align:left;padding:0px 15px 28px 15px;margin-top:0px;display:none;font-size:1.2rem;}
#calendrier #commande .form-check{text-align:left}
#calendrier #commande h4{margin:20px 0 20px 0;font-size:3rem;font-weight:700;letter-spacing:-.5px;color:#292929;font-family:'Caveat', cursive;}
#calendrier #commande h5{margin-bottom:20px;font-size:2rem;text-transform:uppercase;font-weight:700;margin-top:40px;}
#calendrier #commande #paypal{margin-top:40px;border:1px solid #292929;padding:40px;background-color:rgba(255,255,255,.5);}
#calendrier #commande #paypal .img-paypal{text-align:right}
#calendrier #commande #paypal .img-paypal img{width:300px;}
#calendrier #commande #paypal .text-paypal{font-size:1rem;color:#292929;text-align:justify;}
#calendrier #commande .form-check label{margin-right:20px}
#calendrier #commande .form-check-label i{font-weight:700;color:#292929;margin-left:5px;}
#calendrier #commande #retourcalendrier strong{text-transform:uppercase;padding:10px 20px;border:1px solid #292929;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#calendrier #commande #retourcalendrier strong{cursor:pointer;background-color:#333;color:#fff;}
#calendrier #commande #reserverenligne strong,#calendrier #commande #reserverenligne #submit{font-weight:700;text-transform:uppercase;padding:15px 25px;background-color:#333;color:#fff;border:1px solid #292929;-webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#calendrier #commande #reserverenligne strong:hover,#calendrier #commande #reserverenligne #submit:hover{cursor:pointer;background-color:#fff;color:#333;}
#calendrier #commande #reserverenligne{text-align:right;margin-top:50px;}
#calendrier #commande #retourcalendrier{text-align:left;margin-top:50px;}
#calendrier #commande .align-rigth{text-align:right;margin-top:20px;}
#calendrier #commande #instruction{color:#721c24;text-align:center;border:1px solid #721c24;padding:10px 20px;}
#pti-plus{background-color:#f1f1f1;padding:20px}
#pti-plus .label-400{width:400px}
@media (max-width:992px){#calendrier #commande{font-size:1rem;}
#pti-plus{padding:10px}
#btn-action{text-align:center}
#calendrier #commande #paypal .img-paypal img{width:100%;}
}
@media (max-width:768px){#btn-action strong{display:block;width:100%;margin-top:-50px !important}
#calendrier #commande #paypal .img-paypal img{margin-bottom:20px)}
}
input[type=image]{margin-top:80px !important;}
header.sub-masthead-bulle{background-image:url('../img/la-bulle-romantique.jpg');position:relative;padding-top:150px;padding-bottom:150px;background-color:#222;background-size:cover;background-attachment:scroll;background-position:center top}
header.sub-masthead-cosy{background-image:url('../img/le-cosy-romantique.jpg');position:relative;padding-top:150px;padding-bottom:150px;background-color:#222;background-size:cover;background-attachment:scroll;background-position:center top}
header.sub-masthead .masthead-img{max-width:150px;max-height:150px}
header.sub-masthead .masthead-title h1{font-size:4rem;line-height:4rem;font-weight:700;text-transform:uppercase;color:#fffabc;letter-spacing:1px}
header.sub-masthead .masthead-subtitle h2{font-size:3rem;line-height:3rem}
@media (min-width:1024px){header.sub-masthead{background-attachment:fixed}}
@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){header.sub-masthead{background-attachment:scroll}}
@media (min-width:992px){header.sub-masthead{height:50vh;min-height:600px;padding-top:210px;padding-bottom:0}
header.sub-masthead .masthead-img{max-width:100px;max-height:100px}
}
#logement{border-top:1px solid #151515;margin-top:-80px}
#logement .desc{color:#fff;padding:50px;background-color:#292929;text-align:center;height:425px;margin-top:30px}
#logement .prix{color:#fff;padding:50px;background-color:#292929;text-align:center;height:425px;margin-top:30px;}
#logement .desc h3{margin-bottom:40px;font-size:2.5rem;font-family:'Caveat', cursive;color:#fffabc}
#logement .desc h3 small{font-size:1.5rem;color:#b0a278;font-family:'Raleway', sans-serif}
#logement .desc p{line-height:2.5rem;font-size:2rem;font-family:'Caveat', cursive;margin-top:60px}
#logement .prix h3{font-size:2.5rem;font-family:'Caveat', cursive;color:#fff}
#logement .prix strong{color:#fffabc;font-size:2.2rem}
#logement .prix .btn{margin-top:40px}
#logement .prix small{font-style:italic;color:#bbb}
#logement .equipements{color:#fff;margin-top:30px;background-color:#292929;text-align:center;height:300px;padding-top:20px}
#logement .equipements .item{height:150;padding:20px}
#logement .equipements .item:hover img{opacity:1;-webkit-transition:all 0.2s;transition:all 0.2s}
#logement .equipements .item:hover h4{color:#fff}
#logement .equipements .item img{height:50px;opacity:.8}
#logement .equipements .item span{color:#b0a278;font-size:3rem}
#logement .equipements .item h4{font-size:1rem;color:#bbb;margin-top:10px;-webkit-transition:all 0.2s;transition:all 0.2s}
#logement .infos{margin-top:30px;background-color:#292929;height:300px;padding:30px;text-align:justify}
#logement .infos small{color:#fff;font-size:1.1rem}
#logement .infos p{color:#fff;font-size:1.2rem;margin-top:20px}
#logement .infos p small{color:#bbb;font-size:1rem}
#logement .infos h4{font-size:2rem;font-family:'Caveat', cursive;color:#b0a278;margin-bottom:20px}
@media (max-width:768px){#logement .desc{height:550px}}
@media (max-width:1199px){#logement .infos,#logement .equipements,#logement .prix,#logement .desc{height:auto;padding:40px auto;}}
#portfolioList{padding:30px 0 0}
.portfolio-grid .mix{float:left;overflow:hidden;width:50%;margin:0%}
.portfolio-grid .mix .portfolio-wrapper{position:relative !important;overflow:hidden;cursor:pointer;background:#222}
.portfolio-grid .mix .portfolio-wrapper img{position:relative;max-width:100%;width:100%;opacity:.5;-webkit-transition:all 0.2s;transition:all 0.2s}
.portfolio-grid .mix .portfolio-wrapper img:hover{opacity:1}
@media (min-width:768px){.portfolio-grid .mix{width:25%;margin:0;}#portfolioList{padding:60px 0 0}}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}
.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}
.mfp-with-zoom.mfp-ready.mfp-bg{opacity:0.5}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}
#extras{background-color:#1f1f1f;padding:0px 20px;border-bottom:1px solid #151515}
#extras .extra{background-size:cover;height:300px;padding:190px 0 0 20px;opacity:.8;-webkit-transition:all 0.2s;transition:all 0.2s;display:block}
#extras .extra:hover{cursor:pointer;opacity:1;box-shadow:0 0 15px #151515;display:block;padding-top:150px}
#extras .champagne{background:url(../img/extras/champagne.jpg) no-repeat;background-size:cover}
#extras .paris{background:url(../img/extras/lovebox-paris.jpg) no-repeat;background-size:cover}
#extras .sept{background:url(../img/extras/lovebox-sept.jpg) no-repeat;background-size:cover}
#extras .vouvray{background:url(../img/extras/vouvray.jpg) no-repeat;background-size:cover}
#extras .fleurs{background:url(../img/extras/fleur.jpg) no-repeat;background-size:cover}
#extras .vin{background:url(../img/extras/vin.jpg) no-repeat;background-size:cover}
#extras .dej{background:url(../img/extras/dej.jpg) no-repeat;background-size:cover}
#extras .plateau{background:url(../img/extras/plateau.jpg) no-repeat;background-size:cover}
#extras .plateau h3,#extras .perso h3{font-size:2rem}
#extras .perso{background:url(../img/extras/perso.jpg) no-repeat;background-size:cover}
#extras .extra h3{font-size:2rem;font-weight:700;text-transform:uppercase;color:#fffabc;letter-spacing:1px;}
#extras .extra h3 small{color:#fff;font-family:'Caveat', cursive;font-size:2rem;text-transform:none;}
#extras .collapse{font-size:1.2rem;color:#fff;text-align:justify;background-color:rgba(0,0,0,.3);padding:20px;max-width:100%}
#extras .collapse strong{text-transform:uppercase;color:#b0a278}
#extras .collapse small{color:#bbb;letter-spacing:-.5px}
#extras .collapsing{-webkit-transition:none;transition:none;display:none;}
@media (max-width:1560px){#extras h3{font-size:1.5rem !important}#extras{padding:0px;}}
@media (max-width:992px){#petits-plus{margin-top:100px}
#petits-plus h1{font-size:2rem}
#petits-plus h2{font-size:2rem}
#petits-plus img{height:80px}
}
#contact{padding:80px 0;background-color:#1f1f1f;border-bottom:1px solid #151515;border-top:1px solid #151515}
#contact .contacts{text-align:center}
#contact .contacts img{height:100px;margin-bottom:20px}
#contact .contacts h1{color:#b0a278;font-size:2.5rem;margin-bottom:15px;text-transform:uppercase;font-weight:700}
#contact .contacts h2{color:#fff;font-family:'Caveat', cursive;font-size:2.5rem}
/* CONTACT */
#contact {text-align: center;padding-top: 50px}
#contact .formulaire {width :50%;text-align: left;display: inline-block;vertical-align: top}
#contact .formulaire h2 {margin: 47px 0 50px 0;}
#contact .formulaire form {}
#contact .formulaire form label {display: block;color:#b0a278;margin-bottom: -10px;margin-top:30px;font-size: 1.1rem;margin-left: 0%}
#contact .formulaire form label span {color:#cc3333}
#contact .formulaire form input[type=text],.popup form input[type=date],.popup form input[type=number] {border: 1px solid #b0a278;border-radius: 3px;transition:all .2s;background: rgba(255,255,255,.9);font-size: 1rem;width: 100%;padding:15px;margin-left: 0%}
#contact .formulaire form input[type=text]:focus,.popup form input[type=date]:focus,.popup form input[type=number]:focus,.popup form textarea:focus {border: 1px solid #b0a278;outline: none}
#contact .formulaire form textarea {padding: 15px 15px;border: 1px solid #b0a278;border-radius: 3px;background: rgba(255,255,255,.9);font-size: 1rem;box-sizing: border-box;max-width: 100%;margin-left: 0%}
#contact .formulaire form textarea:focus {border: 1px solid #b0a278}
#contact .formulaire .button {color: #b0a278;border-radius: 3px;display: block;width: 100%;border: 1px solid #b0a278;padding: 20px 40px;font-size:13px;letter-spacing: 1px;font-weight:600;text-transform: uppercase;margin-top: 20px;transition:all .2s}
#contact .formulaire .button:hover {color: #fff;background: #b0a278;cursor: pointer}
#ajaxResponseFail {display:none;width:95%;padding: 20px;margin-top: 20px;margin-bottom: 20px;margin-left: 0%;text-align: center;border: 1px solid #cc3333;border-radius: 3px;background: #ffcccc;color:#cc3333}
#ajaxResponseSuccess {display:none;width:95%;padding: 20px;margin-top: 20px;margin-bottom: 20px;margin-left: 0%;text-align: center;border: 1px solid #669933;border-radius: 3px;background: #ccff99;color:#669933}
#ajaxResponseFail a {color:#cc3333;font-size: 1.4rem}
#map{height:650px;position:relative;width:100%}
.maps-frame{height:650px;width:100%}
#contactForm{margin-top:60px}
#contactForm label{color:#b0a278;}
.floating-label-form-group{position:relative;margin-bottom:0;padding-bottom:0.5em;padding-top:0.8em;border-bottom:1px solid #000}
.floating-label-form-group input,.floating-label-form-group textarea{color:#fff;z-index:1;position:relative;padding-right:0;padding-left:0;border:none;border-radius:0;font-size:1.5em;background:none;-webkit-box-shadow:none !important;box-shadow:none !important;resize:none}
.floating-label-form-group::not(:first-child){padding-left:14px;border-left:1px solid #000}
.floating-label-form-group-with-value label{top:0;opacity:1;color:#b0a278}
.floating-label-form-group-with-focus label{color:#b0a278}
form .row:first-child .floating-label-form-group{border-top:1px solid #000}