/*  @import url(http://fonts.googleapis.com/css?family=Exo+2:300);
        @import url(http://fonts.googleapis.com/css?family=Zeyada);
        */
.removecolpadding {
    padding: 0;
}

/*
        .customgallery #accueil
        {
            background: url(http://images.forwallpaper.com/files/thumbs/preview/20/205186__photo-close-up-snow-leaves-blur-bokeh-background-wallpaper_p.jpg) no-repeat center;
            background-size: cover;
            margin-top: 50px;
            height: 500px;
            height: 100%;
        }
        */

.customgallery #accueil h1 {
    position: relative;
    top: 120px;
    font-size: 10em;
    font-family: "Zeyada";
    text-align: center;
    color: #fff;
    text-transform: uppercase;
}

.customgallery #accueil h2 {
    position: relative;
    top: 150px;
    text-align: center;
    font-size: 3em;
    font-family: "Zeyada";
    text-transform: uppercase;
    color: #fff;
}

.customgallery #gallery {
    height: 100%;
}

.customgallery figure {
    /*height: 250px; width: 250px;*/
    /*display: block;*/
    /*overflow: hidden;*/
    margin: 10px;
    z-index: 100;
}

    .customgallery figure img {
        border: 3px solid #eee;
        background-color: #fff;
        padding: 2px;
    }

.customgallery figcaption {
    min-height: 120px !important;
    max-height: 120px !important;
    overflow: hidden;
    width: 100%;
    /*background: url(/images/overlay.png) no-repeat center 150px black;
            text-align: center;
            position: absolute;
            bottom: 0;
            right : -500px;
            opacity: 0;
            padding: 5px;*/
    text-align: center;
}

    .customgallery figcaption h5 {
        font-size: 100% !important;
        color: #808080;
        /*border:1px solid #0077B6;*/
        padding: 10px;
        margin: 0px;
        background-color: transparent;
    }

    .customgallery figcaption p {
        color: #808080;
        font-size: small;
    }

.customgallery a:hover img {
    border: 2px solid #0077B6;
}

.customgallery a:hover figcaption h5 {
    /*opacity: 0.8;
            right : 0;
            color: #fff;
            transition: all 0.7s;
            cursor: zoom-in;
            padding-top: 15%;*/
    color: #0077B6;
}

.customgallery a {
    color: #fff;
    cursor: zoom-in;
}

    .customgallery a img {
        width: 100%;
        height: 250px;
    }


@media (max-width: 768px) {
    .customgallery #accueil h1 {
        font-size: 4.6em;
    }
}