/* Page entreprise : règles limitées au nouvel article de la page CMS 7. */
@font-face{font-family:QsnMontserrat;src:url('../refonte/fonts/montserrat-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:optional}
@font-face{font-family:QsnMontserrat;src:url('../refonte/fonts/montserrat-light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:optional}
@font-face{font-family:QsnBebas;src:url('../refonte/fonts/bebasneue-latin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:QsnBebas;src:url('../refonte/fonts/bebas-neue-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:optional}
.qsn{--qsn-ardoise:#52677a;--qsn-papier:#f4f3ef;--qsn-noir:#000;width:100vw;margin-left:calc(50% - 50vw);background:white;color:var(--qsn-noir);font:300 12px/14.4px QsnMontserrat,Montserrat,Arial,sans-serif;text-align:left;isolation:isolate}
.qsn *,.qsn *::before,.qsn *::after{box-sizing:border-box}
.qsn h1,.qsn h2{margin:0 0 12px;color:var(--qsn-ardoise);font:700 28px/27px QsnBebas,'Bebas Neue',sans-serif;text-transform:uppercase;letter-spacing:.84px}
.qsn p{margin:0 0 14.4px;font:inherit;color:inherit}
.qsn p:last-child{margin-bottom:0}
.qsn a{color:inherit;text-decoration:none}
.qsn p a,.qsn-souligne{text-decoration:underline;text-underline-offset:1px}
.qsn strong{font-weight:600}.qsn-gras-atelier{font-weight:700}
.qsn a:focus-visible,.qsn video:focus-visible{outline:3px solid #bc9f58;outline-offset:4px}
.qsn-hero{height:428px;position:relative;max-width:1200px;margin:0 auto}
.qsn-hero-image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.qsn-hero-inner{position:relative;max-width:1200px;margin:0 auto;padding:97px 0 0 64px}
.qsn-hero .qsn-copy{width:385px}
.qsn-hero p{max-width:370px}
.qsn-preuves{height:118px;margin:0;padding:0 max(32px,calc((100vw - 1136px)/2));list-style:none;display:grid;grid-template-columns:235fr 302fr 193fr 223fr 183fr;align-items:center;background:var(--qsn-papier)}
.qsn-preuves li{display:flex;gap:12px;align-items:center;justify-content:flex-start;padding-left:27px;border-left:1px solid #bdbcb8;min-height:48px;font:300 12px/14px QsnMontserrat,Arial,sans-serif}
.qsn-preuves li:first-child{padding-left:19px}
.qsn-preuves li:first-child{border-left:0}
.qsn-preuves img{display:block;width:38px;height:38px;object-fit:contain;flex-shrink:0}
.qsn-preuves strong{font:700 22px/20px QsnBebas,sans-serif}
.qsn-rows{max-width:1200px;margin:0 auto;padding:21.408721px 28.709013px 0 31.805659px;display:grid;gap:22.275993px}
.qsn-row{display:grid;grid-template-columns:569.742664px 569.742664px;min-height:321px;gap:0;align-items:center}
.qsn-row>.qsn-copy{width:569.742664px;padding:0 50px 0 0}
.qsn-row.qsn-media-first>.qsn-copy{padding:0 0 0 50px}
.qsn-media{width:569.742664px;height:321px;overflow:hidden}
.qsn-image{display:block;margin:0;width:100%;height:100%;object-fit:cover;border:0}
.qsn-video{background:#222;object-fit:contain}
.qsn-contact{max-width:1200px;min-height:258px;margin:0 auto;padding:22px 32px 72px;text-align:center}
.qsn-contact .qsn-copy{width:100%}
.qsn-contact h2{margin-bottom:14px}
.qsn-contact p{margin:0;font:300 12px/14.4px QsnMontserrat,Arial,sans-serif}
.qsn-actions{display:flex;gap:52px;justify-content:center;margin-top:52px}
.qsn-button{display:flex;align-items:center;justify-content:center;width:280px;min-height:44px;border:1px solid var(--qsn-ardoise);border-radius:3px;background:var(--qsn-ardoise);color:#f5f3ef!important;font:700 14px/18px QsnMontserrat,Arial,sans-serif;text-transform:uppercase;padding:10px}
.qsn-button-outline{background:#fff;color:var(--qsn-ardoise)!important}
.qsn-button:hover{filter:brightness(.93)}
body#cms:has(#creideo-qsn) #content-wrapper,body#cms:has(#creideo-qsn) #main,body#cms:has(#creideo-qsn) .page-cms-7{margin-bottom:0;padding-bottom:0}
body#cms:has(#creideo-qsn) #content.page-cms-7{padding:0;background:#fff}
@media(min-width:901px){.qsn-row>.qsn-copy{transform:translateY(1.65px)}.qsn-row h2{transform:translateY(1.2px)}.qsn-contact h2{transform:translate(2.316px,1.34px)}
 .qsn-contact p{transform:translate(1.86px,-1.863px)}
 .qsn-actions{transform:translateY(-1.404px)}
 .qsn-button{height:43.5px;min-height:43.5px;line-height:29px;padding:9.578px 10px 0}
 .qsn-button>span{transform:translateY(-5px)}
 .qsn-preuves li{letter-spacing:.36px}
 .qsn-preuves li:first-child{font-weight:400;letter-spacing:0}
 .qsn-preuves strong{font:400 24px/24px QsnBebas,sans-serif;letter-spacing:.72px}
 .qsn-preuves strong{position:relative;top:2px}
 .qsn-preuves li:first-child strong{font-weight:700;top:3px}
 .qsn-preuves li>span{position:relative;top:-2.071825px}
 .qsn-preuves li:first-child>span{left:4.729007px;top:-3.071825px}
 .qsn-preuves li:nth-child(2)>span{left:-6.653877px}
 .qsn-preuves li:nth-child(3)>span{left:2.44px}
 .qsn-preuves li:nth-child(4)>span{left:7.174px}
 .qsn-preuves li:nth-child(5)>span{left:-7.677165px;top:-2.071825px}}
@media(max-width:1199px) and (min-width:901px){
 .qsn-rows{padding-left:2.6667%;padding-right:2.3333%}
 .qsn-row{grid-template-columns:1fr 1fr;min-height:calc(100vw * .2675)}
 .qsn-row>.qsn-copy,.qsn-media{width:100%}
 .qsn-media{height:auto;aspect-ratio:570/321}
 .qsn-row>.qsn-copy{padding-right:28px}.qsn-row.qsn-media-first>.qsn-copy{padding-left:28px}
}
@media(max-width:900px){
 .qsn{font-size:14px;line-height:1.55}
 .qsn h1,.qsn h2{font-size:30px;line-height:1.05;margin-bottom:16px}
 .qsn-desktop-break{display:none}
 .qsn-hero{height:auto;padding-top:260px}
 .qsn-hero-image{height:260px;object-position:center}
 .qsn-hero-inner{padding:28px 24px 32px;background:white}
 .qsn-hero .qsn-copy,.qsn-hero p{width:100%;max-width:none}
 .qsn-hero p{margin-bottom:16px}
 .qsn-preuves{height:auto;grid-template-columns:repeat(3,1fr);padding:24px 16px;gap:24px 12px}
 .qsn-preuves li,.qsn-preuves li:first-child{border:0;justify-content:flex-start;font-size:10px;line-height:13px;gap:8px;padding-left:0}
 .qsn-preuves strong{font-size:20px}
 .qsn-preuves img{width:30px;height:30px}
 .qsn-rows{padding:28px 24px 0;gap:40px}
 .qsn-row{display:flex;flex-direction:column;min-height:0;gap:24px;align-items:stretch}
 .qsn-row>.qsn-copy,.qsn-row.qsn-media-first>.qsn-copy{padding:0;width:100%}
 .qsn-copy-first>.qsn-media{order:-1}
 .qsn-media{width:100%;height:auto;aspect-ratio:570/321}
 .qsn-row p{margin-bottom:16px}
 .qsn-contact{padding:44px 24px 48px;min-height:0}
 .qsn-contact p{font-size:14px;line-height:1.55}
 .qsn-actions{gap:20px;margin-top:28px}
 .qsn-button{width:280px;font-size:12px}
}
@media(max-width:480px){
 .qsn-hero{padding-top:190px}.qsn-hero-image{height:190px;object-position:65% center}
 .qsn-hero-inner{padding:24px 20px 28px}
 .qsn-preuves{grid-template-columns:1fr 1fr;padding:20px;gap:20px 14px}
 .qsn-preuves li:last-child{grid-column:1/-1;justify-content:center}
 .qsn-rows{padding:24px 20px 0;gap:36px}
 .qsn-actions{flex-direction:column;align-items:stretch;gap:12px}
 .qsn-button{width:100%;min-height:48px}
 .qsn-contact{padding:36px 20px 40px}
}
@media(prefers-reduced-motion:reduce){.qsn *{scroll-behavior:auto;transition:none}}

/* Le fil d’Ariane reste dans le document, sans déplacer la composition. */
body#cms:has(.ca-page-qsn) #wrapper{padding-top:0;padding-bottom:0}
body#cms:has(.ca-page-qsn) .breadcrumb{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.ca-page-qsn .qsn-preuves{margin:0;list-style:none}
.ca-page-qsn .qsn-preuves>li{list-style:none}
@media(min-width:901px){
 .ca-page-qsn .ca-refonte #ca-site-header{min-height:calc(164px * var(--k,1))}
 .ca-page-qsn .ca-refonte .header-main{height:calc(100.66px * var(--k,1))}
}

/* À 1200 px, la page entreprise conserve les dimensions de sa maquette native. */
@media(min-width:1200px) and (max-width:1200px){
 .ca.ca-page-qsn{--k:1;--ca-largeur-site:1200px}
 .ca.ca-page-qsn .ca-refonte #ca-site-header:not(.compact){height:164px;min-height:164px;border-bottom:0}
 .ca.ca-page-qsn .ca-refonte .header-main{height:100.66px;width:1200px;max-width:1200px;padding:0 44px 0 52px}
 .ca.ca-page-qsn .ca-refonte .desktop-nav{height:33.34px;width:1200px;max-width:1200px;padding:0 65px;gap:40px}
 .ca.ca-page-qsn .ca-refonte .desktop-nav>.ca-menu-item{height:auto}
 .ca.ca-page-qsn .ca-refonte .desktop-nav>.ca-menu-item>a{height:auto;min-height:37px;padding:0;transform:translateY(-6px);font:600 12px Montserrat,Arial,sans-serif}
}

@media (min-width:601px) and (max-width:900px){
 .qsn-media{max-width:570px;margin-inline:auto}
}