:root{
	--bs-card-height:800px;
}
/*pour Projets*/
.block-views-blocksys-vues-en-grilles-block-6 .card-body a{
	text-transform:uppercase;
	color:var(--white);
	background:var(--primary-color);
	padding:10px 20px;
	border-radius:25px;
	border:1px solid var(--primary-color);
	transition:all .3s ease-in-out;
	font-size:14px;
}
.block-views-blocksys-vues-en-grilles-block-6 .card-body a:hover{
	color:var(--primary-color);
	background:var(--white);
}
.block-views-blocksys-vues-en-grilles-block-6 .card-title a{
	color:var(--text-dark);
	background:transparent;
	border:none;
	font-size:20px;
	border-radius:0;
	line-height:1.2em;
	padding:2em 0;
}
.block-views-blocksys-vues-en-grilles-block-6 .card-title a:hover{
	color:var(--primary-color);
	background:transparent;
}

.carousel{
	gap:2em;
}
.carousel .carousel-image-wrapper{
	overflow:hidden;
	height:325px;
	object-fit:cover;
}
.carousel .carousel-image {
	width:auto;
	max-width:180%;
	height:100%;
	display:flex;
}
.carousel-caption-block{
	background-color:var(--white);
	width:100%;
	height:auto;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:15px;
}
.carousel-caption .carousel-titre{
	font-size:1.5em;
	line-height:1.7em;
	color:var(--black);
}
/*encapsulage image sur Glide ou Cards*/
.img-card-wrapper{
	display:flex;
	flex-direction:row;
	overflow:hidden;
	justify-content:center;
	align-items:center;
	height:185px;
	width:auto;
	border:1px solid var(--gray);
}

/* traitement des cards de grille animation sur Home (2) et page shlm (8) et page animation (9)*/

.view-display-id-block_9 .view-content .paragraph.paragraph--type--dates-animations-culturelles,
#views-bootstrap-sys-vues-en-grilles-block-2 .paragraph.paragraph--type--dates-animations-culturelles,
#views-bootstrap-sys-vues-en-grilles-block-8 .paragraph.paragraph--type--dates-animations-culturelles{
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.view-display-id-block_9 .view-content .field.field--name-field-lieu-animation,
#views-bootstrap-sys-vues-en-grilles-block-2 .field.field--name-field-lieu-animation,
#views-bootstrap-sys-vues-en-grilles-block-8 .field.field--name-field-lieu-animation{
	display: flex;
	justify-content: center;
	padding: 0 0 8px;
	font-weight: 600;
	color: var(--primary-color);
	text-transform: uppercase;
	flex-direction: column;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 0;
	font-size: 16px;
}
.view-display-id-block_9 .view-content .field.field--name-field-lieu-animation::after,
#views-bootstrap-sys-vues-en-grilles-block-2 .field.field--name-field-lieu-animation::after,
#views-bootstrap-sys-vues-en-grilles-block-8 .field.field--name-field-lieu-animation::after{
	content: "\f107";
	display: block;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	position: absolute;
	top: 15px;
	left: 40%;
	color: var(--top-bar-primary);
	font-size: 18px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--white);
	z-index: -1;
}
.view-display-id-block_9 .view-content .field.field--name-field-creneau-dates,
#views-bootstrap-sys-vues-en-grilles-block-2 .field.field--name-field-creneau-dates,
#views-bootstrap-sys-vues-en-grilles-block-8 .field.field--name-field-creneau-dates{
	background: var(--top-bar-primary);
	padding: 8px 1em;
	color: var(--white);
	font-weight: 600;
	text-transform: uppercase;
}

/*.view-display-id-block_9 .view-content .field--name-field-heure-debut,
.view-display-id-block_9 .view-content .field--name-field-heure-fin{
	display:inline-flex;
	width:50%;
	justify-content:center;
}
.view-display-id-block_9 .view-content .field--name-field-heure-debut .field__item{
	text-align:right;
}
.view-display-id-block_9 .view-content .field--name-field-heure-fin .field__item{
	text-align:left;
}
.view-display-id-block_9 .view-content .field--name-field-heure-debut .field__label,
.view-display-id-block_9 .view-content .field--name-field-heure-fin .field__label{
	display:none;
}
.view-display-id-block_9 .view-content .field--name-field-heure-debut .field__item::before{
	content:"De";
	font-family:inherit;
	font-weight:600;
	padding-right:8px;
	color:inherit;
}
.view-display-id-block_9 .view-content .field--name-field-heure-fin .field__item::before{
	content:"à";
	font-family:inherit;
	font-weight:600;
	padding-right:8px;
	color:inherit;
}*/ 
/*en attente*/
.view-display-id-block_9 .view-content .field--name-field-heure-debut,
.view-display-id-block_9 .view-content .field--name-field-heure-fin{
	display:none;
}
/*les filtres pour animations (9)*/
.view-display-id-block_9 .view-filters .form--inline{
    display: flex;
    align-items: center;
}
.view-display-id-block_9 .view-filters .form-item-field-animation-type-target-id{
	display:flex;
	flex-direction:column;
	width:auto;
}
.view-display-id-block_9 .view-filters .form-item-field-animation-type-target-id label{
	font-size:18px;
	padding-bottom:12px;
	display:flex;
	flex-direction:row;
}
.view-display-id-block_9 .view-filters .form-item-field-animation-type-target-id .form-select{
	box-shadow: 0px 15px 39px 0px var(--dark-blue-color-op10);
padding-top: 1rem !important;
padding-bottom: 1rem !important;
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
margin-bottom: 1rem !important;
display:flex;
flex-direction:row;
}
.view-display-id-block_9 .view-filters .form-item-field-animation-type-target-id .form-select:focus {
    border-color: none;
    outline: 0;
    box-shadow: none !important;
}

/*/News-video*/
.view-news-video-vues{
	padding-top:2rem;
	padding-bottom:4rem;
}
.badge-date.card-icon {
	position: absolute;
	height: 66px;
  width: 66px;
  border-radius: 50%;
  background: var(--primary-color);
  text-align: center;
  line-height: 1.2em;
  color: var(--white);
  font-size: 18px;
  left: 9px;
  top: -215px;
  padding-top: 9px;
}
/*vue team sur le Bureau*/

#views-bootstrap-sys-vues-en-grilles-block-7 .team-member-img .list-inline-item{
	line-height:0.6rem;
}
#views-bootstrap-sys-vues-en-grilles-block-7 .team-member-img .list-inline-item span,
#views-bootstrap-sys-vues-en-grilles-block-7 .team-member-img .list-inline-item p {
	color:var(--white);
	margin-bottom:0 !important;
}

#views-bootstrap-sys-vues-en-grilles-block-7 .team-member h4{
	text-transform: none;
	font-weight: 300;
}

/*vue des clubs avec filtres utilisés aussi pour les filtres Animations (9) et partenaires*/
.filtre-club-page-club ul{
	list-style-type: none;
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	line-height: 1.6em;
	text-transform: uppercase;
	text-align: center;
}
.filtre-club-page-club.filtre-partenaire ul{
	flex-wrap: wrap;
	gap: 1em;
	justify-content:center;
}

.filtre-club-page-club ul li{
	display: flex;
	flex-direction: column;
	margin: 0 0.6rem;
}
.filtre-club-page-club ul li a{
	display: flex;
	padding: 10px 25px;
	background-color: var(--primary-color);
	color: var(--white);
	border-radius: 40px;
	border:1px solid var(--primary-color);
	transition:all .3s ease-in-out;
}
.filtre-club-page-club ul li a:hover,.filtre-club-page-club ul li a:focus{
	background-color: var(--white);
	color: var(--primary-color);
}
.filtre-club-page-club ul li a.bef-link--selected{
	background-color: var(--white);
	color: var(--text-color-dark);
	border-color:var(--text-color-dark);
}
.vue-clubs-filtres .view-filters{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-bottom: 1rem;
	padding-bottom: 0rem;
	border-bottom: 1px solid var(--gray-2);
}
/*** vue billetterie avec filtre page Billetterie****/

.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}

.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters{
	display: flex;
	flex-direction: column;
	width: 25%;
	order: 2;
	background: var(--white);
	padding: 2em 3em;
	margin-bottom: 5em;
	box-shadow: 0px 15px 39px 0px var(--dark-blue-color-op10);
}

.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-content{
	display: flex;
	flex-direction: column;
	width: 75%;
	order: 1;
	padding: 2em 3em;
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .pager{
	display: flex;
	flex-direction: column;
	width: 100%;
	order: 3;
}
/****les filtres****/
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .form--inline{
	display: flex;
	flex-direction: column;
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .accordion-item{
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	background: var(--white);
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .accordion-header.accordion-button,
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .accordion-header.accordion-button:focus{
	color: var(--white);
	background: var(--primary-color);
	text-transform: uppercase;
	box-shadow:none;
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .accordion-header.accordion-button::after{
	border-color: var(--white);
	color: var(--white);
}
/*>>>> faire comme les faq*/
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .form-check-input:checked {
	background: var(--primary-color);
	border-color: var(--gray-3);
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .bef-links ul{
	padding-left: 1em;
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .bef-links li a.bef-link::before{
	content:"\f105";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	font-size:inherit;
	padding-right:8px;
	color: var(--gray-3);
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .bef-links li a.bef-link:hover::before{
	color: var(--primary-color);
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .bef-links li a.bef-link{
	color: var(--gray-3);
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .bef-links li a.bef-link:hover,
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .bef-links li:first-child a.bef-link:hover{
	text-decoration:underline;
	color: var(--black);
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-filters .bef-links li:first-child a.bef-link{
	color: var(--primary-color);
	font-weight: 600;
}

/*les cards*/
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-content .card-type.card-type-categories{
	padding: 5px 10px;
	left: 0;
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-content .card-type.card-type-regions{
	padding: 5px 10px;
	left: 0;
	top: 64px;
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-content h6.card-text{
	color: var(--text-color-dark);
	font-family: "Barlow Condensed", sans-serif;
	text-transform: none;
	font-weight: 400;
	line-height: 1.2;
}

.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-content h6.card-text ol{
	padding-left: 0;
}
.post-style-grid.filters-style-cseei.view-display-id-block_5_billetterie_filtre .view-content h6.card-text ol li::before{
		content:"\f105";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	font-size:inherit;
	padding-right:8px;
	color: var(--gray-3);
}