html {
    font-size: 18px;
}

@media only screen and (min-width: 768px) {
    html {
	width: 80%;
	margin:auto;
    }
}


h1 {
    color: #960018;
    border-bottom: 1px solid #960018;
}

img {
    max-width: 80%;
}

/* Barre de navigation */
.topnav {
    background-color : #EBD6D6;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.topnav a {
    float : left;
    color: #960018;
    text-align: center;
    padding : 8px 16px;
    text-decoration: none;
}
.topnav a.active {
    background-color: white;
    color : #960018;
    border : 2px solid #960018;
}


/* Informations principales - logo... */
.information {
    display : flex;
    flex-direction : column;
    align-items: center;
    justify-content : center;
    margin : 30px;
}
.information a {
    float : left;
    color: #960018;
    text-align: center;
    padding : 14px 16px;
    text-decoration: none;
}
.information img {
    width : 300px;
}


/* Item */
.items li {
    list-style: none;
}
.items a {
    /*float : left;*/
    color: black;
    text-align: center;
    padding : 8px 16px;
    text-decoration: none;
}