.appel {
  background-color: #17c11d
  }
.bouton {
    background-color: #E7FFE5; /* Couleur de fond */
    color: black; /* Couleur texte */
}

.btn {
  border-color: #17A139; /* Couleur de bordure personnalisée */
  border-width: 3px; /* Largeur de la bordure de 2 pixels */
}
.boutoncta {
  background-color: #177bb3
  }
.navbar-custom::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ababab
  }
.cta-bas-accueil::before,
  .cuisine { /* on a deux codes identiques pour deux classes on fusionne */
    width: 100%;
    background-repeat: no-repeat;
    background-color: initial;
    background-size: cover
    }
.cta-bas-accueil::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-image: url("../images/cuisine-nettoyage-maison.jpg");
    background-position-x: 50%;
    background-position-y: 50%;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    opacity: .3;
      z-index: -1
    }
.cuisine {
      background-image: linear-gradient(rgba(255,255,255,.85),rgba(255,255,255,.85)),url("../images/entretien-jardin.jpg")
    }
.image-accueil {
      border-radius: 250px 170px 300px 200px
    }
.background {
      mix-blend-mode: multiply
    }
.text-shadow {
      text-shadow: rgba(0,0,0,.5) 7px 4px 7px
    }
.icon {
      fill: rgb(50,205,50)
    }
.centered-svg {
      position: absolute;
      left: 50%;
      transform: translateX(-50%)
    }
.bg-success {
      position: relative;
      z-index: 1
    }
.btn-custom {
      background-color: #fff;
      color: #000;
      border-width: 1px;
      border-style: solid;
      border-top: 1px solid grey;
      border-right: 1px solid grey;
      border-bottom: 1px solid grey;
      border-color: grey;
      border-image-source: initial;
      border-image-slice: initial;
      border-image-width: initial;
      border-image-outset: initial;
      border-image-repeat: initial;
      box-shadow: rgba(0,0,0,.1) 0 4px 6px,rgba(0,0,0,.08) 0 1px 3px;
      transition-behavior: normal;
      transition: .3s
    }
.btn-custom:hover {
        box-shadow: rgba(0,0,0,.2) 0 8px 12px,rgba(0,0,0,.12) 0 2px 4px;
        transform: translateY(-2px)
    }
.btn-custom:active {
        box-shadow: rgba(0,0,0,.1) 0 4px 6px,rgba(0,0,0,.08) 0 1px 3px;
        transform: translateY(1px)
    }


@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Regular.ttf') format('truetype');
  font-weight: 400; /* Regular */
  font-style: normal;
  font-display: swap; /* Utilisé pour améliorer le rendu */
}

@font-face {
  font-family: 'Lato';
  src: url('/fonts/Lato-Bold.ttf') format('truetype');
  font-weight: 700; /* Bold */
  font-style: normal;
  font-display: swap; /* Utilisé pour améliorer le rendu */
}

/* Utilisation de la police */
body {
  font-family: 'Lato', sans-serif; /* Utilisation de Lato par défaut */
}

h1 {
  font-weight: 700; /* Utilisation du Lato Bold */
}
.contactimage {
  height: 500px;
}
.vert {
  color:#1ab440;
}
.vertsvg {
  filter: brightness(0) saturate(100%) invert(37%) sepia(80%) saturate(1440%) hue-rotate(98deg);
}
a {
    color: rgb(13 71 27);
    font-weight: 600;
    text-decoration: none;
}