a.btn1 {
    display: inline-block;
    padding: 0.35rem 1.2rem;
    border: 0.1em solid #ec3434;
    margin: 0 0.3rem 0.3rem 0;
    border-radius: 0.30rem;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #111be3;
    text-align: center;
    transition: all 0.2s;
}
/**/
a.btn1:hover {
    color: #000000;
    background-color: #FFFFFF;
    /* évite le chevauchement des boutons au survol*/
    margin: 0 19px 0 19px;
}

@media all and (max-width:30em) {
    a.btn1 {
        display: block;
        margin: 0.4rem auto;
    }
}

a.btn5 {
    display: inline-block;
    color: white;
    padding: 0.46rem 1.6rem;
    border: 0.1rem solid #000000;
    margin: 0 0.2rem 0.2rem 0;
    border-radius: 0.12rem;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #000000;
    text-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.35);
    background-color: #FFFFFF;
    text-align: center;
    transition: all 0.15s;
}

a.btn5:hover {
    text-shadow: 0 0 2rem rgba(255, 255, 255, 1);
    color: #FFFFFF;
    border-color: #FFFFFF;
    /* évite le chevauchement des boutons au survol*/
    margin: 0 19px 0 19px;
}

@media all and (max-width:30em) {
    a.btn5 {
        display: block;
        margin: 0.4rem auto;
    }
}

.bouncy {
    animation: bouncy 5s infinite linear;
    position: relative;
}

@keyframes bouncy {
    0% {
        top: 0em
    }

    40% {
        top: 0em
    }

    43% {
        top: -0.9em
    }

    46% {
        top: 0em
    }

    48% {
        top: -0.4em
    }

    50% {
        top: 0em
    }

    100% {
        top: 0em;
    }
}

.delai1 {
    animation-delay: 0.07s;
}

.delai2 {
    animation-delay: 0.14s
}

.delai3 {
    animation-delay: 0.21s
}

a.btn4 {
    display: inline-block;
   margin: 0;
   padding: 0.01rem 0.5rem 0.01rem 0.5rem ;
    padding: 0.3rem 1.2rem;
    margin: 0 0.1rem 0.5rem 0;/*padding margin
    réduit la taille de la police*/
    border: 0.16rem solid rgba(255, 255, 255, 0);
    border-radius: 2rem;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
    text-shadow: 0 0.04rem 0.04rem rgba(0, 0, 0, 0.35);
    text-align: center;
    transition: all 0.2s;
}

a.btn4:hover {
    border-color: rgba(255, 255, 255, 1);
    /* évite le chevauchement des boutons au survol
    margin: 0 19px 0 19px;*/
}

.bg-rouge {
    background-color: #dd1212;
}

.bg-marron {
    background-color: #cd8d0d;
}

.bg-vert {
    background-color: #4ac10e;
}

.bg-vertf {
    background-color: #0f7136;
}

.bg-bleu {
    background-color: #0952a6;
}

.bg-violet {
    background-color: #3e0a79;
}

.bg-rose {
    background-color: #bb0682;
}

@media all and (max-width:30em) {
    a.button4 {
        display: block;
        margin: 0.2rem auto;
    }
}