#contenu {
padding-top:0px;
}

 @media screen and (min-width: 480px) {
    .mobile{
      display: none;
    }
  }

 @media screen and (max-width: 480px) {
    .desktop{
      display: none;
    }
  }

.gallery-container{
  position : relative;
  height: 420px;
  margin-top:80px;
  margin-bottom:30px;
}

.gallery {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 1.5rem; 
  position:absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
 max-width: 1700px;
 height:auto;
}

.gallery__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; 
}

.gallery__item--1 {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 4;

  /** Alternative Syntax **/
  /* grid-column: 1 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item--2 {
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 4;

  /** Alternative Syntax **/
  /* grid-column: 3 / span 2;  */
  /* grid-row: 1 / span 2; */
}

.gallery__item--3 {
  grid-column-start: 7;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 4;

  /** Alternative Syntax **/
  /* grid-column: 5 / span 4;
  grid-row: 1 / span 5; */
}

.visite{
        margin-right: 10px;
        padding: 1.3rem 1.6rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-width: 111px;
        background-color: white;
        border: 1px solid #2c3437;
        color: #2c3437;
    }

    .visite:before{
        content: "";
        width: 2.4rem;
        min-width: 2.4rem;
        height: 2.4rem;
        margin-right: 1rem;
        background: url('https://conceptstore.gedimat.fr/uploads/Image/ca/737_104_visite_noir.png') no-repeat center center transparent;
    }

    .visite:hover{
        margin-right: 10px;
        padding: 1.3rem 1.6rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-width: 111px;
        background-color: #2c3437;
        color: white;
    }

    .visite:hover:before{
        content: "";
        width: 2.4rem;
        min-width: 2.4rem;
        height: 2.4rem;
        margin-right: 1rem;
        background: url('https://conceptstore.gedimat.fr/uploads/Image/69/736_097_visite_blanc.png') no-repeat center center transparent;
    }

    .visite:strong{
        display: inline-block;
        margin-right: .5rem;
    }

    .visite{
        margin-right: 10px;
        padding: 1.3rem 1.6rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-width: 111px;
        background-color: white;
        border: 1px solid #2c3437;
        color: #2c3437;
    }

    .visite:before{
        content: "";
        width: 2.4rem;
        min-width: 2.4rem;
        height: 2.4rem;
        margin-right: 1rem;
        background: url('https://conceptstore.gedimat.fr/uploads/Image/ca/737_104_visite_noir.png') no-repeat center center transparent;
    }

    .visite:hover{
        margin-right: 10px;
        padding: 1.3rem 1.6rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-width: 111px;
        background-color: #2c3437;
        color: white;
    }

    .visite:hover:before{
        content: "";
        width: 2.4rem;
        min-width: 2.4rem;
        height: 2.4rem;
        margin-right: 1rem;
        background: url('https://conceptstore.gedimat.fr/uploads/Image/69/736_097_visite_blanc.png') no-repeat center center transparent;
    }

    .visite:strong{
        margin-right: 10px;
        padding: 1.3rem 1.6rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        min-width: 111px;
        background-color: #2c3437;
        color: white;
    }

#bandeauBas {
      font-family: 'ProximaNova', sans-serif, sans-serif;
     font-size: 1.4rem;
     line-height: 2.2rem;
     letter-spacing: 0.04em;
}
