.sided a{display:inline-block;-webkit-transform:skew(25deg);-ms-transform:skew(25deg);-o-transform:skew(25deg);transform:skew(25deg)}
.sided a span{display:inline-block;margin:0;-webkit-transform:skew(-25deg);-ms-transform:skew(-25deg);-o-transform:skew(-25deg);transform:skew(-25deg)}
.sided a{padding:10px 40px;position:relative;background-color:#FFF;color:#020324;font-size:0.875rem;text-transform:uppercase;overflow:hidden;margin-bottom:30px}
.sided a::before,.sided a::after{content:'';display:block;position:absolute;top:0;width:10px;height:200px;background-color:#020324;overflow:hidden}
.sided a::before{left:10px}
.sided a::after{right:10px}
.sided a:hover{color:#FFF;background-color:#0d4580}
footer{text-align:center;padding:40px 20px;margin-top:20px;background-color:#020324;color:#FFF}
footer strong.title{display:block;margin-bottom:20px;font-weight:900}
footer a{color:#FFF}
.social a{width:30px;height:30px;background-color:#FFF;color:#020324;border-radius:50%}
footer a:hover{color:#0d4580}
#copyright{margin-top:40px;font-size:0.75rem;opacity:0.5}.slideshow{margin-top:40px}
.whiteTitle h2,.whiteTitle h2::before,.whiteTitle h2::after{background-color:rgba(255,255,255,0.7)}
#slideshow_expertises{position:relative;background-size:cover;padding-bottom:20px}
#slideshow_expertises .wrapper{margin:0 auto}
#slideshow_expertises h2{color:#FFF}
#slideshow_expertises_wrapper{width:100%;height:370px;overflow:hidden;color:#FFF}
#slideshow_expertises_wrapper .swiper-slide{display:inline-block;width:900px;height:100%;position:relative;overflow:hidden}
#slideshow_expertises_wrapper .flex{position:relative;width:100%;height:100%}
#slideshow_expertises_wrapper h4{position:absolute;z-index:20;left:0;right:0;bottom:50px;color:#FFF;padding-top:100px;font-size:2rem;letter-spacing:0.3rem;font-weight:700;text-shadow:0 0 5px rgba(0,0,0,0.8)}
#slideshow_expertises_wrapper .flex .col-6{background-color:#020324;height:100%;-webkit-transform:skew(25deg);-ms-transform:skew(25deg);-o-transform:skew(25deg);transform:skew(25deg);overflow:hidden;text-align:center}
#slideshow_expertises_wrapper .flex .col-6.lowheight{width:-webkit-calc(45% - 90px);width:calc(45% - 90px);height:calc(100% - 60px);margin:30px 0}
#slideshow_expertises_wrapper .flex .col-6.blue{width:-webkit-calc(55% - 90px);width:calc(55% - 90px);background-color:#0d4580;-webkit-box-shadow:-5px 0 10px 0 rgba(0,0,0,0.75);-moz-box-shadow:-5px 0 10px 0 rgba(0,0,0,0.75);box-shadow:-5px 0 10px 0 rgba(0,0,0,0.75)}
#slideshow_expertises_wrapper .number,#slideshow_expertises_wrapper .unskew{width:100%;height:100%;-webkit-transform:skew(-25deg);-ms-transform:skew(-25deg);-o-transform:skew(-25deg);transform:skew(-25deg);overflow:hidden;position:relative}
#slideshow_expertises_wrapper .unskew{padding:30px 0 10px}
#slideshow_expertises_wrapper .number span{font-size:30rem;line-height:20rem;position:absolute;top:0;left:0;opacity:0.2;font-family:'Roboto',sans-serif;font-weight:900}
#slideshow_expertises_wrapper .unskew img{width:auto;height:240px}
#slideshow_expertises_wrapper a{color:#FFF;vertical-align:middle;margin-left:80px;position:relative}
#slideshow_expertises_wrapper a::before,#slideshow_expertises_wrapper a::after{content:'';display:inline-block;position:absolute;top:50%;width:20px;margin:0 10px;height:1px;overflow:hidden;background-color:#FFF;vertical-align:middle;-webkit-transition:width 300ms;-o-transition:width 300ms;transition:width 300ms}
#slideshow_expertises_wrapper a::before{left:-40px}
#slideshow_expertises_wrapper a::after{right:-40px}
#slideshow_expertises_wrapper a span{display:block;position:absolute;bottom:1px;left:50%;overflow:hidden;width:0;height:1px;background-color:#FFF;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
#slideshow_expertises_wrapper a:hover::before,#slideshow_expertises_wrapper a:hover::after{width:0}
#slideshow_expertises_wrapper a:hover span{width:100%;left:0}
.swiper-pagination{margin-top:20px;position:relative}
.swiper-pagination-bullet{width:20px;height:20px;text-align:center;line-height:20px;font-size:12px;color:transparent;opacity:1;margin:0 10px;border:2px solid #020324;font-weight:700;font-size:1.2rem;padding-top:3px;background-color:transparent}
.swiper-pagination-bullet-active{width:35px;height:35px;color:#FFF;background:#020324}
.counting{margin-top:40px}
.counting ul{counter-reset:nums;list-style-type:none;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;-webkit-align-content:flex-start;align-content:flex-start;-webkit-justify-content:space-between;justify-content:space-between}
.counting ul li{width:25%;max-width:250px;height:150px;position:relative;text-align:left;padding:35px 50px 0 47px;line-height:1.2rem;color:#0d4580;font-style:italic}
.counting ul li::before{font-family:'Roboto',sans-serif;font-style:normal;counter-increment:nums;content:counter(nums);position:absolute;top:25px;left:-5px;z-index:1;font-size:7rem;color:#FFF;opacity:0.3;text-shadow:-1px -1px 0 #4067a0,1px -1px 0 #4067a0,-1px 1px 0 #4067a0,1px 1px 0 #4067a0}
.counting li div{position:absolute;z-index:2}
.counting ul li em{text-transform:uppercase;font-weight:700;font-style:normal;z-index:1;font-size:1.125rem;color:#1d1e1c}
.counting ul li strong{font-weight:400}
#offre .thisOffer{padding:30px}
.thisOffer{background-color:#FFF;height:220px;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;perspective:1000px}
.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;-webkit-transition:transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;transform-style:preserve-3d}
.thisOffer:hover .flip-card-inner{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.flip-card-front{background-color:#FFF;color:#000}
.flip-card-back{background-color:#0d4580;color:#FFF;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);font-size:0.875rem;font-weight:300;padding:0 40px}
#offre h4{font-size:1.875rem;line-height:2rem;margin-bottom:20px}
#offre h4 span{display:block;font-size:1.125rem}
#offre button{color:#0d4580;border:none;padding:1px;position:relative;cursor:pointer}
#offre button::before,#offre button::after{content:'';display:inline-block;position:absolute;top:50%;width:20px;margin:0 10px;height:1px;overflow:hidden;background-color:#0d4580;vertical-align:middle;-webkit-transition:width 300ms;-o-transition:width 300ms;transition:width 300ms}
#offre strong{text-transform:uppercase}
#slideshow_why{position:relative}
#slideshow_why .title{position:absolute;top:32px;left:0;right:0;z-index:5}
#slideshow_why_wrapper{width:100%;height:500px;overflow:hidden}
#slideshow_why_wrapper .swiper-slide{display:inline-block;width:100%;height:100%;position:relative}
#slideshow_why_wrapper .h3{position:absolute;top:0;left:0;right:0;bottom:0;padding:100px 20% 0;font-weight:700;color:#FFF;margin-bottom:0}
#slideshow_why_wrapper h3{width:100%;font-size:3rem;line-height:3.5rem;letter-spacing:0.6rem;text-shadow:5px 5px 10px rgba(0,0,0,0.5);color:#FFF;text-transform:uppercase}
#slideshow_why_wrapper img{width:100%;height:100%;object-fit:cover}
#slideshow_why_wrapper .h3 strong{font-size:1.125rem;padding:0 100px;text-shadow:5px 5px 10px rgba(0,0,0,0.8)}
#slideshow_why .controls{position:absolute;z-index:5;top:-webkit-calc(50% - 40px);top:calc(50% - 40px)}
#slideshow_why .controls img,#slideshow_why button{display:block;width:24px;height:80px;border:0;cursor:pointer;padding:0;margin:0}
#offre button::before{left:-40px}
#offre button::after{right:-40px}
#slideshow_why .prevLink{left:20px}
#slideshow_why .nextLink{right:20px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#slideshow_clients_wrapper{width:1000px;margin:0 auto;height:55px;overflow:hidden;margin-top:40px}
#slideshow_clients_wrapper .swiper-slide{display:inline-block;width:auto;height:100%}
#slideshow_clients_wrapper img{width:80%;height:100%;object-fit:contain;opacity:0.3;-webkit-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}
#slideshow_clients_wrapper img:hover{opacity:1}
@media screen and (max-width:1000px){#slideshow_expertises_wrapper .swiper-slide{width:100%;display:block}
#slideshow_expertises_wrapper h4{font-size:1.7rem}
#slideshow_expertises_wrapper .flex .col-6{transform:none}
#slideshow_expertises_wrapper .flex .col-6.lowheight{width:55%;margin-right:45%}
#slideshow_expertises_wrapper .flex .col-6.blue{margin-right:100px;position:absolute;z-index:2;width:95%;top:0;right:-25%;margin:0;-webkit-transform:skew(20deg);-ms-transform:skew(20deg);-o-transform:skew(20deg);transform:skew(20deg)}
#slideshow_expertises_wrapper .number{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
#slideshow_expertises_wrapper .number span{left:-35%}
#slideshow_expertises_wrapper .unskew img{height:180px;margin:5% 30% 0 0}
#slideshow_expertises_wrapper a{margin-left:0}
#slideshow_expertises_wrapper a:hover::before,#slideshow_expertises_wrapper a:hover::after{width:20px}
#slideshow_expertises_wrapper a:hover span{width:0;left:50%}
.counting ul{-webkit-justify-content:center;justify-content:center}
.counting ul li{width:33.3333333333%;max-width:200px;margin:0 10px;padding:35px 50px 0 47px}
.thisOffer{width:400px;margin:0 auto}
#slideshow_why_wrapper .h3{padding:100px 50px 0}
#slideshow_why_wrapper .h3 strong{padding:0 50px}
#slideshow_clients_wrapper{width:100%}
#slideshow_clients_wrapper img{opacity:1}}
@media screen and (max-width:450px){#slideshow_expertises_wrapper a{margin-left:25px;font-size:0.8rem}
.counting ul li{width:100%;max-width:200px;margin:0 auto;padding:35px 50px 0 47px}
#offre h4{font-size:1.675rem;line-height:1.8rem}
#offre h4 span{font-size:1.025rem}
#offre strong{text-transform:uppercase}
.flip-card-back{line-height:1.2rem}
#slideshow_why_wrapper{height:400px;overflow:hidden}
#slideshow_why_wrapper .h3{padding:100px 50px 0}
#slideshow_why_wrapper h3{font-size:1.3rem;line-height:1.5rem;letter-spacing:0.1rem}
#slideshow_why_wrapper .h3 strong{font-size:0.8rem;line-height:1rem;padding:0 20px}
#slideshow_clients_wrapper{width:100%}
#slideshow_clients_wrapper img{opacity:1}}
@media screen and (min-width:1500px){#slideshow_why_wrapper{height:600px}}#process_wrapper{text-align:center}
#process_wrapper.wrapper{margin:80px 20px}
#process{margin-top:30px}
#process a{display:block;width:185px;height:240px;color:#1d1e1c}
#process .container{display:inline-block;width:157px;height:157px;position:relative;margin-top:14px;background-color:transparent;-webkit-transition:padding 300ms;-o-transition:padding 300ms;transition:padding 300ms;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
#process a:hover .container{padding:5px;width:185px;height:185px;margin-top:0}
#process .container::before{content:'';position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;background-color:rgba(30,35,36,0.5);background-image:url('https://www.tradevalue.fr/medias/imports/process_frame.svg');background-position:center;background-size:69%;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
#process a:hover .container::before{top:5px;right:5px;bottom:5px;left:5px;background-color:transparent;background-size:87%}
#process img{width:100%;height:100%;object-fit:cover}
#process span{position:absolute;z-index:10;top:30px;right:30px;bottom:30px;left:30px;color:transparent;font-size:4rem;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#FFF;@boldmainfont;display:flex;justify-content:center;align-content:center;align-items:center;opacity:1;-webkit-transition:opacity 300ms;-o-transition:opacity 300ms;transition:opacity 300ms}
#process a:hover span{opacity:0}
#process strong{display:block;padding:5px 15px 0;font-size:0.7rem;-webkit-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
#process a:hover strong{font-size:0.87rem}
@media screen and (max-width:1000px){#process_wrapper.wrapper{margin:60px 20px}
#process a{height:auto;width:165px;margin:40px 5px 0}
#process a .container{padding:5px;width:165px;height:165px;margin-top:0}
#process a .container::before{top:5px;right:5px;bottom:5px;left:5px;background-color:transparent;background-size:87%}
#process span{top:-130px;font-size:3rem;-webkit-text-stroke-color:#1d1e1c}
#process a:hover span{opacity:1}
#process a strong{font-size:0.87rem;line-height:1rem;padding:5px}}