*,*:after,*:before{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0.05)}

.clearfix{display:table;content:'';clear:both}

.clearfix:before,.clearfix:after{content:". ";clear:both;visibility:hidden;line-height:0;height:0}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,canvas,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

canvas{width:100%;height:100%;margin:0px}

ol,ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

table{border-collapse:collapse;border-spacing:0}

a{text-decoration:none;color:inherit}

body{background-color:rgba(0,99,209,0.2);color:#556;font-family:'futura-pt'}

.pattern{display:block;position:fixed;z-index:0;top:0;left:0;width:100%;height:100%;background-image:url("../images/bg.png");background-position:50% 50%;opacity:.8}

hr{width:70%;margin:0 auto;border:0;border-top:1px  solid #aab}

.float-menu{display:none}

.form-container{display:block;margin:170px auto;position:relative;background-color:white;box-shadow:0 1px 2px rgba(0,0,0,0.27);width:84%;border-radius:10px;text-align:center;overflow:hidden}

.form-container .form-header{display:block;position:relative;width:100%;height:300px;background-color:#000;color:white;font-weight:500;font-size:21px}

.form-container .form-header b{font-weight:700}

.form-container .form-header .bg{display:block;position:absolute;top:0;left:0;height:100%;width:100%;background-position:50% 50%;background-size:cover;opacity:.75}

.form-container .hint{display:block;margin-top:20px}

.form-container .vertical-align{position:absolute;top:50%;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);text-align:center;width:100%;left:0}

.form-container .icon{position:absolute;left:50%;bottom:-60px;width:120px;height:120px;border-radius:60px;background-color:#D91321;-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}

.form-container .icon i{font-size:48px;line-height:120px}

.form-container form{padding:50px 75px}

.form-container h1{display:block;font-size:42px;margin-top:80px;font-weight:700;color:#0063D1;text-transform:uppercase}

.form-container h2{font-size:28px;margin-bottom:20px;padding:0 50px}

.form-container fieldset{margin-bottom:15px;position:relative}

.form-container fieldset:first-of-type,.form-container fieldset:nth-of-type(2),.form-container fieldset:nth-of-type(3){display:inline-block;vertical-align:top;width:20%}

.form-container fieldset:nth-of-type(2),.form-container fieldset:nth-of-type(3){width:40%;padding-left:30px}

.form-container fieldset i{z-index:0;position:absolute;right:15px;top:18px}

.form-container fieldset:hover select{border-color:rgba(0,99,209,0.47)}

.form-container fieldset:hover i{color:#0063d1}

.form-container select{z-index:1;height:50px;width:100%;cursor:pointer;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:transparent;position:relative;border:0;border:1px solid #eed;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,0.17);padding:15px;font-family:'futura-pt';font-weight:500;color:#445}

.form-container select:focus{border-color:rgba(0,99,209,0.47)}

.form-container label{text-align:left;display:block;margin-bottom:5px;font-weight:700}

.form-container input,.form-container textarea{z-index:1;position:relative;font-family:'futura-pt';font-weight:500;color:#445;display:block;width:100%;height:50px;padding:15px;background-color:transparent;border:1px solid rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);border-radius:5px}

.form-container input:hover,.form-container input:focus,.form-container textarea:hover,.form-container textarea:focus{border-color:rgba(0,99,209,0.47)}

.form-container textarea{height:200px;resize:none}

.form-container button{cursor:pointer;text-transform:uppercase;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:#0063D1;color:white;font-family:'futura-pt';border-radius:50px;font-weight:700;border:0;padding:10px 25px;height:60px;position:relative;width:150px;margin-top:10px}

footer.footer{display:block;position:relative;width:100%;background-color:#133153;color:white}

footer.footer a.logo{background-color:#fff;border-radius:100px;display:block;height:167px;width:167px;box-shadow:0 5px 10px rgba(0,0,0,0.3)}

footer.footer a.logo h1{text-align:center}

footer.footer a.logo img{margin-top:40px}

footer.footer .pre-footer{padding:100px 0;display:block;margin:0 auto;position:relative;max-width:1280px}

footer.footer .pre-footer ul{display:block;position:relative;margin-bottom:50px}

footer.footer .pre-footer ul li{width:25%;float:left;padding:25px 0;padding-left:100px;font-weight:500;position:relative}

footer.footer .pre-footer ul li:before{content:"";display:block;position:absolute;left:0;top:0;width:75px;height:100%;background-position:50% 50%;background-size:100% auto;background-repeat:no-repeat}

footer.footer .pre-footer ul li:first-of-type:before{background-image:url("../images/ffrancaise.png")}

footer.footer .pre-footer ul li:nth-of-type(2):before{background-image:url("../images/business.png")}

footer.footer .pre-footer ul li:nth-of-type(3):before{background-image:url("../images/credit-card.png")}

footer.footer .pre-footer ul li:nth-of-type(4):before{background-image:url("../images/chat.png")}

footer.footer .menu-link{display:block;margin:0 auto;position:relative;max-width:1280px;padding-top:50px;border-top:1px solid rgba(255,255,255,0.1);padding-bottom:75px}

footer.footer .menu-link .col{display:inline-block;vertical-align:top;padding:0 10px}

footer.footer .menu-link .col .title{display:block;margin-bottom:25px;font-weight:500;font-size:18px;text-transform:uppercase}

footer.footer .menu-link .col:first-of-type{width:25%}

footer.footer .menu-link .col:nth-of-type(2){width:25%}

footer.footer .menu-link .col:nth-of-type(3){width:25%}

footer.footer .menu-link .col:last-of-type{width:25%}

footer.footer .menu-link .col li{display:block;line-height:1;height:35px}

footer.footer .menu-link .col fieldset{display:block;margin-top:25px;position:relative}

footer.footer .menu-link .col fieldset input[type="e-mail"]{border-radius:50px 0 0 50px;padding:10px 15px;border:0;font-family:'futura-pt';display:block;position:absolute;left:0;top:0;width:80%;font-weight:500;height:45px}

footer.footer .menu-link .col fieldset button{-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:#0063D1;color:white;font-family:'futura-pt';border-radius:0 50px 50px 0;font-weight:700;border:0;padding:10px;height:45px;position:absolute;right:0px;top:0;width:100px}

footer.footer .logo-link{display:block;width:auto;position:relative;text-align:right;max-width:1280px;margin:0 auto}

footer.footer .logo-link li{display:inline-block;height:50px;width:75px;background-position:50% 50%;background-size:65% auto;background-repeat:no-repeat;vertical-align:top}

footer.footer .logo-link li:first-of-type{background-image:url("../images/visa-pay-logo.png")}

footer.footer .logo-link li:nth-of-type(2){background-image:url("../images/mastercard.png")}

footer.footer .logo-link li:nth-of-type(3){background-image:url("../images/paypal-2.png");width:110px}

footer.footer .logo-link li:nth-of-type(4){background-image:url("../images/");width:auto;padding:0 25px}

footer.footer .logo-link li:nth-of-type(4) a{display:block;line-height:50px}

@media only screen and (max-width: 1650px){.form-container{width:90%}

}

@media only screen and (max-width: 1440px){.form-container{width:95%}

}

@media only screen and (max-width: 1360px){.form-container{width:calc(100% - 50px)}

}

@media only screen and (max-width: 1080px){.float-menu{display:inherit}

.float-menu input.menu-open{display:none}

.float-menu input.menu-open+label.menu-open-button{display:block;position:fixed;bottom:15px;right:15px;width:60px;height:60px;box-shadow:0 2px 3px rgba(0,0,0,0.27);background-color:#D91321;border-radius:50px;z-index:6;-webkit-transform:scale3D(1, 1, 1);-khtml-transform:scale3D(1, 1, 1);-moz-transform:scale3D(1, 1, 1);-ms-transform:scale3D(1, 1, 1);-o-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1);-webkit-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s;-khtml-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s;-moz-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s;-ms-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s;-o-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s;transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s}

.float-menu input.menu-open+label.menu-open-button span{display:block;background-color:white;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) rotate(0deg);-khtml-transform:translate(-50%, -50%) rotate(0deg);-moz-transform:translate(-50%, -50%) rotate(0deg);-ms-transform:translate(-50%, -50%) rotate(0deg);-o-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg);-webkit-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44);-khtml-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44);-moz-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44);-ms-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44);-o-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44);transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44)}

.float-menu input.menu-open+label.menu-open-button span.hamburger-1{width:20px;height:4px;border-radius:4px;-webkit-transform:translate(-50%, -50%) rotate(90deg);-khtml-transform:translate(-50%, -50%) rotate(90deg);-moz-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);-o-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}

.float-menu input.menu-open+label.menu-open-button span.hamburger-2{height:20px;width:4px;border-radius:4px;-webkit-transform:translate(-50%, -50%) rotate(90deg);-khtml-transform:translate(-50%, -50%) rotate(90deg);-moz-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);-o-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}

.float-menu input.menu-open:checked+label.menu-open-button{-webkit-transform:scale3D(0.7, 0.7, 0.7);-khtml-transform:scale3D(0.7, 0.7, 0.7);-moz-transform:scale3D(0.7, 0.7, 0.7);-ms-transform:scale3D(0.7, 0.7, 0.7);-o-transform:scale3D(0.7, 0.7, 0.7);transform:scale3D(0.7, 0.7, 0.7)}

.float-menu input.menu-open:checked+label.menu-open-button span.hamburger-1{-webkit-transform:translate(-50%, -50%) rotate(0deg);-khtml-transform:translate(-50%, -50%) rotate(0deg);-moz-transform:translate(-50%, -50%) rotate(0deg);-ms-transform:translate(-50%, -50%) rotate(0deg);-o-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg)}

.float-menu input.menu-open:checked+label.menu-open-button span.hamburger-2{-webkit-transform:translate(-50%, -50%) rotate(90deg);-khtml-transform:translate(-50%, -50%) rotate(90deg);-moz-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);-o-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}

.float-menu input.menu-open ~ .menu-item{display:block;position:fixed;text-align:center;bottom:20px;line-height:60px;-webkit-transform:translate3d(0, 0, 0) scale3D(0.7, 0.7, 0.7);-khtml-transform:translate3d(0, 0, 0) scale3D(0.7, 0.7, 0.7);-moz-transform:translate3d(0, 0, 0) scale3D(0.7, 0.7, 0.7);-ms-transform:translate3d(0, 0, 0) scale3D(0.7, 0.7, 0.7);-o-transform:translate3d(0, 0, 0) scale3D(0.7, 0.7, 0.7);transform:translate3d(0, 0, 0) scale3D(0.7, 0.7, 0.7);color:white;right:15px;width:60px;height:60px;box-shadow:0 0px 0px transparent;background-color:#D91321;border-radius:50px;z-index:5;-webkit-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.15s;-khtml-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.15s;-moz-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.15s;-ms-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.15s;-o-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.15s;transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.15s}

.float-menu input.menu-open ~ .menu-item i{position:relative;line-height:60px;font-size:20px}

.float-menu input.menu-open ~ .menu-item:first-of-type{font-weight:700;text-transform:uppercase;font-size:12px;-webkit-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.4s;-khtml-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.4s;-moz-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.4s;-ms-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.4s;-o-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.4s;transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.4s}

.float-menu input.menu-open ~ .menu-item:nth-of-type(2){font-weight:700;text-transform:uppercase;font-size:12px;-webkit-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s;-khtml-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s;-moz-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s;-ms-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s;-o-transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s;transition:0.35s cubic-bezier(0.87, -0.71, 0.19, 1.44) 0.25s}

.float-menu input.menu-open ~ .menu-item.devis-pop .nbr-article{display:block;position:absolute;top:50%;left:50%;width:18px;height:18px;border-radius:15px;background-color:#fff;color:#D91321;border:2px solid #D91321;line-height:14px;font-size:12px;-webkit-transform:translate(0, -18px);-khtml-transform:translate(0, -18px);-moz-transform:translate(0, -18px);-ms-transform:translate(0, -18px);-o-transform:translate(0, -18px);transform:translate(0, -18px)}

.float-menu input.menu-open:checked ~ .menu-item{box-shadow:0 2px 3px rgba(0,0,0,0.27)}

.float-menu input.menu-open:checked ~ .menu-item:first-of-type{-webkit-transform:translate3d(0, -310%, 0) scale3D(1, 1, 1);-khtml-transform:translate3d(0, -310%, 0) scale3D(1, 1, 1);-moz-transform:translate3d(0, -310%, 0) scale3D(1, 1, 1);-ms-transform:translate3d(0, -310%, 0) scale3D(1, 1, 1);-o-transform:translate3d(0, -310%, 0) scale3D(1, 1, 1);transform:translate3d(0, -310%, 0) scale3D(1, 1, 1)}

.float-menu input.menu-open:checked ~ .menu-item:nth-of-type(2){-webkit-transform:translate3d(0, -200%, 0) scale3D(1, 1, 1);-khtml-transform:translate3d(0, -200%, 0) scale3D(1, 1, 1);-moz-transform:translate3d(0, -200%, 0) scale3D(1, 1, 1);-ms-transform:translate3d(0, -200%, 0) scale3D(1, 1, 1);-o-transform:translate3d(0, -200%, 0) scale3D(1, 1, 1);transform:translate3d(0, -200%, 0) scale3D(1, 1, 1)}

.float-menu input.menu-open:checked ~ .menu-item:nth-of-type(3){-webkit-transform:translate3d(0, -90%, 0) scale3D(1, 1, 1);-khtml-transform:translate3d(0, -90%, 0) scale3D(1, 1, 1);-moz-transform:translate3d(0, -90%, 0) scale3D(1, 1, 1);-ms-transform:translate3d(0, -90%, 0) scale3D(1, 1, 1);-o-transform:translate3d(0, -90%, 0) scale3D(1, 1, 1);transform:translate3d(0, -90%, 0) scale3D(1, 1, 1)}

.form-container{margin-top:75px;margin-bottom:25px}

footer.footer{display:block;position:relative;width:100%;background-color:#133153;color:white}

footer.footer a.logo{display:none}

footer.footer .pre-footer{padding-left:25px;padding-right:25px}

footer.footer .menu-link{display:block;margin:0 auto;position:relative;max-width:1280px;padding:25px;padding-top:50px;border-top:1px solid rgba(255,255,255,0.1);padding-bottom:75px}

footer.footer .menu-link .col{display:inline-block;vertical-align:top;padding:0 10px}

footer.footer .menu-link .col .title{display:block;margin-bottom:25px;font-weight:500;font-size:18px;text-transform:uppercase}

footer.footer .menu-link .col:first-of-type{display:none}

footer.footer .menu-link .col:nth-of-type(2){width:33.33%}

footer.footer .menu-link .col:nth-of-type(3){width:33.33%}

footer.footer .menu-link .col:last-of-type{width:33.33%}

footer.footer .menu-link .col li{display:block;line-height:1;height:35px}

footer.footer .menu-link .col fieldset{display:block;margin-top:25px;position:relative}

footer.footer .menu-link .col fieldset input[type="e-mail"]{border-radius:50px 0 0 50px;padding:10px 15px;border:0;font-family:'futura-pt';display:block;position:absolute;left:0;top:0;width:80%;font-weight:500;height:45px}

footer.footer .menu-link .col fieldset button{-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:#0063D1;color:white;font-family:'futura-pt';border-radius:0 50px 50px 0;margin:0;font-weight:700;border:0;padding:10px;height:45px;position:absolute;right:0px;top:0;width:100px}

footer.footer .logo-link{display:block;width:auto;position:relative;text-align:right;max-width:1280px;margin:0 auto}

footer.footer .logo-link li{display:inline-block;height:60px;width:70px;background-position:50% 50%;background-size:55% auto;background-repeat:no-repeat;vertical-align:top}

footer.footer .logo-link li:first-of-type{background-image:url("../images/visa-pay-logo.png")}

footer.footer .logo-link li:nth-of-type(2){background-image:url("../images/mastercard.png")}

footer.footer .logo-link li:nth-of-type(3){background-image:url("../images/paypal-2.png");width:110px}

footer.footer .logo-link li:nth-of-type(4){background-image:url("../images/");width:auto;padding:0 15px}

footer.footer .logo-link li:nth-of-type(4) a{display:block;line-height:60px}

}

@media only screen and (max-width: 768px){.form-container h1{font-size:28px}

.form-container h2{font-size:20px}

.form-container form{padding:25px}

footer.footer .pre-footer{display:none}

footer.footer .menu-link .col{width:100% !important}

footer.footer .menu-link .col .title{font-weight:700}

footer.footer .menu-link .col fieldset button{width:20%;min-width:100px}

}

@media only screen and (max-width: 640px){.form-container .icon{width:100px;height:100px;bottom:-50px}

.form-container .icon i{line-height:100px;font-size:32px}

.form-container fieldset:first-of-type,.form-container fieldset:nth-of-type(2),.form-container fieldset:nth-of-type(3){width:100%;padding:0}

}

@media only screen and (max-width: 480px){.form-container{width:100%;margin:0;border-radius:0;box-shadow:none}

.form-container h1{font-size:21px}

.form-container h2{font-size:16px}

.form-container form{padding:25px}

}

.menu-responsive{display:none}

nav{display:block;position:fixed;z-index:7;left:0;top:0;width:100%}

nav .pre-nav{display:block;position:relative;width:100%;background-color:#0063D1;color:white;padding:0px 8%;font-size:12px;box-shadow:0 1px 2px rgba(0,0,0,0.47);z-index:2;height:32px}

nav .pre-nav p{display:inline-block}

nav .pre-nav a.support{position:relative;display:inline-block;height:26px;font-weight:700;line-height:22px;padding-right:0;font-size:15px;letter-spacing:-0.05em;margin-top:3px;border-radius:20px;border:2px solid #fff;padding:0 6px 0 70px}

nav .pre-nav a.support i{z-index:1;position:absolute;width:22px;height:22px;border-radius:20px;background-color:#0063D1;left:0px;top:0px;line-height:22px;text-align:center;font-size:18px}

nav .pre-nav a.support span.text{background-color:#fff;color:#0063D1;border-radius:20px;padding:0 7px 0 28px;position:absolute;top:0;left:-2px;bottom:0;font-size:13px}

nav .pre-nav ul.pre-nav-menu{float:right;display:inline-block;position:relative}

nav .pre-nav ul.pre-nav-menu li{float:left;display:inline-block;position:relative}

nav .pre-nav ul.pre-nav-menu li a{display:block;padding:0 20px;text-transform:uppercase;line-height:32px;font-size:14px}

nav .pre-nav ul.pre-nav-menu li a svg{width:auto;height:10px;margin-right:0px}

nav .pre-nav ul.pre-nav-menu li a .text{font-weight:700}

nav .pre-nav ul.pre-nav-menu li.search-responsive{display:none}

nav .pre-nav ul.pre-nav-menu li:last-of-type a::after{content:"";display:block;height:20px;width:1px;background-color:rgba(255,255,255,0.3);position:absolute;top:6px;left:0;-webkit-transition:all 0.2s ease-out;-khtml-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out}

nav .pre-nav ul.pre-nav-menu li:last-of-type a svg{display:none}

nav .pre-nav ul.pre-nav-menu li:last-of-type a:before{display:inline-block;position:relative;font-size:14px;content:"\f007";font-family:"FontAwesome";margin-right:5px}

nav menu{display:block;width:100%;height:90px;background-color:#fff;padding:0 8%;position:relative;box-shadow:0 4px 5px rgba(0,0,0,0.1)}

nav menu:before{content:"";display:block;position:fixed;width:170px;height:132px;border-radius:10px;z-index:-1;top:0px;background-color:#fff;left:8%;box-shadow:-2px 4px 5px rgba(0,0,0,0.1);-webkit-transform:translate3d(0, 0, 0);-khtml-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)}

nav menu a.logo{z-index:1;float:left;display:inline-block;height:auto;overflow:hidden;background-color:#fff;width:auto;text-align:center;font-weight:700;border-radius:10px;top:50%;left:8%;position:absolute;-webkit-transform:translate3d(0, -50%, 0) rotate(-0.35deg);-khtml-transform:translate3d(0, -50%, 0) rotate(-0.35deg);-moz-transform:translate3d(0, -50%, 0) rotate(-0.35deg);-ms-transform:translate3d(0, -50%, 0) rotate(-0.35deg);-o-transform:translate3d(0, -50%, 0) rotate(-0.35deg);transform:translate3d(0, -50%, 0) rotate(-0.35deg)}

nav menu a.logo img{width:170px}

nav menu .collapse-search-cart{float:right;display:block;position:absolute;right:8%;bottom:0px;z-index:1;height:90px;width:13%}

nav menu .collapse-search-cart .cart{display:block;width:60px;height:60px;position:absolute;right:0;top:50%;border-radius:50px;-webkit-transform:translate3d(0, -50%, 0);-khtml-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);-ms-transform:translate3d(0, -50%, 0);-o-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;background-color:#D91321;color:white;text-align:center;box-shadow:0 2px 3px rgba(0,0,0,0.47)}

nav menu .collapse-search-cart .cart i{position:relative;font-size:28px;color:#fff;line-height:60px;margin-left:-2px}

nav menu .collapse-search-cart .cart span.nbr-article{z-index:1;position:absolute;top:50%;left:50%;width:20px;height:20px;border-radius:20px;color:#D91321;text-align:center;font-weight:600;line-height:16px;font-size:10px;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

nav menu .collapse-search-cart i{position:absolute;color:#aab}

nav menu .collapse-search-cart i.fa-search{left:15px;top:15px;opacity:.3}

nav menu .collapse-search-cart i.fa-caret-down{right:15px;top:15px}

nav menu .collapse-search-cart input{font-family:'futura-pt';font-weight:600;color:#aab;display:block;position:absolute;top:22.5px;width:100%;padding:10px 15px;padding-right:40px;height:45px;-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;background-color:transparent;border:1px solid rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);border-radius:60px}

nav menu .collapse-search-cart input:focus{border-color:rgba(0,99,209,0.47)}

nav menu .collapse-search-cart button{position:absolute;right:0;top:0;cursor:pointer;border:none;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border-radius:0 4px 4px 0;background-color:#0063D1;border-radius:0 25px 25px 0;color:white;height:45px;width:150px;font-weight:600;text-transform:uppercase;font-family:'futura-pt'}

nav menu .sub-menu{display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);top:0;width:860px;margin:0 auto;text-align:center}

nav menu .sub-menu li{display:inline-block;font-weight:700;font-size:16px}

nav menu .sub-menu li a{display:block;padding:25px;position:relative}

nav menu .sub-menu li a:after{content:"";display:block;height:3px;background-color:#0063D1;bottom:-1px;left:25px;right:25px;position:absolute;-webkit-transform:scale3d(0, 1, 1);-khtml-transform:scale3d(0, 1, 1);-moz-transform:scale3d(0, 1, 1);-ms-transform:scale3d(0, 1, 1);-o-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);-webkit-transition:all 0.2s cubic-bezier(0.55, 0, 0.1, 1);-khtml-transition:all 0.2s cubic-bezier(0.55, 0, 0.1, 1);-moz-transition:all 0.2s cubic-bezier(0.55, 0, 0.1, 1);-ms-transition:all 0.2s cubic-bezier(0.55, 0, 0.1, 1);-o-transition:all 0.2s cubic-bezier(0.55, 0, 0.1, 1);transition:all 0.2s cubic-bezier(0.55, 0, 0.1, 1)}

nav menu .sub-menu li a:hover{color:#0063D1}

nav menu .sub-menu li a:hover:after{-webkit-transform:scale3d(1, 1, 1);-khtml-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}

nav menu .sub-menu li a:active,nav menu .sub-menu li a.active{color:#0063D1}

nav menu .sub-menu li a:active:after,nav menu .sub-menu li a.active:after{-webkit-transform:scale3d(1, 1, 1);-khtml-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}

nav menu .sub-menu li span{display:block;font-size:14px;font-weight:400}

@media only screen and (max-width: 1650px){nav .pre-nav,nav menu{padding:0 5%}

nav menu:before{left:5%}

nav menu a.logo{left:5%}

nav menu .collapse-search-cart{right:5%}

}

@media only screen and (max-width: 1440px){nav .pre-nav,nav menu{padding:0 2.5%}

nav menu:before{left:2.5%}

nav menu a.logo{left:2.5%}

nav menu .collapse-search-cart{right:2.5%}

}

@media only screen and (max-width: 1360px){nav .pre-nav,nav menu{padding:0 25px}

nav menu:before{left:25px}

nav menu a.logo{left:25px}

nav menu .collapse-search-cart{right:25px}

}

@media only screen and (max-width: 1280px){nav menu .sub-menu li a{padding:25px 20px}

}

@media only screen and (max-width: 1080px){.ShowMenu{overflow:hidden}

.ShowMenu nav menu .sub-menu{-webkit-transform:translate3d(0, 0, 0);-khtml-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)}

.ShowMenu nav a.nav-toggle span{height:2.5px}

.ShowMenu nav a.nav-toggle span:first-of-type{-webkit-transform:translate3d(0, 0px, 0) rotate(-45deg);-khtml-transform:translate3d(0, 0px, 0) rotate(-45deg);-moz-transform:translate3d(0, 0px, 0) rotate(-45deg);-ms-transform:translate3d(0, 0px, 0) rotate(-45deg);-o-transform:translate3d(0, 0px, 0) rotate(-45deg);transform:translate3d(0, 0px, 0) rotate(-45deg)}

.ShowMenu nav a.nav-toggle span:nth-of-type(2){display:none}

.ShowMenu nav a.nav-toggle span:last-of-type{-webkit-transform:translate3d(0, 0px, 0) rotate(45deg);-khtml-transform:translate3d(0, 0px, 0) rotate(45deg);-moz-transform:translate3d(0, 0px, 0) rotate(45deg);-ms-transform:translate3d(0, 0px, 0) rotate(45deg);-o-transform:translate3d(0, 0px, 0) rotate(45deg);transform:translate3d(0, 0px, 0) rotate(45deg)}

nav .pre-nav{padding:0;background-image:url("../images/logo/icf-blanc.svg");background-size:auto 100%;background-position:50% 50%;background-repeat:no-repeat;height:45px}

nav .pre-nav a.support{line-height:38px;margin-left:50px;background-position:10px 50%;background-size:90% auto;-webkit-background-size:90% auto}

nav .pre-nav a.support:before{top:12px}

nav .pre-nav ul.pre-nav-menu{position:absolute;top:0;right:0;display:block}

nav .pre-nav ul.pre-nav-menu li{float:left;display:inline-block;position:relative}

nav .pre-nav ul.pre-nav-menu li a{display:block;padding:0 20px;text-transform:uppercase;height:45px;font-size:14px}

nav .pre-nav ul.pre-nav-menu li a svg{width:auto;height:10px;margin-right:0px;margin-top:14.5px}

nav .pre-nav ul.pre-nav-menu li a .text{font-weight:700}

nav .pre-nav ul.pre-nav-menu li.search-responsive{display:block;border-left:1px solid rgba(255,255,255,0.3)}

nav .pre-nav ul.pre-nav-menu li.search-responsive input{z-index:2;position:relative;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:transparent;border:0;width:45px;height:45px;padding:10px;color:transparent;font-weight:500;font-family:'futura-pt';-webkit-transition:all 0.15s ease-out;-khtml-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-ms-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}

nav .pre-nav ul.pre-nav-menu li.search-responsive input:focus{background-color:#0063D1;color:white;width:125px}

nav .pre-nav ul.pre-nav-menu li.search-responsive i{z-index:1;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

nav .pre-nav ul.pre-nav-menu li:nth-of-type(2){display:none}

nav .pre-nav ul.pre-nav-menu li:last-of-type a{width:50px;color:transparent;white-space:nowrap}

nav .pre-nav ul.pre-nav-menu li:last-of-type a:after{height:45px;top:0px}

nav .pre-nav ul.pre-nav-menu li:last-of-type a:before{line-height:45px;margin:0;color:#fff}

nav .pre-nav ul.pre-nav-menu:after{content:"";display:table;clear:both}

nav menu{display:block;width:100%;height:auto;background-color:transparent;padding:0;position:relative;box-shadow:none}

nav menu:before{display:none}

nav menu a.logo{display:none}

nav menu .collapse-search-cart{display:none}

nav menu .sub-menu{display:block;position:fixed;left:0;top:45px;bottom:0;background-color:#fff;z-index:1;width:100%;padding:0;-webkit-transform:translate3d(-100%, 0, 0);-khtml-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-khtml-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-moz-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-ms-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-o-transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition:all 0.3s cubic-bezier(0.55, 0, 0.1, 1);overflow-y:auto}

nav menu .sub-menu li{display:block;width:100%}

nav menu .sub-menu li a{padding:25px 0}

nav menu .sub-menu li a:after{display:none}

nav menu .sub-menu li a:focus,nav menu .sub-menu li a:hover{color:#0063D1}

nav menu .sub-menu li span{display:block;font-size:14px;font-weight:400;display:none}

nav a.nav-toggle{display:block;position:fixed;z-index:8;left:0;top:0;height:45px;line-height:45px;width:50px;border-right:1px solid rgba(255,255,255,0.3)}

nav a.nav-toggle span{display:block;width:20px;position:absolute;height:2px;background-color:white;top:22.5px;left:15px;-webkit-transition:all 0.15s ease-out;-khtml-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-ms-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}

nav a.nav-toggle span:first-of-type{-webkit-transform:translate3d(0, -5px, 0) rotate(0);-khtml-transform:translate3d(0, -5px, 0) rotate(0);-moz-transform:translate3d(0, -5px, 0) rotate(0);-ms-transform:translate3d(0, -5px, 0) rotate(0);-o-transform:translate3d(0, -5px, 0) rotate(0);transform:translate3d(0, -5px, 0) rotate(0)}

nav a.nav-toggle span:nth-of-type(2){width:20px}

nav a.nav-toggle span:last-of-type{-webkit-transform:translate3d(0, 5px, 0) rotate(0);-khtml-transform:translate3d(0, 5px, 0) rotate(0);-moz-transform:translate3d(0, 5px, 0) rotate(0);-ms-transform:translate3d(0, 5px, 0) rotate(0);-o-transform:translate3d(0, 5px, 0) rotate(0);transform:translate3d(0, 5px, 0) rotate(0)}

nav .pre-nav{padding:0}

nav .pre-nav a.support{height:32px;line-height:25px;font-size:18px;margin-top:7px;margin-left:60px;border-radius:28px;padding:0 8px 0 79px;border:3px solid}

nav .pre-nav a.support i{width:26px;height:26px;border-radius:26px;line-height:26px;font-size:18px}

nav .pre-nav a.support span.text{border-radius:28px;padding:0 7px 0 31px;font-size:16px}

}

@media only screen and (max-width: 640px){nav .pre-nav{background-image:none}

}

@media only screen and (max-width: 480px){nav .pre-nav{padding:0;height:45px;background-image:url("../images/logo/icf-blanc.svg")}

nav .pre-nav a.support{width:50px;height:45px;border:0;border-radius:0;margin:0;margin-left:50px;white-space:nowrap;overflow:hidden;border-right:1px solid rgba(255,255,255,0.3);color:transparent;padding:0;background-image:url("../images/icon/phone.png");background-position-x:50%;background-position-y:50%;background-position:50% 50%;background-size:16px auto;background-repeat:no-repeat}

nav .pre-nav a.support span.text{display:none}

nav .pre-nav a.support i{color:white;line-height:45px;width:50px;text-align:center;display:none}

nav .pre-nav ul.pre-nav-menu li a svg{height:16px}

nav .pre-nav ul.pre-nav-menu li a .text{display:none}

nav .pre-nav ul.pre-nav-menu li:last-of-type a{line-height:45px}

nav .pre-nav ul.pre-nav-menu li:last-of-type a:before{height:45px;top:0px}

}