.img-infos-article{
    width: 100%;
    padding-top: 60px;
    display: block;
    background-image: url('../img/boutons/info-light.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.img-infos-article:hover{
    width: 100%;
    background-image: url('../img/boutons/info-bold.png');
}

.img-inscrip-article{
    width: 100%;
    padding-top: 60px;
    display: block;
    background-image: url('../img/boutons/sinscrire-light.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

#Article.img-inscrip-article, .Evènement_Passé.img-inscrip-article{
    width: 100%;
    padding-top: 60px;
    display: none;
    background-image: url('../img/boutons/sinscrire-light.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.img-inscrip-article:hover{
    width: 100%;
    background-image: url('../img/boutons/sinscrire-bold.png');
}


.img-infos {
    width: 100%;
    padding-top: 65px;
    display: block;
    background-image: url('../img/boutons/info-bleu-light.png');
    background-repeat: no-repeat;
    background-size: 50%;
}

.img-infos:hover {
    background-image: url('../img/boutons/info-bleu-bold.png');
}

@media(max-width:769.98px)
{
    .img-infos
    {
        margin-left: 25%;
    }
    
    .img-infos:hover {
        margin-left: 25%;
    }
}


.btn_candidatez {
    width: 100%;
    padding-top: 59px;
    margin-left: 35%;
    display: block;
    background-image: url('../img/boutons/candidatez-rosange-light.png');
    background-repeat: no-repeat;
    background-size:30%;
}

.btn_candidatez:hover {
    background-image: url('../img/boutons/candidatez-rosange-bold.png');
}


@media(max-width:691.98px)
{
    .btn_candidatez {
    width: 150%;
    padding-top: 59px;
    margin-left: 30%;
    display: block;
    background-image: url('../img/boutons/candidatez-rosange-light.png');
    background-repeat: no-repeat;
    background-size:30%;
    }

    .btn_candidatez:hover {
        background-image: url('../img/boutons/candidatez-rosange-bold.png');
    }
}


.btn_communication {
    width: 100%;
    padding-top: 59px;
    display: block;
    background-image: url('../img/boutons/communcation-rosange-light.png');
    background-repeat: no-repeat;
    background-size:100%
}

.btn_communication:hover {
    background-image: url('../img/boutons/communcation-rosange-bold.png');
}

@media(max-width:769.98px)
{
    .btn_communication
    {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    }
    
    .btn_communication:hover {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    }
}


.btn_digital {
    width: 100%;
    padding-top: 59px;
    display: block;
    background-image: url('../img/boutons/Digital-rosange-light.png');
    background-repeat: no-repeat;
    background-size:100%
    }
    
.btn_digital:hover {
    background-image: url('../img/boutons/Digital-rosange-bold.png');
}

@media(max-width:769.98px)
{
    .btn_digital
    {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    }
    
    .btn_digital:hover {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    }
}


.btn_croissance 
    {
        width: 100%;
        padding-top: 59px;
        display: block;
        background-image: url('../img/boutons/croissance-rosange-light.png');
        background-repeat: no-repeat;
        background-size:100%
    }

    .btn_croissance:hover 
    {
        background-image: url('../img/boutons/croissance-rosange-bold.png');
    }

@media(max-width:769.98px)
{
    .btn_croissance 
    {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .btn_croissance:hover 
    {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}