.paragraphe_event {

	display:flex; 
	align-items: center;
}

.paragraphe_event p, .resume, .line_event p {
  font-family: 'Helvetica Neue', Arial, sans-serif; /* Une police propre sans empattement */
  font-size: 1.05rem !important;
  line-height: 1.6 !important; /* Donne de l'air entre les lignes */
  color: #4a5568; /* Un gris anthracite doux plutôt que noir foncé */

}

.paragraphe_event h3, .paragraphe_event h2, .line_event h2 {
  color: #0099cc; /* Garde ton joli bleu actuel */
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 15px;
  display: inline-block; /* Crucial pour que la ligne fasse la taille du texte */
  position: relative;
}

/* On crée la ligne invisible par défaut */
.paragraphe_event h3::after, .paragraphe_event h2::after, .line_event h2:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: -4px;
  left: 0;
  background-color: #0099cc;
  transform-origin: bottom left;
  transition: transform 0.25s ease-out;
}

/* La ligne se déploie au survol du titre */
.paragraphe_event h3:hover::after, .paragraphe_event h2:hover::after, .line_event h2:hover:after {
  transform: scaleX(1);
}

.paragraphe_event > div {

	vertical-align:middle;
}

.paragraphe_event img, .sidebar img, .line_event img {

	border-radius:5px;
	box-shadow:0px 0px 2px 1px #D3D3D3;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}


.paragraphe_event img:hover, .sidebar img:hover, .line_event img:hover {

	transform: translateY(-5px); /* L'image monte de 5px */
  	box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15); /* L'ombre devient plus profonde */
}


.sidebar img {

	margin-bottom:15px !important;
}

#editoid3, .imgevent {
	border-radius:5px;
	box-shadow:0px 0px 2px 1px #D3D3D3;
}



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

	.paragraphe_event {

		display:flex; 
		align-items: center;
		flex-direction: column;
	}

	.paragraphe_event > img {

		width:90% !important;
		margin:0px !important;
		float:none !important;
	}

	.yt_frames {

		width:100% !important;
		height:auto !important;
	}
}





div#slider figure img { width: 20%; height: auto; float: left; }
div#slider { width: 80%; max-width: 1000px; overflow: hidden }
@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}
div#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  left: 0;
  text-align: left;
  animation: 30s slidy infinite;
}


body[data-page="articles_events"] #header {

	height:250px !important;
	overflow: hidden;
}

@media screen and (min-width:1620px) {

	body[data-page="articles_events"] #header {

		height:300px !important;
		overflow: hidden;
	}


}



body[data-page="articles_events"] #entete_page {

	opacity:0;
	z-index:-1 !important;
	position: relative !important;
	pointer-events:none !important;
}





/*
.paragraphe_event > img {
	max-width: 100px;
}*/