@media screen and (max-width: 768px) {
	html,
	body {
	overflow-x: hidden;
	}
	
	.transformer_01_image_titre {
	width: 100vw;
	position: relative;
	z-index: -1;
	height: 52vw;
	}
	
	.transformer_01_bottom-left-text {
	position: absolute;
	top: 31vw;
	left: 1vw;
	color: white;
	font-family: 'FinalSix';
	font-size: 8.33vw;
	font-weight: bold;
	}
	
	.transformer_01_bottom-left-text p {
	margin: 0;
	line-height: 1.2;
	padding-left: 4vw;
	}
	
	.transformer_01_thin-text {
	font-weight: 100;
	opacity: 0.9;
	display: inline-block;
	}
	
	.transformer_01_container_transition {
	width: 100%;
	position: relative;
	top: 1.4vw;
	background-color: rgb(19, 55, 51);
	/* Couleur de fond par défaut */
	}
	
	.transformer_01_masked-div {
	position: absolute;
	/* Position en arrière-plan */
	top: -4.6vw;
	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 */
	}
	
	.transformer_02_symbol-text {
	position: relative;
	top: 6.25vw;
	padding-bottom: 10vw;
	z-index: 1;
	font-family: 'FinalSix';
	font-size: 2vw;
	text-transform: uppercase;
	}
	
	.transformer_02_ellipse-large {
	position: absolute;
	height: 16.5vw;
	left: -12vw;
	top: 0vw;
	padding-left: 20vw;
	}
	
	.transformer_02_titre {
	position: relative;
	font-size: 3.5vw;
	font-weight: bold;
	color: rgb(19, 55, 51);
	padding-left: 29vw;
	/*padding-top: 2.5vw;*/
	}
	
	.transformer_02_texte {
	font-family: 'Poppins';
	font-size: 1.2vw;
	line-height: 2.35vw;
	width: 42vw;
	margin: 0 auto;
	/* Centre le texte horizontalement */
	/*text-align: center; /* Centre le texte dans la boîte */
	padding-bottom: 8.5vw;
	padding-top: 4.8vw;
	}
	
	.reseaux_socials {
	display: flex;
	justify-content: space-between;
	width: 80vw;
	margin: 0 auto;
	}
	
	.reseaux_socials div {
	width: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
	}
	
	.reseaux_socials .icon-container {
	width: 14vw;
	height: 14vw;
	border: 1.4vw solid rgb(201, 192, 161);
	border-radius: 50%;
	/* Crée un cercle */
	display: flex;
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3vw;
	justify-content: center;
	align-items: center;
	}
	
	.reseaux_socials .text_container {
	width: 14vw;
	font-family: 'Poppins';
	font-size: 1.22vw;
	text-align: center;
	padding-top: 2vw;
	}
	
	#transformer_03 {
	background-color: #F3F3F0;
	}
	
	.transformer_03_container {
	position: relative;
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	padding-bottom: 6.5vw;
	padding-right: 11vw;
	padding-top: 8.3vw;
	}
	
	.transformer_03_text-section {
	font-family: 'Poppins', sans-serif;
	font-size: 1.3vw;
	line-height: 2.35vw;
	color: black;
	width: 40vw;
	position: relative;
	left: -4.3vw;
	}
	
	.transformer_03_image_seule {
	position: relative;
	left: 19.2vw;
	width: 16.5vw;
	top: 11vw;
	}
	
	.transformer_03_titre {
	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);
	padding-bottom: 3vw;
	}
	
	/* Conteneur du symbole et du texte */
	.decouvrir_symbol-text {
	position: relative;
	top: 4vw;
	margin-top: 1.3vw;
	padding-bottom: 18.5vw;
	}
	
	/* 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: 4.3vw;
	background-color: rgba(146, 221, 58, 1);
	/* Vert */
	background-image: url('../images/icons/telechargement.svg');
	/* Chemin vers ton image */
	background-size: 100%;
	/* 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: 0.2vw;
	left: 3.8vw;
	z-index: 2;
	}
	
	.image-container {
	display: flex;
	justify-content: space-between;
	padding-left: 4vw;
	padding-right: 4vw;
	}
	
	.image-container a {
	display: inline-block;
	transition: all 0.3s ease;
	}
	
	.image-container img {
	width: 10vw;
	/* Set the appropriate width */
	height: auto;
	transition: all 0.3s ease;
	}
	
	.image-container a:hover {
	transform: scale(1.1);
	filter: brightness(1.1);
	}
	
	.image-container a:hover img {
	/*box-shadow: 0 4px 8px rgba(0,0,0,0.1);*/
	}
	
	#transformer_04 {
	background-color: #F3F3F0;
	margin-top: -1.3vw;
	}
	
	.transformer_04_bas_symbol-text {
	position: relative;
	top: 9vw;
	margin-top: 1.3vw;
	padding-bottom: 24.5vw;
	left: 16vw;
	}
	
	.transformer_04_bas_ellipse-large {
	position: absolute;
	width: 20vw;
	height: 20vw;
	left: -5vw;
	top: -4vw;
	}
	
	.transformer_04_bas_ellipse-small {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: -23px;
	top: 8.3vw;
	background-image: url('../images/icons/orange_fleche.svg');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	}
	
	.transformer_04_bas_text {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 6vw;
	letter-spacing: 0.05vw;
	line-height: 7.3vw;
	color: rgb(19, 55, 51);
	position: absolute;
	top: -1.2vw;
	left: 3.7vw;
	z-index: 2;
	}
	
	.transformer_04_full-width-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 9.3vw;
	/*height: 55.2vw;*/
	height: 54vw;
	}
	
	/* Masquage arrondi sur les bords supérieurs */
	.transformer_04_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 */
	}
	
	.lien_invisible {
	text-decoration: none;
	color: inherit;
	}
	
	.transformer_05_symbol-text {
	position: relative;
	top: 11.2vw;
	padding-bottom: 16vw;
	z-index: 1;
	font-family: 'FinalSix';
	font-size: 2vw;
	text-transform: uppercase;
	}
	
	.transformer_05_ellipse-large {
	position: absolute;
	height: 16.5vw;
	left: -10vw;
	top: 0vw;
	padding-left: 18.2vw;
	}
	
	.transformer_05_titre {
	position: relative;
	font-size: 3.5vw;
	font-weight: bold;
	color: rgb(19, 55, 51);
	padding-left: 27.8vw;
	/*padding-top: 2.45vw;*/
	}
	
	.transformer_05_texte {
	font-family: 'Poppins';
	font-size: 1.25vw;
	line-height: 2.35vw;
	/* width: 41.5vw; */
	/* margin: 0 auto; */
	padding-left: 28vw;
	padding-right: 28vw;
	/*padding-bottom: 4.5vw;*/
	padding-top: 7.7vw;
	}
	
	.transformer_06_container_even,
	.transformer_06_container_odd {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	/* Changed from center to flex-start */
	/*padding-bottom: 9.2vw;*/
	padding-top: 8vw;
	}
	
	.transformer_06_image_seule {
	position: relative;
	width: 35.8vw;
	/*left: 8.12vw;*/
	}
	
	.transformer_06_titre_vert_even,
	.transformer_06_titre_vert_odd {
	color: #FF7B1E;
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3.3vw;
	letter-spacing: 0.05vw;
	line-height: 3.3vw;
	padding-bottom: 3vw;
	}
	
	.transformer_06_text-section_even,
	.transformer_06_text-section_odd {
	font-family: 'Poppins', sans-serif;
	font-size: 1.25vw;
	line-height: 2.35vw;
	color: black;
	width: 55.2vw;
	}
	
	.transformer_06_text-section_odd {
	padding-right: 19vw;
	}
	
	.transformer_06_text-section_even {
	text-align: right;
	padding-left: 19vw;
	}
	
	.transformer_06_full-width-image-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 8.2vw;
	/*height: 55.1vw;*/
	height: 54vw;
	}
	
	.transformer_06_full-width-image {
	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 */
	}
	
	#transformer_07 {
	background-color: rgb(236, 235, 228);
	}
	
	.transformer_07_symbol-text {
	position: relative;
	top: 11.5vw;
	/* padding-top: 5vw; */
	padding-bottom: 16.8vw;
	/* margin-top: 5.6vw; */
	z-index: 1;
	font-family: 'FinalSix';
	font-size: 2vw;
	text-transform: uppercase;
	}
	
	.transformer_07_titre {
	font-size: 3.6vw;
	color: rgb(19, 55, 51);
	font-weight: bold;
	padding-left: 29.8vw;
	/*padding-top: 1.5vw;*/
	position: relative;
	}
	
	.transformer_07_ellipse-large {
	position: absolute;
	height: 16.5vw;
	left: -12vw;
	top: 0vw;
	padding-left: 20vw;
	}
	
	.transformer_07_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 19.3vw;
	padding-top: 6.3vw;
	padding-right: 19vw;
	}
	
	.transformer_07_container img {
	position: relative;
	width: 22.8vw;
	}
	
	.transformer_07_texte_section {
	font-family: 'Poppins', sans-serif;
	font-size: 1.25vw;
	line-height: 2.35vw;
	color: black;
	width: 31.2vw;
	}
	
	.transformer_07_titre_section {
	color: rgb(19, 55, 51);
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3.3vw;
	letter-spacing: 0.05vw;
	line-height: 3.3vw;
	padding-bottom: 3vw;
	}
	
	/* Conteneur du symbole et du texte */
	.transformer_07_bas_symbol-text {
	position: relative;
	top: 1vw;
	margin-top: 1.3vw;
	padding-bottom: 27.5vw;
	left: 24vw;
	}
	
	/* Grand cercle */
	.transformer_07_bas_ellipse-large {
	position: absolute;
	width: 20vw;
	height: 20vw;
	left: -5vw;
	top: -4vw;
	}
	
	/* Petit cercle avec l'image de la flèche */
	.transformer_07_bas_ellipse-small {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: -6vw;
	top: 8.3vw;
	background-image: url('../images/icons/orange_fleche.svg');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	}
	
	/* Texte "Découvrir Le chanvre" */
	.transformer_07_bas_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: -1.2vw;
	left: 0vw;
	z-index: 2;
	}
	
	#transformer_08 {
	background-color: rgb(236, 235, 228);
	}
	
	.transformer_08_full-width-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: white;
	/* Applique la couleur de fond */
	height: 50vw;
	/* Définissez une hauteur appropriée */
	}
	
	/* Masquage arrondi sur les bords supérieurs */
	.transformer_08_full-width-image {
	clip-path: ellipse(100% 100% at 50% 100%);
	}
	
	.transformer_08_symbol-text {
	background-color: white;
	position: relative;
	z-index: 1;
	font-family: 'FinalSix';
	font-size: 2vw;
	text-transform: uppercase;
	margin-top: -41vw;
	height: 25vw;
	}
	
	.transformer_08_ellipse-large {
	height: 16.5vw;
	padding-left: 21vw;
	}
	
	.transformer_08_titre {
	position: relative;
	top: -16.3vw;
	font-size: 3.5vw;
	font-weight: bold;
	color: rgb(19, 55, 51);
	padding-left: 30.8vw;
	}
	
	.transformer_08_image-container {
	padding-top: 3vw;
	display: flex;
	justify-content: center;
	/* Centre l'image horizontalement */
	align-items: center;
	/* Centre l'image verticalement si nécessaire */
	background-color: white;
	}
	
	.transformer_08_schema {
	position: relative;
	z-index: 1;
	width: 82.7vw;
	}
	
	.transformer_08_texte {
	background-color: white;
	font-family: 'Poppins';
	font-size: 1.25vw;
	line-height: 2.35vw;
	padding-left: 36.4vw;
	padding-right: 28vw;
	padding-bottom: 4.5vw;
	padding-top: 4vw;
	}
	
	#transformer_09 {
	background-color: white;
	}
	
	.transformer_09_bas_symbol-text {
	position: relative;
	margin-top: 1.3vw;
	padding-bottom: 24vw;
	left: 27vw;
	}
	
	/* Grand cercle */
	.transformer_09_bas_ellipse-large {
	position: absolute;
	width: 20vw;
	height: 20vw;
	left: -5vw;
	top: -4vw;
	}
	
	/* Petit cercle avec l'image de la flèche */
	.transformer_09_bas_ellipse-small {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: -5vw;
	top: 8vw;
	background-image: url('../images/icons/orange_fleche.svg');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	}
	
	/* Texte "Découvrir Le chanvre" */
	.transformer_09_bas_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: -1.2vw;
	left: 1.4vw;
	z-index: 2;
	}
	
	
	
	/* POUR MOBILES */
	/* Ajustements généraux */
	html, body {
	font-size: 16px;
	}
	
	.footer_desktop {
	display: none;
	}
	/* Section 01 - Header */
	.transformer_01_bottom-left-text {
	top: 60vh;
	left: 5vw;
	font-size: 12vw;
	}
	
	.transformer_01_thin-text {
	font-size: 8vw;
	}
	
	/* Section 02 */
	.transformer_02_symbol-text {
	top: 10vw;
	padding-bottom: 15vw;
	font-size: 4vw;
	}
	
	.transformer_02_titre {
	font-size: 6vw;
	padding-left: 15vw;
	}
	
	.transformer_02_texte {
	font-size: 3.5vw;
	line-height: 5vw;
	width: 90vw;
	padding: 8vw 5vw;
	}
	
	/* Section 03 */
	.transformer_03_container {
	flex-direction: column;
	padding: 10vw 5vw;
	}
	
	.transformer_03_text-section {
	font-size: 3.5vw;
	line-height: 5vw;
	width: 90vw;
	left: 0;
	}
	
	.transformer_03_image_seule {
	width: 40vw;
	left: 30vw;
	top: 0;
	margin-bottom: 5vw;
	}
	
	.transformer_03_titre {
	font-size: 6vw;
	line-height: 7vw;
	}
	
	/* Section 05 */
	.transformer_05_symbol-text {
	top: 15vw;
	font-size: 4vw;
	}
	
	.transformer_05_titre {
	font-size: 6vw;
	padding-left: 15vw;
	}
	
	.transformer_05_texte {
	font-size: 3.5vw;
	line-height: 5vw;
	padding: 8vw 5vw;
	}
	
	/* Section 06 */
	.transformer_06_container_even,
	.transformer_06_container_odd {
	flex-direction: column;
	padding: 10vw 5vw;
	}
	
	.transformer_06_text-section_even,
	.transformer_06_text-section_odd {
	font-size: 3.5vw;
	line-height: 5vw;
	width: 90vw;
	padding: 5vw 0;
	text-align: left;
	}
	
	.transformer_06_image_seule {
	width: 100%;
	}
	
	.transformer_06_titre_vert_even,
	.transformer_06_titre_vert_odd {
	font-size: 6vw;
	line-height: 7vw;
	}
	
	/* Section 07 */
	.transformer_07_symbol-text {
	top: 15vw;
	padding-bottom: 20vw;
	}
	
	.transformer_07_titre {
	font-size: 6vw;
	padding-left: 15vw;
	}
	
	.transformer_07_container {
	flex-direction: column;
	padding: 10vw 5vw;
	}
	
	.transformer_07_container img {
	width: 90vw;
	margin-bottom: 5vw;
	}
	
	.transformer_07_texte_section {
	font-size: 3.5vw;
	line-height: 5vw;
	width: 90vw;
	}
	
	.transformer_07_titre_section {
	font-size: 6vw;
	line-height: 7vw;
	}
	
	/* Section 08 */
	.transformer_08_titre {
	font-size: 6vw;
	padding-left: 15vw;
	top: -20vw;
	}
	
	.transformer_08_schema {
	width: 95vw;
	}
	
	.transformer_08_texte {
	font-size: 3.5vw;
	line-height: 5vw;
	padding: 8vw 5vw;
	}
	
	/* Images logos */
	.image-container {
	flex-wrap: wrap;
	padding: 5vw;
	gap: 5vw;
	justify-content: center;
	}
	
	.image-container img {
	width: 40vw;
	}
	
	.transformer_01_bottom-left-text {
	top: 10vh;
	left: 5vw;
	font-size: 10vw;
	}
	.transformer_01_thin-text {
  	transform: none;
	}
}