@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
  font-family: "Archivo", sans-serif;
  background: #0d0d0d; }

/*.logo{
    margin: 20% 40% 0 40%;
    width: 20%;
    height: auto;
}*/
.parent {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0;
  height: 100%;
  margin: 56px; }
  .parent .home-div {
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 16rem;
    max-height: 28rem;
    position: relative;
    z-index: 0;
    overflow: hidden;
    text-decoration: none;
    transition: top 0.3 ease; }
    .parent .home-div::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      transition: all 0.3s ease; }
    .parent .home-div:hover::after {
      top: 37%;
      left: 12.5%;
      height: 26%;
      width: 75%;
      background-color: rgba(0, 0, 0, 0.9); }
    .parent .home-div.has_image_titre::after {
      background-color: rgba(0, 0, 0, 0.8); }
    .parent .home-div.has_image_titre:hover::after {
      top: 17%;
      left: 10%;
      height: 66%;
      width: 80%; }
    .parent .home-div .home-nav-link {
      display: block;
      position: relative;
      z-index: 2;
      color: white;
      text-transform: uppercase;
      font-weight: 500;
      margin-bottom: 0;
      text-align: center;
      max-width: 70%; }
      .parent .home-div .home-nav-link .image_titre {
        width: 80%; }
  .parent .empty {
    cursor: initial; }
    .parent .empty:hover .overlay {
      height: 0 !important;
      background-color: rgba(0, 0, 0, 0.9); }
  .parent .div1 {
    background: center/cover no-repeat url("src/SELLES.png"); }
  .parent .div2 {
    background: center/cover no-repeat url("src/MEYER.png"); }
  .parent .div3 {
    background: center/cover no-repeat url("src/CAVALIERS3.png"); }
  .parent .div4 {
    background: center/cover no-repeat url("src/meyer_logo.png"); }
  .parent .div5 {
    background: center/cover no-repeat url("src/ENTRETIEN-1.png"); }
  .parent .div6 {
    background: center/cover no-repeat url("src/ACCESSOIRES.png"); }
  .parent .div7 {
    background: center/cover no-repeat url("src/ACTU.png"); }

@media (min-width: 1200px) {
  .home-nav-link {
    font-size: 24px; } }
@media (max-width: 1199.98px) {
  .home-nav-link {
    font-size: 24px; } }
@media (max-width: 991.98px) {
  .home-nav-link {
    font-size: 18px; } }
@media (max-width: 767.98px) {
  .empty {
    display: none; }

  .parent {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(7, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin: 24px; }
    .parent .home-div {
      min-height: 5rem;
      max-height: 130px; }
      .parent .home-div .home-nav-link .image_titre {
        height: 90px;
        width: auto; }
      .parent .home-div:hover .overlay {
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.4); }
    .parent .div4 {
      grid-area: 1 / 1 / 2 / 5 !important; }
    .parent .div1 {
      grid-area: 2 / 1 / 3 / 5 !important; }
    .parent .div2 {
      grid-area: 3 / 1 / 4 / 5 !important; }
    .parent .div3 {
      grid-area: 4 / 1 / 5 / 5 !important; }
    .parent .div5 {
      grid-area: 5 / 1 / 6 / 5 !important; }
    .parent .div6 {
      grid-area: 6 / 1 / 7 / 5 !important; }
    .parent .div7 {
      grid-area: 7 / 1 / 8 / 5 !important; } }
.grecaptcha-badge {
  visibility: hidden; }

/*# sourceMappingURL=homemeyer_style.css.map */