/********/
/* Grid */
/********/
.case {
    padding: 10px;
}

.charles-img {
    border: 1px solid #cccccc;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.main-grid {
    height: 85vh; /*86*/
    margin: 0 auto;
}
.main-grid.home-page {
    height: 86vh;
}
.gallery-list
{
    padding: 0;
}
.gallery-list li
{
    display: inline-block;
    position: relative;
    margin: 5px;
    padding: 0;
    width: calc(20% - 10px);
    height: auto;
}
.gallery-list li:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.charles-grid-gallery {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 3px;
    background-color: #e6e6e6;

    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-align-content: center;
    -webkit-justify-content: center;
    align-content: center;
    justify-content: center;
}


.charles-grid-gallery img
{
    padding: 0;
    cursor: pointer;

    max-height: 100%;
    max-width: 100%;

    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;

}

/*************/
/* Home Grid */
/*************/
.home-atelier {
    background-image: url('../images/home/Home_NosAteliers.png');
}

.home-collections {
    background-image: url('../images/home/Home_Collections.png');
}

.home-bottom {
    background-image: url('../images/home/Home_Agostini.jpg');
    background-position: center right;
}

.home-shop {
    background-image: url('../images/home/1stdibs.png');
}

.home-video {
    background-image: url('../images/home/Home_Video.png');
}

.home-video2 {
    background-image: url('../images/home/Fonderie Lambert-197.png');
}

.home-video:before {
    content: " ";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: -1px;
    margin-left: -12.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 12.5px 0 12.5px;
    border-color: #ffffff transparent transparent transparent;
}

/******************/
/* Promotion Grid */
/******************/
.promotion-best-sellers {
    background-image: url('../images/promotion/Collections_Best_Sellers.png');
}

.promotion-collections {
    background-image: url('../images/promotion/Collections_Collections.png');
}

.promotion-felix {
    background-image: url('../images/promotion/Collections_Edition_FelixAgostini.png');
}

.promotion-designers {
    background-image: url('../images/promotion/Collections_LesDesigners.png');
}

.promotion-exceptionnels {
    background-image: url('../images/promotion/Collections_LesExceptionnels.png');
}

.promotion-nouveautes {
    background-image: url('../images/promotion/Collections_Nouveautes.png');
}

.promotion-iconiques {
    background-image: url('../images/promotion/Collections_Iconiques.png');
}

.promotion-lampes {
    background-image: url('../images/promotion/Collections_Lampes.png');
}

.promotion-appliques {
    background-image: url('../images/promotion/Collections_Appliques.png');
}

.promotion-lampadaires {
    background-image: url('../images/promotion/Collections_Lampadaires.png');
}

.promotion-mobiliers {
    background-image: url('../images/promotion/Collections_Mobiliers.png');
}

.promotion-suspensions {
    background-image: url('../images/promotion/Collections_Suspensions.png');
}


/****************/
/* Atelier Grid */
/****************/
.atelier-finitions {
    background-image: url('../images/atelier/Ateliers_Finitions_Platines.png');
}

.atelier-restauration {
    background-image: url('../images/atelier/Ateliers_LaRestauration.png');
}

.atelier-demi-mesure {
    background-image: url('../images/atelier/Ateliers_LeDemiMesure.png');
}

.atelier-edition-privees {
    background-image: url('../images/atelier/Ateliers_LesEditionsPrivees.png');
}

.atelier-sur-mesure {
    background-image: url('../images/atelier/Ateliers_LeSurMesure.png');
}

.surmesure {
    background-image: url('../images/surmesure.png');
}

.demimesure {
    background-image: url('../images/DemiMesure-A.jpg');
}

.collections-prives {
    background-image: url('../images/collectionsprives.png');
}

.restauration {
    background-image: url('../images/restauration.png');
}

/***************/
/* Maison Grid */
/***************/
.maison-distinctions {
    background-image: url('../images/maison/Maison_Distinctions.png');
}

.maison-designers {
    background-image: url('../images/maison/Maison_LesDesigners.png');
}

.maison-news {
    background-image: url('../images/maison/Maison_News_Events.png');
}

.maison-metiers {
    background-image: url('../images/maison/Maison_NosMetiers.png');
}

.maison-rea {
    background-image: url('../images/maison/Maison_NosRealisations.png');
}

.maison-histoire {
    background-image: url('../images/maison/Maison_NotreHistoire.png');
}

.maison-presse {
    background-image: url('../images/maison/Maison_Presse_Media.png');
}

/******************/
/* Catalogue Grid */
/******************/
.catalogue-appliques {
    background-image: url('../images/catalogue/Catalogue_Appliques.png');
}

.catalogue-bouillottes {
    background-image: url('../images/catalogue/Catalogue_Bouillottes.png');
}

.catalogue-lampadaires {
    background-image: url('../images/catalogue/Catalogue_Lampadaires.png');
}

.catalogue-lampes {
    background-image: url('../images/catalogue/Catalogue_Lampes.png');
}

.catalogue-mobiler-accessoires {
    background-image: url('../images/catalogue/Catalogue_Mobilier_Accessoires.png');
}

.catalogue-sculptures {
    background-image: url('../images/catalogue/Catalogue_Sculptures.png');
}

.catalogue-suspensions {
    background-image: url('../images/catalogue/Catalogue_Suspensions.png');
}

/***************/
/* Espace Grid */
/***************/
/*
.espace-favoris {
    background-image: url('../images/espace/Profil_Banniere_Favoris.png');
}

.espace-agents {
    background-image: url('../images/espace/Profil_Banniere_Agent.png');
}

.espace-contact {
    background-image: url('../images/espace/Profil_Banniere_Contact.png');
}

.espace-profil {
    background-image: url('../images/espace/Profil_Banniere_Profil.png');
}
*/

.container-home.hp-wrapper
{
    height: calc(91vh * 2);
}

@media (max-width: 990px)
{

}

@media (max-width: 740px)
{
    .main-grid {
        height: 100vh;
        max-height: 100vh;
        margin-bottom: 19vh;
    }
    .container-home .main-grid {
        margin-bottom: 0;
    }

    .container-home.hp-wrapper
    {
        height: calc(90vh * 2);
    }
}

@media (max-width: 640px)
{

}

@media (max-width: 480px)
{

}