/*
Theme Name: A Vélo Course
Author: David Brabyn 9W
Author_URI: https://9wdigital.com
Version: 3.0
Text Domain: avcourse
Domain Path: /languages
*/

/* lexend-deca-200 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lexend Deca';
	font-style: normal;
	font-weight: 200;
	src: url('./fonts/lexend-deca-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-300 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lexend Deca';
	font-style: normal;
	font-weight: 300;
	src: url('./fonts/lexend-deca-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lexend Deca';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/lexend-deca-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lexend Deca';
	font-style: normal;
	font-weight: 500;
	src: url('./fonts/lexend-deca-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lexend-deca-600 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Lexend Deca';
	font-style: normal;
	font-weight: 600;
	src: url('./fonts/lexend-deca-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
	--THEME-COLOR-DARK: #05335d;
	/* --THEME-COLOR-DARK: #9e2a2b; */
	/*--THEME-COLOR-DARKEST: #3A1010;*/
	--THEME-COLOR-DARKEST: #481414;
	--THEME-COLOR-LIGHT: #7f97ac;
	--THEME-COLOR-GOLD: #ffdd4a;
	--bs-border-color: #bbb;
	--THEME-BORDER-RADIUS: 12px;
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
	--bs-offcanvas-width: 600px;
}
.table > tbody > tr.journee-encours > *,
.table-hover > tbody > tr:hover > * {
	--bs-table-bg-state: #e5eaee;
}

.no-js img.lazyload {
	display: none;
}
html {
	position: relative;
	min-height: 100%;
	scroll-behavior: smooth;
}
body {
	overflow-x: hidden;
	font-weight: 300;
	font-size: 17px;
	background: #ffffff;
	color: #333;
	font-family: 'Lexend Deca', sans-serif;
	height: auto;
	width: auto;
}

.site {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}
.site-content {
	flex: 1;
}
.single-post .site-content {
	background-color: #f5f5f5;
}
q,
blockquote {
	quotes: '\201C''\201D''\2018''\2019';
}
hr {
	margin-bottom: 2rem;
	margin-top: 2.5rem;
}
.theme-bg hr {
	border-color: #999;
}
b,
strong {
	font-weight: 500;
}
a.nav-link,
a {
	color: var(--THEME-COLOR-DARK);
	text-decoration: none;
	transition: color 0.25s;
}
/* .nav-underline {
	margin-bottom: clamp(2rem, 3.3vw + 0.4rem, 3.5rem);
	--bs-nav-underline-gap: clamp(1.05rem, 1vw + 0.6rem, 1.5rem);
}
.nav-underline .nav-link {
	--bs-nav-link-font-size: clamp(1.05rem, 1vw + 0.6rem, 1.5rem);
	--bs-nav-underline-border-width: 0.25rem;
	font-weight: 300;
} */
a.nav-link:hover,
a.nav-link:focus,
a.nav-link:active,
a:hover,
a:focus,
a:active {
	outline: none;
	color: #7989ac;
	text-decoration: none;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
a.inverse-link {
	color: #111111;
	border-bottom: none;
}
.hero-video a,
.modal-body a {
	color: #ffffff;
	border-bottom: 1px dashed #ddd;
}
.hero-video a:hover,
.modal-body a:hover {
	color: #dddddd;
	border-bottom: 1px solid #ddd;
}

.tooltip-inner {
	line-height: 1.3;
	font-size: 0.95em;
}
.lead {
	font-weight: 300;
}
.avoid-break {
	-moz-column-break-inside: avoid;
	break-inside: avoid-column;
	display: block;
}
.place-center {
	display: grid;
	place-content: center;
}
p {
	max-width: 75ch;
}
*:not(footer).theme-bg a:not(.btn) {
	color: var(--THEME-COLOR-GOLD);
}
*:not(footer).theme-bg a:hover:not(.btn) {
	color: white;
}
.theme-bg .table {
	color: inherit;
}
.theme-bg .table td,
.theme-bg .table th {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.theme-bg h1 > a,
.theme-bg h2 > a,
.theme-bg h3 > a,
.theme-bg h4 > a {
	color: #eee;
}
.frosted-bg {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.frosted-bg-light {
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

.table tr:last-child > td {
	border: none;
}
@media (min-width: 1200px) {
	.py-xl-7 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
	}
}
/* a.more-link {
	font-size: 1rem;
} */
h1 > a:hover,
h2 > a:hover,
h3 > a:hover,
h4 > a:hover,
a:hover > h1,
a:hover > h2,
a:hover > h3,
a:hover > h4,
a:hover.inverse-link {
	color: #7989ac;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 500;
	text-wrap: pretty;
}
h2.underlined {
	font-size: calc(1.6rem + 0.35vw);
}
.page_title {
	text-align: center;
}
.theme-bg h1,
.theme-bg h2,
.theme-bg h3,
.theme-bg h4,
.theme-bg h5,
.theme-bg h6 {
	font-weight: 600;
}
.lead a {
	font-weight: 400;
}
.chapeau {
	font-size: 80%;
	font-weight: 400;
	opacity: 0.8;
}
ul {
	padding-left: 20px;
}
ul.list-unstyled {
	padding-left: 0;
}
blockquote {
	font-style: italic;
	margin: 0 0 40px 30px;
	font-size: 16px;
	padding: 0 20px;
}
.list-group-item-sm {
	padding: 0.35rem 1rem;
	font-size: 0.95em;
}
.columns-2 {
	-moz-column-gap: 4em;
	column-gap: 4em;
	-moz-column-rule: 1px solid #eee;
	column-rule: 1px solid #eee;
	-moz-columns: 2 320px;
	columns: 2 320px;
}
.columns-3 {
	-moz-column-gap: 4em;
	column-gap: 4em;
	-moz-column-rule: 1px solid #eee;
	column-rule: 1px solid #eee;
	-moz-columns: 3 320px;
	columns: 3 320px;
}
.bloc-body-text {
	max-width: 90%;
	width: 700px;
	font-size: 1.125rem;
}
.max-650 {
	max-width: 650px !important;
}
.small-90 {
	font-size: 90%;
}
.small-95 {
	font-size: 95%;
}
.dark-bg {
	background: #555;
	color: #eee;
}
.transp-bg {
	background: transparent !important;
}
.grey-bg {
	background: #eef4f3;
}
.light-grey-bg {
	background: rgba(0, 0, 0, 0.05);
}
.light-white-bg {
	background: rgba(255, 255, 255, 0.6);
}
.white-bg {
	background: #fff;
	color: #555;
}
.theme-bg {
	background: var(--THEME-COLOR-DARK);
	color: #eee;
}
.theme-bg .columns-2,
.theme-bg .columns-3 {
	-moz-column-rule: 1px solid #666;
	column-rule: 1px solid #666;
}
.theme-bg .list-group:not(.list-group-flush) .list-group-item {
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.125);
}
.theme-bg .table > :not(caption) > * > * {
	color: currentColor;
	background-color: transparent;
}

.bloc-shadow-nohover,
.bloc-shadow {
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.bloc-shadow:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.box-shadow-nm {
	/*box-shadow: 15px 15px 30px #d9d9d9, -15px -15px 30px #ffffff;*/
	box-shadow: 15px 15px 30px #d9d9d9;
	border-radius: 0.25rem 0.25rem 1rem 0.25rem;
}
.box-shadow-nm-below:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	/*box-shadow: 15px 15px 30px #d9d9d9, -15px -15px 30px #ffffff;*/
	box-shadow: 15px 15px 30px #d9d9d9;
	border-radius: 0.25rem 0.25rem 1rem 0.25rem;
	content: '';
}
.box-shadow-nm > .card-row .card-header {
	border-radius: 0.25rem 0.25rem 0 0;
}
.underlined:not(:empty) {
	margin-bottom: 4rem;
}
.underlined:not(:empty)::after {
	background: none repeat scroll 0 0 var(--THEME-COLOR-DARK);
	bottom: -25px;
	content: '';
	display: block;
	height: 3px;
	position: relative;
	width: 85px;
}
.theme-bg .underlined:not(:empty)::after {
	background: none repeat scroll 0 0 white;
}
.section-header {
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	margin-bottom: 2rem;
	font-size: calc(1.25rem + 0.75vw);
	font-weight: 700;
}
.theme-bg .underlined::after {
	background-color: #bbb;
}
.underlined.text-center::after,
.page_title .underlined::after,
.text-center .underlined::after {
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px) {
	.text-md-left .underlined::after {
		margin-left: 0;
		margin-right: auto;
	}
}
.underlined.text-right::after,
.text-right .underlined::after {
	margin-left: auto;
	margin-right: 0;
}
.breakout {
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100vw;
}
.fa-crown.etape-reine {
	color: gold;
	text-shadow: 1px 1px 0px #aaa;
	position: absolute;
	top: -6px;
	left: -18px;
	z-index: -1;
	font-size: 1.5rem;
	opacity: 0.9;
	transform: rotate(-30deg);
}
.page-template-page-etapes-resultats .fa-crown.etape-reine {
	transform: rotate(30deg);
	top: -12px;
	left: -14px;
}
table .fa-crown.etape-reine {
	font-size: 1.125rem;
	top: -4px;
	left: -16px;
	right: auto;
	color: gold;
	transform: rotate(-30deg);
	z-index: 0;
}
.page-template-page-la-course .fa-crown.etape-reine {
	top: 4px;
	left: 2px;
}
.single-journee .nav-row-item .fa-crown.etape-reine {
	top: 1px;
	left: 3px;
	z-index: 0;
	font-size: 1rem;
}

/* Structure */
main {
	background: #ebebeb;
	/*overflow:hidden;*/ /*block sticky*/
}
.hero + section {
	margin-top: 110px;
}
.hero-below {
	margin-bottom: 0;
}
.hero-below + section:not(.hero-below) {
	padding-top: 110px;
}
section {
	margin-bottom: 110px;
	position: relative;
}
.section-tall {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 110px;
	padding-bottom: 110px;
	display: flex;
	align-items: center;
}

/*@media screen and (min-height: 1200px) and (orientation: portrait) {*/
@media screen and (max-height: 1100px) and (orientation: landscape) {
	.section-tall:not(#equipes) {
		/* min-height: 80vh; */
		min-height: 50vh;
	}
}
main > section:last-child {
	/* margin-bottom: 3rem; */
}
main > section.hero:first-child:last-child {
	min-height: 100vh;
	margin-bottom: 0;
}

main > section.hero-below:last-child {
	margin-bottom: 0;
}

/*section#partenaires {margin-top: calc(-100px - 3vh);}*/
body.blog section:first-of-type {
	margin-top: 7rem;
}
section > [class^='container'].theme-bg {
	background: var(--THEME-COLOR-DARK);
}
.container-widest,
.container-wider {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
}
section.raised-bloc {
	margin-top: 92px;
}
section.raised-bloc > .container {
	margin-top: -140px;
	padding: 6rem 15px 3rem;
}
@media (min-width: 992px) {
	.pullleft-lg-100 {
		margin-left: -100px;
	}
}
@media (min-width: 1200px) {
	section.raised-bloc > .container {
		padding: 6rem 3rem 3rem;
	}
	.pullleft-xl-160 {
		margin-left: -160px;
	}
}
@media (min-width: 1500px) {
	.pullleft-xxl-160 {
		margin-left: -160px;
	}
}

@media (max-width: 1199px) {
	/* .container, */
	.container-wider {
		width: 100%;
		max-width: none;
	}
}
@media (min-width: 1350px) {
	.container-wider {
		width: calc(100% - 90px);
	}
}
@media (min-width: 1500px) {
	.container-wider {
		width: calc(100% - 180px);
	}
	.container-widest {
		width: calc(100% - 90px);
		max-width: 100%;
	}
}
@media (min-width: 1920px) {
	.container-wider {
		width: 1740px;
		max-width: 100%;
	}
	.container-widest {
		width: 1880px;
		max-width: 100%;
	}
}
@media (min-width: 2500px) {
	.container-widest {
		width: 2050px;
	}
}

/*Images*/
.ratio > p {
	margin: 0;
}
.ratio > p iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe,
img {
	-webkit-backface-visibility: hidden;
	max-width: 100%;
	height: auto;
}
.slideshow-img .wp-post-image {
	margin-bottom: 0;
}
.entry-content img,
figure:not(.woocommerce-product-gallery__wrapper) {
	max-width: 100%;
	margin-bottom: 50px;
}
@media (min-width: 576px) {
	img.alignleft,
	figure.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}
	img.alignright,
	figure.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}
}
img.alignnone,
figure.alignnone {
	margin: 5px 0 20px;
	display: block;
	clear: both;
}
img.aligncenter,
figure.aligncenter {
	margin: 5px auto 20px;
	display: block;
	clear: both;
}
figure.thumbnail figcaption.caption {
	font-size: 0.859em;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 5px;
	color: #777;
}
.img-holder {
	padding-bottom: 57%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.img-holder img {
	transform: translateZ(0) scale(1, 1);
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
}
.meta {
	font-size: 0.78em;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 15px;
}
.more-link {
	display: block;
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 0.9em;
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Lightgallery*/
.lg-sub-html,
.lg-sub-html > div {
	color: #ddd;
	font-size: 0.95rem;
	width: 1000px;
	max-width: 100%;
	margin: auto;
}

.cool-link {
	display: inline-block;
	/*color: #ddd;*/
	text-decoration: none;
}
.cool-link::after {
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: #f36000;
	transition: width 0.3s;
}
.cool-link:hover::after {
	width: 100%;
	transition: width 0.3s;
}

/*Cards*/
.border-radius,
.card {
	overflow: hidden;
	border-radius: 8px;
	border: none;
}
.card.card-article,
.card.carte-sommaire,
.card.bloc-info-journee {
	background: transparent;
}
.bloc-info-journee table:not(.table-sm) > :not(caption) > * > * {
	padding-block: 0.75rem;
}
.card.card-article .card-img-top {
	-o-object-fit: cover;
	object-fit: cover;
	aspect-ratio: 330/220;
}
.card.card-article .card-body {
	padding-bottom: 1.5rem;
}
.card.carte-sommaire .card-footer {
	position: relative;
	background: var(--THEME-COLOR-DARK);
	background-image: url('./img/TDA_logo_star_5pc-crunch.png');
	background-repeat: no-repeat;
	background-position: -20%;
	background-size: 100%;
}
.carte-sommaire.box-shadow-nm,
.carte-sommaire.box-shadow-nm-below {
	border-radius: 0.25rem 0.25rem 1rem 0.25rem;
}
.carte-sommaire.box-shadow-nm-below,
.carte-sommaire.box-shadow-nm-below .card-footer {
	border-radius: 0 0 1rem 0.25rem;
}
.card.carte-sommaire .card-footer a {
	color: white;
	font-weight: 400;
	font-size: 0.95em;
}
.card.carte-sommaire .card-footer a:hover {
	color: var(--THEME-COLOR-GOLD);
}
h5.card-header {
	margin-bottom: 0;
	font-size: calc(0.85rem + 0.1vw);
	text-transform: uppercase;
	border-left: 4px solid var(--THEME-COLOR-DARK);
	color: var(--THEME-COLOR-DARK);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 2rem;
}
h5.card-header > a {
	text-transform: none;
	font-weight: 400;
	font-size: 0.9rem;
	font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Roboto', 'Arial',
		'Helvetica Neue', 'Helvetica', sans-serif;
}
.bloc-info-journee .card-header .accordion-button {
	text-transform: uppercase;
	background: transparent;
	padding: 0;
	font-weight: 500;
}
.bloc-info-journee .card-header .accordion-button:not(.collapsed) {
	background: transparent;
	box-shadow: none;
}
.bloc-info-journee .card-body.accordion-collapse {
	padding: 0;
}

.card-header .card-header-tabs {
	align-self: stretch;
	align-items: center;
	height: 20px;
}
.card-header-tabs a.nav-link {
	font-size: 0.9rem;
	font-weight: 400;
	padding: 0 10px;
	border: none;
	background: transparent;
	color: #666;
	position: relative;
}
.card-header-tabs a.nav-link:hover,
.card-header-tabs a.nav-link.active {
	border: none;
	background: transparent;
	color: var(--THEME-COLOR-DARK);
}
.card-header-tabs a.nav-link.active {
	font-weight: 600;
}
.card-header-tabs .nav-item + .nav-item a.nav-link:before {
	content: '';
	height: 20px;
	border-left: 1px solid #999;
	transform: rotate(10deg);
	left: 0px;
	top: -2px;
	position: absolute;
}
h4.card-title {
	font-size: 1.35rem;
}
.card-footer-sm {
	padding: 0.45rem 1rem;
	font-size: 0.9rem;
}

/*Alert bar*/
.alert-default {
	color: #eeeeee;
	background-color: var(--THEME-COLOR-DARK);
	border-color: var(--THEME-COLOR-DARK);
}

/*Header alert bar*/
body > header .alert-default {
	margin-bottom: 0;
	border-radius: 0;
	text-align: center;
	z-index: 3;
	padding: 0.75rem calc(0.25rem + 1vw);
}
body > header .alert-default a {
	color: var(--THEME-COLOR-GOLD);
}
body > header .alert-default a:hover {
	color: white;
}

/*Header*/
body > header {
	z-index: 3;
	/*background-color: #131929; #1b2836*/
	background-color: transparent;
	/*min-height: 90px;*/
	position: absolute;
	width: 100%;
}
.navbar {
	text-align: center;
}
.navbar-brand {
	border-bottom: none;
	height: auto;
	position: relative;
	margin-left: 1rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 50%;
	white-space: normal;
	text-align: center;
}
.navbar-brand img {
	max-width: 100%;
	height: auto;
	margin-bottom: 0.5rem;
}
html[lang='fr-FR'] .event-dates-notice {
	text-transform: lowercase !important;
}
.event-dates-notice {
	color: #fff;
	font-size: 1.1rem;
}
header .event-dates-notice {
	font-size: 0.95rem;
	text-align: center;
	width: 100%;
	text-shadow: 1px 1px 12px #000;
}
.event-dates-notice span {
	white-space: nowrap;
}
header nav a.navbar-brand h2 {
	color: #eee;
	text-transform: uppercase;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
	background: none;
}
.navbar-nav > li.dropdown > a {
	cursor: pointer;
}
.navbar-nav > li > a {
	color: #ddd;
	font-weight: 600;
	font-size: 1.5em;
	text-transform: uppercase;
}
.navbar-nav > li.active > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a.active,
.navbar-nav > li.current-post-parent > a,
.navbar-nav > li.current-menu-item > a,
.navbar-nav > li.current_page_parent > a {
	color: #fff;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
	background-color: transparent;
}
.dropdown-menu {
	border-radius: 0;
	box-shadow: none;
	background-color: var(--THEME-COLOR-DARK);
	border-color: transparent;
	border: none;
}
.dropdown-menu > li > a {
	color: #fff;
	padding: 7px 20px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.current-menu-item > a {
	background-color: rgba(255, 255, 255, 0.3);
}
.dropdown .dropdown-menu {
	display: block;
}
.dropdown > .dropdown-menu {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
	height: 0;
	margin-top: 0;
	border-top: 0;
}
.dropdown:hover > .dropdown-menu,
.dropdown.show > .dropdown-menu.show {
	visibility: visible;
	opacity: 1;
	height: auto;
}
.dropdown:hover > .dropdown-menu {
	display: block;
}

.navbar .navbar-collapse {
	clear: both;
	float: none !important;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*Language switcher*/
@media (max-width: 1199px) {
	.cd-primary-nav > ul > li.lang-item {
		margin: 0 auto;
		width: auto;
	}
	.cd-primary-nav > ul > li.lang-item a {
		border: 1px solid transparent;
		padding: 0.5rem 0.68rem;
		font-size: 1.2rem;
	}
	.cd-primary-nav > ul > li.lang-item.current-lang a {
		border-color: #eee;
		color: #fff;
	}
	.cd-primary-nav > ul > li.lang-item a:hover {
		color: var(--THEME-COLOR-GOLD);
	}
	.menu-item:not(.lang-item) + .menu-item.lang-item {
		margin-top: 50px;
	}
}

@media (min-width: 1200px) {
	body > header {
		z-index: 3;
	}
	header .navbar {
		min-height: 137px;
		height: 100%;
		align-items: center;
		flex-wrap: nowrap;
		padding: 2.75rem 0 0 30px;
	}
	.navbar-brand {
		margin-top: 0;
		width: auto;
		max-width: 350px;
	}
	.navbar .navbar-collapse {
		text-align: left;
		display: block !important;
		margin-right: 0;
		flex-grow: 0;
	}
	header .navbar-expand-lg .navbar-nav {
		flex-direction: row;
	}
	header .navbar-nav {
		background: white;
		margin: 0;
	}
	header .navbar-nav > li:not(:last-child) {
		border-right: 1px solid #999;
	}
	.woocommerce-page header .navbar .navbar-nav > li.woo-menu-item,
	header .navbar-nav > li.current-post-parent,
	header .navbar-nav > li.current-menu-parent,
	header .navbar-nav > li.current-menu-item,
	body:not(.error404) header .navbar-nav > li.current_page_parent,
	header .navbar-nav > li:hover,
	/*header .navbar-nav > li.current-lang,*/ header .navbar-nav > li.active {
		border-color: var(--THEME-COLOR-DARK);
	}
	header .navbar .navbar-nav > li > a.nav-link {
		font-size: 0.95rem;
		font-weight: 400;
		padding: 1.2rem 1.5rem;
		color: #555;
	}
	.single-journee .navbar .navbar-nav > li#menu-item-5427 > a,
	.single-journee .navbar .navbar-nav > li#menu-item-4793 > a,
	.woocommerce-page header .navbar .navbar-nav > li.woo-menu-item > a,
	header .navbar .navbar-nav > li.active > a,
	header .navbar .navbar-nav > li > a.nav-link:hover,
	header .navbar .navbar-nav > li > a.nav-link:focus,
	header .navbar .navbar-nav > li > a.nav-link:active,
	header .navbar .navbar-nav > li.current-post-parent > a,
	header .navbar .navbar-nav > li.current-menu-parent > a,
	header .navbar .navbar-nav > li.current-menu-item > a,
	body:not(.error404) header .navbar .navbar-nav > li.current_page_parent > a {
		/*color: var(--THEME-COLOR-DARK);*/
		color: #eee;
		background: var(--THEME-COLOR-DARK);
	}
	.dropdown-menu {
		background-color: rgba(0, 0, 0, 0.5);
	}
	.dropdown-menu > li > a.dropdown-item {
		border-radius: 0;
	}
	.dropdown-menu > li > a:hover,
	.dropdown-menu > li > a:focus,
	.dropdown-menu > li.current-menu-item > a {
		background-color: #eee;
		color: #000;
		border-radius: 0;
	}
	.lang-switcher {
		position: absolute;
		top: 10px;
		right: 20px;
		z-index: 9999;
	}
	header .navbar-nav > li.lang-item {
		font-weight: 600;
	}
	header .navbar .navbar-nav > li.lang-item > a.nav-link {
		background: none;
		color: #333;
		padding: 0.3rem 0.35rem 0.25rem;
		display: inline-block;
		text-decoration: none;
		opacity: 0.65;
	}
	header .navbar .navbar-nav > li.lang-item a.nav-link:hover,
	header .navbar .navbar-nav > li.current-lang a.nav-link {
		opacity: 1;
		color: #333;
	}
	header .navbar .navbar-nav > li.lang-item a {
		font-size: 0.8em;
	}

	header .navbar .navbar-nav > li.lang-item:nth-last-child(2) {
		margin: 0 0 0 1.5rem;
	}
	header .navbar .navbar-nav > li.lang-item:last-child {
		margin: 0 1.5rem 0 0;
	}

	header .navbar-nav > li.lang-item a::after {
		content: '';
		display: block;
		width: 0;
		height: 2px;
		background: var(--THEME-COLOR-DARK);
		transition: width 0.3s;
	}
	header .navbar-nav > li.lang-item a:hover::after,
	header .navbar-nav > li.current-lang.lang-item a::after {
		width: 100%;
		transition: width 0.2s;
	}
}
@media (min-width: 1400px) {
	header .navbar {
		padding-left: 50px;
	}
	header .navbar .navbar-nav > li > a.nav-link {
		padding: 1.6rem 1.75rem;
	}
}
@media (min-width: 1650px) {
	header .navbar .navbar-nav > li > a.nav-link {
		padding: 1.6rem 2rem;
	}
}

/*Navigation*/
.cd-nav-trigger *::after,
.cd-nav-trigger *::before {
	content: '';
}
@media (max-width: 1199px) {
	.cd-nav-trigger {
		position: absolute;
		/* position: fixed; */
		display: inline-block;
		top: 10px;
		right: 5%;
		height: 44px;
		width: 44px;
		z-index: 5;
		/* image replacement */
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	.cd-nav-trigger .cd-icon {
		/* icon created in CSS */
		position: absolute;
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		transform: translateX(-50%) translateY(-50%);
		display: inline-block;
		width: 30px;
		height: 3px;
		background-color: #fff;
		/* box-shadow: 1px 1px 1px #000; */
		z-index: 10;
	}
	.cd-nav-trigger .cd-icon::before,
	.cd-nav-trigger .cd-icon:after {
		/* upper and lower lines of the menu icon */
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		box-shadow: 1px 1px 1px #000;
		/* Force Hardware Acceleration in WebKit */
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		/* apply transition to transform property */
		transition: transform 0.3s;
	}
	.error404 .cd-nav-trigger .cd-icon::before,
	.error404 .cd-nav-trigger .cd-icon:after,
	.error404 .cd-nav-trigger .cd-icon {
		background-color: var(--THEME-COLOR-DARK);
	}
	.cd-nav-trigger .cd-icon::before {
		transform: translateY(-8px) rotate(0deg);
	}
	.cd-nav-trigger .cd-icon::after {
		transform: translateY(8px) rotate(0deg);
	}
	.cd-nav-trigger::before,
	.cd-nav-trigger::after {
		/* 2 rounded colored backgrounds for the menu icon */
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 50%;
		height: 100%;
		width: 100%;
		/* Force Hardware Acceleration in WebKit */
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transition-property: transform;
	}
	.cd-nav-trigger::before {
		/*background-color: #091d23;*/
		transform: scale(1);
		transition-duration: 0.3s;
		transition-delay: 0.4s;
	}
	.cd-nav-trigger::after {
		/*background-color: var(--THEME-COLOR-DARK);*/
		transform: scale(0);
		transition-duration: 0s;
		transition-delay: 0s;
	}
	.cd-nav-trigger.close-nav::before {
		/* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
		transform: scale(0);
	}
	.cd-nav-trigger.close-nav::after {
		/* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
		transform: scale(1);
		transition-duration: 0.3s;
		transition-delay: 0.4s;
	}
	.cd-nav-trigger.close-nav .cd-icon {
		/* user clicks on the .cd-nav-trigger element - transform the icon */
		background-color: rgba(255, 255, 255, 0);
	}
	.cd-nav-trigger.close-nav .cd-icon::before,
	.cd-nav-trigger.close-nav .cd-icon::after {
		background-color: white;
	}
	.cd-nav-trigger.close-nav .cd-icon::before {
		transform: translateY(0) rotate(45deg);
	}
	.cd-nav-trigger.close-nav .cd-icon::after {
		transform: translateY(0) rotate(-45deg);
	}
	.cd-primary-nav {
		/* by default it's hidden */
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		padding: 50px 5%;
		z-index: 3;
		background-color: var(--THEME-COLOR-DARK);
		overflow: auto;
		/* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
		-webkit-overflow-scrolling: touch;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.3s;
	}
	.cd-primary-nav > ul > li {
		margin: calc(0.45rem + 0.25vh) 0;
	}
	.cd-primary-nav a {
		text-align: center;
		font-size: 1.25rem;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transition: color 0.2s;
	}
	.no-touch .cd-primary-nav a:hover {
		color: var(--THEME-COLOR-GOLD);
	}
	.cd-primary-nav.fade-in {
		/* navigation visible at the end of the circle animation */
		visibility: visible;
		opacity: 1;
		/* border-top: 1px solid #666; */
	}
	.cd-overlay-nav,
	.cd-overlay-content {
		/* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
		position: fixed;
		top: 18px;
		right: 5%;
		height: 4px;
		width: 4px;
		transform: translateX(-20px) translateY(20px);
	}
	.cd-overlay-nav span,
	.cd-overlay-content span {
		display: inline-block;
		position: absolute;
		border-radius: 50%;
		/* Force Hardware Acceleration in WebKit */
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		will-change: transform;
		transform-origin: 50% 50%;
		transform: scale(0);
	}
	.cd-overlay-nav.is-hidden,
	.cd-overlay-content.is-hidden {
		/* background fades out at the end of the animation */
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s 0s, visibility 0s 0.3s;
	}
	.cd-overlay-nav {
		/* main rounded colored bg 1 */
		z-index: 2;
	}
	.cd-overlay-nav span {
		background-color: var(--THEME-COLOR-DARK);
	}
	.cd-overlay-content {
		/* main rounded colored bg 2 */
		z-index: 4;
	}
	.cd-overlay-content span {
		background-color: #fff;
	}

	/*Dropdowns header on mobile*/
	.dropdown > .dropdown-menu {
		text-align: center;
		padding: 0;
	}
	.dropdown > .dropdown-menu > li {
		display: inline-block;
	}

	/*Menu item link color header on mobile*/
	.cd-primary-nav .navbar-nav > li > a {
		color: #eee !important;
		font-weight: 500;
	}

	/*Open dropdowns on mobile menus*/
	.cd-primary-nav.fade-in .dropdown > .dropdown-menu {
		display: block;
	}
	.cd-primary-nav.fade-in .dropdown > .dropdown-menu {
		visibility: visible;
		opacity: 1;
		height: auto;
	}
	.cd-primary-nav .dropdown-toggle {
		padding-bottom: 0;
	}
	.cd-primary-nav .dropdown-menu > li > a {
		font-size: 1.2rem;
		color: #ccc;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	.cd-primary-nav .dropdown-menu > li > a:hover,
	.cd-primary-nav .dropdown-menu > li > a:focus,
	.cd-primary-nav .dropdown-menu > li.current-menu-item > a {
		background-color: transparent;
	}
	.cd-primary-nav .navbar-nav > li > a.dropdown-toggle {
		cursor: default;
	}
	.cd-primary-nav .navbar-nav > li > a.dropdown-toggle:hover {
		color: #ccc;
	}
	#menu-main-menu .lang-item,
	#menu-menu-principal .lang-item,
	#menu-primary .lang-item,
	#menu-primaire .lang-item {
		display: none;
	}
	#menu-footer-header-mobile,
	#menu-pied-de-page-header-mobile {
		margin-top: 0.25rem;
		margin-bottom: 2rem;
	}

	ul#mobile-header-lang {
		margin-top: 2rem;
	}
	ul#mobile-header-lang > li.lang-item {
		margin: 0;
	}
	ul#mobile-header-lang > li.lang-item a {
		color: rgba(255, 255, 255, 0.5);
	}
	ul#mobile-header-lang li.current-lang a,
	ul#mobile-header-lang li a:hover {
		background: rgba(255, 255, 255, 1);
		color: var(--THEME-COLOR-DARK);
	}

	/*.dropdown>.dropdown-menu {
    text-align: center;
    padding-bottom: 0;
    border:none;
    visibility: visible;
    opacity: 1;
    height: auto;
  }
  .dropdown-menu li.menu-item {display: inline;}
  .dropdown-item {display: inline;}*/
}
.alert + .navbar + .cd-nav-trigger {
	top: calc(120px - 2vw);
}

@media (min-width: 1200px) {
	#mobile-header-lang .lang-item {
		display: none;
	}
}

/* Forms */
input,
button,
select,
textarea {
	max-width: 100%;
}
input,
textarea {
	/* background: none repeat scroll 0 0 #f5f5f5;
  padding: 10px; */
	border: none;
}
::input-placeholder {
	color: rgba(0, 0, 0, 0.7);
	font-style: italic;
	font-size: 14px;
}
input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.7);
	font-style: italic;
	font-size: 14px;
}
textarea::-moz-placeholder,
input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.7);
	font-style: italic;
	font-size: 14px;
}
input:-moz-placeholder {
	/* Older versions of Firefox */
	color: rgba(0, 0, 0, 0.7);
	font-style: italic;
	font-size: 14px;
}
input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.7);
	font-style: italic;
	font-size: 14px;
}
.form-control {
	background: none repeat scroll 0 0 #eeeeee;
	border: 1px solid #eeeeee;
	border-radius: 2px;
}
label,
.label {
	font-size: 14px;
	font-weight: 400;
}
form input.cptch_input {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #bbb;
}
.grey-bg .form-control {
	background-color: #fff;
}
.button-block {
	text-align: center;
	margin-top: 3rem;
}
.btn-default {
	font-weight: 300;
	color: #fff;
	background-color: var(--THEME-COLOR-DARK);
	border-color: var(--THEME-COLOR-DARK);
}
.btn-default:hover {
	color: var(--THEME-COLOR-DARK);
	background-color: #eee;
	border-color: var(--THEME-COLOR-DARK);
}
.btn-default small {
	font-size: 0.75em;
}
.btn-arrow {
	text-transform: uppercase;
	/* font-size: 1em; */
	border-radius: 2px;
	position: relative;
	padding-right: 2rem;
	padding-left: 2rem;
	transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1),
		background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
	outline: none;
	position: relative;
	overflow: hidden;
	transition: background-color 300ms ease-out;
}
.btn-arrow span {
	display: inline-block;
	position: relative;
	transition: all 300ms ease-out;
	will-change: transform;
}
.btn-arrow:hover span {
	transform: translate3d(-1rem, 0, 0);
}
.btn-arrow svg,
.btn-arrow i {
	position: absolute;
	width: 1.1em;
	right: 0px;
	right: 0rem;
	opacity: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 300ms ease-out;
	will-change: right, opacity;
}
.btn-arrow:hover svg,
.btn-arrow:hover i {
	opacity: 1;
	right: -2rem;
}
.btn-dark {
	background-color: var(--THEME-COLOR-DARK);
	border-color: var(--THEME-COLOR-DARK);
}
.btn-dark:hover {
	background-color: var(--THEME-COLOR-DARKEST);
	border-color: var(--THEME-COLOR-DARKEST);
}
.nav-pills .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background-color: var(--THEME-COLOR-DARK);
	color: var(--bs-nav-pills-link-active-color);
}
.btn-link {
	color: var(--THEME-COLOR-DARK);
}
.btn-link:hover {
	color: var(--THEME-COLOR-DARK);
	text-decoration: underline;
}
.theme-bg .btn-link {
	color: var(--THEME-COLOR-GOLD);
}
.theme-bg .btn-link:hover {
	color: var(--THEME-COLOR-GOLD);
	text-decoration: underline;
}
.theme-bg .btn-outline-light {
	opacity: 0.85;
}

/*Hero*/
.hero {
	width: 100%;
	min-height: 75dvh;
	background-color: var(--THEME-COLOR-DARK);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 0;
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
}
.home .hero {
	min-height: 90dvh;
}
.home:has(header .alert) .hero {
	min-height: 82.5dvh;
}
@media only screen and (min-width: 768px) {
	.hero {
		min-height: 55dvh;
	}
	.home .hero,
	.home:has(header .alert) .hero {
		min-height: 75dvh;
		max-height: 830px;
	}
}
@media only screen and (min-height: 1000px) and (orientation: portrait) {
	.home .hero,
	.home:has(header .alert) .hero {
		min-height: 600px;
		max-height: 800px;
	}
}
.hero-container {
	margin: auto;
	padding-block: 175px 50px;
	z-index: 1;
	text-shadow: 1px 1px 1px #000;
}
.hero-container .btn {
	text-shadow: none;
}
.avec-soutien-de {
	position: relative;
	margin: 0 auto 2.75rem;
	z-index: 1;
}
.avec-soutien-de img {
	max-width: 135px;
	margin: 0 10px;
	-webkit-filter: drop-shadow(1px 1px 1px #000);
	filter: drop-shadow(1px 1px 1px #000);
}
.home .hero h1 {
	max-width: 100%;
	margin-bottom: 3rem;
}
.hero h1 .titre,
.hero h1 .sup-titre {
	color: white;
}
.hero h1 .titre {
	font-size: calc(2.25rem + 2vw);
	font-weight: 700;
	line-height: 1.1;
}
.hero h1 .sup-titre {
	font-size: calc(1rem + 0.5vw);
	font-weight: 500;
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
}
.hero-txt {
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 0;
	width: 520px;
	max-width: 85%;
	font-size: 1.2rem;
}
.chaines-tv {
	color: #eee;
	font-size: 1rem;
	margin: auto;
	padding: 1.5rem 1.5rem 0.5rem;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border-radius: 1rem;
	overflow: hidden;
	/* background: rgba(0, 0, 0, 0.8); */
	-webkit-backdrop-filter: saturate(80%) blur(10px);
	backdrop-filter: saturate(80%) blur(10px);
	/* display: flex; */
	align-items: center;
	column-gap: 2rem;
	row-gap: 0.25rem;
	flex-wrap: wrap;
}

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
	.chaines-tv {
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}
.titre-tv {
	display: none;
	text-shadow: none;
	font-size: 0.85rem;
	text-transform: uppercase;
	line-height: 1.25;
}
.logos-tv {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}
.logos-tv img {
	max-width: 145px;
	max-height: 55px;
	width: auto;
	height: auto;
}
.hero-social-nav {
	position: relative;
	top: 2.5rem;
}
.hero-social-nav-text {
	font-weight: 500;
	font-size: 0.825em;
	letter-spacing: -0.3px;
}
@media only screen and (min-width: 992px) {
	.logos-tv {
		justify-content: start;
	}
	.avec-soutien-de img {
		max-width: 150px;
	}
}
@media only screen and (min-width: 1200px) {
	.hero-social-nav {
		position: absolute;
		right: 1%;
		top: 18px;
		font-size: 1.25rem;
		align-items: center;
	}
}
.hero-social-nav a {
	padding: 0 0.6rem;
	color: #fff;
}
.hero-social-nav a:hover {
	color: #ddd;
}
@media only screen and (min-width: 992px) {
	.avec-soutien-de {
		right: 100px;
		position: absolute;
		margin-top: 0;
		margin-bottom: 0;
		bottom: 100px;
	}
	.chaines-tv {
		margin: 0;
	}
	.hero-social-nav a {
		padding: 0 0.4rem;
	}
}
@media only screen and (min-width: 1500px) {
	.home .hero h1 {
		width: 45ch;
	}
	.avec-soutien-de {
		right: 90px;
	}
}

/*Hero Below Image/Vidéo*/
.hero2-bg-img,
.hero3-bg-img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.overlay {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.overlay,
.hero-below:before,
.hero:before {
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.125) 20%,
		rgba(0, 0, 0, 0.25) 95%
	);
	box-shadow: inset 0 0 20em 12em rgba(0, 0, 0, 0.5);
}
.hero-below:before,
.hero:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.hero-below {
	position: relative;
	overflow: hidden;
	/* height: 32vw; */
	min-height: 500px;
	background-color: var(--THEME-COLOR-DARK);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.hero-below a {
	color: white;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
.hero-below a:hover {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.hero-below img.logo-tv {
	max-width: 205px;
	max-height: 50px;
	width: auto;
	height: auto;
	margin: 0 15px 15px 0;
	display: block;
}
@media only screen and (max-height: 1100px) and (min-width: 768px) {
	.hero-below {
		height: 40vw;
		min-height: 500px;
	}
}
@media screen and (min-height: 1200px) and (orientation: portrait) {
	.hero-below {
		height: 42vw;
		min-height: 32vh;
	}
}

/*Modal videos*/
@-webkit-keyframes modal-video {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes modal-video {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes modal-video-inner {
	from {
		transform: translate(0, 100px);
	}
	to {
		transform: translate(0, 0);
	}
}
@keyframes modal-video-inner {
	from {
		transform: translate(0, 100px);
	}
	to {
		transform: translate(0, 0);
	}
}
.modal-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000000;
	cursor: pointer;
	opacity: 1;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-name: modal-video;
	animation-name: modal-video;
	transition: opacity 0.3s ease-out;
}
.modal-video-close {
	opacity: 0;
}
.modal-video-close .modal-video-movie-wrap {
	transform: translate(0, 100px);
}
.modal-video-body {
	max-width: 940px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: table;
}
.modal-video-inner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.modal-video-movie-wrap {
	width: 100%;
	height: 0;
	position: relative;
	padding-bottom: 56.25%;
	background-color: #333;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-name: modal-video-inner;
	animation-name: modal-video-inner;
	transform: translate(0, 0);
	transition: transform 0.3s ease-out;
}
.modal-video-movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.modal-video-close-btn {
	position: absolute;
	z-index: 2;
	top: -35px;
	right: -35px;
	display: inline-block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	border: none;
	background: transparent;
}
.modal-video-close-btn:before {
	transform: rotate(45deg);
}
.modal-video-close-btn:after {
	transform: rotate(-45deg);
}
.modal-video-close-btn:before,
.modal-video-close-btn:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #fff;
	border-radius: 5px;
	margin-top: -6px;
}
.modal-video {
	background-color: rgba(0, 0, 0, 0.8);
}

.hero-below {
	color: #eee;
	text-shadow: 1px 1px 1px #000;
}
.hero-below h1 {
	font-size: calc(1.75rem + 1.25vw);
	margin-bottom: 1rem;
}
.hero-below p {
	font-size: calc(1rem + 0.35vw);
	margin-bottom: 2rem;
	font-weight: 400;
}
.hero-text,
.hero-video {
	z-index: 1;
	position: relative;
	width: 1000px;
	max-width: 85%;
	height: 100%;
	margin: auto;
	text-align: center;
	padding: 4rem 0;
}
.hero-text {
	width: 1250px;
	max-width: 90%;
	text-align: left;
}
.hero-text p {
	width: 750px;
	font-size: calc(1rem + 0.5vw);
	max-width: 90%;
}
.relevant-logos {
	display: flex;
	align-items: center;
	gap: 1rem;
}
.relevant-logos img {
	max-width: 175px;
	max-height: 70px;
	width: auto;
	height: auto;
}

/*Play button*/
/*By Arnold Longqueue  https://codepen.io/alongequeue */
@-webkit-keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}
.stroke-solid {
	stroke-dashoffset: 0;
	stroke-dasharray: 300;
	stroke-width: 4px;
	transition: stroke-dashoffset 1s ease, opacity 1s ease;
}
.icon {
	transform: scale(0.8);
	transform-origin: 50% 50%;
	transition: transform 200ms ease-out;
}
#play {
	cursor: pointer;
}
#play:hover .stroke-solid {
	opacity: 1;
	stroke-dashoffset: 300;
}
#play:hover .icon {
	transform: scale(0.9);
}

/*Hero Inside*/
@media only screen and (min-height: 700px) {
	.hero-inside,
	.hero-reduit {
		min-height: 75dvh;
	}
}
@media only screen and (min-height: 800px) {
	.hero-inside,
	.hero-reduit {
		min-height: 60dvh;
	}
}
@media only screen and (min-height: 900px) {
	.hero-inside,
	.hero-reduit {
		min-height: 55dvh;
	}
}

/*Barre Info*/
.info-bar {
	display: flex;
	align-items: center;
	border-radius: 8px;
	overflow: hidden;
	background-color: #fff;
	font-size: 1.3rem;
	margin-top: calc((60px + 0.5vw) / 2 * -1);
	margin-bottom: calc(30px + 1vh);
	padding: 0;
	min-height: calc(60px + 0.45vw);
	z-index: 2;
	position: relative;
}
@media only screen and (max-width: 575px) {
	.info-bar {
		max-width: 95vw;
	}
}
.info-bar h3 {
	margin-bottom: 0;
	font-size: calc(1rem + 0.5vw);
}
.info-bar h3:first-child:last-child {
	text-align: center;
}
.info-bar .fab {
	font-size: 1.6em;
}
.info-bar a:hover .fab {
	opacity: 0.6;
}
.info-bar #onlyDays > div {
	font-size: 2rem;
	padding: 0 10px;
	text-transform: uppercase;
}
.single-post .info-bar {
	background: transparent;
	font-size: 1.1em;
}
.page-template-page-cyclo .info-bar,
.single-journee .info-bar {
	margin-bottom: calc(55px + 1vh);
}
.page-template-page-cyclo .info-bar .info,
.single-journee .info-bar .info {
	font-weight: 700;
	font-size: calc(1rem + 0.25vw);
	line-height: 1.2;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	display: flex;
	align-items: center;
}
.page-template-page-cyclo .info-bar .info span,
.single-journee .info-bar .info span {
	text-transform: uppercase;
	font-size: 0.85rem;
	margin-right: 5px;
	font-weight: 400;
	font-family: 'Fira Sans', sans-serif;
	opacity: 0.75;
	letter-spacing: 0.25px;
}
.info-bar > a {
	line-height: 1;
}
.info-bar-link {
	font-weight: 600;
	font-size: 0.75em;
	line-height: 1.2;
	color: #eee;
	text-align: right;
	padding: 0.5rem 1rem;
	position: relative;
	white-space: nowrap;
	background-color: var(--THEME-COLOR-DARK);
	background-image: url(./img/TDA_logo_star_5pc-crunch.png);
	background-repeat: no-repeat;
	background-position: -80% 70%;
	background-size: 70%;
}
.info-bar-link a,
a.info-bar-link,
.hero-txt a {
	color: #fff;
}
.info-bar-link a:hover,
a.info-bar-link:hover,
.hero-txt a:hover {
	color: var(--THEME-COLOR-GOLD);
	text-decoration: none;
}
.info-bar-link a[rel='previous'],
a[rel='previous'].info-bar-link,
.info-bar-link a[rel='next'],
a[rel='next'].info-bar-link {
	text-transform: uppercase;
	font-size: 0.85em;
}
@media only screen and (max-width: 767px) {
	body.single-journee .info-bar-link {
		width: 50%;
		float: left;
	}
	body.single-journee .info-bar-body + .info-bar-link:last-child {
		width: 100%;
	}
}
@media only screen and (min-width: 992px) {
	.info-bar #onlyDays > div {
		font-size: 2.6rem;
	}
	.info-bar-link {
		padding: 0.5rem 1rem;
		font-size: 0.9em;
		text-align: left;
		text-transform: uppercase;
	}
	.page-template-page-la-course .info-bar-link {
		width: 245px;
		white-space: break-spaces;
		max-width: 100%;
	}
}

body.single-post .info-bar {
	max-width: none;
}
body:not(.single-post) .info-bar p {
	margin-bottom: 0;
}
.info-bar-etroit {
	max-width: 960px;
}

/*Countdown*/
.jedi-dashboard {
	height: auto !important;
	width: auto !important;
}
.jedi-hours_dash {
	clear: none !important;
	background: none !important;
}

/* Race Center */
.info-bar.barre-racecenter .accordion-button {
	justify-content: center;
	gap: 1rem;
	background-color: transparent;
	box-shadow: none;
	padding-inline: 5px 0;
	font-size: clamp(17px, calc(12.5px + 1.125vw), 24px);
}
.info-bar.barre-racecenter .accordion-header {
	display: grid;
	min-height: calc(60px + 0.45vw);
	background-color: rgb(0, 76, 153);
}
.info-bar.barre-racecenter .accordion-button::after {
	content: none;
	/* margin-left: 0; */
}
.info-bar.barre-racecenter .accordion-button span {
	padding-block: 0.25rem;
	color: white;
	flex-grow: 1;
}
.info-bar.barre-racecenter .gyrophare {
	font-size: calc(1.25em + 0.5vw);
}
.logo-wrapper {
	background-color: white;
	height: 100%;
	display: grid;
	place-content: center;
	padding: 10px;
}
@media (min-width: 992px) {
	.info-bar.barre-racecenter .accordion-button {
		gap: 2rem;
	}
	.logo-wrapper {
		padding: 20px 40px;
	}
}
.logo-wrapper img {
	max-height: 100%;
	height: auto;
	width: 150px;
	max-width: 20vw;
}
.info-bar.barre-racecenter .accordion-body {
	padding: 0;
}
.info-bar.barre-racecenter .accordion-body .banner-ad {
	/* aspect-ratio: 400 / 250; */
	--bs-aspect-ratio: 62.5%;
	width: 100%;
}
.info-bar.barre-racecenter .accordion-body .banner-ad div {
	display: grid;
	place-content: center;
	padding: 1rem;
	border: dashed 3px red;
	background: repeating-linear-gradient(
		-45deg,
		rgba(0, 0, 0, 0.15),
		rgba(0, 0, 0, 0.15) 10px,
		rgba(0, 0, 0, 0.2) 10px,
		rgba(0, 0, 0, 0.2) 20px
	);
	font-weight: 500;
}
@media (min-width: 550px) {
	.info-bar.barre-racecenter .accordion-body .banner-ad {
		/* aspect-ratio: 970 / 300; */
		--bs-aspect-ratio: 30.9278%;
		display: grid;
	}
}
@media (min-width: 992px) {
	.info-bar.barre-racecenter .accordion-body .banner-ad {
		/* aspect-ratio: 970 / 200; */
		--bs-aspect-ratio: 20.6186%;
	}
}

.container-wider:has(.info-bar) + section,
.container:has(.info-bar) + section {
	margin-top: 3rem;
}

/* Modals */
.modal-backdrop {
	z-index: 100001;
}
.modal-backdrop.show {
	opacity: 0.75;
}
.modal {
	z-index: 100002;
}
.modal .close:hover {
	color: var(--THEME-COLOR-GOLD);
}
.dark-modal .modal-title {
	text-transform: uppercase;
}
.dark-modal .modal-content {
	background-color: var(--THEME-COLOR-DARK);
	color: #dddddd;
}

.modal-dialog.image-only {
	max-width: 100%;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.dark-modal .modal-dialog.image-only .modal-content {
	background-color: transparent;
	color: #dddddd;
	/* width: fit-content; */
}

.dark-modal .modal-header,
.dark-modal .modal-footer {
	border-color: transparent;
}
.dark-modal .modal-header .close {
	padding: 0rem 1rem;
}
.modal .close {
	font-size: 2rem;
	font-weight: 300;
	color: var(--THEME-COLOR-GOLD);
	text-shadow: none;
}
.modal-dialog.image-only .close {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999999;
	opacity: 1;
	color: #555;
	background: #fff;
	padding: 0 0.75rem;
	border-radius: 0.15rem;
	border: 1px solid #ddd;
}
.modal-dialog.image-only .close:not(:disabled):not(.disabled):hover {
	opacity: 1;
	color: #000;
}

.front-page .modal-content {
	min-height: 35vh;
}
.modal-dialog.image-only {
	max-width: 95%;
}
@media (min-width: 768px) {
	.modal-dialog.image-only {
		max-width: 90%;
	}
}
@media (min-width: 992px) {
	.modal-dialog.image-only {
		max-width: 90%;
	}
}
@media (min-width: 1200px) {
	.modal-dialog.image-only {
		max-width: 1000px;
	}
}

@media only screen and (min-width: 768px) {
	.front-page .modal-header {
		padding-left: 2rem;
	}
	.front-page .modal-body {
		padding: 0 2rem;
		font-size: 1.25rem;
	}
}

/*Navigation Etapes*/
.journee-date {
	white-space: nowrap;
	margin-right: 5px;
}

#intro .intro-text {
	padding: 2rem;
}
@media only screen and (min-width: 1500px) {
	#intro .intro-text {
		padding: 6rem;
	}
}

.parcours-video a {
	background: linear-gradient(to left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));
}
.parcours-video a i {
	color: rgba(255, 255, 255, 0.7);
}
.parcours-video a:hover i {
	color: #fff;
}
.parcours-video {
	height: 270px;
	width: 480px;
	border: 1px solid #333;
	margin: 30px auto -200px;
}

.carte:hover {
	opacity: 0.85;
}
.carte img[data-action='zoom'],
.home #parcours img[data-action='zoom'] {
	cursor: auto;
	z-index: 1;
	position: relative;
}
.tv-icon svg {
	stroke: #555;
	vertical-align: text-bottom;
	width: 20px;
	height: 20px;
}

/*Page Accueil: visualisations parcours*/
.home #parcours .visus {
	width: 100%;
}
@media (min-width: 1500px) {
	.home #parcours .visus.swiper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		gap: 17px;
		row-gap: 1rem;
	}
	.visus.swiper .swiper-wrapper {
		display: contents; /* This makes the children of swiper-wrapper direct children of swiper-container for flexbox layout */
	}
	.visus.swiper .swiper-slide {
		flex: 0 0 calc(25% - (17px * 3 / 4));
	}
	/* Hide Swiper navigation and pagination elements */
	.visus.swiper .swiper-button-prev,
	.visus.swiper .swiper-button-next,
	.visus.swiper .swiper-pagination {
		display: none !important;
	}
}
#parcours .swiper-slide {
	width: 350px;
	max-width: 90%;
	height: auto;
	background-color: transparent;
	overflow: hidden;
	border-radius: 0 1rem 1rem 0;
}
.home #parcours .visus-grid-item-repos {
	align-self: stretch;
	/* width: 200px; */
	border-radius: 0;
}
.home #parcours .visus-grid-item-repos .card.repos {
	padding: 1.5rem;
}
#parcours .img-carte {
	margin-bottom: 2rem;
	width: 500px;
}
.home #parcours .card {
	border-left: 4px solid var(--THEME-COLOR-DARK);
	border-radius: 0;
}
.home #parcours .card,
.home #parcours .visus-grid-item-repos .card.repos {
	height: 100%;
}
.home #parcours .card .header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	margin-bottom: 2rem;
	/* background: #141b4d;
	color: white; */
}
.home #parcours .card .header h5 {
	background: #141b4d;
	color: white;
}
.home #parcours .card:not(.repos) .date {
	line-height: 1.3;
	white-space: nowrap;
}
.card .date .badge-info {
	text-transform: lowercase;
	font-weight: 600;
}
.home #parcours .card.etape-tv:before {
	content: '';
	background: #141b4d; /* Eurosport blue */
	width: 50px;
	height: 100px;
	position: absolute;
	bottom: -35px;
	right: -12px;
	transform: rotate(45deg);
}
svg.etape-tv-icon,
img.etape-tv-eurosport {
	position: absolute;
	bottom: 7px;
	right: 8px;
}

.card .visu-placeholder {
	width: 100%;
	height: 225px;
	max-height: 100%;
}
.card .visu-placeholder svg {
	opacity: 0.1;
	margin: auto;
}
.home #parcours .carte-img {
	width: 500px;
}
.home #parcours .card .date small {
	color: darkred;
}
.card .date .fa-check {
	color: green;
}
.home #parcours .card .depart-arrivee {
	margin-top: 0.75rem;
	font-size: 1rem;
	font-weight: 600;
	min-height: 38px;
	line-height: 1.2;
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
}
@media only screen and (min-width: 400px) {
	.home #parcours .card .depart-arrivee {
		flex-wrap: nowrap;
	}
}
@media only screen and (min-width: 576px) {
	.carte img[data-action='zoom'] {
		cursor: pointer;
		cursor: -moz-zoom-in;
	}
}

.home #parcours table th {
	text-align: left;
}
.home #parcours table td,
.home #parcours table th {
	padding: 0.5rem;
}
.home #parcours table td:first-child {
	border-left: none;
}
.home #parcours table td:last-child {
	border-right: none;
}

#celendrier table td.tv-col,
.home #parcours table td.tv-col {
	padding: 0.125rem;
}
@media only screen and (min-width: 1400px) {
	.home #parcours table {
		font-size: 0.95em;
	}
}
@media only screen and (min-width: 1500px) {
	.home #parcours table td,
	.home #parcours table th {
		padding: 0.75rem;
	}
}
@media only screen and (min-width: 1650px) {
	.home #parcours table {
		font-size: 1.1em;
	}
}

#parcours thead {
	font-size: 0.85em;
	text-align: center;
	text-transform: uppercase;
}

#parcours table th,
#parcours table td {
	vertical-align: middle;
}
#parcours table .date {
}
#parcours table tr:not(.repos) .etapenb {
	background: var(--THEME-COLOR-DARK);
	color: #eee;
	padding: 4px;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	text-align: center;
	font-size: 12px;
}
#parcours table .brick-tv img {
	max-width: 22px;
	height: auto;
	max-height: 22px;
	width: auto;
}
#parcours table {
	font-size: 0.85em;
	margin: 0 auto;
}
td.type-col,
td.winner-col {
	text-align: center;
	line-height: 1.2;
}
@media only screen and (min-width: 992px) {
	#parcours thead {
		font-size: 0.9em;
	}
}
#parcours table th {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 700;
	padding: 0;
	vertical-align: middle;
	border-left: 1px solid var(--bs-border-color);
}
#parcours table thead th {
	font-size: 0.8rem;
	letter-spacing: 0.3px;
	opacity: 0.8;
	font-weight: 400;
	font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Roboto', 'Arial',
		'Helvetica Neue', 'Helvetica', sans-serif;
	border: none;
}
#parcours table thead th {
	padding: 0 1rem 0.25rem 0.5rem !important;
}
#parcours table tr.journee-encours {
	border-top: 2px solid var(--THEME-COLOR-DARK);
}
.bloc-journee {
	background: #fff;
	width: 100%;
	margin: 0 0 10px;
	padding: 10px 20px 10px 60px;
	font-size: 0.9em;
	position: relative;
	overflow: hidden;
	font-weight: 500;
	border-radius: 0 0.25rem 0.25rem;
}
@media only screen and (min-width: 576px) {
	.bloc-journee {
		margin: 0 0 15px;
	}
}
a.bloc-journee {
	color: inherit;
}
a.bloc-journee:empty {
	height: 0;
	min-height: 0;
	padding: 0;
	margin: 0;
}
.bloc-journee .start-finish {
	position: relative;
}
.bloc-journee .start-finish svg {
	width: 30px;
	position: absolute;
	left: -27px;
	top: -18px; /* IE 9 */ /* Chrome, Safari, Opera */
	transform: rotate(20deg);
}
.bloc-journee h3 {
	margin-bottom: 0.5rem;
	font-size: 1.1rem;
	line-height: 1.1;
}
.bloc-journee .depart-arrivee {
	min-width: 75%;
}
.compteur-etape {
	top: 2px;
	left: 4px;
	width: 20px;
	position: absolute;
	z-index: 2;
	color: #ddd;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -2px;
}
.svgCorner {
	fill: var(--THEME-COLOR-DARK);
	width: 55px;
}
.svgCornerTL {
	position: absolute;
	top: 0;
	left: 0; /* IE 9 */ /* Chrome, Safari, Opera */
	transform: rotate(90deg);
}
.journee-meta {
	color: #777;
}
.bloc-journee .type {
	text-transform: uppercase;
	font-size: 0.95em;
}
.home #parcours .card.repos,
.carte-sommaire.repos,
.bloc-journee.repos {
	background: repeating-linear-gradient(
		-55deg,
		#cccccc,
		#cccccc 1px,
		rgba(255, 255, 255, 0) 1px,
		rgba(255, 255, 255, 0) 10px
	);
	padding: 25px;
	border: 1px solid #ccc;
}
.home #parcours .card.repos {
	border-left: 4px solid #212529;
}
.bloc-journee.repos.bloc-shadow:hover {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/*Collectivités journées*/
.group-logo-coll {
	position: relative;
	font-size: 0.95em;
	max-width: 125px;
	place-content: center;
	display: grid;
	text-align: center;
	margin-inline: auto;
}
.group-logo-coll > p {
	margin-bottom: 0.5rem;
}

/*Actu*/
.featured-actu-img-bloc {
	background: #fff;
}
@media only screen and (min-width: 768px) {
	.featured-actu-txt-bloc {
		border-radius: 0.25rem 0 0 0.25rem;
	}
	.featured-actu-img-bloc .img-holder {
		border-radius: 0 0.25rem 0.25rem 0;
	}
	#actu > .container {
		/* max-width: 95%; */
	}
}
#actu .card {
	width: 100%;
	border: none;
	background: #fff;
}
.post-date {
	font-size: 0.9rem;
	opacity: 0.8;
}

/*Liste équipes*/
.equipes-intro {
	/* width: 450px; */
	max-width: 90%;
}
.bloc-equipe {
	max-width: 33.333%;
	text-align: center;
	width: 160px;
	display: flex;
	flex-direction: column;
	padding: 1rem 0 0.75rem;
}
.front-page .bloc-equipe.sans-maillot {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}
.place-equipe {
	font-size: 2.75em;
	letter-spacing: -4px;
	font-weight: 700;
	color: #e9e9e9;
	opacity: 0.75;
	position: relative;
	text-align: center;
}
.place-equipe-invitee {
	margin: 0 0.75rem 0.75rem;
	opacity: 1;
	font-size: 2rem;
	line-height: 1;
}
.place-equipe-invitee .fa-check {
	color: green;
	font-size: 0.5em;
}
.front-page .bloc-equipe.sans-maillot img {
	opacity: 0.35;
	margin-inline: auto;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	margin: auto;
}
#equipes.theme-bg .bloc-equipe.sans-maillot img {
	opacity: 0.55;
}
.place-equipe-dark {
	color: #ccc;
}
.place-equipe span {
	position: absolute;
	top: 10%;
	left: -7px;
	right: 0;
	color: var(--THEME-COLOR-DARK);
}
.nom-equipe {
	font-size: calc(0.75em + 0.1vw);
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.35;
	padding: 0 10px;
	min-height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.75;
}
.front-page .bloc-equipe.sans-maillot .nom-equipe {
	font-size: calc(0.75em + 0.25vw);
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	font-weight: 500;
}
.bloc-equipe:hover .nom-equipe {
	opacity: 1;
}
.presente-par {
	width: auto;
	max-width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	/* padding: 0 3rem; */
	margin-block: 2rem;
}
.presente-par > div {
	font-size: 0.85rem;
	line-height: 1.25;
	font-style: italic;
	color: currentColor;
	margin: 0.5rem;
}
.theme-bg .presente-par > div {
	color: rgba(255, 255, 255, 0.5);
}
.presente-par img {
	max-width: 165px;
	max-height: 75px;
	height: auto;
	width: auto;
	-o-object-fit: contain;
	object-fit: contain;
}
.theme-bg .swiper-scrollbar-drag {
	--swiper-scrollbar-drag-bg-color: rgba(255, 255, 255, 0.5);
}

/*Page Equipes et Coureurs*/
.liste-blocs-equipes {
	/* margin-top: 6rem; */
}
.page-template-page-equipes-coureurs .card.team {
	width: 425px;
	max-width: 100%;
	margin: 0;
	overflow: visible;
}
@media only screen and (min-width: 800px) {
	.page-template-page-equipes-coureurs .card.team {
		width: calc(50% - (1rem / 2));
		max-width: 425px;
	}
}
@media only screen and (min-width: 992px) {
	.page-template-page-equipes-coureurs .card.team {
		width: calc(50% - (1.5rem / 2));
	}
}
@media only screen and (min-width: 1300px) {
	.page-template-page-equipes-coureurs .card.team {
		width: calc(33.333% - (1.5rem * 2 / 3));
		max-width: none;
	}
}
@media only screen and (min-width: 1750px) {
	.page-template-page-equipes-coureurs .card.team {
		width: calc(25% - (1.5rem * 3 / 4));
	}
}
.equipes-invitees .team {
	margin-bottom: 0.5rem;
}
.page-template-page-equipes-coureurs .card.team .invited,
.page-template-page-equipes-coureurs .card.team .confirmed {
	background: var(--THEME-COLOR-DARK);
	color: #eeeeee;
	width: auto;
	display: inline-block;
	padding: 1px 10px;
	font-size: 0.85rem;
	transform: rotate(270deg);
	transform-origin: right top;
	right: 100%;
	position: absolute;
	top: 0;
	white-space: nowrap;
	z-index: 99;
	border-radius: 0 0.25rem 0 0;
}
.page-template-page-equipes-coureurs .card.team .invited {
	opacity: 0.5;
}

.coureur_nom:not(.coureur_retire) {
	font-weight: 600;
}
.team-card-bloc-maillot {
	width: 125px;
	height: 125px;
	margin-bottom: 1.5rem;
}
.team-card-bloc-titre {
	margin-bottom: 0.5rem;
}
.team-card-bloc-social a i {
	color: #555;
}
.team-card-bloc-social a:hover i {
	color: #000;
}
.page-template-page-equipes-coureurs .card.team .staff {
	font-size: 0.85em;
	text-align: end;
}
img.rider-headshot {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	z-index: 2;
	/* border: 6px solid white; */
	transition: 0.2s transform ease-in-out;
}
img.rider-headshot:hover {
	z-index: 3;
	transform: scale(5);
}
.equipe-coureur-nom {
	/* margin-right: .5rem; */
	font-weight: 400;
}
.equipe-coureur-nom s {
	line-height: 1.25;
}
.roster-list {
	flex-grow: 1;
	width: 100%;
	text-align: start;
	margin-top: auto;
}
.roster-list li {
	font-size: 0.9em;
	font-weight: 300;
}
.coureur-non-confirme .equipe-coureur-nom {
	font-weight: 400;
}
.coureur-non-confirme .equipe-coureur-nom > small {
	opacity: 0.75;
}
.page-template-page-equipes-coureurs div[class*='team-'] h4 {
	padding: 0 15px;
}
.page-template-page-equipes-coureurs div[class*='team-'] img.wp-post-image {
	max-height: 100%;
	width: auto;
}
.page-template-page-equipes-coureurs
	div[class*='team-']
	.card-footer:last-child {
	background: none;
	border-top: none;
}

/*Partenaires*/
.partenariat .header {
	text-transform: uppercase;
	font-size: 0.9rem;
	letter-spacing: 2px;
	margin-bottom: 3rem;
	text-align: center;
}
.partenaire {
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	height: 100%;
}
.partenaire img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}
.partenaire img {
	height: 50px;
	width: 158px;
	max-height: 100%;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
@media only screen and (min-width: 992px) {
	.partenaire img {
		max-height: 68px;
		height: 68px;
	}
}
.home .partenaire img.max-h-75px {
	max-height: 75px;
}
.home .partenaire img {
	-o-object-fit: contain;
	object-fit: contain;
}
.page-template-page-partenaires .partenaire {
	font-size: 0.9em;
	color: #888;
	border: none;
}
.info-bar-logos {
	align-self: stretch;
	display: flex;
	flex-shrink: 1;
	align-items: center;
	justify-content: center;
	padding-bottom: 1rem;
}
.info-bar .partenaire {
	align-items: center;
	text-align: center;
	max-width: 142px;
	margin: 0 0.5rem;
	min-width: 80px;
}
.info-bar .partenaire img {
	width: auto;
	height: auto;
	max-width: 80px;
	max-height: 40px;
}
.partenaire .card-body {
	padding: 0.5rem 0 0;
}
.partenaire .card-body a {
	opacity: 1;
	font-size: 0.9em;
	transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	display: block;
}
.partenaire:has(img) .card-body a {
	opacity: 0;
}
.group-logo-coll a {
	display: block;
}
.group-logo-coll a:hover,
.partenaire .card-body a:hover {
	opacity: 1;
	color: var(--THEME-COLOR-DARK);
}
.vert-divider {
	position: relative;
	content: '';
	width: 1px;
	background: rgba(0, 0, 0, 0.15);
}
.vert-divider:nth-child(4n + 4) {
	display: none;
}
.vert-divider:last-child {
	display: none;
}
.partenaire-wrapper .partenaire {
	display: grid;
	place-content: center;
}
@media only screen and (min-width: 576px) {
	.vert-divider:nth-child(6n + 6) {
		display: inline;
	}
	div.vert-divider:nth-of-type(3) {
		display: none;
	}
}

/*Greyscale immage, color on hover. Used on logos*/
.greyscale-img {
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(100%);
	filter: grayscale(1);
	opacity: 0.75;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.greyscale-img.lazyloaded {
	opacity: 0.75;
}
.white-img {
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}
a:hover > .greyscale-img,
.greyscale-img:hover {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0%);
	filter: grayscale(0);
	opacity: 1;
	-webkit-backface-visibility: hidden;
}
/* .greyscale-img.lazy-loaded {
	opacity: .5 !important;
}
a:hover > .greyscale-img.lazy-loaded,
.greyscale-img:hover.lazy-loaded {
	opacity: 1 !important;
} */

.with-line {
	position: relative;
	margin: 3rem 0 0;
}
.with-line span {
	background: #fff;
	padding: 0 5px;
	position: relative;
	z-index: 1;
}
@media only screen and (min-width: 576px) {
	.with-line {
		margin: 3rem auto 0;
		max-width: 1370px;
	}
	.with-line span {
		padding-inline: 25px;
	}
}
.white-bg .with-line > a span {
	background: #fff;
	color: var(--THEME-COLOR-DARK);
}
.page-template-page-nos-partenaires .with-line:before {
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	height: 1px;
	background: rgba(0, 0, 0, 0.2);
	top: 50%;
	z-index: 0;
}
.with-line > a {
	text-transform: uppercase;
	font-size: 0.9em;
	background-color: var(--THEME-COLOR-DARK);
	color: #eee;
	border-radius: 2px;
	display: inline-block;
	position: relative;
	padding: 10px;
}
.theme-bg .with-line > a {
	color: var(--THEME-COLOR-DARK);
	background-color: #eee;
}
.with-line-dark.with-line:after {
	/*background: #26325E;*/
	background-color: var(--THEME-COLOR-DARK);
}
.with-line > a span {
	background: transparent;
	padding: 2px 25px 2px;
}

.up-40-content {
	transform: translateY(-40px);
}

/*Slide-Out Panel*/
main {
	display: flex;
	flex-direction: column;
	/*min-height: 100vh;*/
	min-height: 50vh;
	position: relative;
	transition-duration: 0.3s;
	transition-property: transform;
	/*z-index: 2;*/
}
main.slide-out {
	transform: translateX(-100%);
}
main.slide-out .cd-overlay {
	display: block;
	-webkit-animation: cd-fade-in 0.3s;
	animation: cd-fade-in 0.3s;
}
@media only screen and (min-width: 768px) {
	main.slide-out {
		transform: translateX(-90%);
	}
}
@media only screen and (min-width: 992px) {
	main.slide-out {
		transform: translateX(-550px);
	}
}

.side-bloc {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	/* smooth scrolling on mobile phones and tablets */
	-webkit-overflow-scrolling: touch;
	color: #ddd;
	z-index: 999;
	padding: 5rem 2rem;
	/* this how we move the author bio section off the canvas */
	transform: translateX(100%);
	transition-property: transform;
	transition-duration: 0.3s;
}
.side-bloc.slide-in {
	/* the author bio section slides in when the user clicks on the team member picture */
	transform: translateX(0);
}
@media only screen and (min-width: 768px) {
	.side-bloc {
		width: 90%;
		transform: translateX(100%);
	}
}
@media only screen and (min-width: 992px) {
	.side-bloc {
		width: 550px;
		transform: translateX(550px);
	}
}
.side-bloc-close {
	width: 32px;
	height: 32px;
	overflow: hidden;
	position: fixed;
	top: 10px;
	right: 10px;
	background: url('./img/cd-icon-close.svg') no-repeat center;
	text-indent: 100%;
	white-space: nowrap;
	z-index: 9999;
	display: none;
}
.side-bloc-close.is-visible {
	display: block;
	-webkit-animation: cd-move-in 0.8s;
	animation: cd-move-in 0.8s;
}
@media only screen and (min-width: 1200px) {
	.side-bloc-close {
		right: 20px;
		top: 20px;
	}
}
.cd-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(47, 92, 126, 0.8);
	cursor: pointer;
	display: none;
}
@-webkit-keyframes cd-fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes cd-fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes cd-move-in {
	0% {
		-webkit-transform: translateX(100px);
	}
	100% {
		-webkit-transform: translateX(0);
	}
}
@keyframes cd-move-in {
	0% {
		transform: translateX(100px);
	}
	100% {
		transform: translateX(0);
	}
}
.side-bloc .list-group-item {
	background-color: transparent;
}

/* Page La Course*/
@media only screen and (max-width: 1199px) {
	.affiche {
		max-height: 275px;
		width: auto;
	}
}
.carte {
	position: relative;
}
body.page-la-course .carte {
	margin-top: -220px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 3rem;
	max-width: 100%;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
section#calendrier {
	padding-top: 80px;
	padding-bottom: 5rem !important;
}
#calendrier table {
	font-size: 0.9em;
	margin: 0 auto;
}
#calendrier table th {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 700;
	padding: 0;
	vertical-align: middle;
	border-left: 1px solid var(--bs-border-color);
}
#calendrier table thead th {
	font-size: 0.8rem;
	letter-spacing: 0.3px;
	opacity: 0.8;
	font-weight: 400;
	font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Roboto', 'Arial',
		'Helvetica Neue', 'Helvetica', sans-serif;
	border: none;
}
#calendrier table thead th {
	padding: 0 1rem 0.25rem 0.5rem !important;
}
#calendrier table tr.journee-encours {
	border: 2px solid var(--THEME-COLOR-DARK);
}

.table > :not(caption) > tr.repos > * {
	background: transparent;
}

#tvstream .card-header.repos,
table tr.repos {
	background: linear-gradient(
		136deg,
		#dddddd 4.55%,
		#ffffff 4.55%,
		#ffffff 50%,
		#dddddd 50%,
		#dddddd 54.55%,
		#ffffff 54.55%,
		#ffffff 100%
	);
	background-size: 11px 10.62px;
}
#calendrier .table-responsive {
	background: transparent;
}
.table-responsive {
	max-width: 100%;
	background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)),
		linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%,
		radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
		radial-gradient(
				farthest-side at 100% 50%,
				rgba(0, 0, 0, 0.2),
				rgba(0, 0, 0, 0)
			)
			0 100%;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
	background-position: 0 0, 100%, 0 0, 100%;
	background-attachment: local, local, scroll, scroll;
}
@media (max-width: 991.98px) {
	.table-responsive-lg {
		max-width: 100%;
		background: linear-gradient(to right, white 30%, rgba(255, 255, 255, 0)),
			linear-gradient(to right, rgba(255, 255, 255, 0), white 70%) 0 100%,
			radial-gradient(
				farthest-side at 0% 50%,
				rgba(0, 0, 0, 0.2),
				rgba(0, 0, 0, 0)
			),
			radial-gradient(
					farthest-side at 100% 50%,
					rgba(0, 0, 0, 0.2),
					rgba(0, 0, 0, 0)
				)
				0 100%;
		background-repeat: no-repeat;
		background-color: white;
		background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%;
		background-position: 0 0, 100%, 0 0, 100%;
		background-attachment: local, local, scroll, scroll;
	}
}
@media only screen and (min-width: 1200px) {
	#calendrier table {
		font-size: 1em;
	}
}
@media only screen and (min-width: 1650px) {
	#calendrier table {
		font-size: 1.1em;
	}
}
.journee-de-repos th {
	text-align: center;
}
#calendrier tr.journee-de-repos,
#calendrier tr.rest-day {
	background: repeating-linear-gradient(
		-55deg,
		#ddd,
		#ddd 1px,
		rgba(255, 255, 255, 0.7) 1px,
		rgba(255, 255, 255, 0.7) 10px
	);
}
#calendrier table td {
	vertical-align: middle;
}
.page-template-page-la-course #calendrier table td.link-col {
	border-top: none;
	background: white;
	border: white;
}
.table.table-calendrier tr.journee-de-repos td:nth-last-child(2),
.table.table-calendrier tr:not(.journee-de-repos) td:last-child:not(.link-col),
.table.table-calendrier tr:not(.journee-de-repos) td,
.table.table-calendrier tr:not(.journee-de-repos) th {
	border-right: 1px solid var(--bs-border-color);
	border-left: 1px solid var(--bs-border-color);
}
#calendrier table tr:not(.journee-de-repos) td.link-col {
	border-right: none;
}
#calendrier table tr:last-child th:not(.link-col),
#calendrier table tr:last-child td {
	border-bottom: 1px solid var(--bs-border-color);
}
.page-template-page-la-course #calendrier table tr:last-child td.link-col {
	border-bottom: none;
}

#calendrier table .horaires {
	font-size: 0.85rem;
	font-weight: 300;
}
#calendrier td.parrain-col {
	font-size: 0.9em;
}

@media only screen and (min-width: 768px) {
	#calendrier table .brick-extremes h2 {
		font-size: 1.2rem;
	}
	#calendrier table td {
		padding-block: 0.75rem;
	}
}
#calendrier table .date {
	text-align: left;
	white-space: nowrap;
	/*font-size: .9em;*/
	line-height: 1.3;
}
#calendrier table .journee-encours th:first-child > div span,
#calendrier table .journee-encours .date {
	color: var(--THEME-COLOR-DARK);
	font-weight: 700;
}
#calendrier table .fa-long-arrow-alt-right {
	line-height: inherit;
}
#calendrier table .brick-tv {
	gap: 6px;
}
#calendrier table .brick-tv img {
	max-width: 80px;
	max-height: 25px;
	width: auto;
	height: auto;
}
@media only screen and (min-width: 1200px) {
	#calendrier table th {
		font-size: 1.1em;
	}
}
#calendrier table .brick-tv a i {
	color: #888;
	font-size: 0.8em;
	margin: 0 0.25rem;
}
#calendrier table .brick-tv a:hover i {
	color: #000;
}
#calendrier table .tv-icon {
	position: absolute;
	bottom: -20px;
	left: 0;
	opacity: 0.4;
	transform: rotate(-25deg);
}
table .tv-icon svg {
	fill: rgba(0, 0, 0, 0.4);
}

@media only screen and (min-width: 768px) {
	#calendrier table tr td:last-child i {
		transition: all 0.25s ease;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
	}
	#calendrier table tr:hover td:last-child i {
		transform: translateX(0.5rem);
	}
}

#calendrier .journee {
	font-weight: 400;
	font-size: 0.9em;
	padding: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	color: #333;
}
.brick-lien {
	border-right: none;
}
.brick-numero {
	align-self: stretch;
	overflow: hidden;
	padding: 0;
}
.brick-type {
	text-align: center;
}

/*Page spectateurs : enjeux*/
#enjeux {
	/* padding-left: 10vw; */
}
#enjeux .card-row .card {
	display: flex;
}
.card-row .card-header {
	padding: 1.125rem;
}
.card-row .card {
	width: 350px;
	max-width: 85%;
	height: auto;
	background: #fff;
	border-radius: var(--THEME-BORDER-RADIUS);
}
.card-row .card-header h4 {
	margin-bottom: 0;
	margin-top: auto;
	color: white;
	font-size: clamp(1.25rem, 1.75vw, 1.5rem);
}
.card-row .card-header {
	/* border-bottom: 1px solid #bbb; */
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	position: relative;
	width: 100%;
	height: calc(1.125rem + 10px + 140px);
	padding: 1.125rem 1.5rem;
	background: var(--THEME-COLOR-DARK);
	background-image: url(./img/TDA_logo_star_5pc-crunch.png);
	background-size: 130%;
	background-repeat: no-repeat;
	background-position: 90px -130px;
	background-size: 100%;
}
/* .card-row .card-header p {
	margin-bottom: 0;
} */
.card-row .card-header img {
	border-radius: 2px 2px 0 0;
	margin: 0;
	width: 100%;
	height: 140px;
	-o-object-fit: cover;
	object-fit: cover;
	transform: translateY(10px);
	-o-object-position: top;
	object-position: top;
}
.card-row .card-header img.illu_maillot_png {
	width: 140px;
	height: 140px;
	transform: none;
}
.card-row .card-body {
	padding: 1.125rem 1.5rem 0;
	position: relative;
}
.card-row .card > div:last-child {
	padding-bottom: 1.5rem;
	padding-bottom: 1.125rem;
}
#enjeux .with-line {
	margin: 3rem 5rem 1.5rem 0;
}
#enjeux .with-line span {
	background: #ebebeb;
	padding-left: 0;
	text-transform: uppercase;
	font-weight: 600;
}
.parrain_prix {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: flex-end;
	/* font-weight: 400; */
	font-size: 0.9rem;
	padding: 1rem 1rem 1.5rem 2rem;
	line-height: 1;
	text-align: center;
}
.parrain_prix > span {
	text-align: left;
	font-weight: 300;
}
.parrain_prix > div {
	max-width: 100%;
	font-size: 1.125rem;
	font-weight: 600;
}
.parrain_prix img {
	max-height: 40px;
	max-width: 110px;
	width: auto;
	height: auto;
	vertical-align: text-bottom;
	margin: 0.5rem 0;
}
.prix_attribue {
	font-weight: 600;
	margin-bottom: 0.5rem;
	font-size: 1.1em;
	line-height: 1.2;
}
/* .prix_attribue div {
	opacity: .7;
	font-size: 14px;
	font-weight: 400;
	margin-top: .5rem;
} */

.historique-text-bloc {
	background: var(--THEME-COLOR-DARK) url(./img/TDA_logo_star_5pc-crunch.png)
		no-repeat 120% 120%;
	background-color: var(--THEME-COLOR-DARK);
	background-image: url(./img/TDA_logo_star_5pc-crunch.png);
	background-repeat: no-repeat;
	background-position: 100% 120%;
}
.historique-text-bloc li {
	background-color: transparent;
	color: currentColor;
}
@media screen and (max-width: 1199px) {
	div.overlapped-lg-down {
		padding-bottom: 5rem !important;
	}
	.overlap-lg-up {
		transform: translateY(-40px);
	}
}
.historique-text-bloc .card {
	background: transparent;
}

#historique #srcset a {
	max-width: calc(50% - 0.5rem);
}
@media screen and (min-width: 576px) {
	#historique #srcset a {
		max-width: calc(33.333% - 0.6666rem);
	}
}
#historique .grid-item > p {
	margin-bottom: 0;
}

.img-hover-zoom {
	/*height: 300px;  [1.1] Set it as per your need */
	overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
	transition: transform 0.5s ease;
	-webkit-backface-visibility: hidden;
	perspective: 1000px;
	transform-origin: center;
}
/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
	margin: auto;
	transform: scale3d(1.1, 1.1, 1) rotate(3deg);
}

.gallerie-images figure:not(.woocommerce-product-gallery__wrapper) {
	width: 150px;
}
.palmares-complet .table-responsive {
	background: none;
}
.palmares-complet .table td,
.palmares-complet .table th {
	font-weight: 400;
	font-size: 0.9em;
	white-space: nowrap;
}
.palmares-complet .table td.column-2 {
	font-weight: 500;
	color: #eee;
}
.palmares-complet .table td.column-3 {
	font-size: 0.8em;
}

/*Editos*/
/* .swiperEditos.swiper {
	overflow-x: visible;
} */
.swiperEditos .swiper-slide {
	width: 90%;
}
.swiperEditos .swiper-wrapper {
	align-items: center;
}
.swiperEditos .swiper-button-next,
.swiperEditos .swiper-button-prev {
	top: var(--swiper-navigation-top-offset, 50%);
	width: 44px;
	height: var(--swiper-navigation-size);
}
.swiperEditos .swiper-button-next {
	right: 0;
	left: auto;
}
.bloc-edito {
	border-radius: 10px;
	background: #ebebeb;
	margin: 0 auto 3rem;
	width: 985px;
	max-width: 95%;
}
.bloc-edito:first-child {
	margin-top: 140px;
}
.edito-bloc-img {
	margin: -100px auto 0;
	width: 200px;
}
.edito-headshot {
	width: 250px;
	border-radius: 50%;
	height: auto;
	margin-right: -1.5rem;
	-o-object-fit: cover;
	object-fit: cover;
	aspect-ratio: 1;
}
.edito-txt {
	position: relative;
	padding: 2rem 0 1rem;
	font-size: 1.1em;
}
@media screen and (min-width: 768px) {
	.swiperEditos .swiper-slide {
		width: 75%;
	}
}
@media screen and (min-width: 1200px) {
	.swiperEditos .swiper-slide {
		width: 65%;
	}
	.bloc-edito {
		width: 885px;
	}
	.edito-bloc-img {
		margin: 0 0 0 -100px;
		float: left;
	}
	.edito-bloc-img > div {
		padding-left: 100px;
	}
	.edito-txt {
		padding: 3rem 3rem 3rem 145px;
		font-size: 1.1em;
	}
}
@media screen and (min-width: 1200px) {
	.bloc-edito {
		width: 985px;
	}
}
@media screen and (min-width: 1500px) {
	.bloc-edito {
		width: 1275px;
	}
}

/*Pages journées individuelle*/
.single-journee .hero h1 .sup-titre {
	font-size: calc(1.125rem + 0.25vw);
}
.single-journee .hero h1 .titre-etape {
	margin-bottom: 0.75rem;
}
.single-journee .hero h1 .titre {
	position: relative;
	white-space: nowrap;
	text-transform: uppercase;
}

.single-journee .hero h1 .titre-bis {
	margin: 0.75rem 0;
	font-size: 1.25rem;
	line-height: 1.42;
	color: #fff;
	font-weight: 400;
	font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Roboto', 'Arial',
		'Helvetica Neue', 'Helvetica', sans-serif;
}
@media screen and (min-width: 768px) {
	.single-journee .hero h1 .titre-bis {
		border-left: 2px solid #ddd;
		padding-left: 1.4rem;
		font-size: calc(0.95rem + 0.5vw);
		margin: 0 0 0 1.4rem;
	}
}
.parrain-titre {
	color: #fff;
	font-size: 1.1rem;
	font-weight: 400;
	font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Roboto', 'Arial',
		'Helvetica Neue', 'Helvetica', sans-serif;
	-webkit-margin-after: 1rem;
	margin-block-end: 1rem;
}
.single-journee .hero h1 .parrain-titre span {
	font-weight: 400;
	font-size: 0.9em;
}
.ndispo {
	text-align: left;
	opacity: 0.6;
	font-size: 0.95em;
	font-weight: 400;
	/* font-style: italic; */
}
.page-template-page-cyclo .card,
.single-journee .card {
	margin-bottom: 1.5rem;
	background: white;
	height: auto;
}
.page-template-page-cyclo .card.bloc-info-journee {
	min-height: 105px;
}
.single-journee .card.bloc-info-journee {
	/* min-height: 105px; */
	border-radius: var(--bs-card-inner-border-radius);
}
.single-journee .card.bloc-info-journee .card-scrollable {
	max-height: 350px;
}
.single-journee .card.bloc-info-journee .list-group-item {
	padding-left: 0;
	padding-right: 0;
	border-color: var(--bs-border-color);
}
.card table.with-winner tbody tr:first-child {
	border: 2px solid var(--THEME-COLOR-DARK);
}
.card table.with-winner.gaps-only tbody tr:first-child {
	border: none;
}
.card table.with-winner.gaps-only tbody tr:first-child > td:first-child {
	border: 2px solid var(--THEME-COLOR-DARK);
	border-right: none;
}
.card table.with-winner.gaps-only tbody tr:first-child > td:nth-child(2) {
	border: 2px solid var(--THEME-COLOR-DARK);
	border-left: none;
}
.card table.with-winner.gaps-only tbody tr:first-child > td:nth-child(3) {
	border-bottom: none;
}
mark {
	-webkit-animation: 0.5s highlight 0.5s 1 normal forwards;
	animation: 0.5s highlight 0.5s 1 normal forwards;
	background-color: none;
	background: linear-gradient(90deg, #7efff5 50%, rgba(255, 255, 255, 0) 50%);
	background-size: 200% 100%;
	background-position: 100% 0;
	color: red;
}

@-webkit-keyframes highlight {
	to {
		background-position: 0 0;
	}
}

@keyframes highlight {
	to {
		background-position: 0 0;
	}
}
.highlight {
	background-image: linear-gradient(to right, #f27121cc, #e94057cc, #8a2387cc);
	border-radius: 6px;
	padding: 3px 6px;
}
/* ---------------------------------------------------------------------------------------------- */

.bloc-info-journee .card-body h4 {
	font-size: 1.25rem;
}
.single-journee .card-footer li {
	background-color: transparent;
}

.estim {
	font-weight: 400;
	font-size: 65%;
	font-family: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Roboto', 'Arial',
		'Helvetica Neue', 'Helvetica', sans-serif;
}
.page-template-page-cyclo .bloc-info-journee table,
.single-journee .bloc-info-journee table {
	font-size: 0.95em;
	margin-bottom: 0;
}
.page-template-page-cyclo .bloc-info-journee th,
.single-journee .bloc-info-journee th {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 0.85rem;
	border: none;
	-webkit-padding-start: 0;
	padding-inline-start: 0;
}
/* .page-template-page-cyclo .card-visualisations .grid-item-visus,
.single-journee .card-visualisations .grid-item-visus {
	padding: .5rem;
	display: inline;
} */
.page-template-page-cyclo .card-visualisations .grid-item-visus img,
.single-journee .card-visualisations .grid-item-visus img {
	margin: 0;
	max-height: 100%;
	min-width: 150px;
	width: auto;
}

@media screen and (min-width: 1500px) {
	.single-journee .hero h1 .titre-bis {
		/* font-size: calc(1.6rem + .5vw); */
	}
	.page-template-page-cyclo .bloc-info-journee table,
	.single-journee .bloc-info-journee table {
		font-size: 1em;
	}
}
.page-template-page-cyclo > footer.theme-bg,
.single-journee > footer.theme-bg {
	padding-top: calc(3rem + 30px);
}

.descr-etape {
	margin: 1rem 1rem 3rem;
	font-size: 1.125rem;
}
.descr-etape p {
	width: 65ch;
	max-width: 100%;
}
.descr-etape .with-line span {
	background: #ebebeb;
	padding-left: 0;
	text-transform: uppercase;
	font-size: 1.15rem;
}
.descr-etape .with-line:before {
	height: 1px;
	background: #bbb;
}
.descr-etape h5.with-line {
	margin: 1rem 0rem 1rem;
}

/*Diffuseurs*/
.liste-diffuseurs td {
	padding: 0.5rem;
	vertical-align: middle;
}
.liste-diffuseurs div:first-child {
	width: 36px;
}
.liste-diffuseurs div:nth-child(2) {
	line-height: 1.2;
	font-size: 1.1em;
}
.liste-diffuseurs img {
	max-width: 30px;
	height: auto;
	max-height: 30px;
	width: auto;
	margin: 0 3px;
}
.info-bar .liste-diffuseurs img {
	max-width: 50px;
	max-height: 30px;
}
.liste-diffuseurs div .diffuseur_note {
	font-size: 0.85rem;
	font-weight: 400;
}

/*Journée: grid photos*/
.page-template-page-cyclo .grid-item-photos {
	margin: 0 1rem 1rem;
}
.single-journee li.grid-item-photos,
.single-journee li.grid-item-visus {
	margin: 0;
}
.page-template-page-cyclo .grid-item-visus:not(:first-child),
.single-journee .grid-item-visus:not(:first-child) {
	max-width: calc(50% - 0.5rem);
	width: auto;
}
@media screen and (min-width: 576px) {
	.page-template-page-cyclo .grid-item-visus:not(:first-child) img,
	.single-journee .grid-item-visus:not(:first-child) img {
		max-height: 159px;
	}
}
.single-journee .grid-item-photos img,
.single-journee .grid-item-visus img {
	height: auto;
	max-width: 100%;
}
.single-journee #srcset-photos {
	gap: 0;
	padding: 0;
	margin: 0;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.single-journee .grid-item-photos {
	height: 100px;
	overflow: hidden;
	cursor: pointer;
}
@media screen and (min-width: 250px) {
	.single-journee .grid-item-photos {
		width: calc(100% / 2);
	}
}
@media screen and (min-width: 450px) {
	.single-journee .grid-item-photos {
		width: calc(100% / 3);
	}
	.single-journee .grid-item-photos {
		height: 150px;
	}
}
@media screen and (min-width: 768px) {
	.single-journee #srcset-photos {
		justify-content: flex-start;
	}
	.single-journee .grid-item-photos {
		width: calc(100% / 4);
	}
}
@media screen and (min-width: 992px) {
	.single-journee .grid-item-photos {
		width: calc(100% / 5);
	}
}
@media screen and (min-width: 1200px) {
	.single-journee .grid-item-photos {
		width: calc(100% / 6);
	}
}
@media screen and (min-width: 1500px) {
	.single-journee .grid-item-photos {
		width: calc(100% / 7);
	}
}
@media screen and (min-width: 1650px) {
	.single-journee .grid-item-photos {
		width: calc(100% / 8);
	}
}
.single-journee .grid-item-photos img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: relative;
	display: block;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.collectivites {
	position: relative;
}
.collectivites > div {
	background: white;
	border-radius: 8px;
}
.collectivites ul.nav {
	transform: translateY(-20px);
	width: auto;
	max-width: 95vw;
	text-align: center;
}
.journee-template-single-journee .collectivites ul.nav .nav-item {
	white-space: normal;
}
.page-template-page-cyclo section:not(.collectivites) ul#pills-tab::before,
.single-journee section:not(.collectivites) ul#pills-tab::before {
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid var(--THEME-COLOR-DARK);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.page-template-page-cyclo .nav-pills .nav-item,
.single-journee .nav-pills .nav-item {
	background: #ebebeb;
	z-index: 2;
	white-space: nowrap;
}
.page-template-page-cyclo .nav-pills .nav-link,
.single-journee .nav-pills .nav-link {
	background: #ddd;
	text-transform: uppercase;
	white-space: nowrap;
}
.single-journee .nav-pills {
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto clamp(2rem, 3.3vw + 0.4rem, 3.5rem);
	max-width: 100%;
	width: 950px;
	max-width: 100%;
	/* gap: 1px;
	background-color: #ebebeb; */
}
@media (max-width: 1199px) {
	.single-journee .nav-pills {
		position: -webkit-sticky;
		position: sticky;
	}
}
.single-journee .nav-pills .nav-link {
	font-weight: 500;
	height: 100%;
	line-height: 1.4;
	font-size: clamp(1.05rem, 1vw + 0.6rem, 1.25rem);
	border-radius: 0;
}
.single-journee .nav-pills .nav-link.disabled,
.single-journee .nav-pills .nav-link.disabled {
	color: #888;
}

.page-template-page-cyclo
	.nav-pills
	li:not(:first-child):not(:last-child)
	.nav-link,
.single-journee .nav-pills li:not(:first-child):not(:last-child) .nav-link {
	border-radius: 0;
}
.page-template-page-cyclo .nav-pills .nav-link .badge-pill,
.single-journee .nav-pills .nav-link .badge-pill {
	font-weight: 400;
	text-transform: capitalize;
	color: inherit;
}
.page-template-page-cyclo .nav-pills .nav-link:hover,
.page-template-page-cyclo .nav-pills .nav-link.active,
.page-template-page-cyclo .nav-pills .show > .nav-link,
.single-journee .nav-pills .nav-link:hover,
.single-journee .nav-pills .nav-link.active,
.single-journee .nav-pills .show > .nav-link {
	background-color: var(--THEME-COLOR-DARK);
	color: #fff;
}
.single-journee .nav-item + .nav-item .nav-link,
.single-journee .nav-item + .nav-item .nav-link {
	border-left: 1px solid transparent;
}
.single-journee .nav-item + .nav-item .nav-link:hover,
.single-journee .nav-item + .nav-item .nav-link.active,
.single-journee .nav-item + .nav-item .show > .nav-link {
	border-color: #ebebeb;
}

.page-template-page-cyclo figure.thumbnail figcaption.caption:empty,
.single-journee figure.thumbnail figcaption.caption:empty {
	margin: 0 !important;
	padding: 0 !important;
}

/*Resultats*/
.header-results {
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 3rem;
	text-align: center;
	position: relative;
}
.header-results span {
	background: #ebebeb;
	padding: 0 25px;
	position: relative;
	z-index: 1;
}
.header-results:before {
	position: absolute;
	left: 0;
	right: 0;
	content: '';
	height: 1px;
	background: rgba(0, 0, 0, 0.25);
	top: 50%;
	z-index: 0;
}
.resultats-finaux .fas {
	text-shadow: 1px 1px 1px #aaa;
}
.carte-sommaire {
	height: auto;
	flex-basis: 400px;
	max-width: 95vw;
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
@media (min-width: 768px) {
	.carte-sommaire {
		height: auto;
		flex-basis: calc(50% - 2rem);
		max-width: calc(50% - 2rem);
	}
}
@media (min-width: 1100px) {
	.carte-sommaire {
		height: auto;
		margin-right: 1rem;
		margin-left: 1rem;
		flex-basis: calc(33.333% - 2rem);
		max-width: calc(33.333% - 2rem);
	}
}
@media (min-width: 1500px) {
	.carte-sommaire {
		height: auto;
		flex-basis: calc(25% - 2rem);
		max-width: calc(25% - 2rem);
	}
}
.carte-sommaire:not(.repos) .card-body {
	padding: 0;
	background: white;
}
.carte-sommaire:not(.repos) .card-body .card-header {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
}
.carte-sommaire .etape-card-name {
	text-transform: uppercase;
	font-weight: 600;
	background: var(--THEME-COLOR-DARK);
	color: #eee;
	/* position: absolute; */
	/* left: 0; */
	padding: 0.4rem 0.75rem 0.3rem;
	white-space: nowrap;
	width: auto;
	/* top: 0; */
}
.carte-sommaire .etape-card-name .fa-crown {
	position: relative;
	margin-left: 0.25rem;
	z-index: 0;
}
.carte-sommaire .etape-card-date {
	font-weight: 600;
	color: var(--THEME-COLOR-DARK);
	/* position: absolute; */
	/* right: .5rem; */
	padding: 0.5rem;
	white-space: nowrap;
	width: auto;
	/* top: .25rem; */
}
.carte-sommaire .nav-tabs a.nav-link {
	color: inherit;
	opacity: 0.75;
}
.carte-sommaire .nav-tabs .nav-link:hover {
	opacity: 1;
}

.carte-sommaire .nav-tabs .nav-item.show .nav-link,
.carte-sommaire .nav-tabs .nav-link.active {
	color: var(--THEME-COLOR-DARK);
	opacity: 1;
}

.carte-sommaire.journee-encours .date {
	color: var(--THEME-COLOR-DARK);
	font-weight: 700;
}
.carte-sommaire.journee-encours {
	background: var(--THEME-COLOR-DARK);
}
.carte-sommaire.journee-encours {
	border: 4px solid var(--THEME-COLOR-DARK);
}
.carte-sommaire .tab-content {
	padding: 1rem 0.5rem 0.5rem;
}
.carte-sommaire .tab-pane h6 {
	font-size: 0.8rem;
	text-transform: uppercase;
}
.carte-sommaire .liste-abandons,
.carte-sommaire table {
	font-size: 0.85em;
}
.carte-sommaire table td:first-child:not(:last-child) {
	text-align: center;
}
.carte-sommaire table td:nth-child(2) {
	font-weight: 400;
}
/*body.single-journee .card.resume-txt-card {height: 300px;}*/
.card-scrollable {
	overflow-y: scroll;
	/*max-height: 425px;*/
	max-height: 65vh;
	background-attachment: scroll, scroll;
	background-clip: border-box, border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: radial-gradient(
		ellipse at center bottom,
		rgba(0, 0, 0, 0.2) 0%,
		rgba(0, 0, 0, 0) 75%
	);
	background-origin: padding-box, padding-box;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% 10px, 100% 10px;
}
body.single-journee .card .card-scrollable .container-youtube,
body.single-journee .card .card-scrollable .container-vimeo {
	min-height: 300px;
}

.etapes-resultats main .card table {
	margin-bottom: 0;
}
.etapes-resultats .card table tr:last-child td {
	border: none;
}
.etapes-resultats main .card .nav-tabs .nav-item .nav-link {
	color: #999;
}
.etapes-resultats main .card .nav-tabs .nav-link:hover {
	color: #666;
}
.etapes-resultats main .card .nav-tabs .nav-item.show .nav-link,
.etapes-resultats main .card .nav-tabs .nav-link.active {
	color: #495057;
}
.etapes-resultats main .card .table-resultats td:first-child {
	text-align: start;
}

/*Single Journée Navigation*/
#journees-nav {
	text-transform: uppercase;
	font-weight: 500;
}
#journees-nav .nav-row::-webkit-scrollbar {
	display: none;
}
#journees-nav {
	color: #aaa;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.nav-row-item {
	color: #555;
	text-align: center;
	position: relative;
	padding: 0.5rem 1.5rem;
	margin: 0 0.5rem 1rem;
	background: white;
	border-radius: 0.25rem;
}
.nav-row-item.journee-repos {
	background: repeating-linear-gradient(
		-55deg,
		#cccccc,
		#cccccc 1px,
		rgba(255, 255, 255, 1) 1px,
		rgba(255, 255, 255, 1) 10px
	);
}
a.nav-row-item:hover,
.nav-row-item.journee-affichee {
	background: var(--THEME-COLOR-DARK);
	color: #eee;
}
.nav-row-item.journee-encours:not(.journee-affichee) {
	box-shadow: -3px 3px var(--THEME-COLOR-DARK);
}
.nav-row-item.journee-encours:not(.journee-affichee):hover {
	box-shadow: -3px 3px var(--THEME-COLOR-DARK), 0 14px 28px rgb(0 0 0 / 25%),
		0 10px 10px rgb(0 0 0 / 22%);
}
.nav-row-item.journee-affichee {
	opacity: 1 !important;
}
.nav-row-item.journee-passee {
	/* opacity: 0.75; */
	/* text-decoration: line-through; */
}
.nav-row-item.journee-encours:not(:last-child)::after {
	background: transparent;
}
.nav-row-item > div {
	white-space: nowrap;
}
a.nav-row-item:hover:not(:last-child) {
	color: #eee;
}
.nav-row-item-repos {
	font-weight: 400;
	text-transform: none;
}
.nav-row-item > div .fa-bed {
	color: var(--THEME-COLOR-LIGHT);
}

/* Contact Page */
#menu-liens-contact-en li,
#menu-liens-contact-fr li {
	line-height: 2;
}

/* Page Presse */
.press-intro-text:not(:empty) {
	margin-bottom: 1.5rem;
}
.section-presse h4 {
	margin-bottom: 1rem;
}
.attache-presse {
	max-width: 350px;
}
@media (min-width: 576px) AND (max-width: 1199px) {
	.attache-presse {
		max-width: none;
	}
	.attache-presse img {
		width: 350px;
		max-width: 50%;
	}
}
.infos-presse .nav-pills .nav-link {
	font-size: calc(0.85rem + 0.125vw);
}
.infos-presse hr {
	margin-bottom: 3rem;
	margin-top: 3.5rem;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.section-presse:last-child hr {
	display: none;
}
.attache-presse .nav-link {
	display: inline-block;
	color: var(--THEME-COLOR-DARK);
}
#top-nav {
	background: #ebebeb;
	padding: 1rem 0;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 3rem;
}

@media (min-width: 400px) AND (max-width: 575px) {
	#prlist #mc_embed_signup {
		max-width: 80%;
	}
}
#prlist .form-control {
	background: white;
	border: 1px solid #ced4da;
	border-radius: 2px;
}
@media (min-width: 576px) AND (max-width: 1499px) {
	.infos-presse .form-inline .form-control {
		width: 48%;
	}
}
@media (min-width: 1500px) {
	.infos-presse .form-inline .form-control {
		min-width: 250px;
	}
}
.communiques table td:not(:first-child) {
	white-space: nowrap;
}
.doc-grey {
	background-color: lightgrey;
	height: 95px;
	width: 79px;
	flex-shrink: 0;
}
.doc-grey i {
	margin: auto;
	opacity: 0.1;
}

/*TV/Stream*/
#tvstream .tab-content > .tab-pane {
	position: relative;
}
#tvstream div[class^='accordion-toggle_'] {
	position: absolute;
	right: 0;
	top: -35px;
}
#tvstream .accordion > .card:not(:last-of-type) {
	border-bottom: 1px solid #ddd;
}
#tvstream .nav-tabs .nav-link {
	text-transform: uppercase;
	font-size: 0.95rem;
	font-weight: 500;
}
#tvstream .card-header {
	padding: 0.25rem 1rem;
}
#tvstream .card-header > div {
	color: var(--THEME-COLOR-DARK);
}
#tvstream .card-header .collapse-title {
	min-width: 160px;
	text-transform: uppercase;
	font-weight: 700;
	white-space: nowrap;
	margin-right: 1rem;
}
#tvstream .card-header .collapse-title .date {
	text-transform: none;
	font-style: italic;
	white-space: nowrap;
	font-size: 80%;
	font-weight: 400;
}
#tvstream .card-header > div:hover {
	color: var(--THEME-COLOR-LIGHT);
	text-decoration: none;
}
#tvstream table {
	font-size: 0.9em;
	margin-bottom: 0;
}
#tvstream table th {
	font-size: 0.85em;
	text-transform: uppercase;
	font-weight: 400;
	opacity: 0.6;
}
[data-bs-toggle='collapse'] .fas.plus-minus:before {
	content: '\f068';
}
[data-bs-toggle='collapse'].collapsed .fas.plus-minus:before {
	content: '\f067';
}
@media (min-width: 1200px) {
	#tvstream .card-header {
		padding: 0.5rem 1.25rem;
	}
	#tvstream .card-body {
		padding: 0.5rem 1.25rem 0.5rem 1.5rem;
	}
	#tvstream .card-header .collapse-title {
		font-size: 1.1rem;
	}
	#tvstream table {
		font-size: 0.95em;
	}
}

/*Handout photos*/
#srcset-photos .grid-item {
	max-width: 50%;
}
@media (min-width: 500px) {
	#srcset-photos .grid-item {
		max-width: 50%;
	}
}
.single-journee #srcset-photos .grid-item {
	max-width: 50%;
}
@media (min-width: 576px) {
	.single-journee #srcset-photos .grid-item {
		max-width: 33.333%;
	}
}
@media (min-width: 992px) {
	.single-journee #srcset-photos .grid-item {
		max-width: 33.333%;
	}
}

/*Logos*/
.logos_tda .grid-item a {
	display: flex;
	border: 1px solid #ccc;
	padding: 0.5rem;
}
.logos_tda .grid-item a:hover {
	border-color: #999;
}

.page-presse .grid-item img {
	margin: auto;
}
.page-presse .grid-item-visus {
	background: white;
}

/* Swiper */
.swiper-wrapper {
	padding-bottom: 4.25rem;
}
.swiper-pagination-bullet-active {
	background: var(--THEME-COLOR-DARK);
}

/* Swiper buttons */
.swiper-button-prev {
	left: 0;
	right: auto;
}
.swiper-button-next {
	right: auto;
	left: 50px;
}
#animations .swiper-button-prev {
	left: calc((50% - 44px) - 3px);
	right: auto;
}
#animations .swiper-button-next {
	left: auto;
	right: calc((50% - 44px) - 3px);
}
#sallesdepresse .swiper-button-prev {
	left: 0;
}
#sallesdepresse .swiper-button-next {
	left: 50px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 1.15rem;
}
.swiper-button-next,
.swiper-button-prev {
	bottom: 0;
	top: auto;
	height: 44px;
	width: 44px;
	color: white;
	background: var(--THEME-COLOR-DARK);
	border-radius: 2px;
	font-weight: 600;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
	background: var(--THEME-COLOR-DARKEST);
}

/*Salles de presse*/
.swiper-slide-jour {
	width: 288px;
	max-width: 100%;
}
.swiper-slide-jour h4 {
	margin: 0;
	font-size: 1.125rem;
}
.swiper-slide-jour.swiper-slide-repos {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.swiper-slide-repos .spectateurs-jour-header {
	flex-direction: column;
	align-items: stretch;
}
.swiper-no-swiping {
	cursor: text;
}
.swiper-slide-jour .card:not(:last-child) {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.5rem;
}
.swiper-slide-jour .card.map {
	border-bottom: 1px solid #ddd;
}
.swiper-pagination-fraction {
	bottom: 6px;
	text-align: center;
	font-size: 0.9rem;
	font-weight: 600;
}
span.swiper-pagination-current {
	font-size: 1.4em;
}
@media (min-width: 768px) {
	.swiper-pagination-fraction {
		text-align: left;
	}
}
.salledepresse.card .card-body {
	padding: 1rem 1.25rem;
}
.salledepresse.card .card-body .fas {
	color: #cc0000;
}
.salledepresse .card-footer {
	padding: 0.5rem 1rem;
	background-color: var(--THEME-COLOR-DARK);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
	color: white;
	text-align: center;
}
.salledepresse.card .card-img-bottom.map {
	border-top: 1px solid #ddd;
}
.salledepresse.card .card-img-bottom-holder {
	width: 290px;
	padding-bottom: calc((300 / 290) * 290px);
	background: #dddddd;
	position: relative;
}
.salledepresse.card .card-img-bottom-holder i {
	margin: auto;
	position: absolute;
	top: 30%;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0.1;
	text-align: center;
}

/* Page Spectateurs */
.options-spectateurs {
	margin-bottom: calc(2rem + 3vw);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.options-spectateurs.nav-pills li.nav-item {
	position: relative;
	padding-bottom: 0.75rem;
	padding-top: 0.75rem;
}
.options-spectateurs.nav-pills li.nav-item {
	max-width: 50%;
}
.options-spectateurs.nav-pills li.nav-item:first-child,
.options-spectateurs.nav-pills li.nav-item:nth-child(3) {
	border-right: 1px solid #aaa;
}
.options-spectateurs.nav-pills li.nav-item:first-child,
.options-spectateurs.nav-pills li.nav-item:nth-child(2) {
	border-bottom: 1px solid #aaa;
}

.options-spectateurs.nav-pills .nav-link h5 {
	font-size: 1rem;
	margin-bottom: 0;
}
.options-spectateurs.nav-pills .nav-link {
	padding: 0.5rem 1rem;
	color: #aaa;
}
@media (min-width: 575px) {
	.options-spectateurs.nav-pills li.nav-item {
		max-width: 25%;
		border-bottom: none !important;
	}
	.options-spectateurs.nav-pills li.nav-item:not(:last-child):after {
		content: '';
		position: absolute;
		right: -1px;
		top: 0;
		height: 100%;
		border-left: 1px solid #aaaaaa;
	}
}
@media (min-width: 768px) {
	.options-spectateurs.nav-pills .nav-link {
		padding: 0.5rem 1.5rem;
	}
	.options-spectateurs.nav-pills .nav-link h5 {
		font-size: 1.15rem;
	}
}
@media (min-width: 992px) {
	.options-spectateurs.nav-pills .nav-link {
		padding: 0.5rem 2rem;
	}
}
@media (min-width: 1200px) {
	.options-spectateurs.nav-pills li.nav-item {
		max-width: 260px;
	}
	.options-spectateurs.nav-pills .nav-link {
		padding: 0.5rem 2.5rem;
	}
	.options-spectateurs.nav-pills .nav-link h5 {
		font-size: 1.25rem;
	}
}

.options-spectateurs.nav-pills .nav-link:hover,
.options-spectateurs.nav-pills .nav-link.active,
.options-spectateurs.nav-pills .show > .nav-link {
	background-color: transparent;
	color: var(--THEME-COLOR-DARK);
}
.options-spectateurs.nav-pills .nav-link i {
	margin-bottom: 0.75rem;
}

#spectateurs-general li.list-group-item {
	background-color: transparent;
}

#spectateurs-tv .table {
	font-size: 0.9em;
}
@media (min-width: 992px) {
	#spectateurs-tv .table {
		font-size: 1em;
	}
}
#spectateurs-tv .table thead th {
	font-weight: 400;
	font-size: 0.9em;
	opacity: 0.5;
	padding-top: 0;
}
#spectateurs-tv img {
	max-width: 225px;
	width: auto;
	max-height: 100px;
	margin: 1rem;
}

/*Animations swiper*/
#animations {
	background: linear-gradient(90deg, #ebebeb 0, #ebebeb 0%, #fff 0, #fff);
}
#animations .swiper-container {
	width: 100vw;
	padding-bottom: 100px;
	padding-right: 15px;
	padding-left: 15px;
}
#animations .swiper-slide {
	width: 93%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	min-height: 545px;
	/* border: 1px solid #ddd; */
}
#animations .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 0px;
}
#animations .swiper-pagination-bullet-active {
	background: var(--THEME-COLOR-DARK);
}

@media (min-width: 1200px) {
	#animations {
		background: linear-gradient(90deg, #ebebeb 0, #ebebeb 260px, #fff 0, #fff);
	}
}
@media (max-width: 1199px) {
	#animations .swiper-wrapper {
		padding-bottom: 8.5rem;
	}
	.animation-bloc {
		/* position: absolute; */
		bottom: -100px;
		left: 0;
		right: 0;
		margin: auto;
	}
}
.animation-bloc:not(:last-child) {
	margin-bottom: 3rem;
}
.animation-text {
	padding: 0 1.5rem 2rem 1.5rem;
	margin: auto;
}
.animation-text h4 {
	padding: 0.5rem 1rem;
	background: var(--THEME-COLOR-DARK);
	color: #eee;
	text-transform: uppercase;
	font-size: 1.25rem;
	display: inline-block;
	margin-left: calc(-1.5rem - 1px);
	white-space: nowrap;
	margin-bottom: 1rem;
}
.animation-text > div {
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #ddd;
	color: black;
	font-weight: 400;
}
.animation-text div > p:last-child {
	margin-bottom: 0;
}
@media (min-width: 992px) {
	.animation-bloc {
		width: 100%;
	}
	#animations .swiper-slide {
		width: 95%;
		margin-left: 0;
	}
	.animation-bloc {
		max-width: 90%;
	}
}
@media (min-width: 1200px) {
	#animations .swiper-slide {
		max-width: 1000px;
	}
}
@media (min-width: 1200px) {
	#animations .swiper-container {
		padding-bottom: 55px;
	}
	.animation-bloc {
		max-width: 275px;
		left: 0;
		right: auto;
		top: 0;
	}
	.animation-text {
		margin-left: -1.5rem;
	}
	.animation-text > div {
		border: none;
	}
}
@media (min-width: 1575px) {
	.animation-text {
	}
}

#spectateurs-journees .swiper-slide {
	width: 400px;
	max-width: 100%;
	height: auto;
}
/*.spectateurs-jour {border: 1px solid var(--THEME-COLOR-DARK);}*/
.spectateurs-jour-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.75rem 1rem;
	font-size: 1.2em;
	background: var(--THEME-COLOR-DARK) url(./img/TDA_logo_star_5pc-crunch.png)
		no-repeat -70px -70px / 50%;
	background-size: 50%;
	background-position: -70px -70px;
	background-image: url(./img/TDA_logo_star_5pc-crunch.png);
	background-color: var(--THEME-COLOR-DARK);
	background-repeat: no-repeat;
	margin-bottom: 0.75rem;
}
.spectateurs-jour h4 {
	margin: 0;
	font-size: 1.25rem;
}
.spectateurs-jour h5 {
	margin: 0;
	font-size: 1.1rem;
}
.spectateurs-jour-body .card:not(:last-child) {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.5rem;
}
.spectateurs-jour-body .card-body {
	padding: 0.75rem 1rem;
}
.spectateurs-jour-body .list-group-item-sm {
	padding: 0.25rem 0;
}

/* Footer */
body > footer.theme-bg {
	color: #ccc;
	text-align: center;
	font-size: 0.9rem;
	padding-top: 4rem;
	padding-bottom: 4rem;
	/*background: var(--THEME-COLOR-DARK) url(./img/TDA_logo_star_5pc-crunch.png) no-repeat -77px -100px;*/
	background-color: var(--THEME-COLOR-DARK);
	background-image: url(./img/TDA_logo_star_5pc-crunch.png);
	background-repeat: no-repeat;
	background-position: -77px -100px;
}
body > footer a,
body > footer.theme-bg a {
	color: #eee;
}
body > footer a:hover,
body > footer.theme-bg a:hover {
	color: #fff;
}
footer .footer-menus {
	border-bottom: 1px solid #bbb;
}
footer .footer-menus li {
	text-transform: uppercase;
	white-space: nowrap;
}
footer nav li:not(:last-child) {
	margin-right: 25px;
}
.footer-menus nav .menu-item a {
	font-weight: 500;
	font-size: 1.125em;
}
body.single-post > footer.theme-bg .nav li.menu-item-3023 > a,
body > footer.theme-bg .nav li.current-post-parent > a,
body > footer.theme-bg .nav li.current-menu-item > a,
body > footer.theme-bg .nav li.current_page_parent > a,
body > footer.theme-bg a:hover {
	color: var(--THEME-COLOR-GOLD);
}
footer img {
	opacity: 0.6;
}
footer img:hover {
	opacity: 1;
}
footer a.ninew {
	vertical-align: baseline;
}
/*.row-org {color: #888;}*/
body > footer.theme-bg .row-org a {
	color: #ccc;
}
body > footer.theme-bg a.ninew {
	color: inherit;
}
footer a.ninew:hover,
body > footer.theme-bg .row-org a:hover {
	color: #fff;
}
.row-org .organisateur img {
	width: 110px;
	opacity: 0.65;
}
footer a.ninew:hover img,
.row-org .organisateur a:hover img {
	opacity: 1;
}
footer .nav-item .fab {
	font-size: 1.5rem;
}
#footer-lang li {
	margin-right: 0;
}
#footer-lang li a {
	padding: 0.35rem;
	font-size: 1rem;
	font-weight: 400;
	text-transform: uppercase;
	transition: all 0.25s;
	color: rgba(255, 255, 255, 0.5);
}
#footer-lang li.current-lang a,
#footer-lang li a:hover {
	background: rgba(255, 255, 255, 1);
	color: var(--THEME-COLOR-DARK);
}

/*Cookie consent notice*/
#cookie-notice {
	max-width: calc(100% - 2rem);
	min-width: 0 !important;
	font-size: 0.9rem !important;
	left: 1rem !important;
	width: 350px;
	bottom: 1rem !important;
	border-radius: 5px;
	color: rgba(255, 255, 255, 0.8) !important;
	background-color: rgba(0, 0, 0, 0.6) !important;
}
.cookie-notice-container {
	padding: 15px 35px 15px 15px !important;
}
/* #cookie-notice .cn-button {
  right: 10px;
  position: absolute;
  bottom: 10px;
} */
.cn-close-icon {
	right: 10px !important;
	top: 20px !important;
}
/*Back to top: https://github.com/CodyHouse/back-to-top*/
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 20px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	/*background: rgba(232, 98, 86, 0.8) url(./img/cd-top-arrow.svg) no-repeat center 50%;*/
	/*background: var(--THEME-COLOR-DARKEST) url(./img/cd-top-arrow.svg) no-repeat center 50%;*/
	background-color: var(--THEME-COLOR-DARKEST);
	background-image: url(./img/cd-top-arrow.svg);
	background-repeat: no-repeat;
	background-position: center 50%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s 0s, visibility 0s 0.3s, background-color 0.3s 0s;
	z-index: 2;
}
.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
	transition: opacity 0.3s 0s, visibility 0s 0s, background-color 0.3s 0s;
}
.cd-top.cd-top--show {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}
.cd-top.cd-top--fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: 0.5;
}
.cd-top:hover {
	/*background: var(--THEME-COLOR-DARKEST) url(./img/cd-top-arrow-yellow.svg) no-repeat center 50%;*/
	opacity: 1;
}
@media only screen and (min-width: 768px) {
	.cd-top {
		right: 20px;
		bottom: 20px;
	}
}
@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 60px;
		width: 60px;
		right: 30px;
		bottom: 30px;
	}
}

/* Blog archive page */

/* WP Pagenavi */
/*
Default style for WP-PageNavi plugin
http://wordpress.org/extend/plugins/wp-pagenavi/
*/
.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none;
	border: 1px solid transparent;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border-color: var(--THEME-COLOR-DARK);
	background: var(--THEME-COLOR-DARK);
	color: #eee;
}
.wp-pagenavi span.current {
	font-weight: bold;
}
.wp-pagenavi {
	clear: both;
	text-align: center;
	color: #555;
	font-weight: 400;
}

/* Blog Single */
.post-body h2 {
	font-size: 1.6rem;
}
.post-body h3 {
	font-size: 1.4rem;
}
.post-body h4 {
	font-size: 1.2rem;
}
.post-body h5 {
	font-size: 1rem;
}
.post-body p {
	max-width: 75ch;
}
.single-footer-link {
	background: #eef4f3;
	padding: 1rem;
	margin-top: 4rem;
}

/* Gallerie Images Article */
.post-body .gallery {
	margin-top: 2rem;
	margin-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
}
.gallery-image-wrap {
	margin: 0 0.25rem 0.5rem;
	text-align: center;
	width: calc(50% - 0.5rem);
}
@media (min-width: 1500px) {
	.gallery-image-wrap {
		width: calc(33.333% - 0.5rem);
	}
}
.gallery-image-wrap img {
	max-width: 100%;
	height: auto;
}

/*Effet Zoom*/
img[data-action='zoom'] {
	cursor: zoom-in;
}
.zoom-img,
.zoom-img-wrap {
	position: relative;
	z-index: 666;
	transition: all 300ms;
}
img.zoom-img {
	cursor: zoom-out;
}
.zoom-overlay {
	cursor: zoom-out;
	z-index: 420;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	filter: 'alpha(opacity=0)';
	opacity: 0;
	transition: opacity 300ms;
}
.zoom-overlay-open .zoom-overlay {
	filter: 'alpha(opacity=100)';
	opacity: 1;
}
.img-zoom-caption {
	text-align: center;
	font-size: 0.75em;
	margin: 0.25rem 0;
	color: #555;
}

/*\
|*| ========================================================================
|*| Bootstrap Toggle: bootstrap4-toggle.css v3.6.1
|*| https://gitbrent.github.io/bootstrap4-toggle/
|*| ========================================================================
|*| Copyright 2018-2019 Brent Ely
|*| Licensed under MIT
|*| ========================================================================
\*/
.btn-group-xs > .btn,
.btn-xs {
	padding: 0.35rem 0.4rem 0.25rem 0.4rem;
	font-size: 0.875rem;
	line-height: 0.5;
	border-radius: 0.2rem;
}
.checkbox label .toggle,
.checkbox-inline .toggle {
	margin-left: -1.25rem;
	margin-right: 0.35rem;
}
.toggle {
	position: relative;
	overflow: hidden;
}
.toggle.btn.btn-light,
.toggle.btn.btn-outline-light {
	border-color: rgba(0, 0, 0, 0.15);
}
.toggle input[type='checkbox'] {
	display: none;
}
.toggle-group {
	position: absolute;
	width: 200%;
	top: 0;
	bottom: 0;
	left: 0;
	transition: left 0.35s;
	-webkit-transition: left 0.35s;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.toggle-group label,
.toggle-group span {
	cursor: pointer;
}
.toggle.off .toggle-group {
	left: -100%;
}
.toggle-on {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 50%;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.toggle-off {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.toggle-handle {
	position: relative;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 0;
	height: 100%;
	width: 0;
	border-width: 0 1px;
	background-color: #fff;
}
.toggle.btn-outline-primary .toggle-handle {
	background-color: var(--primary);
	border-color: var(--primary);
}
.toggle.btn-outline-secondary .toggle-handle {
	background-color: var(--secondary);
	border-color: var(--secondary);
}
.toggle.btn-outline-success .toggle-handle {
	background-color: var(--success);
	border-color: var(--success);
}
.toggle.btn-outline-danger .toggle-handle {
	background-color: var(--danger);
	border-color: var(--danger);
}
.toggle.btn-outline-warning .toggle-handle {
	background-color: var(--warning);
	border-color: var(--warning);
}
.toggle.btn-outline-info .toggle-handle {
	background-color: var(--info);
	border-color: var(--info);
}
.toggle.btn-outline-light .toggle-handle {
	background-color: var(--light);
	border-color: var(--light);
}
.toggle.btn-outline-dark .toggle-handle {
	background-color: var(--dark);
	border-color: var(--dark);
}
.toggle[class*='btn-outline']:hover .toggle-handle {
	background-color: var(--light);
	opacity: 0.5;
}
.toggle.btn {
	min-width: 3.7rem;
	min-height: 2.15rem;
}
.toggle-on.btn {
	padding-right: 1.5rem;
}
.toggle-off.btn {
	padding-left: 1.5rem;
}
.toggle.btn-lg {
	min-width: 5rem;
	min-height: 2.815rem;
}
.toggle-on.btn-lg {
	padding-right: 2rem;
}
.toggle-off.btn-lg {
	padding-left: 2rem;
}
.toggle-handle.btn-lg {
	width: 2.5rem;
}
.toggle.btn-sm {
	min-width: 3.125rem;
	min-height: 1.938rem;
}
.toggle-on.btn-sm {
	padding-right: 1rem;
}
.toggle-off.btn-sm {
	padding-left: 1rem;
}
.toggle.btn-xs {
	min-width: 2.19rem;
	min-height: 1.375rem;
}
.toggle-on.btn-xs {
	padding-right: 0.8rem;
}
.toggle-off.btn-xs {
	padding-left: 0.8rem;
}

.in-miles-ft {
	display: none;
}
.toggle {
	white-space: nowrap;
}

/* Publicités */
.pubs {
	text-align: center;
}
.pub {
	max-width: calc(100% - 1rem);
	margin: 4rem auto;
	text-align: center;
	display: block;
}
.pub picture {
	width: 100%;
	height: auto;
	display: block;
}
section + .pub {
	margin-top: 0;
}

/* Medium Rectangle: 300x250px */
.pub picture img,
.pub.medium-rectangle,
.pub.medium-rectangle-hd {
	width: 300px;
	height: 250px;
}

/* Tablet Rectangle: 480x320px */
@media (min-width: 600px) {
	.pub picture img,
	.pub.large-rectangle,
	.pub.large-rectangle-hd {
		width: 480px;
		height: 320px;
	}
}

/* Billboard: 970x250px */
@media (min-width: 1018px) {
	.pub picture img,
	.pub.billboard,
	.pub.billboard-hd {
		width: 970px;
		height: 250px;
	}
}

/* WooCommerce */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	text-align: center;
}
.woocommerce ul.products li.product a img {
	max-width: 100%;
	width: 150px;
	height: auto;
	margin: 0 auto 1em;
}
.woocommerce.single-product section:last-child {
	margin-bottom: 0;
}
.woocommerce-page div.product .woocommerce-tabs {
	padding: 3rem 0;
}
section.related.products {
	padding-top: 3rem;
	border-top: 1px solid #d3ced2;
	margin-top: 3rem;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var(--THEME-COLOR-DARK);
	border-color: var(--THEME-COLOR-DARK);
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	color: var(--THEME-COLOR-DARK);
	background-color: #eee;
	border-color: #eee;
}
.woocommerce.single-product .woocommerce-variation-add-to-cart {
	display: flex;
}
.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce form .form-row {
	display: block;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	max-width: unset;
}