/* 
--------------------------------------------------------------------------------
------------- slideshow CSS ----------------------------------------------------
--------------------------------------------------------------------------------
*/
.slideshow-img {
    background-color: white;
    background-repeat: no-repeat;
    background-position: center center;
    border:auto;
    width:100%;
    height:100%;
    z-index:-2;
    position:absolute;
}
.content-text {
    overflow:hidden;
    position:relative;
    color:black; /* You can change */
    text-align:center; /* You can change */
    padding:5px; /* You can change */
    margin-left:20px; /* You can change */
    margin-right:20px; /* You can change */
    z-index:0;
}
.back-trans {
    z-index:-1;
    position:absolute;
    overflow:hidden;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:white; /* You can change color & opacity */
    filter:alpha(opacity=70);
    opacity:0.7;
}
.pos-left {
    right: 9999px;
}
.pos-right {
    left: 9999px;
}

/* 
--------------------------------------------------------------------------------
------------- player CSS -------------------------------------------------------
--------------------------------------------------------------------------------
*/
.triangle {
    width:0; height:0;
    border:8px solid transparent;
}

.triangle-droit {
    border-left:8px solid #323536;
}
.triangle-gauche {
    border-right:8px solid #323536;
}
.triangle-play {
    border-left:12px solid green;
    float:left;
    cursor: pointer;
}
.container-double {
    cursor: pointer;
    position:relative;
    float:left;
    z-index:11;
}
.second-triangle-droit {
    position:absolute;
    left:8px;
    top:0px;
}
.second-triangle-gauche {
    position:absolute;
    right:8px;
    top:0px;
}
.lecteurSlideShow {
    position:relative;
    background-color:white;
    filter:alpha(opacity=70);
    opacity:0.7;
    overflow:auto;
    padding: 5px 0px 2px 8px;
    width:70px;
    z-index:10;
}