a,ul{list-style:none}.ctp,.div-content,.div-nav,.div-nav ul li,.employer,.foot,nav,nav>ul{display:flex}a,p{color:#fff}.smt:hover,a,nav,nav ul li a,p{color:#fff; 
}*{margin:0;padding:0;box-sizing:border-box;
font-family:'Roboto',sans-serif}
h6{font-size: 1.2rem;}
.ordi{
    font-size: 1.5rem;
    text-align: justify;
    color: #000;
}.navigation{background-color:rgb(0 0 0 / .74);height:auto}.div-nav{justify-content:space-around;width:100%;height:auto;align-items:center}nav>ul{width:max-content;margin:0 auto}nav ul li a,ul li{width:260px;text-align:center}.div-nav ul li{align-items:center;justify-content:space-around;width:280px;list-style-type:none;padding:5px 40px;transition:.5s ease-in-out}.ctp{background-color:#2a2a2a;justify-content:space-between;align-items:center;padding:8px}.button,.search{background-color:#fcd116}.div-content,footer{justify-content:space-around}nav ul li a{padding:10px 0; font-size: 1.3rem;}.search{border:1px solid #fff;margin-right:100px}.Itn{height:30px}a{text-decoration:none;font-size:1rem}input,select{margin-bottom:10px}.div-content{align-items:center;height:80px;gap:20px}.div-2,.img-houre,.img-laptop{display:flex;align-items:center;gap:8px}.button:hover{color:#fff;transition:1s;background-color:#fcd216e0}.button{transition:.6s;color:#000;border-radius:10px;padding:10px 7px}.p6,.p7,h2,h3{color:#fcd116}.div1-1 h4,.div-2,.info-heure{font-size:1.5rem}.ingenieur{background-image:url(./travailleur-remplissant-le-refrigerant-du-systeme-hvac.jpg);background-position:center;background-size:cover;height:450px}.employer{align-items:center;text-align:center;padding:20px 0;justify-content:space-around;border-bottom:1px solid #000}.stake{height:80px;width:80px;transition:transform 0.6s}.face:hover,.stake:hover{transform:scale(1.4)}.form{padding:20px;margin:30px auto;border:1px solid #000;background-color:#47bbe7;border-radius:15px;width:70%}.smt,.smt:hover{background-color:#fcd116}.ipt,.smt{width:100%;border-radius:10px;padding:10px 0}.smt{transition:.6s}.smt:hover{transform:translateY(5px)}footer{background-color:rgba(0,0,0,.74);display:block}.foot{justify-content:space-around}.face{height:32px;width:32px}.contact{text-align:center;flex-direction:column}h3{margin-bottom:8px;font-style:1.5rem}.p7{padding:10px;font-size:1.3rem}h2{text-align:center;font-size:2.3rem;margin-bottom:20px}.p6{font-size:1.5rem;padding-bottom:10px;padding-top:10px}p{font-size:1rem;text-align:center}.ligne-droite{padding:0 30px; width: 70%;
    margin:10px  auto;border-left:1px solid #fff;border-right:1px solid #fff}.p1{text-align:center;font-size:1.3rem;color:#000}.call,.lap{height:50px}.p19{color:#f7f4f4;font-size:2.3rem;text-align:center}.p20{color:#000;font-size:1.2rem}.deplace{padding-top:90px;text-align:center}.taille{font-size:3rem}@media screen and (max-width:450px){.button{padding:5px}}@media screen and (max-width:850px){.ctp,.ctp ul,.foot{flex-direction:column}.foot,h3,p{text-align:center}.ligne-droite{padding:0 30px;margin:20px auto;    border-left:1px solid #fff;
        border-right:1px solid #fff; width: 70%;
    }.foot,.search{margin:auto}.ctp,.ctp ul{align-items:center;background-color:rgb(0 0 0 / .295);height:auto;padding:10px;gap:20px}.foot{width:70%;gap:30px}.button{padding:5px}.button a{font-size:.8rem}h3{padding:10px}h4{display:none}.employer{flex-direction:column;gap:20px}
    .fzoot{
        padding: 20px;
    }
.ordi{
    display: none;
    text-align: justify;
}


}