html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*="col-"]{padding-right:0;padding-left:0}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:" "}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
a:hover, a:focus{text-decoration:none;}
@font-face{font-family:'Bebas Beue';src:url(//www.metalu-plast.com/wp-content/themes/metaluplast/fonts/bebasneue_regular-webfont.woff2) format('woff2'), url(//www.metalu-plast.com/wp-content/themes/metaluplast/fonts/bebasneue_regular-webfont.woff) format('woff');font-weight:normal;font-style:normal;font-display:swap;}
slick-track .slide:nth-child(n+2){display:none;}
.slider.slick-not-init .slide{}
.nopadding{padding:0 !important;margin:0 !important;}
footer .menuResponsive{display:none}
a:focus{outline:0}
#navresponsive, #headerResponsive{display:none}
body{font-family:'Lato', sans-serif;}
#AllPage{padding-top:143px;background:#FFF;position:relative;z-index:2;overflow:hidden;}
#AllPage:before{content:" ";display:block;width:100%;height:5px;position:absolute;bottom:0;left:0;background:#ffca03;z-index:5;background:-moz-linear-gradient(left, #ffca03 0%, #f7b033 52%, #fbe90d 62%, #ffca03 100%);background:-webkit-linear-gradient(left, #ffca03 0%,#f7b033 52%,#fbe90d 62%,#ffca03 100%);background:linear-gradient(to right, #ffca03 0%,#f7b033 52%,#fbe90d 62%,#ffca03 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca03', endColorstr='#ffca03',GradientType=1 );}
body.home #AllPage{padding-top:112px;}
body.tax-categoriesproduits #AllPage{padding-top:114px}
body.page-template-template-engagements #AllPage{padding-top:114px}
body.page-template-template-apropos #AllPage, body.page-template-template-certifications-reseaux #AllPage{padding-top:114px}
body.single-actualites #AllPage{padding-top:114px}
.make-me-sticky{position:-webkit-sticky;position:sticky;top:0;padding:0 15px;left:0;height:40px;background:red;}
.marges1{padding:90px 0}
.marges1 + .marges1{padding-top:0}
.marges1 + .marges1.forcePadding{padding-top:90px}
main{padding-bottom:45px;}
.container{max-width:980px}
.container-fluid{padding-left:15px;padding-right:15px;}
.button1{border:1px solid #FFF;font-size:13px;transition:all 0.2s;letter-spacing:1px;color:#FFF;background:transparent;margin:0 auto;margin-top:5px;display:inline-block;padding:12px 24px;}
.button1:hover{background:#ffca03;color:#FFF;border-color:#ffca03}
.button1.black{border:1px solid #3c3c3b;color:#3c3c3b;}
.button1.black:hover{background:#3c3c3b;color:#FFF;border-color:#3c3c3b}
button:focus{outline:0}
#ariane{color:#c5c5c4;font-size:14px;margin-bottom:20px;}
#ariane a{color:#c5c5c4;}
#ariane .breadcrumb_last{color:#ababab}
#cookie-law-info-again{display:none !important}
#cookie-law-info-bar span{font-size:12px}
.title1{font-family:'Bebas Beue';font-size:48px;color:#3c3c3b;text-align:center;margin-bottom:20px;width:100%;position:relative;padding-bottom:20px;}
.title1 strong{font-weight:bold;}
.title1:after{content:" ";display:block;height:2px;left:50%;margin-left:-55px;width:110px;background:#f7b033;position:absolute;bottom:0;}
.title1.alignLeft{text-align:left}
.title1.alignLeft:after{left:0;margin-left:0}
.title2{color:#3c3c3b;font-size:25px;font-weight:900;line-height:33px;position:relative;padding-bottom:8px;margin-bottom:15px;}
.title2:after{content:" ";display:block;height:2px;background:#ffca03;width:64px;position:absolute;left:50%;margin-left:-32px;bottom:0;}
.title2.alignLeft{text-align:left}
.title2.alignLeft:after{left:0;margin-left:0}
.title2.white{color:#FFF}
.title3{color:#3c3c3b;font-size:30px;font-weight:400;line-height:34px;position:relative;margin-bottom:15px;}
.title3 strong{font-weight:bold;}
.title3.alignLeft{text-align:left}
.title3.alignLeft:after{left:0;margin-left:0}
.intro1{margin:0 auto;font-size:18px;font-weight:bold;font-style:italic;width:100%;text-align:center;line-height:22px;}
nav{position:fixed;top:0;width:100%;left:0;padding-top:3px;z-index:99}
nav:before{content:" ";display:block;width:100%;height:3px;position:absolute;top:0;left:0;background:#ffca03;z-index:5;background:-moz-linear-gradient(left, #ffca03 0%, #f7b033 52%, #fbe90d 62%, #ffca03 100%);background:-webkit-linear-gradient(left, #ffca03 0%,#f7b033 52%,#fbe90d 62%,#ffca03 100%);background:linear-gradient(to right, #ffca03 0%,#f7b033 52%,#fbe90d 62%,#ffca03 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca03', endColorstr='#ffca03',GradientType=1 );}
nav .top{background:#3c3c3b;padding:4px 15px 4px 15px;}
nav .top .social{vertical-align:17px;}
nav .top .social a{margin-right:12px;vertical-align:-14px;}
nav .top .social svg,nav .top .social .svg{width:16px;height:16px}
nav .top .social svg path{transition:all 0.3s}
nav .top .social a:hover svg path{fill:#ffca03 !important}
nav .top .right{text-align:right;}
nav .top .right ul.principal{display:inline-block}
nav .top .right ul.principal{list-style:none;}
nav .top .right ul.principal li{display:inline-block;margin:0 10px;font-weight:900;letter-spacing:2px;position:relative;font-size:10px;}
nav .top .right ul.principal li:after{content:"|";color:#cbcaca;right:-10px;position:absolute;}
nav .top .right ul.principal li:last-child:after{display:none}
nav .top .right ul.principal li a{color:#cbcaca;transition:color 0.3s;text-transform:uppercase}
nav .top .right ul.principal li a:hover{color:#ffca03}
nav .top .right .button{display:inline-block;padding:11px 20px;color:#cbcaca;transition:all 0.3s;border:1px solid #cbcaca;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:900;}
nav .top .right .button:hover{background:#ffca03;color:#000;border-color:#ffca03}
nav .top .right .langs{position:relative;display:inline-block;margin-left:10px;background:#3c3c3b;text-align:left;}
nav .top .right .langs ul{position:absolute;top:100%;width:auto;min-width:150px;background:#3c3c3b;opacity:0;visibility:hidden;transition:all 0.2s}
nav .top .right .langs a{color:#cbcaca;transition:all 0.3s;height:40px;display:block;line-height:40px;padding:0 10px;letter-spacing:2px;position:relative;text-transform:uppercase;font-weight:900;font-size:11px;}
nav .top .right .langs a img{margin-right:11px;width:20px;vertical-align:-3px;}
nav .top .right .langs > a:after{content:">";transform:rotate(90deg);color:#cbcaca;position:absolute;right:-10px;}
nav .top .right .langs:hover ul{opacity:1;visibility:visible;z-index:12;}
nav .bottom{background:#202020;padding:00px 0;}
nav .bottom{position:relative;width:100%;z-index:11;}
nav .bottom .logo{text-align:left;display:table-cell;padding-top:11px;}
nav .bottom .logo img{max-width:246px;width:100%;}
nav .bottom .container-fluid{position:relative;width:100%;}
nav .bottom .container-fluid .row{display:table;width:100%}
nav .bottom ul{list-style:none;padding-left:0;margin-left:0;}
nav .bottom ul li{padding-left:0;margin-left:0}
nav .bottom ul.principal{text-align:right;vertical-align:top;position:relative;background:#202020;z-index:1;display:table-cell;}
nav .bottom ul.principal > li{display:inline-block;}
nav .bottom ul.principal > li > a{color:#FFF;text-decoration:none;letter-spacing:2px;text-transform:uppercase;padding:27px 2.1vw;display:inline-block;font-size:13px;position:relative;transition:color 0.3s;font-weight:bold;position:relative;}
nav .bottom ul.principal > li > a:after{content:" ";display:block;height:20px;width:1px;background:#5b5b5b;position:absolute;right:0;top:50%;margin-top:-10px;}
nav .bottom ul.principal > li:last-child > a:after{display:none}
nav .bottom ul.principal > li:last-child > a{padding-right:0}
nav .bottom ul.principal > li > a:hover,nav .bottom ul.principal > li.hover > a{color:#ffca03}
nav .bottom ul.principal > li.hover ul.sub{visibility:visible;opacity:1;}
nav .bottom ul.principal > li.hover:after{content:" ";display:block;height:20px;width:100%;position:absolute;background:transparent;bottom:-1px;left:0%;z-index:8;}
nav .bottom ul.sub{box-shadow:4px 15px 20px rgba(0, 0, 0, 0.14);min-width:950px;opacity:0;transition:opacity 0.35s ease-in}
nav .bottom ul.sub .right:after{content:" ";display:block;width:50px;height:100%;position:absolute;left:-50px;top:0;background:transparent}
nav .bottom ul.sub .right:before{content:" ";display:block;right:-50px;height:50px;position:absolute;bottom:-50px;left:-50px;background:transparent}
nav .bottom ul.sub,nav .bottom ul.sub .right{min-height:217px;}
nav .bottom ul.sub{position:absolute;transition:opacity 0.55s;display:table;visibility:hidden;margin-left:0;min-height:35vh;vertical-align:middle;opacity:0;background:#FFF;padding-left:350px;right:-14px;top:100%;}
nav .bottom ul.sub:after{content:" ";display:block;width:1px;height:100%;background:#f3f3f3;position:absolute;left:0;top:0;}
nav .bottom ul.sub:before{content:" ";display:block;width:100%;height:1px;background:#f3f3f3;position:absolute;left:0;bottom:0;}
nav .bottom ul.sub .left{position:absolute;left:0;display:block;overflow:hidden;width:350px;height:100%;top:0;}
nav .bottom ul.sub .left .img,nav .bottom ul.sub .left .hoverImg{position:absolute;bottom:0;right:0;top:0;left:0;z-index:1;}
nav .bottom ul.sub .left .hoverImg{z-index:2;opacity:0;transition:opacity 0.3s cubic-bezier(0.545, 0.005, 0.270, 0.995);}
nav .bottom ul.sub .left .hoverImg.showit{opacity:1}
nav .bottom ul.sub .right{padding:20px 6px;position:relative;display:table-cell;vertical-align:middle;text-align:center}
nav .bottom ul.sub .right .column{min-width:150px;height:100%;display:inline-block;padding:0 25px;border-right:2px solid #e5e5e5;text-align:left;vertical-align:top;}
nav .bottom ul.sub .right .containerColumn{display:table}
nav .bottom ul.sub .right .column:last-child{border-right:0}
nav .bottom ul.sub:after{content:" ";display:block;clear:both;}
nav .bottom ul.sub .right .column > li{padding-bottom:0;margin-bottom:0}
nav .bottom ul.sub .right .column > li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
nav .bottom ul.sub .right .column > li > a{color:#808080;display:inline-block;padding-bottom:13px;font-size:15px;}
nav .bottom ul.sub .right .column > li > a:hover{color:#ffca03}
@media(max-width:1250px){}
@media(max-width:1350px){
nav .top .col-sm-3{width:15%}
nav .top .col-sm-9{width:85%}
nav .bottom ul.principal > li > a{letter-spacing:1px;}
nav .bottom .logo{padding-top:22px;}
nav .bottom .logo img{width:212px;}
}
@media(max-width:1245px){
nav .bottom ul.principal > li > a{font-size:12px}
nav .top .right .button{font-size:12px}
nav .bottom ul.principal > li > a{padding:27px 15px;}
}
@media(max-width:1060px){
nav .bottom ul.sub{box-shadow:4px 15px 20px rgba(0, 0, 0, 0.14);min-width:780px;padding-left:200px}
nav .bottom ul.sub .left{width:25%}
nav .bottom ul.principal > li > a{padding:27px 9px;}
nav .bottom ul.principal{padding-right:0}
}
@media(max-width:1000px){
nav .bottom ul.principal > li > a{font-size:11px;}
nav .top .right ul.principal li{font-size:10px;margin:0 7px}
nav .top .right .button{font-size:11px}
nav .bottom ul.principal > li > a{font-size:11px}
nav .bottom .logo{padding-top:20px;}
nav .bottom .logo img{width:150px;}
}
@media(max-width:890px){
nav .bottom ul.principal > li > a{letter-spacing:0px;}
}
#header1{height:70vh;width:100%;line-height:70vh;margin-bottom:20px;position:relative;text-align:center}
#header1:before{content:" ";display:block;position:absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:0.4;}
#header1 h1{position:relative;z-index:5;color:#FFF;text-align:center;font-weight:bold;font-size:54px;display:inline-block;width:100%;line-height:54px;}
#header1 h1{max-width:660px;}
#BlogSingle #header1{height:350px;line-height:350px;}
#BlogSingle #header1:before{opacity:0.6;}
#BlogSingle #header1 h1{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.40);padding:0 15px;display:inline-block}
.containerCover{position:absolute;top:0;left:0;width:100%;height:100%;}
.containerCover img{position:absolute;left:0;top:0;}
#carousel{}
#carousel .container-fluid .rightBloc .slider{margin:auto 0;width:100%;}
#carousel .container-fluid .rightBloc .slider .element{display:none}
#carousel .container-fluid .rightBloc .slider .element:first-child{display:block}
#carousel .container-fluid .rightBloc .slider.slick-initialized .element{display:block}
#carousel .element:focus{outline:0}
#carousel .leftBloc{width:70%;float:left;position:relative}
#carousel .leftBloc .element{height:unset!important;}
#carousel .leftBloc .element img{width:100%;height:100%;object-fit:cover}
#carousel .leftBloc a.left,#carousel .leftBloc a.right{width:36px;height:36px;cursor:pointer;border:1px solid #FFF;line-height:34px;text-align:center;display:block;position:absolute;top:50%;margin-top:-18px;z-index:10;background:#ffca03;border-color:#ffca03}
#carousel .leftBloc a.left{left:50px;}
#carousel .leftBloc a.right{right:50px}
#carousel .leftBloc a svg, #Carousel .containerArrow a .svg{width:10px;height:10px}
#carousel .leftBloc svg path{transition:all 0.3s;}
#carousel .leftBloc a:hover{background:transparent;border-color:#FFF}
#carousel .leftBloc .slick-dots{display:block;position:absolute;bottom:16px;text-align:center;width:100%}
#carousel .leftBloc .slick-dots li{width:9px;background:#FFF;border-radius:100%;display:inline-block;height:9px;margin:0 4px;position:relative;transition:all 0.3s;}
#carousel .leftBloc .slick-dots li button{text-indent:-999999px;background:transparent;border:0;position:absolute;width:100%;top:50%;margin-top:-10px;left:0}
#carousel .leftBloc .slick-dots li.slick-active{background:#ffca03}
#carousel .rightBloc{width:30%;background:#ffca03;float:left}
#carousel .rightBloc .table{display:table;width:100%}
#carousel .rightBloc .table .cell{display:table-cell;vertical-align:middle;text-align:center;padding:0 15px}
#carousel .rightBloc .titre{font-size:53px;font-family:'Bebas Beue';display:block;width:100%;color:#FFF;line-height:50px;max-width:660px;margin-left:auto;margin-right:auto}
#carousel .rightBloc .button1{margin-top:20px}
#carousel .rightBloc .button1:hover{border-color:#FFF;background:#FFF;color:#ffca03}
#carousel .leftBloc .slick-track, #carousel>.container-fluid>.row>.col, #carousel .rightBloc{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
@media(max-width:1170px){
#carousel .leftBloc{width:60%;}
#carousel .rightBloc{width:40%;}
#carousel .rightBloc .titre{font-size:43px;line-height:45px;}
}
@media(max-width:1000px){
#carousel .rightBloc .titre{font-size:33px;line-height:35px;}
} #Accueil{padding-bottom:0;}
#Accueil #mis_en_avant{margin-top:3px;}
#Accueil #mis_en_avant .element{position:relative;min-height:200px;display:block;height:22vw;overflow:hidden;position:relative;}
#Accueil #mis_en_avant .element .image{overflow:hidden;height:100%;position:absolute;top:15px;right:5px;left:5px;z-index:1;}
#Accueil #mis_en_avant .element .image:before{content:" ";transition:all 0.2s;display:block;width:100%;height:100%;background:#000;opacity:0.3;position:absolute;top:0;z-index:2;left:0;}
#Accueil #mis_en_avant .element .in{display:table;height:100%;position:relative;z-index:2;width:100%}
#Accueil #mis_en_avant .element .in .text{display:table-cell;vertical-align:middle;padding-top:40px;text-align:center;}
#Accueil #mis_en_avant .element .in .text .titre{font-size:44px;font-family:'Bebas Beue';font-weight:bold;letter-spacing:2px;color:#FFF;line-height:44px;}
#Accueil #mis_en_avant .element .in .text .button1{margin-top:13px;padding:7px 10px;}
#Accueil #mis_en_avant .element:hover .image:before{opacity:0.6}
#Accueil #apropos{margin-top:35px;position:relative;}
#Accueil #apropos:after{content:" ";display:none;height:100%;width:100vw;left:50%;top:0;position:absolute;background:#ffca03;z-index:0}
#Accueil #apropos .container-fluid{position:relative;background:#ffca03;z-index:2}
#Accueil #apropos .left{height:100%;position:absolute;z-index:2;height:100%;}
#Accueil #apropos .left .element{overflow:hidden;width:100%;position:relative;height:100%}
#Accueil #apropos .left .slick-slider{position:absolute;width:100%;height:100%;height:100%;top:0;left:-15px;}
#Accueil #apropos .left .slick-slider .slick-track, #Accueil #apropos .left .slick-slider .slick-list{position:absolute;height:100%;width:100%;}
#Accueil #apropos .left .slider .element{overflow:hidden;height:100%;position:relative;top:0;right:0;left:0;z-index:1;}
#Accueil #apropos .left .slider .element img{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%);transform-origin:center;min-height:100%;min-width:100%;}
#Accueil #apropos .left .slick-arrow{display:none !important}
#Accueil #apropos .left .slick-dots{display:block;position:absolute;bottom:16px;text-align:center;width:100%}
#Accueil #apropos .left .slick-dots li{width:9px;background:#FFF;border-radius:100%;display:inline-block;height:9px;margin:0 4px;position:relative;transition:all 0.3s;}
#Accueil #apropos .left .slick-dots li button{text-indent:-999999px;background:transparent;border:0;position:absolute;width:100%;top:50%;margin-top:-10px;left:0}
#Accueil #apropos .left li.slick-active{background:#3c3c3b}
#Accueil #apropos .right{width:50v;padding:70px 30px 70px 30px;margin-left:50vw;z-index:1;}
#Accueil #apropos .right .in{max-width:600px;margin:0 auto;}
#Accueil #apropos .right img{}
#Accueil #apropos .right h2{font-size:36px;font-weight:400;text-transform:uppercase;margin-bottom:40px;}
#Accueil #apropos .right h2 strong{font-weight:bold;}
#Accueil #apropos .right p{font-size:15px;line-height:17px;}
#Accueil #apropos .right .button1{margin-top:40px}
#Accueil #reassurance{padding-bottom:50px;position:relative;z-index:5;}
#Accueil #reassurance .liste{margin-top:70px;text-align:center;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;grid-gap:55px;gap:55px;}
#Accueil #reassurance .liste .element{position:relative;vertical-align:top;max-width:210px;display:inline-block;}
#Accueil #reassurance .liste .element .img{width:118px;height:125px;display:table;background:#ffca03;text-align:center;margin:0 auto;margin-bottom:30px;}
#Accueil #reassurance .liste .element .img .in{display:table-cell;vertical-align:middle;}
#Accueil #reassurance .liste .element .img .in img{width:60px}
#Accueil #reassurance .liste .element .img.noBackground{background:rgba(0,0,0,0);}
#Accueil #reassurance .liste .element .img.noBackground .in img{width:100%;height:100%;object-fit:contain;}
#Accueil #reassurance .liste .element .titre{font-size:18px;font-weight:900;text-transform:uppercase;margin-bottom:10px;color:#3c3c3b;}
#Accueil #reassurance .liste .element .description{color:#858585;font-size:13px;line-height:16px;font-weight:300;}
#Accueil #reassurance .buttons{text-align:center;margin:70px auto 0;}
#Accueil #reassurance .buttons a{margin:0 10px;}
#Accueil #actualites{position:relative;padding-top:50px;}
#Accueil #actualites:before{content:" ";display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.2;background:url(//www.metalu-plast.com/wp-content/themes/metaluplast/img/textures/pattern.jpg) repeat;}
#Accueil #actualites .container-fluid{position:relative;z-index:2}
#Accueil #actualites .liste{width:100%;margin-top:45px;margin-left:0;padding-right:18px;margin-right:0;}
#Accueil #actualites .element{position:relative;display:block;padding-left:10;padding-right:5px;cursor:pointer;}
#Accueil #actualites .element .text{padding:20px 20px 40px 20px;background:#f4f4f4;transition:all 0.4s;}
#Accueil #actualites .element .img{position:relative;overflow:hidden;width:100%;height:390px;}
#Accueil #actualites .element .img img{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%);transform-origin:center;min-height:100%;min-width:100%;}
#Accueil #actualites .element .titre{font-size:24px;color:#3c3c3b;font-weight:900;height:50px;transition:all 0.3s}
#Accueil #actualites .element .date{margin-top:15px;margin-bottom:15px;transition:all 0.3s}
#Accueil #actualites .element .date svg,#Accueil #actualites .element .date .svg{width:11px;height:11px;vertical-align:-2px;margin-right:5px;}
#Accueil #actualites .element .date svg path{fill:#ffca03;transition:all 0.3s}
#Accueil #actualites .element .date{color:#c5c5c4;font-size:11px;}
#Accueil #actualites .element p{color:#858585;font-size:18px;margin-top:10px;height:90px;transition:all 0.3s}
#Accueil #actualites .element:hover .text{background:#ffca03}
#Accueil #actualites .element:hover .titre{color:#FFF;}
#Accueil #actualites .element:hover .date{color:#FFF}
#Accueil #actualites .element:hover .date svg path{fill:#FFF;}
#Accueil #actualites .element:hover p{color:#FFF}
#Accueil #actualites .element:hover .button1{color:#FFF;border-color:#FFF}
#Accueil #actualites .element:hover .button1:hover{color:#ffca03;background:#FFF}
#ProduitsCat{}
#ProduitsCat #carousel{margin-bottom:50px;}
#ProduitsCat #intro{}
#ProduitsCat #intro .contentBuilder{margin-top:15px;max-width:950px;margin:0 auto}
#ProduitsCat #listechilds{margin-bottom:40px}
#ProduitsCat #listechilds .container-fluid{padding-left:0;padding-right:0}
#ProduitsCat #listechilds .element{position:relative;height:30vh;height:calc(33vh - 37px);min-height:200px;cursor:pointer;display:block;margin-bottom:40px;}
#ProduitsCat #listechilds .element .titre{font-size:15px;font-weight:900;color:#FFF;position:absolute;z-index:10;text-align:center;padding:10px 15px;background:rgba(33, 33, 33, 0.9);bottom:1px;left:1px;right:1px;color:#FFF;line-height:17px;margin-left:auto;margin-top:15px;margin-right:auto;transition:all 0.15s ease-in-out}
#ProduitsCat #listechilds .element .image{position:absolute;top:1px;left:1px;right:1px;bottom:1px;background:#000;display:block;overflow:hidden;z-index:2;}
#ProduitsCat #listechilds .element .image img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;opacity:1;transition:all 0.5s ease-in-out}
#ProduitsCat #listechilds .element .image:after{content:" ";display:block;width:50px;height:50px;background:url(//www.metalu-plast.com/wp-content/themes/metaluplast/img/pictos/loupe.svg?v=3);position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-40px;z-index:4;transition:all 0.15s;opacity:0;}
#ProduitsCat #listechilds .element:hover .image img{opacity:0.6}
#ProduitsCat #listechilds .element:hover .titre{padding-top:15px;padding-bottom:15px;background:#ffca03;}
#ProduitsCat #listechilds .element:hover .image:after{opacity:1}
#ProduitsCat #listeproduits{margin-top:0;margin-bottom:40px;}
#ProduitsCat #listeproduits .container-fluid{}
#ProduitsCat #listeproduits .element{position:relative;height:30vh;height:calc(33vh - 40px);min-height:200px;cursor:pointer;display:block;margin-bottom:40px;}
#ProduitsCat #listeproduits .element .titre{font-size:15px;font-weight:900;color:#FFF;position:absolute;z-index:10;text-align:center;padding:10px 15px;background:rgba(33, 33, 33, 0.9);bottom:1px;left:1px;right:1px;color:#FFF;line-height:17px;margin-left:auto;margin-top:15px;margin-right:auto;transition:all 0.15s ease-in-out}
#ProduitsCat #listeproduits .element .reference{font-size:14px;font-weight:400;color:#FFF;margin-top:7px;}
#ProduitsCat #listeproduits .element .image{position:absolute;background:#000;top:1px;left:1px;right:1px;bottom:1px;display:block;overflow:hidden;z-index:2;}
#ProduitsCat #listeproduits .element .image img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;opacity:1;transition:all 0.15s ease-in-out}
#ProduitsCat #listeproduits .element .image:after{content:" ";display:block;width:50px;height:50px;background:url(//www.metalu-plast.com/wp-content/themes/metaluplast/img/pictos/loupe.svg?v=3);position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-40px;z-index:4;transition:all 0.15s;opacity:0;}
#ProduitsCat #listeproduits .element:hover .image img{opacity:0.6}
#ProduitsCat #listeproduits .element:hover .image:after{opacity:1}
#ProduitsCat #listeproduits .element:hover .titre{padding-top:15px;padding-bottom:15px;background:#ffca03;}
#ProduitSingle{}
#ProduitSingle #intro{}
#ProduitSingle #intro .cat{font-size:18px;text-transform:uppercase;color:#3c3c3b;}
#ProduitSingle #head{margin-bottom:75px;}
#ProduitSingle #head .left{padding-left:0;line-height:38px;}
#ProduitSingle #head .left .slick-slider{position:relative;width:100%;height:65vw;z-index:2;top:0;max-height:calc(100vh - 240px);left:0;}
#ProduitSingle #head .left .slick-slider .slick-track, #Accueil #apropos .left .slick-slider .slick-list{position:absolute;height:100%;width:100%;}
#ProduitSingle #head .left .slick-slider .slick-list{height:100%}
#ProduitSingle #head .left .slider .element{overflow:hidden;height:100%;position:relative;top:0;right:0;left:0;z-index:1;}
#ProduitSingle #head .left .slider .image{position:relative;overflow:hidden}
#ProduitSingle #head .left .slick-arrow{display:none !important}
#ProduitSingle #head .left .in{position:relative}
#ProduitSingle #head .left .slick-dots{display:block;}
#ProduitSingle #head .left .slick-dots li{width:9px;background:#ebebeb;border-radius:100%;display:inline-block;height:9px;margin:0 4px;position:relative;transition:all 0.3s;}
#ProduitSingle #head .left .slick-dots li button{text-indent:-999999px;background:transparent;border:0;position:absolute;width:100%;top:50%;margin-top:-10px;left:0}
#ProduitSingle #head .left li.slick-active{background:#ffca03}
#ProduitSingle #head .left .containerCoverNew{position:relative;height:100%}
#ProduitSingle #head .left .containerCoverNew img{width:100%;height:100%;object-fit:cover}
#ProduitSingle #head .left .dots{z-index:999;display:block;vertical-align:4px;text-align:center;position:absolute;bottom:0;width:100%;left:0;}
#ProduitSingle #head .left a.arrow{display:block !important;transition:all 0.2s ease-in;width:38px;margin-left:7px;height:38px;z-index:99;line-height:38px;background:#F4CB02;border:1px solid #F4CB02;text-align:center;position:absolute;top:50%;}
#ProduitSingle #head .left a.arrow svg{width:10px;height:10px;position:absolute;left:50%;margin-left:-5px;top:50%;margin-top:-6px;}
#ProduitSingle #head .left a.arrow svg path{fill:#FFF;transition:all 0.2s ease-in;}
#ProduitSingle #head .left a.arrow.arrowRight{left:inherit;right:7px;}
#ProduitSingle #head .left a.arrow:hover{background:#FFF}
#ProduitSingle #head .left a.arrow:hover svg path{fill:#F4CB02}
#ProduitSingle #head .right{padding-left:15px;padding-right:45px}
#ProduitSingle #head .right .title2{}
#ProduitSingle #head .right .cat{font-size:18px;text-transform:uppercase;color:#3c3c3b;display:block;margin-bottom:12px;}
#ProduitSingle #head .right .intro{font-size:14px;color:#000;font-weight:400;font-style:italic;line-height:18px;}
#ProduitSingle #head .right .pointforts{list-style-type:disc;padding-left:0;padding-bottom:0px;}
#ProduitSingle #head .right .pointforts li{font-size:17px;font-weight:bold;margin-left:15px;color:#000;line-height:19px;margin-bottom:7px}
#ProduitSingle #head .right .titre{font-size:18px;font-weight:bold;text-transform:uppercase;color:#3C3C3B;margin-top:30px;position:relative;width:100%;padding:15px 0;}
#ProduitSingle #head .right .titre:before{content:" ";display:block;width:100%;height:1px;background:#EBEBEB;position:absolute;top:0;left:0}
#ProduitSingle #head .right .titre:after{content:" ";display:block;width:100%;height:1px;background:#EBEBEB;position:absolute;bottom:0;left:0}
#ProduitSingle #head .right .contenu{font-size:15px;color:#858585;line-height:18px;margin-top:20px;line-height:19px;text-align:justify}
#ProduitSingle #head .right .contenu strong{font-weight:bold;color:#5c5c5c}
#ProduitSingle #head .right .contenu.second ul{list-style:disc;margin-left:15px;padding-left:10px}
#ProduitSingle .associated{margin-bottom:50px;}
#ProduitSingle .associated .title3{padding-left:84px}
#ProduitSingle .associated .container-fluid{position:relative}
#ProduitSingle .associated .container-fluid .slide{position:relative;margin-top:40px;padding-left:77px;padding-right:77px;height:396px;}
#ProduitSingle .associated .container-fluid .slide a.arrow{display:block;display:inline-block !important;width:38px;height:38px;z-index:5;line-height:38px;border:1px solid #3c3c3b;text-align:center;position:relative;}
#ProduitSingle .associated .container-fluid .slide a.arrow svg, #ProduitSingle .associated .container .slide a.arrow .svg{width:10px;height:10px;position:absolute;left:50%;margin-left:-5px;top:50%;margin-top:-7px;}
#ProduitSingle .associated .container-fluid .slide a.arrow svg path{fill:#3c3c3b;}
#ProduitSingle .associated .container-fluid .slide a.arrow:hover{background:#3c3c3b;transition:all 0.3s}
#ProduitSingle .associated .container-fluid .slide a.arrow:hover svg path{fill:#fff;}
#ProduitSingle .associated .container-fluid .slide a.arrow.arrowleft{position:absolute;left:10px;top:50%;margin-top:-15px;}
#ProduitSingle .associated .container-fluid .slide a.arrow.arrowright{position:absolute;right:10px;top:50%;margin-top:-15px;}
#ProduitSingle .associated .container-fluid .slide a.arrow.slick-hidden{opacity:0;visibility:hidden}
#ProduitSingle .associated .slick-slider{position:relative;width:100%;height:100%;top:0;left:0;}
#ProduitSingle .associated .slide .slick-track, #Accueil #apropos .left .slick-slider .slick-list{position:absolute;height:100%;width:100%;}
#ProduitSingle .associated .slide .slick-list{height:100%}
#ProduitSingle .associated .slide .element{position:relative;width:30vw;z-index:1;width:25%;padding:0 10px;}
#ProduitSingle .associated .slide .element .containerCoverNew{position:relative;height:350px;}
#ProduitSingle .associated .slide .element .text{}
#ProduitSingle .associated .slide .element .titre{text-transform:uppercase;line-height:13px;font-size:11px;font-weight:900;color:#3c3c3b;margin-top:15px;}
#Engagements{}
#Engagements #liste .element{padding:0 0 50px 0;margin:50px 0 0;border-bottom:1px solid #CBCBCB}
#Engagements #liste .element:last-child{border-bottom:0}
#Engagements #liste .title3, #Engagements #liste .contenu{max-width:1000px;margin:0 auto;padding:0 20px}
#Engagements #liste .contenu{color:#000;font-size:17px;line-height:22px;margin-top:24px}
#Engagements #liste .contenu strong{font-weight:bold;}
#Engagements #liste ul{padding-left:15px;}
#Engagements #liste ul li:before{content:"•";position:absolute;display:block;left:0;top:0px;margin-right:4px;color:#000}
#Engagements #liste ul li{padding-left:15px;position:relative}
#Apropos{}
#Apropos #intro .contenu{font-size:19px;color:#9B9A9A;line-height:24px}
#Apropos p{text-align:justify}
#Apropos #histoire{position:relative}
#Apropos #histoire:before{content:" ";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0.5;z-index:1}
#Apropos #histoire .container{position:relative;z-index:2}
#Apropos #histoire .contenu{color:#FFF;font-size:19px;line-height:24px}
#Apropos #histoire .liste{max-width:700px;margin:84px auto 0;color:#FFF}
#Apropos #histoire .liste .element{margin-bottom:20px}
#Apropos #histoire .liste .element .anne{display:inline-block;font-size:30px;padding-right:20px}
#Apropos #histoire .liste .element .text{display:inline-block;font-size:15px}
#Apropos #valeurs{padding-right:25px}
#Apropos #valeurs .container .title2{text-align:center;width:100%;margin-bottom:10px;}
#Apropos #valeurs .container .contenu{text-align:center;font-size:19px;line-height:24px}
#Apropos #valeurs .bottom{margin-top:84px}
#Apropos #valeurs .bottom .left img{width:100%}
#Apropos #valeurs .bottom .liste{margin-top:30px;}
#Apropos #valeurs .bottom .liste .element{margin-bottom:60px;}
#Apropos #valeurs .bottom .liste .titre{text-transform:uppercase;font-size:21px;margin-bottom:20px}
#Apropos #valeurs .bottom .liste p.text{color:#858585;font-size:16px;padding-right:35px;line-height:17px}
#Apropos #madeinfrance{position:relative;background-attachment:fixed;}
#Apropos #madeinfrance:before{content:" ";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#000;opacity:0.3;z-index:1}
#Apropos #madeinfrance .container{position:relative;z-index:2}
#Apropos #madeinfrance .contenu{color:#FFF;font-size:19px;line-height:24px}
#Apropos #team{}
#Apropos #team .title2{text-align:center;width:100%;}
#Apropos #team .contenu{font-weight:bold;text-align:center;width:100%;}
#Apropos #team .contenu p{text-align:center}
#Apropos #team .liste{margin-top:35px;position:relative}
#Apropos #team .left.slider{height:100%;position:absolute;left:0;top:0;width:41.66666667%;}
#Apropos #team .left.slider .slick-list{height:100% !important}
#Apropos #team .left.slider .slick-list .slick-track{height:100%}
#Apropos #team .left.slider .element{height:100%}
#Apropos #team .right.slider{background:#FFCA03;padding:74px 65px;margin-left:41.66666667%;}
#Apropos #team .right.slider .element{height:100%;color:#3C3C3B;padding-right:35px;}
#Apropos #team .right.slider .element .titre{font-size:30px;font-weight:bold;text-transform:uppercase;margin-bottom:15px}
#Apropos #team .right.slider .element .contenu{text-align:left;font-size:15px;line-height:16px}
#Apropos #team .right.slider .element .contenu p{padding:10px 0}
#Apropos #team .right.slider .element .contenu strong{font-size:22px;}
#Apropos #team .right.slider .element .contenu ul li{margin-bottom:6px}
#Apropos #team .right.slider .element .contenu ul li:before{content:">";margin-right:4px;}
#Apropos #team .liste .dots{position:absolute;bottom:10px;left:0;z-index:9;width:100%;text-align:center}
#Apropos #team .liste .slick-dots{display:block;}
#Apropos #team .liste .slick-dots li{width:9px;background:#FFF;border-radius:100%;display:inline-block;height:9px;margin:0 4px;position:relative;transition:all 0.3s;}
#Apropos #team .liste .slick-dots li button{text-indent:-999999px;background:transparent;border:0;position:absolute;width:100%;top:50%;margin-top:-10px;left:0}
#Apropos #team .liste li.slick-active{background:#3C3C3B}
#Apropos #team .liste a.arrow{display:block !important;width:38px;margin-left:10px;left:15px;height:38px;z-index:99;line-height:38px;border:1px solid #3C3C3B;text-align:center;position:absolute;top:50%;}
#Apropos #team .liste a.arrow svg{width:10px;height:10px;position:absolute;left:50%;margin-left:-5px;top:50%;margin-top:-7px;}
#Apropos #team .liste a.arrow svg path{fill:#3C3C3B;}
#Apropos #team .liste a.arrow.arrowright{left:inherit;right:15px;}
#Apropos #chiffres{text-align:center}
#Apropos #chiffres .title2{text-align:center;width:100%;margin-bottom:54px}
#Apropos #chiffres .element{padding:25px 10px;border-bottom:1px solid #CBCBCB;border-right:1px solid #CBCBCB;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%;}
#Apropos #chiffres .element:nth-child(5n){border-right:0}
#Apropos #chiffres .element .chiffre{font-size:30px;font-weight:bold;}
#Apropos #chiffres .element .text{font-size:14px;margin-top:15px;line-height:16px;text-align:center}
#Apropos #chiffres .element.lastLigne{border-bottom:0}
#Apropos #chiffres .liste{display:flex;flex-wrap:wrap;}
#Contact #intro{}
#Contact #intro .title2{color:#3C3C3B;margin-bottom:0;}
#Contact #intro p{font-style:italic;font-weight:bold;margin-top:15px;font-size:18px;}
#Contact .left form{margin-top:45px;position:relative}
#Contact .left .valide{position:absolute;left:0;top:40%;text-align:center;width:100%;font-weight:bold;font-size:14px;display:none}
#Contact .left input[type=text],
#Contact .left select{width:100%;border:1px solid #D8D8D8;padding:14px 14px;margin-bottom:15px;}
#Contact .left select{padding:13px 14px;}
#Contact .left input[type=text].error,
#Contact .left select.error{border:1px solid #c51313;}
#Contact .left input[type=text]::placeholder,
#Contact .left select{font-weight:700;text-transform:uppercase;color:#b9b9b9;letter-spacing:2px}
#Contact .left textarea{width:100%;border:1px solid #D8D8D8;padding:14px 14px;margin-bottom:15px;height:170px}
#Contact .left textarea::placeholder{font-weight:700;text-transform:uppercase;color:#b9b9b9;letter-spacing:2px}
#Contact .left textarea .error{border:1px solid #c51313;}
#Contact .left #informations{padding-left:50px;margin-top:40px;}
#Contact .left #informations .titre{font-weight:400;margin-bottom:40px;font-size:22px;text-transform:uppercase;color:#3C3C3B;}
#Contact .left #informations .element{position:relative;padding-left:40px;margin-bottom:25px}
#Contact .left #informations img{max-width:20px;max-height:20px;position:absolute;left:10px;top:0}
#Contact .left #informations .texte{display:inline;}
#Contact .left #informations .texte p{display:inline-block;font-size:11px;color:#3C3C3B;font-weight:bold;font-size:18px;color:#3C3C3B;line-height:24px;}
#Contact .left #informations .texte p strong{color:#000}
#Contact .left .gdpr{position:relative;font-size:10px;color:gray;margin-bottom:20px}
#Contact .left .gdpr a{color:#000}
#Contact .left .gdpr input{position:absolute;left:10px;}
#Contact .right{height:100vh;height:calc(100vh - 175px);}
#Contact .right #map{position:absolute;left:0;top:0;width:100%;height:100%}
#Contact .right .make-me-sticky{height:200px;width:100%;}
#blocSeo{position:relative}
#blocSeo .container{position:relative;margin-top:20px;padding-top:30px;max-width:1080px;padding-bottom:30px;}
#blocSeo .container:before{content:" ";display:block;;width:100%;height:1px;background:#ebebeb;top:0;left:0;position:absolute;}
#blocSeo .container:after{content:" ";display:block;;width:100%;height:1px;background:#ebebeb;bottom:0;left:0;position:absolute;}
#blocSeo .container h2{font-size:18px;color:#3c3c3b;text-transform:uppercase;}
#blocSeo .container .contenu{margin-top:25px;text-align:justify}
#blocSeo .container p{color:#858585;font-size:14px;font-style:italic;line-height:16px;}
#blocSeo .container p strong{font-weight:bold;}
#Blog{}
#Blog #left{}
#Blog #left .close{display:none}
#Blog #left > ul > li{margin-bottom:15px}
#Blog #left > ul > li > a{display:block;background:#ffca03;color:#FFF;font-weight:700;font-size:14px;padding:5px;text-transform:uppercase;}
#Blog #left ul{margin-bottom:40px}
#Blog #left > ul li li{margin-top:15px;padding-left:5px}
#Blog #left > ul li li a{color:#3c3c3b;text-transform:uppercase;}
#Blog #left > ul li li a:hover,#Blog #left > ul li li a.active{color:#ffca03}
#Blog #right{position:relative;}
#Blog #right .container-fluid{position:relative;z-index:2}
#Blog #right .element{position:relative;display:block;padding-left:5px;padding-right:5px;cursor:pointer;cursor:pointer;margin-bottom:35px}
#Blog #right .element .text{padding:20px 20px 40px 20px;background:#f4f4f4;transition:all 0.4s;min-height:270px;position:relative}
#Blog #right .element .text .button1{position:absolute;bottom:30px;left:20px;}
#Blog #right .element .img{position:relative;overflow:hidden;width:100%;min-height:200px;height:18vw;}
#Blog #right .element .img img{object-fit:cover;width:100%;height:100%}
#Blog #right .element .titre{font-size:22px;color:#3c3c3b;font-weight:900;transition:all 0.3s;}
#Blog #right .element .date{margin-top:15px;margin-bottom:15px;transition:all 0.3s}
#Blog #right .element .date svg,#Blog #right .element .date .svg{width:11px;height:11px;vertical-align:-2px;margin-right:5px;}
#Blog #right .element .date svg path{fill:#ffca03;transition:all 0.3s}
#Blog #right .element .date{color:#c5c5c4;font-size:11px;}
#Blog #right .element p{color:#858585;font-size:18px;margin-top:10px;line-height:21px;transition:all 0.3s;}
#Blog #right .element:hover .text{background:#ffca03}
#Blog #right .element:hover .titre{color:#FFF}
#Blog #right .element:hover .date{color:#FFF}
#Blog #right .element:hover .date svg path{fill:#FFF;}
#Blog #right .element:hover p{color:#FFF}
#Blog #right .element:hover .button1{color:#FFF;border-color:#FFF}
#Blog #right .element:hover .button1:hover{color:#ffca03;background:#FFF}
#Blog #right .navigation{margin:0 auto}
#Blog #right .navigation .title{display:none}
#Blog #right .navigation .wp-paginate{text-align:center}
#Blog #right .navigation .wp-paginate a{color:#b0b0b0;border:1px solid #b0b0b0;background:#FFF;font-size:14px;}
#Blog #right .navigation .wp-paginate .current,#Blog #right .navigation .wp-paginate a:hover{font-size:14px;background:#FFF;color:#000;border-color:#000;}
#BlogSingle{}
#BlogSingle #content{max-width:950px;margin:45px auto 0}
#BlogSingle #actualites{position:relative;padding-top:50px;}
#BlogSingle #actualites .container-fluid{position:relative;z-index:2}
#BlogSingle #actualites .liste{width:100%;margin-top:45px;margin-left:5px;margin-right:5px;}
#BlogSingle #actualites .element{position:relative;display:block;padding-left:5px;padding-right:5px;cursor:pointer;}
#BlogSingle #actualites .element .text{padding:20px 20px 40px 20px;background:#f4f4f4;transition:all 0.4s}
#BlogSingle #actualites .element .img{position:relative;overflow:hidden;width:100%;height:390px;}
#BlogSingle #actualites .element .img img{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%);transform-origin:center;min-height:100%;min-width:100%;}
#BlogSingle #actualites .element .titre{font-size:24px;color:#3c3c3b;font-weight:900;height:50px;transition:all 0.3s}
#BlogSingle #actualites .element .date{margin-top:15px;margin-bottom:15px;transition:all 0.3s}
#BlogSingle #actualites .element .date svg,#BlogSingle #actualites .element .date .svg{width:11px;height:11px;vertical-align:-2px;margin-right:5px;}
#BlogSingle #actualites .element .date svg path{fill:#ffca03;transition:all 0.3s}
#BlogSingle #actualites .element .date{color:#c5c5c4;font-size:11px;}
#BlogSingle #actualites .element p{color:#858585;font-size:18px;margin-top:10px;height:90px;transition:all 0.3s;line-height:22px}
#BlogSingle #actualites .element:hover .text{background:#ffca03}
#BlogSingle #actualites .element:hover .titre{color:#FFF}
#BlogSingle #actualites .element:hover .date{color:#FFF}
#BlogSingle #actualites .element:hover .date svg path{fill:#FFF;}
#BlogSingle #actualites .element:hover p{color:#FFF}
#BlogSingle #actualites .element:hover .button1{color:#FFF;border-color:#FFF}
#BlogSingle #actualites .element:hover .button1:hover{color:#ffca03;background:#FFF}
.contentBuilder{color:#1d1d1b;}
.contentBuilder p{font-size:17px;line-height:23px;margin-bottom:25px;text-align:justify}
.contentBuilder p strong{font-weight:bold}
.contentBuilder h2{font-weight:900;font-size:36px;margin-bottom:15px}
.contentBuilder h3{font-size:27px;font-weight:900;margin-bottom:15px}
.contentBuilder h4{font-size:20px;font-weight:700;line-height:24px;margin-bottom:15px}
.contentBuilder ul{margin-bottom:25px;padding-left:20px}
.contentBuilder ul li{font-size:17px;line-height:23px;padding-left:15px;position:relative}
.contentBuilder ul li strong{font-weight:bold}
.contentBuilder ul li:before{content:"•";position:absolute;display:block;left:0;top:0px;margin-right:4px;color:#000}
.contentBuilder ul.wp-block-gallery li:before{display:none}
.contentBuilder blockquote{text-align:center;color:#5f5e5e;position:relative;margin-bottom:25px}
.contentBuilder blockquote:before{content:"\"";font-size:80px;line-height:30px;margin-bottom:0px;display:block}
.contentBuilder blockquote p{font-size:18px;margin-top:0;margin-bottom:0px;line-height:28px}
.contentBuilder figure{margin-bottom:45px}
.contentBuilder img{max-width:100%;}
.contentBuilder .wp-block-embed{position:relative;padding-top:55%}
.contentBuilder .wp-block-embed iframe{width:100%;position:absolute;top:0;left:0;height:100%;}
.contentBuilder a{color:#f7b033}
#Faq{}
#Faq #categories{margin-top:45px;}
#Faq #categories ul{border-bottom:1px solid #ebebeb;}
#Faq #categories ul li{display:inline-block;margin-left:0;position:relative;border-left:1px solid #FFF;border-top:1px solid #FFF;border-right:1px solid #FFF;}
#Faq #categories ul li:after{content:" ";display:block;height:16px;width:1px;position:absolute;right:-2px;top:50%;margin-top:-8px;background:#ebebeb;z-index:4}
#Faq #categories ul li a{color:#ababab;font-size:13px;font-weight:400;display:inline-block;padding:14px 26px;}
#Faq #categories ul li.active a,#Faq #categories ul li:hover a{color:#000;}
#Faq #categories ul li.active,#Faq #categories ul li:hover{border-bottom:0;border-left:1px solid #ebebeb;border-top:1px solid #ebebeb;border-right:1px solid #ebebeb;}
#Faq #categories ul li.active:after,#Faq #categories ul li:hover:after{display:none}
#Faq #categories ul li.active:before,#Faq #categories ul li:hover:before{content:" ";display:block;height:1px;width:100%;position:absolute;right:0;bottom:-1px;background:#FFF;}
#Faq #content{border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;padding:50px 20px;}
#Faq #content .ContentCat{display:none}
#Faq #content .ContentCat.active{display:block}
#Faq .element{padding:7px 0;border-bottom:1px solid #ebebeb;margin-left:5px;margin-right:5px}
#Faq .element:last-child{border-bottom:0}
#Faq .element .left{padding-left:0}
#Faq .element .left .image{padding-top:60%}
#Faq .element .right{padding-top:15px;}
#Faq .element .right h2{font-size:24px;font-weight:bold;line-height:28px;margin-bottom:15px}
#Faq .element .right p{font-size:17px;color:#858585;text-align:justify}
#Faq .element .right p strong{font-weight:bold;color:#5c5c5c}
#Faq{}
#FaqSingle #content{border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;padding:30px 20px;}
#FaqSingle #content .ContentCat{display:none}
#FaqSingle #content .ContentCat.active{display:block}
#FaqSingle .element{padding:7px 0;border-bottom:1px solid #ebebeb;margin-left:5px;margin-right:5px}
#FaqSingle .element:last-child{border-bottom:0}
#FaqSingle .element .left{padding-left:0}
#FaqSingle .element .left .image{padding-top:60%}
#FaqSingle .element .right{padding-top:35px}
#FaqSingle .element .right h1{font-size:18px;text-transform:uppercase;line-height:22px;margin-bottom:5px}
footer{background:#202020;position:relative;padding:50px 0 30px;bottom:0;width:100%;z-index:1;padding-left:25px;padding-right:25px}
footer .scrollTop{position:absolute;bottom:40px;right:100px;cursor:pointer;z-index:5}
footer .scrollTop img, footer .scrollTop svg{width:40px}
footer .scrollTop svg .background, footer .scrollTop svg .arrow, footer .scrollTop svg .arrow2{transition:all 0.3s}
footer .scrollTop svg:hover .background{fill:#000}
footer .scrollTop svg:hover .arrow{stroke:#FFF}
footer .scrollTop svg:hover .arrow2{fill:#FFF}
footer .table{display:table;margin-bottom:40px;}
footer ul li{margin-bottom:14px}
footer ul li:last-child{margin-bottom:0}
footer ul li a{font-size:14px;color:#858585;transition:all 0.3s;}
footer ul li a:hover{color:#FFF;}
footer .col-sm-4.n1{padding-right:45px;width:40%;display:table-cell;vertical-align:top}
footer .col-sm-4.n1 .logo{max-width:300px;margin-bottom:30px;}
footer .col-sm-4.n1 .logo img{width:100%;}
footer .col-sm-4.n1 p{color:#858585;font-size:14px;line-height:18px;font-style:italic;}
footer .col-sm-4.n1 .social{margin-top:30px}
footer .col-sm-4.n1 .social img, footer .col-sm-4.n1 .social svg{width:22px;height:22px;margin-right:10px;}
footer .col-sm-4.n1 .social a svg path{transition:all 0.3s}
footer .col-sm-4.n1 .social a:hover svg path{fill:#ffca03 !important}
footer .col-sm-4.n2{padding:0 45px;width:30%;display:table-cell;vertical-align:top}
footer .col-sm-4.n2 ul{}
footer .col-sm-4.n2 ul li a{font-size:15px;color:#858585;text-transform:uppercase;font-weight:bold;letter-spacing:1px;}
footer .col-sm-4.n2 ul li a:hover{color:#ffca03}
footer .col-sm-4.n2 ul.menu1{position:relative;margin-bottom:30px;margin-top:15px}
footer .col-sm-4.n2 ul.menu1:after{content:" ";display:block;height:1px;width:50px;background:#575756;position:absolute;bottom:-15px;left:0;}
footer .col-sm-4.n3{padding-left:45px;border-right:0;width:30%;display:table-cell;vertical-align:top}
footer .col-sm-4.n3 .titre{color:#FFF;font-family:'Bebas Beue';font-size:36px;margin-bottom:26px}
footer .col-sm-4.n3 .elem{font-size:14px;color:#858585;margin-bottom:10px;line-height:17px;}
footer .col-sm-4.n3 .elem strong{font-weight:bold;}
footer .copyright{font-size:11px;text-align:left;border-top:1px solid #575756;width:100%;color:#6f6f6e;line-height:15px;margin-top:15px;padding-top:25px;padding-left:20px}
#CertificationsReseaux{overflow:clip;}
#CertificationsReseaux .container-fluid>.row>.col-12{margin-top:100px;}
#CertificationsReseaux .cl-title2{font-size:36px;line-height:1.2;font-weight:800;text-transform:uppercase;}
#CertificationsReseaux .cl-title3{font-size:21px;line-height:1.3;font-weight:700;text-transform:uppercase;margin-bottom:25px;}
#CertificationsReseaux .cl-description{font-size:16px;line-height:1.3;font-style:italic;color:#898888;}
#CertificationsReseaux .cl-align-center{text-align:center;}
#CertificationsReseaux .certifications-labels-item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
#CertificationsReseaux .certifications-labels-item{position:relative;grid-gap:80px;gap:80px;padding:80px 0;}
#CertificationsReseaux .certifications-labels-item + .certifications-labels-item::before{content:'';position:absolute;top:0;left:50%;height:1px;width:100vw;background-color:#DEDEDE;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#CertificationsReseaux .certifications-labels-item--photo{-webkit-box:0;-moz-box:0;-webkit-flex:0 0 200px;-ms-flex:0 0 200px;flex:0 0 200px;}
#CertificationsReseaux .certifications-labels-item--photo>img{width:100%;}
#CertificationsReseaux .certifications-labels-item--texts{}
#CertificationsReseaux .reseaux-carousel:not(.slick-slider){display:none;}
#CertificationsReseaux .reseaux-carousel:not(:first-child){margin-top:80px;}
#CertificationsReseaux .reseaux-carousel{position:relative;padding-bottom:40px;}
#CertificationsReseaux .reseaux-carousel .slick-arrow{position:absolute;z-index:5;width:36px;height:36px;border:1px solid #2E2E2D;box-sizing:border-box;top:calc((100% - 40px) / 2);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-appearance:none;appearance:none;font-size:0;padding:0;background-color:rgba(0,0,0,0);}
#CertificationsReseaux .reseaux-carousel .slick-arrow::before{content:'';position:absolute;top:50%;left:50%;border:5px solid rgba(0,0,0,0);border-right-width:0;border-left:10px solid #2E2E2D;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#CertificationsReseaux .reseaux-carousel .slick-arrow.slick-prev{left:20px;}
#CertificationsReseaux .reseaux-carousel .slick-arrow.slick-prev::before{border-left-width:0;border-right:10px solid #2E2E2D;}
#CertificationsReseaux .reseaux-carousel .slick-arrow.slick-next{right:20px;}
#CertificationsReseaux .reseaux-carousel .slick-list{padding:0 40px;}
#CertificationsReseaux .reseaux-carousel .slick-track{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
#CertificationsReseaux .reseaux-carousel .slick-dots{position:absolute;bottom:0;height:40px;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;grid-gap:10px;gap:10px;}
#CertificationsReseaux .reseaux-carousel .slick-dots>li button{border:0;font-size:0;background-color:#F4F4F4;border-radius:50%;padding:0;width:16px;height:16px;}
#CertificationsReseaux .reseaux-carousel .slick-dots>li.slick-active button{background-color:#FFBC00;}
#CertificationsReseaux .reseaux-carousel-item{background-color:#F4F4F4;padding:50px 80px;margin-left:20px;margin-right:20px;height:unset!important;}
#CertificationsReseaux .reseaux-carousel-item--photo{height:180px;margin-bottom:30px;}
#CertificationsReseaux .reseaux-carousel-item--photo>img {height: 100%; margin: auto; max-width: 100%; object-fit: contain;}@media(max-width:1050px){
nav .top .right ul.principal li{font-size:10px}
nav .top .right .langs a{font-size:8px}
nav .top .right .button{font-size:10px;padding:8px 15px}
nav .top .right .langs a img{width:15px;vertical-align:-1px}
}
@media(max-width:850px){
body.home #AllPage{padding-top:50px;}
body.tax-categoriesproduits #AllPage{padding-top:50px}
body.page-template-template-engagements #AllPage{padding-top:50px}
body.page-template-template-apropos #AllPage, body.page-template-template-certifications-reseaux #AllPage{padding-top:50px}
body.single-actualites #AllPage{padding-top:50px}
body #AllPage{padding-top:75px;}
body.single-actualites #AllPage{padding-top:40px;}
.container{padding-left:30px;padding-right:30px}
.container .container{padding-left:0;padding-right:0}
.container-fluid{padding-left:15px;padding-right:15px}
nav{display:none}
#navresponsive{position:fixed;display:block;top:100%;left:0;z-index:999;background:#FFF;width:100%;height:100%;font-size:34px;overflow:scroll;-webkit-overflow-scrolling:touch;text-align:center;z-index:99;}
#navresponsive, #navresponsive ul.sub{transition:all 0.7s}
#navresponsive.active{top:0}
#navresponsive .current{position:fixed;z-index:10;top:0;height:55px;left:55px;opacity:0;visibility:hidden;right:55px;background:#000;color:#FFF;font-size:15px;text-transform:uppercase;line-height:50px;transition:all 0.3s}
#navresponsive .previous{position:fixed;z-index:10;left:0;top:0;opacity:0;visibility:hidden;background:#c0c0bf;color:#FFF;font-size:11px;line-height:13px;font-weight:bold;wid;width:62px;height:55px;text-align:center;padding-top:12px;z-index:999;transition:all 0.3s;}
#navresponsive .containerSub{display:block;width:100%;position:fixed;left:100vw;top:54px;padding-top:30px;bottom:0;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:smooth;background:#FFF;transition:all 0.5s;}
#navresponsive .containerSub.active{left:0}
#navresponsive .containerSub{z-index:5}
#navresponsive .containerSub .containerSub{z-index:6}
#navresponsive .containerSub .containerSub .containerSub{z-index:7}
#navresponsive ul{display:table;margin-left:auto;margin-right:auto;}
#navresponsive ul li{display:table-row;}
#navresponsive ul.sub{position:relative;top:100%;display:table;}
#navresponsive.active ul.sub{top:0;height:auto;}
#navresponsive ul.sub.active{left:0}
#navresponsive ul.principal{margin-top:80px;position:relative;background:#FFF;}
#navresponsive ul li a{color:#808080;font-size:17px;font-weight:400;display:table-cell;padding:15px 20px;display:table-cell;position:relative;transition:all 0.3s}
#navresponsive ul li a:hover,#navresponsive ul li a:focus{color:#000}
#navresponsive ul li.hasSub > a:before{content:" ";display:block;position:absolute;width:5px;height:10px;background:url(//www.metalu-plast.com/wp-content/themes/metaluplast/img/buttons/triangle-right-grey.png) no-repeat;background-size:cover;right:0;top:50%;margin-top:-5px}
#navresponsive ul li a:after{content:" ";display:block;height:1px;background:#efefef;width:170px;position:absolute;bottom:0;left:50%;margin-left:-85px}
#navresponsive ul li .title{font-weight:bold;font-size:14px;color:#808080;text-transform:uppercase;}
#navresponsive ul.listvelos a{color:#ababab;padding:8px 0;font-size:14px;}
#navresponsive ul.listvelos a:after{display:none;}
#navresponsive ul.listvelos li:last-child a{padding-bottom:15px}
#navresponsive ul.listvelos li:last-child a:after{display:block;}
#navresponsive.inSub .current{opacity:1;visibility:visible}
#navresponsive.inSub .previous{opacity:1;visibility:visible}
#navresponsive .button{background:#c0c0bf;width:100%;display:block;font-size:14px;font-weight:400;color:#FFF;text-align:center;position:absolute;bottom:0;}
#navresponsive .contentScrolled .button{position:relative;}
#navresponsive .containerlisteVelos .button{background:#898a8d}
#navresponsive .button:after{display:none}
#navresponsive .button:after{content:" ";}
#headerResponsive{position:fixed;top:0;right:0;width:100%;height:55px;background:#2b2b2b;z-index:100;display:block;transition:all 0.5s;}
#headerResponsive .logo{width:120px;position:absolute;top:18px;left:15px;transition:all 0.3s}
#headerResponsive .logo img{width:100%;}
#headerResponsive .burger{position:absolute;right:0;top:0;width:55px;height:55px;background:#4d4d4b;overflow:hidden;}
#headerResponsive .burger span{display:block;position:absolute;top:20px;height:1px;left:50%;margin-left:-12px;width:25px;background:#fff;transition:all 0.6s;}
#headerResponsive .burger span:nth-child(2){top:26px;}
#headerResponsive .burger span:nth-child(3){top:32px;}
#headerResponsive.menuOpen .burger span:nth-child(1){margin-left:55px}
#headerResponsive.menuOpen .burger span:nth-child(3){margin-left:-55px}
#headerResponsive .langs{position:absolute;width:55px;padding-top:55px;min-height:55px;max-height:55px;right:55px;top:0;background:#f8f8f8;overflow:hidden;line-height:55px;text-transform:uppercase;text-align:center;font-size:10px;transition:all 0.5s;}
#headerResponsive .langs.openit{max-height:700px}
#headerResponsive .langs a{color:#000;}
#headerResponsive .langs li{display:block;height:55px;background:#ffffff;}
#headerResponsive .langs li.active{position:absolute;top:0;left:0;width:100%;}
#headerResponsive.inSub .logo{opacity:0;visibility:hidden;}
#headerResponsive.inSub .langs{opacity:0;visibility:hidden;}
#headerResponsive.inSub{width:55px}
#header1{height:50vh;line-height:50vh}
#header1 h1{font-size:29px;line-height:33px;}
.marges1{padding:30px 0}
.marges1 + .marges1.forcePadding{padding-top:30px}
.title1,.title2{font-size:29px;line-height:32px;}
.container-fluid .row{margin-left:0;margin-right:0;}
.intro1{font-size:14px;line-height:16px}
.title3{font-size:18px;line-height:22px;white-space:normal;}
.title3 br{display:none}
.button1{font-size:12px}
#ariane{font-size:13px;line-height:18px;}
footer{padding-left:0;padding-right:0;}
footer .col-sm-4{width:100% !important;display:block !important;}
footer .col-sm-4.n2{display:none !important}
footer .col-sm-4.n1{margin-bottom:30px;padding-right:unset;}
footer .col-sm-4.n1 p{display:none;}
footer .col-sm-4.n3{padding-left:15px}
footer .menuResponsive{padding-left:15px;display:block}
footer .menuResponsive:before{content:" ";display:block;height:1px;background:#ffca03;width:20px;margin:20px 0}
footer ul li{margin-bottom:4px}
body.page-template-template-contact main{padding-bottom:0}
#Contact .left{padding-left:0;padding-right:0}
#Contact .left .champs .row > div{padding-left:0;padding-right:0}
#Contact .left .gdpr{}
#Contact .right #map{margin-top:15px}
#Contact .left input[type=text],#Contact .left textarea{font-size:12px}
#Contact #intro p{font-size:14px}
#Contact .left #informations{padding-left:0}
#carousel .slider .titre{font-size:31px;line-height:32px;}
#carousel .containerArrow{display:none}
#carousel .slider .containerText{padding:20px 20px}
#carousel .leftBloc .slick-dots{display:none !important}
#carousel{position:relative}
#carousel .rightBloc, #carousel .leftBloc{width:100%;}
#carousel .container-fluid{padding-left:0;padding-right:0}
#carousel a.left,#carousel a.right{display:none !important}
#carousel .rightBloc{padding:25px 0}
#carousel .row{margin-left:0;margin-right:0;}
#carousel>.container-fluid>.row>.col{display:block;}
#Accueil #mis_en_avant .element{width:100%;}
#Accueil #mis_en_avant .element .in .text{padding-top:10px;}
#Accueil #mis_en_avant .element .in .text .titre{font-size:24px;line-height:27px}
#Accueil #reassurance .liste{margin-top:30px}
#Accueil #reassurance .liste .element,#Accueil #reassurance .liste .element:nth-child(2){margin-bottom:40px}
#Accueil #reassurance{padding-bottom:0}
#Accueil #reassurance .buttons{margin-top:5px;}
#Accueil #reassurance .buttons a{margin-top:5px;margin-bottom:15px;display:inline-block}
#Accueil #apropos .left{position:relative;width:100%;height:40vh;}
#Accueil #apropos .left .slick-slider{left:-15px;right:-15px;width:auto;}
#Accueil #apropos .right{padding:40px 0 40px 0;margin-left:0;width:100%}
#Accueil #apropos .right h1{font-size:25px;}
#Accueil #apropos .right p{font-size:14px}
#Accueil #actualites .liste{margin-left:0;margin-right:0;padding-right:0;}
#Accueil #actualites .element{padding-left:0;padding-right:0;margin-bottom:15px}
#Accueil #actualites .element .img{height:60vw;}
#Accueil #actualites .element .titre{font-size:16px;height:auto;}
#Accueil #actualites .element p{font-size:14px;height:auto;margin-bottom:20px;}
#Apropos #valeurs{padding-right:15px}
#Apropos #intro .contenu,#Apropos #histoire .contenu,#Apropos #valeurs .container .contenu,#Apropos #madeinfrance .contenu{font-size:14px;line-height:20px}
#Apropos #histoire .liste .element{margin-bottom:30px}
#Apropos #histoire .liste .element .anne{font-size:20px;display:block;text-align:center;padding-right:0;margin-bottom:10px;}
#Apropos #histoire .liste .element .text{display:block;text-align:center}
#Apropos #madeinfrance{background-attachment:initial !important;padding:80px 0;}
#Apropos #team .left.slider{height:40vh;position:relative;width:100%;}
#Apropos #team .right.slider{padding:40px 20px;margin-left:0;}
#Apropos #team .liste a.arrow{display:none !important}
#Apropos #team .right.slider .element .titre{font-size:25px;}
#Apropos #team .right.slider .element .contenu{font-size:13px;}
#Apropos #team .right.slider .element .contenu strong{font-size:18px}
#Apropos #chiffres .liste{display:block}
#Apropos #chiffres .title2{margin-bottom:0;margin-top:25px}
#Apropos #chiffres .element{max-width:50%;margin:0 auto;border-right:0}
#Apropos #chiffres .element.lastLigne{border-bottom:1px solid #CBCBCB}
#Engagements #liste .contenu{font-size:14px;line-height:16px}
#Engagements #liste .contenu li{margin-bottom:10px}
#ProduitsCat #intro p{font-size:14px;}
#ProduitsCat #listeproduits .element .titre{font-size:14px}
#Faq #categories ul li{display:block;margin-top:0px;width:100%;border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-top:0;}
#Faq #categories ul li:after{display:none !important;}
#Faq #categories ul li:before{display:none !important;}
#Faq #categories ul li.active, #Faq #categories ul li:hover{border-bottom:1px solid #ebebeb;border-top:0;}
#Faq #categories ul li:last-child{border-bottom:0}
#Faq #categories ul li:first-child{border-top:1px solid #ebebeb;}
#Faq .element{margin-bottom:25px}
#Faq .element:last-child{margin-bottom:0;padding-bottom:0}
#Faq .element .right,#FaqSingle .element .right{padding-left:0;padding-right:0}
#Blog #right{padding-left:0;padding-right:0}
#Blog #right .element{padding-left:0;padding-right:0;margin-bottom:15px}
#Blog #right .element .text{min-height:auto}
#Blog #right .element .text .button1{position:relative;bottom:inherit;left:inherit;}
#Blog #right .element .img{height:60vw;}
#Blog #right .element .titre{font-size:16px;height:auto;}
#Blog #right .element p{font-size:14px;height:auto;margin-bottom:20px;}
#Blog #left{position:fixed;width:100%;height:100%;top:0;left:0;background:#FFF;z-index:999;padding:107px 24px 24px;overflow:scroll;border-top:10px solid #2b2b2b;display:none}
#Blog #left .close{position:absolute;top:228px;right:0;opacity:1;width:25px;right:15px;top:59px;display:block;}
#Blog .responsiveFilter{position:fixed;width:40px;height:40px;background:url(//www.metalu-plast.com/wp-content/themes/metaluplast/img/pictos/filter.svg) #2b2b2b no-repeat center;background-size:20px;z-index:99;top:40%;right:0;}
#BlogSingle #header1{height:40vh;line-height:40vh;padding-top:25px}
#BlogSingle #actualites .liste{margin-left:0;margin-right:0}
#BlogSingle #actualites .element{padding-left:0;padding-right:0;margin-bottom:15px}
#BlogSingle #actualites .element .img{height:60vw;}
#BlogSingle #actualites .element .titre{font-size:16px;height:auto;}
#BlogSingle #actualites .element p{font-size:14px;height:auto;margin-bottom:20px;}
#ProduitSingle #head .left{padding-right:0;margin-bottom:25px}
#ProduitSingle #head .left a.arrow{display:none !important}
#ProduitSingle #head .right{padding-right:15px}
#ProduitSingle #head .right .title2{font-size:17px;}
#ProduitSingle #head .right .cat{font-size:15px}
#ProduitSingle #head .left .slick-slider{max-height:80vh;}
#ProduitSingle .associated .container-fluid .slide{padding-left:0;padding-right:0}
#ProduitSingle .associated .container-fluid .slide a.arrow{display:none !important;}
#ProduitSingle .associated .col-sm-12{padding-left:0;padding-right:0}
#ProduitSingle .associated .title3{padding-left:0;text-align:center}
.contentBuilder p{font-size:14px;}
.contentBuilder ul li{margin-bottom:5px}
.contentBuilder h2{font-size:24px;}
.contentBuilder h3{font-size:17px;}
.contentBuilder h4{font-size:18px;}
.contentBuilder blockquote p{font-size:16px;line-height:24px}
}
@media(max-width:1549px){
#CertificationsReseaux .reseaux-carousel-item{padding:30px;}
}
@media(max-width:991px){
#CertificationsReseaux .container-fluid>.row>.col-12{margin-top:70px;}
#CertificationsReseaux .cl-title2{font-size:28px;}
#CertificationsReseaux .cl-title3{font-size:18px;margin-bottom:15px;}
#CertificationsReseaux .cl-description{font-size:14px;}
#CertificationsReseaux .certifications-labels-item{grid-gap:50px;gap:50px;padding:50px 0;}
#CertificationsReseaux .certifications-labels-item--photo{-webkit-box:0;-moz-box:0;-webkit-flex:0 0 150px;-ms-flex:0 0 150px;flex:0 0 150px;}
#CertificationsReseaux .reseaux-carousel:not(:first-child){margin-top:50px;}
#CertificationsReseaux .reseaux-carousel{padding-bottom:0;}
#CertificationsReseaux .reseaux-carousel .slick-list{overflow:unset!important;}
#CertificationsReseaux .reseaux-carousel-item--photo{height:120px;}
}
@media(max-width:767px){
#CertificationsReseaux .container-fluid>.row>.col-12{margin-top:50px;}
#CertificationsReseaux .cl-title2{font-size:24px;}
#CertificationsReseaux .cl-title3{font-size:16px;}
#CertificationsReseaux .cl-description{font-size:14px;}
#CertificationsReseaux .certifications-labels-item{display:block;padding:30px 0;}
#CertificationsReseaux .certifications-labels-item--photo{-webkit-box:unset;-moz-box:unset;-webkit-flex:unset;-ms-flex:unset;flex:unset;height:100px;margin-bottom:30px;text-align:center;}
#CertificationsReseaux .certifications-labels-item--photo>img{margin:auto;width:auto;max-width:100%;height:100%;object-fit:contain;}
#CertificationsReseaux .reseaux-carousel:not(:first-child){margin-top:30px;}
#CertificationsReseaux .reseaux-carousel-item{margin-left:15px;margin-right:15px;}
#CertificationsReseaux .reseaux-carousel-item--photo{height:100px;}
}
@media(max-width:575px){
#CertificationsReseaux .reseaux-carousel .slick-arrow.slick-prev {left: 0;}
#CertificationsReseaux .reseaux-carousel .slick-arrow.slick-next {right: 0;}
}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before, .slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:57px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;height:100% !important;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden {
}