@charset "UTF-8";
@font-face {
  font-family: "jardin";
  src: url(./Jardin\ des\ Bermudes.ttf);
}
@font-face {
  font-family: "title-contact";
  src: url(./Roboto-Bold.ttf);
}
@font-face {
  font-family: "para-contact";
  src: url(./Roboto-Regular.ttf);
}
@font-face {
  font-family: "label-contact";
  src: url(./Roboto-Condensed.ttf);
}
/******RESET*****/
* {
  margin: 0;
  padding: 0;
}

.row-limit-size {
  max-width: 1200px;
  width: 100%;
  margin: 50px auto;
}

a,
ul,
li,
label {
  text-decoration: none;
  list-style: none;
}

button {
  outline: transparent;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

/****************CSS*DESKTOP*********/
@media screen and (min-width: 1200px) {
  /*header*/
  .header-desktop {
    width: 100%;
    height: 100px;
    background-image: url("../img/branche-fond.png");
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .header-desktop > #logo-lien-accueil {
    background-color: white;
  }
  .header-desktop > #logo-lien-accueil > .logo {
    width: 150px;
    height: 100px;
  }
  .header-desktop > #menus-d > ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .header-desktop > #menus-d > ul > li {
    margin: 0 15px;
  }
  .header-desktop > #menus-d > ul > li > a {
    width: 100%;
    height: 200px;
    background-color: white;
    text-transform: uppercase;
    color: #367433;
    font-size: 1.2em;
  }
  .header-desktop > #menus-d > ul > li > a:hover {
    border-bottom: 1px solid #89601e;
  }
  .header-desktop > #menus-burger {
    display: none;
  }
  #menus-m {
    display: none;
  }
  /*footer*/
  footer {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: #f1f0f0;
    /* public/css/cookie-banner.css */
  }
  footer > #cookie-banner {
    position: fixed;
    top: 800px;
    bottom: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  footer > #cookie-banner > p {
    margin: 0;
    flex-grow: 1;
  }
  footer > #cookie-banner > #accept-cookies {
    background-color: #4CAF50;
    color: white;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
  }
  footer > #footer-droit {
    width: 75%;
    display: flex;
    flex-direction: column;
  }
  footer > #footer-droit > #carte-de-visite {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }
  footer > #footer-droit > #carte-de-visite > #partie1 > h4 {
    color: #367433;
    margin-bottom: 10px;
  }
  footer > #footer-droit > #carte-de-visite > #partie1 > p {
    width: 200px;
    color: #89601e;
  }
  footer > #footer-droit > #carte-de-visite > #partie2 > h4 {
    color: #367433;
    margin-bottom: 10px;
  }
  footer > #footer-droit > #carte-de-visite > #partie2 > p {
    width: 200px;
    color: #89601e;
  }
  footer > #footer-droit > #carte-de-visite > #partie2 > a > button {
    width: 100px;
    height: 25px;
    background-color: #367433;
    color: white;
    margin-top: 10px;
  }
  footer > #footer-droit > #carte-de-visite > #partie3 > h4 {
    color: #367433;
    margin-bottom: 10px;
  }
  footer > #footer-droit > #carte-de-visite > #partie3 > p {
    width: 200px;
    color: #89601e;
  }
  footer > #footer-droit > #mentions {
    width: 800px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  footer > #footer-droit > #mentions > h6 {
    color: #89601e;
  }
  footer > #footer-droit > #mentions > a {
    color: #89601e;
  }
  footer > #footer-droit > #mentions > p {
    color: #89601e;
  }
  footer > #footer-droit > #mentions > img {
    width: 20px;
    height: 20px;
  }
  /*section-Admin-login*/
  #admin-login > form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #admin-login > form > #titre-admin {
    font-size: 5rem;
    font-family: jardin;
    color: #367433;
    text-transform: capitalize;
  }
  #admin-login > form > fieldset {
    background-color: #89601e;
  }
  #admin-login > form > fieldset > #formulaire {
    display: flex;
    justify-content: space-evenly;
    margin: 25px;
  }
  #admin-login > form > fieldset > #formulaire > #mail {
    display: flex;
    justify-content: space-around;
    margin: 25px;
  }
  #admin-login > form > fieldset > #formulaire > #mail > label {
    color: white;
    display: flex;
    align-items: center;
    margin-right: 5px;
  }
  #admin-login > form > fieldset > #formulaire > #mail > input {
    height: 25px;
    border-radius: 150px;
  }
  #admin-login > form > fieldset > #formulaire > #pass {
    display: flex;
    justify-content: space-around;
    margin: 25px;
  }
  #admin-login > form > fieldset > #formulaire > #pass > label {
    color: white;
    display: flex;
    align-items: center;
    margin-right: 5px;
  }
  #admin-login > form > fieldset > #formulaire > #pass > input {
    height: 25px;
    border-radius: 150px;
  }
  #admin-login > form > fieldset > button {
    border: 1px solid white;
    background-color: green;
    color: white;
    padding: 10px;
    border-radius: 100px;
    display: flex;
    margin: 10px auto;
  }
  /*section-accueil*/
  #accueil > .carousel-content {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #accueil > .carousel-content > .first-child {
    width: 1000px;
    height: 600px;
    position: relative;
    background-color: #89601e;
  }
  #accueil > .carousel-content > .first-child > #slide1 {
    width: 1000px;
    height: 600px;
    transition: transform 2s linear;
    animation: scroll 200s infinite;
  }
  #accueil > .carousel-content > .first-child > aside {
    width: 500px;
    background-color: #d9d9d9;
    opacity: 0.8;
    position: absolute;
    top: 15%;
    left: 40%;
  }
  #accueil > .carousel-content > .first-child > aside > .logo {
    width: 150px;
    height: 100px;
    padding: 15px;
  }
  #accueil > .carousel-content > .first-child > aside > h3 {
    color: #89601e;
    padding: 15px;
    font-size: 1.5rem;
    font-weight: bolder;
  }
  #accueil > .carousel-content > .first-child > aside > p {
    color: white;
    padding: 15px;
    font-weight: bolder;
    font-size: 1.2rem;
  }
  #accueil > .carousel-content > .first-child > aside > p > strong > #c {
    color: #367433;
  }
  #accueil > .carousel-content > .first-child > aside > p > strong > #p {
    color: #89601e;
  }
  #accueil > .carousel-content > .second-child {
    width: 1000px;
    height: 600px;
  }
  #accueil > .carousel-content > .second-child > #slide2 {
    height: 600px;
    display: flex;
  }
  #accueil > .carousel-content > .second-child > #slide2 > #slide2-left {
    width: 350px;
    height: 600px;
    display: flex;
    flex-direction: column;
  }
  #accueil > .carousel-content > .second-child > #slide2 > #slide2-left > img {
    height: 300px;
  }
  #accueil > .carousel-content > .second-child > #slide2 > #slide2-middle {
    width: 300px;
    height: 600px;
  }
  #accueil > .carousel-content > .second-child > #slide2 > #slide2-middle > img {
    width: 300px;
    height: 600px;
  }
  #accueil > .carousel-content > .second-child > #slide2 > #slide2-right {
    width: 350px;
    height: 600px;
    display: flex;
    flex-direction: column;
  }
  #accueil > .carousel-content > .second-child > #slide2 > #slide2-right > img {
    height: 300px;
  }
  #accueil > .carousel-content > .last-child {
    width: 1000px;
    height: 600px;
  }
  #accueil > .carousel-content > .last-child > #slide3 {
    width: 100%;
    height: 600px;
    display: flex;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #fond-contact-gauche {
    width: 150px;
    height: 600px;
    background-image: url("../img/accueil/sliders-accueil/slide-3/fond-contact-droite.png");
  }
  #accueil > .carousel-content > .last-child > #slide3 > #fond-contact-droite {
    width: 150px;
    height: 600px;
    background-image: url("../img/accueil/sliders-accueil/slide-3/fond-contact-gauche.png");
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact {
    width: 800px;
    height: 600px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-end;
    background-image: url("../img/accueil/sliders-accueil/slide-3/petit-fond-contact-slide.png");
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact {
    background-color: #89601e;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 10%;
    margin-right: 10%;
    opacity: 0.9;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #p1 {
    color: white;
    font-weight: bold;
    border-bottom: 3px solid #367433;
    margin: 10px 15px;
    font-size: 1.2rem;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #p2 {
    width: 350px;
    color: white;
    font-weight: bold;
    margin: 10px 15px;
    font-size: 1.2rem;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #phone {
    width: 300px;
    height: 70px;
    border-radius: 200px;
    background-color: #367433;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 15px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #phone > #svg-phone {
    width: 60px;
    height: 60px;
    background-color: #367433;
    border-radius: 100px;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #phone > .petite-div-contact {
    display: flex;
    flex-direction: column;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #phone > .petite-div-contact > h5 {
    color: white;
    font-weight: bolder;
    margin: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #phone > .petite-div-contact > a {
    color: white;
    font-weight: bolder;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #mail {
    width: 300px;
    height: 70px;
    border-radius: 200px;
    background-color: #367433;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 15px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #mail > #svg-mail {
    width: 60px;
    height: 60px;
    background-color: #367433;
    border-radius: 100px;
    padding: 5px;
    fill: #ffffff;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #mail > .petite-div-contact {
    display: flex;
    flex-direction: column;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #mail > .petite-div-contact > h5 {
    color: white;
    font-weight: bolder;
    margin: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #mail > .petite-div-contact > a {
    color: white;
    font-weight: bolder;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #logo-bis {
    width: 150px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #logo-bis > img {
    width: 150px;
    height: 100px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #logo-bis > #adresse-responsive {
    display: none;
  }
  #accueil > .carousel-content > .last-child > #slide3 > img {
    width: 150px;
    height: 600px;
  }
  #accueil > #bouton-slider-accueil {
    display: flex;
    justify-content: center;
  }
  #accueil > #bouton-slider-accueil > #bouton-gauche {
    width: 100px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #367433;
    border-radius: 100px;
    color: white;
    margin: 25px 5px;
    cursor: pointer;
  }
  #accueil > #bouton-slider-accueil > #bouton-droit {
    width: 100px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #367433;
    border-radius: 100px;
    color: white;
    margin: 25px 5px;
    cursor: pointer;
  }
  #accueil > #presentation {
    width: 100%;
    height: 600px;
    display: flex;
    margin-top: 50px;
  }
  #accueil > #presentation > #bio {
    width: 50%;
    height: 100%;
    display: flex;
    border-top: 1px solid #367433;
    border-bottom: 1px solid #367433;
    border-left: 1px solid #367433;
    animation: slide-left 5s ease both;
    background-image: url("../img/brown-point-fond.png");
  }
  @keyframes slide-left {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  #accueil > #presentation > #bio > #prez {
    padding: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #367433;
  }
  #accueil > #presentation > #illustrations {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid #367433;
    border-bottom: 1px solid #367433;
    border-right: 1px solid #367433;
    animation: slide-right 5s ease both;
    background-image: url("../img/brown-point-fond.png");
  }
  #accueil > #presentation > #illustrations > #illustration-presentation-haut {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  }
  #accueil > #presentation > #illustrations > #illustration-presentation-haut > img {
    width: 250px;
    padding-top: 25px;
    z-index: 1000;
  }
  #accueil > #presentation > #illustrations > #cubix {
    width: 100px;
    height: 100px;
    background-color: #367433;
    display: flex;
  }
  #accueil > #presentation > #illustrations > #illustration-presentation-bas {
    display: flex;
  }
  #accueil > #presentation > #illustrations > #illustration-presentation-bas > img {
    width: 250px;
    padding-bottom: 25px;
  }
  @keyframes slide-right {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  /*section-prestation*/
  #prestation {
    display: flex;
    justify-content: center;
  }
  #prestation > #interface-prestation {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes {
    display: flex;
    flex-direction: column;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation {
    width: 400px;
    height: 200px;
    align-items: center;
    text-align: center;
    margin: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation > .categorie-title {
    padding: 10px;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    opacity: 0.8;
    border-radius: 100px;
    background-color: #f1f0f0;
    text-transform: capitalize;
    color: #89601e;
    cursor: pointer;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation > .visible {
    display: flex;
    opacity: 1;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation > .menus-sous-cat {
    width: 100%;
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    transition: opacity 0.5s ease-in-out;
    margin-bottom: 25px;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation > .menus-sous-cat > li {
    background-color: #367433;
    border-radius: 100px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.9;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation > .menus-sous-cat > li > a {
    padding: 5px;
    font-size: 1rem;
    color: #f1f0f0;
    text-transform: uppercase;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .category-taille {
    background-image: url(../img/prestation/taille.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .category-tonte {
    background-image: url(../img/prestation/tonte.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .category-désherbage {
    background-image: url(../img/prestation/désherbage.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .category-arrosage {
    background-image: url(../img/prestation/arrosage.jpg);
    background-size: cover;
    height: 450px;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .category-création {
    background-image: url(../img/prestation/creation.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .category-plantations {
    background-image: url(../img/prestation/plantations.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .category-petits-travaux {
    background-image: url(../img/prestation/petittravaux.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .category-gestion-des-déchets {
    background-image: url(../img/prestation/gestion-des-dechets.jpg);
    background-size: cover;
  }
  /*section contact*/
  #contact {
    padding: 25px;
    background-image: url("../img/branche-fond.png");
  }
  #contact > #carte-de-visite {
    display: flex;
    justify-content: space-around;
  }
  #contact > #carte-de-visite > .stylbox {
    margin-bottom: 25px;
    border: 5px solid #367433;
    background-color: #89601e;
  }
  #contact > #carte-de-visite > .stylbox > h4 {
    color: white;
    font-size: 1.3rem;
    font-family: "title-contact";
    padding: 10px;
  }
  #contact > #carte-de-visite > .stylbox > p {
    font-size: 1rem;
    font-family: "para-contact";
    padding: 10px;
  }
  #contact > #form-container {
    width: 90%;
    border: 5px solid #89601e;
    display: flex;
    flex-direction: column;
    padding: 10px;
    background-color: #89601e;
    margin: auto;
  }
  #contact > #form-container > h3 {
    margin: auto;
    color: white;
    font-size: 2rem;
  }
  #contact > #form-container > .form-group {
    display: flex;
    justify-content: space-evenly;
    margin: 10px;
    padding: 15px;
    background-color: #367433;
  }
  #contact > #form-container > .form-group > .box1 > label, #contact > #form-container > .form-group .box2 > label {
    margin: 5px;
    color: #f1f0f0;
    font-size: 1.3rem;
    font-family: "label-contact";
  }
  #contact > #form-container > .form-group > .box1 > input, #contact > #form-container > .form-group .box2 > input {
    margin: 5px;
    width: 200px;
    height: 25px;
    border-radius: 150px;
  }
  #contact > #form-container > #form-mess {
    display: flex;
    flex-direction: column;
    background-color: #367433;
    margin: 10px;
    align-items: center;
  }
  #contact > #form-container > #form-mess > #objet {
    padding: 15px;
  }
  #contact > #form-container > #form-mess > #objet > label {
    color: #f1f0f0;
    font-size: 1.3rem;
    font-family: "label-contact";
  }
  #contact > #form-container > #form-mess > #objet > input {
    width: 700px;
    height: 25px;
  }
  #contact > #form-container > #form-mess > #message {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #contact > #form-container > #form-mess > #message > label {
    padding: 15px;
    color: #f1f0f0;
    font-size: 1.3rem;
    font-family: "label-contact";
  }
  #contact > #form-container > #form-mess > #message > textarea {
    width: 1000px;
    min-height: 500px;
    margin: 15px;
  }
  #contact > #form-container > button {
    border: 1px solid white;
    width: 100px;
    height: 50px;
    background-color: #367433;
    margin: auto;
  }
}
/****************CSS*MOBILE****************/
@media screen and (min-width: 390px) and (max-width: 1200px) {
  /*header*/
  .header-mobile {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .header-mobile > #logo-lien-accueil > .logo {
    width: 150px;
  }
  .header-mobile > #menus-d {
    display: none;
  }
  .header-mobile > #menus-burger > #svg-header {
    width: 60px;
    height: 60px;
    cursor: pointer;
  }
  #menus-m {
    width: 100%;
    display: none;
    background-color: #367433;
    position: fixed;
    z-index: 10;
  }
  #menus-m > ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #menus-m > ul > li {
    width: 50%;
    height: 50px;
    display: flex;
    background-color: #d9d9d9;
    border: 1px solid #367433;
  }
  #menus-m > ul > li > a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #367433;
  }
  /*footer*/
  footer {
    width: 100%;
  }
  footer > #rose {
    display: none;
  }
  footer > #footer-droit > #carte-de-visite {
    display: none;
  }
  footer > #footer-droit > #mentions {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  footer > #footer-droit > #mentions > h6 {
    color: #89601e;
  }
  footer > #footer-droit > #mentions > a {
    color: #89601e;
    font-size: 0.5rem;
  }
  footer > #footer-droit > #mentions > p {
    color: #89601e;
    font-size: 0.5rem;
  }
  footer > #footer-droit > #mentions > img {
    width: 20px;
    height: 20px;
  }
  /*section-accueil*/
  #accueil {
    width: 390px;
  }
  #accueil > .carousel-content {
    width: 100%;
  }
  #accueil > .carousel-content > .first-child {
    width: 100%;
  }
  #accueil > .carousel-content > .first-child > #slide1 {
    width: 100%;
    display: none;
  }
  #accueil > .carousel-content > .first-child > aside {
    width: 100%;
    background-color: #d9d9d9;
    opacity: 0.8;
  }
  #accueil > .carousel-content > .first-child > aside > .logo {
    width: 150px;
    height: 100px;
  }
  #accueil > .carousel-content > .first-child > aside > h3 {
    color: #89601e;
    padding: 15px;
    font-size: 1.5rem;
    font-weight: bolder;
  }
  #accueil > .carousel-content > .first-child > aside > p {
    color: white;
    padding: 15px;
    font-weight: bolder;
    font-size: 1.2rem;
  }
  #accueil > .carousel-content > .first-child > aside > p > strong > #c {
    color: #367433;
  }
  #accueil > .carousel-content > .first-child > aside > p > strong > #p {
    color: #89601e;
  }
  #accueil > .carousel-content > .second-child {
    display: none;
  }
  #accueil > .carousel-content > .second-child > #slide2 {
    display: none;
  }
  #accueil > .carousel-content > .last-child {
    width: 100%;
  }
  #accueil > .carousel-content > .last-child > #slide3 {
    width: 100%;
    display: flex;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact {
    width: 100%;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact {
    background-color: #89601e;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #p1 {
    color: white;
    font-weight: bold;
    border-bottom: 3px solid #367433;
    margin: 10px 15px;
    font-size: 1.2rem;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #p2 {
    width: 350px;
    color: white;
    font-weight: bold;
    margin: 10px 15px;
    font-size: 1.2rem;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #phone {
    width: 300px;
    height: 70px;
    border-radius: 200px;
    background-color: #367433;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 15px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #phone > #svg-phone {
    width: 60px;
    height: 60px;
    background-color: #367433;
    border-radius: 100px;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #phone > .petite-div-contact {
    display: flex;
    flex-direction: column;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #phone > .petite-div-contact > h5 {
    color: white;
    font-weight: bolder;
    margin: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #phone > .petite-div-contact > a {
    color: white;
    font-weight: bolder;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #mail {
    width: 300px;
    height: 70px;
    border-radius: 200px;
    background-color: #367433;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 15px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #mail > #svg-mail {
    width: 60px;
    height: 60px;
    background-color: #367433;
    border-radius: 100px;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #mail > .petite-div-contact {
    display: flex;
    flex-direction: column;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #mail > .petite-div-contact > h5 {
    color: white;
    font-weight: bolder;
    margin: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #lien-contact > #mail > .petite-div-contact > a {
    color: white;
    font-weight: bolder;
    padding: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #logo-bis {
    width: 150px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #logo-bis > img {
    width: 150px;
    height: 100px;
    background-color: #f1f0f0;
    opacity: 0.9;
    border-radius: 5px;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #logo-bis > #adresse-responsive {
    width: 150px;
    text-align: center;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #logo-bis > #adresse-responsive > h4 > span {
    color: #367433;
  }
  #accueil > .carousel-content > .last-child > #slide3 > #contnair-contact > #plaquette-contact > #grande-div > #logo-bis > #adresse-responsive > p {
    color: white;
    font-weight: bold;
  }
  #accueil > .carousel-content > .last-child > #slide3 > img {
    display: none;
  }
  #accueil > #bouton-slider-accueil {
    display: none;
  }
  #accueil > #presentation {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-image: url("../img/brown-point-fond.png");
    margin-top: 50px;
  }
  #accueil > #presentation > #bio {
    width: 100%;
    height: 100%;
    display: flex;
    border-top: 1px solid #367433;
    border-left: 1px solid #367433;
    border-right: 1px solid #367433;
    animation: slide-left 5s ease both;
    background-image: url("../img/brown-point-fond.png");
  }
  @keyframes slide-left {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  #accueil > #presentation > #bio > #prez {
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    color: #367433;
    padding: 15px;
  }
  #accueil > #presentation > #illustrations {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-left: 1px solid #367433;
    border-bottom: 1px solid #367433;
    border-right: 1px solid #367433;
    animation: slide-right 5s ease both;
    background-image: url("../img/brown-point-fond.png");
  }
  @keyframes slide-right {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  #accueil > #presentation > #illustrations > #illustration-presentation-haut {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  }
  #accueil > #presentation > #illustrations > #illustration-presentation-haut > img {
    width: 150px;
    padding-top: 25px;
  }
  #accueil > #presentation > #illustrations > #cubix {
    width: 100px;
    height: 100px;
    background-color: #367433;
    display: flex;
  }
  #accueil > #presentation > #illustrations > #illustration-presentation-bas {
    display: flex;
  }
  #accueil > #presentation > #illustrations > #illustration-presentation-bas > img {
    width: 150px;
    padding-bottom: 25px;
  }
  /*section-prestation*/
  #prestation > #interface-prestation {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes {
    display: flex;
    flex-direction: column;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation {
    width: 400px;
    height: 200px;
    align-items: center;
    text-align: center;
    margin: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation > h3 {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    opacity: 0.8;
    border-radius: 100px;
    background-color: #f1f0f0;
    text-transform: capitalize;
    color: #89601e;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation > ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation > ul > li {
    background-color: #367433;
    border-radius: 100px;
    margin: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.9;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > .squelette-interface-prestation > ul > li > a {
    padding: 5px;
    font-size: 1rem;
    color: #f1f0f0;
    text-transform: uppercase;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > #equipement {
    background-image: url(../img/prestation/equipement.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > #pelouse {
    background-image: url(../img/prestation/pelouse.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > #amenagement {
    background-image: url(../img/prestation/amenagement.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > #arbuste {
    background-image: url(../img/prestation/arbuste.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > #jardin {
    background-image: url(../img/prestation/jardin.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > #entretien {
    background-image: url(../img/prestation/entretien.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > #haie {
    background-image: url(../img/prestation/haie.jpg);
    background-size: cover;
  }
  #prestation > #interface-prestation > .interface-prestation-colonnes > #gestion-dechet {
    background-image: url(../img/prestation/gestion-des-dechets.jpg);
    background-size: cover;
  }
}/*# sourceMappingURL=caultpaysages.css.map */