#sliderShape {
    margin:40px 0 0px 0px;
    width:380px; height:300px;
    position:relative;
    border-top:1px solid #333;
    border-left:1px solid #333;
    border-right:1px solid #111;
    border-bottom:1px solid #111;    
    clear:both;
}

#sliderShape #sliderContainScreen{
    position:absolute; z-index:1;
    top:20px; left:10px;
    width:360px; height:260px;
    overflow:hidden;
}

#sliderShape #sliderScreen{
    position:absolute; z-index:1;
    width:18920px; height:240px;    
    top:20px; left:0px;
    overflow:hidden;
    vertical-align:top;
    background-color:#222;    
}

#sliderShape #sliderScreen img{
    width:360px;
}

#sliderShape #sliderDoc{
    position:absolute; z-index:5;
    top:100px; left:10px;
    margin:0; padding:20px 10px 10px 10px;
    width:250px; height:110px; 
    overflow:hidden;
    vertical-align:top;
    text-align: justify;
    border-radius:0px 10px 10px 0px;
    opacity:0.7; filter : alpha(opacity=70);
    cursor:pointer;
    background:url('../../modules/slider/images/moz-croix.png') 248px 5px  no-repeat #211d0d;
}

#sliderShape #sliderPrec{
    position:absolute; z-index:3;
    padding:0;margin:0;
    width:180px; height:240px;    
    top:18px; left:0px;
    overflow:hidden;
    vertical-align:top;   
	cursor:pointer;
	background:url('../../modules/slider/images/navigation-left.png') 0px 90px no-repeat;
}

#sliderShape #sliderSuiv{
    position:absolute; z-index:3;
    top:18px; left:180px;
    width:180px; height:240px;    
    overflow:hidden;
    vertical-align:top;
    padding:0;
    cursor:pointer;
    background:url('../../modules/slider/images/navigation-right.png') 130px 90px no-repeat;
}

#sliderShape #sliderButton{
    position:absolute; z-index:2;
    top:396px; left:40px;
    width:38px; height:42px;    
    cursor:pointer;    
}

#sliderShape #sliderNavig{
    margin-top:5px;
    width:360px; height:20px;
	text-align:center;    
}

#sliderShape #sliderLnk{
    position:absolute; z-index:4;
    top:8px;left:310px;
    width:60px;    
    text-align:center;
    cursor:pointer;    
    font-size:11px;
    text-shadow: 0 2px 2px black;
    color:#fff;    
}

#sliderShape #sliderSup{
   	position:absolute; z-index:4;
    top:478px;left:525px;
    width:150px;
    text-align:center;
    cursor:pointer;    
    font-size:11px;
    text-shadow: 0 2px 2px white;
    color:#fff;           
}

#sliderShape #sliderSup a{
    font-size:11px;
    text-shadow: 0 2px 2px #e4e4e4;
    color:#fff;           
}

#sliderShape .sliderBull{
	margin: 2px 5px 5px 2px;
    width:16px;height:16px;	
    cursor:pointer;        
}

#sliderShape .sliderBull .slider{
	margin:0 5px 0 0;
    width:16px;height:20px;	
}

#sliderShape .active{
	background:url('../../modules/slider/images/active.png') no-repeat;
}

#sliderShape .inactive{
	background:url('../../modules/slider/images/inactive.png') no-repeat;
}

/* if smartphone */
@media only screen and (max-width: 400px){
    #sliderShape{width:280px;height:250px;margin:0 0 0 0;}
    #sliderShape #sliderContainScreen{width:260px;height:210px;}
    #sliderShape #sliderScreen{height:250px;}
    #sliderShape #sliderScreen img{width:260px;}
    #sliderShape #sliderPrec{height:250px;width:130px;top:20px;left:0px;background:url('../../modules/slider/images/navigation-left.png') 0px 70px no-repeat;background-size: 30px;}
    #sliderShape #sliderSuiv{height:250px;width:130px;top:20px;left:150px;background:url('../../modules/slider/images/navigation-right.png') 80px 70px no-repeat;background-size: 30px;}
    #sliderShape #sliderNavig{width:240px;}
    #sliderShape #sliderLnk{top:5px;left: auto;right:1px;}    
    #sliderShape #sliderDoc{position:relative;top:auto;left:auto;}    
}