/* Caroussel */
#caroussel {position: relative; overflow: hidden;}
#caroussel_prev {position: absolute; top: 50%; left: 20px; z-index: 10; width: 40px; height: 40px; margin: -20px 0 0 0; background: url(../images/caroussel_controls.png) no-repeat top center;}
#caroussel_next {position: absolute; top: 50%; right: 20px; z-index: 10; width: 40px; height: 40px; margin: -20px 0 0 0; background: url(../images/caroussel_controls.png) no-repeat bottom center;}
#caroussel_pager {position: absolute; bottom: 20px; left: 0; right: 0; z-index: 10; font-size: 0; text-align: center;}
#caroussel_pager .swiper-pagination-switch {display: inline-block; width: 12px; height: 12px; margin: 0 6px 0 0; background: url(../images/caroussel_pager.png) no-repeat top center; cursor: pointer;}
#caroussel_pager .swiper-active-switch {background-position: bottom center;}
.swiper-slide {position: relative; height: auto !important;}
.swiper-slide a {position: relative; display: block;}
.swiper-slide .btn_play {position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -50px;}
.swiper-wrapper{ height: auto !important;}


/**
 * Responsive Design
 */

/* Grand écran */
@media screen and (min-width: 1400px) {

}

/* Ecran classique / Tablette paysage */
@media screen and (min-width: 980px) and (max-width: 1399px) {

}

/* Tablette portrait */
@media screen and (min-width: 764px) and (max-width: 979px) {

}

/* Mobile */
@media screen and (max-width: 763px) {

}