@media only screen and (min-width:576px){.header .nav-menu .hs-menu-wrapper>ul{justify-content:space-between;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.header .nav-menu ul li.hs-menu-depth-1>a{font-size:5vw;display:inline-block}.header .nav-menu ul li.hs-menu-depth-1 ul li.hs-menu-depth-2>a{font-size:2.5vw;display:inline-block}.header .nav-menu .hs-menu-wrapper>ul{padding:0}p.mobile .hs-cta-img{display:none}p.desktop .hs-cta-img{display:block}}@media only screen and (min-width:768px){#slider .carousel-fade .carousel-inner .item .description{padding-left:15px}.body-container-wrapper{margin-bottom:750px}#intro .span12.content .text{padding-top:10vh}}@media only screen and (min-width:992px){.header .nav-menu ul li.hs-menu-depth-1>a{font-size:4vw}.header .nav-menu ul li.hs-menu-depth-1 ul li.hs-menu-depth-2>a{font-size:2vw}#slider .carousel-fade .carousel-inner .item .description{padding-left:0}.body-container-wrapper{margin-bottom:650px}.hs-blog-listing .news-posts .row-1,.hs-blog-listing .news-posts .row-2{width:100%;padding-right:10%;padding-left:10%}}@media only screen and (min-width:1200px){.header .nav-menu ul li.hs-menu-depth-1>a{font-size:3vw}.header .nav-menu ul li.hs-menu-depth-1 ul li.hs-menu-depth-2>a{font-size:1.5vw}}@media only screen and (min-width:2000px){h1{font-size:9rem}h2{font-size:6rem}h3{font-size:5rem}h4{font-size:3rem}h5{font-size:2.4rem}p{font-size:1.8rem}pre{font-size:2.4rem}blockquote{font-size:3rem}#intro .more{font-size:1.8rem}.home h2{font-size:8rem}.home h3{font-size:4rem}#news .news-posts .row-2>.post .content h3{font-size:3rem}#video #content h2 .bold{font-size:7rem}.custom-template .ct-container .hs-cm.cover-image-full img,.metier .ct-container .hs-cm.cover-image-full img{max-height:1000px}.metier #section_2 a.button,.error-page #section_1 a.button,.traction #section_4 a.button{padding:15px 80px;font-size:1.4rem}.content li,.blog .post-body li{font-size:1.8rem}.tab-switcher ul li{line-height:80px}.tab-switcher ul li a{font-size:1.8rem}.metier .body-container-wrapper h2{font-size:6rem}.metier .body-container-wrapper h3{font-size:5rem}.metier .body-container-wrapper h4{font-size:3rem}.metier .body-container-wrapper h5{font-size:2.4rem}}@media only screen and (max-width:1440px){#intro .text h1 .title2{width:55%}h1{font-size:5rem}h2{font-size:4.5rem}h3{font-size:3rem}pre{font-size:1.5rem}.header .logo svg{width:calc(100% - 50px);margin-left:30px;margin-right:0}#slider .carousel-fade .carousel-inner .item h2{font-size:3rem}#slider .carousel-inner .bg-circle,#slider .icon{width:180px;height:180px}#video #content .left .text,#video #content .right .text{padding:130px 20px 0 0}#video #content .text h3.title{font-size:2.8rem}.ct-container .column-4 img{max-height:none}.traction .ct-container .video-wrapper h3,.ct-container .video-wrapper h3{font-size:4rem}.traction .steps .step h4{font-size:1.5rem}.traction #section_4 a.button,.metier #section_2 a.button,.error-page #section_1 a.button{padding:10px 40px}.blog .post-listing .post-item h2,.blog .post-listing .post-item.md h2{font-size:2rem}.blog .tag{font-size:14px}.blog .post-listing .post-item.sm h2,.blog .post-listing .post-item.xs h2,.blog .blog-section .post-item-15.md .text h2{font-size:1.5rem}}@media only screen and (max-width:1199px){.sm-fixed{display:none}.header .logo svg{width:200px;fill:#262626}.cd-nav-trigger span{background-color:#262626}.header,.header .logo,.header .menu-icon{position:absolute}#intro .span12.content .text,#slider .carousel-fade,#video #content,#news .container,#services .container,#blog .content{padding-left:15px;padding-right:15px}#slider .num{left:30px}#video .controls{left:0}.header .nav-menu.open{left:0;width:100%}#intro .text h1 .title2{width:90%}.row-fluid [id^="section"],.agence #section_2 .col-lg-8>.content.icon{padding-left:30px;padding-right:30px}.agence #section_2{padding-left:0;padding-right:0}}@media only screen and (max-width:991px){#video #content .row-number-15 .left,#video #content .row-number-15 .right{width:100%}#video #content .inner .row-number-15{padding-top:70px}#video #content .left .text,#video #content .right .text{text-align:center;padding:80px 0 0 0}#video #content .text h3.title,#video #content .text p.desc{text-align:left;padding-left:105px}.custom-template.reference #section_1 .bg .column.first{margin-top:0}.custom-template .project-thumbnail .project-info-container .project-info-name{font-size:1.8rem}.custom-template .project-thumbnail:before{padding-top:110%}}@media only screen and (max-width:767px){html,body{overflow-x:hidden}html.noscroll,body.noscroll{padding:0}body.home{background:#fff}.header .logo svg{fill:#000}.header .menu-icon{width:55px !important}#back-to-top{display:none !important}.midnight3Header.light .cd-nav-trigger span{background-color:#000}h1{font-size:2.8rem}h2{font-size:3.5rem}h3{font-size:2rem}h4{font-size:2.5rem}p{font-size:1rem}.bg .column.middle,.bg .column.last,.bg-before .column.middle,.bg-before .column.last{display:none}.header .logo{position:absolute}.header .logo svg{margin-left:15px}.mobile-hide{display:none}body.noscroll .logo{width:70% !important}.cd-nav-trigger span{background-color:#262626}.header .nav-menu ul li.hs-menu-depth-1 ul li.hs-menu-depth-2>a:after{left:20px}.body-container-wrapper{margin-bottom:50px}.header .menu-icon{position:absolute;right:0 !important;top:28px !important}.header .nav-menu.open{height:100vh;left:0;width:100%;overflow:hidden;overflow-y:scroll}.bg-responsive{position:absolute;top:-300px;right:-30px;bottom:0;left:-30px;text-align:right}#intro{height:initial;max-height:none;max-width:initial;padding:125px 0 80px 0;margin-bottom:0;background:url(https://www.preferendum.fr/hubfs/PREFERENDUM/video/new_bg_video.jpg);background-position:top center}#intro .span12.content .text{position:relative;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}#intro .text h1 .title2{width:100%}#intro .content .text h1{font-size:3.5rem}#intro .content .text h1 .uppercase{font-size:4.0rem;margin-bottom:20px}#intro .content{margin-top:10px}#intro .more{width:50%}#intro .content .arrow-down{position:relative;bottom:initial;margin-top:25px}#slider{margin:0}#slider .bg .column.first .subcolumn.last{margin-top:-40px}#slider .intro_premium h2{font-size:3.5rem}#slider .intro_premium{padding-left:15px;padding-right:15px}#slider .carousel-fade{padding:0 15px;opacity:1}#slider .num{top:0;right:50px;bottom:initial;left:initial}#slider .carousel-slider .carousel-inner{height:500px}#slider .carousel-slider .carousel-inner .item .span9{margin-top:30px;top:0;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}#video #content{padding:160px 15px 80px 15px;margin-bottom:0}.content li,.blog .post-body li{font-size:1rem}#video #content h2,#video #content .inner .row-number-15,#news .news-posts h2,#news .news-posts .row-1,#news .news-posts .row-2,#news .news-posts a.more,#services .content>div:nth-child(1),#services .content>div:nth-child(2),#services .content>div:nth-child(3),#services .content>div:nth-child(4),#blog h2,#blog #carousel-blog{opacity:1}#news .news-posts .row-2{margin-bottom:0}#video #content h2{line-height:.8}#news .news-posts .row-2>.post .content{padding:15px}#video #content .left .text,#video #content .right .text{padding:40px 0}#news{margin:-20px 0 -80px 0;padding:20px 0 160px 0}#news .bg .column.first .subcolumn.last{margin-top:-20px}#news .container{padding:80px 15px 0 15px}#news .news-posts h2{margin-bottom:80px;margin-top:0}#news .news-posts .row-1>.post h3{margin-bottom:20px}#news .news-posts .row-1>.post .date>div{display:inline-block}#news .news-posts .row-2>.post:nth-child(2){display:none}#news .news-posts .row-2>.post .date{position:absolute;top:30px;width:initial !important}#news .news-posts .row-2>.post:before{right:0;bottom:-10px}#news .news-posts a.more{font-size:22px}#news .news-posts .row-2>.post .date>div,#news .news-posts .row-2>.post .date div.month{display:inline-block;font-size:3rem}#news .news-posts .row-2>.post .date div.month{margin-left:5px}#news .bg>.bg-logo,#services .bg>.column>.bg-logo{display:none}#video #content .left .text,#video #content .right .text{text-align:center}#video #content .left .text p.desc,#video #content .right .text p.desc,#video #content .left .text h3.title,#video #content .right .text h3.title{text-align:left}#services{padding:80px 0 220px 0;margin-bottom:-240px}#services .container{padding:0 0 0 15px}#services .content{margin-top:50px}#services .content .row-service{margin:5px 0}#services .bg .column.first .subcolumn:not(.last){margin-top:-80px}#services .bg>.column{overflow:visible}#services .span8{padding:0 0 0 30px !important}#services h2{opacity:1;margin-top:80px}#services .content .row-service .bg-image .inner{-webkit-clip-path:inset(0 0 0 100%);clip-path:none}#blog{margin:0;padding:0}#blog .bg .column.first .subcolumn:not(.last){margin-top:240px}#blog .bg .column.first .subcolumn.last{margin-top:320px}#blog .content{padding:0 15px}#blog #carousel-blog{margin:30px -15px 40px -15px}#blog .m-slide{content:'';display:block;background:url("https://www.preferendum.fr/hubfs/PREFERENDUM/mobile_slide.gif") no-repeat;background-size:100%;position:absolute;top:50%;right:0;bottom:0;left:0;margin:0 auto;width:110px;height:60px;opacity:1}#blog #carousel-blog .item>div{padding:0 15px}#video #content .inner .row-number-15{padding-top:80px;opacity:1 !important}#news .news-posts .row-1>.post .date div.month{margin-left:5px}#blog .sub-title{font-size:6rem}#blog form{text-align:center}#footer-separator{height:100px}#footer-separator .bg .column.first .subcolumn.last{margin-top:-40px}#footer,#footer .inner{opacity:1;position:relative;top:initial;bottom:initial}#footer .inner{padding:90px 15px 0 0}#footer .ft-logo svg{margin:0}#footer .contact-info .line{width:25px;height:5px;margin:0 0 20px 0}#footer .left{padding-left:15px}#footer .right .form-title{margin-left:15px}#footer .middle ul{display:none}#footer .partner{margin-top:40px;padding-left:15px}#footer .partner .row-1>div:nth-child(2){margin:0}#footer .partner .row-1>div,#footer .partner .row-2>div{margin:5px 0}#footer .newsletter-sub,#footer .smart-contact,#footer .footer-bot-right{padding-left:15px}#footer .partner .row-1 .icon svg,#footer .partner .row-2 .icon svg{width:25px}#footer .right .newsletter-sub>.span12>div{width:100%;margin:0}#footer .right .newsletter-sub form>div:first-child{width:80%}#footer .right .newsletter-sub .hs_submit{width:15%}#footer .right .footer-contact{margin:20px 0 0 0}.button{margin:40px auto}#footer .footer-bot-left ul{margin:0 0 0 5px;text-align:left}#footer .footer-bot-right p{float:left}#footer .footer-bot-left>div{padding:5px 0}#footer .footer-bot-left p{padding:15px 0 5px 15px}.cd-close-nav{right:15px;top:25px}#footer .footer-bot-left ul li:not(:last-child) a{border-right:medium none}#footer .footer-bot-left ul li:last-child a{margin-right:0}#blog .content .row-number-6,#blog .content .row-number-7,#blog .content .row-number-8{opacity:1}.home .subscription .hs-form-field{width:100%}.content-wrapper{padding:0 15px}.custom-template.reference #section_1 .bg .column.first{margin-top:-120px}.tab-switcher ul li{border-right:medium none}#news .news-posts .row-1>.post .date>div,#news .news-posts .row-1>.post .date div.month{font-size:1.5rem;height:initial}#video #content .row-number-15 .left svg,#video #content .row-number-15 .right svg{width:110px}#services .content .row-service .bg-image{display:none}#page-header .bg .bg-borders .column .subcolumn.last,.bg .bg-borders .column .subcolumn.last{border:medium none}#page-header{min-height:450px;padding-bottom:200px;margin-bottom:-200px;height:calc(100vh + 125px)}#page-header>div:nth-child(2){padding-top:125px}#page-header .page-title{width:90%;margin:0 auto}#page-header h1,.blog-title h1{font-size:4rem}.agence #section_1 .bg .column.first .subcolumn.last,.custom-template #section_1 .bg .column.first .subcolumn.last,.metier #section_1 .bg .column.first .subcolumn.last,.contact #section_1 .bg .column.first .subcolumn.last,.traction .bg-full .bg>.column.first .subcolumn.last,.traction #section_2 .bg .column.first .subcolumn.last{margin-top:50px}.agence #section_1{padding-top:80px;padding-bottom:300px}.agence .content.icon .row-fluid{margin:0}.agence .content .row-fluid .widget-type-linked_image img{width:100% !important;margin:40px 0}.agence .content .row-fluid p.description{margin-bottom:40px}.agence #section_2{margin-top:-250px;padding-top:200px}.agence #section_2 .bg .column.first{margin-top:100px;height:calc(100% - 100px)}.agence #section_2 .bg .column.first .subcolumn:not(.last),.custom-template #section_2 .bg .column.first .subcolumn:not(.last),.metier #section_2 .bg .column.first .subcolumn.subcolumn:not(.last),.traction #section_4 .bg .column.first .subcolumn.subcolumn:not(.last){margin-top:50px}.agence #section_2 .col-lg-8>.content{margin-top:-150px}.custom-template #section_1,.custom-template #section_2,.custom-template.bg-purple #section_2,.custom-template.bg-gray #section_2,.custom-template.bg-purple #section_3,.metier #section_1,.contact #section_1,.traction #section_2,.traction #section_4,.traction #section_1{padding-top:60px;padding-bottom:60px;margin:0}.contact #section_2{padding:40px 0}.contact #section_3 .right>div{display:block;margin:0}.contact form .hs-form-field{width:100%}.contact form .hs_piece_jointe label{top:3em}.contact #section_3 h3{margin:50px 0}.contact #section_3 .red{margin:40px 0 20px 0}.contact #section_3 .adresse{margin-top:20px}.custom-template.bg-purple #section_2,.custom-template.bg-gray #section_2,.custom-template.bg-purple #section_3{padding-bottom:0}.custom-template.bg-gray #section_2{margin-top:-50px}.custom-template.bg-gray #section_2 .bg .column.first{margin-top:0;height:100%}.metier .body-container-wrapper h2,.metier .body-container-wrapper h3,.metier .body-container-wrapper h4,.metier .body-container-wrapper h5,.tab-switcher,.traction #concept,.traction #methodologie,#concept #section_1 .bg .column.first,#methodologie #section_1 .bg .column.first,.bg-full .bg .column.first,.traction #section_4 .bg .column.first{margin:0}.metier .body-container-wrapper h2{font-size:2.2rem}.metier .body-container-wrapper h3{font-size:1.8rem}.metier .body-container-wrapper h4{font-size:1.4rem}.metier .body-container-wrapper h5{font-size:1rem}.bg-full{padding-top:0}.traction .video-text p{margin:200px 0 0 0}.traction .row-container img{margin-bottom:40px}.traction #section_4 .content{padding:80px 15px 0 15px}.traction #methodologie #section_2{margin-bottom:-50px}.blog .body-container-wrapper{padding-top:0}.blog .post-body img{width:100%;height:auto}.blog .post-listing .post-item.lg .content .image-container:before,.blog .blog-post-header .image-container:before,.blog .post-listing .post-item.md .content .image-container:before,.blog .post-listing .post-item.sm .content .image-container:before,.blog .post-listing .post-item.xs .content .image-container:before{padding-top:100%}.blog .row-fluid .post-item{padding:0}.blog .post-listing .post-item.lg .text{padding:0 20px;text-align:left}.blog .post-listing .post-item h2,.blog .post-listing .post-item.md h2,.blog .blog-section .post-item-15.md .text h2{font-size:2rem}.blog .blog-section .post-item-15.md .text h2,.blog .blog-section .post-item-15.md .text .date{color:#fff}.blog .post-listing .post-item .date,.blog .blog-post-suggestion .date{font-size:.8rem}.blog .hs-form-field{width:100%;margin-left:0}.blog .subscription .hs_submit{display:table;margin:20px auto}.blog .blog-section .post-item-15.md .text{top:initial;bottom:20px;left:20px}.blog .blog-section .post-item-15.md .tag{position:relative;bottom:initial;left:initial}.blog .blog-title{padding-bottom:75px}.header .row-fluid .tag-filter{top:220px;right:initial;margin:0 auto;display:table;position:relative}.blog-post-header .image-container{margin:0 15px}.blog-post-date{position:relative;font-size:1.2rem;left:30px}.blog-post-date span{font-size:3rem;line-height:1.0}.blog-post-image-info .post-topic-header{right:30px}.blog .content-wrapper .bg .column.first .subcolumn:not(.last){margin-top:-50px}.blog-post-header a.back{position:absolute;top:10px;width:80px;height:50px;color:transparent;padding-left:15px}.blog .row-fluid .blog-wrapper,.blog .row-fluid .blog-post-suggestion>.row-fluid{padding:0 15px}.blog .row-fluid .blog-post-suggestion>.row-fluid{padding:120px 15px 0 15px}pre{font-size:1.5rem}.blog-related-post{margin:0 0 40px 0}.blog .post-body p a{color:#de0849;text-decoration:underline}.custom-template .ct-container .hs-cm.cover-image-full,.metier .ct-container .hs-cm.cover-image-full{margin-left:0;width:100%}.blog .row-fluid .section.post-networks{display:block;padding:25px}.post-network-total{margin-top:10px;text-align:left}.custom-template .ct-container .hs-cm.cover-image-full,.metier .ct-container .hs-cm.cover-image-full,.custom-template .ct-container .hs-cm.video-wrapper,.metier .ct-container .hs-cm.video-wrapper,.traction .ct-container .video-wrapper{margin:-20px 0 0 0;width:100%}.video-poster .play-btn{width:50px;height:50px}.traction .ct-container .video-wrapper h3,.ct-container .video-wrapper h3{display:inline-block;position:relative;top:initial;left:initial;margin-bottom:10px;font-size:2rem;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none}.ct-container .video-wrapper h3{color:#262626}.ct-container .hs-cm img{width:100%;height:auto}.sm-footer ul li{height:22px;width:22px}.header .logo svg{margin-left:15px}#intro .span12.content .text,#slider .carousel-fade,#video #content,#news .container,#services .container,#blog .content{padding-left:15px;padding-right:15px}#slider .num{left:auto}#slider .carousel-fade .carousel-inner .item .description{padding-top:20px}#video .controls{width:50%;top:0;opacity:1;left:50%}#video #content .text h3.title,#video #content .text p.desc{text-align:left;padding-left:0}.header{position:relative;height:105px;background:#fff;width:100%}#footer .contact-info{margin-bottom:0}}@media only screen and (max-width:575px){h1{font-size:2.5rem}h2{font-size:2.1rem}h3{font-size:1.7rem}h4{font-size:1.3rem}h5{font-size:.9rem}h2 sup,h3 sup{font-size:1.7rem}blockquote{font-size:1.5rem}.home h2{font-size:4rem}.traction #section_2 .video-poster h3{font-size:3rem}#intro #word-slider .title span:last-child{font-size:1rem}.blog .tag{display:block;margin:5px}#slider .carousel-slider .carousel-inner{height:550px}#slider .carousel-fade .carousel-inner .item h2{font-size:2.5rem;margin-top:40px}#news .news-posts .row-2>.post .date>div,#news .news-posts .row-2>.post .date div.month{font-size:1.5rem}.home #blog .subscription h3{margin:0}#video #content h2 .bold{font-size:2.5rem}.bg-responsive{top:-70px}#intro{padding-top:0;padding-bottom:60px}#intro .more{font-size:1rem;width:70%}#slider .carousel-inner .bg-circle{width:120px;height:120px}#slider .icon{width:120px;height:120px}#slider .num{top:70px}.blog .post-listing .post-item h2,.blog .post-listing .post-item.md h2,.blog .blog-section .post-item-15.md .text h2{font-size:2rem}.custom-template .project-thumbnail:before{padding-top:120%}.custom-template .project-thumbnail .project-info-container .project-info-name{font-size:2rem}.custom-template .project-thumbnail .project-info-container .project-info-tags{font-size:.8rem}.custom-template .project-thumbnail .project-info-container{padding:15px}.traction #section_3 .content .row-container h3{font-size:1.8rem}.traction #methodologie #section_4 p{font-size:1.4rem}.header .nav-menu .hs-menu-wrapper>ul{position:relative;top:0;-webkit-transform:none;transform:none;margin:0}.header .nav-menu .menu{height:100%;margin:0 0 80px 0}.header .nav-menu ul li.hs-menu-depth-1 ul li.hs-menu-depth-2>a{font-size:20px;padding:5px 20px}.header .nav-menu ul li.hs-menu-depth-1>a{display:inline-block}.header .nav-menu ul li.hs-menu-depth-1 ul li.hs-menu-depth-2>a{display:inline-block}#intro .text h1 .title2{width:100%}#video #content .left .text,#video #content .right .text{padding-top:90px}#video #content .text h3.title{font-size:2.5rem}#news .news-posts .row-1>.post .date>div,#news .news-posts .row-1>.post .date div.month{font-size:2rem}#news .news-posts .row-1>.post .date div.month}@media only screen and (max-width:359px){pre{font-size:1.2rem}.blog .post-listing .post-item h2,.blog .post-listing .post-item.md h2,.blog .blog-section .post-item-15.md .text h2{font-size:1.5rem}}