/* CSS Document */ /* Merriweather:700|Open+Sans:400,400i,500,600,700 font-family: 'Open Sans', sans-serif; font-family: 'Merriweather', serif; */ /*-- GENERAL --*/ body{font-family: 'Open Sans', sans-serif;font-size: 1em;color: #2a3143;} p, #main li {font-size: 1.1em;} .inter p strong {color: #2a3143;} p strong, .inter #bottom p strong, .inter .coordonnees p strong {color: #DEB660} p, h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif !important;} .ce_headline_extended h1 {color: #DEB660;} .inter .ce_headline_extended h1, .inter h1 {color: #2a3143;} .ce_headline_extended h1 span {display: block;font-family: 'Merriweather', serif; font-weight: 700; font-size: 0.5em;line-height: 1.5em;} .ce_headline_extended h2, h2 {color: #2a3143;font-size: 2.6em;line-height: 1.6em;} .ce_headline_extended h2 span {display: block;font-family: 'Merriweather', serif; font-weight: 700; font-size: 0.5em;line-height: 1.5em;} a, p a {color: #DEB660; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s; } .inter .ce_bgimage a {color: inherit; text-decoration: underline;} .header .inside {max-width: 100%; margin: 0; padding: 0;} #top .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth) > .container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container {max-width: 1280px;padding-left: 0; padding-right: 0;} #zone-hebergements .container {max-width: 100%; padding-left:16%;} .color-accent, .color-accent p, .color-accent i, .color-accent h1, .color-accent h2, .color-accent h3, .color-accent h4, .color-accent h5, .color-accent h6, .color-accent a:not(.link-white) {color: #DEB660;} .ce_gallery .content {background: rgba(222,182,96,0.80);} .swiper-pagination-bullet-active {background: #DEB660;opacity: 1;} .mod_breadcrumb {border-top: 0;border-bottom: 0;position: relative;margin-top: -35px;} .mod_breadcrumb .mod_breadcrumb_inside {max-width: 1290px !important;} .mod_breadcrumb_inside a {color: #2a3143;} .mod_breadcrumb ul {background-color: rgba(222,182,96,0.95);padding-left: 20px !important; padding-right: 20px !important;} /********** RGPD **********/ #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {color: #ffffff !important}#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {background: rgba(0, 0, 0, 0.2) !important;}#tarteaucitron #tarteaucitronServices .tarteaucitronHidden, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden {background: rgba(0, 0, 0, 0.07) !important}#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {border-color:#002C3D !important}#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitron #tarteaucitronServices .tarteaucitronLine {background: rgba(0, 0, 0, 0.1) !important}#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b, #tarteaucitronAlertSmall #tarteaucitronCookiesNumber, #tarteaucitronAlertSmall #tarteaucitronManager, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle b, #tarteaucitron #tarteaucitronInfo a, #tarteaucitron h1,#tarteaucitron .tarteaucitronTitle button {color:#ffffff !important} #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, #tarteaucitronAlertBig, #tarteaucitronAlertSmall, .tac_activate, .tac_activate .tac_float, .tac_activate .tac_float b, #tarteaucitron #tarteaucitronClosePanel, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle:hover, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover, div#tarteaucitronServices {background: #032D3E !important;color:#ffffff !important}html body #tarteaucitronRoot #tarteaucitronAlertBig span{color:#ffffff!important}html body #tarteaucitronRoot #tarteaucitronPrivacyUrl{background-color:#41e079!important}html body #tarteaucitronRoot #tarteaucitronPrivacyUrl{color:#ffffff!important}html body #tarteaucitronRoot button.tarteaucitronAllow{background-color:#12b383!important}html body #tarteaucitronRoot button.tarteaucitronAllow{color:#fff!important}html body #tarteaucitronRoot li.tarteaucitronLine.tarteaucitronIsAllowed{border-color:#12b383!important}html body #tarteaucitronRoot #tarteaucitronDotGreen{background-color:#12b383!important}html body #tarteaucitronRoot button.tarteaucitronDeny{background-color:#b83b3b!important}html body #tarteaucitronRoot button.tarteaucitronDeny{color:#fff!important}html body #tarteaucitronRoot li.tarteaucitronLine.tarteaucitronIsDenied{border-color:#b83b3b!important}html body #tarteaucitronRoot #tarteaucitronDotRed{background-color:#b83b3b!important} div#tarteaucitronInfo {border-color: #00161F !important;} #tarteaucitronRoot #tarteaucitronAlertBig {padding: 5px 5% !important;width: 90% !important;} #tarteaucitronAlertBig {background: #1A1F2A !important;} #tarteaucitronAlertBig #tarteaucitronPersonalize {color: #fff !important; background: #DEB660 !important;text-transform: uppercase !important;font-size: 0.9em !important; color: #303740 !important;} #tarteaucitronAlertBig #tarteaucitronCloseAlert {background: #fff !important;color: #303740 !important;text-decoration: none;} #tarteaucitronPercentage {background: #2A2A2A !important;} .tarteaucitronOpenPanel {cursor: pointer} #tarteaucitronRoot div#tarteaucitron {top:10px !important;} .rgpd p {font-size: 0.95em; text-align: left;line-height: normal;} .widget-checkbox.rgpd {margin-bottom: 0px;} .widget-checkbox.rgpd fieldset {margin-top: 20px;margin-bottom: 0px;padding: 0px;border: 0px solid rgba(0,0,0,0.2); background-color: transparent !important;} /********** FIN RGPD **********/ /*-- HEADER --*/ .header {background: transparent;position: absolute;} .logos {width: 265px;margin: auto;margin-right: 0;top: 0px;background-color: #2a3143;padding: 10px 10px 10px 10px;} .header .logos {line-height: 0px;} .header.cloned {box-shadow: 0 0 0px 0px rgba(0,0,0,0);} .header.cloned .logos {display: none;} .header.cloned .mainmenu.tarifs ul li.tarifs:before {top: 21px;} .header.cloned .mainmenu {height: auto; background-color: rgba(255,255,255,1); border-bottom: solid 1px #DEB660;border-left: solid 1px #DEB660;} .header.cloned .mainmenu.tarifs ul li.tarifs {height: 71px;} /*--- LIENS BOUTONS ---*/ .ce_hyperlink a , .back a {border: 1px solid;background: transparent;border-color: #2a3143;color: #2a3143;text-transform: uppercase;font-weight: 600;font-size: 0.95em; letter-spacing: 0.04em; padding-right: 60px;} .ce_hyperlink a:hover, .back a:hover {background: #2a3143; color: #DEB660; opacity: 1;} .ce_hyperlink a:after {content: "";position: absolute;top: 18px;right: 15px;width: 30px;height: 15px;background-image: url(../images/arrow-link-02.svg);} .ce_hyperlink a:hover:after {background-image: url(../images/arrow-link-01.svg);} .ce_hyperlink.btn-accent a {border: 1px solid;background: transparent;border-color: #DEB660;color: #DEB660;text-transform: uppercase;font-weight: 600;font-size: 0.95em; letter-spacing: 0.04em; padding-right: 60px;} .ce_hyperlink.btn-accent a:hover {background: #DEB660; color: #2A3143; opacity: 1;} .ce_hyperlink.btn-accent a:after {content: "";position: absolute;top: 18px;right: 15px;width: 30px;height: 15px;background-image: url(../images/arrow-link-01.svg);} .ce_hyperlink.btn-accent a:hover:after {background-image: url(../images/arrow-link-02.svg);} .back a {padding: 10px 20px;} /*---- MENU ---*/ .header .mainmenu {background-color: #fff;width: 100%;height: 101px;} .mainmenu ul { text-align: center;} .mainmenu ul li {margin-left: 3.3%; margin-right: 3.3%;} .mainmenu ul li a {text-transform: uppercase;font-size: 0.9em;font-weight: 600;color: #2a3143;letter-spacing: 0.04em;} .mainmenu ul li a:hover {color: #C59E4B; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s;} .header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active { color: #C59E4B} .mainmenu ul li.tarifs {display: none;} .mainmenu.tarifs ul li.tarifs {display: block; background-color: #e0b663; color: #fff;height: 101px; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s;} .mainmenu.tarifs ul li.tarifs:hover, .mainmenu.tarifs ul li.active.tarifs {background-color: #2a3143;} .mainmenu.tarifs ul li.tarifs a {color: #fff;padding-left: 35px;} .mainmenu.tarifs ul li.tarifs a:hover, .mainmenu.tarifs ul li.active.tarifs a {color: #fff; opacity: 1;} .mainmenu.tarifs ul li.tarifs:before {content: "";position: absolute;top: 36px;left: 30px;width: 25px;height: 25px;background-image: url(../images/calendar-01.svg);} /*--- sous-menu ---*/ .mainmenu ul ul {border-top: 2px solid #fff;background: #2a3143;color: #fff;padding-bottom: 10px;z-index: 999999;padding-top: 10px;} .mainmenu ul ul li {width: 100%;} .mainmenu ul ul li a {color: #ffffff!important;font-size: 1em;border-bottom: 0;padding: 6px 30px!important;} .mainmenu ul ul li a:hover {opacity: 1;} .header .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu), .header .mainmenu ul ul li a.active, .header .mainmenu ul ul li a.trail:not(.megamenu) {color: #2a3143!important;background: #DEB660;} /*---- SLIDER ---*/ .tp-loader, .tp-bannertimer, .tp-arr-imgholder {display:none !important;} /*--- PRESENTATION ---*/ .zone-presentation {position: relative !important;top: -110px;} .bg-bleu {background-color: #2a3143;} .zone-presentation .custom_grid_25.grid_30_40_30.d_15_70_15 {max-width: 100%;margin-left: 0 !important;margin-right: 0 !important;} /*--- SCROLL ---*/ #linkToContent {position: absolute;top: -20px; left: 45px; z-index:999999;} a#linkToContent {text-decoration: none; text-transform: uppercase; animation-name: bounceIn; animation-duration: 800ms; animation-timing-function: linear; animation-fill-mode: forwards; } #linkToContent .wheel {display: block; margin-left: 30px; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #linkToContent:before {content: "";z-index: 9;position: absolute;top: 20px;left: 25px;width: 35px;height: 78px;background-image: url("../images/scroll-01.svg");} #linkToContent:after {content: "";position: absolute;top: 20px;left: 10px;width: 65px;height: 550px;background: #DEB660;} /*--- NOS HERBERGEMENTS ---*/ div#zone-hebergements {padding-top: 60px;margin-top: -60px;} #zone-hebergements .container {padding-top: 0;padding-right: 0;} /* Slider swiper */ #zone-hebergements #nav {position: absolute;bottom: 5px;left: 93px;} .ce_swiper-slider-start:after {content: "";position: absolute;bottom: 100px;left: 0;width: 16%;height: 80px;background: #2a3143;} .swiper-button-next {background: #2a3143;width: 93px;height: 80px; opacity: 1!important;position: absolute;right: -93px;} .swiper-button-prev {background: #2a3143;width: 93px;height: 80px;opacity: 1!important;position: absolute;left: -93px;} .swiper-button-next:hover, .swiper-button-prev:hover {background: #2a3143;} .swiper-button-next:after { content: "";background-image: url(../images/right-swiper-01.svg);width: 38px;position: absolute;height: 38px;top: 28%;left: 30%;} .swiper-button-prev:after {content: "";background-image: url(../images/left-swiper-01.svg);width: 38px;position: absolute;height: 38px;top: 28%;left: 30%;} .ce_linkbox.version5 .content .headline {font-family: 'Merriweather', serif !important;} /*--- ACTUALITES ---*/ .mod_portfoliolist_teaser_2 {margin-top: 25px;} .mod_portfoliolist_teaser_2 .item {background: transparent;} .mod_portfoliolist_teaser_2 .item .content {color: #fff;} .mod_portfoliolist_teaser_2 .item .title {text-transform: inherit; color: #fff;} .mod_portfoliolist_teaser_2 .item .teaser {margin-top: 15px;} .mod_portfoliolist_teaser_2 .date {position: absolute;right: 0;top:0;color: #2a3143;background: #DEB660;padding: 10px 20px;text-align: center;line-height: 1.3;} .mod_portfoliolist_teaser_2 .date .day {font-size: 2em;line-height: 1.733rem;font-weight: 700;} .mod_portfoliolist_teaser_2 .date .month {display: block;text-transform: uppercase;font-size: 0.8em;font-weight: 700;} .mod_portfoliolist_teaser_2 .date .year {display: block;font-size: 0.8em;font-weight: 700;} .actu {background-size: 300px !important;background-position-y: 335px !important;} .mod_portfoliolist_teaser_2 .item .hyperlink {background: transparent;padding: 0;font-size: 0.9em;font-weight: inherit; margin-top: 0;} .mod_portfoliolist_teaser_2 .item .hyperlink a {color: #e0b663; letter-spacing: 0.04em;font-weight: 600; display: block;padding: 10px 10px 10px 0;} .mod_sharebuttons h6 {float: left;margin-right: 15px;margin-bottom: 0; margin-top: 4px;} .mod_sharebuttons {float: right;} /* Slider actu */ .actu .swiper-container-horizontal .swiper-pagination {display: none;} .actu #nav {position: absolute;bottom: 40px;right: 93px;z-index: 99999} .actu .swiper-button-next, .actu .swiper-button-prev {background: #e0b663;} .actu .swiper-button-next:after { content: "";background-image: url(../images/right-swiper-02.svg);width: 38px;position: absolute;height: 38px;top: 28%;left: 30%;} .actu .swiper-button-prev:after {content: "";background-image: url(../images/left-swiper-02.svg);width: 38px;position: absolute;height: 38px;top: 28%;left: 30%;} .actu .mod_newslist:after {content: "";position: absolute;bottom: 0px;right: 0;width: 17%;height: 80px;background: #e0b663;} /*--- ALENTOURS ---*/ .alentours {overflow: hidden;} .alentours .ce_bgimage.img-rightside-50 .ce_bgimage-image {right: -25%;overflow: hidden;} .alentours .ce_text {padding-right: 10%} /*--- FOOTER ---*/ #footer {background: #fff; border-top: 8px solid #e0b663;} #footer {background-image: url(../images/illustration-footer-01.svg);background-repeat: no-repeat;background-size: 350px;background-position: right bottom;} #footer .totop:before {display: none;} #footer .mod_article:not(.fullwidth) > .container, #bottom .mod_article:not(.fullwidth) > .container {padding: 0;} #footer h4, #footer p, #footer strong, #footer, #footer a {color: #2a3143;} #footer a:hover {color: #e0b663;} #footer p {line-height: normal;} #footer .logo-footer img {margin-right: 10%;} #footer li {padding-bottom: 0px;font-size: 1.1em;margin-bottom: 5px;} #footer li:after {display: none;} #footer li:before {margin-top: 0px;} #footer .mod_socials a {color: #fff;} #footer .mod_socials a i {background: #2a3143;} #bottom {background: #273142;} #bottom .inside {padding-left: 20px; padding-right: 20px;} #bottom p{margin: 0; color:#e0b663; text-align: center;} #bottom .inside a {color:#e0b663;} #bottom .inside a:hover {color:#fff; text-decoration: none !important;border-bottom: 0px ;} #top_link a {background: #DEB660;box-shadow: 0 0 25px 0 rgba(0,0,0,0.04);border: 0px; color: #2a3143;} /**************************************/ /* PAGES INTER /**************************************/ .inter div#zone-hebergements {padding-top: 60px;margin-top: 0px;} .inter .mod_article:not(.fullwidth) > .container {padding-top: 60px;} .inter .boxed-content .contentwrap {padding-left: 40px; padding-right: 40px;} .inter .ce_bgimage-outer .ce_text {text-align: justify;} .inter .actu .mod_newslist:after {display: none;} /* OPENSYSTEM */ body .OsMoteur a.OsMoteurBtnRecherche, body .OsMoteur a.OsMoteurBtnRecherche:link, body .OsMoteur a.OsMoteurBtnRecherche:active, body .OsMoteur a.OsMoteurBtnRecherche:visited, body .osfiltreesi .btn-recherche, body .OsProduit.api .OsProduitPlanning .BtnReserver {background: #2A3143!important; border-radius: 0 !important;} .OsProduit.api .OsProduitPlanning .OsPlanningForm .FormBox.Prix .PrixValeur {color: #DEB660 !important;} /* RESERVATION */ .booking_engine__cover {display: none !important;} /* Tableau */ .ce_table table {width: 99.9% !important;} .ce_table thead th {background: #2a3143 !important;text-align: center !important;} .ce_table tbody th {background: #DEB660 !important;text-align: center !important;} .ce_table th.col_first {/*width: 25% !important;*/ width: auto !important; text-align: center !important; line-height: 1.4em !important;} .ce_table td {/*width: 25% !important;*/ width: auto !important;text-align: center !important;} .ce_table caption {font-size: 1.8em;font-weight: 600;margin-bottom: 20px;margin-top: 40px;} .ce_table .table-striped td, .ce_table .table-striped td, .ce_table .table-striped th {line-height: normal;/*width: 10% !important;*/ width: auto !important;height: inherit !important;} .ce_table table td p {font-size: 1em;} .ce_table tr {height: 20px !important;} .ce_table td.col_first {border-right: 1px solid #1F2C3A !important; /*width: 15% !important;*/ width: auto !important;} /* Formulaire */ #formulaire ::-webkit-input-placeholder {color: #2a3143;} #formulaire :-moz-placeholder { /* Firefox 18- */color: #2a3143;} #formulaire ::-moz-placeholder { /* Firefox 19+ */color: #2a3143;} #formulaire :-ms-input-placeholder {color: #2a3143;} #formulaire input::-webkit-input-placeholder {color: #2a3143 !important;} #formulaire input:-moz-placeholder {color: #2a3143 !important;} #formulaire input::-moz-placeholder {color: #2a3143 !important;} #formulaire input:-ms-input-placeholder {color: #2a3143 !important;} #formulaire textarea::-webkit-input-placeholder {color: #2a3143 !important; font-size: 1em !important; } #formulaire textarea:-moz-placeholder {color: #2a3143 !important;font-size: 1em !important; } #formulaire textarea::-moz-placeholder {color: #2a3143 !important;font-size: 1em !important; } #formulaire textarea:-ms-input-placeholder {color: #2a3143 !important;font-size: 1em !important; } #formulaire form.style8 {margin-top: 0px;} #formulaire form.style8 input, form.style8 select, form.style8 textarea {font-family: 'Open Sans', sans-serif;font-size: 1em; color: #2a3143;} #formulaire form.style8 textarea {height: 175px; resize: vertical;} #formulaire {padding: 20px 0px;} #formulaire input:focus, #formulaire input:hover, #formulaire select:focus, #formulaire select:hover {border: 1px solid #DEB660;} form fieldset legend {background-color: #DEB660;} form fieldset {margin-bottom: 10px; padding-bottom: 0;background-color: #efefef;} form.style8 .formbody {background: #E5E5E5;} #formulaire .widget-textarea textarea {font-family: 'Open Sans', sans-serif;padding-left: 20px; padding-right: 20px; color: #2a3143; margin-top: 20px; font-size: 1em; } #formulaire textarea:focus, #formulaire textarea:hover {border: 1px solid #DEB660 !important;} #formulaire form p.error {color: #DEB660;} #formulaire .formbody .submit {border: 1px solid;background: transparent;border-color: #2a3143;color: #2a3143;text-transform: uppercase;font-weight: 600;font-size: 0.95em; letter-spacing: 0.04em; padding-right: 60px; margin-top: 20px;} #formulaire .formbody .submit:hover {background: #2a3143; color: #DEB660; opacity: 1;} #formulaire .formbody .submit:after {content: "";position: absolute;top: 16px;right: 15px;width: 30px;height: 15px;background-image: url(../images/arrow-link-02.svg);} #formulaire .formbody .submit:hover:after {background-image: url(../images/arrow-link-01.svg);} form span.mandatory {color: #DEB660;} /* GOOGLE MAP */ #map .dlh_googlemap {margin-top: 20px;width: 100% !important; height: 450px !important;} #map .dlh_googlemap input {padding: 8px;width: 150px;} #map a.btn {margin-top: 0;padding: 5px !important;} #map input.submit {background-color: #2a3143 !important;border-color: #2a3143 !important;border-width: 2px !important; border: solid; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 1em !important; font-weight: 800 !important; color: #fff !important; padding: 6px 12px !important; margin-top: 10px; margin-left: 5px;width: auto; min-width: inherit; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #map input:focus {border: 1px solid #DEB660;} /**************************************/ /* media queries /**************************************/ @media screen and (max-width: 1680px) { .zone-presentation .custom_grid_25.grid_30_40_30.d_15_70_15 {grid-template-columns: 10% 76% 15%;} .header .custom_grid_15.grid_30_40_30.d_30_55_15 {grid-template-columns: 25% 60% 15%;} #zone-hebergements .container {padding-left: 11%;} #linkToContent .wheel {margin-left: 10px;} #linkToContent:before {left: 5px;} #linkToContent:after {left: -10px;} .mainmenu.tarifs ul li.tarifs:before {left: 20px;} .alentours .ce_bgimage.img-rightside-50 .ce_bgimage-image {right: -15%;} } @media screen and (max-width: 1600px) { .zone-presentation .custom_grid_25.grid_30_40_30.d_15_70_15 {grid-template-columns: 8% 78% 15%;} #zone-hebergements .container {padding-left: 9%;} #linkToContent .wheel {margin-left: -10px;} #linkToContent:before {left: -15px;} #linkToContent:after {left: -30px;} h1, .h1, .h1 p {font-size: 2.8em;} .mainmenu.tarifs ul li.tarifs:before {left: 15px;} .alentours .ce_bgimage.img-rightside-50 .ce_bgimage-image {right: -10%;} } @media screen and (max-width: 1440px) { .header .custom_grid_15.grid_30_40_30.d_30_55_15 {grid-template-columns: 20% 63% 17%;} .zone-presentation .custom_grid_25.grid_30_40_30.d_15_70_15 {grid-template-columns: 4% 91% 7%;} #zone-hebergements .container {padding-left: 5%;} .mainmenu ul li {margin-left: 2.8%;margin-right: 2.8%;} a#linkToContent {display: none;} .alentours .ce_bgimage.img-rightside-50 .ce_bgimage-image {right: -4%;} } @media screen and (max-width: 1368px) { #top .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth) > .container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container {max-width: 1332px;padding-left: 40px;padding-right: 40px;} #zone-hebergements .container {max-width: 1332px;padding-left: 40px;padding-right: 40px;} .mainmenu ul li {margin-left: 2.5%;margin-right: 2.5%;} .header .custom_grid_15.grid_30_40_30.d_30_55_15 {grid-template-columns: 265px 63% 18%;} .zone-presentation .custom_grid_25.grid_30_40_30.d_15_70_15 {grid-template-columns: 0 100% 0;padding-left: 40px;padding-right: 40px;} .zone-presentation .column.col_4 {padding-left: 80px !important;padding-right: 0 !important;} .alentours .contentwrap {padding-left: 0;} .actu {background-position-y: 310px !important;} .mod_breadcrumb .mod_breadcrumb_inside {padding-left: 20px;padding-right: 20px;} } @media screen and (max-width: 1280px) { .mainmenu ul li {margin-left: 1.5%;margin-right: 1.5%;} .header .custom_grid_15.grid_30_40_30.d_30_55_15 {grid-template-columns: 265px 60% 19%;} .actu {background-position-y: 290px !important;} .mod_breadcrumb .mod_breadcrumb_inside {padding-left: 40px;padding-right: 40px;} } @media screen and (max-width: 1240px) { .header .custom_grid_15.grid_30_40_30.d_30_55_15 {grid-template-columns: 265px 59% 19.5%;} .ce_hyperlink.btn-accent a {letter-spacing: 0;} h1, .h1, .h1 p, .ce_headline_extended h2 {font-size: 2.5em;} /* MENU MOBILE */ #nav-open-btn {display: block; position: absolute;height: 80px;width: 80px; float: right; right: 40px; top: 0px; margin-top: 0;} #nav-open-btn:before {background: #DEB660 !important;color: #2a3143 !important;font-size: 32px;line-height: 80px;height: 80px;width: 80px;} #nav-open-btn:after {content: "MENU";position: absolute;top: -37px;right: 20px;z-index: 99;color: #2a3143;font-size: 0.9em;font-weight: 600;} #stickyheader #nav-open-btn:after {top: -20px;} a#nav-open-btn {text-decoration: none;} .mm-menu {background: #1A1F2A;color: #fff;} .mm-menu li {color: #fff;font-size: 1.2em;} body .mm-menu a.active, body .mm-menu a.trail, body .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), body .mm-menu .mm-listview > li.mm-selected > span, body .mm-menu .mm-listview > li.trail a {background: #DEB660 !important;color: #fff;} body .mm-menu a:hover {background:#DEB660 !important} .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {color: #fff;} .mm-listview .mm-next, .mm-btn.mm-prev {background: #2a3143;} .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {border-color: #fff;} .zone-presentation .column.col_4, .zone-presentation .column.col_8 {padding-left: 60px !important;padding-right: 60px !important;flex: 100%;max-width: 100%;} .zone-presentation .attributes {padding: 60px !important;} .zone-presentation .ce_hyperlink {margin-top: 30px;} #zone-hebergements #nav {bottom: 5px;} #zone-hebergements .swiper-container {padding-bottom: 80px;} #zone-hebergements .ce_swiper-slider-start:after, .actu .mod_newslist:after {display: none;} #footer p {font-size: 1em;} .actu.mod_article.ol-bg-white .article-overlay {background: rgba(42,49,67,1) !important;} .actu {background-image: none !important;} #footer {background-size: 300px;background-position: 0px bottom !important;} .actu .mod_portfoliolist_teaser_2 .item .content {padding-top: 0px; padding-bottom: 140px} } @media screen and (max-width: 1024px) { .rs-container.fullscreen.block {height: 500px !important;} .logos {margin-left: 40px;position: absolute;} .header .custom_grid_15.grid_30_40_30.d_30_55_15 {grid-template-columns: 0;} #zone-menu, #zone-rest {display: none;} /* MENU MOBILE */ #nav-open-btn {display: block; position: absolute;height: 80px;width: 80px; float: right; right: 40px; top: 0px; margin-top: 0;} #nav-open-btn:before {background: #DEB660 !important;color: #2a3143 !important;font-size: 32px;line-height: 80px;height: 80px;width: 80px;} #nav-open-btn:after {content: "MENU";position: absolute;top: -37px;right: 20px;z-index: 99;color: #2a3143;font-size: 0.9em;font-weight: 600;} #stickyheader #nav-open-btn:after {top: -20px;} a#nav-open-btn {text-decoration: none;} .mm-menu {background: #1A1F2A;color: #fff;} .mm-menu li {color: #fff;font-size: 1.2em;} body .mm-menu a.active, body .mm-menu a.trail, body .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), body .mm-menu .mm-listview > li.mm-selected > span, body .mm-menu .mm-listview > li.trail a {background: #DEB660 !important;color: #fff;} body .mm-menu a:hover {background:#DEB660 !important} .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {color: #fff;} .mm-listview .mm-next, .mm-btn.mm-prev {background: #2a3143;} .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {border-color: #fff;} .zone-presentation .column.col_4, .zone-presentation .column.col_8 {padding-left: 60px !important;padding-right: 60px !important;flex: 100%;max-width: 100%;} .zone-presentation .attributes {padding: 60px !important;} .zone-presentation .ce_hyperlink {margin-top: 30px;} #zone-hebergements #nav {bottom: 5px;} #zone-hebergements .swiper-container {padding-bottom: 80px;} #zone-hebergements .ce_swiper-slider-start:after, .actu .mod_newslist:after {display: none;} #footer p {font-size: 1em;} .actu.mod_article.ol-bg-white .article-overlay {background: rgba(42,49,67,1) !important;} .actu {background-image: none !important;} #footer {background-size: 300px;background-position: 0px bottom !important;} .actu .mod_portfoliolist_teaser_2 .item .content {padding-top: 0px; padding-bottom: 140px} } @media screen and (max-width: 800px) { #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {font: 13px verdana !important; text-align: left !important;} .m_100 {grid-template-columns: 100%;} .m_50_50 {grid-template-columns: 50% 50%;} .mod_portfoliolist_teaser_2 .content {width: 100%;padding-top: 40px !important;} .mod_portfoliolist_teaser_2 .image_container {width: 100%;} p, #main li {font-size: 1em;} .news-full, #footer li:before {display: none;} .zone-presentation .attributes {padding: 40px 20px !important} #footer .logo-footer img {margin-right: 0;width: 300px;margin: auto;} #footer .inside {text-align: center;} #footer h4 {margin-top: 40px;} #footer li {padding-left: 0;} .ce_gallery .swiper-container {margin-top: 60px;} .mod_newsreader p.back {display: block;margin-top: 40px;} } @media only screen and (max-width: 768px){ } @media only screen and (max-width: 767px){ .header.cloned {display: none;} .ce_hyperlink a, .back a {display: inline-block;} #footer h4 {margin-top: 10px;} .logos {margin-left: inherit;} #nav-open-btn {right: 20px;} .zone-presentation .column.col_4, .zone-presentation .column.col_8 {padding-left: 0px !important;padding-right: 0px !important;} .zone-presentation .ce_hyperlink {margin-top: 0;} .zone-presentation .custom_grid_25.grid_30_40_30.d_15_70_15 {grid-template-columns: 0 100% 0;padding-left: 0px;padding-right: 0px;} .zone-presentation {top: 0;} .actu .mod_portfoliolist_teaser_2 {margin-top: 0px;} .alentours .ce_bgimage-inside, #main .mod_article.alentours .ce_bgimage .ce_bgimage-inside {padding: 0 !important;margin-left: 0 !important;margin-right: 0 !important;max-width: 100% !important;} .home .alentours {margin-bottom: 80px;} .ce_gallery .swiper-container {margin-top: 30px;} .inter .alentours .ce_bgimage-inside, .inter #main .mod_article.alentours .ce_bgimage .ce_bgimage-inside {padding: 30px !important;} .alentours .ce_text {padding-right: 0;} } @media only screen and (max-width: 600px){ #footer {background-size: 260px;background-position: 0px bottom !important;} .mod_portfoliolist_teaser_2 .item .content {padding-left: 0 !important;padding-right: 0 !important;} .mod_sharebuttons {float: left;display: block;margin-top: 20px;margin-bottom: 30px;} /* scroll table */ .ce_table.overflow {overflow-x: scroll;} /* !important is needed sometimes */ .ce_table::-webkit-scrollbar { width: 12px !important; } /* Track */ .ce_table::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; } /* Handle */ .ce_table::-webkit-scrollbar-thumb { -webkit-border-radius: 10px !important; border-radius: 10px !important; background: #2A3143 !important; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; } .ce_table::-webkit-scrollbar-thumb:window-inactive { background: #2A3143 !important; } } @media only screen and (max-width: 480px){ } @media only screen and (max-width: 414px){ html body #tarteaucitronRoot #tarteaucitronAlertBig span {line-height: 1.4em !important;display: block;margin-bottom: 8px;} .rs-container.fullscreen.block {height: 400px !important;} #footer {background-size: 190px;} #footer .logo-footer img {width: 260px;} .inter .alentours .ce_bgimage-inside, .inter #main .mod_article.alentours .ce_bgimage .ce_bgimage-inside {padding: 20px !important;} h1, .h1, .h1 p, .ce_headline_extended h2 {font-size: 2.3em;} h1, .h1, .h1 p {margin-bottom: 25px;} .mod_portfoliolist_teaser_2 .item .title {font-size: 1.4rem;} } @media only screen and (max-width: 375px){ .logos {width: 230px;} h1, .h1, .h1 p, .ce_headline_extended h2 {font-size: 2.2em;} #footer {background-size: 180px;} } @media only screen and (max-width: 360px){ form.style8 .formbody {padding: 15px 15px;} #nav-open-btn {right: 0px;} h1, .h1, .h1 p, .ce_headline_extended h2 {font-size: 2.1em;} } @media only screen and (max-width: 320px){ .logos {width: 200px;} #footer {background-size: 170px;} }