/* Theme Name: Template Moulin du Bleufond Theme URI: https://www.bleufond.com/ Description: Theme Moulin du Bleufond Version: 2.0 Author: Elodie B. Author URI: https://www.elodieberger.com/ Text Domain: Moulin du Bleufond */ /* GENERAL */ html {font-size: 10px;} body {margin: 0;font-size: 16px;line-height: 1.5; color: #646464; background-color: #f3f0eb; font-family: 'Roboto', Arial, sans-serif;font-weight:400;} p, ul, table {font-size: 1em;margin-bottom:1em;} a {color: #bf0f7c;} a:hover, a:focus {} b, strong {font-weight:700;} h1, .h1 {color: #328de6; font-size: 1.4em; margin-bottom: .8em;font-weight:700;padding-top: .5em;position: relative;} h1:before, .h1:before {content: "";width: 18px;height: 17px; background: url("images/star.webp") no-repeat 0 0;position: absolute; top: 0; left: -12px;background-size: 14px auto;} h2 {color: #328de6; font-size: 1.2em; margin-bottom: .5em;font-weight: 700;} h3 {color: #328de6; font-size: 1.1em; margin-bottom: .6em;font-weight: 700;} @media (min-width: 480px) { h1, .h1 {font-size: 1.75em;} h2 {font-size: 1.5em;} h3 {font-size: 1.2em;} } @media (min-width: 768px) { h1, .h1 {font-size: 2.3em;} h1:before, .h1:before {left: -24px;background-size: auto auto;} } @media (min-width: 992px) { h1, .h1 {font-size: 1.9em;} h2 {font-size: 1.875em;} h3 {font-size: 1.35em;} } @media (min-width: 1200px) { h1, .h1 {font-size: 2.3em;} } table{width:100%;border:0;max-width:100%;} table td, table th {padding:.5em .9em;vertical-align:middle; border: 1px solid #f3f0eb;font-size: .9em;background-color: #fff;} table thead th, table thead td {padding:.6em .9em;vertical-align: middle; background-color: #328de6; color: #fff;} .table-camping td {border-color: #fff;} .list-unstyled, .list-inline, .list-custom {padding-left: 0; list-style: none;} .list-inline li {display: inline-block; } .list-inline li:not(:last-child) {margin-right: 5px;} .m-text ul {padding-left: 0; list-style: none;} .m-text li {position: relative; padding-left: .8em;margin-bottom: .1em;} .m-text li:before {position: absolute;content: ""; width: 4px; height: 4px; border-radius: 50%;left: 1px; top: 9px;background-color: #00b0f0;} .m-text .list-unstyled li {padding-left: 0;} .m-text .list-unstyled li:before {content: none;} .m-text blockquote {font-size: 1.2em; font-family: Georgia, Times, 'Times New Roman', serif; font-style: italic; border-left: 3px solid #328de6; padding-left: 20px;color: #328de6;} hr {border-top: 1px solid rgba(0, 0, 0, 0.1);} .c--pink {color: #bf0f7c;} .sep {clear: both; display: block;border-top: 1px solid rgba(0, 0, 0, 0.1); margin: 2em 0;} .esp {clear: both; display: block;} .has-transi {-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;} .alert {padding: .6em .9em;} .alert--white {background-color: #fff;} .alert--light {background-color: #f3f0eb;} .alert--purple {background-color: #328de6;color: #fff;} .alert--pink {background-color: #bf0f7c;color: #fff;} .alert--blue {background-color: #00b0f0;color: #fff;} .bg--white {background-color: #fff;} .btn, #submit {padding: .4em 1.4em; font-size: 17px; text-align: center; color: #fff; border: 0; margin-bottom: 0; text-decoration: none; background-color: #bf0f7c; border-radius: 20px; display: inline-block; cursor: pointer; background-image: none; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .btn:hover, .btn:focus, #submit:hover, #submit:focus {color: #fff;background-color: #9b0b64;text-decoration: none;} .btn--purple {background-color: #328de6;} .btn--purple:hover, .btn--purple:focus {background-color: #4f2f67;} .btn--blue {background-color: #00b0f0;} .btn--blue:hover, .btn--blue:focus {background-color: #0096cd;} .btn--sm {padding: .3em 1.3em; font-size: 14px;} .btn--outline {color: #646464; background-color: transparent; border: 1px solid #bf0f7c; font-size: 16px;padding: .2em 1.6em;} .btn--outline:hover {background-color: #bf0f7c;color: #fff;} @media (min-width: 480px) { .btn, #submit {font-size: 20px;} .btn--sm {font-size: 16px;} } /* ******************************* HEADER */ .page-header {background: #328de6; z-index: 999;position: fixed; left: 0; top: 0; right: 0;} .page-header > .container {position: relative;} .header-logo {position: absolute; left: -1px; top: 0;width: 170px;z-index: 999;} .page-header-scroll .header-logo {width: 104px; background-color: #f0f0fa;} .header-logo a {display: inline-block;} .header-logo a:hover, .header-logo a:focus {text-decoration: none;} @media (max-width: 991px) { .header-logo {-webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} } @media (min-width: 992px) { .page-header-top {position: absolute;} .page-header-scroll {position: fixed;} .header-logo {width: 230px;} .page-header-scroll .header-logo {width: 111px;} } @media (min-width: 1200px) { .header-logo {width: 290px;} } .header-languages {padding: 10px 0;} .languages-dropdown ul {margin: 0;padding: 0; list-style: none;} .languages-dropdown ul li {display: block;position: relative;} .languages-dropdown ul li a {display: block;border-radius: 5px;} .languages-dropdown ul li a:hover {background-color: rgba(255, 255, 255, .6); text-decoration: none;} /* ******************************* NAV */ .main-nav {position: relative;z-index: 998;line-height: 1.4;} .main-nav ul {margin: 0; padding: 0;} ul.nav-menu a {display: block;color: #fff;} ul.nav-menu {margin: 0;} ul.nav-menu li { display:block;position: relative;} ul.nav-menu a:hover, ul.nav-menu a:focus {text-decoration: none;} .nav-toggle {display: block;margin-left: 25px;} .nav-icon {width: 52px; height: 46px; padding: 1px 10px; cursor: pointer; background-color: #2677c6;} .nav-icon:after, .nav-icon:before, .nav-icon div {background-color: #fff; -webkit-border-radius: 3px; border-radius: 3px; content: ''; display: block; height: 5px; margin: 7px 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .nav-toggle.is-open .nav-icon:before {transform: translateY(12px) rotate(135deg); -webkit-transform: translateY(12px) rotate(135deg); } .nav-toggle.is-open .nav-icon:after {transform: translateY(-12px) rotate(-135deg); -webkit-transform: translateY(-12px) rotate(-135deg); } .nav-toggle.is-open .nav-icon div {-moz-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } @media (max-width:991px) { #nav {display: none;} body.nav-is-open {overflow: hidden;} .main-nav {position: fixed; top: 46px; left: 0; right: 0; bottom: 0; overflow-y:scroll;background-color: #2677c6;padding: 30px 0 70px;text-align: center;} ul.nav-menu li a:hover {background-color: rgba(255, 255, 255, .1);} ul.nav-menu > li {margin-bottom: 1.2em;} ul.nav-menu > li > a {padding: 10px 5px;font-weight: 700; text-transform: uppercase;font-size: 18px;} ul.nav-menu .sub-menu a {padding: 5px 10px;opacity: .7;} } @media (min-width:992px) { .main-nav {display: block !important;margin: 0 20px 0 250px;flex: 1;} ul.nav-menu > li {display: inline-block;} ul.nav-menu > li > a {padding: 13px 8px;} ul.nav-menu li > a:hover, .nav-menu li:hover > a {background: #2677c6; text-decoration: none; color: #fff;} ul.nav-menu li.menu-item-has-children > a:after {margin-left: 10px; width: 9px; height: 18px; vertical-align: middle; position: relative; top: -1px;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;} ul.nav-menu ul.sub-menu {top: 48px; background: #2677c6; width: 240px; position: absolute; left: -999em;z-index: 999;} ul.nav-menu li:hover > ul.sub-menu {left: 0;} ul.nav-menu ul.sub-menu li {border-top: 1px solid rgba(255, 255, 255, .2);font-size: .9em;} ul.nav-menu ul.sub-menu a {padding: 12px 15px;} ul.nav-menu ul.sub-menu li:hover a, ul.nav-menu ul.sub-menu a:hover, ul.nav-menu ul.sub-menu a:focus {background-color: #1e66ad;} } @media (min-width:1200px) { .main-nav {margin-left: 310px;} ul.nav-menu > li {margin: 0 8px;} } /* ******************************* FOOTER */ .page-footer {background: #328de6;padding: 50px 0 80px; color: #fff;} .footer-title {font-weight: 700;margin-bottom: .8em;} .footer-contact {font-size: 0.875em;line-height: 1.7em;color: #ebe8e2;} .footer-contact a {color: #fff;} .footer-downloads li {margin-bottom: .2em;font-size: 0.875em;color: #ebe8e2;} .footer-downloads li a {color: #ebe8e2;} .footer-phone-number {font-weight: 700;margin-bottom: .3em;} .footer-phone-number a {color: #fff;} .footer-phone-hours {font-size: 0.875em;line-height: 1.7em;color: #ebe8e2;} a.footer-payment {display: block;color: #5c4658;font-size: 1.125em;background-color: #ebe8e2; padding: 12px 5px;border-radius: 20px;text-align: center;font-weight: 700;} a.footer-payment:hover {text-decoration: none;background-color: #fff;} .footer-gift a {border: 1px solid #fff;border-radius: 20px; padding: 28px 15px 33px 100px;display: block;color: #fff;background: url("images/icon-gift.webp") no-repeat 12px center;text-align: left;} .footer-gift a:hover {background-color: #2677c6;text-decoration: none;} .footer-gift a strong {display: block;font-size: 1.31em;margin-bottom: 5px;} .footer-gift a span {display: block;font-size: 0.875em;} .footer-reviews {text-align: center;} .footer-reviews > * {display: inline-block;} .footer-mentions {color: #b7d5f1; font-size: 12px;} .footer-mentions a {color: #b7d5f1;} .footer-mentions a:hover, .footer-mentions a:focus {color: #fff; text-decoration: none;} .footer-mentions li:before {content:"-";display: inline-block;margin: 0 10px 0 0;} .footer-mentions li:first-child:before {margin-left: 5px;} @media (max-width: 767px) { .footer-mentions li:first-child:before {content: none;} } @media (min-width: 768px) {} @media (min-width: 992px) { a.footer-payment {font-size: 1em;} .footer-gift a {padding: 46px 30px 20px;background-position: center 15px;background-size: 25px auto;} } @media (min-width: 1200px) { a.footer-payment {font-size: 1.125em;} .footer-gift a {padding: 28px 15px 33px 100px;background-position: 12px center;background-size: auto auto;} } .post-edit-link {position: fixed; top: 50%; left: 0;font-size: 0;z-index: 9999; text-decoration: none !important;} .post-edit-link:before {display:block; font-size: 20px; border: 1px solid #fff; width: 35px; height: 35px; background-color: #000; color: #fff; text-align: center; line-height: 35px; content: "✎";} .post-edit-link:hover:before {background-color: red;} /* ******************************* */ #page {overflow: hidden;padding-top: 46px;} @media (min-width: 992px) { #page {padding-top: 48px;} } .wave {display: block;width: 100%;background-position: center center; background-repeat: repeat-x;} .wave-light-white {background-image: url("images/vague-parme-blanc-xs.webp");height: 26px;} .wave-light-purple {background-image: url("images/vague-parme-violet-xs.webp"); height: 26px;} .wave-white-light {background-image: url("images/vague-blanc-parme-xs.webp"); height: 26px;} .wave-white-purple {background-image: url("images/vague-blanc-violet-xs.webp"); height: 28px;} .wave-purple-light {background-image: url("images/vague-violet-parme-xs.webp"); height: 28px;} .wave-purple-white {background-image: url("images/vague-violet-blanc-xs.webp"); height: 26px;} @media (min-width: 480px) { .wave-light-white {background-image: url("images/vague-parme-blanc-md.webp");height: 42px;} .wave-light-purple {background-image: url("images/vague-parme-violet-md.webp"); height: 42px;} .wave-white-light {background-image: url("images/vague-blanc-parme-md.webp"); height: 42px;} .wave-purple-light {background-image: url("images/vague-violet-parme-md.webp"); height: 44px;} .wave-white-purple {background-image: url("images/vague-blanc-violet-md.webp"); height: 44px;} .wave-purple-white {background-image: url("images/vague-violet-blanc-md.webp"); height: 42px;} } @media (min-width: 768px) { .wave-light-white {background-image: url("images/vague-parme-blanc-lg.webp");height: 66px;} .wave-light-purple {background-image: url("images/vague-parme-violet-lg.webp"); height: 66px;} .wave-white-light {background-image: url("images/vague-blanc-parme-lg.webp"); height: 66px;} .wave-white-purple {background-image: url("images/vague-blanc-violet-lg.webp"); height: 66px;} .wave-purple-light {background-image: url("images/vague-violet-parme-lg.webp"); height: 66px;} .wave-purple-white {background-image: url("images/vague-violet-blanc-lg.webp"); height: 66px;} } @media (min-width: 1200px) { .wave-light-white {background-image: url("images/vague-parme-blanc-xl.webp");height: 86px;} .wave-light-purple {background-image: url("images/vague-parme-violet-xl.webp"); height: 86px;} .wave-white-light {background-image: url("images/vague-blanc-parme-xl.webp"); height: 86px;} .wave-white-purple {background-image: url("images/vague-blanc-violet-xl.webp"); height: 86px;} .wave-purple-light {background-image: url("images/vague-violet-parme-xl.webp"); height: 86px;} .wave-purple-white {background-image: url("images/vague-violet-blanc-xl.webp"); height: 86px;} } .top-page {position: relative;background-color: #fff;} .top-page .col-12 {padding-bottom: 50px;} .top-page:after {content: ""; position: absolute;left: 0;right: 0; bottom: 0;height: 28px; background: url("images/vague1-xs.webp") repeat-x center center; z-index: 10;} @media (min-width: 480px) { .top-page:after {height: 45px; background-image: url("images/vague1-md.webp");} } @media (min-width: 768px) { .top-page:after {height: 64px; background-image: url("images/vague1-lg.webp");} .top-page .col-12 {padding-bottom: 80px;} } @media (min-width: 992px) { .top-page .col-12 {height: 600px;padding-top: 70px;padding-bottom: 120px;} } @media (min-width: 1200px) { .top-page:after {height: 103px; padding-top: 90px; background-image: url("images/vague1-xl.webp");} .top-page .col-12 {height: 700px;} } .top-slider {height: 350px;position: relative;z-index: 2;} .top-slider:after {content: ""; position: absolute;left: 0;right: 0; bottom: -2px;height: 28px; background: url("images/vague6-xs.webp") repeat-x center center; z-index: 10;} @media (min-width: 480px) { .top-slider {height: 500px;} .top-slider:after {height: 44px; background-image: url("images/vague6-md.webp");} } @media (min-width: 768px) { .top-slider:after {height: 69px; background-image: url("images/vague6-lg.webp");} } @media (min-width: 992px) { .top-slider {position: absolute;left: 38%;top: 0; bottom: 0; right: 0; height: auto;} .top-slider:after {content: none;} } @media (min-width: 1200px) { .top-slider {left: 38%;} } @media (min-width: 1500px) { .top-slider {left: 42%;} } @media (min-width: 1800px) { .top-slider {left: 46%;} } .breadcrumb {position: absolute;font-size: 12px;display: inline-block;background-color: rgba(0, 0, 0, .7);color: #fff;z-index: 10;top: 20px;right: 15px;padding: 4px 10px;} .breadcrumb a {margin: 0 5px;color: #fff;} .breadcrumb span:first-child > span:first-child > a {margin-left: 0;} .breadcrumb_last {margin-left: 5px;} @media (min-width: 992px) { .breadcrumb {right: auto; left: 20px; top: 30px;} } .nocomments {display: none;} .alignleft {float:left; margin:0 15px 8px 0;} .alignright {float:right; margin:0 0 8px 15px;} img.aligncenter {display: block; margin: 0 auto;} .wp-caption {display: inline-block; max-width: 100%;} .wp-caption img {margin-bottom:.5rem;line-height:1;} .wp-caption .wp-caption-text {font-size: .8em; font-style: italic; margin: 0;} .m-text--color {padding: 1.5em 2em 1px;} .m-text img {max-width: 100%; height: auto;} .m-text iframe, .m-text object {max-width: 100%;} .img-fluid img, .img-fluid source {max-width: 100%; height: auto;} .section {padding-bottom: 1px;} .m-accordion-section {border: 1px solid #328de6;border-radius: 2px;} .m-accordion-title {background-color: #328de6; color: #fff;padding: .8em 2em .8em 1.2em;position: relative; cursor: pointer;display:block;} .m-accordion-title:hover {background-color: #4f2f67; text-decoration: none;} .m-accordion-title:focus {text-decoration: none;outline: none;} .m-accordion-title:after {position: absolute; right: 1em; top: 50%; margin-top: -14px; content: ""; display: inline-block;width: 22px; height: 28px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0; -webkit-filter: invert(100%) sepia(0%) saturate(7483%) hue-rotate(346deg) brightness(98%) contrast(93%);filter: invert(100%) sepia(0%) saturate(7483%) hue-rotate(346deg) brightness(98%) contrast(93%);} .m-accordion-title.active:after {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} .m-accordion-panel {background-color: #fff; padding: 1em 1.2em 1px;display:none;border-radius: 2px;} .m-mosaic {margin: 0 -2px;} .m-mosaic a {display: block;margin: 5px; overflow: hidden;border-radius: 10px;box-shadow: 2px 2px 3px rgba(0,0,0,0.4);} .m-mosaic a:hover {text-decoration: none;background-color: #000;} .m-mosaic img {width: 100%; height: auto;-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;} .m-mosaic a:hover img {opacity: 0.9;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .m-bloc {background-color: #fff;max-width: 386px; margin-left: auto; margin-right: auto;position: relative;} .m-bloc:hover {box-shadow: 0 0 8px rgba(0, 0, 0, .4);} .m-bloc-content {padding: 15px;flex: 1;} .m-bloc-title {margin-bottom: .3em;} .m-bloc-title h2 {font-size: 1.2em;} .m-bloc-title h2 a:after {content: "";position: absolute;top: 0; left: 0; right: 0; bottom: 0;z-index: 70;} .m-bloc a:hover {text-decoration: none;} .m-bloc-gamme {display: block;color: #00b0f0;font-weight: 700;font-size: 1em; margin-bottom: .3em;} .m-bloc:hover .m-bloc-gamme {color: #bf0f7c;} .m-bloc-specs > div img {width: auto; height: 28px;} .m-bloc-prix {background-color: #328de6; color: #fff;text-align: center; padding: 8px 5px;font-size: .9em;} .m-bloc-prix span {opacity: .8;} .m-bloc:hover .m-bloc-prix {background-color: #bf0f7c;} @media (min-width: 992px) { .m-bloc-title h2 {font-size: 1.35em;} } /* ************ HOME */ body.home h1 {position: absolute; left: -999em;} body.home .h1 {margin-bottom: .3em;} .subtitle {color: #646464;font-size: 1.1em;} @media (min-width: 768px) { .subtitle {font-size: 1.35em;} } .blocimgs {position: relative;display: inline-block;} .blocimgs img {border-radius: 50%;height: auto;} .blocimgs .img2, .blocimgs .img3 {position: absolute;z-index: 30;} .blocimgs--intro .img1 {z-index: 10;position: relative;} .blocimgs--intro .img2 {z-index: 8;width: 120%;top: 5%; left: 70%;} .blocimgs--surplace .img1 {width: 200px;} .blocimgs--surplace .img2 {width: 71%;top: -1%;left: -48%;} .blocimgs--surplace .img3 {width: 65%;top: 41%;left: 81%;} .blocimgs--region .img1 {width: 200px;} .blocimgs--region .img2 {width: 71%;top: -1%;left: -48%;} .blocimgs--region .img3 {width: 65%;top: 41%;left: 81%;} @media (min-width: 480px) { .blocimgs--intro {margin-left: 6%;} .blocimgs--intro .img2 {top: 12%;left: 80%;width: 130%;} .blocimgs--surplace .img1 {width: 300px;} .blocimgs--region .img1 {width: 300px;} } @media (min-width: 768px) { .blocimgs--intro {margin-left: 6em;} .blocimgs--intro .img2 {top: 12%;left: 80%;width: 140%;} .blocimgs--surplace .img1 {width: 320px;} .blocimgs--surplace .img2 {top: 16%;left: 86%;} .blocimgs--surplace .img3 {top: 21%;left: 144%;} .blocimgs--region .img1 {width: 320px;} .blocimgs--region .img2 {top: 16%;left: 86%;} .blocimgs--region .img3 {top: 21%;left: 144%;} } @media (min-width: 992px) { .blocimgs--intro {margin-left: 0;} .blocimgs--intro .img2 {top: 17%;width: 169%;} .blocimgs--surplace .img2 {top: 55%;left: 68%;} .blocimgs--surplace .img3 {top: 95%;left: 35%;} .blocimgs--region .img1 {width: 400px;} .blocimgs--region .img2 {top: 40%;left: 75%;} .blocimgs--region .img3 {top: 82%;left: 40%;} } @media (min-width: 1200px) { .blocimgs--intro .img2 {top: 17%;left: 80%;} .blocimgs--surplace .img1 {width: 386px;} .blocimgs--surplace .img2 {top: 45%;left: 70%;} .blocimgs--surplace .img3 {top: 85%;left: 40%;} .blocimgs--region .img1 {width: 470px;} .blocimgs--region .img2 {top: 30%;left: 75%;} .blocimgs--region .img3 {top: 62%;left: 40%;} } .homeintro .blocimgs img {border: 4px solid #fff;} .homesurplace .blocimgs img {border: 4px solid #93c6fb;} .homeregion .blocimgs img {border: 4px solid #fff;} /* LAZY LOAD */ @media (min-width: 992px) { .lazy-loaded {opacity: 0; animation: lazy-loaded 0.8s ease forwards;} .lazy-leftright.lazy-loaded {transform: translateX(-150px);} .lazy-rightleft.lazy-loaded {transform: translateX(150px);} .lazy-visible {opacity: 1;} .lazy-leftright.lazy-visible {transform: translateX(0); animation: none;} .lazy-rightleft.lazy-visible {transform: translateX(0); animation: none;} } @keyframes lazy-loaded {to { transform: translateX(0); opacity: 1;}} .m-moteur {position: absolute; left: 0; right: 0; bottom: 130px; z-index: 9999;} .m-moteur-wrap {background-color: #fff;padding: 15px 30px 20px; border-radius: 15px;} .moteur-title {color:#bf0f7c; font-size: 1.35em;font-weight: 700; text-align: center;margin-bottom: .5em;} .homeslider {position: relative;background-color: #fff;} .homeslider:after {content: ""; position: absolute;left: 0;right: 0; bottom: 0;height: 28px; background: url("images/vague-slider-xs.webp") repeat-x center center; z-index: 10;} @media (min-width: 480px) { .homeslider:after {height: 45px; background-image: url("images/vague-slider-md.webp");} } @media (min-width: 768px) { .m-moteur {bottom: 7px;} .m-moteur-wrap {background-color: #f0f0fa;} .homeslider:after {height: 52px; background-image: url("images/vague-slider-lg.webp");} } @media (min-width: 768px) { .m-moteur {bottom: 26px;} } @media (min-width: 1200px) { .m-moteur {bottom: 130px;} .m-moteur-wrap {background-color: #fff;} .homeslider:after {height: 98px; background-image: url("images/vague-slider-xl.webp");} } .homeactu {position: relative;} .homeactu:before {content: ""; position: absolute;left: 0;right: 0; top: -28px;height: 28px; background: url("images/vague-actu-xs.webp") repeat-x center center; z-index: 15;} .homeactu-wrap {background-color: #00b0f0; color: #fff; text-align: center; padding: 0 15px 15px; position: relative; z-index: 20;font-size: 1.15em;box-shadow: 0 3px 3px rgba(0, 0, 0, .4);} .homeactu-wrap p {margin-bottom: .5em;line-height: 1.25em;} .homeactu .homeactu-wrap a {color: #fff; text-decoration: underline;} @media (min-width: 480px) { .homeactu:before {height: 45px; top: -45px;background-image: url("images/vague-actu-md.webp");} } @media (max-width: 767px) { .homeactu .container {padding: 0;} } @media (min-width: 768px) { .homeactu:before {content: none;} .homeactu {position: relative;z-index: 50; margin: -140px 0 3em;} .homeactu-wrap {padding: 1.1em 1.2em .6em;border-radius: 15px;box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);} } .homeintro {background: url("images/bg-logo-taureau.webp") no-repeat center 10px;padding-top: 20px;background-size: 300px auto;} .homeintro p {color: #5c4658;font-size: 1.25em;} @media (min-width: 480px) { .homeintro {padding-top: 30px;} .homeintro p {font-size: 1.4em;} } @media (min-width: 768px) { .homeintro {padding-top: 0; background-size: auto auto;background-position: left -10% top 50%;} .homeintro p {font-size: 1.6em;} } @media (min-width: 992px) { .homeintro-text {min-height: 320px;} } @media (min-width: 1200px) { .homeintro {padding-top: 0;} } .iconpoint {margin-bottom: 1.5em;} .iconpoint img {margin-right: 10px;} .homemap {display: inline-block; position: relative;} .homemap img {height: auto;} .homemap .img2, .homemap .img3 {position: absolute;z-index: 30;width: 42%;} .homemap .img2 {top: -39%; left: 4%;} .homemap .img3 {top: 56%; left: 62%;} @media (min-width: 480px) { .homemap .img2 {top: -32%; left: 4%;width: 37%;} .homemap .img3 {top: 56%; left: 64%;} } @media (min-width: 768px) { .homemap .img2 {top: -39%; left: 4%;width: 42%;} .homemap .img3 {top: 60%;} } @media (min-width: 992px) { .homemap .img3 {top: 56%;} } @media (min-width: 1200px) { .homemap .img2 {top: -39%; left: 4%;} .homemap .img3 {top: 56%; left: 64%;} } .homesurplace {position: relative; background: #328de6 url("images/bg-surplace-xs.webp") repeat-x center 0;padding-top: 50px;color: #fff;} .homesurplace:after {content: ""; position: absolute;left: 0;right: 0; bottom: -26px;height: 26px; background: url("images/vague5-xs.webp") repeat-x center center; z-index: 10;} .homesurplace .h1 {color: #fff;} .homesurplace .subtitle {color: #fff;} .keypoint img {height: auto; width: 60px;} .keypoint div {padding-left: 1em;} @media (min-width: 480px) { .homesurplace {background-image: url("images/bg-surplace-md.webp");padding-top: 80px;} .homesurplace:after {height: 42px; bottom: -42px;background-image: url("images/vague5-md.webp");} } @media (min-width: 768px) { .homesurplace {background-image: url("images/bg-surplace-lg.webp");padding-top: 110px;} .homesurplace:after {height: 67px; bottom: -67px;background-image: url("images/vague5-lg.webp");} .keypoint img {width: auto;} .keypoint div {font-size: 1.125em;padding-left: 2em;} } @media (min-width: 1200px) { .homesurplace {background-image: url("images/bg-surplace-xl.webp");} .homesurplace:after {height: 86px; bottom: -86px;background-image: url("images/vague5-xl.webp");} } .homehebergements > div {position: relative;} .homehebergements-img {height: 300px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;} .homehebergements .col-12 {padding-top: 3em; padding-bottom: 3em;} @media (min-width: 768px) { .homehebergements-img {position: absolute; top: 0; bottom: 0; width: 50%; height: 100%;} .homehebergements-img--camping {right: 0;} .homehebergements-img--loc {left: 0;} .homehebergements .col-12 {min-height: 400px;} } @media (min-width: 1200px) { .homehebergements .col-12 {min-height: 460px;} } .homeregion {position: relative;} .homeregion:after {content: ""; position: absolute;left: 0;right: 0; top: -26px;height: 26px; background: url("images/vague1-xs.webp") repeat-x center center; z-index: 10;} @media (min-width: 480px) { .homeregion:after {height: 43px; top: -43px;background-image: url("images/vague1-md.webp");} } @media (min-width: 768px) { .homeregion:after {height: 64px; top: -64px;background-image: url("images/vague1-lg.webp");} } @media (min-width: 1200px) { .homeregion:after {height: 103px; top: -103px;background-image: url("images/vague1-xl.webp");} } /* ************ FICHE LOC */ .loc-gamme {color: #00b0f0;font-weight: 700;font-size: 1.4em;display: block;margin-bottom: .2em;} .loc-plus span {display: inline-block;background-color: #328de6; color: #fff;font-weight: 700;border-radius: 15px;padding: 1px 15px;margin-bottom: 4px;} .loc-plus p {color: #328de6;font-size: 0.875em;} .loc-specs > div {margin-bottom: 15px;} .loc-specs > div img {margin-right: 5px;} .loc-specs > div span {white-space: nowrap;} .loc-specs .spec-chambres, .loc-specs .spec-personnes, .loc-specs .spec-lave {width: 65%;} .loc-specs .spec-surface, .loc-specs .spec-tv {width: 35%;} @media (min-width: 768px) { .loc-specs .spec-chambres, .loc-specs .spec-personnes, .loc-specs .spec-surface, .loc-specs .spec-tv {width: auto;} } @media (min-width: 992px) { .loc-gamme {font-size: 1.3em;position: relative;margin-top: -.5em;} .loc-specs .spec-chambres, .loc-specs .spec-personnes, .loc-specs .spec-lave {width: 65%;} .loc-specs .spec-surface, .loc-specs .spec-tv {width: 35%;} } @media (min-width: 992px) and (max-width: 1199px) { .page-template-page-fiche-location .chapo {font-size: .9em;} } @media (min-width: 1200px) { .loc-gamme {font-size: 1.7em;margin-top: 0;} } .loc-prix {background-color: #bf0f7c; color: #fff;border-radius: 15px;padding: 15px 20px;margin-right: 20px;} .loc-prix strong {font-size: 2.8em;line-height: 1em;margin-left: 10px;} @media (min-width: 768px) { .loc-prix strong {display: block;margin-left: 0;} } .loc-modalites {line-height: 1.3em;margin-bottom: .8em;} .loc-modalites strong {display: block;color: #bf0f7c;font-size: 1.125em;} .loc-ctoutvert {background-color: #fff;padding: 20px; border-radius: 15px;} .loc-ctoutvert p {color: #646464; font-size: 1.3em;} .loc-pictos {padding-left: 65px;} .loc-pictotitle {position: relative;} .loc-pictotitle img {position: absolute; left: -65px; top: -10px; width: 50px; height: auto;} .loc-pictotitle h3 {margin-bottom: .5em;} @media (min-width: 768px) { .loc-pictos {padding-left: 100px;} .loc-pictotitle img {width: 77px; left: -100px; top: -25px;} } /* 404 */ .error-icon {width: 50px;margin: 20px auto 40px;} /* ************ Sitemap */ .m-sitemap {margin-bottom: 40px;} .m-sitemap ul li.page_item {margin-bottom: 0.7em;} .m-sitemap ul li.page_item.page_item_has_children > a {display: inline-block; margin-bottom: 0.2em;} /* ************* ARTICLES */ .single-date {font-size: .85em;margin: 3em 0; padding: .5em 0;border-top: 1px solid rgba(0, 0, 0, 0.1);border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .m-article {position: relative;} .m-article a:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .m-article-thumbnail img {border-radius: 50%;} .m-article-metas {font-size: .85em;margin-bottom: 1em;color: #00b0f0;} .m-article:hover .m-article-title a, .m-article:focus .m-article-title a {color: #00b0f0;text-decoration: none;} @media (max-width: 767px) { .m-article-thumbnail {width: 150px;} } .comments .comment-edit-link, .comments .says, .comments #comments, .comments .navigation { display:none;} #commentform label {display: block;} .comment {margin-bottom: 20px;} .commentlist {padding: 0;} .commentlist .comment {padding:1.5em; background:rgba(255, 255, 255, .4); list-style: none;} .commentlist .comment-body {position: relative;} .comment-author {margin-bottom: 1.5em;} .comment-author img {margin-right: 5px;} .comment-author .fn {font-style: normal;overflow: hidden;font-size: 1em;} .comment-meta {margin-bottom: 1.5em;font-size: .85em;} .comment-meta a, .comment-meta a:hover {text-decoration: none; color: #444; cursor: default;} .comment-meta + p {clear: both;} .commentlist ul.children {margin: 0;padding: 0;} .commentlist ul.children .comment { background: rgba(255,255,255,0.6);margin-bottom: 1em;} .commentlist ul.children .comment:last-child {margin-bottom: 0;} .comments .comment-awaiting-moderation {float: right;} .commentlist .reply {margin-bottom: 1em; font-size: .85em;} @media (min-width: 768px) { .comment-author {float: left;} .comment-meta {float: right;} } /* PageNavi */ .wp-pagenavi {display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 2px;-ms-flex-pack: center; justify-content: center; } .wp-pagenavi > *:first-child {border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .wp-pagenavi > *:last-child {border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .wp-pagenavi span, .wp-pagenavi a {color: #328de6; font-size: 1em; background-color: #fff; border: 1px solid #ddd;position: relative; display: block; padding: 0.5em 0.75em; margin-left: -1px; line-height: 1.25;} .wp-pagenavi span.current {color: #fff; background-color: #328de6; border-color: #328de6;z-index: 2;cursor: default;} .wp-pagenavi a:focus, .wp-pagenavi a:hover {color: #328de6;background-color: #e9ecef;text-decoration: none; } /* SOCIALS */ .socials button {width: 36px; height: 36px; margin: 4px 7px 4px; padding: 0; background-color: #ebe8e2; border-radius: 50%; border: none; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle;} .socials button svg {display: inline-block; height: 24px;vertical-align: middle;} .socials button svg path {fill: #328de6;} .socials button:hover {background-color: #fff;} @media (min-width: 768px) { .socials button {margin-left: 0;} } /* Slider */ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flexslider a:focus {outline: none; } .flexslider .slides, .flexslider .slides > li, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block; height: auto; -moz-user-select: none;} .flexslider .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides {display: block; } * html .flexslider .slides {height: 1%; } .no-js .flexslider .slides > li:first-child {display: block; } .flexslider {margin: 0 auto; position: relative; zoom: 1;height:auto;} .flexslider .slides {zoom: 1; z-index: 50;} .flexslider .slides > li {position:relative;} .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading:after { background-color: #bf0f7c; content:""; display:block; width: 40px; height: 40px; position: absolute; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; -webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out; } @-webkit-keyframes rotate-loading {0% { -webkit-transform: perspective(120px)} 50% { -webkit-transform: perspective(120px) rotateY(180deg)} 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)} } @keyframes rotate-loading {0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)} 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)} 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);} } .flex-control-paging {width: 100%; position: absolute; bottom: 5px; text-align: center; z-index: 70} .flex-control-paging li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {background-color: #fff;opacity: 0.5; font-size: 0; width: 15px; height: 15px; border-radius: 50%; display: block;cursor: pointer;} .flex-control-paging li a:hover, .flex-control-paging li a:focus {opacity: 0.75;} .flex-control-paging li a.flex-active {opacity: 1 !important;} .flex-direction-nav {top: 50%; margin-top: -20px; *height: 0;position: absolute; left: 0; right: 0; z-index: 80;} .flex-direction-nav li {display: inline-block; zoom: 1; *display: inline; position: relative;} .flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;z-index: -1;} .flex-direction-nav .flex-nav-prev {float: left;} .flex-direction-nav .flex-nav-next {float: right;} .flex-direction-nav a {font-size: 0; position: absolute;text-decoration: none !important; display: block; z-index: 10; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav .flex-nav-next a {right: 0;} .flex-direction-nav .flex-nav-prev {margin-left: 5px;} .flex-direction-nav .flex-nav-next {margin-right: 5px;} .flex-direction-nav a:before {content: ""; display: inline-block; opacity: .8;width: 30px; height: 30px;background: #fff url("data:image/svg+xml;charset=utf8,") no-repeat center center;border-radius: 50%;} .flex-direction-nav a.flex-next:before {background-image: url("data:image/svg+xml;charset=utf8,");} .flex-direction-nav a:hover:before {opacity: 1;} @media (min-width: 480px) { .flex-control-paging {bottom: 30px;} .flex-direction-nav {margin-top: -30px;} } @media (min-width: 768px) { .flex-direction-nav .flex-nav-prev {margin-left: 20px;} .flex-direction-nav .flex-nav-next {margin-right: 20px;} .flex-direction-nav a:before {width: 40px; height: 40px;} } #slider-1 {position: relative; z-index: 1;} #slider-1, #slider-1 .slides > li {height: 400px;background-position: center center; background-repeat: no-repeat;background-size: cover;} #slider-1 .slides > li .container {height: 400px;} #slider-1 .slides > li .container p {text-align: center; color: #fff;margin: 0;font-weight: 700;font-size: 1.4em;line-height: 1.2em;text-shadow: 0 0 5px rgba(0, 0, 0, .5), 1px 1px 3px rgba(0, 0, 0, .5);} @media (min-width: 480px) { #slider-1, #slider-1 .slides > li {height: 500px;} #slider-1 .slides > li .container {height: 180px;} #slider-1 .slides > li .container p {font-size: 1.7em;} #slider-1 .flex-direction-nav {margin-top: 65px;} } @media (min-width: 992px) { #slider-1, #slider-1 .slides > li {height: 600px;} #slider-1 .slides > li .container {height: 283px;} #slider-1 .slides > li .container p {font-size: 1.9em;} #slider-1 .flex-direction-nav {margin-top: -80px;} } @media (min-width: 1200px) { #slider-1, #slider-1 .slides > li {height: 650px;} #slider-1 .slides > li .container {height: 333px;padding-top: 82px;} #slider-1 .slides > li .container p {font-size: 2.3em;} #slider-1 .flex-direction-nav {margin-top: -30px;} } #slider-top {position: relative; z-index: 1;} #slider-top, #slider-top .slides > li {height: 350px;} #slider-top .slides > li {background-position: center center; background-repeat: no-repeat;background-size: cover;} @media (min-width: 480px) { #slider-top, #slider-top .slides > li {height: 500px;} } @media (min-width: 992px) { #slider-top, #slider-top .slides > li {height: 600px;} } @media (min-width: 1200px) { #slider-top, #slider-top .slides > li {height: 700px;} } /* FORMS */ .form-control, #respond input[type=text],#respond input[type=email], #respond textarea {font-size: 1.6rem;padding: 0.4em 0.8em; color: inherit; background-color: #fff; border: none; border-bottom: 1px solid #d9d9e6; border-radius: 2px;} .form-control:focus, #respond input[type=text]:focus, #respond input[type=email]:focus, #respond textarea:focus {background-color: #fff; border-color: #328de6;} input.form-control::placeholder, textarea.form-control::placeholder {color: #328de6;} /* Select */ .custom-select {padding: 0.4em 1.3em 0.4em 0.8em; color: #495057; background-color: #f6f6f6; border: 1px solid #000; border-radius: 2px;} .custom-select:focus {background-color: #fff; border-color: red;} .custom-select2 {position: relative; overflow: hidden;border-radius: 0 3px 3px 0;} .custom-select2:before {width: 35px; height: 35px; background-color: #000; border-radius: 0 2px 2px 0; content: ""; position: absolute; top: 0; right: 0; z-index: 10;} .custom-select2 select {width: calc(100% + 35px);position: relative;z-index: 40;} .custom-select2 select, .custom-select2 select:focus {background-color: transparent;} .custom-select2:after {right: 12px; margin-top: -4px; border-top: 8px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; position: absolute;top: 50%;z-index: 30;content: ""; width: 0; height: 0;} /* Checkbox / Radios */ .custom-control {min-height: 1.5rem; margin-right: 1rem;padding-left: 0; position: relative; position: relative; display: -ms-inline-flexbox; display: inline-flex;} .custom-control-block {display: -ms-flexbox; display: flex;-ms-flex-direction: column; flex-direction: column;} .custom-control .wpcf7-list-item {position: relative;} .custom-control--checkbox span.wpcf7-list-item-label:after {border-radius: 3px;} .custom-control--radio span.wpcf7-list-item-label:after {border-radius: 50%;} .custom-control .wpcf7-list-item input {position: absolute; z-index: -1; opacity: 0;} .custom-control .wpcf7-list-item label {position: relative;padding-left: 25px;} .custom-control .wpcf7-list-item span.wpcf7-list-item-label:after {background-color: #fff; border: 1px solid #d9d9e6; width: 18px; height: 18px; content: ""; top: 2px; left: 0; position: absolute; display: block; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%;} .custom-control--checkbox input:checked + span.wpcf7-list-item-label:after {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-control--radio input:checked + span.wpcf7-list-item-label:after {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-control input:checked + span.wpcf7-list-item-label:after {background-color: #328de6;} /* WPCF7 */ .wpcf7 .screen-reader-response {position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } .wpcf7 form .wpcf7-response-output {margin: 1.5em 0; padding: 0.8em 1em; border-width: 2px; border-style: solid;} .wpcf7 form.init .wpcf7-response-output {display: none;} .wpcf7 form.sent .wpcf7-response-output {background-color: #d4e2d5;border-color: #46b450; /* Green */} .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output {background-color: #f1cece;border-color: #dc3232; /* Red */} .wpcf7-form-control-wrap {position: relative;} .wpcf7-not-valid-tip {color: #dc3232; font-size: .9em; font-weight: normal; display: block;padding-top: 4px;} .wpcf7-not-valid.form-control {border-color: #dc3232;} span.wpcf7-list-item {display: inline-block; margin: 0 0 0 1em;} span.wpcf7-list-item.first {margin-left: 0;} .list-item-block span.wpcf7-list-item {display: block; margin: 0 0 5px 0;} span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {content: " ";} span.wpcf7-list-item input {margin-right: 5px;} div.wpcf7 .ajax-loader {visibility: hidden; position: relative; display: inline-block; width: 20px; height: 20px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle;} div.wpcf7 .ajax-loader:after {background-color: #000;width: 20px;height: 20px;content: ""; opacity: .8; position: absolute; top: 0; left: 0;display: inline-block;-webkit-animation: rotate-loading 1.2s infinite ease-in-out; animation: rotate-loading 1.2s infinite ease-in-out;} div.wpcf7 .placeheld {color: #888;} div.wpcf7 .ajax-loader.is-active {visibility: visible;} div.wpcf7 div.ajax-error {display: none;} div.wpcf7 input[type="file"] {cursor: pointer;} div.wpcf7 input[type="file"]:disabled {cursor: default;} div.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed;} .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {direction: ltr;} .wpcf7-acceptance {font-size: .8em;} .wpcf7-acceptance span.wpcf7-list-item {margin-left: 0;} /* FANCYBOX */ .fancybox-enabled {overflow: hidden; } .fancybox-enabled body {overflow: visible; touch-action: none; } .fancybox-container {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; backface-visibility: hidden; } .fancybox-container ~ .fancybox-container {z-index: 99992; } .fancybox-bg {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(.55,.06,.68,.19); backface-visibility: hidden; } .fancybox-container--ready .fancybox-bg {opacity: 0.87; transition-timing-function: cubic-bezier(.22,.61,.36,1); } .fancybox-controls {position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; backface-visibility: hidden; direction: ltr; } .fancybox-show-controls .fancybox-controls {opacity: 1; } .fancybox-infobar {display: none; } .fancybox-show-infobar .fancybox-infobar {display: inline-block; pointer-events: all; } .fancybox-infobar__body {display: inline-block; width: 70px; line-height: 44px; font-size: 13px; text-align: center; color: #ddd; background-color: rgba(30,30,30,0.7); pointer-events: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: subpixel-antialiased; } .fancybox-buttons {position: absolute; top: 0; right: 0; display: none; pointer-events: all; } .fancybox-show-buttons .fancybox-buttons {display: block; } .fancybox-slider-wrap {overflow: hidden; direction: ltr; } .fancybox-slider-wrap, .fancybox-slider {position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; backface-visibility: hidden; } .fancybox-slide {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); } .fancybox-slide::before {content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-slide > * {display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide--image {overflow: hidden; } .fancybox-slide--image::before {display: none; } .fancybox-content {display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; } .fancybox-iframe {display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe {background: transparent; } .fancybox-placeholder {position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; backface-visibility: hidden; } .fancybox-image, .fancybox-spaceball {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } .fancybox-controls--canzoomOut .fancybox-placeholder {cursor: zoom-out; } .fancybox-controls--canzoomIn .fancybox-placeholder {cursor: zoom-in; } .fancybox-controls--canGrab .fancybox-placeholder {cursor: grab; } .fancybox-controls--isGrabbing .fancybox-placeholder {cursor: grabbing; } .fancybox-spaceball {z-index: 1; } .fancybox-tmp {position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-error {position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; transform: translate(-50%, -50%); background: #fff; cursor: default; } .fancybox-error p {margin: 0; padding: 0;} .fancybox-close-small {position: absolute; top: 4px; right: 4px; padding: 0; margin: 0; width: 30px; height: 30px; font-size: 21px; line-height: 1; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; cursor: pointer; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus {outline: 1px dotted #888; } .fancybox-slide--video .fancybox-close-small {top : -36px; right : -36px; background: transparent; } .fancybox-close-small:hover {color: #555; background: #eee; } .fancybox-caption-wrap {position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; z-index: 99998; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 20%, rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%, rgba(0,0,0,0.8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none; } .fancybox-show-caption .fancybox-caption-wrap {opacity: 1; } .fancybox-caption {padding: 30px 0; text-align: center; font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button {pointer-events: all; } .fancybox-caption a {color: #fff; text-decoration: underline; } .fancybox-button {display: inline-block; position : relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none; } .fancybox-button--disabled {cursor: default; pointer-events: none; } .fancybox-button.fancybox-button--fullscreen:before {left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;display: block;height:20px;width:20px;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;} .fancybox-button.fancybox-button--play, .fancybox-button.fancybox-button--thumbs {display: none !important;} .fancybox-infobar__body, .fancybox-button {background: rgba(30,30,30,0.6); } .fancybox-button:hover {background: rgba(0,0,0,0.8); } .fancybox-button::before, .fancybox-button::after {content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button--disabled::before, .fancybox-button--disabled::after {opacity: 0.5; } .fancybox-button--left::after {left: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; transform: rotate(-135deg); } .fancybox-button--right::after {right: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; transform: rotate(45deg); } .fancybox-button--left {border-bottom-left-radius: 5px; } .fancybox-button--right {border-bottom-right-radius: 5px; } .fancybox-button--close {float: right; } .fancybox-button--close::before, .fancybox-button--close::after {content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before {transform: rotate(45deg); } .fancybox-button--close::after {transform: rotate(-45deg); } .fancybox-loading {border: 6px solid rgba(100, 100, 100, .4); border-top: 6px solid rgba(255, 255, 255, .6); border-radius: 100%; height: 50px; width: 50px; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @keyframes fancybox-rotate {from {transform: rotate(0deg);} to {transform: rotate(359deg);} } @media all and (max-width: 800px) {.fancybox-controls {text-align: left; } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) {display: none !important; } .fancybox-caption {padding: 20px 0; margin: 0; } } /* TARTEAUCITRON */ /** Styles inline **/ @media screen and (max-width: 900px) { #tarteaucitronRoot div#tarteaucitronAlertBig button {margin: 0 3px 10px!important;display: inline-block!important;} } html body div#tarteaucitronRoot.tarteaucitronBeforeVisible::before {content: none;} html body #tarteaucitronRoot #tarteaucitronAlertBig::before {content: none;} html body #tarteaucitronRoot div#tarteaucitronAlertBig {text-align: center; width: auto; font-size: 0; margin: 0; left: 0; right: 0; bottom: 0; top: auto; transform: none; box-shadow: none; border-radius: 0; padding: 10px 15px 15px; background-color: rgba(0, 0, 0, .8);} html body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {padding: 20px 0 20px 53px;font-size: 13px; margin: 0;background: url("images/cookies.svg") no-repeat 0 center;background-size: 35px auto;} html body #tarteaucitronRoot #tarteaucitronAlertBig button, html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert, html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {font-size: 13px !important;padding: 6px 12px; border: 1px solid #fff;text-decoration: none; line-height: 1.2;background-color: rgba(0, 0, 0, .5); color: #fff;margin-bottom: 3px;margin-left: 7px;} html body #tarteaucitronRoot #tarteaucitronAlertBig button:hover, html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert:hover, html body #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl:hover {background-color: #000;} html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton.tarteaucitronAllow {width: 200px; margin-left: calc(50% - 100px) !important;margin-right: calc(50% - 100px) !important; text-transform: uppercase;background-color: #fff; color: #000;padding: 15px;} html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton.tarteaucitronAllow:hover {color: #199001;} #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton > span {display: none;} @media (min-width: 730px) { html body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {width: 80%; text-align: left; margin-left: 10%; margin-right: 10%;padding-right: 200px;} html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton.tarteaucitronAllow {padding: 9px 20px;width: 180px; position: absolute; right: 11%;top: 20px;margin: 0 !important;} html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton.tarteaucitronDeny {margin-left: calc(10% + 53px) !important;} } @media (min-width: 992px) { html body #tarteaucitronRoot span#tarteaucitronDisclaimerAlert {width: 60%; margin-left: 20%; margin-right: 20%;} html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton.tarteaucitronAllow {right: 21%;top: 20px;} html body #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton.tarteaucitronDeny {margin-left: calc(20% + 53px) !important;} } .tac_visually-hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; /* added line */ border: 0;} div#tarteaucitronAlertBig:focus {outline: 0;} .tarteaucitron-modal-open{overflow: hidden; height: 100%; } #tarteaucitronContentWrapper {display:unset;} /** 14042021 **/ span.tarteaucitronReadmoreSeparator {display: inline!important; } /** 09052021 **/ .tarteaucitronName .tacCurrentStatus, .tarteaucitronName .tarteaucitronReadmoreSeparator {color: #333!important; font-size: 12px!important; text-transform: capitalize; } /** 27032021 **/ button.tarteaucitron-toggle-group {display: block; } span.tarteaucitronH3 {font-weight: 700!important; } #tarteaucitron #tarteaucitronServices_mandatory .tarteaucitronH3 {font-weight: 500!important; font-size: 14px; margin-top: 7px; } .tarteaucitronLine {border-left: 0px solid transparent!important; } /** BETTER MOBILE MODE **/ @media screen and (max-width: 767px) { html body #tarteaucitronRoot #tarteaucitron ul#tarteaucitronServices_mandatory .tarteaucitronDeny {display: none!important; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button, html body #tarteaucitronRoot #tarteaucitron .tarteaucitronAsk, html body #tarteaucitronRoot #tarteaucitron .tarteaucitronName {width:100%!important; display: block!important; margin-left: 0!important; margin-right: 0!important; box-sizing: border-box!important; max-width: 100%!important; margin-bottom: 8px!important; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder ul .tarteaucitronLine {padding: 16px!important; } html body #tarteaucitronRoot #tarteaucitron div#tarteaucitronMainLineOffset .tarteaucitronName {display: none!important; } #tarteaucitronServices_mandatory li.tarteaucitronLine .tarteaucitronName span {width: 100%!important; display: inline-block; } li.tarteaucitronLine .tarteaucitronName span {width: 80%!important; display: inline-block; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group {width: 10%!important; position: absolute; top: 20px; right: 20px; font-size: 0px; padding: 10px 0; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:before {content: '\0025BE'; font-weight:700; font-size: 14px; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:before {content: '\0025B4'; } } @media screen and (min-width: 768px) { html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder button.tarteaucitron-toggle-group:after {content: '\0025BE'; font-weight:700; font-size: 14px; margin-left: 15px; } html body #tarteaucitronRoot #tarteaucitron .tarteaucitronBorder .tarteaucitronIsExpanded button.tarteaucitron-toggle-group:after {content: '\0025B4'; margin-left: 15px; } } /* Reset CSS */ #tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {margin: 0;padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; /*background: initial;*/ text-align: initial; text-shadow: initial; } /* Animation */ #tarteaucitronRoot * {transition: border 300ms, background 300ms, opacity 200ms, box-shadow 400ms} /* HTML5 display-role reset for older browsers */ #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot details, #tarteaucitronRoot figcaption, #tarteaucitronRoot figure, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot section {display: block; } #tarteaucitronRoot ol, #tarteaucitronRoot ul {list-style: none; } #tarteaucitronRoot blockquote, #tarteaucitronRoot q {quotes: none; } #tarteaucitronRoot blockquote:before, #tarteaucitronRoot blockquote:after, #tarteaucitronRoot q:before, #tarteaucitronRoot q:after {content: ''; content: none; } #tarteaucitronRoot table {border-collapse: collapse; border-spacing: 0; } #tarteaucitronRoot a:focus-visible, #tarteaucitronRoot button:focus-visible {outline: 3px dashed #3d86d8; } /* Better scroll management */ div#tarteaucitronMainLineOffset {margin-top: 0!important; } div#tarteaucitronServices {margin-top: 30px!important; } #tarteaucitronServices::-webkit-scrollbar {width: 5px; } #tarteaucitronServices::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0); } #tarteaucitronServices::-webkit-scrollbar-thumb {background-color: #ddd; outline: 0px solid slategrey; } div#tarteaucitronServices {box-shadow: 0 40px 60px #545454; } /* Responsive layout for the control panel */ @media screen and (max-width:479px) { #tarteaucitron .tarteaucitronLine .tarteaucitronName {width: 90% !important; } #tarteaucitron .tarteaucitronLine .tarteaucitronAsk {float: left !important; margin: 10px 15px 5px; } } @media screen and (max-width:767px) { #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer, #tarteaucitron {background: #fff; border: 0 !important; bottom: 0 !important; height: 100% !important; left: 0 !important; margin: 0 !important; max-height: 100% !important; max-width: 100% !important; top: 0 !important; width: 100% !important; } #tarteaucitron .tarteaucitronBorder {border: 0 !important; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {border: 0 !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronTitle {text-align: left !important; } .tarteaucitronName .tarteaucitronH2 {max-width: 80%; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {text-align: center !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk button {margin-bottom: 5px; } } @media screen and (min-width:768px) and (max-width:991px) { #tarteaucitron {border: 0 !important; left: 0 !important; margin: 0 5% !important; max-height: 80% !important; width: 90% !important; } } /* Common value */ #tarteaucitronRoot div#tarteaucitron {left: 0; right: 0; margin: auto; } #tarteaucitronRoot button#tarteaucitronBack {background: #eee; } #tarteaucitron .clear {clear: both; } #tarteaucitron a {color: rgb(66, 66, 66); font-size: 11px; font-weight: 700; text-decoration: none; } #tarteaucitronRoot button {background: transparent; border: 0; } #tarteaucitronAlertBig strong, #tarteaucitronAlertSmall strong, #tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {color: #fff; } #tarteaucitron strong {font-size: 22px; font-weight: 500; } #tarteaucitron ul {padding: 0; } #tarteaucitron .tarteaucitronH1, #tarteaucitron .tarteaucitronH2, #tarteaucitron .tarteaucitronH3, #tarteaucitron .tarteaucitronH4, #tarteaucitron .tarteaucitronH5, #tarteaucitron .tarteaucitronH6 {display: block; } .cookie-list {list-style: none; padding: 0; margin: 0; } /* Root div added just before */ #tarteaucitronRoot {left: 0; position: absolute; right: 0; top: 0; width: 100%; } #tarteaucitronRoot * {box-sizing: initial; box-sizing: border-box;color: #333; font-family: sans-serif !important; font-size: 14px; line-height: normal; vertical-align: initial; } #tarteaucitronRoot .tarteaucitronH1 {font-size: 14px; text-align: center; color: #fff; margin: 5px 0; text-transform: uppercase;} #tarteaucitronRoot .tarteaucitronH2 {display: inline-block; margin: 12px 0 0 10px; color: #fff; text-transform: uppercase; font-size: 14px !important;} #tarteaucitronCookiesNumberBis.tarteaucitronH2 {margin-left: 0; } /* Control panel */ #tarteaucitronBack {background: #fff; display: none; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 2147483646; } #tarteaucitron {display: none; max-height: 80%; left: 50%; margin: 0 auto 0 -430px; padding: 0; position: fixed; top: 6%; width: 860px; z-index: 2147483647; } #tarteaucitron .tarteaucitronBorder {background: #fff; border: 1px solid #333; border-top: 0; height: auto; overflow: auto; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitron #tarteaucitronClosePanel {background: #333333;font-size: 0; color: #fff; cursor: pointer; text-decoration: none; padding: 5px 11px; position: absolute; right: 15px;border-radius: 2px 2px 0 0; text-align: center;} #tarteaucitron #tarteaucitronClosePanel:after {content: "✕";font-size: 20px;} #tarteaucitron #tarteaucitronClosePanel:hover {background: #555;} #tarteaucitron #tarteaucitronDisclaimer {color: #555; font-size: 12px; margin: 15px auto 0; width: 80%; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronHidden {display: none; position: relative; } #tarteaucitronCookiesList .tarteaucitronH3.tarteaucitronTitle {width: 100%; box-sizing: border-box; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {color: #fff; display: inline-block; font-size: 14px; font-weight: 700; margin: 20px 0px 0px; padding: 5px 20px; text-align: left; width: auto; background: #333; } #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {background: #eee; color: #333; cursor: pointer; display: block; width: 100%; margin: 0;padding: 7px 15px;} #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {color: #fff; font-weight: 500; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a:hover {text-decoration: none !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a {font-size: 22px; } #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {font-size: 14px; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle {padding: 5px 10px; margin: 0; } #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {color: #fff; display: none; font-size: 11px; font-weight: 300; margin-top: 0; } #tarteaucitron #tarteaucitronServices .tarteaucitronDetails {color: #333;background: #fff;font-style: italic;padding: 10px 15px 0;font-weight: 300;} #tarteaucitron #tarteaucitronInfo a {color: #fff; text-decoration: underline; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {} #tarteaucitron #tarteaucitronServices .tarteaucitronLine {border-left: 5px solid transparent; margin: 0; overflow: hidden; padding: 10px 5px; border-bottom: 1px solid #eee;} #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {border-color: #1B870B; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {border-color: #9C1A1A; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {background: #333; border: 3px solid #333; border-left: 9px solid #333; border-top: 5px solid #333; margin-bottom: 0; margin-top: 21px; position: relative; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover {background: #333; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName {margin-left: 15px; margin-top: 2px; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName button {color: #fff; } #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk {margin-top: 0px !important; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName {display: inline-block; float: left; margin-left: 10px; text-align: left; width: 50%; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a:hover {text-decoration: underline; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk {display: inline-block; float: right; margin: 7px 15px 0; text-align: right; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow {background: #555; border-radius: 2px; font-size: 12px !important; text-transform: uppercase; color: #fff; cursor: pointer; display: inline-block; padding: 6px 10px; text-align: center; text-decoration: none; width: auto; border: 0; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow > span:before, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny > span:before, .tac_activate .tarteaucitronAllow > span:before {margin-right: 5px;} #tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {background-color: #1B870B; opacity: 1; } #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected, #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected {background-color: #9C1A1A; opacity: 1; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {background-color: #1B870B; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {background-color: #9C1A1A; } #tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow{opacity: 0.4; } #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName .tarteaucitronListCookies {color: #333; font-size: 12px; } #tarteaucitron .tarteaucitronH3 {font-size: 18px; } #tarteaucitron #tarteaucitronMainLineOffset .tarteaucitronName {width: auto!important; margin-left: 0!important; font-size: 14px; } span#tarteaucitronDisclaimerAlert {padding: 0 10px; display: inline-block; } #tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {border-color: #333!important; } /* Big alert */ .tarteaucitronAlertBigTop {top: 0; } .tarteaucitronAlertBigBottom {bottom: 0; } #tarteaucitronRoot #tarteaucitronAlertBig {background: #333; color: #fff; display: none; font-size: 15px !important; left: 0; position: fixed; box-sizing: content-box; z-index: 2147483645; padding: 10px 0 10px 0; margin: auto; width: 100%; } #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {font: 15px verdana; color: #fff; } #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {font-weight: 700; } #tarteaucitronAlertBig #tarteaucitronPrivacyUrl, #tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog {cursor: pointer; } #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {background: #008300; color: #fff; cursor: pointer; display: inline-block; font-size: 16px!important; line-height: 1.2; padding: 5px 10px; text-decoration: none; margin-left: 7px; } #tarteaucitronRoot .tarteaucitronDeny {background: #9C1A1A; } #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog {background: #fff; color: #333; font-size: 13px; margin-bottom: 3px; margin-left: 7px; padding: 5px 10px; } #tarteaucitronPercentage {background: #0A0!important; box-shadow: 0 0 2px #fff, 0 1px 2px #555; height: 5px; left: 0; position: fixed; width: 0; z-index: 2147483644; } /* Icon */ .tarteaucitronIconBottomRight {bottom: 0; right: 0; } .tarteaucitronIconBottomLeft {bottom: 0; left: 0; } .tarteaucitronIconTopRight {top: 0; right: 0; } .tarteaucitronIconTopLeft {top: 0; left: 0; } .tarteaucitronIconTopLeft #tarteaucitronManager {border-radius: 2px 7px 7px 2px; } .tarteaucitronIconTopRight #tarteaucitronManager {border-radius: 7px 2px 2px 7px; } .tarteaucitronIconBottomLeft #tarteaucitronManager {border-radius: 7px 7px 2px 2px; } .tarteaucitronIconBottomRight #tarteaucitronManager {border-radius: 7px 7px 2px 2px; } #tarteaucitronIcon { width: 50px; height: 50px; position: fixed; display: none; z-index: 2147483646; left: 0; bottom: 0;background: rgba(0, 0, 0, .8) url("images/cookies.svg") no-repeat center 9px;background-size: 22px auto;border-radius: 0 2px 0 0;} #tarteaucitronIcon:hover {background-color: rgba(0, 0, 0, .95)} #tarteaucitronIcon #tarteaucitronManager {width: 50px; height: 50px;color: transparent; cursor: pointer; display: inline-block; font-size: 11px !important; padding: 0; border: none; } #tarteaucitronIcon #tarteaucitronManager:after {content: "cookies"; text-transform: uppercase; font-size: 8px; position: absolute;position: absolute;z-index: 9999;color: #fff;bottom: 4px;left: 6px;} #tarteaucitronIcon #tarteaucitronManager img {width: 50px; height: 50px; display: none !important;} #tarteaucitronRoot .tarteaucitronCross::before {content: '\2717'; display: inline-block; color: white; } #tarteaucitronRoot .tarteaucitronCheck::before {content: '\2713'; display: inline-block; color: white; } #tarteaucitronRoot .tarteaucitronPlus::before {content: '\271b'; display: inline-block; color: white; background: #333; width: 18px; height: 18px; text-align: center; line-height: 19px; border-radius: 50%; font-size: 12px;margin-right: 4px;cursor: pointer;} /* Small alert */ .tarteaucitronAlertSmallTop,.tarteaucitronAlertSmallBottom {bottom: 0; } #tarteaucitronAlertSmall {background: #333; display: none; padding: 0; position: fixed; right: 0; text-align: center; width: auto; z-index: 2147483646; } #tarteaucitronAlertSmall #tarteaucitronManager {color: #fff; cursor: pointer; display: inline-block; font-size: 11px !important; padding: 8px 10px 8px; } #tarteaucitronAlertSmall #tarteaucitronManager:hover {background: rgba(255, 255, 255, 0.05); } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {background-color: gray; border-radius: 5px; display: block; height: 8px; margin-bottom: 1px; margin-top: 5px; overflow: hidden; width: 100%; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow, #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {display: block; float: left; height: 100%; width: 0%; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotGreen {background-color: #1B870B; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotYellow {background-color: #FBDA26; } #tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot #tarteaucitronDotRed {background-color: #9C1A1A; } #tarteaucitronAlertSmall #tarteaucitronCookiesNumber {background: rgba(255, 255, 255, 0.2); color: #fff; cursor: pointer; display: inline-block; font-size: 30px; padding: 0px 10px; vertical-align: top; } #tarteaucitronAlertSmall #tarteaucitronCookiesNumber:hover {background: rgba(255, 255, 255, 0.3); } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer {display: none; max-height: 70%; max-width: 500px; position: fixed; right: 0; width: 100%; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList {background: #fff; border: 2px solid #333; color: #333; font-size: 11px; height: auto; overflow: auto; text-align: left; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList strong {color: #333; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle {background: #333; margin-top: 21px; padding: 13px 0 9px 13px; text-align: left; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle strong {color: #fff; font-size: 16px; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain {background: rgba(51, 51, 51, 0.1); padding: 7px 5px 10px; word-wrap: break-word; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover {background: rgba(51, 51, 51, 0.2); } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain a {color: #333; text-decoration: none; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft {display: inline-block; width: 50%; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListLeft a strong {color: darkred; } #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain .tarteaucitronCookiesListRight {color: #333; display: inline-block; font-size: 11px; margin-left: 10%; vertical-align: top; width: 30%; } /* Fallback activate link */ .tac_activate {background: #333; color: #fff; display: table; font-size: 12px; height: 100%; line-height: initial; margin: auto; text-align: center; width: 100%; } .tac_float {display: table-cell; text-align: center; vertical-align: middle; } .tac_activate .tac_float strong {color: #fff; } .tac_activate .tac_float .tarteaucitronAllow {background-color: #1B870B; display: inline-block; } /* CSS for services */ ins.ferank-publicite, ins.adsbygoogle {text-decoration: none; } div.amazon_product {height:240px; width:120px; } .tarteaucitronIsAllowed .tarteaucitronDeny {opacity: 0.4!important; } .tarteaucitronIsDenied .tarteaucitronAllow {opacity: 0.4!important; } .tarteaucitronIsAllowed .tarteaucitronAllow {opacity: 1!important; } .tarteaucitronIsDenied .tarteaucitronDeny {opacity: 1!important; } .tarteaucitronLine .tarteaucitronAllow, .tarteaucitronLine .tarteaucitronDeny {opacity: 0.4; } #tarteaucitronServices_mandatory button.tarteaucitronAllow {opacity: 1; } div#tarteaucitronInfo {display: block!important; position: relative !important; text-align: center!important; max-width: 100%!important; padding: 15px 0 10px!important; margin: -10px 0 10px!important; font-size: 12px!important; border-bottom: 1px solid; border-color: #555; } a.tarteaucitronSelfLink {position: absolute; left: 0; right: 0; bottom: -30px; text-align: center!important; display: block; height:30px; } .tarteaucitronMainLine .tarteaucitronH2 {font-size: 1.2em!important; margin-top: 4px!important; } span.tarteaucitronTitle.tarteaucitronH3 {margin-top: 12px!important; } #tarteaucitronCloseCross {position:absolute; color: #FFFF; font-size:1.8rem; cursor: pointer; top: 10px; right: 26px } .tarteaucitron-spacer-20 {height: 20px; display: block; } .tarteaucitron-display-block {display: block; } .tarteaucitron-display-none {display: none; } html body #tarteaucitronServices #tarteaucitronInfo #tarteaucitronPrivacyUrlDialog {background-color: transparent; color: #fff; text-decoration: underline; font-size: 12px !important;} @media (min-width: 730px) { html body #tarteaucitronRoot div#tarteaucitronAlertBig[style*="display: block;"] {display: -ms-flexbox !important; display: flex !important;-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;} } .embed-responsive .tarteaucitron-magic-block {position: absolute; left: 0; top: 0; right: 0;}