/* Theme Name: Template Tarot Guide Theme URI: https://www.tarot-guide.com/ Description: Theme Tarot Guide Version: 1.0 Author: Elodie B. Author URI: https://www.elodieberger.com/ Text Domain: Tarot Guide */ :root { --Dore: #caa963; --DoreLight: #d4c69d; --DoreVeryLight: #f3efe4; --DoreBlack: #4f4b3e; --VieuxRose: #a53d50; --VieuxRoseDark: #8f2538; --carousel-slide-width: 60%; --carousel-button-color: currentColor; --carousel-button-bg: transparent; --carousel-button-border-radius: 50%; --carousel-button-shadow: none; --fancybox-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.92); --fancybox-content-color: #374151; --fancybox-content-bg: #fff; --fancybox-opacity: 1; --fancybox-accent-color: #caa963; --fancybox-thumbs-border-radius: 4px; --fancybox-thumbs-width: 96px; --fancybox-thumbs-ratio: 1.5; --fancybox-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); --carousel-button-height: 48px; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url('fonts/montserrat-v30-latin-900.woff2') format('woff2'); } /* GENERAL */ html {font-size: 12px;} body {font-size: 16px;line-height: 1.4; color: #555; background-color: #fff;font-family: Arial, sans-serif;} p, ul, table {font-size: 1em;margin-bottom:1em;} a {color: var(--VieuxRose);text-decoration: none;} .m-text a:not(.btn) {color: var(--VieuxRose);border-bottom: 1px dotted var(--VieuxRose);} .m-text a:not(.btn):hover {border-bottom-style: solid; background-color: #f6f6f6;} b, strong {font-weight:600;} h1 {color: #000; font-size: 1.4em; margin-bottom: 1.5em;font-weight: 900;line-height: 1.25em;font-family: "Montserrat", sans-serif;font-weight: 900;font-optical-sizing: auto;font-style: normal;} h1 span {display: inline; background: linear-gradient(to bottom, transparent 0%,transparent 50%,#f6eccf 50%,#f6eccf 100%);} body.home h1 span {display: inline; background: linear-gradient(to bottom, transparent 0%,transparent 50%,#fff 50%,#fff 100%);} h2 {color: #000; font-size: 1.3em; margin-bottom: 1.4em;font-weight: 900;line-height: 1.25em;font-family: "Montserrat", sans-serif;font-weight: 900;font-optical-sizing: auto;font-style: normal;} h2 span {color: var(--VieuxRose);} h3, .faq-item summary {color: #444; font-size: 1.1em; margin-bottom: 1.2em; font-weight: 900;line-height: 1.25em;font-family: "Montserrat", sans-serif;font-weight: 900;font-optical-sizing: auto;font-style: normal;} .faq-item h3 {font-size: 1.05em; color: #4d6d8b;} .main-content--apprendre h2 {color: var(--VieuxRose);} .main-content--apprendre h3 {color: #000;} @media (min-width: 480px) { h1 {font-size: 1.8em;} h2 {font-size: 1.5em;} h3, .faq-item summary {font-size: 1.15em;} } @media (min-width: 768px) { h1 {font-size: 2.2em;} h2 {font-size: 1.6em;} h3, .faq-item summary {font-size: 1.2em;} .faq-item h3 {font-size: 1.1em;} } @media (min-width: 992px) { h1 {font-size: 2.6em;} h2 {font-size: 1.7em;} h3, .faq-item summary {font-size: 1.25em;} } @media (min-width: 1200px) { h1 {font-size: 3em;} h2 {font-size: 1.8em;} h3, .faq-item summary {font-size: 1.3em;} } .m-text table {width:100%;border:0;max-width:100%;} .m-text table td, .m-text table th {padding:.6em .9em;border: 2px solid #444;font-size: .9em;vertical-align: middle;} .m-text table thead th, .m-text table thead td {padding:.75em .9em;background-color: #444; color: #fff; font-weight: 600;} .m-text ul {padding-left: 0; list-style: none;} .m-text li {position: relative; padding-left: 20px;margin-bottom: .8em;} .m-text li:before {position: absolute;content: ""; width: 10px; height: 10px; left: 0; top: 5px;background-color: #444;border-radius: 2px;} .m-text .list-unstyled li {padding-left: 0;} .m-text .list-unstyled li:before {content: none;} .m-text blockquote {font-size: .95em; border-left: 4px solid #444; line-height: 1.2em; padding: 10px 10px 10px 20px;font-style: italic; margin: 0;position: relative; background-color: #f6f6f6;} .m-text blockquote p {margin: 0;} hr {border: 0;border-top: 1px solid rgba(0, 0, 0, 0.5);margin-top: 1em; margin-bottom: 1.6em;} .m-text .alert {padding: .6em .9em;} .m-text .alert--white {background-color: #fff;} .m-text .alert--grey {background-color: #f6f6f6;} .m-text .alert--corail {background-color: var(--Corail); color: #fff;} .m-text .alert--corailLight {background-color: var(--CorailLight);} .m-text .alert--turquoiseLight {background-color: var(--TurquoiseLight);} .m-text .alert--vert {background-color: var(--Vert); color: #fff;} .m-text .alert--vertLight {background-color: var(--VertLight);} .m-text .alert--yellow {background-color: var(--Jaune);} .m-text .alert--turquoise {background-color: var(--Turquoise);} .m-text .alert--red {background-color: var(--Rouge); color: #fff;} .btn, #submit {padding: 14px 38px 14px 28px; font-size: 13px; text-transform: uppercase; letter-spacing: .06em; font-weight: bold; text-align: center; border-radius: 30px; background-color: #444; color: #fff; margin-bottom: 0; text-decoration: none !important; position: relative; white-space: pre-wrap;} .btn:hover, #submit:hover {color: #fff;background-color: #222;text-decoration: none;border-color: #444;} .btn:after {width: 7px; height: 19px; position: absolute; right: 18px; top: 50%; margin-top: -10px;-webkit-transition: all .2s 0s; transition: all .2s 0s;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;} .btn:hover:after {right:15px;} .btn.btn--outline {border: 2px solid #444; color: #444; background-color: transparent; font-weight: bold !important;} .btn.btn--outline:hover {background-color: #444; color: #fff;} .btn--corail {background-color: var(--Corail);} .btn--corail:hover {background-color: var(--CorailDark);} .btn--yellow {background-color: var(--Jaune); color: #000;} .btn--yellow:after {background-image: url("data:image/svg+xml;charset=utf8,");} .btn--yellow:hover {background-color: #000; color: var(--Jaune);border-color: #000;} .btn--yellow:hover:after {background-image: url("data:image/svg+xml;charset=utf8,");} .btn--turquoise {background-color: var(--Turquoise); color: #000;} .btn--turquoise:after {background-image: url("data:image/svg+xml;charset=utf8,");} .btn--turquoise:hover {background-color: #000; color: var(--Turquoise);border-color: #000;} .btn--turquoise:hover:after {background-image: url("data:image/svg+xml;charset=utf8,");} .btn--red {background-color: var(--Rouge);} .btn--red:hover {background-color: #000; color: var(--Rouge);border-color: #000;} .btn--red:hover:after {background-image: url("data:image/svg+xml;charset=utf8,");} .btn.btn--md {padding: 9px 32px 9px 15px;} .btn.btn--xs {padding: 4px 28px 4px 12px;text-transform: none; font-weight: normal;} .btn.btn--xs:after {right: 12px;} .btn.btn--xs:hover:after {right:9px;} a.link, .m-text a.link {color: #000; font-weight: bold;position: relative; border-bottom: 1px dotted; #444; padding-bottom: 3px;} a.link:after, .m-text a.link:after {content: ""; width: 7px; height: 19px; vertical-align: middle; margin-left: 8px; display: inline-block; position: relative; top: -1px;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;} a.link:hover, .m-text a.link:hover {color: var(--Rouge); border-bottom: 1px solid var(--Rouge);} a.link:hover:after, .m-text a.link:hover:after {background-image: url("data:image/svg+xml;charset=utf8,");} @media (min-width: 480px) { .btn, #submit {font-size: 14px;} } /* ******************************* HEADER */ .page-header {background-color: #444; z-index: 999; left: 0; right: 0; top: 0;} .page-header-top {position: absolute;padding: 15px 0;} .page-header-scroll {position: fixed;padding: 8px 0;} .logo {background: url("images/cartes.webp") no-repeat 0 0;background-size: 30px auto;} .header-logo {font-size: .75em;} .footer-logo {font-size: .85em; background-position: center 0; padding-top: 48px;} .logo a {display: inline-block;padding-left: 36px;} .logo a:hover {text-decoration: none;} .logo strong {font-weight: bold; color: var(--Dore);font-size: 1.3em; display: block;letter-spacing: .02em;} .logo span {display: block; letter-spacing: .05em;font-size: .875em; color: #fff;} @media (min-width: 480px) { .page-header-top {padding: 20px 0;} .page-header-scroll {padding: 10px 0;} .logo {background-size: 40px auto;} .logo a {padding-left: 48px;} .header-logo {font-size: .85em;} .footer-logo {font-size: .9em;} } @media (min-width: 992px) { .page-header {padding: 25px 0;} .page-header-scroll {padding: 10px 0;} } @media (min-width: 1200px) { .logo {background-size: 50px auto;} .logo a {padding-left: 65px;} .footer-logo {padding-top: 60px;} .header-logo {font-size: 1em;} } .header-languages {position: relative;} .header-languages ul {margin: 0;padding: 0;} .header-languages ul li {display: inline-block;position: relative; margin-left: 15px;} .header-languages a {display: block;white-space: nowrap;border: 2px solid #aaa; border-radius: 3px;} .header-languages a img {display: block;} .header-languages li.wpml-ls-current-language a {border-color: #fff;} .header-languages a:hover {text-decoration: none;border-color: #fff;} .breadcrumb {font-size: .8em; padding: 2em 0 .7em;color: #444;} .breadcrumb a {margin: 0 5px;color: #444;} .breadcrumb a:hover {text-decoration: underline;} .breadcrumb span:first-child > span:first-child > a {margin-left: 0;} .breadcrumb_last {margin-left: 5px;font-weight: bold;} /* ******************************* NAV */ .main-nav {position: relative;z-index: 997;} .main-nav ul {margin: 0; padding: 0;} ul.nav-menu li {display:block;position: relative;} ul.nav-menu a {display: block; color: #fff;letter-spacing: .05em;} ul.nav-menu a:hover {text-decoration: none;} .nav-toggle {display: block; margin-left: 30px;} .nav-icon {width: 40px; cursor: pointer;} .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 {-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: 84px; left: 0; right: 0; overflow-y:scroll; background-color: #444; bottom: 0; text-align: center;} .page-header-top .main-nav {top: 84px;} .page-header-scroll .main-nav {top: 64px;} ul.nav-menu li a:hover {background-color: #555;} ul.nav-menu > li {margin-bottom: 1.4em; border-top: 1px solid #666;} ul.nav-menu > li > a {padding: 10px; font-size: 1.05em; font-weight: bold;letter-spacing: .08em; text-transform: uppercase;border-bottom: 1px solid #666;} ul.nav-menu .sub-menu {margin:0;} ul.nav-menu .sub-menu a {padding: 10px; font-size: 1.05em; font-weight: bold;letter-spacing: .07em;} ul.nav-menu .sub-menu .sub-menu a {font-size: .9em; font-weight: normal;} } @media (max-width:479px) { .page-header-top .main-nav {top: 73px;} .page-header-scroll .main-nav {top: 59px;} } @media (min-width:992px) { .main-nav {display: block !important; font-size: .9em;} ul.nav-menu > li {display: inline-block;} ul.nav-menu > li > a {padding: 12px 15px; position: relative;} ul.nav-menu li > a:hover, .nav-menu li:hover > a {text-decoration: none; color: var(--DoreLight);} ul.nav-menu li.menu-item-has-children > a:after {position: absolute; width: 9px; height: 18px; bottom: -7px; left: 50%; margin-left: -5px;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,") no-repeat 0 0;} ul.nav-menu ul.sub-menu {top: 100%; background: #444; position: absolute; width: 240px; left: -999em;z-index: 999; padding: 27px 0 5px; text-align: center;} ul.nav-menu li:hover > ul.sub-menu {left: 50%; margin-left: -120px;} ul.nav-menu ul.sub-menu .sub-menu {position: relative; left: auto; padding: 0;margin: 0;} ul.nav-menu ul.sub-menu li {border-top: 1px solid #666;} ul.nav-menu ul.sub-menu a {padding: 10px 15px;} ul.nav-menu ul.sub-menu a:hover {background-color: #222;} ul.nav-menu ul.sub-menu .sub-menu a:before {content: "↳"; display: inline-block; margin-right: 4px;} } @media (min-width: 1200px) { .main-nav {font-size: .975em;} } /* ******************************* FOOTER */ .page-footer {background-color: #444;padding: 30px 0 20px; color: #fff;} .footer-mentions {font-size:0.85em; color: #eee;} .footer-mentions a {color: #eee;} .footer-mentions a:hover {text-decoration: underline;} .footer-mentions li:before {content:"-";display: inline-block;margin: 0 10px 0 0;} @media (max-width: 767px) { .footer-mentions li:first-child:before {content: none;} } .page-footer .col-12 {position: relative;} .back-to-top {width: 50px; height: 50px; border-radius: 50%; z-index: 80; display: inline-block; border: 3px solid #444; position: absolute; top: -55px; right: 15px;background: #666 url("data:image/svg+xml;charset=utf8,") center center no-repeat;background-size: 40% auto;} .back-to-top:hover {background-color: #888;} @media (min-width: 768px) { .back-to-top {width: 64px; height: 64px; top: -62px;} } .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: 73px;} @media (min-width: 480px) { #page {padding-top: 84px;} } @media (min-width: 992px) { #page {padding-top: 102px;} } .nocomments {display: none;} .alignleft {float:left; margin:0 15px 8px 0;} .alignright {float:right; margin:0 0 8px 15px;} img.aligncenter, .m-text picture.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-section--color {padding: 2em 0 1em;} .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;} .container--main {position: relative;z-index: 50;} /* ******************************* */ .single-sommaire {background-color: #444; border-radius: 3px;color: #fff;font-weight: bold;} .single-sommaire > p {text-transform: uppercase; letter-spacing: .05em; font-size: 1.1em; margin: 0; padding: 8px 14px; background-color: #222;} .single-sommaire ul {font-size: .95em;} .single-sommaire ul li {position: relative; border-top: 1px solid rgba(255, 255, 255, .3);} .single-sommaire ul li a {display: block;color: #fff;padding: 8px 14px 8px 30px;line-height: 1.2em;position: relative;z-index: 10;} .single-sommaire ul li a.active {background-color: var(--Dore) !important;} .single-sommaire ul ul {font-weight: normal;margin: 0; font-size: .9em;} .single-sommaire ul ul li a {padding-left: 48px; background-color: rgba(255, 255, 255, .1);} .single-sommaire ul li a:hover {background-color: #666;} .single-sommaire span.number {position: absolute; left: 14px; top: 9px; font-size: 12px;z-index: 30;} .single-sommaire ul ul span.number {left: 24px;} .single-sommaire span.number:after {content: ".";} @media (max-width: 991px) { .single-sommaire ul li a:after {content: "↓";position: absolute; right: 15px; top: 4px; font-size: 18px;} } .selectcards {position: relative;} .selectcards--mobile {position: fixed; left: 60px; right: 0; bottom: 0; z-index: 800;} .selectcards-toggle {display: block; margin: 0; color: #fff; cursor: pointer; padding: 16px 15px 14px; border-radius: 3px; background: var(--VieuxRose) url("data:image/svg+xml;charset=utf8,") no-repeat right 15px top 50%;background-size: 16px auto;} .selectcards--mobile .selectcards-toggle {border-radius: 0;} .selectcards-toggle span.title {display: block; text-transform: uppercase; letter-spacing: .04em; font-weight: bold; line-height: 1em;} .selectcards-toggle span.subtitle {display: block; font-size: .85em; line-height: 1em; padding-top: 4px;} .selectcards-toggle:hover {background-color: var(--VieuxRoseDark);} .selectcards.is-open .selectcards-toggle {border-radius: 3px 3px 0 0;} .selectcards.selectcards--mobile.is-open .selectcards-toggle {border-radius: 0;} .selectcards-panel {position: absolute; top: 100%; left:-999em; z-index: 80;} .selectcards--mobile .selectcards-panel {top: auto; bottom: 100%;} .selectcards.is-open .selectcards-panel {left: 0; right: 0;} .selectcards-panel ul {margin: 0; height: 288px;overflow-y: scroll;background-color: #444;border-radius: 0 0 3px 3px;} .selectcards--mobile .selectcards-panel ul {border-radius: 0;} .selectcards-panel ul li {border-top: 1px solid #777;} .selectcards--mobile .selectcards-panel ul li {border-bottom: 1px solid #777; border-top: 0;} .selectcards-panel ul li a {display: block; padding: 0 15px;line-height: 42px; white-space: nowrap; color: #fff; font-size: .95em;} .selectcards-panel ul li a:hover {text-decoration: none; background-color: #666;} @media (max-width: 767px) { .selectcards--mobiledesktop {position: fixed; left: 60px; right: 0; bottom: 0; z-index: 800;} .selectcards--mobiledesktop .selectcards-toggle {border-radius: 0;} .selectcards--mobiledesktop.is-open .selectcards-toggle {border-radius: 0;} .selectcards--mobiledesktop .selectcards-panel {top: auto; bottom: 100%;} .selectcards--mobiledesktop .selectcards-panel ul {border-radius: 0;} .selectcards--mobiledesktop .selectcards-panel ul li {border-bottom: 1px solid #777; border-top: 0;} } @media (min-width: 768px) { .selectcards--mobiledesktop {margin-bottom: 3em;} .selectcards--mobiledesktop .precision {font-weight: bold;} } /* ******************************* */ .scrollcards {overflow-x: scroll;position: relative;} /* ******************************* */ .tirage-thumbnail a {display: inline-block;position: relative;cursor: pointer;} .tirage-thumbnail img {display: block;border-radius: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, .6);} .tirage-thumbnail a:after {opacity: 0; content: "";display: inline-block;position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; border-radius: 50%;background: #000 url("data:image/svg+xml;charset=utf8,") no-repeat center center;-webkit-transition: all .2s 0s; transition: all .2s 0s; background-size: 50% auto;} .tirage-thumbnail a:hover img {box-shadow: 0 0 6px rgba(0, 0, 0, 1);} .tirage-thumbnail a:hover:after {width: 60px; height: 60px; margin: -30px 0 0 -30px;opacity: 1;} .tirage-thumbnail--association {background: url("images/bg-img-asso.webp") no-repeat right bottom; padding-bottom: 50px; background-size: auto 200px;max-width: 290px; margin-left: auto; margin-right: auto;} .tirage-thumbnail--association .dblimg {transform: rotate(-7deg); -webkit-transform: rotate(-7deg);width: auto; } .tirage-thumbnail--croix {background: url("images/bg-img-tirage.webp") no-repeat center center; background-size: 100% auto; padding: 62px 0;max-width: 290px;margin-left: auto; margin-right: auto;} .tirage-thumbnail--croix .dblimg {width: 222px; margin-left: auto; margin-right: auto;} .tirage-thumbnail--croix .dblimg img {height: 200px;} @media (min-width: 768px) { } @media (min-width: 992px) { .tirage-thumbnail--croix {background-position: center bottom; padding: 0 0 100px;background-size: 70% auto;} } @media (min-width: 1200px) { .tirage-thumbnail--croix {background-position: center bottom; padding: 0 0 120px;background-size: 60% auto;} } @media (min-width: 1500px) { .tirage-thumbnail--croix {background-position: center center; padding: 62px 0;background-size: 100% auto;} } /* ******************************* */ .encart {background-color: var(--DoreVeryLight); border-radius: 3px; padding: 30px;} .encart--assos {background-image: url("images/bg-encart-assos.webp"); background-repeat: no-repeat; background-position: right 5% bottom 0; background-size: 180px auto;} .encart--more, .encart--keypoints {background-image: url("images/bg-encart-generique.webp"); background-repeat: no-repeat; background-position: right center; background-size: 260px auto;} .encart--pagesfilles {background-image: url("images/bg-encart-tirages.webp"); background-repeat: no-repeat; background-position: right bottom; background-size: 180px auto;} .encart--keypoints ul > li:last-child {margin-bottom: 0;} @media (min-width: 768px) { .encart--pagesfilles {background-position: right top;} } /* ******************************* */ .faq-item {border-top: 1px solid #aaa;} section > .faq-item:last-child {border-bottom: 1px solid #aaa;} .faq-item summary {margin: 0; padding: 1.2em 0;} .faq-item summary:hover {background-color: #f6f4ed;} .faq-item summary span {display: block; font-family: Arial; font-size: .8em; line-height: 1.2em; padding-top: 5px; font-weight: normal;} .faq-item--hasimg summary {background-position: right 10px; background-repeat: no-repeat; background-size: 80px auto; padding-right: 90px;} #p1 summary {background-image: url("images/positions/croix-p1.webp");} #p2 summary {background-image: url("images/positions/croix-p2.webp");} #p3 summary {background-image: url("images/positions/croix-p3.webp");} #p4 summary {background-image: url("images/positions/croix-p4.webp");} #p5 summary {background-image: url("images/positions/croix-p5.webp");} #pc1 summary {background-image: url("images/positions/celtique-p1.webp");} #pc2 summary {background-image: url("images/positions/celtique-p2.webp");} #pc3 summary {background-image: url("images/positions/celtique-p3.webp");} #pc4 summary {background-image: url("images/positions/celtique-p4.webp");} #pc5 summary {background-image: url("images/positions/celtique-p5.webp");} #pc6 summary {background-image: url("images/positions/celtique-p6.webp");} #pc7 summary {background-image: url("images/positions/celtique-p7.webp");} #pc8 summary {background-image: url("images/positions/celtique-p8.webp");} #pc9 summary {background-image: url("images/positions/celtique-p9.webp");} #pc10 summary {background-image: url("images/positions/celtique-p10.webp");} /* ******************************* */ .list-cpt {} .list-cpt li {width: 48%; margin-right: 2%;} .list-cpt li a {text-align: center; color: #444;} .list-cpt li a strong {display: block;line-height: 1.2em;} .list-cpt li a span {display: block; font-size: .8em;line-height: 1.2em;} @media (min-width: 480px) { .list-cpt li {width: 31%;} } @media (min-width: 768px) { .list-cpt li {width: 22%; margin-right: 3%;} } /* ******************************* */ .related {background-color: var(--DoreVeryLight); padding: 3em 0 2em;position: relative; z-index: 10;} .related.related-cards {padding-top: 0;} .related h2 {color: var(--VieuxRose);} @media (min-width: 768px) { .related {padding: 4em 0 3em;} } @media (min-width: 1200px) { .related {padding: 5em 0 4em;} } /* ******************************* HOME */ .hero {background-color: #f6eccf; padding: 3em 0 2em;} .hero .col-12.col-xxl-11 {position: relative;} .hero-row {margin-bottom: 200px;} .hero-img {height: auto;position: absolute; left: 50%; width: 300px; bottom: -90px; margin-left: -150px;} .hero h1 {font-size: 1.4em;} .hero-baseline {font-weight: bold; font-size: 1.2em; color: #000;} @media (min-width: 480px) { .hero h1 {font-size: 1.5em;} } @media (min-width: 768px) { .hero h1 {font-size: 1.65em;} .hero-row {margin-bottom: 0;} .hero-img {top: 30px; bottom: auto; margin-left: 180px;} } @media (min-width: 992px) { .hero h1 {font-size: 1.85em;} } @media (min-width: 1200px) { .hero {padding: 4em 0 5em;} .hero h1 {font-size: 2em;} .hero-img {width: 400px; top: 0;} } @media (min-width: 1500px) { .hero-img {margin-left: 150px;} } .homesommaireblog.m-text {border-bottom: 1px solid #aaa;} .homesommaireblog.m-text li {margin-bottom: 1em;} .homesommaireblog.m-text a {color: #000;border: 0;} .encarthome .image {margin-right: 20px; width: 100px;} .encarthome .texte {flex: 1;} @media (min-width: 480px) { .encarthome .image {margin-right: 20px; width: 180px;} } @media (min-width: 768px) { .encarthome .image {margin-right: 30px; width: 200px;} } @media (min-width: 992px) { .encarthome .image {margin-right: 20px; width: 180px;} } @media (min-width: 1200px) { .encarthome .image {margin-right: 30px; width: 200px;} } .history {background-color: var(--DoreVeryLight); padding: 3em 0 2em;} .history h2, .history h3 {color: var(--DoreBlack);} @media (min-width: 768px) { .history {padding: 4em 0 3em;} } @media (min-width: 1200px) { .homeblogs {position: relative; z-index: 20;} .history {padding: 200px 0 4em;position: relative; z-index: 1; margin-top: -200px;} } /* 404 */ svg.error-icon {width: 50px;margin: 20px auto 40px;} /* Sitemap */ ul.listsitemap a {color: #000 !important;} ul.listsitemap a:hover {color: var(--VieuxRose) !important;} ul.listsitemap > li {margin-bottom: .8em;} ul.listsitemap ul {padding-top: .6em;} ul.listsitemap--cartes ul ul li {font-size: .9em;} ul.listsitemap--cartes ul ul li:before {content: "↳"; background-color: transparent;} /* ******************************* ARTICLES & LISTES */ .m-cardarticle {margin-bottom: 5px;position: relative;} .m-cardarticle-img {border-radius: 10px; box-shadow: 0 0 6px rgba(0, 0, 0, .6);} .m-cardarticle:hover .m-cardarticle-img {box-shadow: 0 0 6px rgba(0, 0, 0, 1);} .m-cardarticle-img img {border-radius: 10px;width: 50%;} .m-cardarticle-content {text-align: center; padding-top: 12px;} .m-cardarticle-content a {font-weight:600; color: #000; font-size: 1.1em; display: inline-block; line-height: 1.1em;} .m-cardarticle-content a:after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0;} .m-cardarticle:hover .m-cardarticle-content a {color: #000;} .m-cardarticle-excerpt {display: block; font-size: .875em;color: #444; line-height: 1.2em;} @media (min-width: 992px) { .m-cardarticle-content a {font-size: 1.2em;} } @media (min-width: 1500px) { .m-cardarticle {width: 288px; margin-left: auto; margin-right: auto;} } .minicarte {width: 204px;margin: 4px 10px 15px;} .minicarte a {display: block;position: relative; text-align: center;color: #000;border-radius: 5px; box-shadow: 1px 1px 3px rgba(0, 0, 0, .5);} .minicarte a:hover {box-shadow: 0 0 4px rgba(0, 0, 0, .8);} .minicarte .image {position: relative;border-radius: 5px;} .minicarte a img {display: inline-block;border-radius: 5px; width: 50%; height: auto;} .minicarte a .tooltip {position: absolute; width: 100px; bottom: -15px; opacity: 0; left: 50%; margin-left: -50px; text-align: center; background-color: #000; padding: 3px; border-radius: 4px;-webkit-transition: all .2s 0s; transition: all .2s 0s;z-index: 20;} .minicarte a .tooltip:before {content: ""; position: absolute; top: -8px; left: 50%; margin-left: -8px;width: 0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #000;} .minicarte a .tooltip span {font-size: .7em; display: inline-block; color: #fff;line-height: 1.2em; vertical-align: middle;} .minicarte a:hover .tooltip {bottom: -5px; opacity: 1;} .m-blogarticle {position: relative; height: 100%;box-shadow: 1px 1px 7px rgba(0, 0, 0, .3);border-radius: 5px;} .m-blogarticle:hover {box-shadow: 1px 1px 7px rgba(0, 0, 0, .6);} .m-blogarticle-img, .m-blogarticle-img img {border-radius: 5px 5px 0 0;} .m-blogarticle-content {padding: 18px; flex: 1;background-color: #f6f6f6;border-radius: 0 0 5px 5px;} .related .m-blogarticle-content {background-color: #fff;} .m-blogarticle-content a {display: inline-block; font-size: 1.2em; color: #000; font-weight: bold; margin-bottom: .9em; line-height: 1.2em;} .m-blogarticle-content a span {display: inline; position: relative;} .m-blogarticle-content a:after {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .m-blogarticle-content p {margin: 0; font-size: .9em; line-height: 1.2em;} .m-blogarticle:hover a {text-decoration: none;} @media (min-width: 992px) { .m-blogarticle-content a {font-size: 1.35em;} } @media (min-width: 1500px) { .m-blogarticle {width: 396px; margin-left: auto; margin-right: auto;} } /* PageNavi */ .wp-pagenavi {display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; -ms-flex-pack: center; justify-content: center; } .wp-pagenavi > * {margin-right: 5px;} .wp-pagenavi > *:last-child {margin-right: 0;} .wp-pagenavi span, .wp-pagenavi a {font-size: 1.1em; border: 3px solid #000;position: relative; display: block; padding: 0.5em 0.75em; line-height: 1.25;} .wp-pagenavi a {background-color: #fff; color: #000;} .wp-pagenavi span.pages {background-color: #000; color: #fff;} .wp-pagenavi span.current {background-color: var(--VieuxRose); border-color: var(--VieuxRose);color: #fff; z-index: 2;cursor: default;} .wp-pagenavi a:hover {background-color: var(--DoreVeryLight);text-decoration: none;} /* FORMS */ .form-group .label {display: inline-block; margin-bottom: 5px;} .form-control, #respond input[type=text],#respond input[type=email], #respond textarea {font-size: 16px;padding: 10px; background-color: #f6f6f6; border: 1px solid #aaa;} #respond textarea {max-width: 100%;} .form-control:focus, #respond input[type=text]:focus, #respond input[type=email]:focus, #respond textarea:focus {border-color: #444; background-color: #fff;} .form-select {font-size: 16px;padding: 10px; background-color: #f6f6f6; border: 1px solid #aaa;background-image: url("data:image/svg+xml,");background-position: right 0.75rem center;background-size: 16px 12px;} .form-select:focus {border-color: #444;} .form-check {min-height: 20px;} .form-check input {width: 20px;height: 20px;border: 1px solid #aaa;background-size: contain;background-color: #f6f6f6;} .form-check input:checked {background-color: #444;border-color: #444;} .form-check input:checked[type=checkbox] {background-image: url("data:image/svg+xml,");} .form-check input:checked[type=radio] {background-image: url("data:image/svg+xml,");} .form-control::-webkit-file-upload-button {color: #fff; background-color: #444;} .form-control::file-selector-button {color: #fff; background-color: #444;} .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {background-color: #444;} .form-control:hover:not(:disabled):not([readonly])::file-selector-button {background-color: #444;} .wpcf7-acceptance {font-size: .9em;} span.wpcf7-form-control-wrap, span.wpcf7-form-control-wrap > span {display: block; width: 100%;} span.wpcf7-list-item {display: block; margin: 0 0 1em 0;} span.wpcf7-list-item.last {margin-bottom: 0;} .form-check--inline span.wpcf7-list-item {display: inline-block; margin: 0 0 0 1em;} .form-check--inline span.wpcf7-list-item.first {margin-left: 0;} /* 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:0; border-radius: 2px;} .wpcf7 form.init .wpcf7-response-output {display: none;} .wpcf7 form.sent .wpcf7-response-output {background-color: #629c17;color:#fff; /* 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: #c03b17;color:#fff; /* Red */} .wpcf7-form-control-wrap {position: relative;} .wpcf7-not-valid-tip {color: red; font-size: .9em; font-weight: normal; display: block;padding-top: 4px;} .wpcf7-not-valid.form-control {border-color: red;} 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;} span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {content: " ";} span.wpcf7-list-item input {margin-right: 5px;} /* Fancybox */ .not-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none} .carousel{position:relative;box-sizing:border-box} .carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit} .carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing} .carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%} .carousel__track{display:flex} .carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y} .has-dots{margin-bottom:calc(0.5rem + 22px)} .carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none} .carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer} .carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out} .carousel__dots .carousel__dot.is-selected:after{opacity:1} .carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease} .carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)} .carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px} .carousel__button[disabled]{cursor:default;opacity:.3} .carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none} body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none} .fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left; --carousel-button-width: 48px; --carousel-button-height: 48px; --carousel-button-svg-width: 24px; --carousel-button-svg-height: 24px; --carousel-button-svg-stroke-width: 2.5; --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))} .fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit} .fancybox__container :focus{outline:thin dotted} body.is-using-mouse .fancybox__container :focus{outline:none} @media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px; --carousel-button-height:48px; --carousel-button-svg-width:27px; --carousel-button-svg-height:27px} } .fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))} .fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10} .fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)} .fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default} .fancybox__track{display:flex;height:100%} .fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;-webkit-overflow-scrolling:touch; --carousel-button-width: 36px; --carousel-button-height: 36px; --carousel-button-svg-width: 22px; --carousel-button-svg-height: 22px} .fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto} @media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px} } .fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20} .fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere} .is-loading .fancybox__caption{visibility:hidden} .fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)} .fancybox__nav .carousel__button{z-index:40} .fancybox__nav .carousel__button.is-next{right:8px} @media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px} } .fancybox__nav .carousel__button.is-prev{left:8px} @media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px} } .carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40} @media all and (min-width: 1024px){.carousel__button.is-close{right:40px} } .fancybox__content>.carousel__button.is-close{position:absolute;top:-36px;right:0;color:var(--fancybox-color, #fff)} .fancybox__no-click,.fancybox__no-click button{pointer-events:none} .fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)} .fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053} .fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%} .fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor} @keyframes fancybox-rotate{100%{transform:rotate(360deg)}} @keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}} .fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)} .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn} .fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut} .fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn} .fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut} .fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp} .fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown} .fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp} .fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown} @keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}} @keyframes fancybox-fadeOut{to{opacity:0}} @keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}} @keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}} @keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}} @keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}} .fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)} .fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px} .fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)} .fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)} .fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab} .fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing} .fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto} .fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in} .fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out} .fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab} .fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing} .fancybox__image{transform-origin:0 0;touch-action:none;user-select:none;transition:none} .has-image .fancybox__content{padding:0;background:transparent;min-height:1px} .is-closing .has-image .fancybox__content{overflow:visible} .has-image[data-image-fit=contain]{overflow:visible;touch-action:none} .has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain} .has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto} .has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto} .has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto} .has-image[data-image-fit=cover]{overflow:visible;touch-action:none} .has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%} .has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover} .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{flex-shrink:1;min-height:1px;overflow:visible} .fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%} .fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%} .fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff} .fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df} .fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent} .fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0} .fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)} .fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn} .fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0} .fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer} .fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:5px solid var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)} .fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92} .fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none} .fancybox__thumb{position:relative;width:100%;padding-top:calc(100% / (var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)} .fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between; --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))} @media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}} .fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn} .fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex} .fancybox__toolbar__items--left{margin-right:auto} .fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)} .fancybox__toolbar__items--right{margin-left:auto} @media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}} .fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased} .fancybox__progress{background:var(--fancybox-accent-color, rgba(1, 210, 232, 0.94));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none} .fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none} .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none} .fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block} .fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none} .fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} body.single .fancybox__content img {border-radius: 20px;} /* 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;}