html
{
	
}

body
{
	font-family: Verdana, sans-serif;
	border-radius: 5px;
}

video
{
	border-radius: 5px;
	margin: 5px;
}

img
{
	border-radius: 5px;
}

.titrePage
{
	position: absolute;
	top: 15px;
	left: 43%;
	font-size: 25px;
	font-weight: bold;
}

.titrePage2
{
	position: absolute;
	top: 40px;
	left: 45%;
	font-size: 20px;
	font-weight: bold; 
}

.container_bandeau_gauche
{
	position: absolute;
	top: 5px;
	left: 5px;
}

.container_bandeau_centre
{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 85px;
	top: 5px;
}

.item
{
	width: 10em;
}

.container_bandeau_droit
{
	position: absolute;
	top: 5px;
	right: 5px;
}

.menu_gauche
{
	position: absolute;
	left: -5px;
	top: 88px;
	z-index: 2;
	border-radius: 5px;
}

.fond_bandeau
{
	background-color: dimgrey;
	border-radius: 5px;
}

.arrondiBord
{
	border-radius: 5px;
}

.info
{
    position: absolute;
    top: 95px;
    left: 25px;
	background-color: dimgrey;
	border-radius: 5px;	
	z-index: 5;
}

.quitter
{	
	position:absolute;
	top: 5px;
	right: 5px;
	z-index: 10;
}

/* TELEPHONE */
@media screen and (max-width: 600px) {
	.titrePage
	{
		position: absolute;
		top: 15px;
		left: 23%;
		font-size: 25px;
		font-weight: bold;
	}
	
	.titrePage2
	{
		position: absolute;
		top: 40px;
		left: 29%;
		font-size: 20px;
		font-weight: bold; 
	}


}