﻿.slider1_container_classe
{
    position: relative; 
    top: 0px; 
    left: 0px; 
    width: 710px; 
    height: 228px; 
    overflow: hidden;
}

#loading-css
{
    position: absolute; 
    top: 0px; 
    left: 0px;
}

#loading-css-2
{
    filter: alpha(opacity=70); 
    opacity:0.7; 
    position: absolute; 
    display: block;
    background-color: #000000; 
    top: 0px; 
    left: 0px;
    width: 100%;
    height:100%;
}

#loading-css-3
{
    position: absolute; 
    display: block; 
    background: url(/content/images/slider-accueil/img/loading.gif) no-repeat center center;
    top: 0px; left: 0px;
    width: 100%;
    height:100%;  
} 

#slides-css
{
   cursor: move; 
   position: absolute; 
   left: 0px; 
   top: 0px; 
   width: 710px; 
   height: 228px; 
   overflow: hidden;             
}   

#slides-description
{
   position:absolute;
   top:192px;
   z-index:2;
   background-color:White;
   opacity: 0.85;
   filter: alpha(opacity=85); /* For IE8 and earlier */
   color:black;
   font-size:12px;
   width:710px;
   height:36px;
}

#slides-description-3lignes
{
   position:absolute;
   top:180px;
   z-index:2;
   background-color:White;
   opacity: 0.85;
   filter: alpha(opacity=85); /* For IE8 and earlier */
   color:black;
   font-size:12px;
   width:710px;
   height:54px;
}    
    
#slides-description p, #slides-description-3lignes p
{
    margin:7px 15px;
}    

/* -- Bullet Navigator Skin Begin -->
 /* jssor slider bullet navigator skin 05 css */
            /*
            .jssorb05 div           (normal)
            .jssorb05 div:hover     (normal mouseover)
            .jssorb05 .av           (active)
            .jssorb05 .av:hover     (active mouseover)
            .jssorb05 .dn           (mousedown)
            */
            .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
                background: url(/content/images/slider-accueil/img/b05.png) no-repeat;
                overflow: hidden;
                cursor: pointer;
            }

            .jssorb05 div {
                background-position: -7px -7px;
            }

                .jssorb05 div:hover, .jssorb05 .av:hover {
                    background-position: -37px -7px;
                }

            .jssorb05 .av {
                background-position: -67px -7px;
            }

            .jssorb05 .dn, .jssorb05 .dn:hover {
                background-position: -97px -7px;
            }
/*-- Bullet Navigator Skin End --> */

#navigator-css
{
    position: absolute; 
    bottom: 16px; 
    right: 6px;
}

#prototype-css
{
    position: absolute; 
    width: 16px; 
    height: 16px;
}

/*-- Arrow Navigator Skin Begin -->
 /* jssor slider arrow navigator skin 12 css */
            /*
            .jssora12l              (normal)
            .jssora12r              (normal)
            .jssora12l:hover        (normal mouseover)
            .jssora12r:hover        (normal mouseover)
            .jssora12ldn            (mousedown)
            .jssora12rdn            (mousedown)
            */
            .jssora12l, .jssora12r, .jssora12ldn, .jssora12rdn {
                position: absolute;
                cursor: pointer;
                display: block;
                background: url(/content/images/slider-accueil/img/a12.png) no-repeat;
                overflow: hidden;
            }

            .jssora12l {
                background-position: -16px -37px;
            }

            .jssora12r {
                background-position: -75px -37px;
            }

            .jssora12l:hover {
                background-position: -136px -37px;
            }

            .jssora12r:hover {
                background-position: -195px -37px;
            }

            .jssora12ldn {
                background-position: -256px -37px;
            }

            .jssora12rdn {
                background-position: -315px -37px;
            }    
/*-- Arrow Navigator Skin End --> */

#arrowleft-css
{
    width: 30px; 
    height: 46px; 
    top: 93px; 
    left: 0px;
}                

#arrowright-css
{
    width: 30px; 
    height: 46px; 
    top: 93px; 
    right: 0px;
}              