html {
        margin: 0;
        padding: 0;
        background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url(img/background.jpg) no-repeat center fixed;
        -webkit-background-size: cover;
        /* pour anciens Chrome et Safari */
        background-size: cover;
        /* version standardisée */
        font-family: 'Arial', sans-serif;
    }
    
    .contain {
        background-color: rgba(255, 255, 255, 0.5);
        /* poussé de la moitié de hauteur de viewport */
        /* tiré de la moitié de sa propre hauteur */
        padding-top: 20px;
        height: 91vh;
    }
    
    .main {
        text-align: center;
    }
    
    .title {
        font-weight: 100;
        font-size: 51px;
        color: #000;
        font-weight: bold;
    }
    
    .main-info {
        font-size: 24px;
        font-weight: 100;
        color: #000;
    }
    
    .logo {
        width: 40%;
        height: auto;
    }
    
    .lang-ico {
        padding-left: 20px;
    }
    
    .lang-ico a {
        padding-right: 5px;
    }
    
    @media (max-width: 800px) {
        .title {
            font-size: 24px;
        }
        .main-info {
            font-size: 16px;
        }
        .logo {
            width: 80%;
            height: auto;
        }
        /*.contain {
            margin-top: 50vh;
             poussé de la moitié de hauteur de viewport
            transform: translateY(-50%);
            tiré de la moitié de sa propre hauteur 
        }*/
    }
    
    .footer {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        text-align: center;
        height: 5vh;
    }
    
    .contact {
        padding-bottom: 5px;
    }