html,
body {
	overflow-x: hidden;
}

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

.developper_01_image_titre {
	width: 100vw;
	margin-top: -5.5vw;
	position: relative;
	z-index: -1;
}

.developper_01_bottom-left-text {
	position: absolute;
	top: 26vw;
	left: 1vw;
	color: white;
	font-family: 'FinalSix';
	font-size: 8.33vw;
	font-weight: bold;
}

.developper_01_bottom-left-text p {
	margin: 0;
	line-height: 1.2;
	padding-left: 7vw;
}

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

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

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

#developper_02 {
	background-color: rgb(19,55,51);
}

.developper_02_symbol-text {
	position: relative;
	top: 6.25vw;
	padding-bottom: 10vw;
	z-index: 1;
	font-family: 'FinalSix';
	font-size: 2vw;
	text-transform: uppercase;
}

.developper_02_ellipse-large {
	position: absolute;
	height: 16.5vw;
	left: 1vw;
	top: -3vw;
	padding-left: 20vw;
}

.developper_02_titre {
	position: relative;
	font-size: 3.5vw;
	font-weight: bold;
	color: white;
	padding-left: 29vw;
	/*padding-top: 2.5vw;*/
}

.developper_02_texte {
	font-family: 'Poppins';
	font-size: 1.2vw;
	line-height: 2.35vw;
	width: 42vw;
	margin: 0 auto;
	color: white;
	/* Centre le texte horizontalement */
	/*text-align: center; /* Centre le texte dans la boîte */
	padding-bottom: 8.5vw;
	padding-top: 4.8vw;
}

#developper_03 {
	background-color: rgb(35,68,64);
}

.developper_03_titre {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3vw;
	letter-spacing: 0.05vw;
	line-height: 3.3vw;
	color: white;
	padding-top: 11vw;
	padding-bottom: 3vw;
	padding-left: 39.5vw;
}

.developper_03_image_container {
	width: 43vw;
	margin: auto;
	padding-top: 3.5vw;
	padding-bottom: 8vw;
}
.developper_03_image_seule {
	width: 100%;
}

.developper_03_stripe_container {
	background-color: rgb(19, 55, 51);
	padding-top: 1vw;
	padding-bottom: 1vw;
}

.developper_03_stripe_container_div {
	display: flex;
	justify-content: space-between;
	width: 80vw;
	margin: 0 auto;
	color: rgb(255,123,31);
}

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

.developper_03_stripe_container_div .icon-container {
	display: flex; /* Utiliser flexbox pour centrer les éléments */
	flex-direction: column; /* Disposer l'image et le texte verticalement */
	justify-content: center; /* Centrer verticalement */
	align-items: center; /* Centrer horizontalement */
	text-align: center;
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 1.45vw;
}

.icon-container img {
	display: block;
	margin-bottom: 1em;
	height: 4vw;
}

.developper_03_stripe_container_div .text_container {
	width: 14vw;
	font-family: 'Poppins';
	font-size: 1.22vw;
	text-align: center;
	padding-top: 2vw;
}

.developper_03_texte {
	font-family: 'Poppins';
	font-size: 1.2vw;
	line-height: 2.35vw;
	width: 42vw;
	margin: 0 auto;
	color: white;
	/* Centre le texte horizontalement */
	/*text-align: center; /* Centre le texte dans la boîte */
	padding-bottom: 8.5vw;
	padding-top: 3vw;
}

.developper_03_symbol {
	position: relative;
	left: 28.8vw;
	padding-bottom: 15vw;
}

.developper_03_symbol-ellipse-large {
	position: absolute;
	width: 10vw;
	height: 10vw;
	left: 1vw;
	top: -3vw;
}

.developper_03_symbol-ellipse-small {
	position: absolute;
	width: 5vw;
	height: 5vw;
	left: 0;
	top: 3.3vw;
	background-color: rgba(255, 124, 30, 1);
	background-image: url('../images/icons/orange_fleche.svg');
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
}

.developper_03_symbol-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: white;
	position: absolute;
	top: -1.2vw;
	left: 3.8vw;
	z-index: 2;
}

#developper_04 {
	background-color: rgb(19,55,51);
}

.developper_04_container {
	position: relative;
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	padding-right: 11vw;
	padding-top: 8.3vw;
}

.developper_04_image_seule {
	position: relative;
	top: -3vw;
	width: 32.5vw;
	padding-left: 19vw;
}

.developper_04_titre {
	font-family: 'Branding', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 3.3vw;
	letter-spacing: 0.05vw;
	line-height: 3.3vw;
	/* font-weight: 100; */
	color: white;
	/*padding-bottom: 3vw;*/
	padding-right: 31vw;
}

.developper_04_images {
	position: relative;
	padding-bottom: 43.5vw;
	padding-top: 2vw;
}

.developper_04_underneath-image {
	position: absolute;
	/*top: 15.5vw;*/
	/*left: 8vw;*/
	z-index: 1;
	width: 87vw;
	/*padding-top: 15.5vw;*/
	padding-left: 24.9vw;
}

.developper_04_bottom-right {
	position: absolute;
	z-index: 2;
	left: 12.4vw;
	top: 27.5vw;
	width: 24.8vw;
}

.developper_04_text-section {
	font-family: 'Poppins', sans-serif;
	font-size: 1.25vw;
	line-height: 2.3vw;
	color: white;
	width: 87.5vw;
	padding-left: 45.6vw;
	padding-bottom: 17vw;
}

.developper_04_bottom-bis {
	position: absolute;
	z-index: 2;
	left: 20.4vw;
	top: 60.5vw;
	width: 16.8vw;
}

.developper_04_masque_arrondit {
	height: 8vw;
}

.developper_04_full-width-image {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: white;
	height: 50vw;
	clip-path: ellipse(100% 100% at 50% 100%);
}

.developper_05_symbol-text {
	position: relative;
	top: 6.25vw;
	padding-bottom: 10vw;
	z-index: 1;
	font-family: 'FinalSix';
	font-size: 2vw;
	text-transform: uppercase;
}

.developper_05_ellipse-large {
	position: absolute;
	height: 16.5vw;
	left: 1vw;
	top: -3vw;
	padding-left: 20vw;
}

.developper_05_titre {
	position: relative;
	font-size: 3.5vw;
	font-weight: bold;
	color: rgb(19, 55, 51);
	padding-left: 29vw;
	/*padding-top: 2.5vw;*/
}

.developper_05_texte {
	position: relative;
	z-index: 1;
	font-family: 'Poppins';
	font-size: 1.2vw;
	line-height: 2.35vw;
	width: 42vw;
	margin: 0 auto;
	color: black;
	/* Centre le texte horizontalement */
	/*text-align: center; /* Centre le texte dans la boîte */
	padding-bottom: 8.5vw;
	padding-top: 4.8vw;
}

.developper_05_background {
	background-color: rgb(243, 243, 240);
}

.developper_05_masque_arrondit {
	height: 8vw;
}

.developper_05_full-width-image {
	position: relative;
	top: -21vw;
	width: 100%;
	overflow: hidden;
	background-color: white; /* Applique la couleur de fond */
	height: 50vw; /* Définissez une hauteur appropriée */
	clip-path: ellipse(100% 50% at 50% 0%);
}

.developper_05_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 19.3vw;
	padding-right: 19vw;
	padding-bottom: 6.3vw;
}

.developper_05_container img {
	position: relative;
	width: 22.8vw;
}

.developper_05_texte_section {
	font-family: 'Poppins', sans-serif;
	font-size: 1.25vw;
	line-height: 2.35vw;
	color: black;
	width: 31.2vw;
}

.developper_05_titre_section {
	color: rgb(255, 123, 31);
	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;
}

.developper_05_masque_arrondit_bas {
	height: 8vw;
}

.developper_05_full-width-image_bas {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: rgb(19,55,51);
	height: 50vw;
	clip-path: ellipse(100% 100% at 50% 100%);
}

#developper_06 {
	background-color: rgb(19,55,51);
}

.developper_06_symbol-text {
	position: relative;
	top: 5vw;
	padding-bottom: 10vw;
	z-index: 1;
	font-family: 'FinalSix';
	font-size: 2vw;
	text-transform: uppercase;
}

.developper_06_ellipse-large {
	position: absolute;
	height: 16.5vw;
	left: 1vw;
	top: -3vw;
	padding-left: 20vw;
}

.developper_06_titre {
	position: relative;
	font-size: 3.5vw;
	font-weight: bold;
	color: white;
	padding-left: 29vw;
	/*padding-top: 2.5vw;*/
}

.developper_06_texte {
	position: relative;
	font-family: 'Poppins';
	font-size: 1.2vw;
	line-height: 2.35vw;
	width: 42vw;
	margin: 0 auto;
	color: white;
	/* Centre le texte horizontalement */
	/*text-align: center; /* Centre le texte dans la boîte */
	padding-bottom: 8.5vw;
	padding-top: 4.8vw;
}

.developper_06_container_bas {
	position: relative;
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	background-color: rgb(35,68,64);
	padding-bottom: 3vw;
	padding-right: 11vw;
	padding-top: 8.3vw;
}

.developper_06_background {
	background-color: rgb(35,68,64);
	margin-top: -2vw;
	padding-top: 2vw;
}

.developper_06_text-section_bas {
	font-family: 'Poppins', sans-serif;
	font-size: 1.3vw;
	line-height: 2.35vw;
	color: white;
	width: 40vw;
	position: relative;
	left: -4.3vw;
}

.developper_06_image_seule_bas {
	position: relative;
	left: 19.2vw;
	width: 16.5vw;
}

.developper_06_titre_bas {
	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: white;
	padding-bottom: 3vw;
}

/* Conteneur du symbole et du texte */
.developper_06_symbol-text_bas {
	position: relative;
	top: 4vw;
	left: 34vw;
	margin-top: 1.3vw;
	padding-bottom: 18.5vw;
}

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

/* Petit cercle avec l'image de la flèche */
.developper_06_ellipse-small_bas {
	position: absolute;
	width: 5vw;
	height: 5vw;
	left: 0;
	top: 3.3vw;
	background-color: rgba(146, 221, 58, 1);
	/* Vert */
	background-image: url('../images/icons/orange_fleche.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" */
.developper_06_text_bas {
	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: white;
	position: absolute;
	top: -1.2vw;
	left: 3.8vw;
	z-index: 2;
}

.developper_07_masque_arrondit_haut {
	background-color: rgb(35,68,64);
	height: 8vw;
}

.developper_07_full-width-image_haut {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: rgb(243,243,240);
	height: 56vw;
	clip-path: ellipse(100% 100% at 50% 100%);
}

.developper_07_symbol-text {
	position: relative;
	top: 5vw;
	padding-bottom: 14vw;
	/* margin-top: 5.6vw; */
	z-index: 1;
	font-family: 'FinalSix';
	font-size: 2vw;
	text-transform: uppercase;
}

.developper_07_titre {
	font-size: 3.6vw;
	color: rgb(19, 55, 51);
	font-weight: bold;
	padding-left: 29.8vw;
	/*padding-top: 1.5vw;*/
	position: relative;
}

.developper_07_ellipse-large {
	position: absolute;
	height: 16.5vw;
	left: 1vw;
	top: -3vw;
	padding-left: 20vw;
}

.developper_07_texte {
	position: relative;
	font-family: 'Poppins';
	font-size: 1.2vw;
	line-height: 2.35vw;
	width: 42vw;
	margin: 0 auto;
	color: black;
	/* Centre le texte horizontalement */
	/*text-align: center; /* Centre le texte dans la boîte */
	padding-bottom: 8.5vw;
}

.developper_07_container_bas {
	position: relative;
	display: flex;
	justify-content: space-between;
	/*align-items: center;*/
	padding-bottom: 3vw;
	padding-right: 11vw;
	padding-top: 8.3vw;
}

.developper_07_text-section_bas {
	font-family: 'Poppins', sans-serif;
	font-size: 1.3vw;
	line-height: 2.35vw;
	color: rgb(19,55,51);
	width: 40vw;
	position: relative;
	left: -4.3vw;
}

.developper_07_image_seule_bas {
	position: relative;
	left: 12.2vw;
	width: 22.8vw;
}

.developper_07_image_seule_bas img {
	width: 100%;
}

.developper_07_titre_bas {
	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; */
	padding-bottom: 3vw;
}

/* Conteneur du symbole et du texte */
.developper_07_symbol-text_bas {
	position: relative;
	top: 4vw;
	left: 34vw;
	margin-top: 1.3vw;
	padding-bottom: 18.5vw;
}

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

/* Petit cercle avec l'image de la flèche */
.developper_07_ellipse-small_bas {
	position: absolute;
	width: 5vw;
	height: 5vw;
	left: 0;
	top: 3.3vw;
	background-color: rgba(146, 221, 58, 1);
	/* Vert */
	background-image: url('../images/icons/orange_fleche.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" */
.developper_07_text_bas {
	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: -1.2vw;
	left: 3.8vw;
	z-index: 2;
}