@import url(https://fonts.cdnfonts.com/css/century-schoolbook);.triangleacc-container{display:flex;justify-content:center;gap:50px}.triangleacc-container a:active,.triangleacc-container a:hover,.triangleacc-container a:link,.triangleacc-container a:visited{color:inherit;text-decoration:none}.triangleacc{width:250px;height:250px;border:5px #000;background-size:cover;background-position:50%;clip-path:polygon(28% 10%,50% 5%,72% 10%,95% 28%,100% 50%,95% 72%,72% 95%,50% 100%,28% 95%,5% 72%,0 50%,5% 28%);transition:clip-path 1s ease-in-out,border-radius .2s ease-in-out;overflow:hidden;position:relative;cursor:pointer}.triangle1{background-image:url(/img/Pont_bascule.3c36e3a5.jpg)}.triangle2{background-image:url(/img/Pont_rail.98745501.jpg)}.triangle3{background-image:url(/img/analyse_prot.d4ab23a0.jpg);background-size:110%;background-position:50%}.triangleacc:hover{border:solid;border-radius:100%;clip-path:circle(50%);transform:scale(1.1)}.triangleacc .label{position:absolute;top:145px;width:100%;padding:5px 0;background-color:#123e63cc;color:#fff;text-align:left;font-size:14px;z-index:3}.label:hover{text-decoration:underline}.router-link:hover{color:#000;border:#000}.triangleacc:active{transform:scale(.9)}.pres-cnp{width:700px;padding-left:250px;text-align:center;font-size:25px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.text-rect{background-color:rgba(0,0,0,.3);height:200px;width:1000px;bottom:200px;z-index:7}.text-acc,.text-rect{position:absolute;left:150px;transition:.5s ease-in-out}.text-acc{text-align:center;font-style:oblique;bottom:300px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:220%;color:#fff;z-index:8}.wrapper:hover .text-acc,.wrapper:hover .text-rect{transform:scale(1.05)}.wrapper:hover .titre-acc{transform:translateX(-15px) scale(1.05)}.titre-acc{position:absolute;text-align:center;text-decoration:underline;left:150px;bottom:350px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:280%;color:#fff;z-index:8;transition:.5s ease-in-out}.image-acc{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.secteur{align-items:center;transition:.5s ease-in-out}.secteur:hover{transform:scale(1.1)}.titres{font-size:150%;text-decoration:underline;text-align:center;color:#123e63}.slider-2{position:relative;width:1370px;height:650px;top:-10px;left:-40px;margin:0 auto;overflow:hidden;border:1px solid #000}.slider-2 .slider{height:100%;animation:slider-2 15s ease-in-out infinite}.slider-2 .slide{flex-shrink:0;height:100%;width:100%}.slider-2 p{width:100%;text-align:center;font-size:45px;color:#f1f1f1}@keyframes slider-2{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-100%)}50%,70%{transform:translateY(-200%)}75%,95%{transform:translateY(-300%)}to{transform:translateY(-400%)}}input[type=radio]{display:none}#slide1:checked~.slider{transform:translateY(0)}#slide2:checked~.slider{transform:translateY(-100%)}#slide3:checked~.slider{transform:translateY(-200%)}#slide4:checked~.slider{transform:translateY(-300%)}.dots{text-align:center;position:absolute;bottom:20px;width:100%}.dot{height:15px;width:15px;margin:5px;background-color:#bbb;border-radius:50%;display:inline-block;cursor:pointer}.dot:hover,input[type=radio]:checked+label.dot{background-color:#717171}.dot:active{transform:scale(1.2);background-color:#555}.image_contact{position:relative;width:107%;height:700px;top:-100px;left:-32px}.lien-mail{transition:.5s ease-in-out}.lien-mail:hover{color:red}.text-contact{position:relative;width:400px;height:270px;left:400px;background-color:rgba(18,62,99,.1);border:6px solid #000;font-size:18px;text-align:left;transition:.5s ease-in-out}.text-contact:hover{transform:scale(1.2);background-color:rgba(18,62,99,.9);color:#fff;border-radius:18px}.text-contact:hover .lien-mail{color:#fff}.text-contact1{list-style-type:none;padding:0;margin:10px}c{pointer-events:none;font-size:20px;text-align:left;color:#fff}.form-devis-contact{display:block;justify-content:center;align-items:center;width:1000px;transition:.5s ease-in-out}.form-contact{display:flex;flex-direction:column;width:1000px;padding:70px;background-color:#123e63;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative;bottom:150px;left:40px}input[type=email],input[type=text],textarea{margin-bottom:30px;padding:30px;border-radius:8px;border:1px solid #ccc;font-size:16px;width:100%}.button-contact{background-color:#123e63;color:#fff;border:2px solid #fff;border-radius:12px;cursor:pointer;font-size:18px;transition:.5s ease-in-out}.button-contact:hover{background-color:#45a049;text-decoration:underline}.button-contact:active{transform:scale(.8)}.btn[data-v-7df792ea]{background:red;color:#fff;width:20%}.inp-id[data-v-7df792ea],.inp-pwd[data-v-7df792ea]{width:100%;height:15px;border-radius:0;border:1px solid #000}.bloc-modale[data-v-7df792ea]{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10}.overlay[data-v-7df792ea]{background:rgba(0,0,0,.3);position:fixed;top:0;left:0;bottom:0;right:0}.modale[data-v-7df792ea]{background:#f1f1f1;color:#333;padding:50px;position:fixed}.btn-modale[data-v-7df792ea]{position:absolute;top:10px;right:10px}#counter[data-v-0893874b]{font-size:50px}.black-square[data-v-0893874b]{width:100px;height:100px;background-color:#000;cursor:pointer;margin:50px auto}.popup[data-v-0893874b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup-content[data-v-0893874b]{background-color:#fff;padding:20px;border-radius:8px;width:300px;text-align:center}.hiding[data-v-0893874b]{position:absolute;top:0;left:0;width:2%;background:#000;height:4%}.popup-buttons[data-v-0893874b]{margin-top:10px;display:flex;justify-content:space-between}button[data-v-0893874b]{padding:5px 10px;cursor:pointer}button[type=submit][data-v-0893874b]{background-color:green;color:#fff;border:none}button[type=button][data-v-0893874b]{background-color:red;color:#fff;border:none}.bandeau_titre{position:absolute;background-color:rgba(0,0,0,.3);width:800px;height:100px;top:370px;left:750px;z-index:3;transition:.5s ease-in-out}.bandeau_titre:hover{transform:scale(1.2);background-color:rgba(0,0,0,.6);border-radius:15px}.partenaire_titre{position:absolute;color:#fff;font-size:30px;font-weight:700;top:30px;left:30px;z-index:8}.barre_blanche{position:relative;background-color:#fff;width:1500px;height:4px;top:80px;z-index:8}.partenaire-section{margin-bottom:40px}.titre-partenaire-humidimetre,.titre-partenaire-pesage{font-size:30px;text-align:center;text-decoration:underline;margin-bottom:20px;color:#123e63}table{border:2px solid #000;width:100%;text-align:center;margin-bottom:40px}table img{width:150px;height:auto;border-radius:8px;transition:transform .3s ease}table img:hover{transform:scale(1.05);border:2px solid #acabab}td{padding:30px}.histoire-cnp{position:absolute;width:70%;height:400px;right:15%;border:2px solid #000;border-radius:10px;color:#000;text-align:center;font-size:19px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;overflow-y:none}.histoire-cnp,.titre-quisommesnous{background-color:rgba(18,62,99,.3);transition:.5s ease-in-out}.titre-quisommesnous{position:relative;z-index:2;top:-550px;left:100px;width:35%;height:10%;color:#fff;font-size:50px}.titre-quisommesnous:hover{transform:scale(1.2);background-color:rgba(18,62,99,.9)}.image-quisommesnous{position:relative;width:106%;height:640px;left:-32px}.navbar{color:#fff}.premier-texte{font-size:20px}.premier-texte,.prestation{text-align:left}.text-prestation{list-style-type:none;text-align:left;padding:15px;margin:20px;font-size:20px}h1{text-align:center}.slider-statique{position:relative;width:368px;height:260px;overflow:hidden;border:1px solid #000}.slider-statique .slider-s{display:flex;height:100%;width:100%;zoom:50%;animation:slider-horizontal 15s linear infinite}.slider-statique .slide-s{flex-shrink:0;width:1068px;height:100%}.slider-statique .slide-s img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@keyframes slider-horizontal{0%{transform:translateX(0)}to{transform:translateX(-500%)}}.banner{width:100%;height:100vh;text-align:center;overflow:hidden;position:relative}.banner .slider{position:absolute;width:200px;height:255px;left:calc(50% - 100px);border-radius:15px;transform-style:preserve-3d;transform:perspective(1000px);animation:autoRun 20s linear infinite;z-index:2}@keyframes autoRun{0%{transform:perspective(1000px) rotateX(0deg) rotateY(0deg)}to{transform:perspective(1000px) rotateX(0deg) rotateY(120deg)}to{transform:perspective(1000px) rotateX(0deg) rotateY(240deg)}to{transform:perspective(1000px) rotateX(0deg) rotateY(1turn)}}.banner .slider .item{position:absolute;inset:0 0 0 0;transform:rotateY(calc((var(--position) - 1)*90deg)) translateZ(300px)}.banner .slider .item img{width:150%;border-radius:15px;height:100%;-o-object-fit:cover;object-fit:cover}.banner .content{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(1400px,100vw);height:-moz-max-content;height:max-content;padding-bottom:100px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;z-index:1}.banner .content h1{font-family:ICA Rubrik;font-size:16em;line-height:1em;color:#25283b;position:relative}.banner .content h1:after{position:absolute;inset:0 0 0 0;content:attr(data-content);z-index:2;-webkit-text-stroke:2px #d2d2d2;color:transparent}.banner .content .author{font-family:Poppins;text-align:right;max-width:200px}.banner .content h2{font-size:3em}.banner .content .model{width:100%;height:75vh;position:absolute;bottom:0;left:0;background-size:auto 130%;background-repeat:no-repeat;background-position:top;z-index:1}.img-ps{width:1370px;height:650px;top:-10px;left:-40px;margin:0 auto;overflow:hidden;border:1px solid #000}.img-pb,.img-ps{position:relative}.img-pb{width:370px;height:260px;border:2px solid #000;border-color:#000;border-radius:15px;text-align:center;color:#000;left:50px;bottom:-100px;-o-object-fit:cover;object-fit:cover;overflow-y:hidden;transition:.5s ease-in-out}.img-pb:hover{transform:scale(1.8);left:180px}.text-pb{position:relative;width:370px;height:260px;border:2px solid #000;border-color:#000;border-radius:15px;text-align:center;color:#000;left:750px;bottom:160px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px;background-color:rgba(18,62,99,.5);overflow-y:auto;display:flex;justify-content:center;align-items:center;transition:.5s ease-in-out}.text-pb:hover{color:#fff;background:#123e63;transform:scale(1.1)}.text-silo{left:50px;bottom:160px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px;background-color:rgba(18,62,99,.5);display:flex;justify-content:center;align-items:center}.img-silo,.text-silo{position:relative;width:370px;height:260px;border:2px solid #000;border-color:#000;border-radius:15px;text-align:center;color:#000;overflow-y:auto;transition:.5s ease-in-out}.img-silo{left:750px;bottom:-100px}.img-silo:hover{transform:scale(1.2)}.text-silo:hover{color:#fff;background:#123e63;transform:scale(1.1)}.text-carre1{position:relative;width:370px;height:260px;border:2px solid #000;border-top-left-radius:15px;border-color:#000;text-align:center;color:#000;left:225px;bottom:-40px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px;background-color:#123e6380;overflow-y:auto;transition:.5s ease-in-out;display:flex;justify-content:center;align-items:center}.text-carre1:hover{border-radius:25px;color:#fff;background:#123e63;transform:scale(1.1) translateX(-30px) translateY(-30px)}.img-carre1{position:relative;width:370px;height:260px;border:2px solid #000;border-color:#000;border-top-right-radius:15px;text-align:center;color:#000;left:597px;bottom:224px;overflow-y:auto;transition:.5s ease-in-out}.img-carre1:hover{transform:scale(1.2) translateX(40px) translateY(-30px);border-radius:25px}.text-carre2{position:relative;width:370px;height:260px;border:2px solid #000;border-bottom-right-radius:15px;border-color:#000;text-align:center;color:#000;left:597px;bottom:226px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px;transition:.5s ease-in-out;background-color:rgba(18,62,99,.5);overflow-y:auto;display:flex;justify-content:center;align-items:center}.text-carre2:hover{transform:scale(1.1) translateX(30px) translateY(30px);border-radius:25px;color:#fff;background:#123e63}.img-carre2{position:relative;width:370px;height:260px;border:2px solid #000;border-bottom-left-radius:15px;border-color:#000;text-align:center;color:#000;left:225px;bottom:490px;transition:.5s ease-in-out;overflow-y:auto}.img-carre2:hover{transform:scale(1.2) translateX(-40px) translateY(30px);border-radius:25px}.form-devis{display:flex;justify-content:center;align-items:center;width:auto;transition:.5s ease-in-out}.form-devis:hover{transform:scale(1.1)}form{display:flex;flex-direction:column;width:300px;padding:20px;background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative;bottom:150px}button,input[type=email],input[type=text],textarea{margin-bottom:10px}button,input[type=email],input[type=text],textarea{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:16px;width:100%;box-sizing:border-box}textarea{height:150px;resize:none;line-height:1.5;overflow-y:auto}button{background-color:#123e63;color:#fff;border:none;cursor:pointer;font-size:18px}button:hover{background-color:#45a049;text-decoration:underline}button:active{transform:scale(.8)}input::-moz-placeholder,textarea::-moz-placeholder{color:#aaa}input::placeholder,textarea::placeholder{color:#aaa}div{text-align:center}b{color:#000;text-align:left}.text-exemple{position:relative;width:740px;height:260px;border:2px solid #000;border-top-left-radius:15px;border-top-right-radius:15px;border-color:#000;text-align:center;color:#000;left:225px;bottom:-40px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:16px;background-color:#123e6380;overflow-y:auto;transition:.5s ease-in-out;display:flex;justify-content:center;align-items:center}.text-exemple:hover{border-radius:25px;color:#fff;background:#123e63;transform:scale(1.1) translateY(-30px)}.img-exemple1{position:relative;width:369px;height:260px;border:2px solid #000;border-bottom-right-radius:15px;border-color:#000;text-align:center;color:#000;left:596px;bottom:-38px;transition:.5s ease-in-out;overflow-y:auto}.img-exemple1:hover{transform:scale(1.1) translateX(40px) translateY(30px);border-radius:25px}.img-exemple2{position:relative;width:369px;height:260px;border:2px solid #000;border-bottom-left-radius:15px;border-color:#000;text-align:center;color:#000;left:225px;bottom:226px;transition:.5s ease-in-out;overflow-y:auto}.img-exemple2:hover{transform:scale(1.1) translateX(-40px) translateY(30px);border-radius:25px}.guide-metro{position:relative;margin:10px;text-align:left}.texte-premier{font-size:28px;text-align:left;text-decoration:underline}.titre-metro{color:red;font-size:38px}.box-metro{position:relative;width:78%;left:150px;height:110%;background-color:rgba(18,62,99,.2);border:3px solid #000;border-radius:10px;transition:.5s ease-in-out}.toti{list-style-type:none;padding:0;margin:10px}.box-mention-legal{position:relative;width:600px;height:300px;left:305px;background-color:rgba(18,62,99,.3);border:2px solid #000;border-radius:10px;transition:.5s ease-in-out}.box-mention-legal:hover{transform:scale(1.2);background-color:rgba(18,62,99,.9);color:#fff}.text-mention-legal{position:relative;width:500px;height:200px;left:50px;top:45px;text-align:left;font-size:25px}.image-humi{position:relative;-o-object-fit:fill;object-fit:fill;width:370px;height:256px;top:2px;overflow-y:hidden}body{background-color:rgba(62,137,198,.3)}html{scroll-behavior:smooth}.date_cnp{right:370px}.date_cnp,.mention-leg{position:relative;text-decoration:none;color:#fff}.mention-leg{right:350px}.mention-leg:hover{text-decoration:underline;color:#41739c}.black-footer{position:absolute;width:120%;height:20px;left:-250px;background-color:#000;z-index:2}.footer{position:relative;flex:1 0 auto;border-top:3px dotted #000;width:110%;bottom:-10px;left:-37px;height:300px;overflow:hidden;display:flex;align-items:flex-end}.horaire-bloc{position:relative;text-align:left;left:850px;bottom:50px;font-size:12px;transition:.5s ease-in-out}.horaire-bloc:hover{scale:1.2}.horaire-footer li{list-style-type:none}.titre-horaire{text-decoration:underline}.contact-bloc{position:relative;text-align:left;left:840px;bottom:74px;font-size:12px;transition:.5s ease-in-out}.contact-bloc:hover{scale:1.2}.contact-footer li{list-style-type:none}.titre-contact{text-decoration:underline}.router-text{text-decoration:none;color:#000}.navbar a.router-link-active{color:#fff;font-style:oblique;text-decoration:underline}.titre-footer{position:relative;color:#000;font-size:170%;left:450px;bottom:250px;z-index:10}.logo{position:absolute;width:6%;height:auto;top:2%;left:2%;border-radius:15px;box-shadow:3px 3px #a9a9a9;z-index:2;transition:transform .5s ease}body{max-width:1200px;margin:0 auto;overflow-x:hidden}.page-container{position:absolute;padding-bottom:300px}.logo-bas{position:relative;width:20%;height:auto;bottom:-250px;left:-100px;border-radius:15px;box-shadow:3px 3px #a9a9a9;z-index:2;transition:transform .5s ease-in-out}.triangle-bas{position:relative;bottom:-450px;left:-150px;width:300px;height:300px;background:radial-gradient(circle at top left,#fff 10%,#123e63 70%);transform:rotate(160deg);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);z-index:1}.logo:hover{transform:scale(1.2);transform:translateX(10px)}.logo:active{transform:scale(.9)}.logo-bas:hover{transform:scale(1.1)}.logo-bas:active{transform:translateY(4px)}.triangle{position:absolute;right:35%;bottom:15%;width:150vw;height:100vh;background:radial-gradient(circle at bottom left,#fff 50%,#123e63 90%);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none;z-index:1}.navbar{position:absolute;top:2%;right:0;display:flex;gap:45px;padding:10px 20px;border-radius:8px;box-shadow:2px 2px 8px #123e63;background-color:rgba(18,62,99,.8);opacity:1;z-index:4}.dropdown-toggle,.dropdown-toggle2,.navbar a{text-decoration:none;color:#fff;font-size:13px;font-weight:700;z-index:6}.navbar a:hover{color:#fff}.navbar span{position:absolute;top:0;left:0;width:8%;height:50%;background:#a9a9a9;border-radius:8px;z-index:5;transition:.5s ease ease-out 0s;opacity:0}.navbar a:active~span{background:linear-gradient(120deg,#696f75,#a9a9a9);transform:scale(.9)}.navbar a:first-child:hover~span{opacity:70%;width:6%;left:0}.navbar a:nth-child(2):hover~span{left:95px;width:12%;opacity:70%}.navbar a:nth-child(3):hover~span{left:275px;opacity:70%}.navbar a:nth-child(4):hover~span{left:400px;opacity:70%}.navbar a:nth-child(5):hover~span{left:550px;width:6%;opacity:70%}.navbar a:nth-child(6):hover~span{left:647px;width:6%;opacity:70%}.dropdown,.dropdown2{position:relative}.dropdown-toggle,.dropdown-toggle2{display:flex;align-items:center;padding:2px 2px;gap:10px}.arrow{font-size:8px;transition:transform .5s ease;display:inline-block;margin-left:1px;color:#fff}.dropdown-menu{width:130px;left:-30px}.dropdown-menu,.dropdown-metro{display:none;list-style:none;padding:0;margin:0;position:absolute;text-align:left;top:92%;background-color:rgba(18,62,99,.8);box-shadow:0 8px 16px rgba(0,0,0,.2);border-bottom-left-radius:8px;border-bottom-right-radius:8px;z-index:5}.dropdown-metro{width:190px;left:-10px}.dropdown-menu li,.dropdown-metro li{padding:10px}.dropdown-menu li a,.dropdown-metro li a{text-decoration:none;color:#fff}.dropdown-menu li:hover,.dropdown-metro li:hover{background:linear-gradient(120deg,#123e63,#ddd);border-radius:8px}.dropdown-menu li:active,.dropdown-metro li:active{background-color:#ddd;border-radius:8px}.dropdown2:hover .dropdown-metro,.dropdown:hover .dropdown-menu{display:block}.dropdown2:hover .arrow,.dropdown:hover .arrow{transform:rotate(180deg)}.dropdown-menu:hover,.dropdown-metro:hover{display:block}