a.box_more{line-height:1.2rem;display:inline-block;text-align:left;text-transform:uppercase;position:absolute;z-index:2;bottom:30px;left:17px;color:white;padding:0 20px 10px 0}
.strokeTitle{width:100%;display:block;text-transform:uppercase;color:transparent;font-size:4.375rem;line-height:5rem;-webkit-text-stroke:1px white;margin-bottom:10px}
.gradient{background:#3E0049;background:-webkit-linear-gradient(left,#3E0049 0%,black 30%,black 70%,#3E0049 100%);background:-o-linear-gradient(left,#3E0049 0%,black 30%,black 70%,#3E0049 100%);background:linear-gradient(to right,#3E0049 0%,black 30%,black 70%,#3E0049 100%)}
a.box_more{border-bottom:3px solid #574C9B}
a.box_more:hover{color:#574C9B}
.title{text-transform:uppercase;color:#574C9B}
.lila .gradient{background:#574C9B;background:-webkit-linear-gradient(left,#574C9B 0%,black 30%,black 70%,#574C9B 100%);background:-o-linear-gradient(left,#574C9B 0%,black 30%,black 70%,#574C9B 100%);background:linear-gradient(to right,#574C9B 0%,black 30%,black 70%,#574C9B 100%)}
.lila a.box_more{border-bottom:3px solid #8677B3}
.lila a.box_more:hover{color:#574C9B;mix-blend-mode:screen}
.lila .title{color:#8677B3}
.mauve .gradient{background:#624377;background:-webkit-linear-gradient(left,#624377 0%,black 30%,black 70%,#624377 100%);background:-o-linear-gradient(left,#624377 0%,black 30%,black 70%,#624377 100%);background:linear-gradient(to right,#624377 0%,black 30%,black 70%,#624377 100%)}
#topPageHx .rightGradient{background:rgb(0,0,0);background:-moz-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 20%,rgba(25,0,39,1) 50%);background:-webkit-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 20%,rgba(25,0,39,1) 50%);background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 20%,rgba(25,0,39,1) 50%)}
.mauve a.box_more{border-bottom:3px solid #3E0049}
.mauve a.box_more:hover{color:#3E0049}
.mauve .title{color:#3E0049}
.shortcut{min-height:220px;padding:15px 0;border-style:solid;border-image-slice:1;border-width:1px;border-image-source:linear-gradient(to left,black,#574C9B,black)}
.shortcut::before{content:'';display:block;background-color:red;width:15px;height:15px;position:absolute;top:-webkit-calc(50% - 7px);top:calc(50% - 7px);left:20px;z-index:5;background:url('https://www.atmi-usinage.fr/medias/imports/screw_head.svg') no-repeat center center;background-size:15px}
.shortcut.purple{border-image-source:-webkit-linear-gradient(right,black,#3E0049,black);border-image-source:-o-linear-gradient(right,black,#3E0049,black);border-image-source:linear-gradient(to left,black,#3E0049,black)}
.shortcut.lavande{border-image-source:-webkit-linear-gradient(right,black,#8677B3,black);border-image-source:-o-linear-gradient(right,black,#8677B3,black);border-image-source:linear-gradient(to left,black,#8677B3,black)}
.shortcut.unbordered{border:none!important}
.shortcut .inner{min-height:220px;padding:10px 300px;text-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center}
.shortcut strong.title,#prez strong{width:100%;text-transform:uppercase}
#carousel{height:800px;position:relative}
#carousel::before{content:'';display:block;width:600px;height:600px;background-color:black;position:absolute;left:-300px;top:100px;z-index:10;border-radius:50%}
#carousel .circleTexte{position:absolute;z-index:15;top:-webkit-calc(50% - 150px);top:calc(50% - 150px);left:-60px;z-index:50;width:300px;height:300px;display:block;text-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;align-items:center;align-content:center;opacity:0;-webkit-transition:opacity 1000ms;-o-transition:opacity 1000ms;transition:opacity 1000ms}
#carousel .circleTexte.show{opacity:1}
#carousel .mask{height:100%;overflow:hidden;padding:200px 0;position:relative}
#carousel .mask::before,#carousel .mask::after{content:'';display:block;position:absolute;z-index:5;left:0;width:100%;height:130px;background:rgb(0,0,0);background:-moz-linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(180deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)}
#carousel .mask::before{top:-1px}
#carousel .mask::after{bottom:-1px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#carousel .container{height:100%;position:relative}
#carousel .container::before,#carousel .container::after,#carousel .slide{position:absolute;z-index:1;top:800px;left:-100px;width:100%;height:100%;padding-right:300px;padding-left:200px;background-color:black;-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);-o-transform:rotate(10deg);transform:rotate(10deg);-webkit-transform-origin:center left;-moz-transform-origin:center left;-ms-transform-origin:center left;-o-transform-origin:center left;transform-origin:center left;-webkit-transition:all 700ms;-o-transition:all 700ms;transition:all 700ms}
#carousel .container::before,#carousel .container::after{width:-webkit-calc(100% - 300px);width:calc(100% - 300px)}
#carousel .slide.active{z-index:3;top:0;left:0;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
#carousel .container::before,#carousel .slide.prev{top:-400px;left:-50px;-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg)}
#carousel .container::before,#carousel .container::after{content:'';display:block;z-index:2;background-color:#3E0049;mix-blend-mode:multiply}
#carousel .container::after,#carousel .slide.next{top:400px;left:-50px;-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)}
#carousel .container::after{background-color:#574C9B}
#carousel .slide.top{top:-800px;left:-100px;-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}
#carousel .slide h3.title{position:absolute;top:80px;left:0;right:0;z-index:15;font-size:4.6875rem;line-height:5rem;color:transparent;-webkit-text-stroke:1px white;letter-spacing:.7rem;text-transform:uppercase;text-align:right;padding-left:-webkit-calc(100% - 650px);padding-left:calc(100% - 650px);height:190px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-end;align-content:center;align-items:center}
#carousel .slide img{display:block;width:100%;height:100%;object-fit:cover}
#carousel button,#carousel h3.title{position:absolute;right:100px;z-index:10}
#carousel button{border:none;cursor:pointer}
#carousel button svg{width:65px}
#carousel button.next svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#carousel a.box_more{z-index:15;left:auto;top:auto;right:70px;bottom:290px}
#carousel button.prev{top:200px}
#carousel button.next{bottom:200px}
.slideNav{position:absolute;z-index:100;top:calc(50% - 55px);border:none;cursor:pointer;height:110px}
.cPrev{left:-35px}
.cPrev svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.cNext{right:-35px}
.cNext svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.slideNav svg{width:65px;-webkit-transition:width 300ms;-o-transition:width 300ms;transition:width 300ms}
.slideNav span{display:inline-block;color:transparent;font-size:3.6875rem;margin:0 40px;text-transform:uppercase;-webkit-text-stroke:1px white;opacity:0;-webkit-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}
.slideNav:hover svg{width:90px}
.slideNav:hover span{opacity:1}
#references{padding:35px 160px 35px 0;border-style:solid;border-image-slice:1;border-width:1px;border-image-source:linear-gradient(to left,rgba(87,76,155,0.4),rgba(87,76,155,1),rgba(87,76,155,0.4));text-align:center}
#references .logo{display:inline-block;height:70px;position:relative;cursor:pointer;margin:30px 40px}
#references .logo img{position:absolute;top:0;left:0;width:auto;height:100%;display:inline-block;object-fit:contain;object-position:center;-webkit-transition:opacity 500ms;-o-transition:opacity 500ms;transition:opacity 500ms}
#references .logo img.nb{opacity:1;z-index:5;position:relative}
#references .logo .hovered{opacity:0;z-index:10;background-color:white}
#references .logo:hover .nb{opacity:0}
#references .logo:hover .hovered{opacity:1}
#references a.box_more{bottom:30px;left:auto;right:30px;padding-right:0;padding-left:30px;border-style:solid;border-image-slice:1;border-width:0 0 3px 0;border-image-source:linear-gradient(to left,rgba(62,0,73,0.4),rgba(87,76,155,0.4),rgba(62,0,73,0.4))}
#certifications{padding-left:200px}
.certificate{width:-webkit-calc(33% - 50px);width:calc(33% - 50px);text-align:center;padding:25px;margin:0 25px 50px;border-style:solid;border-image-slice:1;border-width:1px;border-image-source:linear-gradient(to left,rgba(87,76,155,0.4),rgba(87,76,155,0.4),rgba(87,76,155,0.4));min-height:165px}
.certificate .image{width:100%;height:130px;position:relative;margin-bottom:35px}
.certificate img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center}
.certificate img.hovered{position:absolute;top:0;left:0;z-index:1;opacity:0;-webkit-transition:opacity 800ms 500ms;-o-transition:opacity 800ms 500ms;transition:opacity 800ms 500ms}
.certificate .text{height:0;overflow:hidden;-webkit-transition:height 800ms 500ms;-o-transition:height 800ms 500ms;transition:height 800ms 500ms}
.certificate.active img.on{opacity:0}
.certificate.active img.hovered{opacity:1}
.certificate.active .text{height:90px}
#map_section{padding-left:25%}
#map_section.france{padding-left:30%}
#map_section .text{width:450px;position:absolute;z-index:1;bottom:50px;left:0}
#map_section.france .text{width:260px;left:auto;right:0}
.map{position:relative}
.france .map{max-width:400px}
.map img{width:100%;display:block}
mark.loc{display:inline-block;padding-left:30px;font-size:1.25rem;text-transform:uppercase;letter-spacing:.2rem;position:absolute;z-index:2;background-color:transparent;color:white}
span.pays{position:relative}
@-webkit-keyframes ping{0%{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:0.8}
80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
100%{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}
@keyframes ping{0%{-webkit-transform:scale(0.2);transform:scale(0.2);opacity:0.8}
80%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}
100%{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}
span.pays::before{content:'';position:absolute;top:5px;left:-32px;width:25px;height:25px;border:3px solid white;border-radius:50%;-webkit-animation:ping 0.8s ease-in-out infinite both;animation:ping 0.8s ease-in-out infinite both}
span.pays::after{content:'';position:absolute;top:11px;left:-26px;width:13px;height:13px;background-color:white;border-radius:50%}
span.infos{display:inline-block;margin-right:50px}
span.infos strong{text-transform:uppercase;font-weight:600;color:#574C9B}
span.infos a{color:white}
span.infos a:hover{color:@c_jade}
footer{padding:0 45px 20px;color:#fff;text-align:center}
footer::before{content:"";display:block;width:100%;height:0;border-style:solid;border-width:3px 0 3px 900px;border-color:transparent transparent transparent #bdbdbc;margin-bottom:30px}
footer .title{width:100%;color:white;font-size:1.25rem;letter-spacing:.2rem;margin-bottom:30px}
footer a{color:#fff}
footer a:hover{color:#8677B3}
#contact_footer{width:70%;text-align:left}
#contact_footer div{padding-right:100px}
#social_footer{width:30%;text-align:right}
footer #social_footer a{width:40px;height:40px;border:1px solid #8677B3;border-radius:50%;color:#8677B3;margin-left:20px;font-size:1.0625rem;line-height:1.0625rem}
footer #social_footer a:hover{color:white;border-color:white}
#copyright{width:100%;font-size:.7rem;margin-top:30px}
@media screen and (min-width:1550px){.certificate.active .text{height:70px}}
@media screen and (max-width:1300px){.shortcut .inner{padding:10px 200px}
.logo{margin:20px}
.certificate.active .text{height:100px}}
@media screen and (max-width:1080px){#carousel .container::before,#carousel .container::after,#carousel .slide{padding-right:150px}
#carousel .container::before,#carousel .container::after{width:-webkit-calc(100% - 150px);width:calc(100% - 150px)}
#carousel .slide h2{font-size:3.5rem;line-height:4rem;padding-left:40%}
#carousel a.box_more{right:10px}
#carousel button,#carousel h2{right:50px}
.certificate{width:-webkit-calc(33% - 30px);width:calc(33% - 30px);padding:15px;margin:0 10px 50px}
certificate .image{height:100px}
.certificate.active .text{height:130px}}
@media screen and (max-width:850px){.shortcut::before{display:none}
.shortcut .inner{padding:160px 30px 100px}
#map_section,#map_section.france{padding:160px 0 0}
#map_section .text{width:100%;position:relative;bottom:auto;left:auto}
.map{margin:10px 0 30px}
span.infos a:hover{color:white}
#references{padding:160px 0 80px}
#references .logo{height:60px;margin:10px 20px}
#certifications{padding:180px 20px 0}
.certificate img,.certificate.active img.on{opacity:1}
.certificate img.hovered,.certificate.active img.hovered{opacity:0}}
@media screen and (max-width:450px){#carousel.short_wrapped{margin-top:0;height:500px;margin-bottom:100px}
#carousel::before{width:200px;height:200px;left:-80px;top:150px;border-radius:0 50% 50% 0}
#carousel.savoirfaire::before{left:-120px}
#carousel h2.circleText{right:auto;left:-15px;top:-webkit-calc(50% - 60px);top:calc(50% - 60px)}
#carousel .circleTexte{top:auto;bottom:150px;left:0;width:100%;height:auto;font-size:1em;line-height:1.1rem;text-align:right;padding:10px 10px 10px 90px}
#carousel .mask{padding:150px 0}
#carousel .mask::before,#carousel .mask::after{height:130px}
#carousel .container::before,#carousel .container::after,#carousel .slide{width:100%;top:500px;left:-10px;padding-right:0;padding-left:0}
#carousel .container::before,#carousel .slide.prev{top:-250px}
#carousel .container::after,#carousel .slide.next{top:250px}
#carousel .slide.top{top:-500px}
#carousel .slide h3.title{top:0;bottom:0;font-size:1.8rem;line-height:2.2rem;letter-spacing:.3rem;padding-left:100px;height:auto;background-color:rgba(0,0,0,0.2)}
#carousel.savoirfaire .slide h3.title{padding-top:10px;padding-right:10px;align-items:flex-start;align-content:flex-start;padding-left:70px;display:none}
#carousel.savoirfaire .slide.active h3.title{display:block}
#carousel button,#carousel h3.title{background-color:rgba(0,0,0,0.2);right:20px}
#carousel button svg{width:55px}
#carousel a.box_more{right:20px;bottom:-50px}
#carousel button.prev{top:80px}
#carousel button.next{bottom:80px}
#topPageHx .rightGradient{background:none}
#references .logo{height:50px;margin:10px 20px}
.certificate{width:100%;margin:0 0 50px}
.certificate .text,.certificate.active .text{height:auto}
.map img{position:relative;top:8px;left:-285px;width:calc(100% + 600px)}
mark.loc{font-size:1.1rem}
#words{min-height:750px}
footer{padding:0 20px 20px;display:block}
footer::before{border-width:3px 0 3px 300px}
footer a,footer a:hover{color:#fff}
#contact_footer{width:100%;display:block;text-align:center;margin-bottom:40px}
#contact_footer div{padding-right:0}
#social_footer{width:100%;text-align:center;justify-content:center}
footer #social_footer a,footer #social_footer a:hover{border:1px solid @c_jade;color:@c_jade;margin-left:10px;margin-right:10px}}
@media screen and (max-width:370px){#carousel .slide h3.title{top:0;bottom:0;font-size:1.5rem;line-height:1.9rem;letter-spacing:.15rem;padding-left:150px;height:auto}
#carousel .circleTexte{font-size:.8em;line-height:1rem}
#references .logo{height:70px;margin:10px 40px}}#chiffres .gradient{background:rgba(62,0,73,1);background:-webkit-linear-gradient(left,rgba(62,0,73,1) 0%,black 30%,black 70%,rgba(62,0,73,1) 100%);background:-o-linear-gradient(left,rgba(62,0,73,1) 0%,black 30%,black 70%,rgba(62,0,73,1) 100%);background:linear-gradient(to right,rgba(62,0,73,1) 0%,black 30%,black 70%,rgba(62,0,73,1) 100%)}
#chiffres .row{padding:60px 40px 10px;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-wrap:wrap}
.chiffre{width:25%;position:relative;padding:60px 0 0 80px;margin-right:5%;margin-bottom:50px;line-height:1.3rem}
.chiffre.alt{width:15%}
.chiffre.marged{margin-left:8%}
.chiffre.alt.marged{margin-left:5%}
.chiffre.filled::before{content:'';display:block;height:1px;width:65px;background-color:#624377;position:absolute;top:40px;left:70px}
.chiffre.filled.alt::before{background-color:#574C9B}
.chiffre .num{width:110px;text-align:right;position:absolute;top:55px;left:-20px;font-size:4.25rem;color:transparent;-webkit-text-stroke:1px #624377;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
.chiffre .num.active{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
.row .chiffre.alt .num{-webkit-text-stroke:1px #574C9B}
.chiffre strong{text-transform:uppercase;-webkit-transition:color 300ms;-o-transition:color 300ms;transition:color 300ms}
@media screen and (min-width:1500px){.chiffre{width:20%;margin-right:8%}
.chiffre.marged{margin-left:10%}}
@media screen and (max-width:1299px){#home_map .text{width:650px;bottom:10px}
.chiffre.alt{width:40%}}
@media screen and (max-width:1080px){#chiffres .row{padding:60px 80px 10px 5px}
.chiffre{width:40%!important;padding:60px 0 0 80px;margin-right:5%}
.chiffre.empty{display:none}}
@media screen and (max-width:480px){#chiffres .gradient{background:rgba(62,0,73,1);background:-webkit-linear-gradient(left,rgba(62,0,73,1) 0%,black 40%,black 60%,rgba(62,0,73,1) 100%);background:-o-linear-gradient(left,rgba(62,0,73,1) 0%,black 40%,black 60%,rgba(62,0,73,1) 100%);background:linear-gradient(to right,rgba(62,0,73,1) 0%,black 40%,black 60%,rgba(62,0,73,1) 100%)}
#chiffres .row{padding:160px 20px 10px}
.chiffre{width:100%!important}
.chiffre.marged,.chiffre.alt.marged{margin-left:0!important}
.chiffre strong{color:#3E0049}
#chiffres .chiffre.blue strong{color:#574C9B}}