.page-node-type-animations .field--name-field-animation-presente-par,
.page-node-type-animations .block-field-blocknodeanimationsfield-animation-dates{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	color:var(--white);
}
.page-node-type-animations .field--name-field-animation-presente-par .field__label,
.page-node-type-animations .block-field-blocknodeanimationsfield-animation-dates .field--label{
	font-weight:700;
	font-size:1.4rem;
}
.page-node-type-animations .field--name-field-animation-presente-par .field__label::before{
	content:"\f51c";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	font-size:1.4rem;
	color:var(--gray-2);
	padding-right:12px;
}
.page-node-type-animations .block-field-blocknodeanimationsfield-animation-dates .field--label::before{
	content:"\f274";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	font-size:1.4rem;
	color:var(--gray-2);
	padding-right:12px;
}
.page-node-type-animations .field--name-field-animation-presente-par .field__item{
	font-weight:400;
	font-size:1.1rem;
	line-height:1.2em;
	text-align:center;
}
.page-node-type-animations .block-field-blocknodeanimationsfield-animation-dates .content-animation-dates{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-start;
	gap:8px;
	background:var(--white);
	padding:1em;
}
.page-node-type-animations .glide__slide .content-animation-dates{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	gap:0;
	background:var(--white);
	padding:0;
	width:100%;
}
.page-node-type-animations .block-field-blocknodeanimationsfield-animation-dates .content-animation-dates-date{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:stretch;
	color:var(--gray-footer);
	border-right:3px solid var(--gray-2);
	padding-left:12px ;
	width:33.33%;
	margin:0 auto;
	line-height:1.4em;
}
.page-node-type-animations .glide__slide .content-animation-dates-date{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	color:var(--gray-footer);
	border-right:none;
	padding-bottom:0 ;
	width:100%;
}
.page-node-type-animations .glide__slide .content-animation-dates-date .field-creneau{
	text-transform:uppercase;
	text-align:center;
	border-bottom:2px solid var(--gray-2);
}

.page-node-type-animations .content-animation-dates-date:first-child{
	text-transform:uppercase;
	text-align:center;
}
.page-node-type-animations .content-animation-dates-date:last-child{
	border:none;
}
.page-node-type-animations .glide__slide .content-animation-dates-date .field-heures{
	display:flex;
	flex-direction:row;
	width:100%;
	align-items:center;
	justify-content:center;
	gap:8px;
}
.page-node-type-animations .glide__slide .content-animation-dates-date .field-heures .field--name-field-heure-debut,
.page-node-type-animations .glide__slide .content-animation-dates-date .field-heures .field--name-field-heure-fin{
	display:flex;
	flex-direction:column;
	width:50%;
	justify-content:center;
}
.page-node-type-animations .glide__slide .content-animation-dates-date .field-heures .field--name-field-heure-debut .field__item{
	text-align:right;
}
.page-node-type-animations .glide__slide .content-animation-dates-date .field-heures .field--name-field-heure-fin .field__item{
	text-align:left;
}
.page-node-type-animations .content-animation-dates-date .field--name-field-heure-debut .field__label,
.page-node-type-animations .content-animation-dates-date .field--name-field-heure-fin .field__label{
	display:none;
}
.page-node-type-animations .content-animation-dates-date .field--name-field-heure-debut .field__item::before{
	content:"De";
	font-family:inherit;
	font-weight:600;
	padding-right:8px;
	color:inherit;
}
.page-node-type-animations .content-animation-dates-date .field--name-field-heure-fin .field__item::before{
	content:"à";
	font-family:inherit;
	font-weight:600;
	padding-right:8px;
	color:inherit;
}
/*partie sous les dates*/
.page-node-type-animations .colonne-visuel-principal-animation .field--name-field-animation-image .field__item{
	width: 70%;
	height: auto;
	max-height: 600px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	margin: 0 0 0 auto;
	background-position: center left;
}
.page-node-type-animations .colonne-visuel-principal-animation .field--name-field-animation-image .field__item img{
	object-fit:contain !important;
}

@media (max-width:571px){
	.page-node-type-animations .colonne-visuel-principal-animation .field--name-field-animation-image .field__item{
	width: 90%;
	height: auto;
	max-height: 400px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	background-position: center center;
}
}
.colonne-champs-animation .block-liste-d-attente-animation,
.colonne-champs-animation .block-inscription-modifiable-animation,
.colonne-champs-animation .block-insc-annulable-animation{
	margin:0.5rem auto 1rem;
	text-align:center;
	padding:0;
	display:flex;
	flex-direction:column;
	width:100%;
	font-size:1.7em;
}
/*
.colonne-champs-animation .block-liste-d-attente-animation .field__label,
.colonne-champs-animation .block-inscription-modifiable-animation .field--label,
.colonne-champs-animation .block-insc-annulable-animation .field__label{
	text-transform:uppercase;
	font-size:16px;
	color:var(--gray-2);
	font-weight:600;
	text-align:center;
}*/
.colonne-champs-animation .block-liste-d-attente-animation .field__item,
.colonne-champs-animation .block-inscription-modifiable-animation .field__item,
.colonne-champs-animation .block-insc-annulable-animation .field__item{
	font-size:1.5rem;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	text-align:center;
	color:var(--gray-footer);
}

.colonne-champs-animation .block-description-animation{
	border:1px solid var(--gray-2);
	padding:2em;
	font-size:1.2rem;
	margin-top:2em;
}

.colonne-visuel-principal-animation .block-liens-animation,
.colonne-visuel-principal-animation .block-documents-animation{
	display:flex;
	flex-direction:row;
	width:70%;
	align-items:center;
	margin:0 auto;
}
.colonne-visuel-principal-animation .block-liens-animation .field--name-field-animation-links,
.colonne-visuel-principal-animation .block-documents-animation .field--name-field-documents{
	width:auto;
	width:100%;
	margin-left:0;
	display:flex;
	flex-direction:column;
	border:1px solid var(--gray-2);
	padding:0;
	margin:1rem;
	background:var(--white);
}
.colonne-visuel-principal-animation .block-liens-animation .field__label,
.colonne-visuel-principal-animation .block-documents-animation .field__label{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	font-size:1.3rem;
	text-transform:uppercase;
	color:var(--white);
	background:var(--gray-2);
	padding:0.6rem 0;
	margin-top:0;
	margin-bottom:1em;
}
.colonne-visuel-principal-animation .block-liens-animation .field__items,
.colonne-visuel-principal-animation .block-documents-animation .field__items{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:flex-start;
	font-size:1.2rem;
	color:var(--text-color);
	line-height:1.2em;
	padding:1rem 2rem 2rem;
}

.colonne-visuel-principal-animation .block-documents-animation .field__item span a,
.colonne-visuel-principal-animation .block-liens-animation .field__item a{
	color:var(--primary-color);
	font-size:18px;
	text-decoration:none;
	font-weight:600;
}
.colonne-visuel-principal-animation .block-documents-animation .field__item span a:hover,
.colonne-visuel-principal-animation .block-liens-animation .field__item a:hover{
	text-decoration:underline;
}
.page-node-type-animations .block-field-blocknodeanimationstitle{
	display: block;
	padding-top: 3rem;
}

.page-node-type-animations .block-field-blocknodeanimationstitle span.field--name-title{
	color: var(--text-color-dark);
	font-family: "Barlow Condensed", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.2;
	transition: 0.2s ease;
	margin-bottom:2rem;
	font-size: 44px;
}
@media (max-width : 575px){
.page-node-type-animations .field--name-field-animation-presente-par .field__label, 
.page-node-type-animations .block-field-blocknodeanimationsfield-animation-dates .field--label {
  font-size: 1.1rem;
}
}