/**************************
 *****     PAGE 1     *****
 **************************/
@media (max-width: 1280px) {
	#pro_btn {
		max-width: 28vw;
	}
}

@media (max-width: 760px) {
	#main1_content {
		display: grid;
		grid-template:
			"a" auto
			"b" auto / 80vw;
			justify-content: center;
			align-content: space-evenly;
			min-height: 55vh;
		width: auto;
		justify-items: start;
	}

	#main1_1 {
		grid-area: a;
		font-size: 8vw;
	}

	#main1_2 {
		grid-area: c;
	}

	#main1_3 {
		grid-area: d;
	}

	#main1_4 {
		grid-area: e;
		max-height: 95%;
	}

	#main1_0 {
		grid-area: b;
	}

	#slide4_content {
		display: table-row;
		display: flex;
		flex-direction: column;
		/* min-height: 90vh; */
	}

	#flechMain1 {
		bottom: 7rem;
		right: 8%;
	}

	#main1_1,
	#main1_3 {
		width: auto;
	}
}

@media (max-aspect-ratio: 3/4) {


	.avantage_right_div {
		margin-top: 10vmin;
	}

	.content {
		justify-content: center;
		min-height: 60vh;
	}

	.quote-box {
		width: 56vw;
	}

	#main2_right {
		min-height: 30vh;
	}

	#main1_solo,
	#main1_solo2 {
		width: auto;
	}

	#main1_text_solo {
		width: auto;
		padding:6rem 10rem;
		gap: 5rem;
		align-items: center;
	}
	#foodhea_nee {
		height: 20vw;
	}


	.main1_right_title {
		margin-left: 0 !important;
	}

	#main1_title {
		font-size: 5vw;
		padding: 8rem 5rem;
		font-weight: 600;
	}

	.orange_title {
		font-size: 6vw;
	}
	.orange_title_2{
		font-size: 4.5vw;
	}

	#main1_content {
		display: grid;
		text-align: center;
		grid-template:
			"a" auto
			"b" auto / 83vw;
		justify-content: space-around;
		justify-items: start;
	}



	#main1_2 {
		grid-area: c;
		font-size: 4vw;
		margin: auto;
		text-align: start;
	}



	#main1_content {
		grid-gap: 2rem;
		padding-bottom: 4vh;
	}

	#main1_4 {
		grid-area: e;
		font-size: 5vw;
		margin: auto;
		max-height: 9vh;
	}

	#main1_0 {
		grid-area: b;
		width: 80vw !important;
		margin: auto;
		height: 28vh !important;
		background-position: bottom;
		background-position-x: center;

	}

	#div_main1_part2 {
		width: 100% !important;
	}

	#main1_bottom {
		font-size: 4vw;
		text-align: -webkit-center;
	}

	.header {
		min-width: 95vw;
	}

	.content_main {
		max-width: 95vw;
	}

	#foodheaImageContent{
		gap: 6rem;
	}
	.textFoodheaNee{
text-align: center !important;
	}
}

@media (max-aspect-ratio: 3/4) {
	.info-bubble {
		font-size: 3.7vw;
		width: 100%;
		height: 52vw;
		gap: 3vw;
		align-content: flex-end;
		position: relative;
		top: 0%;
	}
	.inscription_fleche3 {
		max-width: 8vw;
		position: absolute;
		top: -9px;
		right: 68%;}

	#buttons_section a {
		gap: 1vw;
    padding: 1vw 2vw;
    border-radius: 1vw;
    font-size: 2.5vw;
	}
	#buttons_section img {
		width: 6vw;
		height: 6vw;
	}
	.platforme {
		font-size: 3.5vw;
	}
	#buttons_section a {
        gap: 1vw;
        padding: 1vw 2vw;
        border-radius: 1vw;
        font-size: 3vw;
    }
	#sous_buttons_section {
		gap: 5vw;
	}
	#buttons_section {
		row-gap: 3.5vw;
		padding-top:4rem;
	}
	#image_fichier {
		margin-bottom: 5rem;
	}
	#image_ain1_right2 {
		max-height: 13vh;
	}
	.inscription_fleche2 {
		max-width: 15vw;
        rotate: 336deg;
		left: 3%;
	}
	#btn_part_inscription {
		max-width: 100%;
		font-size: 4vw;
		padding: 2rem;
	}
	.shortContent {
		margin-top: 3vh
	}
	.boxTitle {
		border-radius: 10px;
	}

	#main1_solo {
		display: flex;
		flex-direction: column;
		align-items: center;
		background-size: contain;
		padding: 5rem 10rem;
	}

	#main1_solo2 {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		background-size: contain;
		background-color: white;
		padding: 5rem 10rem;
		min-height: 50vh;
	}
	.containerTitle,.containerTitleP {
		margin-bottom: 15vw;
		margin-top: 5vw;
	}
	
	#main1_left {
		gap: 4rem;
	}
	#btn_plus_info,#btn_plus_soutien {
		max-width: 100%;
		font-size: 4vw;
		border-radius: 5px;
	}
	#btn_plus_info{

		margin-bottom: 13vw;
	}

	#main3_solo {
		background-image: none;
	}

	#main1_solo2 {
		background-size: 90%;
		background-position: center;
		background-position-x: 2vw;
	}

	#avantage_left_div {
		width: auto;
		min-height: 18vh;
		gap: 4rem;
	}
	#slide4_5{
		width: 100%;
	}
	#div_text_gread {
		margin-left: 1vw;
	}

	#main1_1,
	#main1_3 {
		width: auto;
		text-align: left;
		font-size: 8vw;
	}

	#main1_right img {
		height: auto;
		max-width: 65vw;
	}

	#main1_left div {
		text-align: start;
		font-size: 3.5vw;
	}

	#main1_left {
		width: 100%;
		min-height: 30vh;
		background-color: #ffffffd4;
	}

	#main3_center2 img {
		max-width: 55%;
		height: auto;
		position: relative;
		bottom: 2vh;
		left: 0;
	}

	.cadre_text {
		margin: auto;
	}

	#main1_left_title {
		max-width: 100%;
		/*margin-top: 10vh;*/
	}

	.newsletter-container{
		justify-content: space-evenly;
	}
	.main1_left_title {
		/*margin-top: 7vh;*/
		justify-content: space-around !important;
	}
	#main_content {
		margin-top: 5vh;
		max-height: 64vh;
	}


	#slide4_content {
		max-width: 100%;
		padding: 10rem;
		gap: 3rem;
	}

	#main3_content {
		width: 85%;
	}


	#main4_content,
	#main5_content,
	#main6_content {
		width: auto;
		padding: 0rem 10rem;
	}
	#btn_part_d{
		font-size: 3.5vw;
        padding: 2rem;
        text-wrap: nowrap;
	}

	#main6_content {
		min-height: 50vh;
        justify-content: space-between;
        padding-bottom: 3vh;
	}

	#main4_left {
		/* min-height: 55vh; */
		gap: 4rem;
		height: auto;
		padding: 0;
	}

	#main4_content {
		padding: 5rem 10rem;
	}
	.text-w-50 {
		width: 70%;
	}

	.inscription_fleche {
		max-width: 10rem;
	}
	#main5_content {
		min-height: 62vh !important;
	}

	#main5_middle {
		padding: 5rem 0;
		max-width: 100%;
	}

	#main2_right>div>div {
		font-size: 5rem;
		flex-direction: row;
	}

	#main2_right>div {
		padding: 0;
		min-height: 10vh;
	}

	#main2_left img {
		padding: 4vmin;
	}
}

/**************************
 *****     PAGE 2     *****
 **************************/
@media (max-aspect-ratio: 7/8) {
	#main2_bottom {
		flex-direction: column;
	}






	#main2_left {
		width: 100%;
	}
}

@media (max-aspect-ratio: 3/4) {
	/*#main4_left>div {
		background-position: 1vh 0.5vh;
		background-size: 3.5vh;
		padding-left: 5.5vh;
	}*/


	#flechMain1 {
		width: 25%;
		height: 3.5vh;
		right: 16%;
		bottom: 7.5vh;
	}

	#btn_part {
		max-width: 50vw;
		margin: auto;
	}

	#main2_left img {
		width: 12vh;
	}

	#main2_content {
		font-size: 2.4vh;
		max-width: 85% !important;
	}

	.text_gris2 {
		font-size: 2.5vh;
	}

	.text_vert {
		font-size: 2.7vh;
		padding-top: 4vh;
		padding-bottom: 3vh;
	}

	#headband4,
	#headband2,
	#headband3 {
		font-size: 5.5vw;
		padding: 3vh;
	}



	#main2_left {
		width: 100%;
		margin: auto;
	}

	@media (max-aspect-ratio: 5/8) {


		#main3_content {
			min-height: 90vh;
		}

		#main2_right>div>div:first-child {
			margin: auto;
		}
	}

	#main3_solo {
		padding-top: 2vh;
		flex-direction: column;
		background-position: left 55%;
		width: auto;
		padding: 0;
	}

	#main2_content {
		width: auto;
	}

	#main3_right {
		text-align: center;
		min-height: 28vh;
		padding: 0 10rem;
	}

	#main2_content {
		min-height: 50vh;
		gap: 5rem;
		padding: 13rem 0;
	}

	#main2_bottom {
		min-height: 40vh;
	}
}



/**************************
 *****     PAGE 3     *****
 **************************/
@media (max-aspect-ratio: 1/1) {




	#main3_left {
		padding-top: 2vh;
		padding-bottom: 3vh;
		padding-left: 0;
		min-height: 16vh;
		justify-content: end;
	}

	#main3_left div {
		width: 90vw;
	}


}

@media (max-aspect-ratio: 3/4) {
	#main3_left div {
		font-size: 3vh;
	}

	#main3_left div:first-child {
		font-size: 4vh;
	}

	#main3_right img {
		width: 28vh;
	}

	#pro_btn {
		max-width: 52vw;
		margin: 1vh;
		font-size: 4vw;
	}


	#btn_part {
		max-width: 50vw;
	}


	.main1_left2 {
		width: 85% !important;
	}

	#main3_center img {
		position: relative;
		top: 10vh;
		transform: scaleY(-1) rotate(317deg);
		right: 6rem;
		width: 12vh;
	}

	#main3_center2 {
		position: relative;
		left: 0;
		justify-content: normal;
		display: flex;
		flex-direction: row-reverse;
	}
}



@media (max-aspect-ratio: 3/4) {

	.margin_auto {
		margin: auto 0;
	}

	#slide4_1 {
		margin: auto 0;
	}

	#image_slide4 {
		height: 30vh;
		width: 68vw;
		background-size: contain;
	}

	#margin_left0 {
		margin-left: 0;
	}

}


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

@media (max-aspect-ratio: 3/4) {
	#vocation_color {
		padding: 0;
	}

	#main4_top,
	#main5_top,
	#main6_top {
		font-size: 5vw;
		margin-bottom: 1vh;
	}

	#main4_right {
		align-items: flex-end;
	}

	.number img {
		height: 15rem;
		width: 15rem;
	}

	#main4_right video {
		width: 100%;
	}

	#main4_right {
		margin: 5vw auto;
	}

	#main4_top_sub,
	#main5_top_sub {
		font-size: 2.4vh;
		padding-left: 3vw;
		padding-right: 3vw;
	}

	.nouveaute {
		background-color: var(--BLEU);
		font-size: 1.5vh;
	}

	#vocation_color {
		width: 95%;
	}

	

	#flex_vocation {
		flex-direction: column;
	}

	#part_1_vocation,
	#part_2_vocation {
		width: auto;
	}

	#Paracelse {
		font-size: 5vw;
	}

	#main4_2_content {
		min-height:40vh;
		padding: 5rem 10rem;
		padding-bottom: 0;
		margin-bottom: -24%;
	}

	#part_1_vocation {
		min-height: 16vh;
	}

	#part_2_vocation {
		min-height: 33vh;
	}

	#communaute_text {
		min-height: 13vh;
	}
	#main4_2_content {
		width: auto;
	}
}

@media (max-aspect-ratio: 3/5) {
	#main4_bottom {
		flex-direction: column;
	}
	#image_fichier {
		max-height: 35vh;
		width: auto;
		padding: 0vh;
	}
}

@media (max-width: 750px) {
	#main4_bottom {
		flex-direction: column-reverse;
	}
	#main4_top_sub,
	#main5_top_sub {
		font-size: 2.4vh;
		padding-left: 3vw;
		padding-right: 3vw;
	}
}
/**************************
 *****     PAGE 6     *****
 **************************/

@media (max-aspect-ratio: 3/4) {
	#main5_circuit {
		max-width: 100%;
	}

	#main5_text {
		min-height: 19vh;
		display: flex;
		flex-direction: column;
	}

	.main9_middle {
		justify-content: space-between;
		text-align: center;
		flex-direction: column;
		align-items: center;
	}

	#main6_bottom {
		font-size: 3.5vw;
	}

	.margin_flech {
		margin-left: 11vw;
	}

	.main6_middle {
		background-size: 12rem;
	}

	#main6_bottom {
		width: auto;
		min-height: 4vh;
	}

	.main6_middle>div:first-child {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 3.5vw;
		line-height: 20px;
	}

	.main6_middle {
		background-position: 0 0.5vh;
	}

	#titles {
		width: 100%;
		gap: 4rem;
	}
}

@media (max-aspect-ratio: 3/4) {
	.main6_middle {
		font-size: 3.5vw;
	}

	#main7_video {
		max-height: 45vmin;
		padding: 0 10rem;
	}

	#main7 {
		min-height: 30vh;
	}

	#histoire3_middle {
		max-width: 100%;
	}

}

@media (max-aspect-ratio: 3/5) {
	#titles {
		min-height: 30vh;
		gap: 4rem;
	}

	.main6_middle {
		font-size: 2.1vh;
		padding: 2rem;
	}

	#main9_top {
		width: 108rem;
		font-size: 3.9vh;
		margin: 8rem auto;
	}

	.main9_name {
		font-size: 6rem;
		padding-bottom: 2rem;
	}
	.content_sans_height {
        padding-bottom: 3vh;
    }
}
/* Cache l'image par défaut */
.mobile-image {
    display: none;
}
/* Affiche et positionne l'image sur mobile */
@media (max-width: 767px) {
    .mobile-image {
        display: block;
        margin: 0px auto; /* Ajustez les marges selon vos besoins */
        width: 50vw; /* Ajustez la largeur selon vos besoins */
    }
	
    
    #main1_right2,#main1_right,#slide4_image {
        display: none; /* Cache l'image à droite sur mobile */
    }
}

/**************************
 *****     PAGE 7     *****
 **************************/
/**************************
 *****     PAGE 8     *****
 **************************/

@media (max-aspect-ratio: 1/1) {


	#main9_1_img {
		grid-area: 1/1/1/1;
	}

	#main9_1_name {
		grid-area: 2/1/2/1;
	}

	#main9_1_title {
		grid-area: 3/1/3/1;
	}

	#main9_1_txt {
		grid-area: 1/2/5/4;
		padding: 2vh;
		padding-bottom: 5vh;
	}


	#main9_2_img {
		grid-area: 5/3/5/3;
	}

	#main9_2_name {
		grid-area: 6/3/6/3;
	}

	#main9_2_title {
		grid-area: 7/3/7/3;
	}

	#main9_2_txt {
		grid-area: 5/1/9/3;
		padding: 2vh;
		padding-bottom: 5vh;
	}


	#main9_3_img {
		grid-area: 9/1/9/1;
	}

	#main9_3_name {
		grid-area: 10/1/10/1;
	}

	#main9_3_title {
		grid-area: 11/1/11/1;
	}

	#main9_3_txt {
		grid-area: 9/2/13/4;
		padding: 2vh;
	}

}


@media (max-aspect-ratio: 3/4) {

	#main8_middle {
		width: auto;
		row-gap: 10vw;
	}
	#main6{
		background-size: 20vw;
	}
	#divBackgroundImg{
		background-size: 10vw;
        background-position-x: right;
        background-position-y: 88%;
	}
	#headbandV8-1{
		font-size: 5vw !important;
		margin-bottom: 5vw;
	}
	#headbandV8-11{
		font-size: 5vw !important;
		margin-top: -10rem;
	}

	.main8_bloc {
		padding: 1rem;
		font-size: 4rem;
	}

	#main8_top {
		font-size: 2.8vh;
		max-width: 100%;
	}



}

/**************************
 *****     PAGE 8     *****
 **************************/
@media (max-aspect-ratio: 3/4) {
	#main9_content {
		max-width: 100%;
	}
	#headbandV8-2{
		font-size: 5.5vw;
	}
	.big_number {
		font-size: 15vw !important;
	}

	#main8_middle img {
		height: 18rem;
	}

	.main8_bloc div:nth-child(even) {
		font-size: 5rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.main9_txt {
		font-size: 3vw;
	}

	.main9_title {
		font-size: 4vw;
	}

	.main9_item {
		max-width: 100%;
		padding-bottom: 12rem;
	}

	.main9_item img {
		padding-top: 3vh;
		width: 30vmin !important;
	}

	#main9_top {
		font-size: 3vh;
		width: 85%;
	}

	.main9_title {
		padding: 1vh;
	}
	#main9 {
		min-height: 85vh;
	}
}