/*  @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 {
    /*height: 250px;*/
    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;
    }

    .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: 150px;
    }


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