:root {
    --bg-card: #002240;
    --bg-card-hover: #003055;
    --accent-red: #C12133;
    --text-primary: #ffffff;
    --text-secondary: #9CB3C9;
    --border-color: rgba(255,255,255,0.1);
    --glass: rgba(0, 34, 64, 0.9);
}

body, html{
		height: 100%;
		margin: 0;
}

/*--- Header ---*/
header{
 /* position: fixed; */
}


header{
 /* position: fixed; */
}

.nav-container-futur {
	z-index: 999;
	height: 80px;
	width: 100%;
	color: white;
	letter-spacing: 0.025em;
	transition: background-color 0.2s linear;
	font-size: 16px;
	text-transform: uppercase;
}

.header-fullwidth{
		display: flex;
	}
	#header-mobile{
		display: none;
	}
	.header-mobile{
		display: none;
	}
.logo_mobile{
		display: none;
	}


.nav-container {
	z-index: 999;
	height: 80px;
	width: 100%;
	position: fixed;
	color: white;
	letter-spacing: 0.025em;
	transition: background-color 0.2s linear;
	font-size: 16px;
	text-transform: uppercase;
}
.nav-container.solid-nav {
	background-color: #282D32;
	transition: background-color 0.2s linear;
}
.nav-container .nav-row {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 18px;
}
.nav-container .nav-row .nav-logo {
	display: inline-block;
	font-weight: 400;
}
.nav-container .nav-row .nav-controls {
	float: right;
}
.nav-container .nav-row .nav-controls a {
	padding-left: 20px;
}
.nav-container .text-white-menu{
	color: white !important;

}
.lang-circle {
	width: 30px;
	height: 30px;
	border: 2px solid white; /* Couleur du cercle */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: white; /* Couleur du texte */
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
	font-size: 15px;
	text-decoration: none;
}

.lang-circle:hover {
	background-color: #0d2547; /* Couleur de fond au survol */
	color: #ffffff; /* Couleur du texte au survol */
	border: 2px solid #0d2547; /* Couleur du cercle */
}

.nav-container .active{
	color: #c12033 !important;
	font-weight: bolder;
}
/*---  ---*/
.padding-top-first-element{
	padding-top: 150px;
}
.padding-bottom-first-element{
	padding-bottom: 50px;
}

.mask{
	height: 100%;
}
/*---  ---*/
.bg-size-cover{
	background-size: cover;
	background-position: center;
}
#ajouter_lien_file{
	display: none;
}


/*--- STYLE GLOBAL ---*/

.font-title{
	font-family: 'Antonio', sans-serif !important;

	text-transform: uppercase;
}
.font-size-title-header{
	font-size: 4em;
}

.btn-red-ad{
	background-color: #c12033;
    text-decoration: none;
    border-radius: 4px;
    padding-top: 14px;
    padding-right: 28px;
    padding-bottom: 14px;
    padding-left: 28px;
    color: white;
    font-weight: bolder;
    transition: 0.1s ease-in-out;
}
.btn-red-ad:hover{
background-color: #4E0102;
    color: white;
}


.title-white h3{
	font-family: 'Antonio', sans-serif !important;
		color: white;
		padding: 0;
		letter-spacing: 0.15em;
		/* background-color: #cd1231; */
		font-size: 2.5em;
		font-family: "myriad pro",arial,sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 6px;
		padding-bottom: 30px;
}
/*--- POPUP ---*/

.modal-popup-adhesion{

}
.modal-popup-adhesion	h1{
	font-size: 1.8em;
}
.modal-popup-adhesion	h2{
	font-size: 1.3em;
	color : #5a5d62;
	line-height: 1.4em;
}
/*--- COOKIE ---*/
.cookie-consent{
	display: none;
	position: fixed;
bottom: 80px;
right: 20px;
width: 260px;
padding-top: 7px;
height: auto;
color: #fff;

line-height: 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 1em;
background: #292929;
z-index: 999;
cursor: pointer;
border-radius: 3px;

}

.allow-button{
			height: 20px;
		width: auto;
		color: #fff;
		font-size: 1em;
		line-height: 10px;
		border-radius: 3px;
		border: 1px solid green;
		background-color: green;
}


/*--- maintenance ---*/


	 #maintenance {
	/* The image used */
	background-image: url("https://airshowdisplay.fr/img/design/background/evaa.jpg");

	/* Full height */
	height: 100%;

	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.conteneur{
	height: 50px;
}

.carousel .carousel-item {
	height: 500px;
	position: relative;

}
/*--- Equipe ---*/

.header-equipes {
	position: relative;
	background-color: black;
	height: 30vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-equipes video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.header-equipes .container {
	position: relative;
	z-index: 2;
}

.header-equipes .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/*background-color: black;*/
	opacity: 0.5;
	z-index: 1;

	background: linear-gradient(to bottom, rgba(23,28,26,1), rgba(167,169,168,0.38) 44%, white);

}
.social-network{
	border-radius: 60px !important;
	border-color: black !important;
	background-color: rgba(255,255,255,0.3) !important;
}
.social-network:hover{
	color: white !important;
	background-color: #001A30 !important;
}
#equipes{
	background-color: white;
}
#equipes h1{
	color: #000F1E;
}

.header-equipes:after {
	position: absolute;
		width: 100%;
		height: 50%;
		top: 50%;
		content: ' ';
 background: linear-gradient(to bottom, rgba(23,28,26,0), rgba(167,169,168,0.38) 44%, white);

}

#display_filter_bar input{
	color : #000F1E !important;
	border: 1px solid #000F1E !important;

}
#display_filter_bar input:hover{
	color : #000F1E;
}

#display_filter_bar input::placeholder{
	color : #000F1E !important;
}


/*--- Menu header---*/
.authentification-nav{
	font-size: 0.8em;
}


/*--- Equipe détails---*/

#equipe{
	background-color: #001a30;
}
.equipe-liste:hover .hoverequipe{
		display: block;
}
.hoverequipe{
	/*display: none; */
}
.background-image-equipe{
	height: 100%;
}
.header-equipe {
	position: relative;
	background-color: black;
	height: 50vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-size: cover;
}
.header-equipe .video-container{
	width: 100vw;
	height: 100vh;
}
		
.header-equipe .video-container iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	transform: translate(-50%, -50%);
}
.header-equipe video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
@media (min-aspect-ratio: 16/9) {
	.header-equipe .video-container iframe {
		/* height = 100 * (9 / 16) = 56.25 */
		height: 56.25vw;
	}
}
		
@media (max-aspect-ratio: 16/9) {
	.header-equipe .video-container iframe {
		/* width = 100 / (9 / 16) = 177.777777 */
		width: 177.78vh;
	}
}
.header-equipe .container {
	position: relative;
	z-index: 2;
}

.header-equipe .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;


	z-index: 1;
	background: rgb(167,169,168);
background: -moz-linear-gradient(180deg, rgba(167,169,168,0) 64%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(167,169,168,0) 64%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(167,169,168,0) 64%, rgba(255,255,255,1) 100%);


}
.display-titre-libelle{
			margin: 0;
		/*background-color: #cd1231;*/
		color: #fff;
		font-size: 3em;
		font-family: "myriad pro",arial,sans-serif;
		font-weight: 700;
		text-transform: uppercase;
			
		margin-bottom: 6px;
}
.display-titre-libelle-immat{
			margin: 0;
		/*background-color: #cd1231;*/
		color: #fff;
		font-size: 1.5em;
		font-family: "myriad pro",arial,sans-serif;
		font-weight: 300;
		text-transform: uppercase;
		display: inline;
		margin-bottom: 6px;
}
.equipe-details{
	background-color: white;
			min-height: 400px;
	}

.description_equipe{
	font-size: 1.3em;
}

/********* SLIDER EQUIPE - IMAGE FLICKR**************/

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

/********* SLIDER EQUIPE - Video**************/
#display-details-container-video{
 /*background-color: #001A30;*/
}
/********* SLIDER EQUIPE - Photo**************/
#display-details-container-photo{
 /*background-color: #001A30;*/
}
 #display-details-container-photo h3{
		font-family: 'Antonio', sans-serif !important;
		color: #001A30;
		 padding-top: 40px;
		 text-align: center;
		/* background-color: #cd1231; */
		font-size: 2.2em;
		font-family: "myriad pro",arial,sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 6px;
		padding-bottom: 30px;
	}

.galerie-flicker-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 500px;
}

.galerie-flicker .div1 { grid-area: 1 / 1 / 4 / 4; height: 500px; }
.galerie-flicker .div2 { grid-area: 1 / 4 / 2 / 6; height: 150px;}
.galerie-flicker .div3 { grid-area: 2 / 4 / 4 / 6; height: 350px;}
.galerie-flicker .div4 { grid-area: 3 / 5 / 4 / 6; }

#galerie-flicker a{
	height: 250px;
}

/********* SLIDER EQUIPE - PROCHAINS AIRSHOWS BACKGROUND**************/
#container-display-details-background{
	height: 400px;
		background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/********* SLIDER EQUIPE - PROCHAINS AIRSHOWS MAP**************/
	

	#container-display-details-map{
		 background-color: grey;
	position: relative;

	}
	#display-details-airshow-map{
			height:  500px;
			width: 100%;
	}

/********* SLIDER EQUIPE - PROCHAINS AIRSHOWS **************/
	
	.titleh3{
		color: white;
		 padding-top: 40px;
		 text-align: center;
		/* background-color: #cd1231; */
		font-size: 2.2em;
		font-family: "myriad pro",arial,sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 6px;
	}
	#container-display-details-airshow{
		 /*background-color: #001A30;*/
	position: relative;

	}
	#container-display-details-airshow h3{
		font-family: 'Antonio', sans-serif !important;
		color: #001A30;
		 padding-top: 40px;
		 text-align: center;
		/* background-color: #cd1231; */
		font-size: 2.2em;
		font-family: "myriad pro",arial,sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 6px;
	}
	.swiper-container-airshow{
			width: 100%;
			height: 400px; /* Ajustez la hauteur selon vos besoins */
			overflow: hidden;
			 padding-top: 40px;
		 padding-bottom: 70px;
	}

 .swiper-container-airshow .swiper-slide{
			text-align: center;
			font-size: 18px;
			background: #fff;
			border-radius: 10px;
			text-align: left;
			overflow: hidden;
	}
	 .swiper-container-airshow .swiper-slide a{
			text-decoration: none;
	}
	.swiper-container-airshow .swiper-slide img{

			object-fit: cover;
		object-position: center center;
		width: 100%;
		height: 100%;
	}

 .swiper-container-airshow .swiper-slide .airshow-encart{
	background-color: rgba(193, 32, 51, 0.8);
color :white;
	padding: 10px;

}


.swiper-container-airshow .swiper-slide .airshow_libelle
{
	color : white;
	font-size: 1.2rem;
	font-weight: bolder;
}

.swiper-container-airshow .swiper-slide .airshow_ville
{
	text-align: right;
}
/********* SLIDER EQUIPE - PLUS **************/
	


#container-display-details-plus{
		 background-color: #001A30;
	position: relative;
	padding: 40px;
	}
	#container-display-details-plus h3{
		font-family: 'Antonio', sans-serif !important;
		color: white;
		text-transform: uppercase;
		 padding-top: 40px;
		 padding-bottom: 30px;
		 margin:  0;
	}
	.container-display-details-plus{
			width: 100%;
			height: 400px; /* Ajustez la hauteur selon vos besoins */
			overflow: hidden;
			 padding-top: 40px;
		 padding-bottom: 70px;
	}


/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
	.header-equipe {
		background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
		background-size: cover;
	}

	.header-equipe video {
		display: none;
	}
}


/*--- MAP ---*/

.map-container{
	min-height: 90vh;
	height: 100%;
	width: 100%;
 
}
#overlay-map-list{
 position: fixed;
	top: 80px;
	right: 0;
	z-index: 500;
	min-width: 400px;
	max-width: 50vw;
	width: 500px;
	height: calc(100% - 80px);

}
.ui-resizable-w {
		width: 15px !important;
}

#container-map-list{
	background-color: white;
height: 100%;


}
#overlay-map-list::after {
	content: '';
	position: absolute;
	top: 40%;
	left: -15px;
	width: 15px;  
	background: url(https://raw.githubusercontent.com/RickStrahl/jquery-resizable/master/assets/vsizegrip.png) center center no-repeat #535353;
	height: 100px;

}
.leaflet-control-attribution{
	display: none !important;
}
.leaflet-top{
	display: none !important;
	 top: 100px !important;
	 z-index: 500 !important;
}



#overlay-mobile-map{
	position: absolute;
	width: 100%;
		z-index: 999;
	bottom: 80px;
	display: none;

}
#overlay-mobile-map a {
	color: black !important;
}
#overlay-mobile-map .container .row{
	background-color: white;
}
.carte-row-striped:nth-of-type(odd){
	background-color: #efefef;
	border-left: 4px #000000 solid;

}

.carte-row-striped:nth-of-type(even){
	background-color: #ffffff;
	border-left: 4px #efefef solid;
}

.carte-row-striped {
	color:  black !important;
}
.carte-row-striped:hover .badge{
		background-color: #DC0000 !important;
}
.carte-row-striped:hover {
	
		border-left: 4px #DC0000 solid;
}
.carte-row-striped .badge{
	--bs-bg-opacity: 1;
	background-color: rgb(108,117,125);
}

.couleur_bordure_map {
	
		border-left: 4px #DC0000 solid !important;
}
.couleur_badge_map{
		background-color: #DC0000 !important;
}

/*------------------------------------------ MAP V2 ------------------------------*/
/*------------------------------------------ MAP V2 ------------------------------*/
/*------------------------------------------ MAP V2 ------------------------------*/

.map-container-v2{
		position: relative;
		width: calc(100% - 400px);
		float: left;
		height: 100%;
}






#map-filter-icon{
	height: 50px;
	width: 50px;
	position: absolute;
	top: 120px;
	right: 3vh;
	z-index: 700;
	cursor: pointer;
}


#map-filter-search .form-control{
	color: black !important;
}

#map-filter-icon i{
 font-size: 30px;
 color: white;
		background: #CF1717;
		padding:15px;
		border-radius: 50%;
}


#map-details-airshow{
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 65px;
	z-index: 800;
	display: none;
}
#map-details-airshow .container{

}
.map-details-blur{
	backdrop-filter: blur(10px);
}

.map-details-blur::before{
		backdrop-filter: blur(2px) contrast(60%);
		-webkit-backdrop-filter: blur(2px) contrast(60%);
		width: contain;
	 
 
		
}
.map-details-blur {
		backdrop-filter: blur(2px) contrast(60%);
		-webkit-backdrop-filter: blur(2px) contrast(60%);
		width: contain;

		
}
#map-details-airshow img{
	max-height: 250px;
	width: auto;
	object-fit: cover;
	overflow: hidden;
}
#map-details-airshow .gris{
	color: #6A6F75;
	font-weight: 500;
	line-height: 1;
}

#navigation-map-details i{
 font-size: 15px;
 color: #899FA6;
		background: white;
		padding:20px;
		border-radius: 50%;
		cursor: pointer;
}

#navigation-map-details i:hover{
	 color: #fff;
		background: #001A30;

}


#navigation-map-details a{
 font-size: 20px;
 color: #fff;
		background: #CF1717;
		padding:20px;
		border-radius: 50%;
		border: none;
		text-decoration: none;
}


#navigation-map-details a:hover{
	
		background: #001A30;
}

#map-list-airshow{
	position: relative;
	width: 30%;
	max-width: 400px;
	height: calc(100% - 80px);
	z-index: 800;
 	top: 80px;
	display: flex; /*added*/
	flex-direction: column; /*added*/
	float: left;
	box-shadow: 7px 3px 17px -2px rgba(0,0,0,0.28);
	-webkit-box-shadow: 7px 3px 17px -2px rgba(0,0,0,0.28);
	-moz-box-shadow: 7px 3px 17px -2px rgba(0,0,0,0.28);
}


#map-list-airshow-header{
			display: flex;
		align-items: center;
		width: 100%;
		height: 54px;
		padding: 10px;
		border: 0;
		border-bottom: 1px solid #e2e2e2;
		font-size: 16px;
		background-color: #fff;
		color: black;
}
#map-list-airshow-header-entete{
	font-size: 1.2em;

}
#map-list-airshow-header-entete strong{
	 color: #CF1717;
}
#map-list-airshow-header-retour{
	font-size: 1.3em;
	display:  none;
	border: 1px solid grey;
	padding: 5px 10px 5px 10px;
	color: #CF1717;
	cursor: pointer;
}

#close-navigation-list{
	position: absolute;
	left: 100%;
	width: 40px;
	height: 65px;
	background-color:   white;
	top: 50px;
	color: red;
	font-size: 40px;
	padding-left: 5px;
}
.listeMarqueurItem{
	padding: 10px;
}

.map-list-airshow-event-ligne{


}
.map-list-airshow-event-ligne img{
	width: 100%;
	height: 100%;
	overflow:  hidden;
	object-fit: cover;
}
.map-list-airshow-event-ligne .airshow_libelle
{
	color: #282D32;
	font-size: 1.2rem;
	font-weight: bolder;
}
.map-list-airshow-event-ligne-overlay{
background: rgb(167,169,168);
background: -moz-linear-gradient(93deg, rgba(167,169,168,0.5) 0%, rgba(14,14,14,0.9108018207282913) 22%, rgba(14,14,14,1) 34%, rgba(14,14,14,1) 100%);
background: -webkit-linear-gradient(93deg, rgba(167,169,168,0.5) 0%, rgba(14,14,14,0.9108018207282913) 22%, rgba(14,14,14,1) 34%, rgba(14,14,14,1) 100%);
background: linear-gradient(93deg, rgba(167,169,168,0.5) 0%, rgba(14,14,14,0.9108018207282913) 22%, rgba(14,14,14,1) 34%, rgba(14,14,14,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a7a9a8",endColorstr="#0e0e0e",GradientType=1);
}

#map-list-airshow-event-details{
	width: 100%;
	height: 100%;
	float: left;
 
	display: none;
}

#map-list-airshow-event-details img{
	width: 100%;
	height: 270px;
	overflow:  hidden ;
	object-fit: cover;

}

#map-list-airshow-event-details h1{
	font-size: 1.5em;

}
#map-list-airshow-event-details a{
		position: absolute;
		bottom: 0;
		display: block;
		width: calc(100% - 50px);
		margin: 20px; 
		border: 0;
		cursor: pointer;
		font-size: 16px;
		text-align: center;
		background-color: #CF1717;
		text-decoration: none;
		left: 5px;
		background-color: #c12033;
		border-radius: 4px;
		padding-top: 14px;
		padding-right: 28px;
		padding-bottom: 14px;
		padding-left: 28px;
		color: white;
		font-weight: bolder;
		transition: 0.1s ease-in-out;

}

#map-list-airshow-event-details a:hover{

	background-color: #4E0102;
	color: white;

}
#map-list-airshow-liste{
	overflow-y: scroll;
overflow-x: hidden;
width: 100%;
}




#map-list-airshow-liste::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#map-list-airshow-liste::-webkit-scrollbar
{
width: 12px;
	background-color: #F5F5F5;
}

#map-list-airshow-liste::-webkit-scrollbar-thumb
{
border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


@media screen and (min-width: 1050px) {
 #map-filter-icon{
			position: absolute;
		right: 40px;
		top: 100px;
		z-index: 700;
	}

 #map-filter-bar{
		height: auto;
		width: 450px;
		position: absolute;
		background-color: white;
		top: 80px;
		right: 0;
		z-index: 800;
		display: none;

	}
}
.button-filter-nav-bar-close{
	font-size: 2em;
	color: #CF1717;
	cursor: pointer;
}

@media screen and (max-width: 1050px) {

	.map-container-v2{
		position: relative;
		width: 100%;
		float: left;
		height: 100%;
}
	.map-container-v2-full{
		position: relative;
		width: 100%;
		float: left;
		height: 100%;
}

	#map-filter-bar{
		height: auto;
		width: 100%;
		position: absolute;
		background-color: white;
		top: 80px;
		z-index: 800;
		display: none;
	}

	 #map-filter-search{
		height: 50px;
		width: 100%;
		position: absolute;
		top: 3vh;
		z-index: 800;
		color: black;
	}
	#map-list-airshow{
		display:  none  ;
	}

}

	#map-filter-bar label{
		display: block;
		margin: 10px 0;
		font-size: 16px;
		font-weight: 700;
	}
		
	#daterange{
		height: 38px;
		width: 100%;
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #212529;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0.375rem;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}


/*------------------------------------------ PROFIL ------------------------------*/
/*------------------------------------------ PROFIL ------------------------------*/
/*------------------------------------------ PROFIL ------------------------------*/

#profil{
	padding-top: 70px;
	 background-color: #F2F2F2;
}

#profil_container{
 background-color: #F2F2F2;
}

.profile-header {
		position: relative;
		overflow: hidden
}

.profile-header .profile-header-cover {
		background-image: url(https://airshowdisplay.fr/medias/equipe/image/background/red-arrows.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
			filter: blur(8px);
	-webkit-filter: blur(8px);
}

.profile-header .profile-header-cover:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	 
}

.profile-header .profile-header-content {
		color: #fff;
		padding: 25px
}

.profile-header-img {
	object-fit:cover;
		float: left;
		width: 120px;
		height: 120px;
		overflow: hidden;
		position: relative;
		z-index: 10;
		margin: 0 0 -20px;
		padding: 3px;
		border-radius: 4px;
		background: #fff
}

.profile-header-img img {
				object-fit: cover;
		width: 100%;
		height: 100%;
}

.profile-header-info h4 {
		font-weight: 500;
		color: #fff
}

.profile-header-img+.profile-header-info {
		margin-left: 140px
}

.profile-header .profile-header-content,
.profile-header .profile-header-tab {
		position: relative

}
#profil-header-tab-cover{
	background-color: white;
}
.profile-header-tab{
	
}

.nav-tabs .nav-link.active {
		border-bottom: 3px solid #C12033 !important  ;
}
/*------------------------------------------ PROFIL V2------------------------------*/
/*------------------------------------------ PROFIL V2 ------------------------------*/
/*------------------------------------------ PROFIL V2 ------------------------------*/

.account-settings .user-profile {
		margin: 0 0 1rem 0;
		padding-bottom: 1rem;
		text-align: center;
}
.account-settings .user-profile .user-avatar {
		display: inline-block;
	 vertical-align: middle;
		margin: 0 0 1rem 0;
		 width: 120px;
		height: 120px;
					margin-left: auto;
		margin-right: auto;
	 overflow: hidden ;
}
.account-settings .user-profile .user-avatar img {
		 width: 100%;
	 height: 100%;
 
		object-fit: cover;
}
.account-settings .user-profile h5.user-name {
		margin: 0 0 0.5rem 0;
}
.account-settings .user-profile h6.user-email {
		margin: 0;
		font-size: 0.8rem;
		font-weight: 400;
		color: #9fa8b9;
}
.account-settings .about {
		margin: 2rem 0 0 0;
		text-align: center;
}
.account-settings .about h5 {
		margin: 0 0 15px 0;
		color: #007ae1;
}
.account-settings .about p {
		font-size: 0.825rem;
}
.form-control {
		border: 1px solid #cfd1d8;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		font-size: .825rem;
		background: #ffffff;
		color: #2e323c;
}

.account-settings .edit-profil{
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 2em;
	color: black !important;
}
.account-settings .edit-profil a{

	color: #C12033 !important;
}

 #tooltipContainer {
            position: absolute;
            bottom: 70px;
            left: 50%;
            transform: translateX(-50%);
            background-color: rgba(0, 0, 0, 0.8);
            color: #fff;
            padding: 10px 15px;
            border-radius: 5px;
            font-size: 14px;
            opacity: 0;
            transition: opacity 0.1s linear;
        }

/*------------------------------------------ SETTINGS ------------------------------*/
/*------------------------------------------ SETTINGS ------------------------------*/
/*------------------------------------------ SETTINGS ------------------------------*/
.sidenav.navbar  {
	border-radius: 0 0 0.5rem 0.5rem;
    border-top: 1px solid var(--gk-gray-200);
    padding: 1rem 1.5rem;
    background-color: white;
	
}
.sidenav.navbar button {
	background-color: #C12033;
	
}
.sidenav.navbar .navbar-header {
		
		font-size: .6875rem;
		font-weight: 500;
		letter-spacing: 1px;
		margin-bottom: 0.2rem;
		padding: 1rem 1.5rem;
		text-transform: uppercase;
}
.settings-spinner{
	position: absolute;
		z-index: 500;
		left: 60px;

}

/*------------------------------------------  Profile Picture  ------------------------------*/
/*------------------------------------------  Profile Picture  ------------------------------*/
/*------------------------------------------  Profile Picture  ------------------------------*/

.profile-pic{
	 display: inline-block;
	 vertical-align: middle;
		width: 50px;
		height: 50px;
		overflow: hidden;
	 border-radius: 50%;
}

.profile-pic img{
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
.profile-menu .dropdown-menu {
	right: 0;
	left: unset;

}
.profile-menu .fa-fw {
	margin-right: 10px;
}

.toggle-change::after {
	border-top: 0;
	border-bottom: 0.3em solid;
}



/*------------------------------------------  Profile Liste  ------------------------------*/
/*------------------------------------------  Profile Liste  ------------------------------*/
/*------------------------------------------  Profile Liste  ------------------------------*/
.card-profil-list{
	transition: box-shadow 0.3s; 
}
.card-profil-list:hover{
	 box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.profile-liste-img {
	object-fit:cover;
	width: 120px;
	height: 120px;
		overflow: hidden;
		border-radius: 4px;
		background: #fff;
		margin-left: auto;
		margin-right: auto;
}

.profile-liste-img img{
 
}
.profile-liste-social{
	font-size: 1.6em;

}
.profile-liste-social a{
 
 color: #C12033;
}
.profile-liste-social a:hover{
 
 color: #4E0102;
}

/*------------------------------------------  newsletter  ------------------------------*/
/*------------------------------------------  newsletter  ------------------------------*/

#newsletter-details{
	padding-top:  100px;
	    padding-bottom: 100px;
	 background-color: #EFEFEF;

}

#newsletter-list{

	    padding-bottom: 100px;

}

.newsletter-link {
    color: inherit;          /* garde la couleur du titre Bootstrap */
    text-decoration: none;   /* enlève le souligné */
    font-weight: inherit;    /* garde le poids du h5 */
}

.newsletter-link:hover {
    color: #dc3545;          /* rouge Bootstrap (btn-danger) au hover */
    text-decoration: underline; /* ajoute un petit underline au hover */
}

/*------------------------------------------  submission  ------------------------------*/
/*------------------------------------------  submission  ------------------------------*/
/*------------------------------------------  submission  ------------------------------*/

#submission .submission-card{
	background-color: #C12033 ;
	 color: #C12033;
}
#submission .submission-card:hover{
	 box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

#submission .submission-card h2{
	 color: #C12033;
}
/*------------------------------------------ Actualites ------------------------------*/
/*------------------------------------------ Actualites ------------------------------*/
/*------------------------------------------ Actualites ------------------------------*/

#actualites{
	padding-top:  100px;
	 background-color: #F2F2F2;
}


.owl-carousel .owl-nav {
	position: absolute;
	width: 100%;
	height: 30px;
	top: calc(50% - 15px);
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 1;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	position: relative;
	width: 30px;
	height: 30px;
	margin: 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #dee2e6 !important;
	background: transparent;
	border: 1px solid #dee2e6 !important;
	font-size: 16px;
	transition: .3s;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
	color: #ffffff;
	background: #ED1C24;
	border-color: #ED1C24;
}

.owl-carousel-1 .owl-nav {
	width: auto;
	left: -5px;
	justify-content: flex-start;
}

.owl-carousel-1 .owl-nav .owl-prev,
.owl-carousel-1 .owl-nav .owl-next,
.owl-carousel-3 .owl-nav .owl-prev,
.owl-carousel-3 .owl-nav .owl-next {
	margin: 0 7px;
}

.owl-carousel-3 .owl-nav {
	width: auto;
	top: -56px;
	right: 15px;
	left: auto;
	justify-content: flex-end;
}

.actualites_container .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 30px;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
}

.actualites_container .overlay_slide {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 30px;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	background: rgb(167,169,168);
background: -moz-linear-gradient(180deg, rgba(167,169,168,0) 0%, rgba(167,169,168,0.3617822128851541) 58%, rgba(0,22,43,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(167,169,168,0) 0%, rgba(167,169,168,0.3617822128851541) 58%, rgba(0,22,43,1) 100%);
background: linear-gradient(180deg, rgba(167,169,168,0) 0%, rgba(167,169,168,0.3617822128851541) 58%, rgba(0,22,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a7a9a8",endColorstr="#00162b",GradientType=1);
	z-index: 1;
}

.activity_feed a{
	text-decoration: none;
	font-size: 0.8rem;
	color: #343a40;
	font-weight: 600;
}
.activity_feed a:hover{
	color: grey;
}
.activity_feed .date_courte{
	border-bottom: 2px solid red;
	font-size: 0.8rem;
	color: #343a40;
}

/*------------------------------------------ FEED ------------------------------*/
/*------------------------------------------ FEED ------------------------------*/
/*------------------------------------------ FEED ------------------------------*/
#feed{
	background-color: #F2F2F2;
}
.feed-plateau-card {
/*  border: 2px solid #007bff !important; /* Bordure bleue pour le type "plateau" */
  background-color : #C12033 !important;
  color: white !important;
}

.feed-display-card {
  /*border: 2px solid #28a745 !important;*/
  background-color : #348AA7 !important; 
    color: white; /* !important; Bordure verte pour le type "avion" */
}

.feed-equipe-card {
/*  border: 2px solid #dc3545 !important; /* Bordure rouge pour le type "equipe" */
  background-color : #D1E7DD !important; 
}

.feed-card-rectangle {
  width: 100%;
 
 background:rgba(0,0,0,0.5);
  clip-path: polygon(70% 0, 100% 0%, 100% 100%, 30% 100%);
}


.feed-card {
  flex-direction: row ;
  background-color: #696969;
  border: 0;
  margin: 3em auto;
}
.feed-card.dark {
  color: #fff;
}
.feed-card.card.bg-light-subtle .card-title {
  color: dimgrey;
}

.feed-card img {
  max-width: 25%;
  margin: auto;
  padding: 0.5em;
  border-radius: 0.7em;
}

.feed-card-body {
  
  justify-content: space-between;
}

.feed-additional-section {
    display: flex;
    align-items: center;
}

.feed-user-avatar {
     width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.feed-avatar-and-name {
    display: flex;
    align-items: center;
}

.feed-user-name {
    margin-left: 10px;
}

.feed-like-section {
    margin-right: 10px;
}

.feed-view-section {
    margin-right: 10px;
}
.feed-like-view {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.line-above {
    /* Style de la ligne */
    width: 100%; /* Largeur pleine de la ligne */
    background-color: #282D32;
  
}

.feed-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.feed-grid .div1 { grid-area: 1 / 1 / 2 / 6; }
.feed-grid .div2 { grid-area: 2 / 1 / 4 / 3; }
.feed-grid .div3 { grid-area: 2 / 3 / 3 / 6; }
.feed-grid .div4 { grid-area: 3 / 3 / 4 / 6; }
.feed-grid .div5 { grid-area: 4 / 1 / 5 / 6; }


/*------------------------------------------ Actualites Details------------------------------*/
/*------------------------------------------ Actualites Details ------------------------------*/
/*------------------------------------------ Actualites Details ------------------------------*/
.actualites_container{
 background-color: #F2F2F2;
}

.actualite_bouton_rouge{
	color: #ED1C24;
	text-decoration: none;
	background-color: transparent;
}

.titre_bouton_moyen{
	color: #343a40;;
	text-decoration: none;
	background-color: transparent;
	font-weight: 500;
	line-height: 1.2;
	font-size: 1.5rem;
}
.date_blanc{
	color: white;;
	text-decoration: none;
	background-color: transparent;
}

.date_blanc:hover{
	 color: white;;
	text-decoration: underline;
	
}
.titre_gras_blanc{
	color: white;;
	text-decoration: none;
	background-color: transparent;
	font-weight: 700;
	line-height: 1.2;
	font-size: 2rem;
}
.titre_gras_blanc:hover{
	 color: white;;
	text-decoration: underline;
	
}
#actualites_details_image{
	max-height: 450px;
}

.button_tag_red{
	border: 1px solid red;
}

.actualites_container iframe{
	width: 100%;
}
.actualites_container img{
	max-width: 100%;
}
/*------------------------------------------ Display News------------------------------*/
/*------------------------------------------ Display News ------------------------------*/
/*------------------------------------------ Display News ------------------------------*/

.display-news-tab{
	
}

.display-news-tab a{
	 text-decoration: none !important;
		text-transform: capitalize;
		font-weight:  600;
}
.display-news-tab th{
	background-color: #001A30 !important;
	color: white;
	 text-transform: uppercase;
}
.update_day{
	color: #8E8B8B;
	font-size: 1.2em;
	font-weight: 300;
}
.aircraft-role{
	align-items: center;
		border-radius: 3rem;
		color: #fff;
		cursor: default;
		display: inline-flex;
		font-size: 0.9rem;
		font-weight: 700;
		height: 1.8rem;
		justify-content: center;
		line-height: 1;
		text-decoration: none;
		text-transform: uppercase;
		width: 1.8rem;
}
.static{
	background-color: #001A30;
}
.flying{
	background-color: #CF1717;
}

 .fixed-width-td-45 {
		width: 45%;
	 
	}
	.fixed-width-td-5 {
		width: 5%;
	}
/*------------------------------------------ Evenement ------------------------------*/
/*------------------------------------------ Evenement ------------------------------*/
/*------------------------------------------ Evenement ------------------------------*/

.header-evenement {
	position: relative;
	background-color: black;
	height: 30vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
}

.header-evenement video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.header-evenement .container {
	position: relative;
	z-index: 2;
}

.header-evenement .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/*background-color: black;*/
	opacity: 0.5;
	z-index: 1;
		background: linear-gradient(to bottom, rgba(0,26,48,1), rgba(0,26,48,0.38) 44%, #001a30);

}

#evenement{
	background-color: #001a30;
}
.header-evenement:after {
	position: absolute;
		width: 100%;
		height: 50%;
		top: 50%;
		content: ' ';
 background: linear-gradient(to bottom, rgba(0,26,48,0), rgba(0,26,48,0.38) 44%, #001a30);

}
.hidden {
		display: none;
}
#airshow_filter label
{
	 color: #FFF !important;
}
#annee-airshow{
	float: right;
}
#airshow_year{
	color: #fff;
 

}

#airshow_year:hover{
	color: #001A30 !important;
 

}
.form-inputs{
		position:relative;
}
.form-inputs .form-control{
		height: 38px; 
		background-color: transparent;
		color: white !important;
}

.form-inputs .form-control:focus{
		box-shadow:none;
		border:1px solid #000;
		 background-color: transparent;
}

.form-inputs i{
		position:absolute;
		right:10px;
		top:15px;
}

#continentFilter{
	background-color: transparent;
		color: #fff;
}

#airshow_filter_bar .dropdown button{ 
	color: white;
	background-color: transparent !important;
		
}


#continentFilter option 
{ 
	color: black;
	background-color: transparent;
		
}
#annee-airshow select {
	/* Reset Select */
	appearance: none;
	outline: 10px red;
	border: 0;
	box-shadow: none;
	/* Personalize */
	flex: 1;
	padding: 0 1em;
	color: #fff;
	background-color: transparent;
	background-image: none;
	cursor: pointer;
	font-size: 1.5em;
}
#annee-airshow select option{

	color: black;

}


/**** PAGE EVENEMENT *****/

.row-striped:nth-of-type(odd){
	background-color: #efefef;
	border-left: 4px #000000 solid;
}

.row-striped:nth-of-type(even){
	background-color: #ffffff;
	border-left: 4px #efefef solid;
}

.row-striped {
		padding: 15px 0;
}



.row-striped:hover .badge{
		background-color: #DC0000 !important;

}
.row-striped:hover 
	
		border-left: 4px #DC0000 solid;
}
/*------------------------------------------ Evenement V2 ------------------------------*/



#airshow_filter_bar{

}
#mainList{
	margin: 0;
	padding: 0;

}
.url_airshow{
	text-decoration: none;
	color: black;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}

.follow_button_airshow{
	z-index: 100;
}

.list-group-item a{
	 background-image: none !important;
}
#evenement .list-group-item {
	background-color: transparent !important;
	
}
	.list-group-item:hover div{

	 
	color: rgba(193, 32, 51, 1.0);
}
.list-group-item div{
 
}

.list-group-item-detailed{

	transition: all 0.5s;
}


.list-group-item-list .airshow_bookmark
{
	position: relative;
	top: 5px;
	right: 1px;
	color: white !important;
	z-index: 600;
}

.list-group-item-affiche{
	position: relative;
	text-decoration: none;
	list-style-type: none;
	 transition: all 0.5s;

}

.list-group-item-affiche-ads{
	display: block;
}
.list-group-item-list-ads{
	display: none !important;
}


.list-group-item-affiche .airshow_bookmark
{
	position: absolute;
	top: 15px;
	right: 20px;
	color: white !important;
	z-index: 600;
}
.airshow_bookmark label{
	color:white;
}
.airshow_bookmark .btn{
	border-color: white;
	background-color: rgba(255, 255, 255, 0.3);
}
.airshow_bookmark .btn:hover{
	

}
.airshow_bookmark .btn:hover{
	background-color: #A82D46 !important;
}

.airshow_bookmark .btn-check:checked+.btn {
		background-color: #C12033 !important;
		color: white; 
		border-color: #C12033;
	}
.airshow_bookmark label:hover{
	color: #C12033;
	border-color: white;
}

.list-group-item-affiche .airshow_date
{

color :white;

}
.list-group-item-affiche .airshow_pays
{
color :white;
text-align: right;

}
.list-group-item-affiche .airshow_libelle
{
color :white;
	font-size: 1.2rem;
	font-weight: bolder;
}

.list-group{
	transition: all .2s;

}

.airshow-encart-affiche{
	background-color: rgba(193, 32, 51, 0.8);
color :white;
	padding: 10px;
}

/* ==================== Nouveaux styles des cartes événements ==================== */

/* Carte principale */
.event-card {
    position: relative;
    background: var(--bg-card);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: 1px solid var(--border-color);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.event-card:hover {
    border-color: rgba(193, 33, 51, 0.5);
    box-shadow:
        0 20px 40px rgba(0,0,0,0.4),
        0 0 40px rgba(193, 33, 51, 0.1);
}

/* Image */
.card-image {
    position: relative;
    height: 230px;
    overflow: hidden;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.event-card:hover .card-image img {
    transform: scale(1.1);
}

.card-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60%;
    background: linear-gradient(to top, var(--bg-card) 0%, transparent 100%);
}

/* Badge pays */
.card-badge {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 2;
}

.badge-location {
    background: var(--glass);
    backdrop-filter: blur(10px);
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    border: 1px solid rgba(255,255,255,0.15);
    color: var(--text-primary);
}

/* Boutons d'action */
.card-actions {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    display: flex;
    gap: 0.5rem;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.event-card:hover .card-actions {
    opacity: 1;
    transform: translateY(0);
}

.action-btn {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--glass);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.15);
    color: var(--text-secondary);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.action-btn:hover {
    background: var(--accent-red);
    border-color: var(--accent-red);
    color: white;
    transform: scale(1.1);
    box-shadow: 0 4px 15px rgba(193, 33, 51, 0.4);
}

.action-btn.active {
    background: var(--accent-red);
    border-color: var(--accent-red);
    color: white;
}

/* Contenu */
.card-content {
    padding: 1.25rem 1.5rem 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.event-date {
    
    font-size: 0.8rem;
    color: var(--accent-red);
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.event-title {
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 0.6rem;
    line-height: 1.3;
    transition: color 0.3s ease;
    color: var(--text-primary);
}

.event-card:hover .event-title {
    color: var(--accent-red);
}

.event-location {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary);
    font-size: 0.85rem;
    margin-top: auto;
}

.event-location i {
    color: var(--accent-red);
}

/* Vue liste */
.event-card.list-view {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
}

.event-card.list-view .card-image {
    width: 0;
    height: 0;
    overflow: visible;
    position: relative;
}

.event-card.list-view .card-image img {
    display: none;
}

.event-card.list-view .card-image::after {
    display: none;
}

/* En mode liste, repositionner les boutons d'action */
.event-card.list-view .card-actions {
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    opacity: 1;
}

.event-card.list-view .card-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    padding: 1.25rem 4rem 1.25rem 1.5rem;
    gap: 2rem;
}

.event-card.list-view .event-date {
    margin-bottom: 0;
    min-width: 160px;
}

.event-card.list-view .event-title {
    margin-bottom: 0;
    flex: 1;
}

.event-card.list-view .event-location {
    min-width: 180px;
    justify-content: flex-end;
    margin-top: 0;
}

.event-card.list-view .badge-location {
    display: none;
}

/* Responsive pour la vue liste */
@media (max-width: 768px) {
    .event-card.list-view .card-content {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .event-card.list-view .event-title {
        width: 100%;
        order: -1;
    }

    .event-card.list-view .event-date {
        min-width: auto;
    }

    .event-card.list-view .event-location {
        min-width: auto;
    }
}

/*--- Evenement détails---*/


.header-evenement-details-video {
	position: relative;
	background-color: black;
	height: 50vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.header-evenement-details-video video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.header-evenement-details-video .container {
	position: relative;
	z-index: 2;
}

.header-evenement-details-video .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	background: rgb(167,169,168);
	background: -moz-linear-gradient(180deg, rgba(167,169,168,0) 64%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(167,169,168,0) 64%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(167,169,168,0) 64%, rgba(255,255,255,1) 100%);

}

.affiche_evenement_details{
	width: 100%;
}
#custom-cards .card{
	background-position: center;
}

.text-container {
	display: flex;
	flex-direction: column;
}


.airshow_plateau{
	filter: invert(1);
}

.dynamique-statique{
	width: 30px;
	float: right;
	margin-left: 5px;
}

.dynamique-statique-legende{
	width: auto;
	float: right;
	margin-left: 20px;
}
/*--- Evenement détails V4 ---*/


/* ==================== MOBILE FIRST (défaut) ==================== */
/* ==================== MOBILE FIRST (défaut) ==================== */
.container-airshow-grid {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; /* empilement vertical */
  gap: 15px;
  padding: 15px;
}

.container-airshow-grid > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: black;
}

.container-airshow-grid > div > a {
  display: block;
  margin-bottom: 10px;
}

/* ==================== TABLETTE (769px à 1024px) ==================== */
@media (min-width: 769px) and (max-width: 1024px) {
  .container-airshow-grid {
    flex-direction: row; /* 2 colonnes */
    flex-wrap: wrap; /* permet de "casser" les lignes */
    gap: 15px;
    padding: 20px;
  }

  .container-airshow-grid .texte {
    flex: 2 1 60%; /* prend plus de place */
  }
  .container-airshow-grid .Liens-affiliations {
    flex: 1 1 35%; /* prend moins de place */
  }
  .container-airshow-grid .MAP {
    flex: 2 1 60%;
  }
  .container-airshow-grid .Affiche {
    flex: 1 1 35%;
  }
  .container-airshow-grid .Pub1,
  .container-airshow-grid .Pub2 {
    flex: 1 1 48%; /* deux pubs côte à côte */
  }
}

/* ==================== DESKTOP (1025px et +) ==================== */
@media (min-width: 1025px) {
  .container-airshow-grid {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px;
  }

  .container-airshow-grid .texte {
    flex: 3 1 70%;
  }
  .container-airshow-grid .Liens-affiliations {
    flex: 2 1 28%;
  }
  .container-airshow-grid .MAP {
    flex: 1 1 60%;
  }
  .container-airshow-grid .Pub1 {
    flex: 1 1 38%;
  }
  .container-airshow-grid .Pub2 {
    flex: 1 1 38%;
  }
  .container-airshow-grid .Affiche {
    flex: 1 1 28%;
  }
}

/* SWITCH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.switch-wrapper {
  position: relative;
  display: inline-flex;
  padding: 4px;
  border: 1px solid lightgrey;

  border-radius: 30px;
  text-align: center;
}

.switch-wrapper [type="radio"] {
  position: absolute;
  left: -9999px;
}

.switch-wrapper [type="radio"]:checked#plateau ~ label[for="plateau"],
.switch-wrapper [type="radio"]:checked#programme ~ label[for="programme"] {
  color: white;
}

.switch-wrapper [type="radio"]:checked#plateau ~ label[for="plateau"]:hover,
.switch-wrapper [type="radio"]:checked#programme ~ label[for="programme"]:hover {
  background: transparent;
}

.switch-wrapper
  [type="radio"]:checked#plateau
  + label[for="programme"]
  ~ .highlighter {
  transform: none;
}

.switch-wrapper
  [type="radio"]:checked#programme
  + label[for="plateau"]
  ~ .highlighter {
  transform: translateX(100%);
}

.switch-wrapper label {
  font-size: 16px;
  z-index: 1;
  min-width: 150px;
  line-height: 32px;
  cursor: pointer;
  border-radius: 30px;
  transition: color 0.25s ease-in-out;
}

.switch-wrapper label:hover {
  background: #DDDDDD;

}

.switch-wrapper .highlighter {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(50% - 4px);
  height: calc(100% - 8px);
  border-radius: 30px;
  background: #C12033;
  color: white;
  transition: transform 0.25s ease-in-out;
}

.hide-tableau{
	display: none;
}
/*--- Footer -------------------------*/
/*--- Footer -------------------------*//*--- Footer -------------------------*//*--- Footer -------------------------*/
/*--- Footer -------------------------*/
.footer-dark {
	padding:50px 0;
	color:#f0f9ff;
	background-color:#282d32;
	position: relative;
		float: left;
		width: 100%;
}

.footer-dark h3 {
	margin-top:0;
	margin-bottom:12px;
	font-weight:bold;
	font-size:16px;
}

.footer-dark ul {
	padding:0;
	list-style:none;
	line-height:1.6;
	font-size:14px;
	margin-bottom:0;
}

.footer-dark ul a {
	color:inherit;
	text-decoration:none;
	opacity:0.6;
}

.footer-dark ul a:hover {
	opacity:0.8;
}

@media (max-width:767px) {
	.footer-dark .item:not(.social) {
		text-align: center;
		padding-bottom:20px;
	}
}

.footer-dark .item.text {
	margin-bottom:36px;
}

@media (max-width:767px) {
	.footer-dark .item.text {
		margin-bottom:0;
	}
}

.footer-dark .item.text p {
	opacity:0.6;
	margin-bottom:0;
}

.footer-dark .item.social {
	text-align:center;
}

@media (max-width:991px) {
	.footer-dark .item.social {
		text-align:center;
		margin-top:20px;
	}
}

.footer-dark .item.social > a {
	font-size:20px;
	width:36px;
	height:36px;
	line-height:36px;
	display:inline-block;
	text-align:center;
	border-radius:50%;
	box-shadow:0 0 0 1px rgba(255,255,255,0.4);
	margin:0 8px;
	color:#fff;
	opacity:0.75;
}

.footer-dark .item.social > a:hover {
	opacity:0.9;
	color: #c12033;
	box-shadow:0 0 0 1px rgba(255,255,255,0.4);
}

.footer-dark .copyright {
	text-align:center;
	padding-top:24px;
	opacity:0.3;
	font-size:13px;
	margin-bottom:0;
}



/******* Accueil header ****/


.header-video-accueil-overlay{
	height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		position: absolute;
background-color: transparent;
background: linear-gradient(180deg, rgba(23,28,26,0.5) 0%, rgba(167,169,168,0.5) 67%, rgba(255,255,255,0.7) 84%, rgba(255,255,255,1) 100%);
	 /* background-image: linear-gradient(180deg, #171C1A8C 72%, var( --e-global-color-astglobalcolor2 ) 100%);
	 */

		opacity: 1;
		transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
			z-index: 3;
}

#entete_accueil{
	position: relative;
	background: url(https://airshowdisplay.fr/img/evenement/le-temps-des-helices-2022.jpg) 50% 50%;
		background-size: cover;
}
.header-video-accueil-container{
	min-height: 90vh;
	z-index: 4;
		position: relative;
		height: 500px;
}
.header-video-accueil {
		min-width: 100%;
	min-height: 100%;
		 height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		position: absolute;
		overflow: hidden;
		z-index: 0;
		direction: ltr;
		background-position: center;
}
.header-video-accueil video{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
}
.logo-accueil{
	width: 300px;
		aspect-ratio: auto 300 / 247;
}
.typo-accueil-libelle{
	font-family: Tahoma, Geneva, sans-serif;
font-size: 60px;
letter-spacing: -0.8px;
word-spacing: -1.4px;
color: #FFFFFF;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: uppercase;
}
.typo-accueil{
	font-family: Tahoma, Geneva, sans-serif;
font-size: 40px;
letter-spacing: -0.8px;
word-spacing: -1.4px;
color: #FFFFFF;
font-weight: 700;
text-decoration: none;
font-style: normal;
font-variant: normal;
text-transform: uppercase;
}


/******************* Accueil V2 ****************/
/******************* Accueil  V2 ****************/
/******************* Accueil  V2 ****************/

#accueil-v2{
	position: relative;
	width: 100%;
	float: left;
	min-height: 100% !important;
	height: 100%;
	margin: 0;
	padding: 0;
}

#accueil-v2-header{
	position: relative;
	display: flex;
	background-size: cover;
	background-position: center;
	height: 40vh;
	width: 100%;
	background-image: url('../img/design/background/f16face.jpg');
	padding-top: 50px;
}
#accueil-v2-header .opacifiant-gradient {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	/*background-color: black;*/
 
	z-index: 1;
 background: rgb(167,169,168);
background: -moz-linear-gradient(180deg, rgba(167,169,168,0.5) 38%, rgba(61,75,99,1) 73%, rgba(61,75,99,1) 86%, rgba(61,75,99,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(167,169,168,0.5) 38%, rgba(61,75,99,1) 73%, rgba(61,75,99,1) 86%, rgba(61,75,99,1) 100%);
background: linear-gradient(180deg, rgba(167,169,168,0.5) 38%, rgba(61,75,99,1) 73%, rgba(61,75,99,1) 86%, rgba(61,75,99,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a7a9a8",endColorstr="#3d4b63",GradientType=1);
}
#accueil-v2-header video{

	width: 100%;
	height: 100%;
}
#accueil-v2-description img{
	position: absolute;
	top: -50px;
	height: 100px;
	left: calc(50% - 150px);

}
#accueil-v2-description{
	position: relative;
	width: 100%;
	height: auto; /* Vous pouvez ajuster la hauteur selon vos besoins */
	background-image: url('../img/design/background/t6.jpg');/* Remplacez le chemin par celui de votre image */
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	z-index:  100;
	padding-bottom:   150px;
}
#accueil-v2-description p{
			font-size:  1.2em;
			text-align: justify;
	}
#accueil-v2-description-slogan{
 
	color: white;

}

#accueil-v2-description-slogan h1{
	font-family: 'Antonio', sans-serif !important;
	text-align: center ;
	font-stretch: expanded;
	font-size: 7em;
	line-height: 1;
		padding-top:  150px;
	padding-bottom:   150px;
}
@media screen and (max-width: 1050px) {
 #accueil-v2-description-slogan h1{
	font-size: 4em;
 }
}

#accueil-v2-description-slogan h1 span {
		display: block;
		width: 100%;
}

#accueil-v2-description-slogan .red-text {
		color: #C12033;
}
.opacifiant {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(40, 45, 50, 0.9); /* L'opacité est contrôlée par le dernier paramètre (0.5 dans ce cas) */
		z-index:  -1;
}

#accueil-v2-slider{
	height: 300px;
}
#accueil-v2-slider img{
	object-fit: cover;
	width: 100%;
	object-position: center center;
}

#accueil-v2-categories{
	
}
#accueil-v2-categories .col-md-4{
	overflow: hidden ;
}

#accueil-v2-categories .overlay {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0, 26, 48, 0.8);
				opacity: 0.9;
				transition: opacity 0.2s;
		}

		#accueil-v2-categories .overlay:hover {
		 opacity: 0.5;
			background-color: rgba(255, 255, 255, 0.4);
		}
#accueil-v2-categories a:hover .overlay{
			opacity: 0.5;
		 background-color: rgba(255, 255, 255, 0.4);
		}
#accueil-v2-categories a{
 position: relative;

}
#accueil-v2-categories img{
	object-fit: cover;
	width: 100%;
	 height: 100%;
	object-position: center center;
	transition: transform .2s;
}
#accueil-v2-categories a:hover img{
	transform: scale(1.1);
}



#accueil-v2-categories .caption {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				text-align: center;
				width: 100%;
				text-transform: uppercase;
		}
#accueil-v2-categories h3{
	font-family: 'Antonio', sans-serif !important;
	text-align: center ;
	font-stretch: expanded;
	font-size: 3.2em;
}
#accueil-v2-categories a:hover h3{
	color: #C12033 !important ;

}

#accueil-v2-team{
	 padding-top:  100px;
	padding-bottom:   100px;
	background-image: url("https://airshowdisplay.fr/img/design/background/p40.jpg");
	background-size:  cover;
	background-attachment:  fixed;
	background-position: center;
}
#accueil-v2-team h2{
	 font-family: 'Antonio', sans-serif !important;
	 color: #C12033;
	 text-transform: uppercase;
		font-weight:  700;
	font-size: 2.3em;
	text-align: center;
	padding: 30px;
}

#accueil-v2-team p{
			font-size:  1.2em;
			text-align: center;
			color: white;
			padding-bottom: 40px;
	}
#accueil-v2-team .row{
			 background-color: rgba(0, 26, 50, 0.7);
	}
 


/******* Accueil communaute discord ****/

.communaute-discord{
			background-image: url("https://airshowdisplay.fr/img/design/background/frecce-tricolori.jpg");
		background-position: center;
		min-height: 400px;
		background-size: cover;
		 background: #C04848;  /* fallback for old browsers */
		background: linear-gradient(rgb(162,162,162,0.3), rgb(162,162,162,0.2)), url("https://airshowdisplay.fr/img/design/background/frecce-tricolori.jpg");
				background-position: "center center;");  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(rgb(162,162,162,0.3), rgb(162,162,162,0.2)), url("https://airshowdisplay.fr/img/design/background/frecce-tricolori.jpg");
		background-position:center; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	 background-size: cover;
}
.communaute-discord-overlay{
	 background-color: #54595F;
	 opacity: 0.7;
			 height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		position: absolute;
		z-index: 5;
}
.communaute-discord-element{
	min-height: 400px;
	z-index: 10;
}
.communaute-discord h4{
			color: white;
		font-weight: bold;
		text-transform: capitalize3;
	 
}
.communaute-discord p{
			color: white;
		margin-bottom: 50px;
}
.communaute-discord a{
	background-color: #c12033;
	text-decoration: none;
	border-radius: 4px;
		padding-top: 14px;
		padding-right: 28px;
		padding-bottom: 14px;
		padding-left: 28px;
		color:  white;
		font-weight: bolder;
			 transition : 0.1s ease-in-out;
}
.communaute-discord a:hover{
	background-color: #4E0102;
	color: white;
}

/******* Accueil actualites  ****/
.conteneur_actualites{
	background-color: #171C1A;
}
.conteneur_actualites h4{
	color: white;
}
.conteneur_actualites p{
	color: white;
}
.conteneur_actualites a{
	background-color: #c12033;
	text-decoration: none;
	border-radius: 4px;
		padding-top: 10px;
		padding-right: 28px;
		padding-bottom: 10px;
		padding-left: 28px;
		color:  white;
		font-weight: bolder;
		transition : 0.1s ease-in-out;
}
.conteneur_actualites a:hover{
	background-color: #4E0102;
	color: white;
}
.conteneur_actualites .col{
	border-left: 1px solid white;
	background-size: cover;
	background-position: center;
}
.conteneur_actualites .col:hover .actualite-mask{
 background: linear-gradient(to bottom, rgba(0,26,48,1), rgba(0,26,48,0.38) 50%, #001a30);
}


.conteneur_actualites .col:first-child{
	border-left: none;
}
 .actualite-mask{
	height: 100%;
	background: linear-gradient(to bottom, rgba(0,26,48,1), rgba(0,26,48,0.38) 44%, #001a30);
 }


 .bouton-voir{
	line-height: 32px;
 }

/******* Accueil videos  ******/
/******* Accueil videos  ****/
/******* Accueil videos  ****/
#accueil-videos{
	background-color: #001A30;
}


/*------------------------------------------ LOGIN ------------------------------*/
/*------------------------------------------ LOGIN ------------------------------*/
/*------------------------------------------ LOGIN ------------------------------*/

#top-espace{

		padding-top: 50px;
		background-color: #F2F2F2;
}

#container-global{
		background-color: #F2F2F2;
		padding-top: 100px;
		padding-bottom: 150px;
}
.login-wrap{
background-color: white;
}

.form-group {
	position: relative;
	z-index: 0;
	margin-bottom: 20px !important; }
	.form-group a {
		color: gray; }

.login-wrap .form-control{
	height: 48px;
	background: #fff;
	color: #282D32;
	font-size: 16px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.1); 
}
 
.login-wrap .submit{
	background-color: #c12033;
	text-decoration: none;
	border-radius: 4px;
		padding-top: 14px;
		padding-right: 28px;
		padding-bottom: 14px;
		padding-left: 28px;
		color:  white;
		font-weight: bolder;
			 transition : 0.1s ease-in-out;
}
.login-wrap .submit:hover{
	background-color: #4E0102;
	color: white;
}

.field-icon {
	position: absolute;
	top: 70%;
	right: 15px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: rgba(0, 0, 0, 0.3); }

.form-control-placeholder {
	position: relative;
	top: 2px;
	padding: 7px 10px 7px 7px;
	-webkit-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
	opacity: .6; }


/******* Contact  ****/

.bouton_rouge{
	 background-color: #c12033;
	text-decoration: none;
	border-radius: 4px;
		padding-top: 10px;
		padding-right: 28px;
		padding-bottom: 10px;
		padding-left: 28px;
		color:  white;
		font-weight: bolder;
		transition : 0.1s ease-in-out;
		border: none;
}
.bouton_rouge a:hover{
	background-color: #4E0102;
	color: white;
}

.bouton_rouge:hover{
	background-color: #4E0102;
	color: white;
}
 #submissionlineup.hidden {
        display: none !important;
 }

#contact .form-control {
	height: 52px;
	background: transparent;
	color: rgba(255, 255, 255, 0.8) !important;
	font-size: 14px;
	border-radius: 0px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px solid rgba(255, 255, 255, 0.2); }
	.form-control::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		color: rgba(255, 255, 255, 0.5) !important; }
	.form-control::-moz-placeholder {
		/* Firefox 19+ */
		color: rgba(255, 255, 255, 0.5) !important; }
	.form-control:-ms-input-placeholder {
		/* IE 0+ */
		color: rgba(255, 255, 255, 0.5) !important; }
	.form-control:-moz-placeholder {
		/* Firefox 18- */
		color: rgba(255, 255, 255, 0.5) !important; }
	.form-control:focus, .form-control:active {
		background: transparent;
		border-color: rgba(255, 255, 255, 0.5) !important; }

textarea.form-control {
	height: inherit !important; }


.wrapper {
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
	-webkit-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 21px 41px -13px rgba(0, 0, 0, 0.18); }


.contact-wrap {
	background: #272a34; }
	.contact-wrap h3 {
		color: #fff; }

.info-wrap {
	background: #1c1e25; }
	.info-wrap h3 {
		color: white;
		font-size: 18px;
		position: relative; }
	.info-wrap .dbox {
		width: 100%;
		margin-bottom: 25px; }
		.info-wrap .dbox:last-child {
			margin-bottom: 0; }
		.info-wrap .dbox p {
			margin-bottom: 0; }
			.info-wrap .dbox p span {
				font-weight: 400;
				color: #fff; }
			.info-wrap .dbox p a {
				color: rgba(255, 255, 255, 0.3); }
		.info-wrap .dbox .icon {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.02); }
			.info-wrap .dbox .icon span {
				font-size: 20px;
				color: #fff; }
		.info-wrap .dbox .text {
			width: calc(100% - 50px); }

.contactForm .form-control {
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

#contactForm .error {
	color: #f65c78;
	font-size: 12px; }

#contactForm .form-control {
	font-size: 16px; 
	background-color: transparent;
	color : white;
}


#message {
	resize: vertical; }

#form-message-warning, #form-message-success {
	display: none; }

#form-message-warning {
	color: red; }

#form-message-success {
	color: #28a745;
	font-size: 18px;
	font-weight: 500; }

.submitting {
	float: left;
	width: 100%;
	padding: 10px 0;
	display: none;
	font-size: 16px;
	font-weight: 500; }
.b-0 {
		bottom: 0;
}
.bg-shadow {
		background: rgba(76, 76, 76, 0);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
		background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.top-indicator {
		right: 0;
		top: 1rem;
		bottom: inherit;
		left: inherit;
		margin-right: 1rem;
}
.overflow {
		position: relative;
		overflow: hidden;
}
.zoom img {
		transition: all 0.2s linear;
}
.zoom:hover img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
}
/***** HEADER MENU ***/
#header-menu{


}

.bouton_rouge_header{
	background-color: #c12033;
	border-radius : 50vh;
}

#languageDropdown img {
      width: 20px;
      height: 15px;
      margin-right: 10px;
    }
/***** MOBILE MENU ***/


.mobile-nav {
	background: #F8F8F8;
	position: fixed;
	bottom: 0;
	height: 65px;
	width: 100%;
	display: flex;
	justify-content: space-around;
	z-index: 999;
	color : white;
}
.mobile-nav .active{
	color: #c12033;
}
.bloc-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	color : grey;
	text-decoration: none;
}
.bloc-icon:hover{
	color : #001A30 !important;
}

@media screen and (min-width: 1050px) {
	.mobile-nav {
	display: none;
	}
 #overlay-mobile-map{
	display: none;
 }
}
@media screen and (max-width: 1050px) {

	.header-evenement-details-video {

	height: 60vh;
	min-height: 50vh;
}

	.header-equipe {

	height: 60vh;
	min-height: 50vh;
}



	#accueil-v2-description img{
	position: absolute;
	top: -50px;
	width: 300px;
	height: auto;
	left: calc(50% - 150px);
	overflow: hidden;
}


	

	.bg-dark{
		display: block !important;
	}
	.header-fullwidth{
		display: none;
	}
	.header-mobile{
		display: block;
	}
	#navbarNav{
		z-index: 999;
		background-color: #212529;
		text-align: center;
	}
	.logo_header{
		display: none;
	}
	.logo_mobile{
		display: block;
	}

	 #overlay-map-list{
		display: none;
	}
	.nav-container{
		background-color: #212529;
	}

	.nav-container-futur{
		width: 100% !important;
	}
}
@media screen and (max-width: 400px) {
.logo_mobile{
	display: none;
}
}

/******* slider  ****/

.swiper-video {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
}

.swiper-video .swiper-slide{
	height: 350px;
	border-radius: 8px;
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	
}


/* // Alternative way to add offset on first slide  
.swiper-wrapper .swiper-slide:first-child {
	margin-left: 200px; */
}


.swiper-video .swiper-slide img{
	 
	 width: 100%;
	 height: 100%;
		 border-radius: 8px;
				 transition: all 0.3s;
}
.youtube-link{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;

}
.swiper-video .swiper-slide:hover img{
	transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.swiper-video .swiper-slide i{
	position: absolute;
left: calc(50% - 35px);
top: 50%;
height: 50px;
width: 50px;
z-index: 999;
	color: white;
	line-height: 50px;
	pointer-events: none;
}

.circle-icon {
		background-color: rgba(0, 0, 0, 0.4); 
		width: 26px;
		height: 26px;
		border-radius: 50%;
		text-align: center;
		line-height: 50px;
		vertical-align: middle;
		padding: 0px;
}
.swiper-button-next, .swiper-button-prev{
		 background-color: white;
		background-color: rgba(255, 255, 255, 0.5);
		right:10px;
		padding: 30px;
		color: #000 !important;
		fill: black !important;
		stroke: black !important;
}
.swiper-video .swiper-slide:before{
	content:'';
	background: linear-gradient(to bottom, rgba(0,26,48,0), rgba(0,26,48,0.38) 44%, #001a30);
	width: 100%;
	height: 150px;
	position: absolute;
	bottom: 0;
	z-index: 50;
}
.swiper-contenu-texte{  
	width: 100%;
	height: 70px;
	position: absolute;
	bottom: 0;
	z-index: 50;
	color : white;
	padding: 12px;

}
.swiper-contenu-texte h3{  
	font-size: 15px;
}

.partenaire_pub{
    display: block;
  
  
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 3.33px;
}




.text-shadow-4p{
	 text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.8);
}




.ads-slot {
  width: 100%;
}

.ads-slot ins.adsbygoogle {

  max-width: 100% !important;
  height: auto !important;
  overflow: hidden;
}

/* ========================================
   Display Page Grid Styles
   ======================================== */

/* Display Grid Styles */
.display-page-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.display-page-card {
    position: relative;
    height: 350px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none;
    display: block;
}

.display-page-card:hover {
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.display-page-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}

.display-page-card:hover .display-page-image {
    transform: scale(1.1);
}

.display-page-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
    color: white;
    padding: 2rem 1.5rem 1.5rem;
    transform: translateY(0);
    transition: all 0.3s ease;
}

.display-page-name {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.3rem;
    color: white;
}

.display-page-registration {
    font-size: 1rem;
    color: #ffa726;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 1024px) {
    .display-page-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .display-page-grid {
        grid-template-columns: 1fr;
    }
}

/* ===========================
   NOTIFICATIONS DROPDOWN
   =========================== */

/* Menu dropdown spécifique aux notifications - Thème AirShow Display */
#notificationsDropdown + .dropdown-menu {
    min-width: 380px;
    max-width: 420px;
    max-height: 500px;
    overflow-y: auto;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
    padding: 0;
}

/* Barre de défilement personnalisée pour le dropdown notifications */
#notificationsDropdown + .dropdown-menu::-webkit-scrollbar {
    width: 8px;
}

#notificationsDropdown + .dropdown-menu::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

#notificationsDropdown + .dropdown-menu::-webkit-scrollbar-thumb {
    background: var(--accent-red);
    border-radius: 4px;
    transition: background 0.3s ease;
}

#notificationsDropdown + .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background: #d43545;
}

/* Responsive - Version mobile */
@media (max-width: 768px) {
    #notificationsDropdown + .dropdown-menu {
        min-width: 280px;
        max-width: calc(100vw - 20px);
        width: calc(100vw - 20px);
        position: fixed !important;
        right: 10px !important;
        left: auto !important;
        top: 70px !important;
        transform: none !important;
        margin: 0 !important;
        inset: auto 10px auto auto !important;
    }

    /* Ajuster le padding des items sur mobile */
    .dropdown-item.notification-item {
        padding: 10px 45px 10px 12px;
    }

    /* Réduire légèrement la pastille sur mobile */
    .notification-mark-read {
        right: 8px;
        width: 26px;
        height: 26px;
    }

    .notification-mark-read i {
        font-size: 12px;
    }
}

/* Item de notification - mise en page */
.dropdown-item.notification-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    position: relative;
    padding: 12px 50px 12px 15px; /* Espace pour la pastille à droite */
    border-bottom: 1px solid var(--border-color);
    background: transparent;
    transition: all 0.2s ease;
}

/* Contenu de la notification */
.notification-content {
    flex: 1;
    min-width: 0; /* Permet au flex item de rétrécir */
    overflow: hidden;
}

/* Item de notification au survol */
.dropdown-item.notification-item:hover {
    background: var(--bg-card-hover);
    cursor: pointer;
}

/* Titre de la notification */
.dropdown-menu .notification-title {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
    color: var(--text-primary);
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    line-height: 1.3;
}

/* Message de la notification */
.dropdown-menu .notification-message {
    font-size: 12px;
    margin-bottom: 4px;
    line-height: 1.4;
    color: var(--text-secondary);
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/* Temps relatif de la notification */
.dropdown-menu .notification-time {
    font-size: 11px;
    color: var(--text-secondary);
    font-style: italic;
    opacity: 0.8;
}

/* Pastille "marquer comme lu" */
.notification-mark-read {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 2px solid var(--accent-red);
    color: var(--accent-red);
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
}

.notification-mark-read:hover {
    background-color: var(--accent-red);
    color: white;
    transform: translateY(-50%) scale(1.15);
    box-shadow: 0 0 12px rgba(193, 33, 51, 0.5);
}

.notification-mark-read i {
    font-size: 14px;
    font-weight: bold;
}

/* Badge de compteur de notifications */
.badge.rounded-pill[data-notification-badge] {
    font-size: 10px;
    padding: 3px 7px;
    min-width: 18px;
    text-align: center;
    background-color: var(--accent-red) !important;
}

/* Séparateur dans le dropdown */
#notificationsDropdown + .dropdown-menu .dropdown-divider {
    margin: 0;
    border-color: var(--border-color);
    opacity: 1;
}

/* Lien "Voir toutes les notifications" */
#notificationsDropdown + .dropdown-menu a.text-center {
    font-weight: 600;
    color: var(--accent-red);
    padding: 12px;
    background: transparent;
    transition: all 0.2s ease;
    border-bottom: none;
}

#notificationsDropdown + .dropdown-menu a.text-center:hover {
    background: var(--bg-card-hover);
    color: var(--text-primary);
}

/* Message "Aucune notification" ou "Chargement..." */
#notificationsDropdown + .dropdown-menu .dropdown-item:not(.notification-item) {
    color: var(--text-secondary);
    background: transparent;
    padding: 20px;
    text-align: center;
}

#notificationsDropdown + .dropdown-menu .dropdown-item:not(.notification-item):hover {
    background: transparent;
    color: var(--text-secondary);
}