@font-face{
	font-family:"times";
	src:url("../fonts/TimesNewerRoman-Regular.otf");


}


@font-face {
	font-family: "ready";
	src: url("../fonts/druke_wide_heavy.otf");
}


@media screen and (max-width: 1700px){

	html{

		font-size: 20px;
	}
}

@media screen and (max-width:  1100px){

	

	body {

		font-size: 30px ;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		padding: 0rem 2.5rem;
		height: inherit;
	}


	body nav{

		display: flex;
		justify-content: space-between;
		width: 100%;
		
	}

	h1{

		opacity: 0;
	}


	/* EN */
	h4{

		font-family:"ready";
		font-size: 17px;
		color: white;
		position: fixed;
		left: 90%;
		top: 2%;
		z-index: 0;

	}

	/* INFOS */
	h5{

		display:  block;
		font-family:"ready";
		font-size: 17px;
		color: black;
		position: fixed;
		left:65%;
		top: 2%;
		z-index: 0;

	}

}

.panel::-webkit-scrollbar {
	display: none; 
}


@media screen and (max-width: 1000px){

	.panel.textes{

		display: block;
		width: 100%;
	}

}

@media screen and (max-width: 600px){


	.child{

		font-size: 30px ;
		width: 100%;
	}

	.accordion{

		font-size: 24px;
		line-height: 24px;


	}

	.grid-container{

		font-size: 17px;
		line-height: 19px;
		display:  block;
		margin-left: 0px;

	}

	.panel.texte p:not(:first-of-type){

		text-indent: 1rem;

	}

	.panel {
		position: relative;
		display: block;
		align-items: start; /* Alignement en haut */
	}

	.panel .images {
		position: relative;
		flex: 1;
		width: 100%;
		margin-top: 0px;
		margin-right: 0px; /* Espacement à droite des images */
	}

	.panel .texte {
		position: relative;
		opacity: 1;
	}

	img {
		width: 100%; /* Les images prennent toute la largeur du conteneur .images */
		height: auto; /* Maintien des proportions */
	}


}