/* @override 
	https://www.cour3coquins.fr/profiles/ff_profile/themes/custom/ff_c3c/css/ff_c3c_styles.css?* */




/* FONTS */
@font-face {
	font-family: "Instrument Sans";
	src: url('../fonts/InstrumentSans-VariableFont_wdth,wght.woff2') format('woff2');
	font-weight: 400 700;
	font-style: normal;
	font-stretch: 75% 100%;
	font-display: swap;
}
@font-face {
	font-family: "Instrument Sans";
	src: url('../fonts/InstrumentSans-Italic-VariableFont_wdth,wght.woff2') format('woff2');
	font-weight: 400 700;
	font-style: italic;
	font-stretch: 75% 100%;
	font-display: swap;
}
/* FIN FONTS */

/* VAR */
:root {
	--font: "Instrument Sans", sans-serif;
	--coul1: #00FFFE;
	--coul1rgb: 0,255,254;
	--coul2: #00E738;
	--coul2rgb: 0,231,56;
	--noir: #000;
	--blanc: #FFF;
	--blancrgb: 255,255,255;
	--gris: #ddd;
	--filter-coul1: invert(93%) sepia(78%) saturate(1531%) hue-rotate(103deg) brightness(106%) contrast(113%);
	--filter-coul2: brightness(0) saturate(100%) invert(66%) sepia(68%) saturate(3415%) hue-rotate(89deg) brightness(105%) contrast(106%);
	--filter-blanc: brightness(0) saturate(100%) invert(99%) sepia(9%) saturate(396%) hue-rotate(228deg) brightness(112%) contrast(100%);
	--filter-gris: invert(96%) sepia(0%) saturate(7474%) hue-rotate(192deg) brightness(117%) contrast(73%);
	--filter-btn: none;
	--font-xs: 0.6rem;
	--font-s: 0.8rem;
	--font-m: 1rem;
	--font-l: 1.1rem;
	--font-xl: 1.3rem;
	--font-xxl: 1.8rem;
	--stroke: 2px;
	--border-color: var(--noir);
	--border: var(--stroke) solid var(--border-color);
	--radius: 100px;
	--gut: 30px;
	--hauteur-logo: 60px;
	--height_slider: 50vh;
}
@media print, screen and (min-width: 1599px) {
    :root {
		--hauteur-logo: 80px;
		--font-xs: 0.6rem;
		--font-s: 0.8rem;
		--font-m: 1rem;
		--font-l: 1.4rem;
		--font-xl: 1.6rem;
		--font-xxl: 2.5rem;
        --gut: 40px;
    }
}
@media print, screen and (max-width: 1023px) {
    :root {
		--gut: 20px;
        --font-s: 0.8rem;
		--font-m: 1rem;
		--font-l: 1.2rem;
		--font-xl: 1.2rem;
		--font-xxl: 2rem;
		--hauteur-logo: 50px;
    }
}
@media print, screen and (max-width: 767px) {
    :root {
        --gut: 20px;
        --font-s: 0.7rem;
		--font-m: 0.9rem;
		--font-l: 1.0rem;
		--font-xl: 1.1rem;
		--font-xxl: 2rem;
		--hauteur-logo: 40px;
		--stroke: 2px;
    }
}
/* FIN VAR */

/* GENERAL */
html {
	scroll-behavior: smooth;
	height: auto !important;
	color-scheme: light;
}
body {
	padding: 0;
	margin: 0;
	background-color: var(--blanc);
	color: var(--noir);
	font-family: var(--font);
	font-size: var(--font-m);
}
.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.layout-global {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}
main {
	flex: 1;
	padding-bottom: calc(var(--gut)*.75);

}
.page__col > .section:last-child,
.page__col > .view:last-child,
.page--cols-2 {
	padding-bottom: calc(var(--gut)*1.5) !important;
}
sup {
	font-size: 60%;
	top: -0.6em;
}
a {
	color: inherit;
	text-decoration: none;
}
p a,
.comp--texte li a {
	text-decoration: underline !important;
}
p {
	margin: 0 0 calc(var(--gut) * 0.5) 0;
}
p:empty {
	display: none;
}
p:last-child {
	margin: 0 !important;
}
.hide {
	display: none !important;
}
* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
input {
	border: none;
	outline: none;
}
input:focus-visible {
	outline: 2px solid var(--gin-color-primary, currentColor);
	outline-offset: 2px;
}
.flex {
	display: flex;
}
ul, ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.menu li a {
	display: flex;
	transition: all .3s;
}
ul.menu > li,
ul.menu > li ul {
	display: flex;
	flex-direction: column;
	gap: calc(var(--gut)*.25);
	align-items: center;
}
ul.menu > li ul {
	gap: 0;
}
ul.menu > li ul .btn {
	border: none;
}
.layout-global .btn,
.layout-global .prebtn a,
.cm-btn,
.bef-link {
	text-align: center;
	display: inline-flex;
	align-items: center;
	position: relative;
	text-transform: uppercase;
	border: var(--border);
	border-radius: var(--radius);
	padding: 4px 12px;
	font-size: var(--font-l);
	line-height: 1;
	font-stretch: 85%;
	font-weight: 500;
	width: fit-content;
	transition: all .3s;
}
.layout-global .btn:hover,
.layout-global .prebtn a:hover,
.cm-btn:hover,
.bef-link:hover,
.bef-link--selected {
	background-color: var(--coul1);
}
span.btn {
	background-color: transparent !important;
}
/* cookies buttons */
.cm-btn {
	margin: 0 !important;
	padding: 4px 12px !important;
	border-radius: var(--radius) !important;
	border: var(--border) !important;
	font-size: var(--font-m) !important;
	line-height: 1 !important;
	background: none !important;
	color: var(--noir) !important;
	transition: all .3s;
}
.cm-btn:hover {
	background-color: var(--coul1) !important;
}
/**/
.btn.picto_text,
.prebtn.picto_text a {
	padding-left: 40px;
}
.btn.picto,
.prebtn.picto a {
    text-indent: -10000px;
	height: calc(var(--font-l)*1.5);
	width: calc(var(--font-l)*1.5);
	overflow: hidden;
}
.btn.picto_text:after,
.prebtn.picto_text a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 6px;
	display: inline-block;
	aspect-ratio: 1 / 1;
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
	filter: var(--filter-btn);
}
.btn.picto:after,
.prebtn.picto a:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-position: center;
	background-size: 70%;
	background-repeat: no-repeat;
	filter: var(--filter-btn);
}
.btn.picto.billetterie:after,
.prebtn.picto.billetterie a:after,
.btn.picto_text.billetterie:after,
.prebtn.picto_text.billetterie a:after,
.billetterie .btn.picto_text:after {
	background-image: url(../images/billet.svg);
}
h1#cm-modal-title {
	margin: calc(var(--gut)*-.5);
	padding: calc(var(--gut)*.5) !important;
}
/* FIN GENERAL */

/* ZONE PRATIQUE */
#pratique, .local-tasks {
	font-family: var(--gin-font);
	position: relative;
	z-index: 0;
	background-color: var(--gin-bg-app);
	margin-bottom: calc(var(--gut)*0);
	margin-left: calc(var(--gut)*0) !important;
	margin-right: calc(var(--gut)*0) !important;
}
#pratique .block,
.local-tasks,
#pratique .messages {
    padding: calc(var(--gut)*1.25) calc(var(--gut)*1) 15px calc(var(--gut)*1) !important;
    margin-bottom: 0px;
    border-top: none;
    border-bottom: var(--stroke) solid var(--gin-color-primary) !important;
}
#pratique .messages-list ~ .block-local-tasks-block {
  padding-top: 15px !important;
}
/* FIN ZONE PRATIQUE */


/* HEADER */
header {
	position: sticky;
	top: calc(calc(var(--hauteur-sect1))*-1) !important;
	z-index: 15;
}
body.role-administrateur header {
	position: sticky;
	top: calc(calc(var(--hauteur-sect1) - var(--gin-toolbar-y-offset))*-1) !important;
	z-index: 10;
}
.menu-primaire .accueil {
	margin: 0 calc(var(--gut)*2);
}
@media (max-width: 1599px) {
	.menu-primaire .accueil {
		margin: 0 calc(var(--gut)*1);
	}
}
.menu-primaire .menu__logo svg {
	width: auto;
	height: var(--hauteur-logo);
	fill: var(--coul1);
	transition: all .3s;
}
.menu-primaire .menu__logo:hover svg {
	fill: var(--coul2);
}
.sect2 ul.menu,
.menu-secondaire ul.menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: calc(var(--gut)*.5);
}
/* sect1 */
.sect1 {
	background-color: var(--coul2);
	padding: calc(var(--gut)*.25) var(--gut);
	text-transform: uppercase;
	font-stretch: 85%;
	font-weight: 500;
}
/* sect2 */
.sect2 {
	padding: calc(var(--gut)*.5) var(--gut) calc(var(--gut)*.25) var(--gut);
	background-color: var(--noir);
	color: var(--coul1);
	--border: var(--stroke) solid var(--coul1);
}
.sect2:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: calc(var(--gut)*-1);
	left: 0;
	right: 0;
	height: var(--gut);
	background: linear-gradient(var(--noir) 0%, rgba(0,0,0,0) 100%);
}
.menu-ouvert .sect2:after {
	display: none;
}
.sect2 .prebtn a:hover,
.sect2 .prebtn a.is-active {
	color: var(--coul2);
	border-color: var(--coul2);
	background-color: var(--noir);
}
.sect2 .btn.picto:after {
	--filter-btn: var(--filter-coul1);
}
.sect2 .billetterie {
	margin-left: auto;
}
.sect2 .billetterie .btn.picto_text {
	background-color: var(--coul2);
	border-color: var(--coul2);
	color: var(--noir);
}
.sect2 .billetterie .btn.picto_text:hover {
	background-color: var(--coul1);
	border-color: var(--coul1);
	color: var(--noir);
}
.sect2 .billetterie .btn.picto_text:after {
	background-image: url(../images/billet.svg);
}
.sect2 .trigger-menu {
	margin-right: auto;
}
.sect2 .trigger-menu button {
	all: initial;
	cursor: pointer;
	text-indent: -10000px;
	height: var(--hauteur-logo);
	width: auto;
	aspect-ratio: 1 / 1;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	background-image: url(../images/menu.svg);
	filter: var(--filter-coul2);
	transition: all .3s;
}
.sect2 .trigger-menu:hover button,
.sect2 .trigger-menu.ouvert button {
	filter: var(--filter-blanc);
}
@media (max-width: 1023px) {
	.hide-mobile {
		display: none !important;
	}
	.sect2 .billetterie .btn.picto_text {
		text-indent: -10000px;
		height: calc(var(--font-l)*2);
		width: calc(var(--font-l)*2);
		overflow: hidden;
		padding-left: 12px;
	}
	.sect2 .billetterie .btn.picto_text:after {
		left: 0;
	}
}
/* ssmenus */
.container-ssmenus {
	position: absolute;
	display: none;
	left: 0;
	right: 0;
}
.container-ssmenus:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: calc(var(--gut)*-1);
	left: 0;
	right: 0;
	height: var(--gut);
	background: linear-gradient(var(--noir) 0%, rgba(0,0,0,0) 100%);
}
.container-ssmenus.ouvert {
	display: block;
}
@media print, screen and (max-width: 1023px) {
	body.menu-ouvert {
		overflow: hidden;
	}
	body.menu-ouvert .container-ssmenus {
		height: calc(100dvh - var(--top-sect2) - var(--hauteur-sect2) + 1px);
		overflow: auto;
	}
	.container-ssmenus:after {
		display: none;
	}
}
/* sect3 */
.sect3, .layout-prefooter {
	padding: calc(var(--gut)*.5) var(--gut);
}
.sect3 img:not(.spamspan-image), 
.layout-prefooter img:not(.spamspan-image) {
	max-width: 200px;
	min-width: 200px;
	height: 100%;
	width: 100%;
}
.sect3 .section--cols-2, 
.layout-prefooter .section--cols-2 {
	grid-template-columns: auto 1fr;
	align-items: center;
	padding: 0;
}
.sect3 .section__col--1, 
.layout-prefooter .section__col--1 {
	flex: 1 0 1;
}
.sect3 p, 
.layout-prefooter p {
	font-weight: 500;
	font-stretch: 75%;
	font-size: var(--font-l);
	text-wrap: balance;
}
.sect3 {
	background-color: var(--coul1);
	border-bottom: var(--border);
}
.layout-prefooter {
	position: relative;
	padding: calc(var(--gut)*.25) var(--gut) calc(var(--gut)*.75) var(--gut);
	background-color: var(--coul2);
}
.layout-prefooter:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: calc(var(--gut)*-1);
	left: 0;
	right: 0;
	height: var(--gut);
	background: linear-gradient(rgba(var(--coul2rgb),0) 0%, var(--coul2) 100%);
}
/* sect4 */
.sect4 {
	display: grid;
	grid-template-columns: 2fr 1fr;
	border-bottom: var(--border);
}
#block-inputsearch {
	background-color: var(--blanc);
	display: flex;
	align-items: center;
	padding: calc(var(--gut)*.5);
}
#block-inputsearch > form,
#block-inputsearch > form input {
	all: initial;
	padding: 0;
	position: relative;
	font-size: var(--font-l);
	font-family: var(--font);
}
#block-inputsearch > form,
#block-inputsearch > form .form-item-keyword {
	flex: 1;
	display: flex;
}
#block-inputsearch > form .form-text {
	flex: 1;
	text-transform: uppercase;
	border: var(--border);
	border-radius: var(--radius);
	padding: 4px 50px 4px 12px;
	width: 0;
	line-height: 1;
	font-stretch: 85%;
	font-weight: 500;
}
#block-inputsearch > form .form-text::placeholder {
	color: var(--noir);
}
#block-inputsearch > form .form-submit {
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: inherit;
	text-transform: uppercase;
	font-stretch: 85%;
	font-weight: 500;
	border: none !important;
}
#block-ff-c3c-reseauxsociaux {
	background-color: var(--noir);
	color: var(--blanc);
	padding: calc(var(--gut)*.5);
}
#block-ff-c3c-reseauxsociaux .btn {
	border: none;
	background: none;
}
#block-ff-c3c-reseauxsociaux .btn:hover {
	color: var(--coul1);
}
@media (max-width: 1023px) {
	.sect4 {
		grid-template-columns: 1fr;
	}
}
/* sect5 */
.sect5 {
	background-color: var(--coul2);
}
.sect5 ul.menu {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, auto);
}

.sect5 ul.menu > li {
	grid-row: 1 / -1;
	padding: calc(var(--gut)*.5);
	flex: 1;
	position: relative;
}
.sect5 ul.menu > li.infos-pratiques {
	grid-column: 4 / 5;
	grid-row: 1;
}
.sect5 ul.menu > li.billetterie {
	grid-row: 2 / 3;
	grid-column: 4 / 5;
	background-color: var(--blanc);
	border-top: var(--border);
}
.sect5 ul.menu > li.billetterie .btn {
	background-color: var(--coul1);
}
.sect5 ul.menu > li.billetterie .btn:hover {
	background-color: var(--coul2);
}
.sect5 ul.menu > li:not(.infos-pratiques, .billetterie) {
	border-right: var(--border);
}
.sect5 ul.menu > li.is-active span {
	background-color: var(--blanc);
}
.sect5 ul.menu > li ul .btn.is-active, 
.sect5 ul.menu > li ul .btn:hover {
	text-decoration: underline;
	background-color: transparent;
}
@media (max-width: 1023px) {
	.sect5 ul.menu {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
	.sect5 ul.menu > li {
		grid-row: inherit;
	}
	.sect5 ul.menu > li.infos-pratiques {
		grid-column: inherit;
		grid-row: inherit;
	}
	.sect5 ul.menu > li.billetterie {
		grid-row: inherit;
		grid-column: inherit;
	}
	.sect5 ul.menu > li:not(.infos-pratiques, .billetterie) {
		border-bottom: var(--border);
		border-right: none;
	}
}
/* sect6 */
.sect6 {
	padding: calc(var(--gut)*.5) var(--gut) calc(var(--gut)*.25) var(--gut);
	background-color: var(--noir);
}
.sect6 ul.menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.sect6 .btn {
	border: none;
	color: var(--blanc);
}
.sect6 .btn:hover {
	color: var(--coul2);
	background-color: transparent;
}
@media print, screen and (max-width: 1023px) {
	.sect6 {
		padding-bottom: calc(var(--gut)*.5);
	}
}
/**/
.menu-secondaire {
	padding: calc(var(--gut)*1) var(--gut) calc(var(--gut)*.5) var(--gut);
	background-color: var(--coul2);
	border-bottom: var(--border);
	position: sticky;
	top: var(--hauteur-sect2);
	z-index: 9;
}
body.role-administrateur .menu-secondaire {
	top: calc(calc(var(--hauteur-sect2) + var(--gin-toolbar-y-offset))*1);
}
@media print, screen and (max-width: 767px) {
	.menu-secondaire {
		position: relative;
		top: inherit;
	}
}
/* menu secondaire */
.menu-secondaire .btn:hover {
	background-color: var(--coul1);
}
.menu-secondaire .btn.is-active {
	background-color: var(--blanc);
}
/* FIN HEADER */

/* TITRES */
h1,
.view-saison h1,
.view-header h2.comp--titre,
.calendrier .view-header h3,
.field_label_h2 {
	margin: 0;
	padding: calc(var(--gut)*.5) var(--gut);
	background-color: var(--noir);
	color: var(--blanc);
	text-transform: uppercase;
	font-stretch: 100%;
	font-weight: 400;
	font-size: var(--font-xxl);
	line-height: 1.1;
}
h1 {
	z-index: 8;
	position: relative;
	background-color: var(--coul2);
	color: var(--noir);
	padding: calc(var(--gut)*1) var(--gut) calc(var(--gut)*.5) var(--gut);
	border-bottom: var(--border);
}
main:has(.menu-secondaire, .messages-list, .block-local-tasks-block) h1 {
	padding-top: calc(var(--gut)*.5);
/*	background-color: var(--noir);
	color: var(--coul2);*/
}
main:has(.menu-secondaire) h1 {
	display: none;
}
h2 {
	font-stretch: 75%;
	font-weight: 700;
	font-size: var(--font-xxl);
	line-height: 1;
}
@media print, screen and (max-width: 1023px) {
	.view-header h2.comp--titre,
	.calendrier .view-header h3,
	.field_label_h2 {
		font-size: var(--font-xl);
	}
}
/* TITRES */

/* RECHERCHE */
.fac-result {
	top: calc(100% - calc(var(--gut)*-.75));
	left: calc(var(--gut)*-.5 - var(--stroke));
	right: calc(var(--gut)*-.5 - var(--stroke));
	width: auto !important;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.3);
}
header .fac-result {
	width: 100%;
	display: block;
	border-radius: 0;
}
header .fac-result.hidden {
	border: none;
}
.fac-result mark {
	background-color: transparent;
	color: inherit;
}
header .fac-result ul {
	border: var(--border);
	border-radius: 0 !important;
	height: auto;
	max-height: 70vh;
	overflow: auto;
}
header .fac-result ul.result-list li {
	border: none;
	border-bottom: var(--border);
	padding: calc(var(--gut)*.5);
	margin: 0;
	background-color: var(--blanc);
	transition: all .3s;
}
header .fac-result ul li.see-all-link {
	background-color: var(--coul1) !important;
	font-size: var(--font-m);
	border: none;
	text-transform: uppercase;
}
header .fac-result ul li.see-all-link em {
	font-style: normal;
}
header .fac-result ul li.see-all-link:hover {
	background-color: var(--coul2) !important;
}
header .fac-result ul.result-list li:hover,
header .fac-result ul.result-list li.selected {
	background-color: var(--coul1);
}
.view-id-recherche .views-row .comp--miniteaser {
	border-bottom: var(--border);
	padding: calc(var(--gut)*.5);
}
.view-id-recherche .views-row .comp--miniteaser:hover {
	background-color: var(--coul1);
}
.field--search-api-excerpt strong {
	position: relative;
	font-weight: normal;
}
/*.field--search-api-excerpt strong:after {
	content: "";
	position: absolute;
	z-index: -1;
	padding: 10px;
	background-color: #FF0;
	top: -2px;
	bottom: -4px;
	left: -5px;
	right: -5px;
	border-radius: 5px;
}*/
@media print, screen and (max-width: 1023px) {
	.fac-result {
		left: calc(var(--gut)*-.5);
		right: calc(var(--gut)*-.5);
		top: calc(100% - calc(var(--gut)*-.75) - calc(var(--stroke)*3));
	}
	header .fac-result ul {
		border-left: none;
		border-right: none;
	}
}
/* FIN RECHERCHE */

/* MEDIAS */
.comp--medias {
	position: relative;
}
.comp--medias:has(figcaption,.media__copyright) {
	background-color: var(--blanc);
}
.comp--medias .grp-legende {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: calc(var(--gut)*.5);
	padding: calc(var(--gut)*.5) 0;
}
.comp--diaporama .comp--medias .grp-legende {
	padding: calc(var(--gut)*.5);
}
.comp--medias figcaption,
.comp--medias .media__copyright {
	position: relative !important;
	z-index: 1;
	font-size: var(--font-xs);
	color: var(--noir) !important;
}
.comp--medias figcaption {
	font-size: var(--font-s);
}
.comp--diaporama {
	/*max-width: 90vw !important;
	overflow: hidden !important;*/
}
.comp--diaporama .comp--medias.adaptif_sans_crop .cq-image-wrapper,
.comp--diaporama .comp--medias.adaptif_sans_crop .cq-image-wrapper picture {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.comp--diaporama .adaptif_sans_crop img {
	max-height: var(--height_slider);
	width: auto;
	max-width: 100%;
}
.comp--diaporama .adaptif_sans_crop {
/*	background-color: var(--noir);*/
	align-items: center;
	justify-content: center;
	display: flex;
}
.comp--diaporama .splide__slide:not(:has(.comp--medias)) {
	align-items: center;
	justify-content: center;
	display: flex;
	padding: var(--gut);
	max-width: 40vw;
	text-align: center;
	text-wrap: balance;
}
.comp--medias .video.distant {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* ratio 16:9 */
	height: 0;
	overflow: hidden;
}
.comp--medias .video.distant iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 70vh;
}
.comp--medias .video {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100% !important;
}
.comp--medias .video video {
	width: 100%;
	max-height: 70vh;
	display: flex;
}
.comp--presentation-default:has(.comp--medias.logo) {
	gap: calc(var(--gut)*1);
}
.comp--medias.logo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}
.comp--medias.logo img {
	width: 100px !important;
}
.comp--medias.logo img.pano {
	width: 130px !important;
}
.comp--medias.logo img.vertical {
	height: 120px !important;
	width: auto !important;
}
.comp--medias.logo img.panovertical {
	height: 130px !important;
	width: auto !important;
}
@media print, screen and (max-width: 1023px) {
	.comp--diaporama .splide__slide:not(:has(.comp--medias)) {
		min-width: 30vw;
		max-width: 70vw;
	}
	.comp--medias.logo img {
		width: 70px !important;
	}
	.comp--medias.logo img.pano {
		width: 90px !important;
	}
	.comp--medias.logo img.vertical {
		height: 90px !important;
		width: auto !important;
	}
}
/* FIN MEDIAS */

/* GRID ELEMENTS */
.vue-grid-elements,
.grid-wrapper,
.vue-list-elements {
	container-type: inline-size;
}
.vue-grid-elements .views-content,
.grid-elements {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: calc(var(--gut)*4);
	column-gap: calc(var(--gut)*1);
}
.vue-grid-elements .views-content:has(.comp--miniteaser),
.grid-elements:has(.comp--miniteaser) {
	grid-template-columns: repeat(3, 1fr) !important;
}
.vue-list-elements {
	margin-top: var(--gut);
}
.vue-list-elements .views-row {
	display: grid;
	grid-template-columns: 1fr auto auto;
	column-gap: calc(var(--gut)*1);
	border-bottom: var(--border);
	margin-bottom: var(--gut);
	padding-bottom: var(--gut);
	align-items: center;
}
.comp--presentation-liste {
	margin-top: var(--gut);
}
/*.comp--presentation-liste > .comp {
	column-gap: calc(var(--gut)*1);
	border-bottom: var(--border);
	margin-bottom: var(--gut);
	padding-bottom: var(--gut);
}*/
@container (max-width: 1400px) {
	.vue-grid-elements .views-content,
	.grid-elements {
		grid-template-columns: repeat(3, 1fr) !important;
	}
	.vue-grid-elements .views-content:has(.comp--miniteaser),
	.grid-elements:has(.comp--miniteaser) {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@container (max-width: 1023px) {
	.vue-grid-elements .views-content,
	.grid-elements {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.vue-grid-elements .views-content:has(.comp--miniteaser),
	.grid-elements:has(.comp--miniteaser) {
		grid-template-columns: repeat(1, 1fr) !important;
	}
	.vue-list-elements .views-row {
		grid-template-columns: 1fr;
		row-gap: calc(var(--gut)*1);
		border-bottom: var(--border);
		justify-items: start;
	}
}
@container (max-width: 600px) {
	.vue-grid-elements .views-content,
	.grid-elements {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}
/* GRID ELEMENTS */

/* MINI TEASER */
.section__col .comp--miniteaser {
	border-bottom: var(--border);
	padding-bottom: calc(var(--gut)*.5);
}
.comp--miniteaser {
	position: relative;
	z-index: 1;
	text-decoration: none;
	line-height: 1;
	text-wrap: balance;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: calc(var(--gut)*.5);
	line-height: 1.1;
	text-transform: uppercase;
	font-stretch: 85%;
	font-weight: 500;
	font-size: var(--font-m);
	transition: all .3s;
}
.comp--miniteaser:has(.visuel) {
	grid-template-columns: 150px 1fr auto;
}
.comp--miniteaser .titre {
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.comp--miniteaser .titre .teaser_titre {
	font-size: var(--font-xl);
	font-stretch: 75%;
	font-weight: 700;
	text-transform: none;
	line-height: 0.8;
	transition: all .3s;
}
.comp--miniteaser .titre .date {
	font-weight: 700;
}
.comp--miniteaser .titre .field--name-field-artistes,
.comp--miniteaser .titre .field--name-field-soustitre {
}
.comp--miniteaser:hover .titre .teaser_titre {
	text-decoration: underline;
}
.comp--miniteaser .titre .field--name-field-datefriendly-teaser {
	padding: 5px;
	background-color: var(--sec);
	width: fit-content;
}
@media print, screen and (max-width: 767px) {
	.comp--miniteaser {
		grid-template-columns: 1fr !important;
	}
}
/* FIN MINI TEASER */

/* TEASER EVEN */
.section__col:has(.comp--teaser-evenement),
.page__bottom:has(.comp--teaser-evenement) {
	container-type: inline-size;
}
.comp--teaser-evenement {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-bottom: var(--border);
	padding: var(--gut);
	transition: all .3s;
	aspect-ratio: 5 / 1;
	background-color: var(--coul1);
	font-size: var(--font-xl);
	line-height: 1.1;
	text-transform: uppercase;
	font-stretch: 85%;
	font-weight: 500;
	margin: 0 !important;
}
.comp--teaser-evenement.temps_fort {
	background-color: var(--coul2);
}
.comp--teaser-evenement .teaser_titre,
.comp--teaser-evenement .field--name-field-soustitre {
  transition: all .3s;
}
.comp--teaser-evenement:not(.sans_couv):hover .teaser_titre,
.comp--teaser-evenement:not(.sans_couv):hover .field--name-field-soustitre,
.comp--teaser-evenement:not(.sans_couv):hover .field--name-field-spect-vers-temps-fort {
	color: var(--blanc);
	text-shadow: 0 0 10px var(--noir);
}
.comp--teaser-evenement .teaser-evt__visuel {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}
.comp--teaser-evenement .teaser-evt__visuel .cq-image-wrapper,
.comp--teaser-evenement .teaser-evt__visuel picture {
  display: block;
  width: 100%;
  height: 100%;
}
.comp--teaser-evenement .teaser-evt__visuel img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.comp--teaser-evenement .teaser-evt__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 2fr 1fr;
	align-items: flex-start;
	gap: calc(var(--gut)*3);
}
.comp--teaser-evenement .teaser-evt__gauche {
	align-items: flex-start;
	text-align: left;
}
.comp--teaser-evenement .teaser-evt__droite {
	text-align: right;
	align-items: flex-end;
}
.comp--teaser-evenement:not(.sans_couv):hover .teaser-evt__visuel {
	opacity: 1;
}
.comp--teaser-evenement.action-culturelle,
.comp--teaser-evenement.evenement-lie {
	background-color: var(--blanc);
}
.comp--teaser-evenement .teaser-evt__inner > * {
	display: flex;
	flex-direction: column;
	gap: calc(var(--gut)*.25);
}
.comp--teaser-evenement .teaser_titre {
	font-size: clamp(var(--font-xxl), 1.8rem + 2.8vw, 5vw);
	line-height: 0.8;
	text-transform: none;
	font-stretch: 75%;
	font-weight: 700;
	text-wrap: balance;
	margin-bottom: 10px;
}
.comp--teaser-evenement.sans_couv:hover {
	background-color: var(--gris);
}
.comp--teaser-evenement .field--name-field-date-teaser {
	font-stretch: 85%;
	font-weight: 700;
}
.comp--teaser-evenement .field--name-field-soustitre {
	font-stretch: 85%;
}
.comp--teaser-evenement .genre,
.comp--representation .genre,
.comp--miniteaser .genre {
	font-size: var(--font-m);
	z-index: 1;
	display: inline-flex;
	white-space: nowrap;
	padding: 5px;
	line-height: 1;
	border: var(--border);
	border-radius: var(--radius);
	background-color: var(--coul2);
	text-transform: uppercase;
	font-stretch: 85%;
	font-weight: 500;
	width: fit-content;
	color: var(--noir);
}
.comp--representation.temps_fort .genre,
.comp--teaser-evenement.temps_fort .genre {
	background-color: var(--coul1);
}
.comp--teaser-evenement:hover * {
	transition: opacity .3s;
}
.comp--teaser-evenement .field--name-field-chapeau {
	text-transform: none;
	font-weight: 700;
}
.comp--teaser-evenement:not(.sans_couv):hover .field--name-field-chapeau,
.comp--teaser-evenement:not(.sans_couv):hover .field--name-field-date-teaser,
.comp--teaser-evenement:not(.sans_couv):hover .field--name-field-artistes,
.comp--teaser-evenement:not(.sans_couv):hover .field--name-field-compagnie,
.comp--teaser-evenement:not(.sans_couv):hover .genre,
.comp--teaser-evenement:not(.sans_couv):hover .evt-lies {
	opacity: 0;
}
@container (max-width: 1599px) {
	.comp--teaser-evenement {
		aspect-ratio: 4 / 1;
	}
}

@container (max-width: 1023px) {
	.comp--teaser-evenement {
		aspect-ratio: inherit;
		min-height: calc(100cqw * 2 / 3);
		height: auto !important;
	}
	.comp--teaser-evenement .teaser-evt__inner {
		grid-template-columns: 1fr;
		gap: calc(var(--gut) * 1);
	}

	.comp--teaser-evenement .teaser-evt__droite {
		text-align: left;
		align-items: flex-start;
	}
}
/* FIN TEASER EVEN */

/* TEASER CIE ACTU */
.vue--cols-3 .views-content {
	display: grid;
	gap: var(--gut);
	grid-template-columns: repeat(3, 1fr);
}
@media print, screen and (max-width: 1023px) {
    .vue--cols-3 .views-content {
      grid-template-columns: 1fr !important;
    }
}
.comp--teaser {
	display: flex;
	flex-direction: column;
}
.comp--teaser {
	display: flex;
	flex-direction: column;
	gap: calc(var(--gut)*.25);
}
.comp--teaser .content {
	line-height: 1.1;
	font-weight: 700;
	font-size: var(--font-m);
}
.comp--teaser .teaser_titre {
	font-size: var(--font-xl);
	line-height: 1.1;
	text-transform: uppercase;
	font-stretch: 85%;
	font-weight: 500;
	text-wrap: balance;
}
.comp--teaser .visuel {
	transition: all .3s;
}
.comp--teaser:hover .visuel {
	filter: grayscale(1);
}
.comp--teaser .field--name-field-date-pub {
	text-transform: uppercase;
	font-stretch: 75%;
}
/* FIN TEASER CIE ACTU */

/* NODE EVEN */
.page-node-type-evenement main {
	background-color: var(--noir);
	color: var(--blanc);
}
.page-node-type-temps-fort .page__top {
	color: var(--blanc);
}
.type-page-2cols {
	gap: 0;
}
.type-page-2cols.page--cols-2 {
	padding: 0 var(--gut);
}
.type-page-2cols.page--cols-2 .page__col--1 {
	max-width: 1000px;
}
.type-page-2cols.page--cols-2 .page__top {
	margin: 0 calc(var(--gut)*-1);
	position: relative;
}
.type-page-2cols.page--cols-2 .page__top .visuelref_legende,
.type-page-2cols.page--cols-1 .page__top .visuelref_legende {
	position: absolute;
	top: var(--gut);
	right: var(--gut);
	background-color: rgba(0,0,0,0.4);
	color: var(--blanc);
	font-size: var(--font-s);
	padding: 10px 5px;
	border-radius: 50px;
	opacity: 0.5;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
}
.type-page-2cols.page--cols-2 .page__bottom {	
	margin: 0 calc(var(--gut)*-1);
}
.type-page-2cols .page__top,
.type-page-2cols .page__bottom,
.type-page-2cols:not(.sans_couv) .page__top .cq-image-wrapper {
	position: relative;
}
.type-page-2cols .page__bottom .comp--teaser-evenement:first-child {
	border-top: var(--border);
}
.type-page-2cols:not(.sans_couv) .page__top .cq-image-wrapper:after {
	content: "";
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: var(--gut);
	background: linear-gradient(rgba(0,0,0,0) 0%, var(--noir) 100%);
}
.type-page-2cols .page__top .field--name-field-spect-vers-temps-fort {
	margin-top: 10px;
}
.type-page-2cols .page__top .field--name-field-spect-vers-temps-fort a {
	font-size: var(--font-xxl);
	font-stretch: 85%;
	font-weight: 700;
	color: var(--coul2);
	text-transform: none;
}
.type-page-2cols:not(.sans_couv) .page__top > .section {
	position: absolute;
	left: var(--gut);
	right: var(--gut);
	bottom: 0;
	z-index: 1;
}
.type-page-2cols.sans_couv .page__top > .section {
	margin: var(--gut) var(--gut) 0 var(--gut);
}
.type-page-2cols .page__top > .section {
	text-transform: uppercase;
	font-size: var(--font-xl);
	z-index: 10;
	font-stretch: 85%;
	padding: 0;
	gap: 0;
}
.type-page-2cols .page__top .section__col--2 {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}
.type-page-2cols:not(.sans_couv) .page__top > .section {
	text-shadow: 0 0 10px var(--noir);
}
@media print, screen and (max-width: 1023px) {
	.type-page-2cols.page--cols-2 .page__top .visuelref_legende,
	.type-page-2cols.page--cols-1 .page__top .visuelref_legende {
		display: none;
	}
	.type-page-2cols.page--cols-2 .page__top {
		margin-bottom: calc(var(--gut)*.5);
	}
	.type-page-2cols:not(.sans_couv) .page__top > .section {
		gap: 0;
		margin-bottom: calc(var(--gut)*1);
		position: relative;
		left: inherit;
		right: inherit;
		margin-left: var(--gut);
		margin-right: var(--gut);
		text-shadow: none;
	}
	.type-compagnie:not(.sans_couv) .page__top > .section {
		margin-top: calc(var(--gut)*1);
		margin-bottom: calc(var(--gut)*0);
	}
	.page-node-type-temps-fort .page__top {
		color: var(--noir);
	}
	.type-page-2cols.page--cols-2 .page__top > .section .grp-droite {
		text-align: right;
		align-items: flex-start;
		text-align: right;
	}
	.type-page-2cols .page__top .field--name-field-spect-vers-temps-fort a {
		font-size: var(--font-xl);
		margin-bottom: 5px;
		display: inherit;
	}
	.type-page-2cols .page__top .section__col--2 {
		text-align: left !important;
	}
}
.type-page-2cols .page__top .genre {
	background-color: var(--coul2);
	text-shadow: none;
	color: var(--noir);
	margin-top: calc(var(--gut)*.5);
}
.type-page-2cols .page__top .date_lieu {
	display: flex;
	align-items: center;
}
.type-page-2cols .page__top .date_lieu a {
	position: relative;
    width: var(--font-l);
    height: var(--font-l);
    display: inline-block;
    font-size: 0;	
}
.type-page-2cols .page__top .field--name-field-compagnie a {
	position: relative;

}
.type-page-2cols .page__top .field--name-field-compagnie a:before {
	content: ",";
	margin-right: 5px;
}
.type-page-2cols .page__top .field--name-field-compagnie a:first-child:before {
	content: none;
	margin-right: 0;
}
.type-page-2cols .page__top .field--name-field-compagnie a:after,
.type-page-2cols .page__top .date_lieu a:after {
	content: "+";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	font-size: var(--font-l);
	width: var(--font-l);
	height: var(--font-l);
	position: relative;
	top: calc(50% - 4px);
	transform: translateY(-50%);
	border: var(--border);
	border-color: var(--blanc);
	border-radius: 50%;
	margin-left: calc(var(--font-l)*.5);
		margin-right: calc(var(--font-l)*.25);
	transition: all .3s;
}
.type-page-2cols .page__top .field--name-field-compagnie a:hover:after,
.type-page-2cols .page__top .date_lieu a:hover:after {
	background-color: var(--noir);
}
.type-page-2cols h1 {
	margin: 0;
	font-stretch: 75%;
	font-weight: 700;
	font-size: clamp(var(--font-xxl), 5vw, 5vw);
	line-height: 0.8;
	text-transform: none;
	color: var(--coul1);
	margin-top: calc(var(--gut)*.5);
	margin-bottom: calc(var(--gut)*.5);
	background-color: transparent !important;
	padding: 0;
	z-index: 0;
	border: none;
}
.page-node-type-temps-fort .type-page-2cols h1 {
	color: var(--coul2);
}
.page-node-type-temps-fort .comp--teaser-evenement .field--name-field-spect-vers-temps-fort {
	display: none;
}
.type-page-2cols .page__col--1 .field--name-field-soustitre {
	text-transform: uppercase;
	color: var(--coul1);
	font-size: var(--font-xl);
	font-stretch: 85%;
	font-weight: 400;
	line-height: 1;
	margin-bottom: calc(var(--gut)*.5);
}
.type-page-2cols .field--name-field-chapeau {
	font-size: var(--font-xl);
	font-stretch: 85%;
	font-weight: 700;
	line-height: 1;
	margin-bottom: calc(var(--gut)*.5);
}
.type-page-2cols .field--name-field-presentation {
	margin-bottom: calc(var(--gut)*.75);
}
.type-page-2cols .field--name-field-site-web {
	margin-bottom: calc(var(--gut)*.75);
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.type-page-2cols .field--name-field-site-web a:hover {
	color: var(--coul1);
}
.type-page-2cols .field--name-field-trigger-warning {
	color: var(--coul1);
	font-size: var(--font-s);
	margin-bottom: calc(var(--gut)*1);
	position: relative;
	padding-left: 30px;
}
.type-page-2cols .field--name-field-trigger-warning:after {
	content: "";
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/trigger.svg);
	filter: var(--filter-coul1);
}
.type-page-2cols .comp--accordion-group {
	display: flex;
	border-top: var(--border);
	border-color: var(--blanc);
	margin-bottom: calc(var(--gut)*1);
	align-items: flex-start;
}
.type-page-2cols .comp--accordion--titre {
	padding: 15px 0;
	text-transform: uppercase;
}
.type-page-2cols .comp--accordion--titre:after {
	border-color: var(--blanc);
	border-width: var(--stroke);
}
.type-page-2cols .comp--accordion {
	flex: 1;
	border-bottom: var(--border);
		border-color: var(--blanc);
}
.type-page-2cols .comp--accordion:first-child:not(:last-child) {
	border-right: var(--border);
	border-color: var(--blanc);
	padding-right: 15px;
}
.type-page-2cols .comp--accordion:last-child:not(:first-child) {
	border-left: var(--border);
	border-color: var(--blanc);
	margin-left: calc(var(--stroke)*-1);
}
.type-page-2cols .comp--accordion:last-child:not(:first-child) {
	padding-left: 15px;
}
.type-page-2cols .comp--accordion--content.is-expanded {
	padding-bottom: 15px;
}
@media print, screen and (max-width: 1023px) {
	.type-page-2cols .comp--accordion-group {
		flex-direction: column;
	}
	.type-page-2cols .comp--accordion {
		width: 100%;
		border-right: none !important;
		border-left: none !important;
		margin: 0 !important;
		padding-right: 0 !important;
	}
	.type-page-2cols .comp--accordion:not(:last-child) {
		border-bottom: var(--border);
		border-color: var(--blanc);
	}
	.type-page-2cols .comp--accordion:last-child:not(:first-child) {
		padding-left: 0;
	}
}
.type-page-2cols .comp--medias {
	margin-bottom: var(--gut);
}
.type-page-2cols .bloc,
.type-page-2cols .field--name-field-texte-colonne-droite {
	margin-bottom: calc(var(--gut)*1);
}
.type-page-2cols h3 {
	text-transform: uppercase;
	font-stretch: 75%;
	font-weight: 600;
	font-size: var(--font-xl);
	line-height: 1;
	margin: 0 0 calc(var(--gut)*.4) 0;
}
.bloc_even-representations h3 {
	color: var(--coul2);
}
.bloc_even-representations .billetterie {
	display: flex;
	justify-content: flex-end;
}
.bloc_even-representations .billetterie a {
	border-color: var(--coul2);
	color: var(--coul2);
	margin-top: calc(var(--gut)*.5);
	background: none !important;
}
.bloc_even-representations .billetterie a:after {
	filter: var(--filter-coul2);
	transition: all .3s;
}
.bloc_even-representations .billetterie a:hover {
	border-color: var(--coul1);
	color: var(--coul1);
}
.type-page-2cols .field--name-field-tarif {
	display: flex;
	justify-content: space-between;
	gap: var(--gut);
	align-items: center;
	font-stretch: 100%;
	font-weight: 400;
	text-transform: uppercase;
	padding: 15px 0;
	font-size: var(--font-l);
	border-top: var(--border);
	border-color: var(--coul2);
	color: var(--coul2);
	line-height: 1;
}
.bloc_tableau,
.bloc_residences {
	margin-bottom: var(--gut);
}
.bloc_tableau h3 {
	border-bottom: var(--border);
	border-color: var(--coul1);
	padding-bottom: calc(var(--gut)*.3);
	margin: 0;
	color: var(--coul1);
}
.bloc_tableau:not(.contact) a,
.type-compagnie .comp--representation .actu a {
	position: relative;
	padding: calc(var(--gut)*.4) 0 calc(var(--gut)*.4) calc(var(--gut)*1.1);
	border-bottom: var(--border);
	display: flex;
	color: var(--coul1);
	border-color: var(--coul1);
	font-stretch: 100%;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1;
	font-size: var(--font-m);
	transition: all .3s;
}
.bloc_tableau:not(.contact) a:after,
.type-compagnie .comp--representation .actu a:after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: calc(var(--gut)*.7);
	height: calc(var(--gut)*.7);
	left: 0;
	border-radius: 100%;
	border: var(--border);
	filter: var(--filter-coul1);
	transition: all .3s;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% calc(var(--gut)*.3);
}
.bloc_tableau:not(.contact) a:hover {
	color: var(--coul2);
}
.bloc_tableau:not(.contact) a:hover:after {
	filter: var(--filter-coul2);
}
.bloc_tableau.fichiers h3,
.bloc_tableau.fichiers a {
	color: var(--blanc);
	border-color: var(--blanc);
}
.bloc_tableau.fichiers a:after {
	filter: var(--filter-blanc);
	background-image: url(../images/fleche-d.svg);
}
.bloc_tableau.fichiers a:hover {
	color: var(--coul1);
}
.bloc_tableau.fichiers a:hover:after {
	filter: var(--filter-coul1);
}
.bloc_tableau.podcasts a:after {
	background-image: url(../images/fleche-simple.svg);
}
.bloc_tableau.podcasts a.is-playing:after {
	background-image: url(../images/pause.svg);
}
.bloc_tableau.even_lies h3,
.bloc_tableau.even_lies a {
	color: var(--coul2);
	border-color: var(--coul2);
}
.bloc_tableau.even_lies a:after,
.bloc_tableau.liens a:after,
.type-compagnie .comp--representation .actu a:after {
	filter: var(--filter-coul2);
	background-image: url(../images/fleche-up.svg);
}
.bloc_tableau.even_lies a,
.type-compagnie .comp--representation .actu a {
	text-transform: inherit;
	font-stretch: 75%;
	font-weight: 700;
	font-size: var(--font-xl);
}
.bloc_tableau.even_lies a:hover {
	color: var(--blanc);
}
.bloc_tableau.even_lies a:hover:after {
	filter: var(--filter-blanc);
}
/* FIN NODE EVEN */

/* NODE CIE */
.page-node-type-compagnie main {
	background-color: var(--blanc);
	color: var(--noir);
}
.type-compagnie:not(.sans_couv) .page__top .cq-image-wrapper:after,
.type-temps_fort:not(.sans_couv) .page__top .cq-image-wrapper:after {
	content: "";
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: var(--gut);
	background: linear-gradient(rgba(255,255,255,0) 0%, var(--blanc) 100%);
}
.type-compagnie h1 {
	color: var(--coul2);
	margin: 0;
}
.type-compagnie:not(.sans_couv) .page__top > .section {
	bottom: var(--gut);
}
.type-compagnie .page__top .grp-droite img {
	width: calc(var(--gut)*2);
}
.type-compagnie .bloc_tableau h3,
.type-compagnie .bloc_tableau a {
	color: var(--noir) !important;
	border-color: var(--coul1);
}
.type-compagnie .bloc_tableau a:after,
.type-compagnie .comp--representation .actu a:after {
	filter: var(--filter-coul1);
}
.type-compagnie .comp--representation .actu a {
	color: var(--noir) !important;
	border: none;
	border-top: 1px solid var(--gris);
}
.type-compagnie .comp--representation .actu:last-child a {
	margin-bottom: calc(var(--gut)*-.5);
}
.type-compagnie .bloc_tableau a:hover:after,
.type-compagnie .comp--representation .actu a:hover:after {
	filter: none;
}
.bloc_tableau .nom {
	font-stretch: 100%;
	font-weight: 700;
	color: var(--noir);
}
.bloc_tableau.contact .grp-contact {
	padding: calc(var(--gut)*.4) 0;
	border-bottom: var(--border);
	border-color: var(--coul1);
	font-stretch: 100%;
	font-weight: 400;
	text-transform: uppercase;
}
.bloc_tableau.contact .grp-contact .email {
	text-transform: lowercase;
	text-decoration: underline;
}
.type-compagnie .field--type-text-long:not(.media__caption) {
	margin-bottom: var(--gut);
}
.type-compagnie .field--name-field-txt-historiquec3c {
	border-top: var(--border);
	border-bottom: var(--border);
	border-color: var(--coul2);
	padding: var(--gut) 0;
	font-size: var(--font-l);
}
.type-compagnie .field--name-field-txt-historiquec3c .field__label {
	color: var(--coul2);
	font-stretch: 75%;
	font-weight: 700;
}
/* FIN NODE CIE */

/* NODE ACTU */
.type-actualite .field--name-field-chapeau {
	background-color: var(--noir);
	color: var(--blanc);
	font-weight: 700;
	font-size: var(--font-l);
	padding: calc(var(--gut)*.5) var(--gut);
	border-bottom: var(--border);
}
.type-actualite .field--name-field-date-pub {
	padding: 0 var(--gut);
	margin-top: calc(var(--gut)*.5);
	font-size: var(--font-l);
	text-transform: uppercase;
}
.type-actualite .view-actualite-residence-compagnie {
	padding: var(--gut);
	border-top: var(--border);
	background-color: var(--gris);
}
.type-actualite .view-actualite-residence-compagnie h3 {
	margin-top: 0;
}
.type-actualite .view-actualite-residence-compagnie .comp--miniteaser {
	
}
/* FIN NODE ACTU */

/* NODE SIMPLE */
.type-simple {
	display: inherit;
}
.section--submenu {
	position: sticky;
	top: calc(var(--hauteur-sect2));
	padding: calc(var(--gut)*.5) var(--gut) !important;
	padding-top: var(--gut) !important;
	margin: 0 !important;
	z-index: 2;
}
main:has(.menu-secondaire) .section--submenu {
	top: calc(var(--hauteur-sect2) + var(--hauteur-menusec));
	padding-top: calc(var(--gut)*.5) !important;
}
body.role-administrateur .section--submenu {
	top: calc(calc(var(--hauteur-sect2) + var(--gin-toolbar-y-offset))*1);
}
body.role-administrateur main:has(.menu-secondaire) .section--submenu {
	top: calc(calc(var(--hauteur-sect2) + var(--hauteur-menusec) + var(--gin-toolbar-y-offset))*1);
}
main:not(:has(.menu-secondaire)) .section--submenu:after {
	content: "";
	z-index: -1;
	position: absolute;
	top: calc(var(--gut)*-.5);
	left: 0;
	right: 0;
	height: calc(var(--gut)*.5);
	background-color: var(--blanc);
}
.section--submenu .section-menu a {
	font-size: var(--font-m);
}
.section--submenu .section-menu a:hover,
.section--submenu .section-menu a.is-active {
	background-color: var(--coul2);
}
.section {
	padding: var(--gut);
	margin: 0;
}
.section:not(.section--submenu) + .section:not(.section--submenu):not(:has(.comp--fond)) {
	padding-top: 0;
}
.section .section,
.section--cols-1:has(.carte) {
	padding: 0;
}
.comp--titre {
	text-wrap: balance;
}
h2.comp--titre {
	margin: 0;
}
h3.comp--titre {
	margin: 0;
	text-transform: uppercase;
	font-stretch: 100%;
	font-weight: 400;
	font-size: var(--font-xl);
}
.comp--titre:not(.section-scroll-heading) + .comp {
	margin-top: calc(var(--gut)*.5);
	display: flex;
	flex-direction: column;
}
.section .comp + .comp {
	margin-top: calc(var(--gut)*.5);
}
.section .groupe .comp + .groupe .comp {
	margin: 0;
}
.section__col {
	display: flex;
	flex-direction: column;
}
@media print, screen and (min-width: 1024px) {
	.section__col:has(.comp--teaser-evenement) + .section__col:has(.comp--teaser-evenement) .comp--teaser-evenement {
		border-left: var(--border);
	}
}
.comp:not(.section-scroll-heading) + .comp--titre {
	margin-top: calc(var(--gut)*1);
}
.comp--texte ul {
    margin-bottom: calc(var(--gut) * 0.5);
}
.comp--texte ul li {
    padding: 5px 0 5px 15px;
    position: relative;
}
.comp--texte ul li:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
	border-radius: 10px;
    top: 12px;
    left: 0;
	background-color: var(--coul2);
}
.bouton-normal:hover {
	background-color: var(--coul2);
}
.comp--bouton-simple {
	text-decoration: underline;
}
.comp--texte-petit {
	font-size: var(--font-s);
}
.comp--texte-grand {
	font-size: var(--font-xl);
}
.comp--texte-xl {
	font-size: var(--font-xxl);
}
.comp--texte-grand strong,
.comp--texte-xl strong {
	font-stretch: 75%;
	font-weight: 700;
}
.section--cols-1 .section__col:has(.comp--presentation-slider-free,.comp--presentation-slider-simple) {
	margin: calc(var(--gut)*-1);
}
.comp--presentation.splide .splide__arrow {
	border: var(--border);
	background-color: var(--blanc);
	opacity: 1;
	transition: all .3s;
}
.comp--presentation.splide .splide__arrow:disabled {
	opacity: 0.2;
}
.comp--presentation.splide .splide__arrow:hover:not(:disabled) {
	background-color: var(--coul1);
}
.comp--presentation.splide .splide__arrow:after {
	content: "";
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	width: 100%;
	height: 100%;
}
.comp--presentation.splide .splide__arrow--prev:after {
	background-image: url(../images/fleche-g.svg);
}
.comp--presentation.splide .splide__arrow--next:after {
	background-image: url(../images/fleche-d.svg);
}
.comp--diaporama.splide .splide__arrow {
	border: var(--border);
	background-color: var(--blanc);
	opacity: 1;
	transition: all .3s;
}
.comp--diaporama.splide .splide__arrow:disabled {
	opacity: 0;
	cursor: default;
	pointer-events: none;
}
.comp--diaporama.splide .splide__arrow:hover:not(:disabled) {
	background-color: var(--coul1);
}
.comp--diaporama.splide .splide__arrow:after {
	content: "";
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	width: 100%;
	height: 100%;
}
.comp--diaporama.splide .splide__arrow--prev:after {
	background-image: url(../images/fleche-g.svg);
}
.comp--diaporama.splide .splide__arrow--next:after {
	background-image: url(../images/fleche-d.svg);
}
/*.comp--presentation.splide,
.comp--presentation-grille:has(.comp--teaser-evenement),
.ff-vue-filtre-output-wrapper {
	margin: 0 calc(var(--gut)*-1);
}*/
.comp--separateur {
	margin: 0;
}
.type-simple .comp--accordion-group {
	border-top: var(--border);
}
.type-simple .comp--accordion {
	border-bottom: var(--border);
}
.type-simple .comp--accordion--titre {
	padding-top: calc(var(--gut)*.25);
	padding-bottom: calc(var(--gut)*.25);
}
.type-simple .comp--accordion--content.is-expanded {
	padding-bottom: calc(var(--gut)*.5);
}
/* fond */
.section .section__col .comp--fond {
	margin: calc(var(--gut)*-1);
	padding: calc(var(--gut)*1);
	height: calc(100% + calc(var(--gut)*2));
	display: flex;
	flex-direction: column;
}
.comp--timeline .comp--timeline--content .comp--fond {
	margin: calc(var(--gut)*-.5);
	margin-left: calc(var(--gut)*-1);
	padding: calc(var(--gut)*1);
	height: calc(100% + calc(var(--gut)*1));
}
.comp--timeline:nth-child(even) .comp--timeline--content .comp--fond {
	margin: calc(var(--gut)*-.5);
	margin-right: calc(var(--gut)*-1);
}
.section:has(.section__col .comp--fond) + .section:not(:has(.section__col .comp--fond)) {
	margin-top: calc(var(--gut)*1);
}
.section .section__col:has(.comp--fond + .comp) .comp--fond {
	height: inherit;
	margin-bottom: 0;
}
.section .section__col:has(.comp--fond + .comp--fond) .comp--fond:not(:first-child) {
	margin-top: 0;
}
.section--cols-2:has(.section__col--1 .comp--fond):has(.section__col--2 .comp--fond) {
	gap: 0;
}
.section--cols-3:has(.section__col--1 .comp--fond):has(.section__col--2 .comp--fond):has(.section__col--3 .comp--fond) {
	gap: 0;
}
@media print, screen and (min-width: 1024px) {
	.section--cols-2 .section__col--1 .comp--fond {
		margin-right: 0;
	}
	.section--cols-2 .section__col--2 .comp--fond {
		margin-left: 0;
	}
	.section--cols-3 .section__col--1 .comp--fond {
		margin-right: 0;
	}
	.section--cols-3 .section__col--2 .comp--fond {
		margin-left: 0;
		margin-right: 0;
	}
	.section--cols-3 .section__col--3 .comp--fond {
		margin-left: 0;
	}
}
@media print, screen and (max-width: 1023px) {
	.section .section__col .comp--fond {
		margin-bottom: 0;
	}
	.section .section__col:not(:first-child) .comp--fond {
		margin-top: 0;
	}
	.comp--timeline .comp--timeline--content .comp--fond {
		margin: calc(var(--gut)*1) !important;
		margin-left: calc(var(--gut)*-1) !important;
		margin-right: calc(var(--gut)*-1) !important;
		padding: calc(var(--gut)*1);
		min-height: 15vh;
		height: auto;
	}
	.comp--timeline .comp--diaporama.splide {
		width: calc(100dvw + 5px - calc(var(--gut)*4)) !important;
	}
}
.comp--fond {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.comp--fond .fond {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: -1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.comp--fond .fond img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section__col:nth-of-type(even) .comp--fond .fond img {
	width: 150%;
	height: 150%;
	object-fit: cover;
}
.comp--fond .comp--bouton {
	background-color: var(--blanc);
}
.media--blanc .fond {
	filter: var(--filter-blanc);
}
.media--gris .fond {
	filter: var(--filter-gris);
}
.media--coul1 .fond {
	filter: var(--filter-coul1);
}
.media--coul2 .fond {
	filter: var(--filter-coul2);
}
.fond--noir {
	background-color: var(--noir);
}
.fond--gris {
	background-color: var(--gris);
}
.fond--coul1 {
	background-color: var(--coul1);
}
.fond--coul2 {
	background-color: var(--coul2);
}
.texte--blanc {
	color: var(--blanc);
}
.texte--blanc .comp--texte ul li:before {
	background-color: var(--blanc);
}
.texte--blanc .comp--bouton {
	border-color: var(--blanc);
	color: var(--blanc);
	background: none !important;
}
.texte--blanc .comp--separateur {
	border-color: var(--blanc);
}
.texte--blanc .comp--medias.type--svg img {
	filter: var(--filter-blanc);
}
.texte--gris {
	color: var(--gris);
}
.texte--gris .comp--texte ul li:before {
	background-color: var(--gris);
}
.texte--gris .comp--bouton {
	border-color: var(--gris);
	color: var(--gris);
	background: none !important;
}
.texte--gris .comp--separateur {
	border-color: var(--gris);
}
.texte--gris .comp--medias.type--svg img {
	filter: var(--filter-gris);
}
.texte--coul1 {
	color: var(--coul1);
}
.texte--coul1 .comp--texte ul li:before {
	background-color: var(--coul1);
}
.texte--coul1 .comp--bouton {
	border-color: var(--coul1);
	color: var(--coul1);
	background: none !important;
}
.texte--coul1 .comp--separateur {
	border-color: var(--coul1);
}
.texte--coul1 .comp--medias.type--svg img {
	filter: var(--filter-coul1);
}
.texte--coul2 {
	color: var(--coul2);
}
.texte--coul2 .comp--texte ul li:before {
	background-color: var(--coul2);
}
.texte--coul2 .comp--bouton {
	border-color: var(--coul2);
	color: var(--coul2);
	background: none !important;
}
.texte--coul2 .comp--separateur {
	border-color: var(--coul2);
}
.texte--coul2 .comp--medias.type--svg img {
	filter: var(--filter-coul2);
}
.fond--gris .comp--medias.logo img,
.fond--coul1 .comp--medias.logo img,
.fond--coul2 .comp--medias.logo img {
	mix-blend-mode: multiply;
}
/* fin fond */
.section__col > .view {
	flex: 1;
	width: 100%;
}
.section:has(.vue--liste),
.section:has(.comp--teaser-evenement):not(:has(.section__col > :not(.comp--teaser-evenement))) {
    padding: 0;
	gap: 0;
}
@media print, screen and (max-width: 1023px) {
	.section__col > .comp--bouton {
		align-self: flex-start;
	}
	.section:not(.section--cols-1) .section__col:has(.comp--diaporama),
	.page__bottom:has(.comp--diaporama) {
		margin: calc(var(--gut)*-1) calc(var(--gut)*-1) 0 calc(var(--gut)*-1);
		overflow: hidden;
	}
}
/* FIN NODE SIMPLE */

/* VUE LISTE */
.teaser-liste {
	position: relative;
	display: grid;
	grid-template-columns: 2fr 1fr;
	align-items: center;
	gap: calc(var(--gut)*3);
	border-bottom: var(--border);
	padding: var(--gut);
	transition: all .3s;
	background-color: var(--coul1);
	font-size: var(--font-xl);
	line-height: 1.1;
	text-transform: uppercase;
	font-stretch: 85%;
	font-weight: 500;
}
.teaser-liste .content {
	text-align: right;
	align-items: flex-end;
	display: flex;
	flex-direction: column;
}
.teaser-liste h3 {
	font-size: clamp(var(--font-xxl), 5vw, 5vw);
	line-height: 0.8;
	text-transform: none;
	font-stretch: 75%;
	font-weight: 700;
	text-wrap: balance;
}
.teaser-liste a:has(.comp--titre):hover {
	text-decoration: underline;
	text-underline-offset: 10px;
	text-decoration-thickness: var(--stroke);
}
.teaser-liste .btn.saison {
	background-color: var(--blanc);
}
.teaser-liste .btn:hover {
	background-color: var(--coul2);
}
@media print, screen and (max-width: 1023px) {
	.teaser-liste {
		grid-template-columns: 1fr;
		gap: var(--gut);
	}
	.teaser-liste .content {
		text-align: left;
		align-items: flex-start;
	}
}
/* FIN VUE LISTE */

/* VUE SPLIT */
.vue--split {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.vue--split .vue-principale {
	position: relative;
	padding-bottom: var(--gut);
}
.vue--split .vue-principale:after {
	content: "";
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	bottom: 0;
	border-right: var(--border);
}
@media print, screen and (max-width: 1023px) {
	.vue--split {
		grid-template-columns: 1fr;
	}
	.vue--split .vue-principale:after {
		display: none;
	}
}
/* FIN VUE SPLIT */

/* CALENDRIER */
.calendrier .view-header {
	position: sticky;
	top: calc(var(--hauteur-sect2) + var(--hauteur-menusec));
	z-index: 10;
}
body.role-administrateur .calendrier .view-header {
	top: calc(var(--hauteur-sect2) + var(--hauteur-menusec) + var(--gin-toolbar-y-offset));
}
.calendrier .views-exposed-form ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: calc(var(--gut)*.5) var(--gut);
	gap: calc(var(--gut)*.5);
}
.calendrier > nav {
	display: none;
}
.calendrier .view-header nav {
	position: absolute;
	top: 0;
	bottom: 0;
	right: var(--gut);
	color: var(--blanc);
}
.calendrier .view-header nav ul,
.calendrier .view-header nav li,
.calendrier .view-header nav a {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
}
.calendrier .view-header nav a {
	text-indent: -10000px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40%;
	background-image: url(../images/fleche-g.svg);
	filter: var(--filter-coul1);
}
.calendrier .view-header nav li.calendar-pager__item--next a {
	background-image: url(../images/fleche-d.svg);
}
.calendrier .view-header nav a:hover {
	filter: var(--filter-coul2);
}
.comp--representation {
	display: grid;
	grid-template-columns: 100px 5% 35% 25% 20% 5%;
	align-items: center;
	padding: calc(var(--gut)*.5) var(--gut);
	padding-left: calc(var(--gut)*.5);
	border-bottom: 1px solid var(--noir);
	font-stretch: 85%;
	font-weight: 700;
	font-size: var(--font-xl);
}
.type-page-2cols .comp--representation {
	grid-template-columns: 60% auto;
	gap: 10%;
	background-color: transparent !important;
	border-color: var(--coul2);
	padding: calc(var(--gut)*.5) 0;
	font-size: var(--font-l);
}
.type-page-2cols .view-display-id-cal_event_ttpublic {
	border-top: var(--border);
	border-color: var(--coul2);
}
.comp--representation--col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.comp--representation--col > *:empty {
/*	display: none;*/
}
.comp--representation--col--titre .soustitre,
.comp--representation--col--titre .date {
	line-height: 1;
	margin-top: 10px;
}
.comp--representation--col--reservation {
	align-items: flex-end;
}
.comp--representation.spectacle {
	background-color: var(--coul1);
}
.comp--representation.temps_fort {
	background-color: var(--coul2);
}
.comp--representation--col--date {
	text-transform: uppercase;
	line-height: 1;
}
.type-page-2cols .comp--representation--col--date {
	display: grid;
	grid-template-columns: 3fr 1fr;
	column-gap: calc(var(--gut)*.5);
}
.comp--representation--col--date .jour_semaine,
.comp--representation--col--date .horaire,
.comp--representation--col--date .heure,
.cal_jour--date .jour_semaine {
	font-weight: 400;
	font-stretch: 75%;
}
.comp--representation--col--date .heure {
	grid-column: 2;
}
.comp--representation--col--date .jour_mois,
.comp--representation--col--date .jour_semaine {
	display: none;
}
.cal-even:not(.last) .comp--representation--col--date .date_fin {
	border-top: var(--border);
	margin-top: 2px;
	padding-top: 2px;
}
.type-page-2cols .comp--representation--col--date .jour_complet {
	color: var(--coul1);
	font-stretch: 100%;
	font-weight: 700;
	position: relative;
}
.type-page-2cols .comp--representation--col--date .jour_complet span {
	font-stretch: 75%;
	font-weight: 400;
}
.type-page-2cols .comp--representation--col--date .jour_complet.fin {
	position: relative;
	padding-top: 22px;
}
.type-page-2cols .comp--representation--col--date .jour_complet.fin:before {
	content: "";
	position: absolute;
	top: 0;
	width: 20px;
	height: 20px;
	background-image: url(../images/fleche-b.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	filter: var(--filter-coul1);
}
.comp--representation .field--name-field-accessibilite {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.type-page-2cols .comp--representation--col--accessibilite {
	align-items: flex-end;
	gap: 5px;
	margin-bottom: 5px;
}
.comp--representation .field--name-field-accessibilite img {
	width: 25px;
	height: 25px;
}
.type-page-2cols .comp--representation .field--name-field-accessibilite img {
	filter: var(--filter-coul1);
}
.comp--representation .titre_even {
	font-size: var(--font-xxl);
	font-stretch: 75%;
	line-height: 0.9;
	text-wrap: balance;
}
.comp--representation .ref_tf {
	text-transform: uppercase;
	font-size: var(--font-m);
	font-stretch: 85%;
	font-weight: 500;
	margin-bottom: 5px;
}
.comp--representation.residence .comp--representation--col--titre {
	position: relative;
	padding-left: 35px;
}
.comp--representation.residence .comp--representation--col--titre:after {
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/residence.svg);
}
.comp--representation.residence .titre_even {
	font-size: var(--font-xl);
	font-stretch: 85%;
	font-weight: 600;
}
.comp--representation.residence .soustitre {
	font-size: var(--font-m);
	font-stretch: 85%;
	font-weight: 600;
}
.comp--representation .titre_even:hover {
	text-decoration: underline;
	text-decoration-thickness: var(--stroke);
	text-underline-offset: 3px;
}
.comp--representation .artistes {
	font-size: var(--font-s);
	text-transform: uppercase;
	font-weight: 400;
	font-stretch: 100%;
	margin-top: calc(var(--gut)*.25);
}
.comp--representation .field--name-field-lieu {
	font-size: var(--font-m);
	font-weight: 400;
	font-weight: 700;
	line-height: 1.1;
}
.comp--representation .evt-lies {
	font-size: var(--font-l);
	font-weight: 400;
	font-weight: 700;
	display: flex;
	flex-direction: column;
}
.comp--representation .evt-lies a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.comp--representation .field--name-field-infos-sup {
	font-size: var(--font-s);
	font-weight: 400;
	text-align: right;
}
.comp--representation .btn.picto {
	background-color: var(--coul2);
}
.comp--representation .btn.picto:hover {
	background-color: var(--coul1);
}
/* compagnie */
.type-compagnie .comp--representation {
	grid-template-columns: 1fr;
	gap: 10px;
	background-color: transparent !important;
	border-bottom: var(--border);
	border-color: var(--coul2);
	padding: calc(var(--gut)*.5) 0;
	font-size: var(--font-l);
}
.type-compagnie .comp--representation:nth-child(2) {
	border-top: var(--border);
	border-color: var(--coul2);
}
.type-compagnie .comp--representation .comp--representation--col--titre,
.type-compagnie .comp--representation .comp--representation--col--genre,
.type-compagnie .comp--representation .comp--representation--col--lieu,
.type-compagnie .comp--representation .comp--representation--col--reservation {
	display: none;
}
.type-compagnie .comp--representation--col--date {
	grid-template-columns: 1fr;
}
.type-compagnie .comp--representation--col--accessibilite {
	align-items: flex-start;
	gap: 10px;
}
.type-compagnie .comp--representation--col--date .jour_complet {
	color: var(--coul2);
}
/* vue cal */
.cal-even.first .date_fin,
.cal-even.last .date_debut {
	display: none;
}
.cal-jour {
	display: grid;
	grid-template-columns: 200px 1fr;
	align-items: stretch;
}
.cal-events {
	border-bottom: var(--border);
}
.cal-events .cal-even:last-child .comp--representation {
	border-bottom: none;
}
.cal_jour--date {
	padding: calc(var(--gut)*.5) var(--gut);
	padding-right: calc(var(--gut)*.5);
	border-bottom: var(--border);
	font-stretch: 85%;
	font-weight: 700;
	font-size: var(--font-xl);
	text-transform: uppercase;
	line-height: 1;
	border-right: 1px solid var(--noir);
}
.today .cal_jour--date {
	background-color: var(--coul2);
}
.cal-jour:not(:has(.comp--representation)), .cal-semaine:not(:has(.cal-jour)) {
	display: none;
}
.cal-events {
	
}
@media print, screen and (max-width: 1023px) {
	.calendrier .view-header {
		top: calc(var(--hauteur-sect2));
	}
	.calendrier .view-header h3 {
		padding: calc(var(--gut)*1) var(--gut);
	}
    .comp--representation {
		grid-template-columns: 1fr !important;
		grid-template-rows: 1fr !important;
		gap: 5px;
	}
	.comp--representation .btn.picto {
		padding: 12px;
	}
	.comp--representation--col--date .heure {
		grid-column: 1;
	}
	.type-page-2cols .comp--representation--col--date .jour_complet {
		grid-column: 1;
	}
	.comp--representation--col--date > * {
		display: flex;
		gap: 5px;
		flex-direction: row;
	}
	.comp--representation--col--date {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-end;
	}
	.comp--representation .comp--representation--col--date:not(:has(.date_fin)) .date_debut:has(.horaire:not(:empty)),
	.comp--representation .comp--representation--col--date .date_fin:has(.horaire:not(:empty)) {
		margin-right: 10px;
	}
	.cal-even:not(.last) .comp--representation--col--date:has(.date_debut .horaire:not(:empty)) .date_fin {
		border-top: none;
		margin-top: 0;
		padding-top: 0;
		border-left: var(--border);
		margin-left: 5px;
		padding-left: 5px;
	}
	.comp--representation--col--accessibilite {
		align-items: flex-end;
	}
	.type-page-2cols .comp--representation--col--accessibilite {
		align-items: flex-start;
	}
	.comp--representation .field--name-field-accessibilite {
		justify-content: flex-end;
		gap: 7px
	}
	.comp--representation .field--name-field-accessibilite img {
		width: 20px;
		height: 20px;
	}
	.comp--representation--col--titre,
	.comp--representation--col--lieu {
		grid-column: 1 / 3;
	}
	.comp--representation--col--lieu {
		order: 4;
	}
	.comp--representation--col--titre {
		order: 3;
	}
	.comp--representation--col--genre {
		order: 5;
	}
	.comp--representation--col--reservation {
		order: 6;
	}
	/* vue cal */
	.cal-jour {
		display: grid;
		grid-template-columns: 1fr;
	}
	.cal_jour--date {
		display: flex;
		gap: 5px;
		flex-direction: row;
		border-right: none;
	}
	.cal_jour--date,
	.comp--representation {
		padding: calc(var(--gut)*.5) var(--gut);
	}
}
/* FIN CALENDRIER */



/* CARTE */
.leaflet-marker-icon.active {
	content: url(../images/marker-gris.png);
}
.leaflet-marker-icon.c3c {
	content: url(../images/marker-c3c.svg);
	height: 100px !important;
	width: 60px !important;
	margin-top: -100px !important;
	margin-left: -30px !important;
}
.leaflet-tooltip {
	
}
.carte {
	position: relative;
}
.carte .geolocation-map-container {
	aspect-ratio: 4 / 3;
	height: auto !important;
	max-height: 70vh;
}
@media print, screen and (max-width: 1023px) {
	.carte .geolocation-map-container {
		aspect-ratio: inherit;
		height: 70vh !important;
		max-height: 70vh !important;
	}
}
.infobulle {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-height: calc(100%);
	overflow: auto;
	display: none;
	background-color: var(--noir);
	color: var(--blanc);
	z-index: 1;
	padding: 15px 15px 15px 60px;
}

.carte.view .infobulle {
	border-top: var(--border);
	background-color: var(--blanc);
}
.infobulle.open,
.carte.view .infobulle.open {
	display: block;
}
.infobulle .close-button {
	position: absolute;
	top: 15px;
	left: 15px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	font-size: 1.5rem;
	font-family: var(--font);
	border: var(--border) !important;
	border-color: var(--blanc) !important;
	border-radius: 40px;
	background-color: var(--noir);
	color: var(--blanc);
	cursor: pointer;
}
.infobulle .close-button:before {
	display: none;
}
.infobulle .content a {
	display: inline-block;
}
/* FIN CARTE */

/* PAGER */
nav.pager {
	margin: var(--gut) 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
nav.pager ul {
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
nav.pager ul li {
	margin: 0 5px;
}
nav.pager ul li a {
	display: inherit;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	padding: 0;
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: transparent;
	transform: none !important;
}
nav.pager ul li.pagination-previous a {
	background-image: url(../images/fleche-g.svg);
}
nav.pager ul li.pagination-next a {
	background-image: url(../images/fleche-d.svg);
}
nav.pager ul li.current span {
	display: none;
}
nav.pager ul li.current {
	width: 60px;
	height: 60px;
	border-radius: 100px;
	background-color: transparent;
	color: var(--noir);
	text-align: center;
	line-height: 60px;
	font-size: var(--font-m);
	border: var(--border);
}
/* FIN PAGER */

/* FOOTER */
footer {
	margin-top: auto;
	background-color: var(--noir);
	padding: calc(var(--gut)*.5) var(--gut);
}
footer ul.menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
footer .btn {
	border: none;
	color: var(--blanc);
}
footer .btn:hover {
	color: var(--coul2);
	background-color: transparent !important;
}
/* FOOTER */

/* FRONTPAGE */
.view-accueil .view-header {
	display: flex;
	flex-wrap: wrap;
	gap: calc(var(--gut)*.5);
	justify-content: space-between;
	align-items: center;
	margin-bottom: calc(var(--gut)*1);
}
.view-accueil .view-header h2 {
	margin: 0;
}
.view-accueil.view-display-id-even .views-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.view-accueil.view-display-id-even .views-content .views-row:first-child {
	grid-column: 1 / 3;
}
.view-accueil.view-display-id-even .views-content .views-row:not(:first-child) .comp--teaser-evenement {
	aspect-ratio: 5 / 3;
}
.view-accueil.view-display-id-even .views-content .views-row:last-child .comp--teaser-evenement {
	border-left: var(--border);
}
.view-accueil.view-display-id-even .views-content .views-row:not(:first-child) .comp--teaser-evenement .teaser-evt__inner {
	grid-template-columns: 1fr;
	gap: calc(var(--gut)*1);
}
.view-accueil.view-display-id-even .views-content .views-row:not(:first-child) .comp--teaser-evenement .teaser-evt__droite {
	text-align: left;
	align-items: flex-start;
}
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement {
	aspect-ratio: inherit;
}
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement .teaser-evt__visuel {
	position: relative;
	opacity: 1;
	margin: calc(var(--gut)*-1);
	margin-bottom: calc(var(--gut)*1);
}
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement .teaser-evt__visuel:after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: var(--gut);
	background: linear-gradient(rgba(var(--coul1rgb),0) 0%, rgba(var(--coul1rgb),1) 100%);
}
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement.action-culturelle .teaser-evt__visuel:after {
	background: linear-gradient(rgba(var(--blancrgb),0) 0%, rgba(var(--blancrgb),1) 100%);
}
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement:not(.sans_couv):hover .teaser_titre,
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement:not(.sans_couv):hover .field--name-field-soustitre {
	color: inherit;
	text-shadow: none;
}
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement:not(.sans_couv):hover .field--name-field-chapeau,
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement:not(.sans_couv):hover .field--name-field-date-teaser,
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement:not(.sans_couv):hover .field--name-field-artistes,
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement:not(.sans_couv):hover .genre {
	opacity: inherit;
}
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement:hover {
	background-color: var(--coul2);
}
.view-accueil.view-display-id-even .views-content .views-row:first-child .comp--teaser-evenement:hover .teaser-evt__visuel:after {
	background: linear-gradient(rgba(var(--coul2rgb),0) 0%, rgba(var(--coul2rgb),1) 100%);
}
@media print, screen and (max-width: 1023px) {
	.view-accueil.view-display-id-even .views-content .views-row:not(:first-child) {
		grid-column: 1 / 3;
	}
	.view-accueil.view-display-id-even .views-content .views-row:not(:first-child) .comp--teaser-evenement  {
		aspect-ratio: inherit;
	}
	.view-accueil.view-display-id-even .views-content .views-row:last-child .comp--teaser-evenement {
		border-left: none;
	}
}
/* FIN FRONTPAGE */

/* THROBBLER */
.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-fullscreen {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border-radius: 0;
	opacity: 1;
	background: rgba(255, 255, 255, 0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	overflow: hidden;
	text-indent: -99999em;
}
.ajax-progress-fullscreen:before,
.ajax-progress-fullscreen:after {
	content: ' ';
	display: block;
	height: 3px;
	background-color: var(--noir);
	overflow: hidden;
	text-indent: -99999em;
	margin: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}
.ajax-progress-fullscreen:after {
	right: inherit;
	width: 10vw;
	background-color: var(--coul2);
	animation: ajax_anim 2s infinite;
}
@keyframes ajax_anim {
	0% { transform: translateX(0); }
	50% { transform: translateX(100vw); }
	100% { transform: translateX(0); }
}
/* FIN THROBBLER */
.maintenance-page header img {
	height: 200px;
	padding: var(--gut);
}
.maintenance-page main {
	padding: var(--gut);
}
.maintenance-page main h1 {
	margin: calc(var(--gut)*-1);
	margin-bottom: calc(var(--gut)*1);
}