#epreuve_section
{
	background-color: var(--dark_blue);
}

.epreuve_end
{
	background-color: var(--dark_blue);
}
#epreuve_section .content
{
	margin-top: clamp(80px, 7vw, 95px);
	margin-bottom: calc(clamp(100px, 7vw, 120px) - 3.3vw);
}

#epreuve_section .epreuve_content
{
	display: flex;
	gap: 100px 100px;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}

@media screen and (max-width: 1300px) { #epreuve_section .epreuve_content { gap: 50px 50px; } }

@media screen and (max-width: 800px)
{
	#epreuve_section .epreuve_content
	{
		flex-direction: column;
		justify-content: center;
	}
}

#epreuve_section .section_title{
	color: var(--white);
}
.subsection_title{
    color: var(--white);
    font-size: 25px;
}
#epreuve_section .section_subtitle{
	color: var(--black_title);
}
.subsection_subtitle{
    color: var(--black_title);
    font-size: 25px;
}
/* Style de la ligne de séparation */
.separator {
    width: 100%;
    height: 1px; /* Épaisseur de la ligne */
    background-color: #000000; /* Couleur de la ligne */
    margin: 10px 0; /* Marge au-dessus et en dessous de la ligne */
}

#epreuve_section .epreuve_content .p_1
{
	font-family: calibre_regular;
	font-size: 20px;
	color: var(--black_text);
	line-height: 1.3;
}

#epreuve_section .photo
{
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.3));
}
#epreuve_section.epreuve_subsection{
    color: var(--black_title);
    font-size: 15px;
}
#epreuve_section .photo img
{
	width: clamp(250px, 35vw, 380px);
	height: clamp(250px, 35vw, 380px);
	-webkit-clip-path: circle(0%);
	clip-path: circle(0%);
	opacity: 1;
	transform: translateY(0px);
	transition: clip-path 1s ease-in-out, -webkit-clip-path 1s ease-in-out;
}

@media screen and (max-width: 800px)
{
	#epreuve_section .photo img
	{
		width: clamp(250px, 60vw, 380px);
		height: clamp(250px, 60vw, 380px);
	}
}

.epreuve1-text, .epreuve1-title {
    font-family: calibre_regular;
    font-size: 20px;
    color: var(--white);
    line-height: 1.3;
}

.epreuve1-title {
    font-size: 25px; /* Taille de police légèrement plus grande pour h4 */
    margin-bottom: 10px;
}

.epreuve1-text {
    margin-bottom: 20px;
}
.epreuve1-theme {
    font-size: 25px; /* Taille de police légèrement plus grande pour h4 */
    margin-bottom: 10px;
}