body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  margin-top: 5%;
  font-family:'Montserrat', sans-serif;
}
hr {width: 20%;margin-left: auto;margin-right: auto;height: 6px;background: #f09000;border-radius: 15px;}
h2{color:#000000;text-align:center}h1,h2,h3,h4{text-align:center}h1{font-weight:550;font-size:50px;margin-bottom:5%;margin-top:5%;line-height: 1.3;}h2{font-size:35px;font-weight:530;margin:10% 3% 2%;text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5)}h3{color:#000000;font-weight:200;font-size:18px;margin:2% 3% 5%;line-height:1.5}h4{margin:5% 3%;font-size:20px;font-weight:350}.hr{margin:5% auto auto;width:90%}
p {
  color: #000000;
  font-size: 18px;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  padding: 2%;
  line-height: 1.7;
  word-spacing: 5px;
}
.strong2{
  color: #ffa929;
}
.fcf h2 {
  font-size: 20px;
  margin-top: 3%;
  margin-bottom: 3%;
}
a {text-decoration: none;font-weight: 600;color: #000;}
.h{background-color:#000000;padding:2% 0;width:80%;margin:10% auto;box-shadow:2px 3px 0 2px #f09000;border-radius:20px 20px 20px 0}.h h4,.h p{color:#fff}
#tarif{background-color:#000000;padding:2%;width:100%;margin:10% auto}#tarif h2,#tarif h3,#tarif p{color:#fff}#tarif p{text-align: left}
.valeur h3,.valeur h4{margin-bottom:0;color:#fff;text-align:left}.valeur h3,.valeur h4,.valeur p{text-align:left}.valeur{background-color:#000000;width:75%;margin-left:auto;margin-right:auto;box-shadow:2px 3px 0 2px #f09000;opacity:0;transform:translateX(-50%);transition:opacity .5s,transform 1s;border-radius:20px 20px 20px 0}.valeur.slide-in-done{opacity:1;transform:translateX(0)}.valeur .confiance{display:flex;align-items:center;margin-top:5%;margin-left:2%;font-size:35px;text-align:left}.valeur h3{display:flex;align-items:center;font-size:30px}.valeur h4{font-size:20px;margin-top:3%}.valeur p{margin-left:0;color:#fff;font-size:17px;margin-top:0}
.icon,.logo,.bg{display:flex}.nav-bg,.bg{background-color:#fff;left:0;right:0}*{box-sizing:border-box;outline:0;margin:0;padding:0}.bg{padding:10px;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:1000;height:11%;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);}.logo{align-items:center;max-height:90px;min-height:90px;margin-left:0}.icon{fill:#000000;cursor:pointer;align-items:center;margin-right:3%}.dropdown,.nav-bg,.bg input{display:none}[id^=btn]:checked+ul{display:block}.nav-bg{position:absolute;top:99%}.drop-item a,.n-bg a,.show{color:#000;text-decoration:none;font-size:1.2rem;line-height:3;display:block;text-align:center}.drop-item a{margin-left:8%;font-size:1rem}.nav-bg a:hover,.show:hover{color:#000000}
.ix {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 600px;
}
.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.ix h1 {
  width: 80%;
  margin-top: auto;
  z-index: 1;
  padding: 2px;
  border-radius: 20px;
  text-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
}
.sone{display:flex;justify-content:space-between;align-items:center;margin-top:5%}
.i1,.i2,.i3,.i4{text-align:center;margin-top:5%;margin-bottom:15%}.i1 img,.i2 img,.i3 img,.i4 img{width:45%;height:auto}.i1 p,.i2 p,.i3 p,.i4 p{margin:5px 0 0;padding:8px;font-size:22px}
.bd3.slide-up {
  opacity: 1;
  transform: translateY(0);
}
.pc-serv {
  display: flex;
  align-items: center;
  margin-top: 7%;
  margin-bottom: 7%;
}
.pc-serv .text-pc-serv {
  text-align: center;
}
.pc-serv-img {
  width: 40%;
  margin-left: 5%;
  height: 300px;
}
.pc-serv2 {
  display: flex;
  align-items: center;
  margin-top: 7%;
  margin-bottom: 7%;
}
.pc-serv-img2 {
  width: 40%;
  height: 300px;
  margin-right: 5%;
}
.pc-serv2 .text-pc-serv2 {
  text-align: center;
}
.rea-pc{display:flex;justify-content:center;margin-top:5%;margin-bottom:7%;gap:5%}.rea-pc img{width:20%;height:auto}
.cntu img{display:flex;justify-content:center;width:15%;height:auto;margin:7% auto 5%}.cntu h3{font-size:22px;margin-bottom:3%}
.cntu2 img {
  display: flex;
  justify-content: center;
  width: 40%;
  height: auto;
  margin-top: 7%;
  margin-bottom: 5%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}
.cntu2 p,.cntu3 p {margin-left: 3%;margin-right: 3%;text-align: left;}
.cntu2 h3 {font-size: 20px;margin-left: 6%;margin-right: 5%;text-align: left;margin-top: 10%;margin-bottom: 3%;font-weight: 600;}
.cntu3 img{display:flex;justify-content:center;width:30%;height:auto;margin:5% auto 3%}
.cntu3 h3 {font-size: 20px;margin-left: 6%;margin-right: 5%;text-align: left;margin-top: 10%;margin-bottom: 3%;font-weight: 600;}
#contact{margin-top:10%;padding:2%;background-color:#000000}#contact h5{text-align:center;margin:5% 3% 3%;color:#f09000;font-weight:600;font-size:20px}#contact p{color:#fff}
.liens a {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
}
.liens-wp a,
.liens-wp p {
  color: #ffffff;
  font-size: 12px;
}
.be1{background-color: #f09000;color:#fff;padding:1% 5%;border-radius:25px;text-decoration:none;margin-top:auto;margin-bottom:10%;z-index: 1;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5)}
.bouton-devis2 {
  display: flex;
  justify-content: center;
  color: #000000;
  font-size: 22px;
  padding: 1%;
  margin-left: 35%;
  margin-right: 35%;
  margin-top: 2%;
  margin-bottom: 2%;
  border-radius: 25px;
  text-decoration: none;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5)
}
.bd3 {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.5s, transform 0.5s;
  display: flex;
  justify-content: center;
  background-color: #f09000;
  color: #ffffff;
  font-size: 20px;
  padding: 1%;
  margin-left: 35%;
  margin-right: 35%;
  margin-top: 2%;
  margin-bottom: 2%;
  text-decoration: none;
  border-radius: 25px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5)
}
.bd3:hover {
  background-color: #f09000;
}
.be1:hover,
.fcf button:hover {
  background-color: #f09000;
}
.fcf{display:flex;flex-direction:column;align-items:center;margin:5% auto;width:50%;background-color: #ffbb55;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.4);color:#fff;border: 2px solid black;border-radius: 20px;}.icimg{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:1%;margin-left:37%;margin-right:37%;margin-bottom:20px;border-radius:20px}.icimg img{width:100%;height:auto;border-radius:20px}.fcf label{display:block;margin-bottom:8px;font-size:20px;color: #000000;}.fcf input,.fcf select{width:100%;height:35px;padding:8px 8px 8px 8px;margin-bottom:16px;box-sizing:border-box;border-radius:10px;border:2px solid #333;background-color:#f2f2f2;color:#000}.fcf button{display:flex;justify-content:center;background-color:#000000;color:#fff;padding:10px 60px;font-size:18px;margin:3% auto 2%;border:none;border-radius:4px;cursor:pointer}form {width: 90%;}
.fcf textarea {
  width: 100%;
  padding: 8px;
  margin-bottom: 3%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 2px solid #333;
  background-color: #f2f2f2;
  color: #000;
  resize: vertical;
}
.reseau-contact{text-align:center;margin-bottom:7%}.reseau-contact a{font-size:13px;color:#fff}
.liens-wp a,
.liens-wp h6 {
  font-size: 13px;
  color: #ffffff;
  text-align: center;
  font-weight: 300;
  margin-top: 3%;
}
.telicon,.sone,.rea{display:none}

/*  Small device */
@media screen and (max-width:767.98px) {

  h1,h2{color:#000000}h4,p{color:#000000;text-align:center}h1,h2,h3,h4,p{text-align:center}h1{font-weight:550;font-size:28px;margin-bottom:-2%;margin-top:5%}h2{margin-top:10%;margin-bottom:10%;font-size:30px;font-weight:530}h3{font-weight:200;font-size:16px;margin:3% 3% 7%}h4{margin:5% 3%;font-size:18px;font-weight:350}p{font-size:18px;margin-left:5%;margin-right:5%;padding:2%}
  #tarif p,.h p,.valeur p{color:#fff;font-size:17px}
  hr {width: 40%;margin-bottom: 2%;}
  .fcf h2 {
    font-size: 17px;
    margin-top: 2%;
    margin-bottom: 6%;
  }
  body {
    margin-top: 18%;
  }
  .icon,.logo,.bg{display:flex}.nav-bg,.bg{left:0;right:0}.bg{padding:10px;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:1000;height:11%}.logo{align-items:center;max-height:120px;min-height:120px;margin-left:0}.icon{fill:#000000;cursor:pointer;align-items:center}.dropdown,.nav-bg,.bg input{display:none}[id^=btn]:checked+ul{display:block}.nav-bg{position:absolute;top:98%}.drop-item a,.n-bg a,.show{color:#000;text-decoration:none;font-size:1.2rem;line-height:2.5}.drop-item a{margin-left:8%;font-size:1.1rem}.nav-bg a:hover,.show:hover{color:#000000}
  .ix {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 350px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  #nos-valeurs,#prestation,#rea,.h{margin-top:15%}
  .h {
    width: 95%;
  }
  #prestation {
    margin-top: 17%;
  }
  #tarif {
    width: 95%;
    margin-top: 15%;
    margin-bottom: 15%;
  }
  #nos-valeurs {
    margin-bottom: 13%;
  }
  .valeur .confiance,.valeur h3{display:flex;text-align:left;margin-top:5%}.valeur{width:95%;padding-left:3%;padding-right:3%;margin-bottom:10%;margin-left:auto;margin-right:auto;box-shadow:2px 3px 0 2px #f09000;opacity:0;transform:translateX(-50%);transition:opacity .5s,transform 1s;border-radius:20px 20px 20px 0}.valeur .confiance{align-items:center;margin-left:5%;color:#000000;font-size:40px}.valeur h3{align-items:center;color:#fff;font-size:20px;margin-bottom:2%;margin-left:1%}.valeur h4,.valeur p{color:#fff;text-align:left;margin-top:3%}.valeur h4{font-size:15px;margin-bottom:0}.valeur p{margin-left:0;font-size:15px;padding-bottom:5%;font-weight:100}
  .sone{display:flex;flex-direction:column;align-items:center}.sone h3{opacity:0;transform:translateY(50px);transition:opacity .5s,transform .5s;margin-top:3%;font-size: 19px;}
  .sone h3.slide-up,
  .bd3.slide-up {
    opacity: 1;
    transform: translateY(0);
  }
  .cntu2 p {margin-left: 3%;margin-right: 3%;}
  .cntu2 h3 {font-size: 20px;margin-left: 6%;margin-right: 5%;text-align: left;margin-top: 10%;margin-bottom: 3%;}
  .cntu3 h2{font-size:25px;margin:15% 2% 4%}
  .cntu3 img{display:flex;width:80%;margin:0 auto 6%}
  .cntu3 h3 {font-size: 20px;margin-left: 6%;margin-right: 5%;text-align: left;margin-top: 5%;margin-bottom: 3%;}
  .i1,.i2,.i3,.i4{text-align:center;margin:5px 0;position:relative}.i1 img,.i2 img,.i3 img,.i4 img{width:100%;height:240px;margin-bottom:3%}.i1 p,.i2 p,.i3 p,.i4 p{margin-bottom:0;font-size:22px;letter-spacing:2px;text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5)}
  .cntu h2,.cntu2 h2{font-size:25px;margin:15% 2% 4%}.cntu img{display:flex;width:30%;margin-left:auto;margin-right:auto;margin-top:15%}.cntu2 img{display:flex;width:70%;margin:10% auto 8%}.cntu h3{margin-top:5%;margin-bottom:7%}.cntu p,.cntu2 p{text-align:left}
  .be1{padding:2% 8%;border-radius:25px;text-decoration:none;margin-top:auto;margin-bottom:10%}.be1 ion-icon{font-size:20px}
  .bouton-devis2 {
    background-color: #f09000;
    font-size: 19px;
    margin-top: 5%;
    margin-bottom: 7%;
    margin-right: 25%;
    margin-left: 25%;
    padding: 3%;
  }
  .bd3 {
    display: flex;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
    padding: 2%;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 5%;
    margin-bottom: 10%;
    text-decoration: none;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s, transform 0.5s;
  }
  .rea{display:flex;justify-content:center;margin-bottom:10%}.rea img{width:80%;height:auto;margin:0 2%}
  #contact{padding-top:4%;padding-bottom:4%;margin-top:20%}#contact h5{margin-top:10%;margin-bottom:5%;font-weight:600}#contact p{text-align:center;margin:0 0 3%;color:#fff;font-size:15px}.telicon{display:flex;position:fixed;padding:1% 2%;background-color:#000000;right:4%;bottom:5%;border-radius:20px}.telicon a{font-size:18px;font-weight:500;color:#fff;text-decoration:none}
  .liens-wp a,
  .liens-wp h6 {
    font-size: 13px;
    color: #ffffff;
    text-align: center;
    font-weight: 300;
    margin-top: 5%;
  }
  .liens-wp {margin-bottom: -3%;}
  .fcf{display:flex;flex-direction:column;align-items:center;margin:5% auto;width:90%;padding:20px;box-shadow:0 0 10px rgba(0,0,0,.1)}.icimg{background-color:#fff;padding:1%;margin-left:28%;margin-right:28%;margin-bottom:10%;border-radius:20px}.icimg img{width:100%;height:110px;border-radius:20px}.fcf label{display:block;margin-bottom:8px;font-size:20px;margin-left: 2%;}.fcf input,.fcf select{width:100%;height:35px;padding:8px 8px 8px 8px;margin-bottom:16px;box-sizing:border-box}.fcf button{display:flex;justify-content:center;background-color:#000000;color:#fff;padding:10px 40px;font-size:18px;margin:3% auto 2%;border:none;border-radius:4px;cursor:pointer}.fcf button:hover{background-color:#ffa929}form {width: 95%;}
  .reseau-contact{text-align:center;margin-bottom:13%}.reseau-contact a{font-size:13px;color:#fff}
  .rea-pc,.pc-serv,.pc-serv2{display:none}
}