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

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

.Titre {
	display: inline-block;
	padding-right:1%;
	background-color: white;	
	opacity: 0.7;
	font-family: airstrike;
	color: #000a69;
	font-size: 3vw; 
	position: relative;
	left: 20%;
	top: 9vh;
	margin-bottom: 10vh;
}

.Titre:hover {
	color: #d8b000;
}

.Texte {
	font-family: airstrike;
	color: black;
	font-size: 2vw;
}

#menu {
	height: 100%;
}

#container {
	background:url("Img/Fond_Site.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: #000a69; 
	font-weight: bold; 
	font-size: 3vh;
	font-family: airstrike;
	position: relative;
		top: -4px;
}

.item:hover {
	color: #d8b000;
}

#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;
}

#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: #d8b000;
	opacity: 0.7;
	font-family: airstrike;
	font-size: 5vw;
	color: #000a69;
}

.Bouton_Dej:hover {
	background-color: #000a69;
	color: #d8b000;
}

#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: 480px; 
	cursor: inherit;
}

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

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

@font-face {
	font-family: "airstrike";
	src: url("airstrike/airstrike.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%;
	}

	#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;
	}
}