body
{
    height: 95%;
    width: 97%;
}


.ahead
{
    width: 100%;
    padding-left: 1%;
}

.menu
{
    width: 100%;
    text-align: center;
    position: fixed;
    bottom:0;
    background-color: rgba(255, 255, 255, 0.5);
    padding-bottom: 4px;
}

.lien_menu, .lien
{
    padding-left: 40px;
    font-size: 24px;
    color: black;
    text-decoration: none;
}

.lien_home
{
    color: black;
    text-decoration: none;
}

.lien
{
    font-size: 14px;
}


.lien_text
{
    padding-left: 0;
    font-size: 15px;
    color: black;
    text-decoration: none;
}

.gauche
{
    padding-top: 10px;
    width: 57%;
    padding-left: 1%;
}

.gauche_accueil
{
    width : 80%;
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 30px;
}

.tableau
{
    padding-left: 1.5%;
    padding-top: 50px;
}

.title
{
    font-size: 22px;
    margin-bottom: 15px;
    margin-top: 40px;
}

.c1, .c2
{
    width: 300px;
}

.img
{
    width: 97%;
}

.droite
{
    width: 36%;
    float:right;
    margin-right: 10px;
    left: -50px;
}

.text
{
    padding-left: 6%;
    margin-top: 20%;
    margin-bottom: 20%;
    width: 42%;
    min-width: 350px;
    max-width: 600px;
    text-align: justify;
    font-family: 'Times', sans-serif;
}

.credit
{
    font-size: 12px;
}

.marge
{
margin-left: 30px;
}

h1, h2, .lien_menu, .lien, .title, .lien_text, .contact
{
    font-family: 'Titillium Web', sans-serif;
}

h1
{
    font-size: 50px;
    margin-top: 30px;
    margin-bottom: 0;
}

h2
{
    margin-top: -10px;
    font-size: 30px;
}

.video
{
    width: 100%;
    height: 600px;
}

.contact
{
    font-size: 25px;
}

            @media screen and (max-width: 1000px)
            {
                .droite
                {
                    float: none;
                    width: 70%;
                    max-width: 1000px;
                    min-width: 0;
                    margin-right: 1.5%;
                    margin-left: 30px;
                    left:0;
                }

                .text
                {
                    padding-left: 0;
                    margin-top: 0;
                    margin-bottom: 40px;
                    width: 95%;
                    max-width: 800px;
                    min-width: 0;
                }

                .gauche
                {
                    width: 97%;
                    padding-left: 0;
                    margin-left: 1.5%;
                    margin-right: 1.5%;
                    margin-bottom: 40px;
                }

                .tableau
                {
                    margin-top: -15px;
                    padding-top: 0px;
                    padding-bottom: 20px;
                }
            }



@media screen and (max-width: 600px)
{
    .lien_menu
    {
        display: block;
        font-size: 18px;
    }

    .menu
    {
        background-color: inherit;
        text-align: right;
        right: 15px;
        top: 100px;
    }