#contbonsplans {
    display: block;
    float: left;
    height: 340px;
    /*margin: 0;*/
    position: relative;
    width: 280px;
}
.bonsplans-boxtop {
    background-image: url("../images/accueil/orangebox-top.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-family: 'VAGR';
    font-size: 16px;
    height: 35px;
    padding-left: 10px;
    padding-top: 10px;
    position: relative;
}
.bonsplans-boxmid {
    background-image: url("../images/accueil/orangebox-trbg.gif");
    background-repeat: repeat-x;
    height: 270px;
    position: relative;
}
.bonsplans-slideshow {
    background-color: #FFFFFF;
    height: 270px;
    margin: 0 auto;
    overflow: hidden;
    width: 260px;
}
.bonsplans-boxbot {
    background-image: url("../images/accueil/orangebox-bot.png");
    background-repeat: no-repeat;
    height: 25px;
    padding-top: 10px;
    position: relative;
}
#bonsplans-slideshow-controls {
    height: 16px;
    margin: 0 auto;
    text-align: center;
    /*width: 65px;*/
    width: 85px;
}
#bonsplans-slideshow-controls li {
    background-image: url("../images/accueil/puce-bonplans-nosel.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}
#bonsplans-slideshow-controls li.sel {
    background-image: url("../images/accueil/puce-bonplans-sel.png");
}
.bonsplans-slideshow div.slidefade {
    background-repeat: no-repeat;
    cursor: pointer;
    height: 270px;
    position: absolute;
    width: 260px;
}

@media only screen and (max-width: 639px){
#contbonsplans {
margin: 10px 10px 20px;
}}