html,
body {
	overflow-x: hidden;
}

#mobile-menu-toggle,
.mobile-menu {
	display: none;
}

.portrait_container {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgb(63, 60, 53);
}

.portrait_photo-container {
	position: relative;
	width: 100%;
	/*aspect-ratio: 10 / 16; /* Définit un ratio d'aspect de 16:9 */
	overflow: hidden;
	height: 136vw;
}

#portrait_main-photo {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: translateY(0);
	will-change: transform;
	transition: transform 0.1s ease-out;
}

.portrait_points-navigation {
	position: absolute;
	right: 6.4vw;
	top: 32vw;
	display: flex;
	flex-direction: column;
	gap: 0.5vw;
}

.portrait_point {
	width: 1vw;
	height: 1vw;
	background-color: white;
	opacity: 0.5;
	border-radius: 50%;
	cursor: pointer;
}

.portrait_person-info {
	position: absolute;
	right: 0.4vw;
	top: 32vw;
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	text-align: right;
	color: white;
	font-size: 2vw;
}

.portrait_name {
	font-weight: bold;
	opacity: 0.6;
	font-size: 1.6vw;
}

.portrait_role {
	margin-top: 10vw;
	font-size: 1.2vw;
	opacity: 0.6;
	line-height: 3vw;
	font-weight: 100;
}

.portrait_bottom-left-text {
	position: absolute;
	top: 50%;
	left: 1vw;
	color: white;
	font-family: 'FinalSix';
	font-size: 10vw;
	font-weight: bold;
}

.portrait_bottom-left-text p {
	margin: 0;
	line-height: 1.2;
}

.portrait_thin-text {
	font-weight: 100;
	font-size: 4.5vw;
	opacity: 0.9;
	display: inline-block;
	transform: translateY(-100%);
}

.portrait_bottom-right-text {
	position: absolute;
	bottom: 1vw;
	right: 1vw;
	width: 45%;
	font-family: 'Poppins';
	line-height: 3.17vw;
	color: white;
	font-size: 1.8vw;
	padding-bottom: 5.5vw;
}

/* Ajuster la surface d'affichage de la photo pour les petits écrans */
@media only screen and (max-width: 768px) {}

.message_event-info {
	display: none;
	background-color: rgb(19, 55, 51);
	/* Couleur de fond */
	color: white;
	/* Couleur du texte */
	font-family: 'FinalSix', sans-serif;
	/* Police FinalSix */
	text-transform: uppercase;
	/* Met le texte en majuscule */
	font-size: 1.1vw;
	padding: 0.8vw;
	text-align: center;
	/* Centrer le texte */
	white-space: nowrap;
	/* Empêche le texte de se casser sur plusieurs lignes */
	overflow: hidden;
	/* Masque le texte qui dépasse */
	letter-spacing: 0.3vw;
}

.message_event-info p {
	margin: 0;
	/* Pas d'espace autour du paragraphe */
	display: inline-block;
	/* Pour permettre l'animation */
	animation: defilement 20s linear infinite;
	/* Animation continue */
}

@keyframes defilement {
	0% {
		transform: translateX(100%);
		/* Le texte commence hors de l'écran à droite */
	}

	100% {
		transform: translateX(-100%);
		/* Le texte défile jusqu'à sortir de l'écran à gauche */
	}
}

.decouvrir-info {
	font-family: 'FinalSix', sans-serif;
	/* Police FinalSix */
	font-size: 8.3vw;
	font-weight: bold;
	color: rgb(19, 55, 51);
	/* Couleur du texte pour DÉCOUVRIR */
	display: flex;
	/* Flexbox pour aligner le texte et le carré */
	align-items: center;
	/* Aligner verticalement */
	padding-left: 7.5vw;
	padding-top: 4.4vw;
}

.decouvrir-info p {
	margin: 0;
	/* Pas de marge pour éviter les écarts */
}

.decouvrir_square-point {
	display: inline-block;
	width: 1.3vw;
	height: 1.3vw;
	background-color: rgb(146, 221, 56);
	/* Couleur du carré */
	margin-left: 1vw;
}

/* Conteneur des deux colonnes */
.decouvrir_two-columns {
	padding-left: 7.5vw;
	padding-right: 8vw;
	padding-top: 5.6vw;
	display: flex;
	gap: 10vw;
	/* Augmente l'espace entre les deux colonnes */
}

/* Colonnes */
.decouvrir_column {
	width: 50%;
	/* Chaque colonne occupe 50% de l'espace */
	position: relative;
}

/* Première colonne : Image au rapport 2:1 */
.decouvrir_img-1-2 {
	width: 100%;
	height: auto;
}

/* Espace entre les deux images dans la première colonne */
.decouvrir_space {
	height: 3.7vw;
	/* Hauteur de l'espace */
}

/* Image carrée alignée à droite dans la première colonne */
.decouvrir_img-square {
	width: 35%;
	/* Largeur à la moitié de la colonne */
	float: right;
	/* Alignement à droite */
}

/* Deuxième colonne : Texte de description */
.decouvrir_text-description {
	font-family: 'Poppins', sans-serif;
	font-size: 1.3vw;
	line-height: 1.5;
	margin-bottom: 1.8vw;
	/* Espace sous le texte */
	padding-top: 11.65vw;
}

/* Conteneur du symbole et du texte */
.decouvrir_symbol-text {
	position: relative;
	top: 4vw;
	padding-bottom: 15.8vw;
}

/* Grand cercle */
.decouvrir_ellipse-large {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: 1vw;
	top: -3vw;
}

/* Petit cercle avec l'image de la flèche */
.decouvrir_ellipse-small {
	position: absolute;
	width: 5vw;
	height: 5vw;
	left: 0;
	top: 3vw;
	background-color: rgba(146, 221, 58, 1);
	/* Vert */
	background-image: url('../images/icons/fleche_blanche_vers_droite.png');
	/* Chemin vers ton image */
	background-size: 50%;
	/* Ajuster la taille de la flèche */
	background-position: center;
	/* Centrer l'image */
	background-repeat: no-repeat;
	/* Empêcher la répétition */
	border-radius: 50%;
	/* Assurer que le cercle reste rond */
}

/* Texte "Découvrir Le chanvre" */
.decouvrir_text {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3vw;
	letter-spacing: 0.05vw;
	line-height: 3.3vw;
	/* font-weight: 100; */
	color: rgb(19, 55, 51);
	position: absolute;
	top: -1vw;
	left: 3.8vw;
	z-index: 2;
}

/* Image au rapport 1.5:1 dans la deuxième colonne */
.decouvrir_img_droite {
	width: 100%;
	height: auto;
	padding-top: 5.9vw;
}

/* Colonnes */
.decouvrir_column-left {
	width: 54%;
	/* Première colonne occupe 1/3 de l'espace */
}

.decouvrir_column-right {
	width: 40%;
	/* Deuxième colonne occupe 2/3 de l'espace */
}

/* Conteneur de l'image en pleine largeur */
.decouvrir_full-width-image {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/* Demi-cercle plus arrondi */
.decouvrir_semi-circle {
	position: absolute;
	top: -3.2vw;
	left: 0;
	width: 100%;
	height: 15vw;
	background-color: white;
	clip-path: ellipse(70% 100% at 50% 0);
	z-index: 1;
}

/* Image qui occupe toute la largeur et est affichée en entier */
.decouvrir_full-width-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* S'assure que l'image est affichée en entier, sans être rognée */
	object-position: center;
	/* Centre l'image dans le conteneur */
	padding-top: 7.1vw;
}

#section_utiliser {
	height: 195vw;
}

.utiliser_use-info {
	font-family: 'FinalSix', sans-serif;
	/* Police FinalSix */
	font-size: 8.5vw;
	font-weight: bold;
	color: rgb(19, 55, 51);
	/* Couleur du texte pour UTILISER */
	display: flex;
	/* Flexbox pour aligner le texte et le carré */
	align-items: center;
	/* Aligner verticalement */
	padding-left: 7.5vw;
}

.utiliser_use-info p {
	margin: 0;
	/* Pas de marge pour éviter les écarts */
	padding-top: 4vw;
	padding-bottom: 4.3vw;
}

.utiliser_square-point {
	display: inline-block;
	width: 1.3vw;
	height: 1.3vw;
	background-color: rgb(255, 124, 30);
	/* Couleur du carré */
	margin-left: 1vw;
}

.utiliser_text_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 3vw;
}

.utiliser_text-section {
	font-family: 'Poppins', sans-serif;
	font-size: 1.3vw;
	line-height: 2.35vw;
	color: black;
	width: 33vw;
	transform: translateX(16vw);
}

.utiliser_text-section p {
	line-height: 2.35vw;
}

.utiliser_image-section {
	width: 50%;
	display: flex;
	justify-content: center;
	/* Centre l'image horizontalement */
}

.utiliser_image-section img {
	width: 14vw;
	height: auto;
	/* Conserve le ratio de l'image */
}


.utiliser_symbol-text {
	box-sizing: border-box;
	position: relative;
	height: 16vw;
	top: 4.2vw;
	transform: translateX(16vw);
	/* Décalage de 8vw */
}

/* Grand cercle */
.utiliser_ellipse-large {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: 1vw;
	top: -3vw;
}

/* Petit cercle avec l'image de la flèche */
.utiliser_ellipse-small {
	position: absolute;
	width: 5vw;
	height: 5vw;
	left: 0;
	top: 3vw;
	background-color: rgba(255, 123, 31, 1);
	/* Couleur */
	background-image: url('../images/icons/fleche_blanche_vers_droite.png');
	background-size: 50%;
	/* Ajuster la taille de la flèche */
	background-position: center;
	/* Centrer l'image */
	background-repeat: no-repeat;
	/* Empêcher la répétition */
	border-radius: 50%;
	/* Assurer que le cercle reste rond */
}

/* Texte "Milles usages" */
.utiliser_milles-text {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3vw;
	letter-spacing: 0.05vw;
	line-height: 3.3vw;
	/* font-weight: 100; */
	color: rgb(19, 55, 51);
	position: absolute;
	top: -1vw;
	left: 3.8vw;
	z-index: 2;
}

/* Conteneur de l'image en pleine largeur */
.utiliser_full-width-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 1.85vw;
}

/* Masquage arrondi sur les bords supérieurs */
.utiliser_full-width-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
	/* S'assure que l'image remplit le conteneur sans être déformée */
	object-position: center;
	/* Centre l'image dans le conteneur */
	clip-path: ellipse(100% 100% at 50% 100%);
	/* Masque arrondi sur les bords supérieurs */
}

.utiliser_container {
	position: relative;
	width: 100vw;
	height: 76vw;
	margin: auto;
	/*top: -10.3vw;*/
}

.utiliser_central-image {
	position: absolute;
	width: 30vw;
	height: auto;
	/* Hauteur doublée */
	top: 28vw;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.utiliser_corner-image {
	position: absolute;
	z-index: 2;
}

.utiliser_top-left {
	top: -1vw;
	/*left: 25.7vw;*/
	left: 35vw;
	transform: translate(-40%, 80%);
	width: 25.3vw;
}

.utiliser_top-right {
	top: -5vw;
	/*right: 25vw;*/
	right: 35vw;
	transform: translate(40%, 40%);
	width: 21vw;
}

.utiliser_bottom-left {
	/*bottom: 10vw;*/
	bottom: 20vw;
	/*left: 28.5vw;*/
	left: 45vw;
	transform: translate(-70%, 60%);
	width: 29vw;
}

.utiliser_bottom-right {
	bottom: 35vw;
	/*right: 34.5vw;*/
	right: 46vw;
	transform: translate(80%, 80%);
	width: 32.8vw;
}

.benefices_section {
	background-color: rgb(19, 55, 51);
	padding: 2vw 0;
}

.benefices_title {
	font-family: 'FinalSix', sans-serif;
	font-size: 8.5vw;
	font-weight: bold;
	color: white;
	display: flex;
	align-items: center;
	padding-left: 8vw;
	padding-top: 2.8vw;
	line-height: 8.5vw;
}

.benefices_columns_icons {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 50px 0;
}

.benefices_column_icon {
	text-align: center;
}

.benefices_column_icon i {
	font-size: 5vw;
	/* Taille de l'icône */
}

.benefices_icon img {
	width: 13vw;
}

.benefices_text {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	color: #92DD3A;
	font-size: 2.7vw;
}

.benefices_title span {
	display: inline-block;
	width: 1.3vw;
	height: 1.3vw;
	background-color: rgb(146, 221, 58);
	margin-left: 1vw;
}

.benefices_text_description {
	width: 34%;
	margin: 5vw 0 0 7.5vw;
	font-family: 'Poppins', sans-serif;
	line-height: 2.35vw;
	color: white;
	font-size: 1.3vw;
	text-align: left;
	padding-bottom: 2.6vw;
}

.benefices_columns {
	display: flex;
	justify-content: space-between;
	/* Répartit les colonnes avec un espacement égal */
	align-items: flex-start;
	/* Aligne les éléments en haut */
	padding-top: 1.5vw;
	padding-bottom: 3vw;
	padding-left: 5vw;
}

.benefices_column {
	flex: 1;
	/* Permet à chaque colonne d'occuper une largeur égale */
	text-align: center;
	/* Centre le contenu des colonnes horizontalement */
	padding-left: 3.5vw;
}

.benefices_column .ellipse {
	transform: translate(5vw, 0);
}

.benefices_middle_image {
	max-width: 100%;
	/* Ajuste l'image pour qu'elle occupe toute la largeur disponible dans la colonne */
	height: auto;
	display: block;
}

.benefices_middle_image_pse {
	max-width: 25%;
	/* Ajuste l'image pour qu'elle occupe toute la largeur disponible dans la colonne */
	height: auto;
	display: block;
	transform: translate(0, -50%);
}

.benefices_de {
	display: flex;
	justify-content: center;
	/* Centre horizontalement le texte "DE" */
	align-items: flex-start;
	/* Aligne le texte en haut de la colonne */
	font-family: 'FinalSix', sans-serif;
	font-weight: bold;
	color: white;
	line-height: 1;
	/* Supprime l'excès d'espace lié à la hauteur de ligne */
	margin: 0;
	/* Supprime toute marge par défaut */
	padding: 0;
	/* Supprime toute marge interne */
	text-align: center;
	margin-top: -1.5vw;
	/* Ajustement pour aligner avec l'image */
	font-size: 8vw;
}

.benefices_text_ellipse {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3vw;
	letter-spacing: 0.05vw;
	line-height: 3.3vw;
	color: white;
	position: absolute;
	top: -1vw;
	left: -1vw;
	z-index: 2;
	text-align: left;
}

.benefices_text_description_2 {
	font-family: 'Poppins', sans-serif;
	color: white;
	font-size: 1.3vw;
	line-height: 2.35vw;
	text-align: left;
	padding-bottom: 2.6vw;
	width: 70%;
	transform: translate(0, -2em);
}

.benefices_ellipse-small_pse {
	position: absolute;
	width: 5vw;
	height: 5vw;
	left: 0;
	top: 3vw;
	background-color: rgba(255, 124, 30, 1);
	/* Vert */
	background-image: url('../images/icons/fleche_blanche_vers_droite.png');
	/* Chemin vers ton image */
	background-size: 50%;
	/* Ajuster la taille de la flèche */
	background-position: center;
	/* Centrer l'image */
	background-repeat: no-repeat;
	/* Empêcher la répétition */
	border-radius: 50%;
	/* Assurer que le cercle reste rond */
}

.plus_container_plus_transition {
	width: 100%;
	height: 0;
	position: relative;
	background-color: rgb(19, 55, 51);
	/* Couleur de fond par défaut */
}

.plus_masked-div {
	position: absolute;
	/* Position en arrière-plan */
	top: 0;
	left: 0;
	width: 100%;
	height: 20vw;
	/* Hauteur de l'effet d'ellipse */
	background-color: white;
	clip-path: ellipse(100% 100% at 50% 100%);
	/* Effet de l'ellipse */
	z-index: 1;
	/* Derrière le contenu */
}

.plus_use-info {
	font-family: 'FinalSix', sans-serif;
	/* Police FinalSix */
	font-size: 8.5vw;
	font-weight: bold;
	color: rgb(19, 55, 51);
	/* Couleur du texte pour UTILISER */
	/*display: flex; /* Flexbox pour aligner le texte et le carré */
	/*align-items: center; /* Aligner verticalement */
	padding-left: 8vw;
	position: relative;
	z-index: 2;
	/* Position au-dessus de l'effet d'ellipse */
	margin-top: -3.4vw;
	/* Monte tout le contenu plus haut */
}

.plus_use-info p {
	margin: 0;
	/* Pas de marge pour éviter les écarts */
	padding-top: 8.5vw;
	padding-bottom: 4.25vw;
}

.plus_square-point {
	display: inline-block;
	width: 1.3vw;
	height: 1.3vw;
	background-color: rgb(255, 124, 30);
	/* Couleur du carré */
	margin-left: 1vw;
}

.plus_container {
	z-index: 3;
	display: flex;
	width: 100%;
	padding: 0.9vw;
	position: relative;
	padding-left: 8vw;
	padding-right: 8vw;
	padding-bottom: 8.3vw;
}

.plus_col {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.plus_col-left {
	width: 40%;
	position: relative;
}

.plus_col-left img {
	width: 100%;
	height: auto;
	display: block;
}

.plus_col-left .plus_text-overlay {
	position: absolute;
	bottom: 0.4vw;
	left: 0;
	width: 100%;
	text-align: left;
	font-family: 'FinalSix', sans-serif;
	font-size: 3.6vw;
	font-weight: 600;
	color: white;
	transition: color 0.3s ease;
	line-height: 4vw;
	padding-left: 1.8vw;
	padding-bottom: 1.5vw;
}

.plus_col-right {
	width: 57%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 3%;
}

.plus_col-right .plus_image-box {
	position: relative;
	overflow: hidden;
	/* Cache la partie dépassante de l'image */
}

.plus_col-right img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Remplit le cadre tout en gardant le ratio de l'image */
	display: block;
}

.plus_col-right .plus_text-overlay {
	position: absolute;
	bottom: 0.4vw;
	font-family: 'FinalSix', sans-serif;
	font-size: 4vw;
	font-weight: 600;
	text-align: left;
	color: white;
	transition: color 0.3s ease;
	line-height: 4vw;
	padding-left: 2vw;
	padding-bottom: 1.5vw;
}

.plus_spacer {
	width: 3%;
}

.plus_image-box {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.plus_image-box:hover {
	transform: scale(1.05);
}

.plus_image-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.plus_image-box:hover .plus_text-overlay {
	color: rgb(255, 124, 30);
}

.reseaux_container {
	background-color: rgb(165, 159, 134);
	font-family: Arial, sans-serif;
	padding-top: 2vw;
}

.reseaux_title {
	font-family: 'FinalSix', sans-serif;
	/* Police FinalSix */
	font-size: 8.5vw;
	font-weight: bold;
	color: white;
	text-align: left;
	padding-left: 8vw;
	line-height: 7vw;
}

.reseaux_row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 1vw;
	padding-left: 8vw;
	padding-right: 8vw;
}

.reseaux_column {
	width: 30%;
}

.reseaux_column img {
	width: 100%;
	height: auto;
	display: block;
}

.reseaux_footer {
	text-align: right;
	padding-right: 8vw;
	padding-bottom: 1.9vw;
}

.reseaux_footer h1 {
	display: inline-flex;
	/* Utiliser inline-flex pour le texte et le carré */
	align-items: baseline;
	/* Aligner avec la ligne d'écriture */
	font-family: 'FinalSix', sans-serif;
	font-size: 8.5vw;
	font-weight: bold;
	color: white;
	margin: 0;
	line-height: 15vw;
}

.reseaux_socials {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 0 auto;
}

.reseaux_socials div {
	width: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.reseaux_socials .icon-container {
	width: 11vw;
	height: 11vw;
	border: 1.4vw solid rgb(201, 192, 161);
	border-radius: 50%;
	/* Crée un cercle */
	display: flex;
	justify-content: center;
	align-items: center;
	/*padding-top: 1vw;*/
}

/* Effet de survol pour le conteneur de l'icône */
.reseaux_socials .icon-container:hover {
	border-color: rgb(255, 124, 30);
}

/* Effet de survol pour l'icône SVG */
.reseaux_socials .icon-container:hover img {
	filter: invert(48%) sepia(93%) saturate(1352%) hue-rotate(346deg) brightness(103%) contrast(101%);
}

.reseaux_socials img {
	width: 60%;
	/* Ajuste la taille de l'icône pour s'adapter à l'intérieur du cercle */
	height: auto;
}

.reseaux_square-point {
	display: inline-block;
	width: 1.3vw;
	/* Taille du carré proportionnelle au texte */
	height: 1.3vw;
	background-color: rgb(200, 192, 161);
	/* Couleur du carré */
	margin-left: 1vw;
	/* Espacement entre le texte et le carré */
	vertical-align: middle;
	/* Aligner verticalement au milieu de la ligne d'écriture */
}

/* Conteneur de la section en pleine largeur */
.reseaux_section_full-width {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: white;
	height: 20vw;
}

/* Demi-cercle pour la transition de couleur */
.reseaux_section_semi-circle {
	position: absolute;
	top: -40vw;
	/* Ajuste la position pour qu'il commence plus haut */
	left: 0;
	width: 100%;
	height: 50vw;
	/* Ajuste la hauteur pour un arrondi plus naturel */
	background: rgb(165, 159, 134);
	/* Couleur de fond initiale */
	clip-path: ellipse(100% 100% at 50% 0);
	/* Utilise un rapport d'ellipse plus arrondi */
	z-index: 1;
}

.newsletter_container {
	display: flex;
	align-items: center;
	justify-content: center;
	/* Centrer horizontalement */
	margin-bottom: 0;
	/* Réduire ou supprimer l'espace en bas */
	position: relative;
	top: -3.3vw;
	padding-bottom: 3.6vw;
	width: 100%;
	/* S'assurer que le conteneur prend toute la largeur */
}

/* Style de l'image */
.newsletter_icon {
	width: 14vw;
	margin-right: 3%;
	/* Espacement entre l'image et le texte à 3% */
}

/* Conteneur du symbole et du texte */
.newsletter_symbol-text {
	position: relative;
	height: 5vw;
	width: 25%;
	margin-left: 3vw;
}

/* Grand cercle */
.newsletter_ellipse-large {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: 1vw;
	top: -3vw;
}

/* Petit cercle avec le "+" à la place de l'image */
.newsletter_ellipse-small {
	position: absolute;
	width: 5vw;
	height: 5vw;
	left: 0;
	top: 3.3vw;
	background-color: rgba(146, 221, 58, 1);
	/* Vert */
	border-radius: 50%;
	/* Assurer que le cercle reste rond */
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 5vw;
	font-weight: 100;
}

/* Texte "La newsletter Interchanvre" */
.newsletter_text {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3vw;
	letter-spacing: 0.05vw;
	line-height: 3.3vw;
	color: black;
	position: absolute;
	top: -1vw;
	/* Ajustement pour centrer verticalement sur le symbole */
	left: 4vw;
	z-index: 2;
}