body {
    margin:0;
    padding:0;
    text-align:center;
    background:white;
    font-family: Verdana, Sans;
}
strong {
    color: #f58f98;
}

a {
    font-size:0.7em;
    color:#8CB0F2;
    text-decoration:none;
}
a:hover {
    color: black;
    text-shadow:0 0 3px grey;
}

img {
    max-width:90%;
}

h1 {
    max-width: 789px;
    max-height:164px;
    margin:auto;
    /*font-size:1.8em;*/
}
h1>svg>text {
    font-family: 'Homemade Apple', cursive;
    font-size:0.7em;
    font-weight:500;
    fill: black;
    text-shadow: #C6C6C6 1px 1px 1px, #C6C6C6 -1px -1px 1px;
}


nav {
    display:flex;
    width:1000px;
    margin:auto;
    font-size:1.1em;
    font-variant: small-caps;
}
#navigation {
    margin-top:0.5em;
    margin-bottom:2em;
}
nav>a {
    flex: 1 1 auto;
    color:white;
    text-decoration:none;
    /*background: rgba(178, 3, 12, 0.76);*/
    background: #f58f98;
    padding: 0.4em;
    margin-right:0.2em;
    margin-bottom:0.2em;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
    border-radius:5px;
    font-size:1em;
}
nav>a.active-page {
    /*background: rgba(183, 255, 228, 0.9);*/
    background: #ffdfe0;
    color:black;
}
nav>a:hover {
    /*background:rgba(178, 3, 12, 0.50);;*/
    opacity: 0.5;
}
#showNav {
    display:none;
    color:white;
    background:#f58f98;
    float:left;
    height:30px;
    width:30px;
    font-size:1.5em;
    line-height:1.3em;
}
footer {
    max-width:1000px;
    margin:-150px auto 50px;
    z-index:-1;
    position:relative;
}

#lang {
    position:fixed;
    font-size:4em;
    bottom:10px;
    right:10px;
}
#lang a span {
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
    border-radius:50px;
    filter: grayscale(100%);
}
#lang a span.active-lang {
    filter: grayscale(0%);
}
#lang a:hover span {
    /*opacity:0.8;*/
    filter: grayscale(10%);
}

p {
    padding:0 10px;
}

.bloc_image {
    width:250px;
    height:250px;
    border:3px black solid;
    border-radius:10px 8px;
    box-shadow: black 4px 4px 4px;
    
    font-size:1.5em;
    text-shadow:white 0px 0px 5px;
}


#menu-text {
    text-align:center;
    font-size: 1.3em;
    font-family: 'Courgette', cursive;
}
#menu-text p::after {
    display:block;
    content: " . ";
}
#menu-text p:last-child::after {
    content: "";
}

#bouttons_store {
    width:700px;
    margin:30px auto;
}
#bouttons_store a img {
    height:80px;
}

#temps_restant_secondes {
    display:none;
}

#temps_restant {
    display: flex;
    width:500px;
    margin:40px auto;
}
#temps_restant>span {
    flex: 0 0 60px;
    color: white;
    background: #f58f98;
    padding:1em 0.4em;
    margin-right: 0.3em;
    margin-top: 0.2em;
    border-radius: 25px;
    font-size: 2em;
    
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
    text-shadow: 2px 2px 2px black;
}
#temps_restant span.text {
    font-size:0.5em;
    text-shadow: none;
    color:#966468;
}

@media all and (max-width: 999px) {
    nav {
        width:auto;
        flex-wrap: wrap;
        border-radius:0;
        font-size:1.4em;
    }
    footer {
        margin-top:-70px;
    }
}
@media all and (max-width: 760px) {
    nav {
        flex-direction: column;
    }
    footer {
        margin-top:-20px;
    }
    #bouttons_store {
        width:auto;
        margin:30px auto;
    }
}
@media all and (max-width: 540px) {
    #bouttons_store {
        width:auto;
        margin:30px auto;
    }
    #bouttons_store a img {
        width:300px;
        height:auto;
    }
}
@media all and (max-width: 500px) {
    #navigation {
        /*display:none;*/
        font-size:0.75em;
        width:80%;
        margin-left:auto;
        margin-right:auto;
    }
    #showNav {
        display:block;
        cursor:pointer;
        text-touch:none;
    }
    footer {
        margin-top:10px;
    }
    #menu-text {
        font-size:0.8em;
    }
}
@media all and (max-width: 400px) {
    #bouttons_store a img {
        width:200px;
    }
    #temps_restant {
        font-size:0.7em;
    }
    #temps_restant>span {
        flex: 0 0 45px;
    }
    #lang {
        font-size:3em;
    }
}