/**************************
 *****     PAGE 1     *****
 **************************/
@media (max-aspect-ratio: 5/7) {
	#histoire1_title {
		font-size: 2.5vh;
	}
}

@media (max-aspect-ratio: 7/8) {
	.tab_content {
		font-size: 2.1vh;
	}
}

/**************************
 ****     PAGE 1_1     ****
 **************************/
@media (max-aspect-ratio: 3/4) {
	#eurika {
		font-size: 3vh !important;
		font-weight: 600;
		margin: 3vh;
	}

	.text_margein5 {
		margin: 3rem;
		text-align: center;
	}

	.bleu_text_origin {
		font-size: 4.5vw;
		text-align: center;
	}

	.vert_text_Roboto {
		font-size: 4vw !important;
	}

	#histoire1_1_2 {
		flex-direction: column;
		text-align: center;
	}

	#histoire1_1_2>div {
		max-width: 100%;
	}


	#histoire1_1_1 {
		font-size: 4vh;
	}

	#histoire1_1_2 {
		font-size: 2.4vh;
	}

	#histoire1_1_2 img {
		height: 20vw;
	}

	#firstDiv {
		display: flex;
		min-height: 50vh;
		flex-direction: column;
	}

	#histoire3_middle>div {
		width: 100%;
	}

	#histoire3_middle {
		/* flex-direction: column; */
		justify-content: space-around;
		align-items: center;
		max-width: 100%;
		column-gap: 6rem;
	}

	#histoire3_middle img {
		max-width: 100%;
       /* max-height: 20rem;
		width: 20vh;
		position: relative;
		top: 1.5vh;*/
	}

}

@media (max-aspect-ratio: 3/5) {
	#histoire1_1_2 img {
		height: 18vh;
	}

	#histoire1_3_2 img {
		height: 18vh;
	}


}

@media (max-aspect-ratio: 7 / 8) {
	.tab_content {
		padding: 4rem;
	}
}

/**************************
 ****     PAGE 1_2     ****
 **************************/

@media (max-aspect-ratio: 9/10) {
	#histoire1_2_1 .imp {
		font-size: 4.5vh;
	}

	#histoire1_2_2 {
		font-size: 1.8vh;
	}

	#histoire1_2_3,
	#histoire1_2_4,
	#histoire1_2_5 {
		font-size: 1.98vh;
	}

}

/**************************
 ****     PAGE 1_3     ****
 **************************/
@media (max-aspect-ratio: 4/5) {
	#histoire1_3_2 {
		flex-direction: column;
		text-align: center;
		font-size: 5rem;
	}

	#histoire1_3_2>div {
		max-width: 100%;
	}

	#histoire1_3_5 {
		font-size: 4.25rem;
	}

	#histoire1_4_4 {
		font-size: 5rem;
	}
}




/**************************
 ****     PAGE 1_4     ****
 **************************/

/**************************
 *****     PAGE 2     *****
 **************************/





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



/**************************
 *****     PAGE 4     *****
 **************************/
@media (max-aspect-ratio: 2/3) {
	.histoire4_slist img {
		margin: 2vh;

		height: auto;
		width: auto;
		max-width: 26vh;
		max-height: 10vh;
	}
}

/*** histoire mobile**/
@media (max-aspect-ratio: 3/5) {
	.image_div {
		bottom: 5rem;
		max-width: 100%;
		left: 0;
	}

	.content_histoire,
	.content_histoire2 {
		width: auto;
		padding: 5rem 10rem;
	}

	

	.text_margin {
		margin: 1vh 0;
	}

	.text_content {
		width: 100%
	}

	#description_marion {
		min-height: 22vh;
	}

	.displayFlexCenter {
		flex-direction: column;
	}

	#marion_info2 {
		width: auto;
		min-height: 57vh;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		margin: auto;
	}

	#imageHi2,
	#imageHi2,
	#imageHi3,
	#imageHi2_1,
	#imageHi1 {
		position: relative;
		top: 1.5vh;
	}

	#imageHi2 {
		max-width: 11vh;
	}

	#imageHi1 {
		max-width: 12vh;
	}

	#lastDivImage {
		max-width: 100%;
	}

	#flechPapier {
		width: 40vw;
	}

	#imageHi3 {
		max-width: 15vh;
		padding: 0.5vh;
	}

	#imageHi4 {
		max-width: 11vh;
		padding: 0.5vh;
	}

	#diveureka {
		min-height: 40vh;
	}

	.displayFlexCenterAround {
		flex-direction: column;
		min-height: 32vh;
		padding: 2vh 0;
	}

	.content_histoire {
		justify-content: space-around;
		align-items: center;
	}

	#flexOrdre {
		min-height: 35vh;
	}

	#histoire3_content {
		padding: 5rem 10rem;
	}

	.histoire4_slist {
		margin-bottom: 5vh;
	}

	#lastDivImage,
	#lastDivtext {
		width: 100%;
	}

	#headband4,
	#headband2,
	#headband3 {
		font-size: 5vw;
	}

	#histoire2_content {
		min-height: 75vh;
	}

	#marion_info {
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	#image_marion {
		width: 100%;
	}

	#marion_img {
		width: 65%;
		margin: auto;
	}

	.image_div {
		margin-bottom: 4rem;
		bottom: 0;
	}

	#histoire2_middle img {
		height: 35rem;
	}

	#histoire2_middle {
		font-size: 4.5rem;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	#histoire2_middle>div>div {
		white-space: normal;
		padding: 1rem;
		white-space: normal !important;
	}

	#histoire2_middle>div>div:nth-child(2) {
		font-size: 5rem;
		padding-bottom: 4rem;
		padding-top: 2rem;
	}

	#histoire3_middle>div>div:nth-child(2) {
		font-size: 4rem;
		text-align: start;
	}

	.tab_content {
		max-width: 100%;
	}

	#histoire3_middle {
		font-size: 4.8rem;
	}

	.histoire4_slist>div:nth-child(1) {
		font-size: 6rem;
	}

	#histoire2_middle>div {
		width: 100%;
	}

}

@media(max-aspect-ratio:3/4){
	#histoire2{
		width: 100%; 
		/* margin-top: 16rem; */
	}
	
	#bigTitle{
		width: 75%;
		font-size: 4.5vw;
	}



	#recipeCarousel{
		width: 100%;
	}

	#bigTitle1 , #bigTitle2 {
		margin: auto;
		font-size: 4.5vw;
	}
	#histoire3_middle {
        font-size: 4.8rem;
		margin: auto;
    }

	#second_phase{
		padding: 5rem 10rem;
        min-height: 40rem;
		padding-top: 2rem;
	}

	#second_text1 {
		gap: 3rem;
		margin-top: 10rem;
	}

	#text2_phase2{
		font-size: 3.5vw;
	}
	#headband4{
		margin-left: 4vw;
        width: 90%;
	}
	#histoire2_content,#histoire3_content{
		width: auto;
		padding: 5rem 10rem;
	}
	#histoire3_content{
		padding: 5rem 10rem;
	}
	#subtitle{
		font-size: 4.5vw;
	}
	.subtext{
		font-size: 3.5vw;
	}
	#team{
		gap: 7vw;
	}

	#histoire4_content{
		max-width: 85%;
		justify-content: start !important;
	}

	.text{
		font-size: 3.5vw;
		margin-bottom: -1vh;
	}

	#text1{
		font-size: 3.5vw;
		/* margin-left: 7vh; */
	}

	#text2{
		font-size: 3.5vw;
	}
	#logoFoodHea{
		width: 60vw;
	}

	#second_text{
		align-items: center;
		flex-direction: column-reverse;
	}
	.img_logo{
		width: auto;
		height: 12rem;
	}

	.page{
		max-width: fit-content;
	}
}


@media (max-width: 600px) {
    .slide {
        flex-direction: column;
        text-align: center;
    }

    .slide img {
        margin: 0 0 3px 0;
    }

    .slide-content {
        flex: none;
        max-width: 95%;
    }

    .slide img {
        /* border-radius: 50%; */
        max-width: 25rem;
        max-height: 30rem;
    }

    .slide-content p,
    .slide-content h4 {
        text-align: start;
        font-size: 4rem;
    }

    .slide-content h3 {
        font-size: 5rem;
    }

    .slide {
        gap: 2rem;
    }

    .slider {
        max-width: 100%;
        padding: 8rem 0;
    }

    .dots {
        margin-top: 5rem;
    }

    #main9_content {
        margin-right: 12vh;
        width: 15vw;
        margin-left: 2vw;
        margin-right: 55vw;
    }

}

.azzeddine{
	margin-bottom:15rem;
}
@media(max-aspect-ratio:3/4) {
    #main9_middle_id {
        width: 12%;
        max-width: 100%;
    }
	.azzeddine{
		margin-bottom:15vw;
	}
    #histoire4 {
        max-width: 100%;
    }

    #main9 {
        width: 100%;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;

    }
}


@media(min-aspect-ratio:3/4) {
	.container {
	margin: auto;
	max-width: 75%;
}
}