/* Emploi Éclair / identité 2026. Normes Packsac Studio, pages 19–25. */
@font-face{font-family:"Google Sans Flex";src:url("google-sans-flex.woff2") format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}
:root{--ee-green:#14491e;--ee-lime:#d9ef35;--ee-light:#4bbc61;--ee-orange:#d86d50;--ee-beige:#f3d4b9;--ee-line:#d5ded5;--ee-font:"Google Sans Flex",Arial,sans-serif}
html{font-size:16px;scroll-padding-top:110px;scroll-behavior:smooth}
body{font-family:var(--ee-font);font-size:18px;line-height:1.6;color:var(--ee-green);background:#fff}
*,*:before,*:after{box-sizing:border-box}
h1,h2,h3,h4,h5,h6,.title,.sub-title{font-family:var(--ee-font);color:var(--ee-green);text-transform:none;letter-spacing:-.035em;line-height:1.08}
h1{font-size:clamp(38px,5vw,76px);font-weight:700}h2,.title{font-size:clamp(32px,3.3vw,48px);font-weight:650;margin-bottom:28px}h3,.sub-title{font-size:clamp(25px,2.4vw,34px);font-weight:600;margin-bottom:22px}h4{font-size:26px}
a{color:var(--ee-green);text-underline-offset:4px}a:hover{color:#226b30}p{margin-bottom:24px}.inner{max-width:1320px;padding:0 48px}img{max-width:100%}
button,input,textarea,select{font-family:var(--ee-font);font-size:16px}input[type=checkbox],input[type=radio]{accent-color:var(--ee-green)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--ee-green);outline-offset:4px}
.btn,.brand-button,.fc-button{border-radius:999px;font-family:var(--ee-font);font-size:16px;font-weight:600;line-height:1.2;padding:16px 25px;color:var(--ee-green);background:var(--ee-lime);border:1px solid transparent;text-decoration:none;transition:background .18s,color .18s}
.btn:hover,.brand-button:hover{background:var(--ee-green);color:#fff;border-color:var(--ee-green)}
.brand-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px}
.brand-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.brand-button-dark{background:var(--ee-green);color:#fff}.brand-button-dark:hover{background:var(--ee-light);color:var(--ee-green)}
#menu-ctn{background:#fff;box-shadow:none;border-bottom:1px solid var(--ee-green)}
#main-menu{max-width:1440px;margin:auto;padding:0 30px;align-items:center;min-height:98px;gap:20px}
#main-menu .img-ctn{width:300px;max-width:300px;flex:0 0 300px}#main-menu .logo{display:block;width:100%;height:auto;padding:0}
#main-menu .close-menu a{background:var(--ee-green)}#main-menu .label-menu,#main-menu .label-menu:before{color:var(--ee-green)}
#main-menu ul{margin:0;display:flex;align-items:center;gap:14px}#main-menu ul li .nav{font-size:12px;line-height:1.3;font-weight:600;color:var(--ee-green);padding:35px 0!important;border:0;letter-spacing:0}
#main-menu ul li .nav:hover,#main-menu ul li .nav.active{color:var(--ee-green)!important}#main-menu ul #magic-line{background:var(--ee-lime);height:4px}
#main-menu ul li .nav.social{margin:0!important;padding:0!important;border:0;background:var(--ee-green)!important;color:#fff!important;border-radius:50%;height:28px;width:28px;display:grid;place-items:center}
#main-menu ul li .nav.social i{top:auto;font-size:12px}#main-menu ul li.first-social{margin-left:5px!important}
.top-banner{background:#fff;min-height:640px;padding:90px 0 95px;position:relative;isolation:isolate;overflow:hidden}
.top-banner .inner{position:relative;inset:auto;transform:none;text-align:left;width:100%;z-index:1}
.top-banner h1{font-size:clamp(44px,5.8vw,82px);max-width:780px;line-height:1.02;font-weight:650;letter-spacing:-.055em;color:var(--ee-green);margin:0 0 30px;text-transform:none}
.top-banner h1 span{display:block}.top-banner h2{font-size:22px;line-height:1.4;letter-spacing:-.01em;text-transform:none;max-width:520px;font-weight:400;color:var(--ee-green);margin:0 0 32px}
.hero-monogram{position:absolute;width:490px;height:490px;object-fit:contain;right:max(35px,calc((100vw - 1370px)/2));top:68px;z-index:0}
.brand-actions{display:flex;gap:14px;flex-wrap:wrap}
#concept{background:#fff;padding:78px 0 90px;border-top:1px solid var(--ee-line)}
#concept .concept-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:80px;align-items:center}
#concept .concept-copy{font-size:17px;line-height:1.65}#concept h3{font-size:28px;margin:0 0 20px}#concept h3:first-of-type{font-size:44px;margin-bottom:38px}
#concept h4{font-size:29px;line-height:1.18;font-weight:600;color:var(--ee-green);margin:28px 0}
#concept .concept-copy p:empty{display:none}
#concept .concept-copy [style*="color"]{color:var(--ee-green)!important}
.concept-media{position:relative;align-self:stretch;min-height:500px;padding-bottom:45px}
#concept .conversation-photo{width:100%;height:100%;min-height:500px;max-height:680px;object-fit:cover;object-position:80% center;border-radius:3px}
#concept .concept-pictogram{position:absolute;left:-32px;bottom:0;width:128px;height:128px;padding:12px;background:var(--ee-lime);border-radius:50%}
#testimonies-ctn{background:var(--ee-green);padding:80px 0;color:#fff}
#testimonies-ctn .detail-ctn{background:transparent;border:0;border-radius:0;color:#fff;font-size:22px;font-weight:400;line-height:1.5;padding:24px 38px 24px 0}
#testimonies-ctn .item{padding:0 26px}#testimonies-ctn .big-quote svg{fill:var(--ee-lime);width:28px;height:28px}#testimonies-ctn .big-quote{position:static;display:inline-block;margin-right:8px}#testimonies-ctn .big-quote.last{display:none}
#testimonies-ctn .name{color:var(--ee-lime);font-size:18px;display:block;font-weight:600}#testimonies-ctn .kind{color:#fff;font-size:15px}
#testimonies-ctn .owl-nav{display:flex;justify-content:flex-end;gap:12px;margin-top:26px}#testimonies-ctn .owl-nav button{width:46px;height:46px;border-radius:50%;background:var(--ee-lime);color:var(--ee-green);margin:0;display:grid;place-items:center}
#testimonies-ctn .owl-nav button span{display:none}#testimonies-ctn .owl-nav button:before{content:"";width:23px;height:23px;background:var(--ee-green);mask:url("arrow.svg") center/contain no-repeat;-webkit-mask:url("arrow.svg") center/contain no-repeat}#testimonies-ctn .owl-nav .owl-prev:before{transform:rotate(180deg)}
#testimonies-ctn .owl-dots .owl-dot span{background:#91ab95}#testimonies-ctn .owl-dots .owl-dot.active span{background:var(--ee-lime)}
#calendrier{background:#fff;padding:95px 0 75px}#calendrier .title{margin-bottom:20px}
#calendar{margin-top:40px}#calendar .fc-toolbar h2{font-size:28px;font-weight:550;letter-spacing:-.025em;text-transform:capitalize}
#calendar .fc-button{background:var(--ee-green);border:1px solid var(--ee-green);color:#fff;border-radius:24px;padding:11px 17px;font-size:15px;box-shadow:none}
#calendar .fc-button:hover{background:var(--ee-lime);color:var(--ee-green)}#calendar .fc-button:disabled{opacity:.55}
#calendar .fc-button-group{gap:5px}#calendar .fc-prev-button,#calendar .fc-next-button{border-radius:50%;width:42px;height:42px;padding:9px}
#calendar .fc-icon{font-family:fcicons!important}#calendar .fc-day-header{font-weight:600;color:var(--ee-green);background:#edf6ef;border-color:var(--ee-line);font-size:14px}#calendar .fc-day-header span{padding:13px 0}
#calendar .fc-day{background:#fff}#calendar .fc-today{background:var(--ee-lime)!important}#calendar td,#calendar th{border-color:var(--ee-line)}#calendar .fc-day-number{font-size:15px;padding:8px 10px;color:var(--ee-green)}
#calendar .fc-event{background:var(--ee-green)!important;color:#fff!important;border:0!important;border-left:4px solid var(--event-accent,var(--ee-light))!important;border-radius:3px;margin:3px 4px;padding:6px 5px}
#calendar .fc-title,#calendar .fc-content{font-size:12px;font-weight:500;line-height:1.35}#calendar .fc-day-grid-event .fc-content{white-space:normal}
.legend{margin-top:35px;padding-bottom:0;text-shadow:none;font-size:14px;gap:12px 32px}.legend h3{font-size:20px;text-transform:none;letter-spacing:0;margin:0 0 10px}.legend>span{width:calc(50% - 16px);line-height:1.55;color:var(--ee-green)}.legend>span:before{background:var(--event-accent,var(--ee-green))!important;width:11px;height:11px;top:6px}.legend>span .city{color:var(--ee-green)!important}
#infolettre{background:#edf6ef;padding:80px 0;text-align:left}#infolettre .inner{text-align:left;max-width:1000px}#infolettre .title{margin-bottom:28px!important}
#infolettre form._form{background:#fff!important;color:var(--ee-green)!important;font-family:var(--ee-font)!important;max-width:none!important;margin:0!important;padding:38px!important;border-radius:6px!important}
#infolettre ._form *{font-family:var(--ee-font)!important}#infolettre ._form h2,#infolettre ._form ._form-title{font-size:25px!important;text-transform:none!important;line-height:1.25!important;font-weight:550!important;letter-spacing:-.025em!important;color:var(--ee-green)!important}
#infolettre ._form p,#infolettre ._form label{font-size:16px!important;line-height:1.5!important;color:var(--ee-green)!important}#infolettre ._form input:not([type=checkbox]):not([type=hidden]){padding:13px 15px!important;border:1px solid #9eb4a2!important;border-radius:3px!important;font-size:16px!important;min-height:48px}
#infolettre ._form input[type=checkbox]{width:18px;height:18px;margin-right:8px}#infolettre ._form ._submit{background:var(--ee-green)!important;border-radius:28px!important;color:#fff!important;padding:15px 30px!important;font-size:16px!important;font-weight:600!important}
#nous-joindre{padding:85px 0;background:#fff;color:var(--ee-green);text-align:left}#nous-joindre .inner{position:relative;padding-right:260px}#nous-joindre h2{color:var(--ee-green);font-size:44px;margin-bottom:24px}#nous-joindre h3{font-size:25px;max-width:700px;line-height:1.3;color:var(--ee-green)}#nous-joindre p{font-size:18px;font-weight:400}#nous-joindre .contact-pictogram{position:absolute;right:60px;top:30px;width:160px;height:160px}
footer .bottom-footer{background:#fff;border-top:1px solid var(--ee-green);padding:45px 0 28px;color:var(--ee-green)}footer .bottom-footer p{color:var(--ee-green);font-size:15px}footer .copyright{font-size:12px!important;line-height:1.65;margin:30px 0 0!important}
.brand-partners{display:flex;justify-content:center;align-items:center;gap:60px;margin:32px 0 45px}.partner{display:block;width:220px;height:75px;background:var(--ee-green);mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.partner-ville{width:160px;height:100px;mask-image:url("Ville-de-Quebec.svg");-webkit-mask-image:url("Ville-de-Quebec.svg")}.partner-desjardins{mask-image:url("Desjardins.svg");-webkit-mask-image:url("Desjardins.svg")}.partner-quebec{mask-image:url("Gouvernement-du-Quebec.svg");-webkit-mask-image:url("Gouvernement-du-Quebec.svg")}
#cookie_directive_container{border-top:1px solid var(--ee-green);padding:18px 28px;font-size:14px;line-height:1.5}#cookie_accept{max-width:1240px;gap:30px;align-items:center}#credit{margin:0}#btnAcceptCookie{white-space:nowrap;align-self:center;padding:12px 24px}
.content.tos{padding:65px 0 90px;background:#fff}.content.tos .inner{max-width:1160px}.content.tos [style*="color"]{color:var(--ee-green)!important}.content.tos p,.content.tos li{font-size:18px;line-height:1.65}.content.tos h1,.content.tos h2{margin:0 0 30px;color:var(--ee-green)}.content.tos .brand-interior-photo{float:right;width:36%;margin:5px 0 35px 55px;border-radius:4px}.content.tos:after{content:"";display:block;clear:both}
@media(max-width:1199px){#main-menu{padding:0 24px;min-height:88px}#main-menu ul{display:block}#main-menu .menu-ctn{background:#fff;padding:24px}#main-menu ul li .nav{font-size:16px;padding:14px 0!important}#main-menu ul li .nav.social{display:inline-grid}#main-menu .img-ctn{flex-basis:270px;max-width:270px}.top-banner{min-height:570px;padding:75px 0}.top-banner h1{max-width:650px;font-size:68px}.hero-monogram{width:380px;height:380px;right:-45px;top:90px}.top-banner h2{max-width:490px}#concept .concept-grid{gap:50px}.inner{padding:0 35px}}
@media(max-width:767px){html{scroll-padding-top:90px}body{font-size:17px}.inner{padding:0 24px}#main-menu{padding:0 12px;min-height:78px}#main-menu .img-ctn{width:250px;max-width:250px;flex-basis:250px}.top-banner{min-height:0;padding:55px 0 65px}.top-banner h1{font-size:clamp(40px,8.5vw,61px);max-width:90%;margin-bottom:26px}.top-banner h2{font-size:19px;max-width:90%}.hero-monogram{width:255px;height:255px;right:-110px;top:35px;opacity:.5}.brand-actions{gap:12px}.brand-button{font-size:15px;padding:15px 20px;gap:12px}#concept{padding:55px 0 65px}#concept .concept-grid{display:flex;flex-direction:column;gap:28px}#concept h3:first-of-type{font-size:36px}#concept h3{font-size:25px}.concept-media{width:100%;min-height:0;padding-bottom:25px}#concept .conversation-photo{height:330px;min-height:0;max-height:none}#concept .concept-pictogram{left:18px;width:92px;height:92px}#testimonies-ctn{padding:45px 0}#testimonies-ctn .item{padding:0 4px}#testimonies-ctn .detail-ctn{font-size:20px;padding:15px 5px}#calendrier{padding:55px 0}.legend>span{width:100%}#calendar .fc-toolbar{gap:12px;align-items:center;flex-wrap:wrap}#calendar .fc-toolbar h2{font-size:24px}#calendar .fc-day-header{font-size:11px}#calendar .fc-day-header span{padding:10px 0}#calendar .fc-day-number{font-size:12px;padding:5px}#calendar .fc-event{padding:4px 2px;margin:2px 1px;border-left-width:2px!important}#calendar .fc-content{font-size:10px;line-height:1.25;overflow-wrap:anywhere}#calendar .fc-title{font-size:10px}#infolettre{padding:50px 0}#infolettre form._form{padding:22px!important}#infolettre ._form h2,#infolettre ._form ._form-title{font-size:23px!important}#nous-joindre{padding:55px 0}#nous-joindre .inner{padding-right:24px}#nous-joindre h2{font-size:36px}#nous-joindre h3{font-size:23px}#nous-joindre .contact-pictogram{position:static;width:105px;height:105px;margin-top:10px}.brand-partners{gap:24px;flex-wrap:wrap;margin:20px 0 30px}.partner{width:145px;height:44px}.partner-ville{width:120px;height:78px}.content.tos{padding:40px 0 65px}.content.tos .brand-interior-photo{float:none;width:100%;height:250px;object-fit:cover;margin:0 0 30px}#cookie_directive_container{padding:14px 20px}#cookie_accept{gap:12px}#credit{text-align:left;font-size:12px}#btnAcceptCookie{font-size:14px;margin:0 0 0 auto;padding:10px 20px}}
#je-cherche{margin:0;padding:0;background:none}#je-cherche>.inner{padding:0}#je-cherche .title{text-align:left}#je-cherche .blocks-ctn{gap:20px;justify-content:flex-start;margin:30px 0 45px}
#je-cherche .blocks-ctn .block{background-color:#edf6ef!important;color:var(--ee-green);border:0!important;border-radius:4px;padding:95px 24px 28px;background-size:55px;background-position:center 22px}
#je-cherche .blocks-ctn .block-1{background-image:url("coup-de-foudre.svg")!important}#je-cherche .blocks-ctn .block-2{background-image:url("temps.svg")!important}#je-cherche .blocks-ctn .block:after{display:none}#je-cherche .blocks-ctn .block h4{font-size:25px;color:var(--ee-green);text-transform:none}#je-cherche .blocks-ctn .block p{font-size:16px;line-height:1.55;font-weight:400}
.content ._form{font-family:var(--ee-font)!important;background:#edf6ef!important;padding:30px!important;border-radius:5px!important;color:var(--ee-green)!important;max-width:850px!important}.content ._form *{font-family:var(--ee-font)!important}.content ._form label{color:var(--ee-green)!important;font-size:16px!important}.content ._form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.content ._form select,.content ._form textarea{font-size:16px!important;border:1px solid #9eb4a2!important;border-radius:3px!important;min-height:45px!important;padding:10px!important}.content ._form ._submit{background:var(--ee-green)!important;color:#fff!important;border-radius:26px!important;padding:15px 25px!important;font-size:16px!important;font-weight:600!important}
.faq-item{border:0!important;border-bottom:1px solid var(--ee-line)!important;background:#fff!important;margin:0!important}.faq-question{background:#fff!important;color:var(--ee-green)!important;padding:22px 40px 22px 0!important;font-size:19px;font-weight:600;position:relative}.faq-question .arrow{font-size:0!important;position:absolute;right:4px;top:25px;width:23px;height:23px;background:var(--ee-green);mask:url("arrow.svg") center/contain no-repeat;-webkit-mask:url("arrow.svg") center/contain no-repeat}.faq-answer{background:#edf6ef!important;color:var(--ee-green)!important;padding:22px!important}
/* Preserve partner reverse lettering; an alpha mask would erase the white tagline. */
.brand-partners .partner{background:transparent;mask:none;-webkit-mask:none;object-fit:contain}.brand-partners .partner-desjardins{width:310px;height:80px}
#nous-joindre .inner{text-align:left}#nous-joindre .contact{font-weight:400}#nous-joindre .contact a{color:var(--ee-green)}
#testimonies-ctn .owl-carousel .owl-nav button.owl-prev,#testimonies-ctn .owl-carousel .owl-nav button.owl-next{position:static;inset:auto;transform:none}#testimonies-ctn .name,#testimonies-ctn .kind{margin-left:0}
.brand-separator{height:1px;background:var(--ee-line);margin:40px 0}
.content:not([data-scroll])>.inner{margin-top:0;margin-bottom:0}.logo-wrapper{margin-bottom:25px}.logo-wrapper .logo-ctn{width:340px;max-width:100%}.logo-wrapper .logo-ctn .city{position:static;width:auto;font-size:22px;color:var(--ee-green);white-space:normal}
.content:not([data-scroll]){padding-top:55px;padding-bottom:65px}.content:not([data-scroll]) .date{color:var(--ee-green);font-size:clamp(25px,3vw,40px);font-weight:600}.content:not([data-scroll]) .sub-title{color:var(--ee-green);font-size:28px}.content:not([data-scroll]) a{color:var(--ee-green)}
@media(max-width:767px){.brand-partners .partner-desjardins{width:280px;height:68px}.brand-partners{gap:26px}.top-banner h1{max-width:100%;font-size:clamp(40px,8.5vw,61px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-aos]{opacity:1!important;transform:none!important}}