/* updated : 2026-05-25 06:04:42*/.center{text-align:center}.left{text-align:left}.right{text-align:right}.justify{text-align:justify}.top{vertical-align:top}.middle{vertical-align:middle}.bottom{vertical-align:bottom}.float-left{float:left}.float-right{float:right}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.float-left-margin{float:left;margin:0 10px 0 10px}.float-right-margin{float:right;margin:0 0 10px 10px}.block-left{float:left;width:48%}.block-right{float:right;width:48%}.hide{display:none}.form-error{background:#f2dede url(../images/icons/form/error.svg) no-repeat 10px center;border:1px solid #a94442;color:#a94442;max-width:75%;background-size:30px;padding:15px 15px 15px 50px;margin:20px auto;border-radius:4px}.form-information{background:#d9edf7 url(../images/icons/form/information.svg) no-repeat 10px center;border:1px solid #31708f;color:#31708f;max-width:75%;background-size:30px;padding:15px 15px 15px 50px;margin:20px auto;border-radius:4px}.form-warning{background:#fcf8e3 url(../images/icons/form/warning.svg) no-repeat 10px center;border:1px solid #8a6d3b;color:#8a6d3b;max-width:75%;background-size:30px;padding:15px 15px 15px 50px;margin:20px auto;border-radius:4px}.form-success{background:#dff0d8 url(../images/icons/form/success.svg) no-repeat 10px center;border:1px solid #3c763d;color:#3c763d;max-width:75%;background-size:30px;padding:15px 15px 15px 50px;margin:20px auto;border-radius:4px}.form-loader{padding:65px 10px 10px 10px;text-align:center;margin:0 auto 20px auto;width:75%;border-radius:5px;font-weight:bold;background:#FFFFFF url(../images/loader/loader.svg) no-repeat center 5px;background-size:50px 50px}.field-error input,.field-error select,.field-error textarea{border-color:#a94442 !important}.field-success input,.field-success select,.field-success textarea{border-color:#3c763d !important}.field-error:after{content:""; position:absolute; width:25px; height:25px; right:-30px; top:50%; background:url(../images/icons/form/error.svg) no-repeat center center; background-size:cover; transform:translateY(-50%); }.field-success:after{content:""; position:absolute; width:25px; height:25px; right:-30px; top:50%; background:url(../images/icons/form/success.svg) no-repeat center center; background-size:cover; transform:translateY(-50%)}.field,.field-label{margin:0 0 10px 0;position:relative}.field-label{font-weight:bold}.field-label label{display:inline-block;margin:0 5px 0 0;font-weight:normal}.field-label label.tiny{width:30px}.field-label label.small{width:80px}.field-label label.medium{width:120px}.field input[type=text],.field input[type=password],.field input[type=date],.field input[type=number],.field select,.field textarea{width:100%; padding:25px 15px 10px 10px}.field.checkbox.mandatory{width:100%; padding:18px 15px 18px 10px}.field input[maxlength],.field input[minlength],.field textarea[maxlength],.field textarea[minlength]{padding-right:75px !important}.field .maxlength,.field .maxlength,.field .maxlength,.field .maxlength{position:absolute; right:15px; bottom:14px; font-size:12px}.field label{position:absolute; top:18px; left:10px; line-height:initial; float:none; margin:0; transition:.2s ease}.field input[type=text]:focus + label,.field input[type=password]:focus + label,.field input[type=date] + label,.field input[type=number]:focus + label,.field textarea:focus + label,.field select:has(option:checked:not([value=""])) + label,.field input[type=text]:not(:placeholder-shown) + label,.field input[type=password]:not(:placeholder-shown) + label,.field input[type=date]:not(:placeholder-shown) + label,.field input[type=number]:not(:placeholder-shown) + label,.field textarea:not(:placeholder-shown) + label{top:7px; left:10px; font-size:12px; color:#8e8e8e}.field input[type=checkbox] + label{position:static;display:inline;padding-left:10px}.field.radio label{position:static;margin-bottom:5px}.barcode{width:fit-content;text-align:center}.barcode figure img{display:block}.barcode figure figcaption{font-size:15px}.loader-video{position:relative;background-position:center center}.loader-video:after{content:"";position:absolute;top:0;left:0;z-index:1000;width:100%;height:100%;cursor:pointer;margin:0 0 20px 0;min-height:200px;background:rgba(0,0,0,0.55) url(../images/icons/video-text.svg) no-repeat center center;background-size:300px}.loader-video.load:after{content:none}div#content{min-height:500px}div#content > .inner{max-width:initial; width:auto; padding:0}div#content p{margin:0 0 5px 0}.page-illustration img{display:block; width:100%; height:auto}#content .paging{margin:50px 0;text-align:center;clear:both}#content .paging .navigate{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}#content .paging .navigate a,#content .paging .navigate span{text-decoration:none;font-size:18px}#content .paging .navigate span{font-weight:bold;color:var(--main-color-2)}#content .paging .navigate a.step{padding:0 10px;font-weight:bold;color:var(--main-color-2);font-size:20px}.responsive-menu-inset{display:none}.responsive-menu-inset:checked + ul{display:block}footer#footer-main{overflow:hidden}footer#footer-main .inset ul{list-style-position:inside}footer#footer-main .cms-presentation.POUVOIR{padding:70px 10px;margin:0}footer#footer-main .cms-presentation.POUVOIR hgroup{margin-bottom:20px}footer#footer-main .cms-presentation.POUVOIR .title{font-size:35px;line-height:initial;font-weight:var(--weight-black)}footer#footer-main .cms-presentation.POUVOIR .text{margin:0 auto 30px auto}footer#footer-main .cms-presentation.POUVOIR .more a{background:var(--main-color-3);border:0}.instagram .hashtag{background:var(--main-color-2);text-align:center;padding:10px 0;font-weight:bold}#informations{text-align:center;padding:20px 10px;background:var(--main-color-1);color:white}#informations ul{margin:0 0 10px 0}#informations ul li{display:inline-block;list-stype-type:none}#informations ul li:after{content:"-"; padding:0 10px}#informations ul li:last-of-type:after{content:""}#informations ul li a{color:inherit}@media screen and (max-width:375px){.cms-presentation.PRESENTATION .text ul li a{font-size:20px}}@media screen and (max-width:768px){body.cms-homepage .home-slide .logo{max-width:500px;width:100%}.cms-presentation.PRESENTATION .infos{flex-direction:column}.cms-presentation.PRESENTATION .infos > *{width:fit-content}.cms-presentation.PRESENTATION .title{text-align:center}}@media screen and (max-width:1024px){.responsive-menu{background:var(--base-color-white)}header#header-main.sticky .responsive-menu{background:var(--main-color-1)}body.cms-homepage header#header-main.sticky #menu ul li a{color:var(--base-color-white)}body.cms-homepage #menu{background:none;padding:0}.qsn .cms-presentation.AGENCE .infos{padding-top:0}.realisations{padding-top:100px}}body.cms-homepage .home-slide{z-index:1;position:absolute;left:0; top:0; width:100%; height:100vh; background:var(--main-color-1); transition:background-image 1s ease-in-out; background-position:center; background-repeat:no-repeat; background-size:cover; clip-path:polygon(0 0,100% 0,100% 90%,0% 100%)}body.cms-homepage .home-slide > .inner{position:absolute; width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; top:0;left:50%; transform:translateX(-50%); }body.cms-homepage .home-slide .logo{width:500px}body.cms-homepage .home-slide .logo img{width:100%;height:auto}#homepage{padding-top:calc(100vh - 125px)}body.cms-homepage header#header-main{min-height:125px;background:none}body.cms-homepage header#header-main .h-top{padding:50px 0;background:rgba(22,28,51,0.5)}body.cms-homepage header#header-main > .inner{display:none}body.cms-homepage #menu{top:0; padding-top:50px; padding-bottom:50px; background:rgba(22,28,51,0.5)}body.cms-homepage #menu ul{padding-bottom:0}body.cms-homepage #menu ul li a{color:white}body.cms-homepage #menu ul li a.selection,body.cms-homepage #menu ul li a:hover{color:var(--main-color-2)}body.cms-homepage header#header-main.sticky{background:white}body.cms-homepage header#header-main.sticky #menu{background:transparent}body.cms-homepage header#header-main.sticky #menu ul li a{color:initial}body.cms-homepage header#header-main.sticky > .inner{display:block}body.cms-homepage header#header-main.sticky + #content{padding-top:125px}.general{margin-bottom:250px}.cms-presentation.PRESENTATION{position:relative;margin-bottom:100px}.cms-presentation.PRESENTATION:before{content:""; display:block; margin:-140px auto 100px auto; background:var(--main-color-2); height:190px; width:5px; transform:translateX(-50%); position:relative; z-index:1}.cms-presentation.PRESENTATION .infos{display:flex;justify-content:center;gap:100px;align-items:center}.cms-presentation.PRESENTATION .infos > *{width:calc(100% / 2)}.cms-presentation.PRESENTATION .title{margin:0 auto;font-size:60px;font-weight:var(--weight-black);text-align:right;line-height:1em}.cms-presentation.PRESENTATION .title span{display:block; text-transform:uppercase; font-size:160px; padding:50px 0}.cms-presentation.PRESENTATION .text{text-align:left}.cms-presentation.PRESENTATION .text ul{display:flex;flex-direction:column;gap:42px}.cms-presentation.PRESENTATION .text ul li a{font-size:24px;text-transform:uppercase;text-decoration:none;display:flex;gap:30px}.cms-presentation.PRESENTATION .text ul li a:before{content:"+";font-size:80px;font-weight:var(--weight-thin)}.you{background:var(--main-color-2);margin-bottom:90px}.you .cms-presentation.VOUS{position:relative;padding:140px 0 120px 0}.cms-presentation.VOUS:before{content:""; display:block; margin:-235px auto 100px auto; background:var(--main-color-1); height:190px; width:5px; transform:translateX(-50%); position:relative; z-index:2}.you .cms-presentation.VOUS .infos{display:flex; flex-direction:column-reverse; gap:90px}.you .cms-presentation.VOUS .infos .title{font-size:50px;font-weight:var(--weight-black);line-height:initial}.you .cms-presentation.VOUS .text{max-width:910px; margin:0 auto}.projets{margin-bottom:110px}.projets .cms-presentation.PROJETS{margin-bottom:90px}.projets .cms-presentation.PROJETS .title{font-weight:var(--weight-black);font-size:50px;text-align:center;margin-bottom:50px}.projets .cms-presentation.PROJETS .title:before{content:"";display:block;margin:0 auto 35px auto;width:28px;height:28px;border-right:8px solid; border-bottom:8px solid; transform:rotate(45deg);border-color:var(--main-color-2)}.projets .cms-presentation.PROJETS .text{max-width:910px; margin:0 auto 75px auto}.projets .cms-presentation-list{display:flex;flex-wrap:wrap;justify-content:center;gap:50px 75px;margin-bottom:65px}.projets .cms-presentation-list .cms-presentation{width:515px;margin-bottom:0}.projets .cms-presentation-list .cms-presentation > .inner{width:auto;padding:0}.projets .cms-presentation-list .cms-presentation figure{margin:0}.projets .cms-presentation-list .cms-presentation figure img{display:block;width:100%;height:auto}.projets .cms-presentation-list .cms-presentation .infos{background:white; margin:0 40px 0 40px; text-align:center; padding:20px 10px 0 10px; margin-top:-80px; position:relative; z-index:1}.projets .cms-presentation-list .cms-presentation .infos hgroup{margin-bottom:10px}.projets .cms-presentation-list .cms-presentation .infos .title{font-size:40px;color:var(--main-color-1);font-weight:var(--weight-black); line-height:initial}.projets .cms-presentation-list .cms-presentation .infos .text{margin:0 auto;width:300px}.projets .cms-presentation.PROJETS-CTA .more{text-align:center}.qsn{position:relative}.qsn .cms-presentation.AGENCE{background:var(--main-color-1);position:relative}.qsn .cms-presentation.AGENCE:before{content:""; position:absolute; height:35px; background:white; width:100%; top:0; z-index:1}.qsn .cms-presentation.AGENCE:after{content:""; position:absolute; height:35px; background:var(--main-color-3); width:100%; bottom:0; z-index:1}.qsn .cms-presentation.AGENCE > .inner{justify-content:center; gap:90px}.qsn .cms-presentation.AGENCE .video{max-width:600px;min-height:700px;position:relative;z-index:2}.qsn .cms-presentation.AGENCE .video .loader-video,.qsn .cms-presentation.AGENCE .video iframe{height:100% !important}.qsn .cms-presentation.AGENCE .image{max-width:600px;min-height:700px;position:relative;z-index:2}.qsn .cms-presentation.AGENCE .image img{height:100% !important; -o-object-fit:cover; object-fit:cover; width:100%; display:block}.qsn .cms-presentation.AGENCE .infos{max-width:530px;padding:100px 0}.qsn .cms-presentation.AGENCE .title{line-height:initial;color:white;font-size:60px;font-weight:var(--weight-black);margin-bottom:70px}.qsn .cms-presentation.AGENCE .text{color:white;margin-bottom:65px}.qsn .cms-presentation.AGENCE .more{text-align:center};.qsn .cms-presentation.AGENCE .button{color:white;border-color:white;background:transparent}.realisations{padding:200px 0 50px 0;background:var(--main-color-3);margin-bottom:90px}.realisations .cms-presentation.REFERENCES{margin-bottom:75px}.realisations .cms-presentation.REFERENCES .title{font-size:50px;font-weight:var(--weight-black);line-height:initial}.realisations .customer-references .references ul{gap:13px}.realisations .customer-references .references ul li h2{background:var(--main-color-3)}.confiance .cms-presentation.CONFIANCE{margin-bottom:70px}.confiance .cms-presentation.CONFIANCE hgroup{margin-bottom:0}.confiance .cms-presentation.CONFIANCE .title{font-size:50px;line-height:initial;font-weight:var(--weight-black)}.confiance .cms-presentation.CONFIANCE .text{text-align:justify;margin-bottom:0}.confiance .customer-partners .partners{position:relative}.confiance .customer-partners .partners ul{justify-content:space-between}.confiance .customer-partners:after{content:""; width:100px; display:block; border:2px solid var(--main-color-2); margin:0 auto; position:absolute; left:50%; transform:translateX(-50%); bottom:-40px}#language-flags{overflow:hidden;display:flex;justify-content:center}#language-flags a{margin:0 5px;display:block;text-indent:-100000px}#language-flags a{width:24px;height:16px;background:no-repeat center center;background-size:cover}#language-flags a.fr{background-image:url(../images/flags/fr.svg)}#language-flags a.en{background-image:url(../images/flags/en.svg)}#language-flags a.de{background-image:url(../images/flags/de.svg)}#language-flags a.nl{background-image:url(../images/flags/nl.svg)}#language-flags a.es{background-image:url(../images/flags/es.svg)}.responsive-menu,#responsive-menu{display:none}#responsive-menu:checked ~ .menu-page{display:block}.menu-page .close{display:none}.cms-page-children{margin:0 auto}.cms-page-children .inner{width:auto;padding:0}.cms-page-children ul{display:flex; flex-wrap:wrap; justify-content:center; gap:25px}.cms-page-children ul li{list-style-type:none; list-style-position:inside; width:300px; text-align:center}.cms-page-children ul li figure{background:url(../images/css/no-photo.svg) #EEEEEE no-repeat center center;background-size:50%;min-height:225px}.cms-page-children ul li figure img{display:block;width:100%;height:auto}.cms-page-children ul li .text{background:white; margin:0 20px; text-align:center; padding:20px 10px 20px 10px; position:relative; z-index:1; position:relative;transform:translateY(-50%)}.cms-page-children ul li .text:after{content:""; width:45px; position:absolute; bottom:0; left:50%; border-top:5px solid var(--main-color-2); transform:translateX(-50%)}.cms-page-children ul li .page-link{font-size:15px;text-transform:uppercase;letter-spacing:0.1em;font-weight:bold}.cms-page-children ul li .page-link:after{display:none}.cms-page-children ul li .summary{margin:0 40px 0 40px}.cms-page-children ul li .summary p{text-align:center}.cms-page-children.icon ul li figure{background:none}.cms-page-children.icon ul li figure img{max-height:225px}.sitemap .mod{margin:0}.sitemap .mod .blocks{display:flex; flex-wrap:wrap; justify-content:flex-start}.sitemap .mod .blocks .block{width:30%;margin:0 0 30px 0}.sitemap .mod .blocks .block ul{list-style-position:inside}.sitemap .mod .blocks .block li{margin:0 0 5px 0}.sitemap .mod .blocks .block li > ul{margin:10px 0 10px 20px}.cms-presentation.TEXT-ALONE{text-align:center}.cms-presentation.IMAGE figure img{display:block;width:100%;height:auto}.cms-presentation.IMAGE-LEFT .inner,.cms-presentation.IMAGE-RIGHT .inner{display:flex;flex-wrap:wrap;justify-content:space-between}.cms-presentation.IMAGE-RIGHT .inner{flex-direction:row-reverse}.cms-presentation.IMAGE-LEFT figure img,.cms-presentation.IMAGE-RIGHT figure img{display:block;width:100%;height:auto}.cms-presentation.IMAGE-LEFT .infos,.cms-presentation.IMAGE-RIGHT .infos{max-width:50%; display:flex; flex-direction:column; justify-content:center}.cms-presentation.VIDEO-LEFT .inner,.cms-presentation.VIDEO-RIGHT .inner{display:flex;flex-wrap:wrap;justify-content:space-between}.cms-presentation.VIDEO-RIGHT .inner{flex-direction:row-reverse}.cms-presentation.VIDEO-LEFT .video,.cms-presentation.VIDEO-RIGHT .video{width:100%;min-height:200px;background:#CCCCCC url(../images/loader/loader.svg) no-repeat center center;background-size:100px}.cms-presentation.VIDEO-LEFT iframe,.cms-presentation.VIDEO-RIGHT iframe{max-width:100%}.cms-presentation.VIDEO-LEFT .infos,.cms-presentation.VIDEO-RIGHT .infos{max-width:50%; display:flex; flex-direction:column; justify-content:center}.cms-presentation.TEXT-BACKGROUND{background-position:center center;background-size:cover}.cms-presentation.TEXT-BACKGROUND .inner{padding:65px 0;background:rgba(255,255,255,0.5)}.cms-presentation.TEXT-BACKGROUND .infos{text-align:center}.cms-presentation.IMAGE-TOP{text-align:center}.cms-presentation.IMAGE-TOP figure{margin:0 0 20px 0}.cms-presentation.IMAGE-ALONE{text-align:center}.cms-presentation.IMAGE-ALONE figure{margin:0 0 20px 0}.cms-presentation.VIDEO-ALONE{text-align:center}.cms-presentation.VIDEO-ALONE .video{margin:0 0 20px 0;min-height:200px;background:#CCCCCC url(../images/loader/loader.svg) no-repeat center center;background-size:100px}.cms-presentation.VIDEO-ALONE iframe{max-width:100%}.customer-references{margin:0 auto}.customer-references .inner{width:auto;max-width:1260px}.customer-references .categories{margin:0 0 60px 0;text-align:center}.customer-references .categories ul{list-style-type:none;margin:0;display:flex;flex-wrap:wrap;justify-content:center}.customer-references .categories ul li{margin:0}.customer-references .categories ul li a{display:block; height:auto; margin:-1px -1px 0 0; padding:10px 20px; border:1px solid #e2e2e2;color:inherit;text-decoration:none;text-transform:uppercase}.customer-references .categories ul li a:hover,.customer-references .categories ul li a.selected{background:#f9f9f9}.customer-references .references ul{display:flex; flex-wrap:wrap; justify-content:center; gap:25px}.customer-references .references ul li{list-style-type:none; list-style-position:inside; width:300px; text-align:center}.customer-references .references ul li figure{background:url(../images/css/no-photo.svg) #EEEEEE no-repeat center center;background-size:50%;min-height:225px}.customer-references .references ul li figure img{display:block;width:100%;height:auto}.customer-references .references ul li .text{margin-top:-30px}.customer-references .references ul li .reference-link{font-size:15px;text-transform:uppercase;letter-spacing:0.1em;background:white; margin:0 20px 15px 20px; text-align:center; padding:20px; position:relative; z-index:1; position:relative;font-weight:var(--weight-bold)}.customer-references .references ul li .reference-link:after{content:""; width:45px; position:absolute; bottom:0; left:50%; border-top:5px solid var(--main-color-2); transform:translateX(-50%)}.customer-references .references ul li .summary{position:relative; margin:0 30px 20px 30px; text-align:center}.responsive-menu-reference,#responsive-menu-reference{display:none}#responsive-menu-reference:checked + ul{display:block}.customer-partners{margin:0 auto}.customer-partners .categories{margin:0 0 40px 0;text-align:center}.customer-partners .categories ul{list-style-type:none;margin:0;display:flex;flex-wrap:wrap;justify-content:center}.customer-partners .categories ul li{margin:0 10px}.customer-partners .categories ul li a{display:block}.customer-partners .partners ul{display:flex; flex-wrap:wrap; justify-content:center; gap:20px}.customer-partners .partners ul li{list-style-type:none; list-style-position:inside; width:185px; text-align:center}.customer-partners .partners ul li figure{margin:0 0 20px 0;background:url(../images/css/no-photo.svg) #EEEEEE no-repeat center center;background-size:50%;min-height:125px}.customer-partners .partners ul li figure img{display:block;width:100%;height:auto}.customer-partners .partners ul li .partner-link{margin:0 0 10px 0}.customer-partners .partners ul li a{font-size:15px}.customer-partners .partners ul li .category{font-weight:bold;margin:0 0 5px 0}.customer-partners .partners ul li .summary{margin:0 0 30px 0;text-align:center}.community-all{text-align:center;margin:0 0 10px 0;overflow:hidden;display:flex;justify-content:center}.community-all .community{overflow:visible;padding:0;margin:0 10px}.community-all .community a{width:30px;height:30px;background:no-repeat center center;background-size:30px;text-indent:-10000px;display:block}.community-all .community-facebook a{background-image:url(../images/icons/social/facebook.svg)}.community-all .community-twitter a{background-image:url(../images/icons/social/twitter.svg)}.community-all .community-googlePlus a{background-image:url(../images/icons/social/google-plus.svg)}.community-all .community-flickr a{background-image:url(../images/icons/social/flickr.svg)}.community-all .community-youtube a{background-image:url(../images/icons/social/youtube.svg)}.community-all .community-pinterest a{background-image:url(../images/icons/social/pinterest.svg)}.community-all .community-instagram a{background-image:url(../images/icons/social/instagram.svg)}.community-all .community-linkedin a{background-image:url(../images/icons/social/linkedin.svg)}.sharer-all{text-align:center;margin:0 0 20px 0;overflow:hidden;display:flex;justify-content:center}.sharer-all .sharer{margin:0 5px}.sharer a{width:30px;height:30px;background:no-repeat center center;background-size:30px;text-indent:-10000px;display:block}.sharer.facebook a{background-image:url(../images/icons/social/facebook.svg)}.sharer.twitter a{background-image:url(../images/icons/social/twitter.svg)}.common-breadcrumb{padding:25px 0 0 0; text-align:center; background:var(--main-color-1); color:var(--main-color-2);font-size:10px;text-transform:uppercase; font-weight:var(--weight-bold);}.common-breadcrumb:after{content:"";display:block;margin:15px auto 0 auto;width:40px;border-top:4px solid white}.common-breadcrumb a{color:inherit;text-decoration:none}.common-header{background:var(--main-color-1);color:white;padding:25px 0 60px 0}.common-header .inner{display:flex; flex-direction:column}.common-header hgroup{text-align:center}.common-header hgroup *{color:white}.common-header hgroup h1{font-size:35px;text-align:center; font-weight:var(--weight-black); line-height:initial; margin-bottom:15px}.common-header hgroup p{font-size:20px;line-height:initial}.common-header h2 span{color:var(--main-color-2);font-weight:bold}.common-header .intro{margin-top:20px; background:var(--base-color-grey-light); border-radius:10px; padding:20px; text-align:justify}.common-header .intro .title{font-size:20px; font-weight:var(--weight-bold); margin-bottom:15px}#scrollTopBtn{position:fixed; bottom:30px; right:30px; font-size:30px; border-radius:50%; border:none; cursor:pointer; width:45px; height:45px; text-align:center; background:var(--main-color-2); border:1px solid var(--main-color-1); color:var(--main-color-1); opacity:0; pointer-events:none; transform:translateY(20px); transition:opacity 0.3s ease,transform 0.3s ease}#scrollTopBtn.visible{opacity:1; pointer-events:auto; transform:translateY(0)}