/*
Theme Name: Template Sioule
Theme URI: https://www.sioule-canoe.fr/
Description: Theme Sioule
Version: 1.0
Author: Elodie B.
Author URI: https://www.elodieberger.com/
Text Domain: Sioule
*/


:root {
  --Bleu: #0b79bf;
  --BleuLighter: #008dcb;
  --BleuDark: #034f7b;
  --Jaune: #dfc02e;
  --JauneHover: #bfa217;
  --Noir: #0e0c19;

	--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: rgba(1, 210, 232, 0.94); /* Active thumb */
  --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;
}

/* GENERAL */

html {font-size: 12px;}
body {font-size: 16px;line-height: 1.4; color: var(--Noir); background-color: #fff; font-family: "Poppins", serif;font-weight: 300; font-style: normal;}

p, ul, table {font-size: 1em;margin-bottom:1em;}
a {color: var(--Bleu);text-decoration: none;}
a:hover {}
.m-text a:not(.btn) {border-bottom: 1px dotted var(--Bleu);}
.m-text a:not(.btn):hover {border-bottom-style: solid; background-color: #f6f6f6;}

.summary a:not(.btn) {border-bottom: 1px dotted var(--Bleu);}
.summary a:not(.btn):hover {border-bottom-style: solid; background-color: #f6f6f6;}

b, strong {font-weight:600;}
h1 {color: var(--Noir); font-size: 1.4em; margin-bottom: .8em;font-weight: 800;}
body.home h1 {position: absolute; left: -999em;}
h2 {color: var(--Noir); font-size: 1.2em; margin-bottom: .75em;font-weight: 800;}
h3 {color: var(--Noir); font-size: 1.05em;  margin-bottom: .9em;}
@media (min-width: 480px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
	h1 {font-size: 1.8em;}
	h2 {font-size: 1.5em;}
	h3 {font-size: 1.2em;}
}
@media (min-width: 1500px) {
	h1 {font-size: 3em;}
}

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

.img-fit {object-fit: cover;width: 100%;min-height: 100px;height: 100%;}

.m-text ul, .summary ul {padding-left: 0; list-style: none;}
.m-text li, .summary li {position: relative; padding-left: 1em;margin-bottom: .3em;}
.m-text li:before, .summary li:before  {position: absolute;content: ""; width: 6px; height: 6px; border-radius: 50%;left: 1px; top: 7px;background-color: var(--Noir);}
.m-text .list-unstyled li {padding-left: 0;}
.m-text .list-unstyled li:before {content: none;}

.m-text ul.checklist li {margin-bottom: .9em; padding-left: 20px;}
.m-text ul.checklist li:before {position: absolute;content: ""; border-radius: 50%;left: 1px; top: 5px;width: 14px; height: 14px;display: inline-block;background: transparent url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%230e0c19' d='M435.848 83.466L172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/></svg>") no-repeat 0 0;}

.m-text blockquote {background-color: #f6f6f6; border-left: 3px solid var(--BleuLighter); padding: 10px 10px 10px 20px;font-weight: 400; margin: 0;position: relative;}
.m-text blockquote p {margin: 0;}

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

.m-text .shadow {text-shadow: 1px 1px 2px rgba(0, 0, 0, .3);}

.btn, #submit {padding: 10px 30px; font-size: 14px; text-align: center; background-color: var(--Bleu); font-weight: 500; color: #fff; border-radius: 25px; margin-bottom: 0; text-decoration: none !important;}
.btn:hover, #submit:hover {background-color: var(--BleuDark);text-decoration: none;}

.btn--jaune {background-color: var(--Jaune); color: var(--BleuDark);}
.btn--jaune:hover {background-color: var(--JauneHover);}

.btn--outline {color: var(--Bleu); border: 1px solid var(--Bleu); background-color: transparent;}
.btn--outline:hover {color: #fff; background-color:var(--Bleu);}

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

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

.page-header {background-color: #fff; z-index: 999;position: relative;}

.header-topbar {background-color: var(--BleuLighter);}
.header-topbar a {color: #fff;display: inline-block; padding: 14px 15px;position: relative;}
.header-topbar a:hover {background-color: var(--BleuDark);}
.header-topbar a span.txt {text-transform: uppercase; font-weight: 500;font-size: 14px; letter-spacing: .03em; display: inline-block; vertical-align: middle;}
.header-topbar a svg {display: inline-block; height: 20px; width: auto; margin-left: 4px;display: inline-block; vertical-align: middle}
.header-topbar a svg path {fill: #fff;}

.header-topbar a .number {display: block; position: absolute; font-size: 12px; width: 16px; height: 16px; background-color: red; left: 24px; top: 9px; text-align: center; border-radius: 50%; font-weight: 500;}

.header-logo {position: relative; width: 160px; margin: -40px 0 8px 0;}
.header-logo a:hover {text-decoration: none;}

@media (min-width: 992px) {
	.page-header {background-color: var(--BleuLighter);}
	.page-header:before {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30px; background-color: var(--Bleu); z-index: 10px;}
	.header-logo {position: absolute;left: -20px; top: -47px;width: 170px;margin: 0;}
	.header-wrap {background-color: #fff; border-radius: 10px 10px 0 0; position: relative;}
	.header-topbar .topbar-phone {background-color: var(--Jaune); border-radius: 20px; padding: 5px 13px; color: var(--Noir);margin-left: 200px;}
	.header-topbar .topbar-phone:hover {background-color: #fff;}
	.header-topbar .topbar-phone svg {height: 17px;}
	.header-topbar .topbar-phone svg path {fill: var(--Noir);}
}
@media (min-width: 1200px) {
	.header-logo {left: 19px;top: -47px;width: 190px;}
}


.header-languages {position: relative;z-index: 998;margin-right: 20px;}  
.header-languages ul {margin: 0;padding: 0;}
.header-languages .gt_float_switcher { font-family: "Poppins", serif;font-size: 16px;border-radius: 0;color: #fff;background: transparent;box-shadow: none;}
.header-languages .gt_float_switcher .gt-selected {background-color: transparent;}
.header-languages .gt_float_switcher .gt-selected .gt-current-lang {padding: 5px;color: #fff;font-weight: 500;}
.header-languages .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23ffffff'/></svg>");}
.header-languages .gt_float_switcher img {width: 24px; }
.header-languages .gt_float_switcher .gt_options { position: absolute; background-color: #fff;}
.header-languages .gt_float_switcher .gt_options a {padding: 5px; white-space: nowrap;color: var(--Noir);}
.header-languages .gt_float_switcher .gt_options a:hover {background: #ccc; color: var(--Noir);}

@media (max-width: 991px) {
	.header-languages {position: absolute; top: 80px; left: 50%; margin-left: 190px;}
	.header-languages .gt_float_switcher {color: var(--Noir);}
	.header-languages .gt_float_switcher .gt-selected .gt-current-lang {color: var(--Noir);}
	.header-languages .gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%230e0c19'/></svg>");}
}
@media (max-width: 767px) {
	.header-languages {right: 80px; left: auto; margin-left: 0;}
}


.breadcrumb {font-size: .8em; padding: 3em 0 1em;text-transform: uppercase;letter-spacing: 1px;line-height: 1.4em;}
.breadcrumb a {margin: 0 5px;color: #999;}
.breadcrumb a:hover {text-decoration: underline;}
.breadcrumb span:first-child > span:first-child > a {margin-left: 0;}
.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;}
ul.nav-menu a:hover {text-decoration: none;}

ul.nav-menu a span {display: block; font-size: .9em; color: var(--Bleu); padding-top: 3px;}

.nav-toggle {display: block;}
.nav-icon {width: 40px; cursor: pointer;}
.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {background-color: var(--Noir); -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: 151px; left: 0; right: 0; overflow-y:scroll; background-color: #fff; padding: 20px 0;}
	ul.nav-menu {max-width: 684px; margin-left: auto; margin-right: auto;}
	ul.nav-menu li a:hover {background-color: #f6f6f6;}
	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 {margin-bottom: .8em;}
	ul.nav-menu > li > a {padding: 10px 0; font-weight: 500; font-size: 1.1em;}
	ul.nav-menu .sub-menu {margin:0;}
	ul.nav-menu .sub-menu li {border-top: 1px solid #fff;}
	ul.nav-menu .sub-menu li a {padding: 8px 0;}
}
@media (max-width:767px) {
	ul.nav-menu {max-width: 100%; margin-left: 15px; margin-right: 15px;}
}
@media (min-width:992px) {
	.main-nav {display: block !important; padding: 30px 20px 30px 0;}
	ul.nav-menu a {color: var(--Noir);font-weight: 400; font-size: .95em;}
	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(--Bleu);}
	ul.nav-menu li.menu-item-has-children > a:after {position: absolute; width: 9px; height: 18px; right: 0; top: 14px;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='%23000000' 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: #fff; width: 240px; position: absolute; left: -999em;z-index: 999;box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);}
	ul.nav-menu li:hover > ul.sub-menu {left: 0;}
	ul.nav-menu ul.sub-menu li {border-bottom: 1px solid #ccc;font-size: .95em;}
	ul.nav-menu ul.sub-menu > li:last-child {border: 0;}
	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 {color: var(--Bleu);}
}
@media (min-width: 1200px) {
	.main-nav {padding: 34px 30px 34px 0;}
	ul.nav-menu > li > a {font-size: 1em;}
	ul.nav-menu > li > a {padding: 12px 20px;}
}


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


.reassurance {background-color: #f6f6f6; padding: 3em 0 1.8em;}
.reassurance .item {text-align: center; margin: 0 1em 2em;}
.reassurance .item img {display: inline-block; margin-bottom: 10px;height: auto;width: 80px;}
.reassurance .item p {margin: 0;line-height: 1.2em;}
@media (min-width: 1200px) {
	.reassurance .item img {width: 90px;}
}
@media (min-width: 1500px) {
	.reassurance .item img {width: 100px;}
}

.page-footer {background-color: var(--Bleu) ;padding: 50px 0 10px; color: #fff;}

.footer-ouverture {}
.footer-ouverture p {margin: 0; font-size: 1.1em; font-weight: 500;}
.footer-ouverture svg {width: 20px; height: auto; margin-right: 10px;}
.footer-ouverture svg path {fill: #fff;}

.footer-contact {font-size: .95em;}
.footer-contact p {margin: 0;}
.footer-contact svg {width: 20px; height: auto; margin-right: 10px;}
.footer-contact svg path {fill: #fff;}
.footer-contact a {display: inline-block;color: #fff;}
.footer-contact a:hover {text-decoration: none; color: var(--Jaune);}
.footer-contact a:hover svg path {fill: var(--Jaune);}

.footer-mentions {font-size:0.85em; color: #9fd3f4;}
.footer-mentions a {color: #9fd3f4;}
.footer-mentions a:hover {text-decoration: underline;}

.footer-mentions li:before {content:"";width: 1px; height: 10px; background-color: #9fd3f4; display: inline-block;margin: 0 10px 0 0;}

@media (max-width: 767px) {
	.footer-mentions li:first-child:before {content: none;}
}

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


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


.m-accordion {border-top: 1px solid #ccc;}
.m-accordion-section {border-bottom: 1px solid #ccc;}
.m-accordion-title {color: var(--Noir);padding: 1em 30px 1em 0;position: relative; cursor: pointer;display:block; font-weight: 400; font-size: 1.05em;}
.m-accordion-title:hover {text-decoration: none;background-color: #f6f6f6;}
.m-accordion-title:focus {text-decoration: none;outline: none;}
.m-accordion-title:after {position: absolute; right: 0; top: 50%; margin-top: -11px; content: ""; display: inline-block;width: 22px; height: 22px;background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%230e0c19' d='M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z'/></svg>") no-repeat center center;}
.m-accordion-title.active {font-weight: 600;}
.m-accordion-title.active:after {background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%230e0c19' d='M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z'/></svg>");}
.m-accordion-panel {padding: 0 0 1em;display:none;font-variation-settings: 'wght' 300;}


.m-mosaic {margin: 0 -2px;}
.m-mosaic a {display: block;border: 1px solid #fff;overflow: hidden;}
.m-mosaic a:hover {text-decoration: none;background-color: #000;}
.m-mosaic img {width: 100%; height: auto;-webkit-transition: all .4s 0s; transition: all .4s 0s;}
.m-mosaic a:hover img {opacity: 0.9;-webkit-transform: scale(1.1);transform: scale(1.1);}


.flash {background-color: var(--Jaune); padding: 1em 0; font-weight: 500; overflow: hidden; color: #fff;}
.flash p {margin: 0; font-size: 1.05em;}
.flash-scroll {display: inline-block;white-space: nowrap;animation: defilement-rtl 20s infinite linear;cursor: pointer;padding: 0 0 0 100%;}
.flash:hover .flash-scroll {cursor: default;}
@keyframes defilement-rtl {
  0% {-webkit-transform: translate(0);transform: translate(0);}
  100% {-webkit-transform: translate(-100%);transform: translate(-100%);}
}
@media (min-width: 768px) {
	.flash {padding: 1.5em 0;}
}

.hero {position: relative;overflow: hidden;}
.m-video {position: relative; z-index: 10;}
.m-video video {max-width: 100%; width: 100%; height: auto; display: block;border-radius: 0 0 20px 20px;}

.hero-baseline {text-transform: uppercase; font-size: 1.8em; text-align: center; padding-top: 30px;}
.hero-baseline p {font-weight: 700; color: var(--Bleu);}
.hero-baseline p span {font-weight: 400;}

@media (min-width: 768px) {
	.hero-baseline {top: 300px;font-size: 1.5em;position: absolute; z-index: 50;left: 0; right: 0;padding-top: 0;}
	.hero-baseline p {color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, .8), 2px 2px 4px rgba(0, 0, 0, .8);}
}
@media (min-width: 992px) {
	.hero-baseline {top: 400px;font-size: 2em;}
}
@media (min-width: 1200px) {
	.hero-baseline {font-size: 2.4em;}
}
@media (min-width: 1500px) {
	.hero-baseline {top: 460px;font-size: 3em;}
}


.m-descentes .m-bloc {border-radius: 10px;}
.m-bloc--blue {background-color: var(--Bleu);}
.m-bloc--yellow {background-color: var(--Jaune);}
@media (max-width: 991px) {
	.m-descentes .m-bloc {padding: 20px 20px 0;}
}
@media (min-width: 992px) {
	.m-descentes .m-bloc {padding: 20px;}
}



.golf {background: #2d6a3b url("images/minigolf.webp") no-repeat center 10px; background-size: 140px auto;padding: 135px 10px 10px; color: #fff; text-align: center;}
.golf-title {font-weight: 600; margin-bottom: 5px; font-size: 1.1em;}
.golf-mentions {font-size: .85em; font-style: italic;}


.m-sioule {background-color: #ccc; color: #fff; text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
.m-sioule-wrap {padding: 12em 0; background-color: rgba(0, 0, 0, .4);}
.m-sioule span { font-size: 1.1em; text-shadow: 0 0 3px rgba(0, 0, 0, .4); display: inline-block; text-transform: uppercase; letter-spacing: .03em;margin-bottom: 1em; font-weight: 400;}
.m-sioule p {text-shadow: 0 0 3px rgba(0, 0, 0, .4);}
.m-sioule p.main {font-weight: 600; font-size: 1.3em;}


.m-bloc {position: relative;}
.m-bloc img {border-radius: 8px;}
.m-bloc .label {display: inline-block; text-transform: uppercase; color: var(--Bleu); letter-spacing: .03em; margin-bottom: 3px; font-weight: 500;}
.m-descentes .m-bloc .label {color: #fff;}
.m-bloc .title {font-weight: 800; font-size: 1.5em; color: var(--Bleu);}
.m-descentes .m-bloc .title {color: #fff;}
.m-bloc .specs {margin: 0;}
.m-bloc .specs li {display: inline-block; margin-right: 30px; font-size: 1.1em; border: 2px solid #fff; border-radius: 30px; padding: 5px 10px;}
.m-bloc .specs li svg {width: 20px; height: auto; margin-right: 10px;}
.m-bloc .specs li svg path {fill: #fff;}
.m-bloc .specs li span {font-weight: 500; color: #fff;}


.m-infos {border-left: 1px solid #ccc; height: 100%;padding-left: 4em;}

.homefaq {border-top: 1px solid #ccc; padding-top: 36px;}

.homeactivites {background-color: #f6f6f6; padding: 5em 0;}

.homeactivites h2 {color: var(--Bleu);margin-bottom: 1em;}


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

/* Sitemap */
.m-sitemap {margin-bottom: 40px;}
.m-sitemap > ul > li {margin-bottom: 2.4em;} 
.m-sitemap ul li li {margin-bottom: 1em;} 
.m-sitemap ul.children {padding-top: 1em;}

/* SOCIALS */

.socials button {width: 30px; height: 30px; margin-right: 10px; line-height: 30px; border: none; background-color: transparent; padding: 0; text-align: center; cursor: pointer; display: inline-block; vertical-align: middle;}
.socials button svg {display: inline-block;}
.socials > button:last-child {margin-right: 0;}
.socials button svg path {fill: #fff;}
.socials button:hover svg path { fill:var(--Jaune); }

/* FORMS */

.form-control, 
#respond input[type=text],#respond input[type=email], #respond textarea,
.widget input[type=text], .widget input[type=email], .widget textarea, .widget select,
.main-content .woocommerce form .form-row input.input-text, 
.main-content .woocommerce form .form-row textarea {font-size: 16px;padding: 0.4em 0.8em; border-radius: 2px; background-color: #f6f6f6; border: 1px solid #ccc;}
#respond textarea {max-width: 100%;}

.form-control:focus, 
#respond input[type=text]:focus, #respond input[type=email]:focus, #respond textarea:focus,
.widget input[type=text]:focus, .widget input[type=email]:focus, .widget textarea:focus,
.main-content .woocommerce form .form-row input.input-text:focus, 
.main-content .woocommerce form .form-row textarea:focus {border-color: var(--Bleu);}

.form-select {font-size: 16px;padding:  0.4em 0.8em; border-radius: 2px; background-color: #f6f6f6; border: 1px solid #ccc;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(--Bleu);;}

.form-check {min-height: 20px;}
.form-check input {width: 20px;height: 20px;background-color: #f6f6f6; border: 1px solid #ccc;background-size: contain;}
.form-check input:checked {background-color: var(--Bleu);border-color: var(--Bleu);}
.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-switch input[type=checkbox] {width: 2.2em;background-position: left center;border-radius: 2em;transition: background-position 0.15s ease-in-out;background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23295ba3'/></svg>"); }
.form-switch input[type=checkbox]:focus {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%2386b7fe'/></svg>");}
.form-switch input[type=checkbox]:checked {background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23fff'/></svg>");}

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




/* Woo MON COMPTE */

.woocommerce-account.woocommerce-page .woocommerce .woocommerce-MyAccount-navigation {}
.woocommerce-account.woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul {list-style: none; padding: 0;}
.woocommerce-account.woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li:first-child {border-top: 1px solid #ccc;}
.woocommerce-account.woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li {border-bottom: 1px solid #ccc; padding: 0;margin: 0;}
.woocommerce-account.woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li a {display: block;padding: 15px 2px; text-transform: uppercase; letter-spacing: .03em; font-weight: 500;}
.woocommerce-account.woocommerce-page .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {background-color: #f6f6f6;}

.woocommerce-account.woocommerce-page .woocommerce-MyAccount-content .woocommerce-Address-title .edit {float: none; display: inline-block; margin-bottom: 10px;}


/* Woo MESSAGES */

.woocommerce-page .woocommerce-error, 
.woocommerce-page .woocommerce-info, 
.woocommerce-page .woocommerce-message { font-weight: 500;background-color: #ede6c8;color: var(--Noir);border-top: 3px solid var(--Jaune);}

.woocommerce-page .woocommerce-info::before,
.woocommerce-page  .woocommerce-message::before {color: var(--Noir);}


/* Woo BOUTONS */

.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
color: #fff;background-color: var(--Bleu);  font-weight: 500;padding: .618em 1em;border-radius: 3px;}


.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
color: var(--Noir);background-color: var(--Jaune);}

.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
background-color: var(--Bleu);color: #fff;}

.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, 
.woocommerce-page.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, 
.woocommerce-page:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
background-color: var(--Jaune);color: var(--Noir);}


/* Woo Page PAIEMENT */

.checkout.woocommerce-checkout #customer_details {margin-bottom: 3em;}
.checkout.woocommerce-checkout #payment {background: #fff;}
.checkout.woocommerce-checkout #payment ul.payment_methods,
.checkout.woocommerce-checkout  #payment div.form-row { padding: 0;}
.checkout.woocommerce-checkout .woocommerce-privacy-policy-text {padding-top: 15px;}


/* Woo label PROMO */

.main-content .woocommerce span.onsale { background-color: var(--Jaune); color: var(--Noir); border-radius: 2px; text-transform: uppercase; letter-spacing: .03em; font-weight: 600;
	font-size: 15px; padding: 5px 20px;
}


/* Woo SINGLE */

.single-product .product_meta,
.single-product .woocommerce-tabs,
.single-product .related.products {display: none !important;}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .single-product div.product p.price {font-weight: 800; color: var(--Bleu);font-size: 2em;}

.single-product form.cart {padding-top: 30px; display: flex; align-items: center;}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .single-product form.cart .single_add_to_cart_button {font-size: 20px;}

.woocommerce .single-product div.product form.cart div.quantity {margin: 0 15px 0 0;}
.woocommerce .single-product .quantity .qty {padding: 7px;}

/* Woo Page BOUTIQUE */

.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {display: none;}


/* Woo encadrés */

.woocommerce-page .woocommerce form.checkout_coupon, 
.woocommerce-page .woocommerce form.login, 
.woocommerce-page .woocommerce form.register {border: 1px solid #ccc;}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {
  background-color: #46b2e2 !important;}
		
		.single-product form.cart {padding-top: 30px; display: block;}

/* BKAP */

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--bookings a::before {content: none !important;}

#bkap_book_time,
#bkap_start_date .book_start_date_label {display: none;}

#bkap-booking-form {border: 0; padding: 0;}
#bkap-booking-form .timeslot-lists li {padding-left: 0;}
#bkap-booking-form .timeslot-lists li:before {content: none;}

#bkap-booking-form .timeslot-lists li a {border: 1px solid #ccc;}
#bkap-booking-form .timeslot-lists li.active_slot a {background: var(--Bleu);}

#bkap_price {color: var(--Bleu);}

#bkap-booking-form input.booking_calender {font-size: 16px;padding: 0.4em 0.8em; border-radius: 2px; background-color: #f6f6f6; border: 1px solid #ccc;}

#bkap-booking-form table.ui-datepicker-calendar a:hover {border: none !important;}
#bkap-booking-form table.ui-datepicker-calendar a.ui-state-active {background: var(--Bleu); color: #fff;}
		
.woocommerce-button.button.cancel {display:none !important;}
		
.timeslot-lists a[data-value="09:30 - 09:35"],
.timeslot-lists a[data-value="10:30 - 10:35"],
.timeslot-lists a[data-value="11:30 - 11:35"],
.timeslot-lists a[data-value="13:30 - 13:35"],
.timeslot-lists a[data-value="14:30 - 14:35"],
.timeslot-lists a[data-value="09:00 - 09:05"],
.timeslot-lists a[data-value="11:00 - 11:05"] {height:54px; font-size:0; background-image:url("https://www.sioule-canoe.fr/wp-content/themes/sioule/images/timing.png") !important; background-repeat:no-repeat !important; background-color: #fafafa !important;background-size: 75px auto !important;}

.timeslot-lists a[data-value="09:30 - 09:35"] {background-position:center -7px !important;}
.timeslot-lists a[data-value="10:30 - 10:35"] {background-position:center -136px !important;}
.timeslot-lists a[data-value="11:30 - 11:35"] {background-position:center -266px !important;}
.timeslot-lists a[data-value="13:30 - 13:35"] {background-position:center -396px !important;}
.timeslot-lists a[data-value="14:30 - 14:35"] {background-position:center -526px !important;}

.timeslot-lists a[data-value="09:00 - 09:05"] {background-position:center -656px !important;}
.timeslot-lists a[data-value="11:00 - 11:05"] {background-position:center -786px !important;}


.timeslot-lists a[data-value="09:30 - 09:35"]:hover {background-color: #3a3a3a !important;background-position:center -72px !important;}
.timeslot-lists .active_slot a[data-value="09:30 - 09:35"] {background-color: var(--Bleu) !important;background-position:center -72px !important;}
.timeslot-lists a[data-value="10:30 - 10:35"]:hover {background-color: #3a3a3a !important;background-position:center -201px !important;}
.timeslot-lists .active_slot a[data-value="10:30 - 10:35"] {background-color: var(--Bleu) !important;background-position:center -201px !important;}
.timeslot-lists a[data-value="11:30 - 11:35"]:hover {background-color: #3a3a3a !important;background-position:center -331px !important;}
.timeslot-lists .active_slot a[data-value="11:30 - 11:35"] {background-color: var(--Bleu) !important;background-position:center -331px !important;}
.timeslot-lists a[data-value="13:30 - 13:35"]:hover {background-color: #3a3a3a !important;background-position:center -461px !important;}
.timeslot-lists .active_slot a[data-value="13:30 - 13:35"] {background-color: var(--Bleu) !important;background-position:center -461px !important;}
.timeslot-lists a[data-value="14:30 - 14:35"]:hover {background-color: #3a3a3a !important;background-position:center -591px !important;}
.timeslot-lists .active_slot a[data-value="14:30 - 14:35"] {background-color: var(--Bleu) !important;background-position:center -591px !important;}

.timeslot-lists a[data-value="09:00 - 09:05"]:hover {background-color: #3a3a3a !important;background-position:center -721px !important;}
.timeslot-lists .active_slot a[data-value="09:00 - 09:05"] {background-color: var(--Bleu) !important;background-position:center -721px !important;}

.timeslot-lists a[data-value="11:00 - 11:05"]:hover {background-color: #3a3a3a !important;background-position:center -851px !important;}
.timeslot-lists .active_slot a[data-value="11:00 - 11:05"] {background-color: var(--Bleu) !important;background-position:center -851px !important;}