/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600&family=Playfair+Display&display=swap');

body {
  color: #292929;
  font-size: 18px;
  font-family: 'Outfit', sans-serif;
  line-height: 30px;
  letter-spacing: 0.05em;
}
.pagemaster {
  width: 100%;
  position: relative;
  z-index: 1;
}
.pagelarge {
  position: relative;
  margin: 0 80px;
}
.page {
  width: 1280px;
  position: relative;
  margin: 0 auto;
}
.pageflex, .headerflex {display:flex;}

.header {position:fixed;width:100%;z-index:9900;transition:all .2s ease-in-out 0s;}
.header.is-sticky {background:rgba(99,125,116,.9);}
.logopane img {margin:7px;}
.header.mm-open .logopane {display:none;}
.mobilelogo img {margin:0 0 30px 0;}
.headerright {flex:1;display:flex;align-items:center;justify-content:flex-end;}
.headerpane {margin:0 20px 0 0;}
.langpane {font-family:'Outfit', sans-serif;font-size:16px;text-transform:uppercase;font-weight:600;}
.langpane a:link, .langpane a:visited, .langpane a:active {
  display: inline-block;
  color: #d5d3cf;
  text-decoration: none;
  margin: 0 10px 0 0;
}
.langpane a:hover, a.langsel:link, a.langsel:visited, a.langsel:active, a.langsel:hover {color:white;text-decoration:none;}
.menu {text-align:center;z-index:9000;width:100%;height:60px;-webkit-animation:none;animation:none;}
.content {
  padding: 120px 0;
  background: url("caselle.svg") -100px 100px no-repeat;
  background-size: 800px auto;
}
.contentpane {padding:0 0 120px 0;}
.middle {background:#637d74;color:white;}
.middle h1, .middle h2, .middle h3, .middle h4 {color:white;}
.middle a:link, .middle a:visited {color:white;}
.middle a:active, .middle a:hover {color:#292929;}
.middlepane {padding:100px 0;}
.contentpane2 {width:600px;margin:0 80px 0 0;padding:80px 0 0 0;}
.rightpane {flex:1;padding:80px 0 0 0;}
.contentpane3 {padding:80px 0 0 0;}
.bottom {background:#292929;padding:60px 0;color:#b8b8b8;position:relative;}
.bottom a:link, .bottom a:visited {color:#b8b8b8;}
.bottom a:active, .bottom a:hover {color:white;}
.bottompane1, .bottompane2, .bottompane3 {margin:0 60px 0 0;}
.bottompane1 {min-width:200px;}
.bottompane2 {white-space:nowrap;}
/* FOOTER */
.footer {background:#2b2b2b;color:#757575;font-size:14px;line-height:18px;padding:20px;text-align:center;}
.footer span.SkinObject {font-weight:normal;color:#757575;font-size:14px;}
.footer a.SkinObject:link, .footer a.SkinObject:visited, .footer a.SkinObject:active {font-weight:normal;color:#757575;text-decoration:none;font-size:14px;}
.footer a.SkinObject:hover {font-weight:normal;color:white;text-decoration:none;}

/* Text selection */
::selection {background:#bca36e;}
::-moz-selection {background:#bca36e;}

/* MISC */
.headericons {display:inline-block;}
.headericons a {display:inline-block;text-align:center;font-size:24px;padding:0 6px;}
.headericons a:link, .headericons a:visited {color:white;text-decoration:none;}
.headericons a:active, .headericons a:hover {color:#292929;text-decoration:none;}
.intro .flexcontent-wrapper {padding:0 40px 0 200px;min-height:890px;}
.intro .fcd-flex .flexcontent-text {width:50%;padding-top:80px;}
.intro .fcd-flex .flexcontent-media {width:50%;position:relative;}
.intro .fcd-flex .fcd-images div:first-child {position:absolute;top:0;right:0;}
.intro .fcd-flex .fcd-images div:last-child {position:absolute;top:450px;left:0;border:20px solid #fff;}
.chambres .flexcontent-div {margin:0 0 80px 0;}
.chambres .flexcontent-div.fcd-flex {margin:0;}
.fcd-images a {display:block;position:relative;}
.fcd-images a:after {
    background: rgba(255,255,255,0);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    transition: all .2s ease-in-out 0s;
}
.fcd-images a:hover:after {background:rgba(255,255,255,.2);}
.labelswrapper {margin:40px 0 0 0;}
.labels {text-align:center;}
.labels img {margin:20px;}
.about-content {display:flex;margin-bottom:20px;align-items:flex-start;}
.about-content img {margin:0 40px 0 0;}
.textmargin {width:1280px;margin:0 auto;}
.faqwrapper {width:1280px;margin:0 auto;}
.accordion-item {margin:0 0 30px 0;}
.accordion-header h4, .accordion-content p {margin:0;}
.accordion-content {padding:20px 0 0 0;}
/* Responsive Embed */
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* BUTTONS */
a.bigbutton {display:inline-block;font-family:'Outfit', sans-serif;font-weight:600;font-size:18px;line-height:24px;padding:6px 24px 8px 24px;border-radius:3px;margin:12px 12px 0 0;box-sizing:border-box;transition:all 0.3s ease;min-width:200px;text-align:center;transition:all .2s ease-in-out 0s;}
a.bigbutton:link, a.bigbutton:visited {box-shadow:inset 0px 0px 0px 2px #637d74;color:#637d74;text-decoration:none;}
a.bigbutton:active, a.bigbutton:hover {box-shadow:inset 0px 0px 0px 2px #292929;color:#292929;text-decoration:none;}
button.bigbutton {background:none;box-shadow:inset 0px 0px 0px 2px #637d74;color:#637d74;display:inline-block;font-family:'Outfit', sans-serif;font-weight:600;font-size:18px;line-height:40px;padding:0 24px;margin:12px 0 0 0;border-radius:3px;border:none;cursor:pointer;min-width:200px;text-align:center;}
button.bigbutton:hover {background:#292929;box-shadow:none;color:white;}
.headerpane a.bigbutton {margin:0 20px 0 0;}
a.bigbutton.resabutton:link, a.bigbutton.resabutton:visited {box-shadow:none;background:#bca36e;color:white;}
a.bigbutton.resabutton:active, a.bigbutton.resabutton:hover {box-shadow:none;background:#292929;color:white;}
a.bigbutton.contactbutton:before {font-family:'Font Awesome 5 Free';font-weight:400;content:"\f0e0";font-size:16px;margin-right:8px;}
a.bigbutton.contactbutton:link, a.bigbutton.contactbutton:visited {box-shadow:inset 0px 0px 0px 2px white;color:white;}
a.bigbutton.contactbutton:active, a.bigbutton.contactbutton:hover {box-shadow:inset 0px 0px 0px 2px #292929;color:#292929;}
a.bigbutton.giftbutton {margin:30px 0 0 0;}
a.bigbutton.giftbutton:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f06b";font-size:16px;margin-right:8px;}
a.bigbutton.giftbutton:link, a.bigbutton.giftbutton:visited {box-shadow:inset 0px 0px 0px 2px #bca36e;color:#bca36e;}
a.bigbutton.giftbutton:active, a.bigbutton.giftbutton:hover {box-shadow:inset 0px 0px 0px 2px #292929;color:#292929;}

/* Documents and links */
.documents a {display:inline-block;font-family:'Outfit', sans-serif;font-weight:600;font-size:18px;line-height:24px;padding:6px 24px 8px 24px;border-radius:3px;margin:12px 12px 0 0;box-sizing:border-box;transition:all 0.3s ease;min-width:200px;text-align:center;transition:all .2s ease-in-out 0s;}
.documents a:before {font-family:'Font Awesome 5 Free';font-weight:900;content:"\f1c1";font-size:16px;margin-right:8px;}
.documents a:link, .documents a:visited {box-shadow:inset 0px 0px 0px 2px #637d74;color:#637d74;text-decoration:none;}
.documents a:active, .documents a:hover {box-shadow:inset 0px 0px 0px 2px #292929;color:#292929;text-decoration:none;}
.middle .documents a:link, .middle .documents a:visited {box-shadow:inset 0px 0px 0px 2px white;color:white;}
.middle .documents a:active, .middle .documents a:hover {box-shadow:inset 0px 0px 0px 2px #292929;color:#292929;}
.bottom .documents a:link, .bottom .documents a:visited {box-shadow:inset 0px 0px 0px 2px white;color:white;}
.bottom .documents a:active, .bottom .documents a:hover {box-shadow:inset 0px 0px 0px 2px #bca36e;color:#bca36e;}
.newspaper-link a {display:inline-block;font-family:'Outfit', sans-serif;font-weight:600;font-size:18px;line-height:24px;padding:6px 24px 8px 24px;border-radius:3px;margin:12px 12px 0 0;box-sizing:border-box;transition:all 0.3s ease;min-width:200px;text-align:center;transition:all .2s ease-in-out 0s;}
.newspaper-link a:link, .newspaper-link a:visited {box-shadow:inset 0px 0px 0px 2px #637d74;color:#637d74;text-decoration:none;}
.newspaper-link a:active, .newspaper-link a:hover {box-shadow:inset 0px 0px 0px 2px #292929;color:#292929;text-decoration:none;}
.newspaper-link a i.fab {font-weight:normal;margin-right:8px;}
.middle .newspaper-link a:link, .middle .newspaper-link a:visited {box-shadow:inset 0px 0px 0px 2px white;color:white;}
.middle .newspaper-link a:active, .middle .newspaper-link a:hover {box-shadow:inset 0px 0px 0px 2px #292929;color:#292929;}
.bottom .newspaper-link a:active, .bottom .newspaper-link a:hover {box-shadow:inset 0px 0px 0px 2px #bca36e;color:#bca36e;}

/* Slider */
.slider-container {width:100%;height:100vh;position:relative;overflow:hidden;min-height:540px;}
.rslides {position:absolute;list-style:none;overflow:hidden;width:100%;height:100%;padding:0;margin:0;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;height:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rs-mask .rslides li:after {
    background: rgba(0,0,0,.5);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}
/* Caption */
.rslides li .caption {position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:white;text-align:center;padding:0 20px;z-index:1200;box-sizing:border-box;}
.rslides li .caption h2 {font-size:60px;line-height:80px;letter-spacing:1px;color:white;}
.rslides li .caption h3 {color:white;}
/* Pager */
.rslides_tabs {position:absolute;z-index:9000;bottom:20px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);list-style:none;padding:0;margin:0;}
.rslides_tabs li {
  display: inline;
  padding: 0;
  margin: 0 2px;
}
.rslides_tabs a {
  text-indent: -9000px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ccc;
  background: rgba(255,255,255, .2);
  display: inline-block;
  width: 12px;
  height: 12px;
}
.rslides_tabs .rslides_here a {
  background: white;
  background: rgba(255,255,255, .8);
}

/* Image Headers */
.topimageheader {overflow:hidden;position:relative;height:100vh;}
.topimageheader .caption {position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:white;text-align:center;z-index:1200;}
.topimageheader .caption h2 {font-size:60px;line-height:80px;letter-spacing:1px;color:white;}
.topimageheader .caption h3 {color:white;}
.tih-mask:after {
    background: rgba(0,0,0,.3);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    z-index: 1100;
}

/* Locations */
.gblockswrapper h2 {margin:0;color:white;}
.gblocks {display:flex;flex-wrap:wrap;justify-content:center;margin:60px 0 0 0;}
.gblocks a {display:block;width:450px;height:450px;margin:20px;position:relative;}
.gblocks a:after {
    background: rgba(188,163,110,0.9);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    bottom: 0;
    z-index: 1000;
    opacity: 0;
    transition: all .2s ease-in-out 0s;
}
.gblocks img {display:block;}
.gblockstext {position:absolute;z-index:1100;bottom:40px;right:40px;text-align:right;}
.gblockstext h2 {color:white;margin:0;}
.gblockstext h3 {color:white;letter-spacing:0.1em;font-size:18px;}
.gblocks a:hover:after {opacity:1;}

/* SVG Blocks */
.svgblockswrapper {margin:60px 0 0 0;}
.svgblocks {display:flex;flex-wrap:wrap;}
.svgblock {flex:1 0 20%;width:20%;padding:0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;position:relative;overflow:hidden;}
.svgblock h4 {position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-width:200px;margin:0;}
.svgblockicon {display:flex;align-items:center;justify-content:center;}
.svgblockicon svg {width:100px;fill:rgba(255,255,255,.3);}

/* GALLERY */
.gallery:after {content:"";display:table;clear:both;}
.galleryfirst {float:left;}
.gallery a {float:left;margin:10px;position:relative;}
.gallery img {display:block;}
.gallery a:after {
    background: rgba(255,255,255,0);
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
    transition: all .2s ease-in-out 0s;
}
.gallery a:hover:after {background:rgba(255,255,255,.2);}

/* Contact Details */
.contact-wrapper {display:flex;width:1280px;margin:0 auto;}
.contact-infos {width:50%;margin:0 0 80px 0;}
.contact-item {display:flex;align-items:center;margin:40px 0 0 0;}
.contact-item span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #7f9c90;
  height: 58px;
  width: 58px;
  min-width: 58px;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  margin: 0 20px;
}
.contact-map {flex:1;margin:0 0 80px 40px;}
.contactsat-infos {background:url("lescaselles-logobt.png") no-repeat;padding:180px 0 0 0;font-size:16px;}
.contactsat-infos .contact-item {margin:0 0 18px 0;}

/* SOCIAL ICONS */
.socialicons {margin-bottom:20px;font-size:0;}
.socialicons a {
  display: inline-block;
  font-size: 24px;
  margin: 0 14px 14px 0;
  line-height: 54px;
  width: 54px;
  text-align: center;
  border-radius: 50%;
}
.socialicons a:link, .socialicons a:visited {background:#637d74;color:#292929;text-decoration:none;}
.socialicons a:active, .socialicons a:hover {background:white;color:#292929;text-decoration:none;}

/* TABLE */
.datatable {margin:20px 0;border:1px solid #e9e9e9;font-size:14px;}
.datatable th {background-color:#eee;padding:10px;color:#342d2c;font-family:'Open Sans', sans-serif;font-size:14px;font-weight:600;}
.datatable td {border-top:1px solid #e9e9e9;padding:6px 12px;text-align:center;}

.clearfix {clear:both;}

/* Default */
h1, h2, h3, h4, h5, h6 {color:#292929;font-family:'Playfair Display', serif;font-weight:400;margin:30px 0;line-height:normal;letter-spacing:0.075em;}
h1 {font-size:24px;line-height:30px;}
h2 {font-size:48px;line-height:54px;}
h3 {font-size:24px;line-height:30px;}
h4 {font-size:24px;}
h5 {font-size:20px;line-height:24px;text-transform:uppercase;}
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {text-decoration:none;color:#292929;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {text-decoration:none;color:#292929;}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover {text-decoration:none;color:#292929;}
h4 a:link, h4 a:visited, h4 a:active, h4 a:hover {text-decoration:none;color:#292929;}
h5 a:link, h5 a:visited, h5 a:active, h5 a:hover {text-decoration:none;color:#292929;}
strong { font-weight:600;} em { font-style:italic;}
a:link, a:visited {color:#637d74;text-decoration:underline;}
a:active, a:hover {color:#292929;text-decoration:underline;}
/* IE10 FIX */
a:active {background-color:transparent;}
/* DNN7 FIX */
h1, h2, h3, h4, p {margin:30px 0;}
ul {margin:30px 0;padding:0;}
ul li {list-style-type:none;}
/* Styled lists */
.content ul {padding:0;margin:30px 0 30px 30px;}
.content ul li {margin:0 0 6px 0;list-style-type:disc;}
.content ul li::marker {margin:0 .5rem 0 0;color:#bca36e;}
blockquote {border-left:#292929 solid 10px;margin:40px 0;padding:0 0 0 20px;}
blockquote, blockquote p {font-style:normal;font-size:20px;line-height:30px;font-weight:600;color:#292929;}
blockquote>p {margin:0;}
ul.twocol {columns:2;column-gap:40px;}
hr {border:0;height:12px;background:#bca36e;margin:30px auto;max-width:240px;}
/* DEBUG */
.toppane .dnnActionMenu {top:50px !important;}
.DNNEmptyPane {width:auto;padding:0;}

/* MobileMenu */
/* Navicon */
.navicon {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.navicon a {
  padding: 20px 13px;
  height: 22px;
  width: 36px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  box-sizing: content-box;
}
.navicon-line {
  height: 2px;
  width: 36px;
  background: white;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0);
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}
.navicon a:hover .navicon-line {background:#292929;}
#navicon.collapsable .navicon-line {width:29px;margin-left:8px;}
#navicon.collapsable :nth-child(1).navicon-line {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: left top 0px;
  -ms-transform-origin: left top;
  transform-origin: left top 0px;
}
#navicon.collapsable :nth-child(2).navicon-line {width:0px;opacity:0;}
#navicon.collapsable :nth-child(3).navicon-line {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: left bottom 0px;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom 0px;
}
.is-sticky .navicon {top:0;}
/* Flyout Menu */
.mobilemenubg {background:#637d74;position:fixed;width:50%;height:100vh;top:0;left:0;z-index:8000;transition:all .2s ease-in-out 0s;}
.mobilemenu {position:fixed;top:50%;left:10%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:9000;}
.mobilemenu ul {display:inline-block;list-style:none;margin:0;padding:0;font-family:'Playfair Display', serif;font-size:30px;line-height:36px;text-transform:uppercase;}
.mobilemenu ul li {display:block;}
.mobilemenu ul li a {display:block;text-decoration:none;padding:5px 0;color:white;transition:all .2s ease-in-out 0s;}
.mobilemenu ul li a:hover, .mobilemenu ul li.current a {color:#bba46f;}
.mobilemenu ul li:first-child {display:none;}

/* PREQUERIES */
.mobilemenubg, .mobilemenu {display:none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1380px and less */
@media screen and (max-width:1380px) {
.mobilemenu {left:80px;}
.intro .flexcontent-wrapper {padding:0 40px 0 120px;}
}
/* for 1280px and less */
@media screen and (max-width:1280px) {
.pagelarge {margin:0 40px;}
.page {width:auto;margin:0 40px;}
.intro .flexcontent-wrapper {padding:0 40px;}
.textmargin {width:auto;margin:0 40px;}
.faqwrapper {width:auto;margin:0 40px;}
.contact-wrapper {width:auto;margin:0 40px;}
.mobilemenu {left:40px;}
.mobilemenu ul {font-size:30px;line-height:30px;padding:0;}
}
/* for 980px and less - Only portrait for retina display */
@media all and (max-width:980px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2940px),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1960px),
            screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1470px) {
.pageflex {display:block;}
.contentpane2 {width:auto;margin:0;}
.rightpane {flex:initial;padding:0;}
.bottom {padding:60px 0 20px 0;}
.bottompane1, .bottompane3 {margin:0 0 40px 0;}
.bottompane2 {display:none;}
.intro .fcd-flex .flexcontent-text {width:auto;padding-top:0;}
.intro .fcd-flex .flexcontent-media {width:auto;}
.intro .fcd-flex .fcd-images div:first-child {position:relative;right:auto;}
.intro .fcd-flex .fcd-images div:last-child {position:relative;top:auto;left:auto;border:none;}
.chambres .flexcontent-div {margin:0 0 40px 0;}
.chambres .flexcontent-div.fcd-flex {margin:0 0 40px 0;}
.contact-wrapper {display:block;}
.contact-infos {width:auto;margin:0 0 40px 0;}
.contact-map {flex:initial;margin:0 0 80px 0;}
.mobilemenubg {width:100%;}
.content img, .contentpane2 img, .contentpane3 img, .rslides li .caption img {max-width:100%;height:auto !important;}
}
/* for 780px and less */
@media screen and (max-width:780px) {
.pagelarge {margin:0 20px;}
.page {margin:0 20px;}
.intro .flexcontent-wrapper {padding:0 20px;}
.textmargin {margin:0 20px;}
.faqwrapper {margin:0 20px;}
.contact-wrapper {margin:0 20px;}
.mobilemenu {left:20px;}
.gblocks a {margin:0 0 20px 0;}
.svgblocks {display:block;}
.svgblock {flex:initial;width:auto;margin:0 0 20px 0;}
a.bigbutton.contactbutton {display:none;}
}
/* for 480px and less */
@media screen and (max-width:480px) {
.logopane {display:none;}
.mobilelogo img {width:180px;height:auto;}
.content {padding:40px 0;}
.contentpane {padding:0 0 40px 0;}
.middlepane {padding:40px 0;}
.contentpane2 {padding:40px 0 0 0;}
.contentpane3 {padding:40px 0 0 0;}
.bottom {padding:40px 0 20px 0;}
.gblocks a {width:auto;height:auto;}
.gblockstext {bottom:20px;right:20px;}
.about-content {display:block;}
.about-content img {margin:0 0 20px 0;}
h2 {font-size:40px;line-height:44px;}
a.bigbutton {min-width:0;}
.mobilemenu ul {font-size:24px;line-height:24px;}
}