*,*: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,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}

ol,ul{list-style:none}

blockquote,q{quotes:none}

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

body{font-family:'Roboto'}

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

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

a:focus,a:active{outline:0 !important;outline:0 -webkit-focus-ring-color;outline-offset:0}

#conseil *::-moz-selection{background-color:transparent;color:#458CFF}

#compta *::-moz-selection{background-color:transparent;color:#FF7345}

#financement *::-moz-selection{background-color:transparent;color:#3FCAB3}

.nav-toggle{display:none;position:absolute;text-align:center;color:white}

.nav-toggle span{display:block;width:25px;height:2px;background-color:white;position:relative;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-toggle span:after,.nav-toggle span:before{content:'';display:block;height:2px;width:25px;background-color:white;position:absolute;-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s}

.nav-toggle span:before{top:-8px}

.nav-toggle span:after{top:8px}

.nav-toggle.ShowMenu span{background-color:transparent}

.nav-toggle.ShowMenu span:before{-webkit-transform:rotate(45deg) translate(8px, 3.5px);-khtml-transform:rotate(45deg) translate(8px, 3.5px);-moz-transform:rotate(45deg) translate(8px, 3.5px);-ms-transform:rotate(45deg) translate(8px, 3.5px);-o-transform:rotate(45deg) translate(8px, 3.5px);transform:rotate(45deg) translate(8px, 3.5px);-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s}

.nav-toggle.ShowMenu span:after{-webkit-transform:rotate(-45deg) translate(8px, -3.5px);-khtml-transform:rotate(-45deg) translate(8px, -3.5px);-moz-transform:rotate(-45deg) translate(8px, -3.5px);-ms-transform:rotate(-45deg) translate(8px, -3.5px);-o-transform:rotate(-45deg) translate(8px, -3.5px);transform:rotate(-45deg) translate(8px, -3.5px);-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s}

.mobile-menu{display:none;position:fixed;top:0;left:0;bottom:0;width:100%;z-index:99;background-color:#262626;color:#eee;-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)}

.mobile-menu .vertical-positionner{height:auto;width:100%;display:block;position:absolute;top:45%;-webkit-transform:translateY(-45%);-khtml-transform:translateY(-45%);-moz-transform:translateY(-45%);-ms-transform:translateY(-45%);-o-transform:translateY(-45%);transform:translateY(-45%)}

.mobile-menu .vertical-positionner a{width:100%;display:block;text-align:center;font-size:18px;line-height:80px;font-weight:600}

.mobile-menu .vertical-positionner a i{margin-right:10px}

.mobile-menu .vertical-positionner a:focus{color:#888}

body.showVideo .site-content{filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');-webkit-transition:filter 0.3s ease-out;-khtml-transition:filter 0.3s ease-out;-moz-transition:filter 0.3s ease-out;-ms-transition:filter 0.3s ease-out;-o-transition:filter 0.3s ease-out;transition:filter 0.3s ease-out}

body.showVideo #video-displayer{visibility:visible;opacity:1;-webkit-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-moz-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-ms-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);-o-transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1)}

body.showVideo .video-overlay{opacity:0.74;visibility:visible;-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}

#video-displayer{z-index:1002;position:fixed;top:50%;left:50%;width:54.2%;height:61.39%;background-color:#000;box-shadow:0 40px 80px rgba(0,0,0,0.87);opacity:0;visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-khtml-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-moz-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-ms-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-o-transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);transform:translate3d(-50%, -50%, 0) scale3d(0.7, 0.7, 0.7);-webkit-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-khtml-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-ms-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.15s cubic-bezier(0.4, 0, 0.2, 1)}

#video-displayer iframe{width:100%;height:100%;position:absolute;left:0;top:0}

#closeBtn{cursor:pointer;position:fixed;top:-50px;right:-12.5px;z-index:1001;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:transparent;border:0;height:50px;width:50px}

#closeBtn span:before,#closeBtn span:after{height:3px;width:25px;left:50%;background:rgba(255,255,255,0.95);position:absolute;display:block;content:''}

#closeBtn span:before{-webkit-transform:translateX(-50%) rotate(45deg);-khtml-transform:translateX(-50%) rotate(45deg);-moz-transform:translateX(-50%) rotate(45deg);-ms-transform:translateX(-50%) rotate(45deg);-o-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}

#closeBtn span:after{-webkit-transform:translateX(-50%) rotate(-45deg);-khtml-transform:translateX(-50%) rotate(-45deg);-moz-transform:translateX(-50%) rotate(-45deg);-ms-transform:translateX(-50%) rotate(-45deg);-o-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg)}

.video-overlay{width:100%;height:100%;top:0;left:0;position:fixed;opacity:0;visibility:hidden;z-index:1001;backface-visibility:hidden;background:#000}

html{overflow:hidden;overflow-x:hidden;overflow-y:auto}

body{font-size:16px;overflow:hidden;overflow-y:auto;overflow-x:hidden;padding:0;margin:0;position:relative;color:#333;background-color:#1C1C1C}


.site-content{width:100vh;width:100%;position:relative;overflow:hidden}

.content-container{padding-bottom:35px}

.horizontal-wrapper{position:relative;width:auto;max-width:1200px;margin:0 auto}

#nav{position:fixed;top:0;width:100%;z-index:98}

.preheader{width:100%;height:32px;font-size:13px;line-height:32px;background-color:#212121;padding:0 10px;-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s}

.preheader ul{float:right}

.preheader ul li{color:white;opacity:.6;padding:0 10px;display:inline-block}

.preheader ul li:hover{opacity:1}

.preheader ul li i{margin-right:5px}

.preheader ul.social-link{float:left}

.preheader ul.social-link i{padding:0 5px;color:white;opacity:.6}

.preheader ul.social-link i:hover{opacity:1}

.header{width:100%;height:50px;line-height:50px;text-align:right;background-color:#262626;padding-right:10px;-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s}

.header a{font-weight:600;letter-spacing:-0.25px;text-transform:uppercase;padding:0 10px;color:white;opacity:0.7;font-size:14px;position:relative;display:inline-block;overflow:hidden}

.header a:after{content:'';position:absolute;bottom:0;height:3px;background-color:#458CFF;left:0;width:100%;-webkit-transform:scaleX(0);-khtml-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.2s}

.header a:hover{opacity:1}

.header a:hover:after{-webkit-transform:scaleX(1);-khtml-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1);-webkit-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-khtml-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-moz-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-ms-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;-o-transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s;transition:all cubic-bezier(0.42, 0, 0.22, 1) 0.3s}

.header a:before{content:"";display:block;position:absolute;border-radius:100%;left:50%;top:50%;width:0;padding-top:0;background-color:rgba(255,255,255,0.7);-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%)}

.header a.active{color:#458CFF}

.header a:focus,.header a:active{color:#458CFF}

.header a:focus:before,.header a:active:before{animation:ripple 0.4s cubic-bezier(0.55, 0, 0.1, 1)}

.header .header-logo{float:left;color:white;font-weight:bold;letter-spacing:-1px;text-transform:uppercase;opacity:1;height:100%;padding:5px 0;margin-left:15px}

.header .header-logo:after{display:none}

.header .header-logo img{height:100%;width:auto;text-align:left}

.cover{width:100%;height:500px;height:45vh;margin-top:82px;background-color:#f8f8f8;position:relative}

.cover article{width:50%;float:left;height:50%;padding:4px;position:relative;color:white}

.cover article.featured{height:100%}

.cover article.featured .logo-title{position:absolute;top:14px;left:20px;color:white;display:block;z-index:5;font-weight:bold;letter-spacing:-1px;text-transform:uppercase;font-size:56px}

.cover article.featured .gradient:before{background:#458CFF;background:-webkit-linear-gradient(-75deg, #458CFF 0%,rgba(87,151,255,0.2) 40%,rgba(87,151,255,0) 70%);background:linear-gradient(165deg, #458CFF 0%,rgba(87,151,255,0.2) 40%,rgba(87,151,255,0) 70%);content:'';display:block;position:absolute;left:4px;right:4px;bottom:4px;top:4px;z-index:3}

.cover article.featured .article-header h2{font-size:38px}

.cover article:nth-of-type(3),.cover article:nth-of-type(4){width:25%}

.cover article ul li{display:inline;margin-right:10px;}

.cover article .article-header{padding:24px 20px;z-index:3;bottom:4px;left:4px;position:absolute;right:4px;z-index:5}

.cover article .article-header h2{font-size:26px;letter-spacing:-0.025em;line-height:1;font-weight:bold;margin-bottom:8px}

.cover article .article-header h5{letter-spacing:-0.015em;margin-bottom:4px;text-transform:uppercase}

.cover article .gradient:after{background:rgba(0,0,0,0.87);background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.17) 50%,transparent 100%);background:linear-gradient(to top, rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.17) 50%,transparent 100%);content:'';display:block;position:absolute;left:4px;right:4px;bottom:4px;top:4px;z-index:2}

.cover article .image{background-size:cover;background-position:50% 50%;display:block;left:4px;right:4px;bottom:4px;top:4px;position:absolute}

.content-container{background-color:#f8f8f8}

.main-container{width:70%;height:auto;display:inline-block;vertical-align:top;padding-right:20px}

.main-container h2{font-weight:bold;letter-spacing:-0.025em;margin-bottom:15px;font-size:24px;color:#458CFF}

.main-container article.popular{width:50%;float:left;height:270px;position:relative;color:white;cursor:pointer}

.main-container article.popular ul li{display:inline;margin-right:10px;}

.main-container article.popular .article-header{padding:15px 15px;z-index:3;bottom:4px;left:4px;position:absolute;right:4px;z-index:5}

.main-container article.popular .article-header h2{font-size:24px;letter-spacing:-0.025em;line-height:1;font-weight:bold;margin-bottom:4px;color:white}

.main-container article.popular .article-header h5{letter-spacing:-0.015em;margin-bottom:2px;text-transform:uppercase}

.main-container article.popular .gradient:after{background:rgba(0,0,0,0.8);background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.015) 100%);background:linear-gradient(to top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.015) 100%);content:'';display:block;position:absolute;left:0px;right:0px;bottom:0px;top:0px;z-index:2}

.main-container article.popular .gradient:before{background:#458CFF;background:-webkit-linear-gradient(-75deg, #458CFF 0%,rgba(87,151,255,0.2) 40%,rgba(87,151,255,0) 70%);background:linear-gradient(165deg, #458CFF 0%,rgba(87,151,255,0.2) 40%,rgba(87,151,255,0) 70%);content:'';display:block;position:absolute;left:0px;right:0px;bottom:0px;top:0px;z-index:3}

.main-container article.popular a{display:block}

.main-container article.popular .image{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50% 50%}

.main-container .article-aside{width:50%;display:block;float:left;vertical-align:top;height:270px}

.main-container .article-aside article.last{padding:15px 20px;background-color:#e7ebf9}

.main-container .article-aside article.last h5{color:#458CFF}

.main-container .article-aside article.last h2{font-size:14px;margin:0;margin-top:4px;font-weight:600}

.main-container .article-aside article li{list-style:none;padding:12px 0;padding-left:25px;padding-right:15px;font-size:14px;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}

.main-container .article-aside article li i{color:#458CFF;font-size:8px;margin-left: -5px;
margin-right: 10px;}

.main-container .article-aside article li:after{content:'';display:block;position:absolute;width:85%;height:1px;background-color:#ddd;bottom:0;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%)}

.main-container section{display:inline-block;width:100%;margin-bottom:16px}

.main-container section.compta h2,.main-container section.juridique h2,.main-container section.social h2{color:#FF7345}

.main-container section.compta .gradient:before,.main-container section.juridique .gradient:before,.main-container section.social .gradient:before{background:#FF7345;background:-webkit-linear-gradient(-75deg, #FF7345 0%,rgba(255,88,0,0.2) 40%,rgba(255,88,0,0) 70%);background:linear-gradient(165deg, #FF7345 0%,rgba(255,88,0,0.2) 40%,rgba(255,88,0,0) 70%)}

.main-container section.compta .article-aside article.last,.main-container section.juridique .article-aside article.last,.main-container section.social .article-aside article.last{background-color:#f9f0e7}

.main-container section.compta .article-aside article.last h5,.main-container section.juridique .article-aside article.last h5,.main-container section.social .article-aside article.last h5{color:#FF7345}

.main-container section.compta .article-aside article li:before,.main-container section.juridique .article-aside article li:before,.main-container section.social .article-aside article li:before{color:#FF7345}

.aside-container{width:29%;display:inline-block;vertical-align:top}

.aside-container span.title{font-weight:bold;letter-spacing:-0.025em;margin-bottom:15px;font-size:24px;color:#333;margin-bottom:15px;display:block}

.aside-container .video-article{width:100%;display:block;border-radius:5px;overflow:hidden;min-height:180px;height:auto;max-height:230px;position:relative}

.aside-container .video-article:before{background-color:rgba(0,0,0,0.3);border-radius:3px;color:#fff;content:attr(data-length);font-size:12px;padding:7px 10px;position:absolute;right:10px;top:8px;z-index:2;}

.aside-container .video-article .thumbvideo{height:100%;position:absolute;width:100%}

.aside-container .video-article .thumbvideo:after{content:'';position:absolute;display:block;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.67);background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.67) 0%,transparent 100%);background:linear-gradient(to top, rgba(0,0,0,0.67) 0%,transparent 100%);z-index:1;-webkit-transition:all 0.6s ease-out;-khtml-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out}

.aside-container .video-article .thumbvideo img{position:relative;min-width:100%;min-height:100%;height:auto;width:100%;-webkit-transition:all 0.6s ease-out;-khtml-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;-ms-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out;transition:all 0.6s ease-out}

.aside-container .video-article .thumbvideo .video-play-button{background-color:transparent;border-radius:50%;box-sizing:content-box;display:block;height:44px;left:52.5%;opacity:0;padding:18px 20px 18px 28px;position:absolute;top:46%;transform:translateX(-50%) translateY(-50%);width:44px;z-index:10;-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}

.aside-container .video-article .thumbvideo .video-play-button span{border-bottom:15px solid transparent;border-left:20px solid #fff;border-top:15px solid transparent;display:block;height:0;position:relative;width:0;z-index:3}

.aside-container .video-article .description-video{font-size:14px;font-weight:bold;letter-spacing:-0.015em;z-index:2;position:relative;color:white;margin-top:120px;padding:0 15px}

.aside-container .video-article .footer-article-video{position:relative;z-index:2;color:white;padding:0 15px;margin-bottom:8px;font-size:12px;margin-top: 8px;}

.aside-container .video-article .footer-article-video div{display:inline-block;padding:0 5px}

.aside-container .video-article .footer-article-video div:hover{color:#458CFF}

.aside-container .video-article .footer-article-video div i{margin-right:5px}

.aside-container .video-article .footer-article-video .share{float:right}

.aside-container .video-article .footer-article-video .categorie-video{font-weight:700}

.aside-container .video-article:hover{cursor:pointer}

.aside-container .video-article:hover .thumbvideo:after{background:rgba(0,0,0,0.67);background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.67) 0%,transparent 100%);background:linear-gradient(to top, rgba(0,0,0,0.67) 0%,transparent 100%);opacity:0.6}

.aside-container .video-article:hover .thumbvideo img{-webkit-transform:scale(1.1);-khtml-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.aside-container .video-article:hover .thumbvideo .video-play-button{opacity:1}

.lastest-news{display:block;padding:35px 0;position:relative;margin-bottom:15px}

.lastest-news .show_art{display:inline-block;font-size:12px;font-size:100%; margin-left:100px;background: #458cff;
color: #fff;
padding: 4px 12px;
border-radius: 5px;box-shadow: 0 2px 3px rgba(0,0,0,0.17);text-shadow: 0 2px 3px rgba(0,0,0,0.37);}

.lastest-news .search-section{position:absolute;right:0;top:25px}

.lastest-news .search-section input[type="text"]{padding:10px;border:1px #ccc solid;width:200px;background-color:transparent;font-weight:bold;border-radius: 5px;}

.lastest-news .search-section input[type="text"]:active,.lastest-news .search-section input[type="text"]:focus{border-color:#458CFF;background-color:white}

.lastest-news .search-section label{padding:0 10px;color:#ccc}

.lastest-news .search-section label:hover,.lastest-news .search-section label:active,.lastest-news .search-section label:target,.lastest-news .search-section label:focus{color:#458CFF;cursor:pointer}

.lastest-news h2{font-weight:bold;letter-spacing:-0.025em;margin-bottom:15px;font-size:24px;color:#333}

.lastest-news .lastest-news-row{display:flex;flex:0 1 auto;flex-flow:row wrap;margin:-12px}

.lastest-news ul li{flex-basis:25%;max-width:25%;padding:12px;position:relative}

.lastest-news ul li a{display:block}

.lastest-news ul li .image{width:100%;padding-top:50%;background-size:cover;background-position:50% 50%;position:relative;display:block;background-color:#eee;margin-bottom:8px}

.lastest-news ul li .title{font-weight:bold;display:block;font-size:14px;margin-bottom:2px;color:#454545}

.lastest-news ul li .subtitle{color:#888;font-size:13px}

.newsletter{margin-top:20px}

.newsletter h2{font-weight:400;letter-spacing:-0.025em;margin-bottom:15px;font-size:24px;color:#333}

.newsletter input[type="email"]{padding:16px 15px;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:rgba(0,0,0,0.05);border:0;border-radius:2px;width:auto;width:85%}

.newsletter button{padding:15px;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:#458CFF;border:0;color:white;font-weight:bold;width:15%}

.ad{background-color:#f1f1f1;padding:70px 0}

.ad .horizontal-wrapper{max-width:960px}

.ad .text{width:auto;margin-right:200px}

.ad .text h2{font-size:24px;font-weight:600}

.ad .aside{position:absolute;right:0;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%)}

.ad .aside a{padding:20px 30px;background-color:#458CFF;color:white;font-weight:600;border-radius:4px;border-bottom:4px solid #4974d2}

.ShowForm .ad{display:none!important}
#encrop-ads{width:100%;height:300px;background-color:white;border:1px solid #eee;position:relative}

#encrop-ads .animation{display:block;width:100%;height:100px;overflow:hidden;top:45%;position:relative;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}

#encrop-ads .animation svg{position:absolute}

#encrop-ads .animation #E{-webkit-animation:e 6s ease infinite;-khtml-animation:e 6s ease infinite;-moz-animation:e 6s ease infinite;-ms-animation:e 6s ease infinite;-o-animation:e 6s ease infinite;animation:e 6s ease infinite}

#encrop-ads .animation #bar{-webkit-animation:bar 6s ease infinite;-khtml-animation:bar 6s ease infinite;-moz-animation:bar 6s ease infinite;-ms-animation:bar 6s ease infinite;-o-animation:bar 6s ease infinite;animation:bar 6s ease infinite}

#encrop-ads .animation #corp{-webkit-animation:corp 6s ease infinite;-khtml-animation:corp 6s ease infinite;-moz-animation:corp 6s ease infinite;-ms-animation:corp 6s ease infinite;-o-animation:corp 6s ease infinite;animation:corp 6s ease infinite}

#encrop-ads .animation #group{-webkit-animation:group 6s ease infinite;-khtml-animation:group 6s ease infinite;-moz-animation:group 6s ease infinite;-ms-animation:group 6s ease infinite;-o-animation:group 6s ease infinite;animation:group 6s ease infinite}

#encrop-ads p{position:absolute;top:50%;left:50%;opacity:0;font-weight:600;-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%);-webkit-animation:p 6s ease-in-out infinite;-khtml-animation:p 6s ease-in-out infinite;-moz-animation:p 6s ease-in-out infinite;-ms-animation:p 6s ease-in-out infinite;-o-animation:p 6s ease-in-out infinite;animation:p 6s ease-in-out infinite}

#encrop-ads a{position:absolute;bottom:25%;left: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%);padding:15px 20px;background-color:#458CFF;color:white;font-weight:600;-webkit-animation:a 6s ease infinite;-khtml-animation:a 6s ease infinite;-moz-animation:a 6s ease infinite;-ms-animation:a 6s ease infinite;-o-animation:a 6s ease infinite;animation:a 6s ease infinite}

.scrollToTop{cursor:pointer;z-index:996;position:fixed;display:block;bottom:180px;right:25px;border-radius:2px;color:white;width:50px;height:50px;font-size:18px;padding:16px 0;text-align:center;background-color:#262626;-webkit-transition:opacity 0.3s ease;-khtml-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease}

footer{background-color:#262626}

.ShowForm footer{height: 100vh;}
.ShowForm .footer-link {visibility: hidden;}
.footer-link{max-width:1200px;margin:0 auto;padding:50px 0 20px;overflow:hidden}

.footer-link .mobile{background-image:url(http://pkconsulting.fr/blog/images/smartphone.png);background-size:cover;background-position:100% 0%;display:block;position:absolute;left:0;width:25%;bottom:-100px;top:-100px}

.footer-link .mobile:after{content:attr(data-text);display:block;right:-300px;color:white;position:absolute;top:100px;font-weight:600;font-size:14px}

.footer-link .site-link{margin-left:26.37%;display:inline-block;width:39%;padding:40px 0 0}

.footer-link .site-link a{font-size:14px;color:white;display:inline-block;padding:5px 10px 5px 0}

.footer-link .subcribe-newsletter{display:inline-block;width:33.33%;padding-left:25px;position:relative}

.footer-link .subcribe-newsletter:after{content:attr(data-text);display:block;left:25px;color:white;position:absolute;top:-30px;font-weight:600;font-size:14px}

.footer-link .subcribe-newsletter input[type='email']{padding:15px;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:rgba(0,0,0,0.2);border:0;color:white;border-radius:2px;width:auto;width:84%}

.footer-link .subcribe-newsletter button[type="submit"]{padding:15px;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:#458CFF;border:0;color:white;font-weight:bold;width:14%}

.inner-footer{width:100%;margin:0 auto;line-height:50px;color:white;font-size:12px;background-color:#212121}

.inner-footer a,.inner-footer p{opacity:.6;display:inline-block}


.encorp_link{float:right}

@media only screen and (max-width: 1368px){.cover article.featured .logo-title{font-size:40px}

.cover article.featured .article-header h2{font-size:24px;margin-bottom:4px}

.cover article .article-header h2,.main-container article.popular .article-header h2{font-size:18px;margin-bottom:4px}

.horizontal-wrapper{max-width:1190px}

}

@media only screen and (max-width: 1280px){.horizontal-wrapper{max-width:1024px}

.scrollToTop{display:none}
#encrop-ads .animation{height:42%}
}

@media only screen and (max-width: 1028px){
.main-container .article-aside {
    height: auto;
    margin-bottom: 20px;
}
.main-container article.popular { height: 200px;}
.lastest-news{padding:15px 0;}
.lastest-news h2 {margin-bottom: 8px;}
.lastest-news .show_art {margin-bottom: 15px;padding: 8px 12px;width: 210px;}
.nophone{display:none!important}

.lastest-news .search-section {
    position: relative;
    right: unset;
    top: 0px;
}

.lastest-news .show_art {margin-left:0px;display:block}
.header .header-logo {margin-left:0px}	
	
.scrollToTop{display:none}

.footer-link .mobile{display:none}

.ad .horizontal-wrapper{max-width:820px}

.ad{padding:50px 0}

.ad .horizontal-wrapper{max-width:960px}

.ad .text{width:100%;margin-right:0px;text-align:center}

.ad .aside{position:relative;text-align:center;right:inherit;top:inherit;-webkit-transform:inherit;-khtml-transform:inherit;-moz-transform:inherit;-ms-transform:inherit;-o-transform:inherit;transform:inherit}

.ad .aside a{display:inline-block;margin-top:15px}

.newsletter{margin-top:20px;width:100%;margin:20px auto;text-align:center}

.newsletter h2{font-weight:400;letter-spacing:-0.025em;margin-bottom:15px;font-size:24px;color:#333}

.newsletter input[type="email"]{padding:16px 15px;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:rgba(0,0,0,0.05);border:0;border-radius:2px;width:auto;width:75%}

.newsletter button{padding:15px;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:#458CFF;border:0;color:white;font-weight:bold;width:24%}

.footer-link .horizontal-wrapper{text-align:center}

.footer-link .site-link,.footer-link .subcribe-newsletter{width:70%;margin-left:0;padding:0}

.footer-link .subcribe-newsletter:after{text-align:center;width:100%}

.footer-link .site-link a{padding:5px}

.footer-link .subcribe-newsletter{padding:0;margin-top:50px}

.footer-link .subcribe-newsletter:after{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%)}

#video-displayer{width:100%;height:57%}

#closeBtn{right:-10px}

.preheader{display:none}

.cover{margin-top:50px}

.cover article .gradient:after{background:rgba(0,0,0,0.87);background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.27) 70%,transparent 100%);background:linear-gradient(to top, rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.27) 70%,transparent 100%);content:'';display:block;position:absolute;left:4px;right:4px;bottom:4px;top:4px;z-index:2}

.cover article.featured{width:100%;height:60%}

.cover article.featured .logo-title{font-size:30px}

.cover article.featured .article-header h2{font-size:20px}

.cover article .article-header{padding:15px 20px}

.cover article,.cover article:nth-of-type(3),.cover article:nth-of-type(4){width:33.33%;height:40%}

.horizontal-wrapper{padding:0 8px}

.lastest-news ul li{flex-basis:33.33%;max-width:33.33%}

}

@media only screen and (max-width: 960px){.main-container{width:100%;padding:0}

.aside-container{width:100%;padding:0}

}

@media only screen and (max-width: 768px){.cover article.featured .logo-title{left:15px;top:10px}

.cover{height:auto;display:block}

.cover article.featured{width:100%;height:inherit;min-height:180px;max-height:200px;float:inherit;display:block}

.cover article .article-header{padding:15px 20px}

.cover article,.cover article:nth-of-type(3),.cover article:nth-of-type(4){width:100%;height:inherit;min-height:25vh;max-height:30vh;float:inherit;display:block}

.lastest-news ul li{flex-basis:100%;max-width:100%;padding-left:85px;height:70px;margin-bottom:10px}

.lastest-news ul li .image{padding-top:0;height:70px;width:70px;position:absolute;left:0;top:0}

.lastest-news-row{padding:0 8px;padding-top:15px}

.mobile-menu{display:block}

.ShowMenu .mobile-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)}

.nav-toggle{display:block;position:fixed;top:0;right:0;z-index:996;width:50px;height:50px;background-color:#262626}

.menu{display:none}

.header-logo{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%)}

.main-container article.popular,.main-container .article-aside{position:relative;width:100%}

.lastest-news a.plus{margin-top:20px}

}

@media only screen and (max-width: 640px){body.showVideo .site-content{filter:none;-webkit-filter:none;-moz-filter:none;-o-filter:none;-ms-filter:none;filter:none;filter:none;-webkit-transition:inherit;-khtml-transition:inherit;-moz-transition:inherit;-ms-transition:inherit;-o-transition:inherit;transition:inherit}

body.showVideo #video-displayer{visibility:visible;opacity:1;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}

body.showVideo .video-overlay{opacity:1;visibility:visible;-webkit-transition:all 0.3s ease;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}

#video-displayer{background-color:#000;box-shadow:0 0 0 0 transparent;box-shadow:inherit;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);-webkit-transition:all 0.15s ease;-khtml-transition:all 0.15s ease;-moz-transition:all 0.15s ease;-ms-transition:all 0.15s ease;-o-transition:all 0.15s ease;transition:all 0.15s ease}

.newsletter,.footer-link .site-link,.footer-link .subcribe-newsletter{width:100%}

.lastest-news ul li{padding:0;padding-left:80px;height:auto;padding-bottom:10px}

}

@media only screen and (max-width: 420px){.lastest-news .search-section{display:none}

.cover article.featured .article-header h2{font-size:16px}

.cover article .article-header h2,.main-container article.popular .article-header h2{margin-bottom:2px}

.cover article .article-header h5{font-size:12px}

.cover article ul li{font-size:12px}

.cover article .article-header{padding:10px}

}

@-webkit-keyframes ripple{0%{width:0%;padding-top:0%;opacity:1}

100%{width:120%;padding-top:120%;opacity:0}

}

@-moz-keyframes ripple{0%{width:0%;padding-top:0%;opacity:1}

100%{width:120%;padding-top:120%;opacity:0}

}

@keyframes ripple{0%{width:0%;padding-top:0%;opacity:1}

100%{width:120%;padding-top:120%;opacity:0}

}

@-webkit-keyframes e{0%, 100%{-webkit-transform:translateX(-120px);opacity:0}

35%, 65%{-webkit-transform:translateX(0px)}

50%, 75%{opacity:1}

}

@-moz-keyframes e{0%, 100%{-moz-transform:translateX(-120px);opacity:0}

35%, 65%{-moz-transform:translateX(0px)}

50%, 75%{opacity:1}

}

@keyframes e{0%, 100%{transform:translateX(-120px);opacity:0}

35%, 65%{transform:translateX(0px)}

50%, 75%{opacity:1}

}

@-webkit-keyframes corp{0%, 100%{-webkit-transform:translateX(300px);opacity:0}

35%, 65%{-webkit-transform:translateX(0px)}

50%, 75%{opacity:1}

}

@-moz-keyframes corp{0%, 100%{-moz-transform:translateX(300px);opacity:0}

35%, 65%{-moz-transform:translateX(0px)}

50%, 75%{opacity:1}

}

@keyframes corp{0%, 100%{transform:translateX(300px);opacity:0}

35%, 65%{transform:translateX(0px)}

50%, 75%{opacity:1}

}

@-webkit-keyframes group{0%, 100%{-webkit-transform:translateY(10px);opacity:0}

35%, 65%{-webkit-transform:translateY(0px)}

50%, 75%{opacity:1}

}

@-moz-keyframes group{0%, 100%{-moz-transform:translateY(10px);opacity:0}

35%, 65%{-moz-transform:translateY(0px)}

50%, 75%{opacity:1}

}

@keyframes group{0%, 100%{transform:translateY(10px);opacity:0}

35%, 65%{transform:translateY(0px)}

50%, 75%{opacity:1}

}

@-webkit-keyframes a{0%, 100%{-webkit-transform:translate(-50%, 75%);opacity:0}

35%, 65%{-webkit-transform:translate(-50%, 50%)}

50%, 75%{opacity:1}

}

@-moz-keyframes a{0%, 100%{-moz-transform:translate(-50%, 75%);opacity:0}

35%, 65%{-moz-transform:translate(-50%, 50%)}

50%, 75%{opacity:1}

}

@keyframes a{0%, 100%{transform:translate(-50%, 75%);opacity:0}

35%, 65%{transform:translate(-50%, 50%)}

50%, 75%{opacity:1}

}

@-webkit-keyframes p{0%, 100%{opacity:1}

35%, 65%{opacity:0}

}

@-moz-keyframes p{0%, 100%{opacity:1}

35%, 65%{opacity:0}

}

@keyframes p{0%, 100%{opacity:1}

35%, 65%{opacity:0}

}

@-webkit-keyframes bar{0%, 100%{-webkit-transform:scaleY(0);opacity:0}

35%, 65%{-webkit-transform:scaleY(1);opacity:1}

}

@-moz-keyframes bar{0%, 100%{-moz-transform:scaleY(0);opacity:0}

35%, 65%{-moz-transform:scaleY(1);opacity:1}

}

@keyframes bar{0%, 100%{transform:scaleY(0);opacity:0}

35%, 65%{transform:scaleY(1);opacity:1}

}


.Esvg svg{width: 18px;
height: 18px;
top: 3px;
position: relative;

}