html, body {
    height: 100%;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

header {
    box-sizing: border-box;
    height:66px;
    display:block;
}
main {
    z-index: 2;
    min-height: calc(100% - 132px);
    box-sizing: border-box;
}
footer {
    max-height:66‬px;
}

.box-image {
    
    background-image: url(img/mur_deux_briques.jpg);
    background-repeat: repeat-y;
    background-size: cover;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
    z-index: 2;
}

.colonne {
    padding: 1px 0px;
    background-color: rgba(0, 0, 0, 0.6);
    display: block;
    width: 50%;
    text-align: left;
    min-height: 300px;
    color: white;
    font-size: 25px;
}

.colonne-google {
    margin-left: 20px;
    padding: 1px 0px;
    display: block;
    width: 50%;
    text-align: left;
    min-height: 300px;
    color: white;
    font-size: 25px;
}

.colone-jeux-videos-musiques {
    display: inline-block;
    width: 50%;
    min-height: 300px;
    color: black;
    font-size: 25px;
    text-align: center;
    vertical-align: top;
}

.title {
    text-decoration: underline;
}

.colone-jeux-videos-gauche {
    display: block;
    columns: 2;
    font-size: 25px;
    text-align: left;
    margin: 50px;
}

.musiques {
    font-size: 35px;
    text-align: center;
    margin: 50px;
}

.serv-discord {
    text-decoration: none;
}

.title-annuaire {
    text-align: center;
    font-size: 35px;
    text-decoration: underline;
    font-family: 'Annie Use Your Telescope', cursive;
}

.annuaire-lettre {
    font-size: 35px;
}

.box-image-discord {
    background-image: url(img/telechargement.png);
    background-repeat: repeat-y;
    background-size: cover;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
    z-index: 2;
}

.box-image-google {
    background-image: url(img/google.jpeg);
    background-repeat: repeat-y;
    background-size: cover;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
    z-index: 2;
}

.easter-egg {
    text-decoration: none;
    text-align: center;
}

.easter-egg-title {
    font-size: 50px;
    text-decoration: underline;
}

.easter-egg-paragraph {
    font-size: 29px;
}

.text-noir {
    color:#000;
}
.text-blanc {
    color:#fff;
}
a, a:focus, a:active { outline:none; }