body {

	margin-left:auto;
	margin-right:auto;

  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}
div#contenu{
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
    text-align: left;
}
div#main{
	margin-left:auto;
	margin-right:auto;
	max-width: 50%;
}
div#entete{
	text-align:center;
}
img#logo{
	width:50%;
	height:50%;
}
div#zoneheader{
	margin-left:auto;
	margin-right:auto;
	max-width: 50%;
    text-align: left; /* Logo centré à gauche sur desktop */
    padding: 10px;
}

header img {
    width: 80vw;
	height: calc(80vh * 0.1175);
	text-align:center;
}

#videoyoutube{
	aspect-ratio: 16/9;
    width: 100%;
    height: auto;

	}

.img-responsive{
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
}
div#separateur{

	min-height: 10vh;
}

footer {
	width:100% !important;
	display: inline-block;
    text-align: center; /* Footer toujours centré */
    padding: 10px;
    left: 0;
    bottom: 0;
    background-color: #f0f0f0;
}

@media (max-width: 960px) {
    header img{
        text-align: center; /* Logo centré au milieu en mode mobile */

		}
div#main{
	margin-left:auto;
	margin-right:auto;
	max-width: 75%;
}
}
@media (max-width: 640) {
    header img{
        text-align: center; /* Logo centré au milieu en mode mobile */

		}
div#main{
	margin-left:auto;
	margin-right:auto;
	max-width:85%;
}
}