/**************************
 *****     PAGE 1     *****
 **************************/
@keyframes flechMain1Animation {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(5px);
	}

	100% {
		transform: translateX(0);
	}
}

#flechMain1 {
	position: relative;
	background-image: url(../img/Accueil/images-site-web-foodhea-25.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 7%;
	height: 40%;
	right: 7%;
	bottom: 100%;

}
#divBackgroundImg{
	background-image: url(../img/image-removebg-preview-7.png);
    background-size: 20rem;
    background-repeat: no-repeat;
    background-position: bottom right;
}
#main6{
	background-image: url(../img/image-removebg-preview_8.png);
	background-size: 20rem;
    background-repeat: no-repeat;
    background-position: center left;
}

#main9 {
	background-image: url(../img/visuels-site-web-V8.1-2.png);
    background-size: 25rem;
    background-repeat: no-repeat;
    background-position: top right;
}
.containerTitle{
	padding: 10rem 0;
}
.containerTitleP{
	padding: 0rem 0 10rem 0;
}
#main4_3 {
    background-image: url(../img/visuels-site-web-V8.1-08.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.inscription_fleche{
	max-width: 12rem;
}
.inscription_fleche2 {
    max-width: 12rem;
    position: absolute;
    left: 10%;
    bottom: 0%;
}
.inscription_fleche3 {
    max-width: 5rem;
	position: absolute;
    top: -5px;
    right: 75%;
    counter-increment: -19%;
}
.relatifDiv{
	position: relative;
	width: 100%;
}
#button_inscription {
position: relative;	
}
#button_d {
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}


#blue_fleche_d{
	/* position: absolute; */
    /* left: -25%; */
    /* top: 30%; */
    /* transform: translateY(-50%); */
	/* margin: auto; */
}


#feille_background{
	/*
	background-image: url(../img/coteconso/ri_1.png);
	background-size: 25rem;
    background-repeat: no-repeat;
    background-position: left bottom;*/
}
@media (max-width: 1280px) {
	#flechMain1 {
		right: 9%;
	}
}

.flechMain1_animate {
	animation: flechMain1Animation 1s infinite;
}

#image_Flech_orange {
	width: 5rem;
	position: relative;
	bottom: 4.5rem;
	right: 2rem;
}

@media (max-width: 640px) {
	#flechMain1 {
		right: 10%;
	}
}




#main1_content {
	display: grid;
	grid-template:
		"a b" auto/ 50% 50%;
	font-size: 3rem;
	margin: auto;
	overflow: visible;
	max-width: 100% !important;
	width: 75%;
	justify-items: center;
	padding: 3rem;
	column-gap: 1rem;
	align-items: start;
}

@media (max-width: 1100px) {
	#main1_content {
		width: 90%;
	}
}
#main1_1 {
	grid-area: a;
	/* Ajout de l'animation */
	animation: fadeInUp 1.5s ease-out;
	color: var(--BLEU);
  font-family: "TuffyBold";
  font-weight: bold;
  font-size: 6.5rem;
  display: flex;
    flex-direction: column;
    justify-content: flex-start;
	position: relative;
}
.info-bubble{
	display: flex;
		font-size: 2.3rem;
		text-align: center;
		position: absolute;
		bottom: 0;
		right: -10%;
		width: 38rem;
		height: 32rem;
		top: 50%;
		background-image: url(../img/Accueil/background.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-family: 'TuffyRegular';
		gap: 1rem;
}

#buttons_section {
    margin-top: 1.5rem;
    display: flex;
    row-gap: 2rem;
    align-items: center;
	flex-direction: column;
}
#sous_buttons_section {
    display: flex;
	gap: 3rem;
}
#buttons_section img {
    width: 4.5rem;
	height: 4.5rem;
    cursor: pointer;
    transition: transform 0.3s ease;
}
#buttons_section a{
	background-color: #005B99;
	display: flex;
	gap: 1rem;
	padding: 0.5rem 1rem;
	border-radius: 1rem;
	font-size: 1.5rem;
	text-decoration: none;
	color: white;
	align-items: center;
}
.platforme{
	font-size: 2.3rem;
}
#buttons_section img:hover {
    transform: scale(1.1);
}
.support-button {
    background-color: #4AA3A3 !important;
    color: white !important;
    border: none !important;

    cursor: pointer !important;
}
#main1_bottom {
	background-color: var(--BLEU);
	margin: 6rem;
	/* Ajout de l'animation */
	animation: fadeInUp 1.5s ease-out;
	padding: 1rem 2.5rem;
}


#main1_2 {
	grid-area: c;
	/* Ajout de l'animation */
	animation: fadeInUp 1.5s ease-out;
}

#div_main1_part2 {
	width: 100%;
}

#main1_3 {
	grid-area: d;
	/* Ajout de l'animation */
	animation: fadeInUp 1.5s ease-out;
	font-size: 3rem;
}

#main1_4 {
	grid-area: e;
	/* Ajout de l'animation */
	animation: fadeInUp 1.5s ease-out;
	max-height: 10rem;
}

@keyframes moveBackgroundOnLoad2 {
	0% {
		left: -10%
	}

	50% {
		left: 7%
	}
	100% {
		left: 0%
	}
}

#main1_0 {
	grid-area: b;
	background-image: url("../img/Accueil/hero_section.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center;
	width: 100%;
	height: 45rem;
	max-width: 95%;
	position: relative;
	animation: moveBackgroundOnLoad2 1s ease-in-out;
}


@keyframes moveBackground2 {
	0% {
		background-position: 122% 0%;
	}

	100% {
		background-position: 100% 0%;
	}
}

.content_main1_image {
	display: flex;
    background-color: #ffffff;
    text-align: start;
    align-items: center;
    justify-content: center;
    gap: 10rem;
    flex-direction: row;
    padding-bottom:5rem;
    width: 75%;
    margin: auto;
}
@media (max-width: 760px) {
	.content_main1_image {
	flex-direction: column-reverse;
	width: 85%;
	gap: 5rem;
	}
}

.animate_main1 {
	animation: moveBackground2 3s alternate;
	opacity: 1;
}





#main1_solo {
	color: var(--BLEU);
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	width: 75%;
	padding: 5rem;
}

#main1_solo2 {
	color: var(--BLEU);
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 75%;
	padding: 5rem;
	align-items: center;
	flex-direction: row-reverse;
	/*background-image: url(../img/Accueil/coindespros4_gs1.webp);
	background-size: 40%;
	background-repeat: no-repeat;
	background-position: right;*/
}

#main2 {
	margin-top: 5rem;
}

#main1_text_solo {
	color: var(--BLEU);
    padding: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 2.5rem;
}
#foodheaImageContent{
	display: flex;
		flex-direction: row;
		justify-content: center;
		justify-items: center;
		align-items: center;
		gap: 5rem;
}

#main1_left {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#main1_left div {
	font-size: 2.5rem;
	text-align: left;
}

#main1_right img {
	max-width: 45rem;
	height: auto;
}

#image_ain1_right2 {
	min-width: 100%;
	min-height: 31rem;
	position: relative;
}

.test_font_600{
    font-size: 3rem;
    font-weight: 600;
}
.font-weight-600{
	font-weight: 600;
}
.avantage_right_div {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

#avantage_left_div {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 50%;
	gap: 4rem;
}



#main1_left {
	width: 57%;
	gap: 3.2rem;
}

.main1_left2 {
	width: 45% !important;
}

#main1_left_title {
	max-width: 69%;
}


/**************************
 *****     PAGE 2     *****
 **************************/
#headband2 {
	background-color: var(--BLEU);
}


#main4_2_content {
	padding: 5rem;
	font-size: 3rem;
	justify-content: flex-start;
	width: 75%;
}
#main2_content{
	padding: 5rem;
	font-size: 3rem;
	justify-content: center;
	width: 75%;
}

#main2_content {
	min-height: 70rem;
	gap: 3rem;
}

/* #main2_content {
	align-items: flex-start !important;
} */


#main2_bottom {
	color: var(--BLEUCLAIR);
	display: flex;
	flex-direction: row;
	padding: 2rem;
	min-height: 45rem;
	width: 100%;
}
@media (max-width: 1070px) {
#main2_content {
	width: auto;
}
}
#main2_left {
	text-align: center;
	display: flex;
	width: 25%;
	flex: 1.1;
}

#main2_left img {
	width: 35rem;
	height: auto;
	margin: auto;
}

.big_number {
	font-size: 16rem !important;
	font-family: 'TuffyRegular',cursive !important;
}

#main2_right {
	flex: 3;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	color: var(--NOIR2);
	width: auto;
	/*margin-right: 18rem;*/
}

#main2_right>div {
	display: flex;
	flex-direction: row;
	padding: 2rem;
	/* align-content: flex-start; */
	align-items: flex-start;
}

#main2_right>div>div:first-child {
	flex: 1;
	color: var(--ORANGE);
	text-align: center;
}

#main2_right>div>div {
	flex: 3;
	vertical-align: middle;
	margin: auto;
	margin-left: 2rem;
	font-size: 3rem;
}

#pro_btn {
	max-width: 20vw;
	font-weight: 600;
	font-family: "RobotoBold";
}

#slide4_content {
	display: grid;
	grid-template-areas:
		"slide4_image slide4_1"
		"slide4_image slide4_2"
		"slide4_image slide4_3"
		"slide4_image slide4_4"
		"slide4_image slide4_5"
		"slide4_image slide4_6"
		"slide4_image slide4_7";
	grid-template-columns: 1fr 2fr;
	gap: 2rem;
	max-width: 75%;
	justify-items: start;
	align-content: center;
	justify-content: space-between;
}

#slide4_image {
	grid-area: slide4_image;

}

#image_slide4 {
	background-image: url("../img/Accueil/visuels-site-web-V8.1-05.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 55rem;
	width: 60rem;
}

#slide4_1,
#slide4_2,
#slide4_3,
#slide4_4,
#slide4_6,
#slide4_7,
#slide4_5 {
	padding: 1rem;
}
#slide4_7{
	color: var(--SAUMON);
}
#slide4_5 {
	display: flex;
}

#btn_part {
	max-width: 80%;
	font-weight: 600;
	font-family: "RobotoBold";
}
#btn_plus_info {
	max-width: 80%;
    font-family: 'TuffyRegular';
    font-size: 2.9rem;
    padding: 2.5rem 4rem;
    background-color: #00a19a;
    border: #00a19a;
    border-radius: 15px;
}
#btn_box{
	display: flex;
    padding-top: 2rem;
    padding-bottom: 10rem;
    justify-content: center;
}
#btn_plus_soutien {
	max-width: 80%;
    font-family: 'TuffyRegular';
    font-size: 2.9rem;
    padding: 2.5rem 4rem;
    background-color: #ee8670;
    border: #ee8670;
    border-radius: 15px;
}
#btn_part_inscription {
	max-width: 80%;
    font-family: 'TuffyRegular',sans-serif;
    font-size: 3rem;
    padding: 1.5rem 3rem;
	
}
#btn_part_d {
	font-weight: 100;
    font-family: 'TuffyRegular',sans-serif;
    font-size: 2.2rem;
    padding: 1.5rem 3rem;
	display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.newsletter-container {
	/* margin-left: 15rem; */
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}
.foodletter-banner {
	display: inline-block;
	/* Permet au ::after de fonctionner correctement */
	font-family: Arial, sans-serif;
	/* Police de caractères */
	font-size: 24px;
	/* Taille de la police */
	color: #333;
	/* Couleur du texte */
	position: relative;
	/* Pour le positionnement de l'effet de surlignage */
	line-height: 1;
	/* Assurez-vous que la ligne est serrée autour du texte */
}

.marker-effect {
	position: relative;
	display: inline;
	z-index: 1;
}

.marker-effect::after {
	z-index: -1;
	content: '';
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 100%;
	height: 12px;
	background-color: #f086715d;
	border-radius: 2px;
}

/**************************
 *****     PAGE 3     *****
 **************************/

#main3 {
	background-image: url("../img/main3_leafr.png");
	background-size: 11.55rem;
	background-repeat: no-repeat;
	background-position: right 75%;
}

#main3_content {
	width: 75%;
}

#headband3 {
	background-color: var(--VERT);
}

#main3_solo {
	color: var(--BLEU);
	background-image: url("../img/main3_leafc2.png");
	background-size: 50rem;
	background-repeat: no-repeat;
	background-position-y: bottom;
	background-position-x: -12rem;
	width: 80%;
	display: flex;
	align-items: center;
	padding: 5rem;
}

#main3_left {
	flex: 35%;
	text-align: center;
	font-family: "RobotoRegular";
}

#main3_left div {
	font-size: 3rem;
}

#main3_left div:first-child {
	font-size: 5rem;
	margin-bottom: 10rem;
}

#main3_center {
	position: relative;
	flex: 1%;
	bottom: 17rem;
	right: 5rem;
}

#main3_center img {
	max-width: 80%;
	height: auto;
	transform: rotate(330deg);
}

#main3_center2 {
	flex: 29%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#main3_center2 img {
	max-width: 65%;
	height: auto;
	position: relative;
	bottom: 5rem;
	left: 5rem;
}

#main3_right {
	flex: 30%;
	display: flex;
	flex-direction: column;
	height: 65rem;
	justify-content: space-evenly;
	gap: 3rem;
}

.text_bold {
	font-weight: 600;
}

/**************************
 *****     PAGE 4     *****
 **************************/

#headband4 {
	background-color: var(--SAUMON);
}



    .modal-content {
        position: relative;
    top: 20%;
    }

#main4_2 {
	min-height: 96rem;
}

#main4_top,
#main5_top,
#main6_top {
	font-family: "RobotoRegular",sans-serif;
	color: var(--BLEU);
	font-size: 4rem;
	max-width: 100%;
	text-align: center;
	padding: 3rem;
}

#main6_top {
	display: flex;
	width: 95%;
	flex-direction: column;
	align-items: center;
	align-content: center;
	text-align: center;
}


#main4_top_sub,
#main5_top_sub {
	font-family: "RobotoRegular",sans-serif;
	font-size: 3rem;
	padding: 4rem;
	width: 75%;
}

#main4_bottom {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

#main4_left {
	display: flex;
	flex: 2;
	flex-direction: column;
	justify-content: space-between;
		gap: 3.2rem;
		height: 55rem;
		padding: 8rem 0;
}
.costom_p{
    margin-top: 0;
    margin-bottom: 5px;
}
/*#main4_left>div {
	padding: 1.5rem;
	background-image: url("../img/Accueil/main4_arrow.webp");
	background-position: 2rem center;
	background-size:7rem;
	background-repeat: no-repeat;
	padding-left: 12rem;
}*/

.nouveaute {
	background-color: var(--BLEU);
	font-size: 2rem;
	color: white;
	border-radius: 0.72rem;
	padding: 0.5rem;
	display: inline-block;
	margin:1rem 0;
}

.main4_imp {
	color: var(--NOIR2);
	font-family: "RobotoBold";
}

.main4_imp2 {
	color: var(--BLEU);
}


#main4_right {
	flex: 1;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}


.number {
	text-align: center;
	margin: 1rem;
}

.number img {
	height: auto;
	width: 10rem;
	padding: 1rem;
}

.fondduoold {
	background-image: url("../img/fondduo.png");
	background-size: 100% 100%;
}

.fondduo {
	background: linear-gradient(90deg, #addcc2 0%, #94caca 32%, #7fb9ca 66%, #81abc7 100%);
}

.fondduotest {
	background: linear-gradient(90deg, #6fbe95 0%, #3a99a4 32%, #105fa0 100%);
	opacity: 0.54;
}

@media (max-width: 1536px) {

	#main4_top_sub,
	#main5_top_sub {
		letter-spacing: -0px;
		font-size: 2rem;
	}

	/*#main4_left>div {
		padding: 2.5rem;
		padding-left: 16rem;
	}*/
}



#image_fichier {
	width: 45rem;
	margin-bottom: 8rem;
}

#main4_content {
	width:75%;
	min-height: 95rem;
	justify-content: space-between;
	padding: 5rem 5rem 0 5rem;
}
.text-w-50{
	width: 50%;
}
@media (max-width: 1098px) {
	#main2_right {
		margin-right: 0rem;
		margin-top: -5rem;
	}
}

#vocation_color {
	background-color: #e7f6f5;
	width: 60%;
	padding: 5rem;
	border-radius: 2rem;

}

#vocation_border {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	gap: 5rem;
}
.magin_top_7{
margin-top: 7rem;	
}
.blue_colorClaire{
	color: var(--BLEUCLAIR);
	}
	.blue_color{
		color: var(--BLEU);
		}
#flex_vocation {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#part_2_vocation {
	width: 50%;
	min-height: 40rem;
	display: flex;
	flex: f;
	flex-direction: column;
	justify-content: space-between;
}

#communaute_text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 18rem;
}

#part_1_vocation {
	width: 55%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	min-height: 25rem;
	margin: auto;
}

.quote-box {
	padding: 2rem;
	position: relative;
}

.quote-text {
	margin: 0;
}

.quote-box::before {
	content: '“';
	font-size: 12rem;
	position: absolute;
	top: -6rem;
	left: -6rem;
	font-family: "trattatello";
	color: #f39e8d;
}

.quote-box::after {
	content: '”';
	font-size: 12rem;
	position: absolute;
	bottom: -14rem;
	right: -3rem;
	color: #f39e8d;
	font-family: "trattatello";
}

@media (min-width: 2500px) {
	.quote-box::after {
		right: 0rem;
	}
}

#Paracelse {
	color: var(--BLEU);
}

#vocation_oragne {
	color: var(--SAUMON);
}

#main4_2_content {
	min-height: 35rem;
}

/**************************
 *****     PAGE 5     *****
 **************************/
#main5_content {
	width: 75%;
	padding: 0 5rem 5rem 5rem;
	justify-content: space-around;
	gap: 2rem;
}

#main1_left_title65 {
	padding-top: 3rem;
	padding-bottom: 2rem;
	text-align: end;
	color: #ed836f;
}
#foodhea_nee{
	height: 20rem;
}
#main6_content {
	width: 75%;
	padding: 5rem;
	gap:3rem;
   align-items: start !important;
   min-height: 65rem;
}
.padding-top-4{
	padding-top: 4rem;
}

#main5_circuit {
	margin: auto;
	max-width: 100%;
	height: auto;
	width: auto;
	padding-top: 2rem;
}

#main5_text {
	max-width: auto;
	text-align: center;
	display: flex;
    flex-direction: column;
}

/**************************
 *****     PAGE 6     *****
 **************************/
#titles {
	display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-between;
    padding: 4rem;
    gap: 3rem;
}

.margin_flech {
	margin-left: 8rem;
}

@keyframes moveBackground {
	0% {
		background-position: -3% 10%;
	}


	100% {
		background-position: 0% 10%;
	}
}

.animate_part {
	opacity: 1;
	animation: moveBackground 0.5s alternate forwards;
}

.main6_middle {
	font-size: 2.75rem;
	padding: 1rem 2rem;
	font-family: 'RobotoRegular';
	background-image: url(../img/Pros/fleche-az.png);
	background-position: 0rem;
	background-size: 9rem;
	background-repeat: no-repeat;

}

.main6_middle div {
	min-height: 4rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.main6_middle>div:first-child {
	min-height: 0;
	font-size: 2.5rem;
	line-height:4rem;
}

#main6_u1,
#main6_u2,
#main6_u3 {
	display: flex;
	flex-direction: row;
	justify-content: right;
	background-position: top;
}

#main6_u1 {
	margin-right: 20rem;
	background-image: url("../img/Accueil/main6_u1.webp");
}

#main6_u2 {
	min-height: 6rem;
	background-image: url("../img/Accueil/main6_u2.webp");
}

#main6_u3 {
	margin-right: 0rem;
	background-image: url("../img/Accueil/main6_u3.webp");
}

#main6_bottom {
	font-size: 3rem;
	text-align: center;
	padding: 2.7rem;
	color: #101010;
	font-family: 'RobotoRegular';
	border: 1px var(--ORANGE) solid;
	border-radius: 3rem;
}

.main6_hidder {
	width: 100%;
	height: 100%;
	background-color: white;
}

.main6_hidder_slide {
	animation-duration: 3s;
	animation-name: slidein;
	background-color: white;
	height: 100%;
}

.main6_hidder_show {
	width: 0;
}

@keyframes slidein {
	from {
		width: 100%;
	}

	to {
		width: 0;
	}
}

@media (max-width: 1536px) {

	#main6_bottom {
		Letter-spacing: 0px;
		font-size: 2.5rem;
		padding: 3rem;
	}
}

/**************************
 *****     PAGE 7     *****
 **************************/
#main7 {
	min-height: 95rem;
}

#main7_content {
	margin: auto;
}
.marginAuto_content {
	margin: auto;
}
#main7_video {
	height: 75rem;
	margin: auto;
}

@media (max-width: 1200px) {
	#main7_video {
		max-height: 75rem;
	}
}

@media (max-width: 1024px) {
	#main7_video {
		max-height: 65rem;
	}
}


/**************************
 *****     PAGE 8     *****
 **************************/
#main8 {
	min-height: 80rem;
}

#main8_content {
	flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-bottom: 2rem;
    gap: 3rem;
}

#main8_top {
	font-family: "RobotoRegular";
	color: #fdfdfd;
	font-size: 5.2rem;
	max-width: 75rem;
	text-align: center;
	margin: auto;
}


#main8_middle {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-items: center;
	font-size: 2rem;
	width: auto;
	margin: auto;
	padding: 5rem 10rem;
	gap: 5px;
	max-width: 85%;
}


/* Ajoutez une media query pour les écrans plus petits */
@media only screen and (max-width: 768px) {
	#main8_middle {
		grid-template-columns: 1fr 1fr;
	}
	#blue_fleche_d{
		/* left: -10%; */
	}
}

@media (min-width: 1745.45px) {
	#main8_middle {
		width: 75%
	}
}

#main8_middle>div {
	width: auto;
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 2rem;
	justify-content: flex-start;
	text-align: center;
	align-items: center;
}


#main8_middle img {
	height: 14rem;
	width: auto;
}

.main8_bloc div:nth-child(even) {
	color: var(--BLEU);
	font-family: "RobotoRegular",cursive;
	font-size: 3rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

#main8_img1 {
	content: url("../img/main8_blabla.png");
}

#main8_img2 {
	content: url("../img/main8_loupe.png");
}

#main8_img3 {
	content: url("../img/main8_ailes.png");
}

#main8_img4 {
	content: url("../img/pictopassion.svg");
}

/**************************
 *****     PAGE 9     *****
 **************************/
#main9_content {
	text-align: center;
	max-width: 100%;
	margin-bottom: 10rem;
	min-height: 55rem;
}

#main9_top {
	font-family: "RobotoRegular";
	color: var(--BLEU);
	font-size: 5.2rem;
	margin-bottom: 10rem;
	text-align: center;
	padding: 3rem;
}

.main9_middle {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-align: center;
	font-family: 'RobotoRegular',sans-serif;
	color: var(--GRIS);
	align-items: center;
}

.main9_item {
	max-width: 30%;
	text-align: center;
	font-size: 2rem;
	margin: 0 2re;
}

.main9_name {
	font-size: 2.7rem;
	color: var(--BLEU);
	padding: 1rem;
	font-family: "RobotoBold";
}

.main9_item img {
	width: 20rem;
}

#main9_1_img,
#main9_2_img,
#main9_3_img {
	max-width: 100%;
}
.main9_title {
	padding: 1rem 4rem;
	color: var(--BLEU);
}

.main9_txt {
	padding: 0 2rem;
}


#main2_left {

	width: 30% !important;
}
#content_main3{
	min-height: 60rem !important;
	justify-content: center;
	}
	@media (max-width: 1100px) {
		#content_main3{
			min-height: 90rem !important;
			}
	}

@media (max-width: 1280px) {
	/* #main1_0 {
		height: 55rem;
		width: 50rem;
	} */

	#main2_bottom {
		padding: 0rem;
	}

	#image_slide4 {
		height: 60rem;
		width: 45rem;
	}

	#main1_1,
	#main1_3 {
		width: 100%;
	}

	#main1_right img {
		max-width: 45rem;
	}

	#avantage_left_div {
		width: 60%;
		gap: 3rem;
	}
}

@media (max-width: 960px) {

	#image_slide4 {
		height: 45rem;
		width: 45rem;
	}

	#main3_right {
		height: 75rem;
	}

	#main3_center2 img {
		max-width: 75%;
	}

	#main3_solo {
		background-size: 27rem;
	}
}

@media (max-width: 640px) {
	.main9_middle {
		flex-direction: column;
		align-content: center;
		align-items: center;
	}

	.main9_item {
		max-width: 50%;
		padding-bottom: 7rem;
	}
}

@media (max-width: 1097.14px) {
	#image_ain1_right2 {
		min-height: 25rem;
		max-height: 25rem;
	}

	#main1_left {
		min-height: 60rem;
	}
}
.containerTitle,.containerTitleP {
	display: flex;
	align-items: center;
	justify-content: center;
}

.arrow {
	width: 2.5rem;
	height: 2.5rem;
	border-right: 0.55rem solid #005B99;
	border-bottom: 0.55rem solid #005B99;
	/* Arrow color */
	transform: rotate(-45deg);
	/* Rotate to create the arrow shape */
	margin: 0 4rem;
	/* Space between arrow and box */
}
.arrow2 {
	width: 2.5rem;
	height: 2.5rem;
	border-right: 0.55rem solid var(--ORANGE);
	border-bottom: 0.55rem solid var(--ORANGE);
	/* Arrow color */
	transform: rotate(-45deg);
	/* Rotate to create the arrow shape */
	margin: 0 4rem;
	/* Space between arrow and box */
}
.arrow-left {
	transform: rotate(135deg);
	/* Rotate for left arrow */
}

.arrow-right {
	transform: rotate(-45deg);
	/* Rotate for right arrow */
}

.boxTitle {
	padding: 3rem 4rem;
	border: 2px solid #005B99;
	border-radius: 25px;
	color: #005B99;
	background-color: white;
	text-align: center;
	cursor: pointer;
}

.boxTitle2 {
	padding: 2rem 3rem;
	border: 2px solid var(--ORANGE);
	border-radius: 25px;
	color: var(--ORANGE);
	background-color: white;
	text-align: center;
	cursor: pointer;
}
#btn_plus_info:hover{
	color: white;
    background-color: #03bcb2;
    box-shadow: 3px 3px 3px 1px #c5c3c3;
}
#btn_plus_soutien:hover{
	color: white;
    background-color: #f09d8d;
    box-shadow: 3px 3px 3px 1px #c5c3c3;
}
#equipeImg{
	width: auto;
	height: 20vw;
}
@media (max-width: 760px) {
	#equipeImg{
		height: 45vw;
	}
}

#equipeText{
	text-align: start;
	flex: 1;
}
#containerequipeImg{
	flex: 1;
}
#flechText{
	display: flex;
		flex-direction: column;
		gap: 1rem;
}