@media screen and (max-width: 768px) {
	html,
	body {
	overflow-x: hidden;
	}
	
	.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 */
	.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: 6vw;
	left: 15vw;
	padding-bottom: 50vw;
	}
	
	/* Grand cercle */
	.decouvrir_ellipse-large {
	position: absolute;
	width: 20vw;
	height: 20vw;
	left: 1vw;
	top: -3vw;
	}
	
	/* Petit cercle avec l'image de la flèche */
	.decouvrir_ellipse-small {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: 0;
	top: 8vw;
	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: 6vw;
	letter-spacing: 0.05vw;
	line-height: 7.3vw;
	/* font-weight: 100; */
	color: rgb(19, 55, 51);
	position: absolute;
	top: -1vw;
	left: 5.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: 365vw;
	}
	
	.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 {
	font-size: 5vw;
	line-height: 8vw;
	}
	
	.utiliser_image-section {
	display: none;
	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: 20vw;
	height: 20vw;
	left: 1vw;
	top: -3vw;
	}
	
	/* Petit cercle avec l'image de la flèche */
	.utiliser_ellipse-small {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: 0;
	top: 6vw;
	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: 6vw;
	letter-spacing: 0.05vw;
	line-height: 7.3vw;
	/* font-weight: 100; */
	color: rgb(19, 55, 51);
	position: absolute;
	top: -1vw;
	left: 6.8vw;
	z-index: 2;
	}
	
	/* Conteneur de l'image en pleine largeur */
	.utiliser_full-width-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 11.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: block;
	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: 9.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: 6vw;
	letter-spacing: 0.05vw;
	line-height: 7.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: 5vw;
	line-height: 8vw;
	text-align: left;
	padding-bottom: 2.6vw;
	width: 90%;
	transform: translate(0, -2em);
	}
	
	.benefices_ellipse-small_pse {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: 0;
	top: 9vw;
	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: 8vw;
	font-weight: 600;
	color: white;
	transition: color 0.3s ease;
	line-height: 12vw;
	padding-left: 5vw;
	padding-bottom: 2vw;
	}
	
	.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: 8vw;
	font-weight: 600;
	text-align: left;
	color: white;
	transition: color 0.3s ease;
	line-height: 12vw;
	padding-left: 5vw;
	padding-bottom: 2vw;
	}
	
	.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: 90vw;
	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 {
	position: relative;
	left: -24vw;
	top: -9vw;
	}
	
	/* Conteneur du symbole et du texte */
	.newsletter_symbol-text {
	position: relative;
	top: 9vw;
	left: -5vw;
	}
	
	/* Grand cercle */
	.newsletter_ellipse-large {
	position: absolute;
	width: 20vw;
	height: 20vw;
	left: 1vw;
	top: -3vw;
	}
	
	/* Petit cercle avec le "+" à la place de l'image */
	.newsletter_ellipse-small {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: 0;
	top: 8vw;
	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;
	}
	
	/* Styles mobiles pour InterChanvre */
	/* Reset général pour le mobile */
	html, body {
	overflow-x: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	
	/* Section portrait */
	.portrait_photo-container {
	height: 180vw;
	}
	
	.portrait_points-navigation {
	display: none;
	right: 15px;
	top: 80px;
	}
	
	.portrait_point {
	width: 8px;
	height: 8px;
	}
	
	.portrait_person-info {
	right: 3vw;
	top: 7vw;
	/*font-size: 16px;*/
	}
	
	.portrait_name {
	font-size: 5vw;
	opacity: 1;
	}
	
	.portrait_role {
	font-size: 3.5vw;
	margin-top: 50px;
	line-height: 1.4;
	}
	
	.portrait_bottom-left-text {
	font-size: 10vw;
	left: 6vw;
	}
	
	.portrait_thin-text {
	font-size: 5vw;
	line-height: 3.5vw;
	}
	
	.portrait_bottom-right-text {
	width: 90%;
	font-size: 4vw;
	line-height: 1.6;
	bottom: 15px;
	right: 15px;
	padding-bottom: 20px;
	}
	
	/* Section message */
	.message_event-info {
	font-size: 12px;
	padding: 10px;
	}
	
	/* Section découvrir */
	.decouvrir-info {
	font-size: 36px;
	padding-left: 20px;
	padding-top: 30px;
	}
	
	.decouvrir_square-point {
	width: 10px;
	height: 10px;
	}
	
	.decouvrir_two-columns {
	flex-direction: column;
	padding: 20px;
	gap: 30px;
	padding-bottom: 23vw;
	}
	
	.decouvrir_column {
	width: 100%;
	}
	
	.decouvrir_text-description {
	font-size: 5vw;
	line-height: 1.5;
	padding-top: 2vw;
	padding-bottom: 5vw;
	}
	
	/* Section utiliser */
	.utiliser_container {
	height: auto;
	padding: 20px;
	}
	
	.utiliser_central-image {
	width: 80%;
	position: relative;
	top: 0;
	transform: translate(-50%, 0);
	}
	
	.utiliser_corner-image {
	display: none;
	position: relative;
	width: 100%;
	margin: 20px 0;
	transform: none;
	}
	
	.utiliser_text_container {
	flex-direction: column;
	padding: 20px;
	}
	
	.utiliser_text-section {
	width: 100%;
	/*font-size: 16px;*/
	transform: none;
	}
	
	/* Section bénéfices */
	.benefices_title {
	font-size: 36px;
	padding-left: 20px;
	}
	
	.benefices_columns_icons {
	/*flex-direction: column;*/
	/*gap: 30px;*/
	}
	
	.benefices_icon img {
	width: 80px;
	}
	
	.benefices_text {
	font-size: 24px;
	}
	
	.benefices_text_description {
	width: 90%;
	margin: 5vw;
	font-size: 5vw;
	line-height: 8vw;
	padding-bottom: 6vw;
	}
	
	/* Section plus */
	.plus_container {
	flex-direction: column;
	padding: 20px;
	}
	
	.plus_col-left,
	.plus_col-right {
	width: 100%;
	margin-bottom: 20px;
	}
	
	.plus_text-overlay {
	font-size: 24px;
	line-height: 1.2;
	padding: 10px;
	}
	
	/* Section réseaux */
	.reseaux_row {
	display: none;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	}
	
	.reseaux_column {
	width: 100%;
	}
	
	.reseaux_socials {
	width: 100%;
	padding: 20px;
	}
	
	.reseaux_socials .icon-container {
	width: 60px;
	height: 60px;
	border-width: 3px;
	}
	
	/* Section newsletter */
	.newsletter_container {
	flex-direction: column-reverse;
	align-items: center;
	gap: 17vw;
	text-align: center;
	}
	
	.newsletter_icon {
	width: 18vw;
	}
	
	.newsletter_text {
	font-size: 6vw;
	line-height: 7vw;
	margin-left: 2vw;
	margin-top: 1vw;
	}
	
	/* Section utiliser - Désactivation des animations */
	.utiliser_container {
	height: auto;
	padding: 20px;
	transform: none !important; /* Empêche toute transformation */
	}
	
	.utiliser_central-image {
	width: 80%;
	position: relative;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: none; /* Désactive les transitions */
	}
	
	/* Réorganisation des images en affichage statique */
	.utiliser_corner-image {
	position: relative;
	width: 100%;
	margin: 20px 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transform: none !important; /* Empêche les transformations */
	opacity: 1 !important; /* Force l'opacité à 100% */
	visibility: visible !important; /* Assure que l'élément reste visible */
	transition: none !important; /* Désactive toutes les transitions */
	animation: none !important; /* Désactive toutes les animations */
	}
	
	/* Réinitialisation des positions spécifiques */
	.utiliser_top-left,
	.utiliser_top-right,
	.utiliser_bottom-left,
	.utiliser_bottom-right {
	position: relative;
	width: 100%;
	transform: none;
	}
	
	/* Désactivation du Javascript pour l'animation */
	#javascript_utiliser {
	display: none !important;
	}
	
	.footer_desktop {
	display: none;
	}
}