#bts_section
{
	background-color: var(--white);
}

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

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

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

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

#bts_section .section_title{
	color: var(--black_title);
}
.subsection_title{
    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 */
}

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

#bts_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));
}
#bts_section.bts_subsection{
    color: var(--black_title);
    font-size: 15px;
}
#bts_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)
{
	#bts_section .photo img
	{
		width: clamp(250px, 60vw, 380px);
		height: clamp(250px, 60vw, 380px);
	}
}

#bts_section .link
{
	color: var(--blue);
}

#bts_section .link::before
{
	background-color: var(--blue);
}

.bts_option {
    /* Autres styles existants */

    /* Ajoutez une ombre pour simuler la bordure */
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 0.9); /* Couleur de fond pour la bordure */
    padding: 20px; /* Espace à l'intérieur de la bordure */

    /* Faire en sorte que la bordure se fond dans le fond d'écran */
    position: relative;
    z-index: 1;
}

/* Styles pour le fond d'écran (arrière-plan) */
#bts_section {
    background-size: cover;
    background-position: center;
    position: relative;
}

/* Styles pour que la bordure des blocs se fondent dans le fond d'écran */
#bts_section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.5); /* Ombre intérieure pour la fusion */
}
#e4_section {
	position: relative;
	z-index: 1;
	height: 100vh;
	width: 100vw;
	max-width: 100%;
	background: radial-gradient(ellipse at bottom, #0b1829 0%, #000000 100%);
	overflow: hidden; /* Pour masquer tout contenu vidéo en dehors de la section */
}

#background-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1; /* Pour placer la vidéo en arrière-plan */
}

video {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ajuster la vidéo pour qu'elle couvre la section tout en maintenant son rapport d'aspect */
}

#e4_section .content {
	pointer-events: none;
	align-items: flex-start;
}

#e4_section .hi {
	pointer-events: all;
	font-family: raleway_semi_bold;
	font-size: 16px;
	color: var(--light_blue);
}

#e4_section .name {
	pointer-events: all;
	font-family: calibre_semi_bold;
	font-size: clamp(40px, 8vw, 80px);
	color: var(--white);
	margin-top: 25px;
}

#e4_section .title {
	pointer-events: all;
	font-family: calibre_semi_bold;
	font-size: clamp(40px, 8vw, 80px);
	color: var(--light_gray);
}

#e4_section .bio {
	pointer-events: all;
	font-family: calibre_regular;
	max-width: 470px;
	font-size: 20px;
	color: var(--light_gray);
	line-height: 1.3;
	margin-top: 15px;
}

#e4_section .home_button {
	margin-top: 50px;
}