@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
/*html,body{height:100%;}*/
/**{outline:none;}*/
/*body{margin:0px; padding:0px; background:#000;}*/
#toolbar{position:absolute; z-index:3; right:10px; top:15px; padding:5px; background:url("/img/carousel/fs_img_g_bg.png");}
#toolbar img{border:none;}
#img_title{visibility:hidden;position:absolute; z-index:3; left:10px; top:10px; padding:10px; background:url("/img/carousel/fs_img_g_bg.png"); color:#FFF; font-family:'Josefin Sans Std Light', arial, serif; font-size:24px; text-transform:uppercase;}
#bg{position:relative; z-index:1; overflow:hidden; width:100%; height:100%;background:var(--bg-large);}
#bgimg{display:none; -ms-interpolation-mode: bicubic;z-index:40;}
#preloader{position:relative; z-index:3; width:32px; padding:20px; top:80px; margin:auto; background:rgba(0,0,0,0);}
#thumbnails_wrapper{z-index:0; position:relative; bottom:0; width:100%; background:url(empty.gif); /* stupid ie needs a background value to understand hover area */}
#outer_container{position:relative; padding:0; width:100%; margin:0px auto;}
#outer_container .thumbScroller{position:relative; overflow:hidden; background:url("/img/carousel/fs_img_g_bg.png");}
#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:170px;}
#outer_container .thumbScroller .container{position:relative; left:0;}
#outer_container .thumbScroller .content{float:left;}
#outer_container .thumbScroller .content div{margin:5px; height:100%;}
#outer_container .thumbScroller img{border:5px solid #fff;}
#outer_container .thumbScroller .content div a{display:block; padding:5px;}

.nextImageBtn, .prevImageBtn{display:block; position:absolute; width:50px; height:50px; top:50%; margin:-25px 10px 0 10px; z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}
.nextImageBtn:hover,.prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
.nextImageBtn{right:0; background:#000 url(nextImgBtn.png) center center no-repeat;}
.prevImageBtn{background:#000 url(prevImgBtn.png) center center no-repeat;}

.thumb{
    margin-top:25%;
}

@media (min-width : 800px){
    #thumbnails_wrapper{
        margin-bottom:65px;
    }
}
@media (max-width: 800px) {
    #thumbnails_wrapper, #outer_container, #thumbScroller, #thumbScroller .container, #thumbScroller .content,#thumbScroller .content img {
        display: none;
        height: 0px;
    }
}

#loader{
    z-index:30;
    position:fixed;
}

#annonceCarrousel{
    height:86vh;
    /*margin-top:65px;*/
    background-color:var(--color-light-bg-1);
}

.container{
    max-width:10000px;
}