img.avecLightbox
{
    cursor:pointer;
}

.lightbox
{
    display:none;
    width:100%;
    height:100%;
    position:fixed;
    left:0px;
    top:0px;
    background-image: url(../../images/overlayNoir90.png);
    background-repeat:repeat;
    z-index:1000;
}

.lightbox .chargement
{
    display:block;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-8px;
    margin-left:-8px;
    width:16px;
    height:16px;
    background-repeat:no-repeat;
    background-position:center center;
    background-image: url(../../images/loader_blanc.gif);
}

.lightbox .contenu
{
    display:block;
    position:fixed;
    background-color:White;
    color:#FFFFFF;
    padding:5px 5px 5px 5px;
    margin:0;
    overflow:auto;
    min-width:250px;
}

.lightbox .contenu div
{
    
}
.lightbox .imageLightbox .image
{
    position:relative;
}

.lightbox .imageLightbox .image .paginationLightBox
{
    color:White;
    font-size:1em;
    padding:0;
    margin:0;
    width:100%;
    background-image: url(../../images/overlayNoir75.png);
    background-repeat:repeat;
    text-align:center;
    height:35px;
    line-height:35px;
    position:absolute;
    bottom:4px;
}

.lightbox .imageLightbox .image .paginationLightBox div
{
    display:inline-block;
    vertical-align:5px;
    font-weight:700;
}

.lightbox .imageLightbox .image .paginationLightBox .suivant, .lightbox .imageLightbox .image .paginationLightBox .precedent
{
    font-size:2em;
    cursor:pointer;
    background-position:center center;
    background-repeat:no-repeat;
    opacity:0.7;
}

.lightbox .imageLightbox .image .paginationLightBox .suivant:hover, .lightbox .imageLightbox .image .paginationLightBox .precedent:hover
{
    opacity:1;
}

.lightbox .imageLightbox .image .paginationLightBox .precedent
{
    background-image:url("../../flecheLightboxGauche.png");
    padding: 0 10px 0 0;
}

.lightbox .imageLightbox .image .paginationLightBox .suivant
{
    background-image:url("../../flecheLightboxDroite.png");
    padding: 0 0 0 10px;
}

.lightbox .imageLightbox .image .paginationLightBox a:link, .lightbox .imageLightbox .image .paginationLightBox a:visited, .lightbox .imageLightbox .image .paginationLightBox a:active,
.lightbox .imageLightbox .image .paginationLightBox a:hover, .lightbox .imageLightbox .image .paginationLightBox a:focus
{
    color:#FFFFFF;
    text-decoration:none;
    line-height:35px;
}

.lightbox .texteLightbox
{
    font-weight:400;
    background-color:White;
    color:black;
    padding:10px 15% 10px 15%;
    padding-top:46px;
    padding-bottom:45px;
}

.lightbox .texteLightbox #titreImage
{
    font-weight:bold;
}

.lightbox .texteLightbox #descriptionImage
{
    margin-top:10px;
}

.lightbox .texteLightbox #sourceImage
{
    color:#666;
    margin-top:10px;
}

.lightbox #fermerLightbox
{
    color:#ff5f40;
    text-align:center;
    vertical-align:middle;
    line-height:15px;
    position:absolute;
    right:5px;
    width:20px;
    height:20px;
    cursor:pointer;
    z-index:2;
    background-color:White;
    text-decoration:none;
    font-size:1.6em;
    font-weight:700;
    padding:4px;
    outline: none;
}

.lightbox #fermerLightbox:hover 
{
    color: #ED2939;
}

.lightbox #fermerLightbox:active
{
    color: #000000;
}

.lightbox img
{
    width:100%;
}