.gallerie_conteneur {
    position: absolute;
    left: 49.5vw;
    top: 49.5vw;
    bottom: 49.5vw;
    right: 49.5vw;
    opacity : 0;
    background: transparent;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.gallerie_conteneur_modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% ;
    height: 100%;
    background: transparent;
}

.gallerie_conteneur_active {
    left:0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity : 1;
}

.gallerie_fond{
    position: absolute;
    left: 0;
    top: 0;
    width: 100% ;
    height: 100%;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffddaa));
    background: -webkit-linear-gradient(#ffffff, #ffddaa);
    background: -moz-linear-gradient(#ffffff, #ffddaa);
    background: -ms-linear-gradient(#ffffff, #ffddaa);
    background: -o-linear-gradient(#ffffff, #ffddaa);
    background: linear-gradient(#ffffff, #ffddaa);
    -pie-background: linear-gradient(#ffffff, #ffddaa);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    cursor: pointer;
    opacity : 0 ;
}

.gallerie_fond_active{
    opacity : 0.75;
}

.gallerie_visionneuse {
    position: absolute;
    left: 2vw;
    top: 2vw;
    bottom: 2vw ;
    right: 2vw;
    background: transparent;
    -webkit-box-shadow: #000 0px 1vw 2vw;
    -moz-box-shadow: #000 0px 1vw 2wv;
    box-shadow: #000 0px 1vw 2vw;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden ;
}

.control_lecteur{
    position: absolute;
    background: transparent ;
/*    border: 1px solid #f00;*/
    bottom: 2% ;
    left : 15%;
    width: 80%;
    min-width: 100px;
    height: 8% ;
    min-height: 25px;
    -webkit-border-radius: 3vw;
    -moz-border-radius: 3vw;
    border-radius: 3vw;
    overflow: visible;
    opacity : 0 ;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.control_lecteur_active {
    opacity : 1 ;
}

.control_lecteur_up {
    opacity : 0.75 ;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.control_lecteur_over {
    opacity : 1 ;
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}

.control_lecteur_down {
    opacity : 1 ;
    -webkit-transform:scale(0.75);
    -moz-transform:scale(0.75);
    -ms-transform:scale(0.75);
    -o-transform:scale(0.75);
    transform:scale(0.75);
}

.toggle_img{
    position: absolute ;
    width: 100%;
    height: 100%;
}

.toggle_img_0{
     -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity : 0 ;
}

.toggle_img_1{
    opacity : 1 ;
}

.toggle_img p{
    position: absolute ;
    left : 5%;
    top : 65%;
    width: 30%;
    height: 25%;
    border: 2px solid #fff ;
    
    font-size: 1.2vw;
    overflow-y : auto ;
    overflow-x : hidden ;
    text-align: left ;
    text-indent: 2vw;
    padding: 1vw 1vw ;
    color : #000 ;
    font-style: italic ;
    font-weight: bold ;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    -webkit-box-shadow: #000 0px 1vw 2vw;
    -moz-box-shadow: #000 0px 1vw 2wv;
    box-shadow: #000 0px 1vw 2vw;
    
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.2)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,0.2) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcec9c', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
    
}