/*
Theme Name: Template Triade
Theme URI: https://www.oracle-de-la-triade.com/
Description: Theme Triade
Version: 1.0
Author: Elodie B.
Author URI: https://www.elodieberger.com/
Text Domain: Triade
*/

@font-face {font-family: 'OpenSans-Regular'; font-style: normal; font-weight: normal; font-display: swap; src: url('fonts/OpenSans-Regular.woff') format('woff'),url('fonts/OpenSans-Regular.woff2') format('woff2'); }
@font-face {font-family: 'OpenSans-SemiBold'; font-style: normal; font-weight: normal; font-display: swap; src: url('fonts/OpenSans-SemiBold.woff') format('woff'),url('fonts/OpenSans-SemiBold.woff2') format('woff2'); }
@font-face {font-family: 'Gloock'; font-style: normal; font-weight: normal; font-display: swap; src: url('fonts/Gloock.woff') format('woff'),url('fonts/Gloock.woff2') format('woff2'); }

:root {
	--DarkViolet: #342c48;
	--DarkVioletHover: #4a3e68;
	--DoreBright: #f8d37f;
	--LightBg:#f4eeee;
	--Beige: #ecdfc2;
	--Rose:#bd067a;
	--RoseHover:#960561;
	--Dore: #c8a93f;
	--Violet: #6b5c7a;
}

/* GENERAL */

html {font-size: 12px;}
body {font-size: 18px;line-height: 1.4; color: #555; background-color: #fff; font-family: 'OpenSans-Regular', Arial, sans-serif;}

p, ul, table {font-size: 1em;margin-bottom:1em;}
a {color: var(--Rose);text-decoration: none;}
a:hover {}
.m-text a {font-family: 'OpenSans-SemiBold'; text-decoration: underline;}

b, strong {font-family: 'OpenSans-SemiBold';}
h1 {color: var(--DarkViolet); font-size: 1.45em; margin-bottom: .8em;line-height: 1.2em;font-family: "Gloock", serif;font-weight: 400;font-style: normal;}
h2 {color: var(--DarkViolet); font-size: 1.35em; margin-bottom: 1em;line-height: 1.2em;font-family: "Gloock", serif;font-weight: 400;font-style: normal;}
h3, .h3 {color: var(--DarkViolet); font-size: 1.05em; margin-bottom: 1.2em;font-family: 'OpenSans-SemiBold'; font-weight: normal; text-transform: uppercase; letter-spacing: .02em;}
h3:after, .h3:after {content: ""; width: 80px; height: 3px; margin-top: 15px; display: block; background-color: var(--DarkViolet);}

h4 {font-family: 'OpenSans-SemiBold'; font-size: 1.05em; margin-bottom: .9em;color: var(--DarkViolet);}

h3.has-minus span {text-transform: none;}
.notiret {text-transform: none;margin-bottom: .8em;}
.notiret:after {content: none;}

h2#tirage-3-cartes {background: url("images/h2-tirage-3-cartes.webp") no-repeat right bottom; background-size: 100px auto; padding-right: 130px;}
h2#tirage-triangle {background: url("images/h2-tirage-triangle.webp") no-repeat right bottom; background-size: 100px auto; padding-right: 130px;}
h2#tirage-en-croix {background: url("images/h2-tirage-croix.webp") no-repeat right bottom; background-size: 100px auto; padding-right: 130px;}

.h2sm {font-family: 'OpenSans-SemiBold'; font-size: 1.1em;}

.main-subtitle {font-family: 'OpenSans-SemiBold'; font-size: 1.1em; padding-top: .55em; color: var(--DarkViolet);line-height: 1.2em;}

.keywords {font-family: 'OpenSans-SemiBold'; font-size: 1.05em;color:var(--Dore); font-size: 1.2em;}
.keywords span {display: block; color: var(--Dore); text-transform: uppercase;letter-spacing: .02em; font-size: .75em; margin-bottom: 5px;}

@media (min-width: 480px) {
	h1 {font-size: 1.6em;}
	h2 {font-size: 1.7em;}
	h3, .h3 {font-size: 1.075em;}
	.main-subtitle {font-size: 1.15em;padding-top: .5em;}
}
@media (min-width: 768px) {
	h1 {font-size: 1.8em;}
	h2 {font-size: 2em;}
	h3, .h3 {font-size: 1.1em;}
	.main-subtitle {font-size: 1.2em;padding-top: .45em;}
}
@media (min-width: 992px) {
	h1 {font-size: 2.1em;}
	h2 {font-size: 2.1em;}
	h3, .h3 {font-size: 1.15em;}
	.main-subtitle {font-size: 1.25em;padding-top: .4em;}
}
@media (min-width: 1200px) {
	h1 {font-size: 2.4em;}
	h2 {font-size: 2.4em;}
	h3, .h3 {font-size: 1.2em;}
	.main-subtitle {font-size: 1.3em;padding-top: .35em;}
}

.m-text table {width:100%;border:0;max-width:100%;}
.m-text table td, .m-text table th {padding:.6em .9em;border: 1px solid var(--Violet);font-size: .9em;vertical-align: middle;}
.m-text table thead th, .m-text table thead td {padding:.75em .9em;background-color: var(--Violet); color: #fff; text-align: center; vertical-align: middle;}

.m-text ul {padding-left: 0; list-style: none;}
.m-text li {position: relative; padding-left: 16px;margin-bottom: .3em;}
.m-text li:before {position: absolute;content: ""; width: 6px; height: 6px; border-radius: 50%;left: 1px; top: 9px;background-color: #555;}
.m-text .list-unstyled li {padding-left: 0;}
.m-text .list-unstyled li:before {content: none;}

.m-text blockquote {font-size: 1.2em; padding-left: 15px; border-left: 4px solid var(--Dore); color: var(--Violet);line-height: 1.2em;font-family: "Gloock", serif;font-weight: 400;font-style: normal; margin: 0;position: relative;}

hr {border: 0;border-top: 1px solid rgba(0, 0, 0, 0.2);margin-top: 1.6em; margin-bottom: 1.6em;}


.btn, #submit {padding: .6em 1.4em; font-size: 14px; text-align: center; background-color: var(--DarkViolet); color: #fff; border-radius: 8px; margin-bottom: 0; text-decoration: none !important;}
.btn:hover, #submit:hover {color: #fff;background-color: var(--DarkVioletHover);text-decoration: none;}

.btn--pink {background-color: var(--Rose);}
.btn--pink:hover {background-color: var(--RoseHover);}

.btn--amazon {background-color: #ffd814; color: #000; border-radius: 30px;}
.btn--amazon:hover {background-color: #f5c211;color: #000;}

@media (min-width: 480px) {
	.btn, #submit {font-size: 16px;}
}

/* ******************************* HEADER */

.page-header {background-color: var(--DarkViolet); z-index: 999;left: 0; right: 0; top: 0; border-bottom: 2px solid var(--DoreBright); box-shadow: 0 0 15px rgba(0, 0, 0, .4);}

.page-header--top {position: absolute; padding: 28px 0 8px;background-image: url("images/frise.webp"); background-repeat: repeat-x; background-position: 0 5px; background-size: 18px auto;}
.page-header--scroll {position: fixed;padding: 10px 0 7px;}
.page-header--scroll:before {height: 5px;}

.header-logo {font-size: 1.25em;}
.page-header--scroll .header-logo {font-size: 1.2em;}
.header-logo a {display: inline-block;line-height: .9em;}
.header-logo a img {margin-right: 10px; width: 80px; height: auto;}
.page-header--scroll .header-logo a img {width: 60px; }
.header-logo a strong {color: #f7e5cd; display: block;font-family: "Gloock", serif;font-weight: 400;font-style: normal;}
.header-logo a span { color:var(--DoreBright); display: inline-block;font-size: .675em;}
.header-logo a:hover {text-decoration: none;}
@media (min-width: 1200px) {
	.page-header--top {padding: 30px 0 10px;}
	.page-header--top .header-logo {font-size: 1.6em;}
	.page-header--scroll .header-logo {font-size: 1.25em;}
	.header-logo a span {font-size: .65em;}
}
@media (min-width: 1500px) {}


.breadcrumb {font-size: .8em; padding: 1.6em 0 1.4em;color: #555;}
.breadcrumb a {margin: 0 5px;color: #555;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb span:first-child > span:first-child > a {margin-left: 0;position: relative;}
.breadcrumb_last {margin-left: 5px;}

/* ******************************* 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;font-family: 'OpenSans-SemiBold';}
ul.nav-menu a:hover {text-decoration: none;}
ul.nav-menu .sub-menu a {font-family: 'OpenSans-Regular';}

.nav-toggle {display: block;}
.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; left: 0; right: 0; bottom: 0; overflow-y:scroll; background-color: var(--DarkViolet);}
	.page-header--top .main-nav {top: 117px;}
	.page-header--scroll .main-nav {top: 79px;}
	ul.nav-menu {max-width: 684px; margin: 0 auto; padding: 15px 0;}
	ul.nav-menu li a:hover {background-color: var(--DarkVioletHover);}
	ul.nav-menu li.menu-item-has-children a {position: relative;}
	ul.nav-menu li.menu-item-has-children > a:after {position: absolute; right: 10px; top: 50%; margin-top: -8px;}
	ul.nav-menu > li {border-bottom: 1px solid rgba(255, 255, 255, .2);}
	ul.nav-menu > li > a {padding: 15px 10px; font-size: 1.1em;}
	ul.nav-menu .sub-menu {margin-bottom:15px;font-size: .95em;}
	ul.nav-menu .sub-menu a {padding: 10px 10px 10px 30px;color: #f7e5cd;}
}
@media (max-width:767px) {
	ul.nav-menu > li > a {padding: 15px 30px;}
}

@media (min-width:992px) {
	.main-nav {display: block !important;}
	ul.nav-menu > li {display: inline-block;}
	ul.nav-menu > li > a {padding: 12px 15px; border-radius: 3px;}
	ul.nav-menu li > a:hover, .nav-menu li:hover > a { background: var(--DarkVioletHover); text-decoration: none; color: #fff; border-radius: 3px 3px 0 0;}
	ul.nav-menu li.menu-item-has-children > a:after {margin-left: 10px; width: 9px; height: 18px; position: relative; top: 3px;content: ""; display: inline-block;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'><path fill='%23ffffff' d='M119.5 326.9L3.5 209.1c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0L128 287.3l100.4-102.2c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L136.5 327c-4.7 4.6-12.3 4.6-17-.1z'/></svg>") no-repeat 0 0;}
	ul.nav-menu ul.sub-menu {top: 100%; background: var(--DarkVioletHover); width: 210px; position: absolute; left: -999em;z-index: 999; border-radius: 0 3px 3px 3px; font-size: .9em;}
	ul.nav-menu li:hover > ul.sub-menu {left: 0;}
	ul.nav-menu ul.sub-menu li:hover ul.sub-menu {left: 210px;top: 0;background: #144040;}
	ul.nav-menu ul.sub-menu li {border-top: 1px solid rgba(255, 255, 255, .2);}
	ul.nav-menu ul.sub-menu li a {padding: 12px 15px;}
	ul.nav-menu ul.sub-menu li:hover a,
	ul.nav-menu ul.sub-menu a:hover {background-color: rgba(255, 255, 255, .1); color: #fff;}
}

/* ******************************* FOOTER */

.page-footer {background-color: var(--DarkViolet);padding: 50px 0 30px; color: #fff;background-image: url("images/frise.webp"); background-repeat: repeat-x; background-position: 0 5px; background-size: 18px auto;}

.footer-mentions {font-size:0.85em; text-align: center; color: #b8ade1;}
.footer-mentions a {color: #b8ade1;text-decoration: underline;}
.footer-mentions a:hover {color: #fff;}

.footer-mention-affil {font-size:0.8em;color: #b8ade1; text-align: center;}

.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;}

/* ******************************* */

.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;}


#page {overflow: hidden; padding-top: 117px;}
@media (min-width: 1200px) {
	#page {padding-top: 123px;}
}

.toppage {background-color:var(--LightBg); padding-bottom: 2em;}
.bottompage {background-color: var(--LightBg); padding: 2em 0;}
@media (min-width: 992px) {
	.bottompage {padding: 3em 0;}
}


.author-box {box-shadow: 1px 1px 8px rgba(0,0,0,0.3);border-radius: 10px; padding: 20px 30px;}
.author-box img {border-radius: 50%;}
.author-box-content .author-name {font-size: 1.3em; font-weight: bold;}

/* ******************************* */


.hero {background-color: var(--LightBg); padding: 3em 0 200px; margin-bottom: 2em;background-repeat: no-repeat; background-position: left 50% bottom -30%; background-image: url("images/hero-cards.webp"); background-size: 350px auto;}
.hero p {font-size: 1.1em;}

.homblog {background-color:var(--LightBg); padding-bottom: 2em;}

.homeseo {font-size: .9em;}

@media (min-width: 480px) {}
@media (min-width: 768px) {
	.hero {padding-bottom: 3em; background-position: left 125% top 60%; background-size: 450px auto;}
}
@media (min-width: 992px) {
	.hero {margin-bottom: 3em;padding: 4em 0;background-position: left 102% top 50%; background-size: 500px auto;}
	.homblog {padding: 3em 0;}
}
@media (min-width: 1200px) {
	.hero {background-position: left 98% top -15%; background-size: 540px auto;}
}
@media (min-width: 1500px) {
	.hero {background-position: left 88% top -15%;}
}
@media (min-width: 1800px) {
	.hero {background-position: left 80% top -15%;}
}

.blocoracle {border: 1px solid #e5d4d4;}
.blocoracle-img {width: 200px;}
.blocoracle-img img {}
.blocoracle-text {padding: 15px 20px 15px 24px; flex: 1;}
.blocoracle-text p {font-size: .9em;}


.blocotheroracle {border: 1px solid #e5d4d4;}
.blocotheroracle a {display: block; padding: 25px; color: var(--DarkViolet);font-family: 'OpenSans-SemiBold';}
.blocotheroracle a:hover {background-color: var(--LightBg);}

/* ******************************* */



.toc-list {counter-reset: item;list-style: none;padding-left: 0;font-size: .9em;}
.toc-list li {display: block;counter-increment: item;margin: 0.15em 0 .2em;}
.toc-list > li {margin-bottom: .2em;}
.toc-list li:before {content: counters(item, ".") ". "; display: inline;}
.toc-list ol {counter-reset: item;list-style: none;padding-left: 1.5rem;}
.toc-list a {display: inline; color: var(--DarkViolet);}
.toc-list > li > a {font-family: 'OpenSans-SemiBold';}
.toc-list ol a {font-family: 'OpenSans-Regular';}
.m-toc ol li a:hover {text-decoration: underline;}

.m-toc .toc-toggle {text-transform: uppercase;letter-spacing: .02em; text-align: left;}

@media (max-width: 991px) {
	.m-toc .toc-toggle {width: 100%; font-size: .9em; background-color: #fff; border: 1px solid #e5d4d4; padding: 10px 45px 10px 15px;background-position: right 15px top 50%; background-repeat: no-repeat; background-size: 24px auto !important;}
	.m-toc .toc-toggle[aria-expanded="false"] {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23000000' d='M384 240v32c0 6.6-5.4 12-12 12h-88v88c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-88h-88c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h88v-88c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v88h88c6.6 0 12 5.4 12 12zm120 16c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-48 0c0-110.5-89.5-200-200-200S56 145.5 56 256s89.5 200 200 200 200-89.5 200-200z'/></svg>");}
	.m-toc .toc-toggle[aria-expanded="true"] {border-bottom: 0; background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23000000' d='M140 284c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h232c6.6 0 12 5.4 12 12v32c0 6.6-5.4 12-12 12H140zm364-28c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-48 0c0-110.5-89.5-200-200-200S56 145.5 56 256s89.5 200 200 200 200-89.5 200-200z'/></svg>");}
	.toc-list {background-color: #fff; border: 1px solid #ccc; border-top: 0; padding: 5px 15px 10px; }
}
@media (min-width: 992px) {
	.m-toc {background-color: #fff; border: 1px solid #e5d4d4; padding: 20px;}
	.toc-toggle {font-size: .8em; pointer-events: none; cursor: default; background-color: transparent; border: 0; margin-bottom: 5px;}
	.m-toc--article .toc-list {font-size: .95em;}
	.m-toc--article li {margin-bottom: .5em;}
	.m-toc--article  .toc-toggle {margin-bottom: 10px;}
}
.m-toc--article {background-color: #f6f6f6;}


.card-hero figcaption {text-align: center; font-size: .85em; padding-top: 5px;}

.m-card-picker label {font-size: .95em;color: var(--DarkViolet);}
.bottompage .m-card-picker label {font-family: 'OpenSans-SemiBold';}


details.card-index summary {font-size: .95em; color: var(--DarkViolet);}
details.card-index a {font-size: .9em; color: var(--DarkViolet);}
details.card-index a:hover {text-decoration: underline;}


.card-nav .card-nav-prev a,
.card-nav .card-nav-next a {background-color: var(--DarkViolet); color: #fff; padding: 10px;border-radius: 5px;}
.card-nav .card-nav-prev a:hover,
.card-nav .card-nav-next a:hover {background-color: var(--DarkVioletHover);}
.card-nav .card-nav-all {width: 100%;text-align: center;}
.card-nav-type {display: block;font-size: .85em;}
.card-nav-name {display: block;}

@media (min-width: 992px) {
  .card-nav .card-nav-all {width: auto;}
}


.encart-wrap {border-radius: 5px; padding: 30px; background-position: right bottom; background-repeat: no-repeat; background-size: 150px auto;}
.encart--light .encart-wrap {background-color: var(--LightBg);background-image: url("images/bg-encart-light.webp");}
.encart--dark .encart-wrap {background-color: var(--DarkViolet); color: #e9e7f5; background-image: url("images/bg-encart-dark.webp");}
.encart--dark .h3:after {background-color: #fff;}
.encart--dore .encart-wrap {background-color: var(--Beige);background-image: url("images/bg-encart-dore.webp");}
.encart--dark a {color: var(--Dore);}
.encart--light .encart-title {color: var(--DarkViolet);}
.encart--dark .encart-title {color: #fff;}
.encart--amazon .encart-wrap {background-color: #f4f4e8;}
.encart-title {font-family: 'OpenSans-SemiBold';}

.exemple {border: 1px solid var(--Dore); background-color: #fefaf1}
.exemple summary {font-family: 'OpenSans-SemiBold';padding: 15px;}
.exemple summary:hover {background-color: #f5eede;}
.exemple .m-text {padding: 0 15px 15px;font-size: .9em;}

.faq-items {border-top: 1px solid #ddd;}
.faq-item, .m-text--assos details {border-bottom: 1px solid #ddd;}
.faq-item summary, .m-text--assos details summary {padding: 15px 0;font-family: 'OpenSans-SemiBold';}


.fiche-mention {border-top: 1px solid rgba(0,0,0,0.2); font-size: .85em; font-style: italic;}

.bijoux {border-top: 1px solid rgba(0,0,0,0.2);font-size: .85em; font-style: italic; padding-top: 1em; border-bottom: 1px solid rgba(0,0,0,0.2);}


.fulloracle-card {margin-bottom: 26px;}
.fulloracle-card h3 {margin-bottom: 0; padding: 5px; text-transform: none;background-color: var(--LightBg);}
.fulloracle-card h3:after {content: none;}

.fulloracle-card details {padding: 10px 0; border-bottom: 1px solid #ddd;}
.fulloracle-card details summary {font-family: 'OpenSans-SemiBold';}
.fulloracle-card details div {padding: 16px 0 8px;font-size: .9em;}
.fulloracle-card details div blockquote {font-style: italic; position: relative; margin: 0 0 15px;position: relative; line-height: 1.2em; opacity: .85;}



/* ******************************* */


.quickaccess {background-color: var(--Violet); padding: 18px 15px; border-radius: 3px;}
.quickaccess p {color: #fff;}
@media (min-width: 768px) {
	.quickaccess {display: inline-block;padding: 15px 30px;}
}

.minicard {position: relative;}
.minicard a {display: inline-block; margin-bottom: 10px; color: var(--DarkViolet); line-height: 1.2em;}
.minicard a:after {content: "";position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.minicard span {}
.minicard img {width: 70px; height: auto; margin-right: 10px;border-radius: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, .3);}
.minicard:hover img {box-shadow: 0 0 4px rgba(0, 0, 0, .7);}
.minicard-title {font-family: 'OpenSans-SemiBold';}
.minicard-keywords {font-size: .8em;display: block; line-height: 1.2em; color: var(--Violet);}
.minicard:hover .minicard-title {color: var(--Rose);}
.minicard:hover .minicard-keywords {color: var(--Rose);}


/* 404 */
svg.error-icon {width: 50px;margin: 20px auto 40px;}
svg.error-icon path {fill: #000;}

/* Sitemap */
.m-sitemap ul {list-style: none; padding: 0;}
.nav-sitemap a:hover {text-decoration: underline;}
.nav-sitemap > li {margin-bottom: .8em;}
.nav-sitemap > li > a {font-size: 1.05em;font-family: 'OpenSans-SemiBold';}
.nav-sitemap > li > ul {padding: 1em 0 0 1em; font-size: .9em;}
.nav-sitemap > li > ul > li {margin-bottom: .5em;}
.nav-sitemap > li > ul ul {padding-left: 15px;}
.nav-sitemap > li > ul ul li {padding-top: 5px;}
.nav-sitemap > li > ul ul li:before {content: "⨽ "}

/* ************* ARTICLES */

.single-heroimg {border-radius: 4px;}

.m-blogarticle {border: 1px solid #e5d4d4; height: 100%;position: relative;background-color: #fff;}
.m-blogarticle:hover {border-color: var(--Violet);}
.m-blogarticle-content {padding: 20px;}
.m-blogarticle-content a {display: block; font-family: 'OpenSans-SemiBold'; margin-bottom: 10px; color: var(--DarkViolet);}
.m-blogarticle:hover .m-blogarticle-content a {color: var(--Rose);}
.m-blogarticle-content a:after {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.m-blogarticle-content p {margin: 0;font-size: .85em;}

/* 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: var(--DarkViolet); font-size: 1.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 {background-color: var(--DarkViolet); border-color: var(--DarkViolet);color: #fff; z-index: 2;cursor: default;}
.wp-pagenavi a:focus, .wp-pagenavi a:hover {color: var(--DarkViolet);background-color: var(--LightBg);text-decoration: none; }


/* FORMS */

.form-control {font-size: 16px;padding: 0.4em 0.8em; border-radius: 2px; background-color: var(--LightBg); border: 1px solid #dbd7ea;}
.form-control:focus {border-color: var(--Violet);}

.form-select {font-size: 16px;padding:  0.4em 0.8em; border-radius: 2px; background-color: var(--LightBg); border: 1px solid #dbd7ea;background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");background-position: right 0.75rem center;background-size: 16px 12px;}
.form-select:focus {border-color: var(--Violet);}

.toppage .form-select,
.bottompage .form-select {background-color: #fff; border: 1px solid #e5d4d4;}
.m-card-picker .form-select {padding-right: 60px;}

.form-check {min-height: 20px;}
.form-check input {width: 20px;height: 20px;border: 1px solid var(--Violet);background-color: var(--LightBg);background-size: contain;}
.form-check input:checked {background-color: var(--Violet);border-color: var(--Violet);}
.form-check input:checked[type=checkbox] {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>");}
.form-check input:checked[type=radio] {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23fff'/></svg>");}

.form-control::-webkit-file-upload-button {color: #fff; background-color: var(--Violet);}
.form-control::file-selector-button {color: #fff; background-color: var(--Violet);}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {background-color: var(--Violet);}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {background-color: var(--Violet);}

.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;}


/* 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 </body> */
#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;}


.pickacard {display: inline-block;}
.pickacard-wrap{position: relative;width: 130px;}
.pickacard--triade .pickacard-wrap {height: 213px;}
.pickacard--miroirs .pickacard-wrap {height: 211px;}
.pickacard img {position: absolute;left: 0; transform-origin: bottom;transition: all .3s linear; border-radius: 8px;box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);}
.pickacard:hover .card-1 {transform: rotate(60deg);}
.pickacard:hover .card-7{transform: rotate(-60deg);}
.pickacard:hover .card-2{transform: rotate(40deg);}
.pickacard:hover .card-6{transform: rotate(-40deg);}
.pickacard:hover .card-3{transform: rotate(20deg);}
.pickacard:hover .card-5{transform: rotate(-20deg);}