@font-face {
    font-family: 'ArchivoNarrow-Regular';
    src: url('../woff2/ArchivoNarrow-Regular.woff2') format('woff2');
}
body {
    background-image: url('../images/strasbourg.jpg');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    word-break: normal;
    font-family: 'ArchivoNarrow-Regular', sans-serif;

}
h1{

    text-align: center;
}
p{
    text-align: justify;
}
h1, h2 {
    font-family: 'ArchivoNarrow-Regular', sans-serif;
}
.header {
    text-align: center;
    background-color: #ffffff;
    width:100%;
}
.contenu {
    flex: 1;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    flex-flow: row wrap;
    /*justify-content: space-between;*/
}
.contenu ul ul {
    margin-top: 0;
    margin-bottom: 0.75em;
}
.centrer {
    /*background-color: rgba(255, 255, 255, 0.6);*/
}
.contenu > *{
    flex:100%;
}
.activite {
    margin-top: 10px;
}

.photos > div > p {
    text-align: center;
    margin-bottom: 20px;
    font-style: italic;
    font-weight: bold;
}
.photos > div > img {
    width: 100%;
    justify-content: center;
}

@media (min-height: 900px) {
    .aside {
        flex: 1 auto;
    }
}
@media (min-height: 900px) {
.contenu {
    margin-top: 100px;
}
    .centrer {
        flex: 3 0px;
        /*flex-grow: 2;*/
    }
    p, li {
        font-size: large;
    }
    .activite {
        margin-top: 50px;
    }
    .photos {
        display: flex;
        flex-flow: row wrap;
        margin: 20px;
    }
    .photos > div {
        flex: 1;
        text-align: center;

        align-items: center;
        padding: 20px;
    }


}
footer {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 20px;
    text-align: center;
}
footer p {
    text-align: center;
}

footer .cell {
    padding: 5px 30px;
}

@media (min-height: 900px) {
    footer .info {
        display:flex;
        /*flex-direction:row;*/
        justify-content:center
    }

}