[id="bottomHome"] .bonplan{
    display: inline-block;
    vertical-align: top;
    max-width: 350px;
    margin:15px 2.5%;

    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
    transition: transform 0.1s linear, -webkit-transform 0.1s linear;

}
[id="bottomHome"] .bonplan .plan{
    max-width: 70%;
}
[id="bottomHome"] .bonplan h5{
    font-family: 'Roboto Slab',Georgia,Times,Times New Roman,serif;
    color: #FFFFFF;
    font-size:2.5rem;
    margin: 0 auto 10px;
}
[id="bottomHome"] .bonplan header{
    margin:0;
    background:#e8430c;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}
[id="bottomHome"] .bonplan header .billet{
    width: 70%;
    background:#e8430c;
    padding:10px 15px;
    color:#FFFFFF;
    text-transform: uppercase;
    font-size:2.4rem;
    line-height: 1.1;
    font-weight: 700;
}
[id="bottomHome"] .bonplan header .price{
    width: 30%;
    background:#004782;
    padding:10px;
    line-height: 1.2;
}
[id="bottomHome"] .bonplan header span{
    display: inline-block;
    width: 100%;
    color:#FFFFFF;
    font-weight: 700;
    font-size: 2.5rem;
}
[id="bottomHome"] .bonplan header span.old{
    text-decoration: line-through;
    font-size: 1.1rem;
}
[id="bottomHome"] .bonplan .inner{
    padding:10px 15px;
    background:#e8430c;
}
[id="bottomHome"] .bonplan .inner h6{
    margin:10px 0;
}
[id="bottomHome"] .bonplan .inner p{
    color:#FFFFFF;
    font-weight: 700;
    font-size: 1.5rem;
    line-height:1.1;
    margin: 0;
}
[id="bottomHome"] .bonplan .inner p strong{
    display: inline-block;
    vertical-align: middle;
    font-size:2.5rem;
    -webkit-transform:translateY(-2.5px);
            transform:translateY(-2.5px);
}
[id="bottomHome"] .bonplan .bottom{
    background:#FFFFFF;
    padding:10px 15px;
}
[id="bottomHome"] .bonplan .bottom a{
    text-transform: uppercase;
}

@media(max-width:640px){
    [id="bottomHome"] .bonplan{
        width: 100%;
        margin:0 auto 25px;
        overflow: hidden;
        max-width: unset;
    }
    [id="bottomHome"] .bonplan .plan{
        max-width: 100%;
        text-align: center;
    }
    [id="bottomHome"] .bonplan header{
        text-align: left;
    }
    [id="bottomHome"] .bonplan .inner{
        text-align: left;
    }
    [id="bottomHome"] .bonplan .inner h6{
        font-size:1.6rem;
    }
}