#header {
	background-color: white;
	opacity : 1;
	width: 100vw;
	height: 8.5vh;
	position: relative;

	
	z-index : 2;
}
body {
	overflow-x: hidden;
	overflow-y: auto;
}

.Titre {
	display: inline-block;
	padding-right:1%;
	/* background-color: white;	*/
	opacity: 1;
	font-family: fofo1; /* Police des en-têtes de section */
	color: #9d8e00;
	font-size: 6vw; 
	position: relative;
	left: 10%;
	top: 9vh;
	margin-bottom: 10vh;
}

.Titre:hover {
	color: #9d8e00;
}

.Texte {
	font-family: fofo1; /* Police du corps du texte */
	color: white;
	font-size: 3vw;
	padding : -400px ;
	position: relative;
    left: -15%; /* Décale le texte sur la gauche */ 
}

.Texte2 {
	font-family: fofo1; /* Police du corps du texte */
	color: black;
	font-size: 3.2vw;
	padding : -400px ;
	position: relative;
    left: -15%; /* Décale le texte sur la gauche */ 
}

#menu {
	height: 100%;
}

#container {
	background:url("Img/Fond_Site3.png");
	background-repeat: repeat-x repeat-y;
	background-size: 960px 3005px;
	width: 100vw;
	margin: 0 auto;
	padding-top: 0px;
	position : absolute;
		top : 0px;
		left : 0px;
}

.item {
	color: #03224c; 
	font-weight: bold; 
	font-size: 3vh;
	font-family: fofo1; /* Police des items */
	position: relative;
		top: 4px;
}

.item:hover {
	color: #9d8e00;
}

.navbar-collapse.show {
	background-color: white !important; /* Assure le fond blanc */
	opacity : 0.9 ;
	padding: 10px; /* Optionnel : ajoute un espacement interne */
}


#Equipage {
	width: 85vw;
	padding-bottom: 5%;
	background-image:url("Img/Fond_.png");
	background-size: 100% 100%;
	background-position: center;
	display: block;
	margin: auto;
}

#carouselEquipage {
	width: 70%;
	display: block;
	margin: auto;
}

#Hotlines {
	width: 85vw;
	padding-bottom: 5%;
	background-image:url("Img/Fond_2.png");
	background-size: 100% 100%;
	background-position: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#Memes {
	width: 85vw;
	padding-bottom: 5%;
	/*background-image:url("Img/Fond_2.png");*/
	background-size: 100% 100%;
	background-position: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#PetitDej {
	width: 85vw;
	height: calc(85vw * 0.679479);
	padding-bottom: 5%;
	background-image:url("Img/Fond_Ptitdej.png");
	background-size: 100% auto;
	background-position: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.Bouton_Dej {
	display: inline-block;
	position:relative;
	top: 50%;
	left: 10%;
	padding: 2%;;	
	margin: auto;
	border-radius: 80%;
	background-color: #9d8e00;
	opacity: 0.7;
	font-family: fofo1; /* Police du bouton petit dej */
	font-size: 5vw;
	color: #000a69;
}

.Bouton_Dej:hover {
	background-color: #03224c;
	color: #9d8e00;
}

#T-Ponch {
	width: 85vw;
	padding-bottom: 3%;
	background-image:url("Img/Fond_T-Ponch.png");
	background-size: 100% 100%;
	background-position: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#Film {
	width: 85vw;
	padding-bottom: 5%;
	background-image:url("Img/Fond_Film.png");
	background-size: 100% 100%;
	background-position: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#GIF {
	display: block;
	margin: auto;
	width: 40%;
	height: 50%;
	background-color: black;
}

#Jeu {
	width: 85vw;
	padding-bottom: 3%;
	background-image:url("Img/Fond_Jeu.png");
	background-size: 100% 100%;
	background-position: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#Galerie {
	width: 85vw;
	height: calc(85vw * 1.8719577);
	padding-bottom: 5%;
	background-image:url("Img/galerie.png");
	background-size: 100% auto;
	background-position: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#Partenariats {
	width: 85vw;
	padding-bottom: 5%;
	background-image:url("Img/Fond_.png");
	background-size: 100% 100%;
	background-position: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.Hotline {
	width: 100%;
	border-radius: 5px;
	border: 5px solid black;
	margin-bottom: 7%;
}

img.Hotline_Last {
	width: 20vw;
	border-radius: 5px;
	border: 5px solid black;
}

img.logo {
    width : 85vw;	
	display : block;
	margin-left : auto;
	margin-right : auto;
	max-width: 100%;
}

img.bouton {
	width: 27vw;
	height: 100%;
}

img.T-Ponch {
	display: block;
	margin: auto;
	width: 75%;
	height: 100%;
}

#FlappyBird {
	display: block; 
	margin: auto;
	touch-action: none; 
	user-select: none; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	width: 320px;
	height: 230px; 
	cursor: inherit;
}

.carousel-indicators {
	bottom: -50px;
}

.frame {
	width: 320px; 
	height: 480px;
}

@font-face {
	font-family: "airstrike"; /* Commande pour importer une police */ 
	src: url("airstrike/airstrike.ttf");
}

@font-face {
	font-family: "fofo1"; /* Commande pour importer une police */ 
	src: url("fofo/FoglihtenNo01.otf");
}

@font-face {
	font-family: "fofo3"; /* Commande pour importer une police */ 
	src: url("fofo/FoglihtenNo03.otf");
}

@font-face {
	font-family: "fofo4"; /* Commande pour importer une police */ 
	src: url("fofo/FoglihtenNo04-070.otf");
}

@font-face {
	font-family: "roro"; /* Commande pour importer une police */ 
	src: url("fofo/RoyalQueen.ttf");
}

@media (max-width: 991px) {
	#item {
		font-size: 4px;
	}

	img.bouton {
		width: 80vw;
		height: 100%;
		max-height: 100%;
	}

	img.logo {
		width: 100vw;
		margin-top:0;
	}

	#Equipage {
		width: 100vw;
		padding-bottom: 10%;
	}

	#carouselEquipage {
		width: 90%;
	}

	#Hotlines {
		width: 100vw;
		padding-bottom: 10%;
	}
	#Memes {
		width: 100vw;
		padding-bottom: 10%;
	}

	#PetitDej {
		width: 100vw;
		height: calc(100vw * 0.679479);
	}

	#T-Ponch {
		width: 100%;
		padding-bottom: 10%;
	} 

	#GIF {
		width: 90%;
	}

	img.Hotline {
		width: 35vw;
		border: 2px solid black;
	}

	img.Hotline_Last {
		width: 35vw;
		border: 2px solid black;
	}

	#Jeu {
		width: 100vw;
		padding-bottom: 15%;
	}
	
	.carousel-indicators {
		bottom: -15%;
	}

	.Titre {
		top: 2vh;
		margin-bottom: 2vh;
	}

	#Film {
		width: 100vw; 
	}

	#Galerie {
		width: 100vw;
		height: calc(100vw * 1.8719577);
	}

	#Partenariats {
		width: 100vw;
	}
}


#DinoGame {
	width: 100%;
	max-width: 600px;
	height: 200px;
	margin: auto;
	border: 2px solid #333;
  }
  
  .frame {
	width: 100%;
	height: 100%;
  }