.Hebergement_soustype{
    margin: 10px 40px 5px 40px;
}

 .Hebergement_TypeEmplacement{
        display: grid;
        max-height: 95%;
   }


.Hebergement_bloc{
    border : 2px solid rgb(99, 42, 42);
    border-radius: 1em;
    background: #f5f6f7;
    display: grid;
}

.Hebergement_title{
        background:  #76b38f;
        color: white;
        padding-left: 2%;
        padding-top: 10px;
        padding-bottom: 10px;
        grid-row:  1;
}

.Hebergement_plusinfos{}


.Hebergement_bloc_img {
	position: relative;
	text-align: center;
	color: white;
	font-size: 50px;
    grid-row:  2;
}
.Hebergement_bloc_img > img{
    width:100%;
}

.Hebergement_bloc:hover  {
    background:  #76b38f;
}

.Hebergement_bloc .Hebergement_plusinfos {
    display: none;
}
.Hebergement_bloc:hover .Hebergement_plusinfos {
    display: block;
}

.Hebergement_plusinfos{

	text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
}


/* Small size screen */
@media screen and (max-width: 800px){
 .Hebergement_TypeEmplacement{
        grid-template-columns: 100%;
    }

 .Hebergement_bloc{
        margin: 5px 5px 2px 5px;
        grid-template-rows: min-content max-content;
    }
}


@media screen and (min-width: 800px){
   .Hebergement{
        margin-left: 30px;
        margin-right: 30px;
    }

    .Hebergement_TypeEmplacement{
        grid-template-columns: 33% 33% 33%;
    }

    .Hebergement_bloc{
        margin: 20px 10px 10px 10px;
        min-height: 200px;
        grid-template-rows: 80px max-content;
    }