/* Demo CSS - You do not need this css in your own slider */
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: whiteSmoke;
    border: 1px solid #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
    }
h2 {
    font-size: 48px
    }
pre + h2 {
    margin-top: 80px
    }
#container {
    max-width: 620px;
    margin: 0 auto;
    padding-bottom: 80px
    }
ul.bjqs-controls.v-centered li a {
    display: block;
    text-decoration: none;
    height: 25px;
    width: 22px;
    margin: 0 15px
    }
ul.bjqs-controls.v-centered li a:hover {
    color: #fff
    }
ol.bjqs-markers li a {
    background: #000;
    color: #fff;
    margin: 5px;
    text-decoration: none
    }
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover {
    background: #999
    }
p.bjqs-caption {
    background: rgba(109, 99, 89, 0.8)
    }
.bjqs-next a {
    background: url(imgs/slider-fleche-droite-on.png) no-repeat top left
    }
.bjqs-prev a {
    background: url(imgs/slider-fleche-gauche-on.png) no-repeat top left
    }
.bjqs-next a:hover {
    background: url(imgs/slider-fleche-droite.png) no-repeat top left
    }
.bjqs-prev a:hover {
    background: url(imgs/slider-fleche-gauche.png) no-repeat top left
    }