:root{
--navy:#062f64;--navy-dark:#001f46;--blue:#0b4f91;--gold:#dca319;--gold-light:#f1c75b;
--ivory:#fbf8f1;--white:#fff;--ink:#172438;--muted:#667386;--line:#e8dfcf;
--shadow:0 14px 40px rgba(0,31,70,.12);--radius:18px;--container:min(1240px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.7}body.menu-open{overflow:hidden}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:none;color:var(--gold)}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.skip-link:focus{clip:auto;width:auto;height:auto;top:8px;left:8px;background:#fff;padding:10px 14px;z-index:99999}.section-shell{width:var(--container);margin-inline:auto}.site-main{min-height:60vh}
.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(110deg,var(--navy-dark),var(--navy));border-bottom:3px solid var(--gold);box-shadow:0 8px 26px rgba(0,31,70,.18)}.header-inner{width:var(--container);min-height:116px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:14px;color:#fff;min-width:310px}.brand:hover{color:#fff}.brand img{width:88px;height:88px;flex:0 0 88px}.brand-text{font-family:Georgia,'Times New Roman',serif;display:flex;flex-direction:column;font-size:22px;line-height:1.05}.brand-text b{font-size:27px;color:var(--gold-light);font-weight:600}.brand-text strong{font-weight:500}.custom-logo-wrap .custom-logo-link{display:block}.custom-logo-wrap img{width:auto;max-height:95px}.main-navigation{margin-left:auto}.primary-menu{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:28px}.primary-menu li{position:relative}.primary-menu a{display:block;padding:22px 0 12px;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:17px;white-space:nowrap}.primary-menu a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:2px;background:var(--gold);transition:right .25s}.primary-menu a:hover,.primary-menu .current-menu-item>a{color:var(--gold-light)}.primary-menu a:hover::after,.primary-menu .current-menu-item>a::after{right:0}.primary-menu .sub-menu{display:none;position:absolute;top:100%;left:-20px;min-width:220px;padding:12px 20px;background:var(--navy-dark);border:1px solid rgba(241,199,91,.35);box-shadow:var(--shadow);list-style:none}.primary-menu li:hover>.sub-menu,.primary-menu li:focus-within>.sub-menu{display:block}.primary-menu .sub-menu a{padding:8px 0}.menu-toggle{display:none;background:none;border:0;color:#fff;padding:10px}.menu-toggle span{display:block;width:27px;height:2px;background:#fff;margin:5px}.menu-toggle em{font-style:normal;font-size:12px}
.hero{position:relative;overflow:hidden;background:linear-gradient(105deg,rgba(255,255,255,.98) 5%,rgba(255,251,241,.93) 55%,rgba(224,238,248,.66)),linear-gradient(180deg,#eaf2f8,#fdf8ed);min-height:550px}.hero::before{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(165deg,transparent 42%,rgba(52,91,123,.24) 43%,rgba(25,65,100,.32) 61%,rgba(0,31,70,.2) 62%);opacity:.8}.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 70% 22%,rgba(241,199,91,.8) 0 2px,transparent 3px),radial-gradient(circle at 80% 12%,rgba(255,255,255,.9) 0 2px,transparent 3px);background-size:120px 120px,170px 170px;opacity:.5}.hero-inner{position:relative;z-index:2;width:var(--container);min-height:550px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px}.hero-copy{padding:60px 0 100px}.eyebrow{margin:0 0 12px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px}.hero h1{font:700 clamp(44px,5vw,72px)/1.04 Georgia,'Times New Roman',serif;color:var(--navy);max-width:850px;margin:0}.gold-divider{display:flex;align-items:center;gap:12px;width:min(390px,100%);margin:24px 0;color:var(--gold)}.gold-divider i{display:block;height:1px;background:var(--gold);flex:1}.gold-divider b{font-size:23px;font-weight:400}.hero-lead{font-size:21px;max-width:710px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button,.wp-element-button,.edd-submit,.edd-submit.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--navy)!important;border-radius:6px!important;padding:13px 22px!important;font-weight:700;text-transform:uppercase;letter-spacing:.02em;transition:transform .2s,box-shadow .2s,background .2s;color:var(--navy);background:#fff}.button:hover,.wp-element-button:hover,.edd-submit:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,31,70,.18)}.button-primary,.edd-submit.button{background:linear-gradient(100deg,var(--navy-dark),var(--navy))!important;color:#fff!important;border-color:var(--navy)!important}.button-primary span,.button-light span{color:var(--gold)}.button-light{border-color:var(--gold)!important;color:#9a6500!important}.hero-visual{display:flex;align-items:center;justify-content:center;padding-top:40px}.hero-visual img{width:min(520px,100%);filter:drop-shadow(0 25px 35px rgba(0,31,70,.23));animation:floatCompass 7s ease-in-out infinite}@keyframes floatCompass{50%{transform:translateY(-12px) rotate(1deg)}}
.featured-products{position:relative;z-index:3;margin-top:-68px}.floating-panel{background:rgba(255,255,255,.97);padding:36px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(220,163,25,.25)}.section-heading{text-align:center;margin:0 auto 34px;max-width:900px}.section-heading h1{font:700 clamp(34px,4vw,52px)/1.1 Georgia,'Times New Roman',serif;color:var(--navy);margin:0}.section-heading .gold-divider{margin:15px auto}.section-heading p{margin:0;color:var(--muted);font-size:18px}.card-grid{display:grid;gap:24px}.card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.software-card{position:relative;overflow:hidden;background:#fff;border-radius:12px;border:1px solid #e6e2da;border-top:3px solid var(--gold);box-shadow:0 8px 22px rgba(0,31,70,.08);transition:transform .25s,box-shadow .25s}.software-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(0,31,70,.15)}.card-media{display:flex;align-items:center;justify-content:center;min-height:190px;background:linear-gradient(145deg,#f5f8fb,#fff7e4);overflow:hidden}.card-media img{width:100%;height:210px;object-fit:cover}.fallback-symbol{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:45px;box-shadow:0 12px 24px rgba(0,31,70,.18)}.card-body{padding:22px}.card-kicker{color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin:0 0 5px}.software-card h2{font:700 25px/1.2 Georgia,'Times New Roman',serif;margin:0 0 12px}.software-card h2 a{color:var(--navy)}.card-excerpt{color:#4f5d6e}.card-excerpt p{margin:0 0 14px}.card-price,.product-price{font:700 23px Georgia,'Times New Roman',serif;color:#986300;margin:12px 0}.card-link{display:inline-flex;gap:12px;align-items:center;font-weight:700;color:var(--navy)}.card-link span{color:var(--gold)}.card-icon{width:84px;height:84px;margin:0 auto 15px;border-radius:50%;background:var(--navy);position:relative}.software-card>.card-icon{margin-top:24px}.software-card>h2,.software-card>p,.software-card>a:not(.card-media){margin-left:24px;margin-right:24px}.software-card>a:not(.card-media){display:inline-block;margin-bottom:24px}.icon-sun::before{content:"☀"}.icon-moon::before{content:"☾"}.icon-diamond::before{content:"◇"}.card-icon::before{position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font-size:45px}
.why-section{padding:90px 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px rgba(0,31,70,.06)}.benefit-grid article{background:#fff;padding:30px}.line-icon{display:block;color:var(--gold);font-size:44px;line-height:1}.benefit-grid h2{font:700 23px Georgia,'Times New Roman',serif;color:var(--navy);margin:14px 0 7px}.benefit-grid p{margin:0;color:#526071}.categories-section{padding:80px 0;background:linear-gradient(120deg,var(--navy-dark),var(--navy));color:#fff;position:relative;overflow:hidden}.categories-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(241,199,91,.16),transparent 34%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.08),transparent 30%)}.categories-section .section-shell{position:relative}.categories-section .section-heading h1{color:#fff}.categories-section .section-heading p{color:#dce7f2}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.category-card{color:#fff;border:1px solid rgba(241,199,91,.45);border-radius:14px;padding:25px;background:rgba(255,255,255,.06);backdrop-filter:blur(5px);min-height:260px;transition:.25s}.category-card:hover{color:#fff;background:rgba(255,255,255,.12);transform:translateY(-6px);border-color:var(--gold)}.category-card>span{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--gold);border-radius:50%;color:var(--gold-light);font:700 20px Georgia,serif}.category-card h2{color:#fff;font:700 25px Georgia,serif;margin:18px 0 8px}.category-card p{color:#dce7f2;font-size:14px}.category-card b{color:var(--gold-light)}.trust-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.trust-grid div:not(:last-child){border-right:1px solid var(--line)}.trust-grid strong{display:block;color:var(--navy);font:700 24px Georgia,serif}.trust-grid span{color:var(--muted);font-size:14px}
.page-hero{background:linear-gradient(120deg,#fff,#f8f2e5);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero::after{content:"✦";position:absolute;right:6%;top:0;font-size:280px;color:rgba(220,163,25,.07);line-height:1}.compact-hero{padding:38px 0 45px}.compact-hero .section-heading{margin-bottom:0}.breadcrumbs{position:relative;z-index:2;display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:20px}.breadcrumbs a{color:var(--navy)}.catalogue-page{padding:60px 0 90px}.catalogue-intro{max-width:980px;margin:0 auto 35px}.filter-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 40px}.filter-links a{padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:700;color:var(--navy)}.filter-links a:hover{border-color:var(--gold);color:#956100}.prose{font-size:17px}.prose h2,.prose h3,.prose h4{font-family:Georgia,'Times New Roman',serif;color:var(--navy);line-height:1.25}.prose h2{font-size:32px}.prose h3{font-size:25px}.prose blockquote{margin:30px 0;padding:18px 25px;border-left:4px solid var(--gold);background:#fff9e9}.prose table{width:100%;border-collapse:collapse;background:#fff}.prose th{background:var(--navy);color:#fff}.prose th,.prose td{padding:12px;border:1px solid var(--line)}.content-card{margin-top:55px;margin-bottom:80px;background:#fff;padding:clamp(24px,5vw,60px);border-radius:var(--radius);box-shadow:var(--shadow)}.info-panel{display:flex;align-items:flex-start;gap:22px;background:#fff;margin-top:55px;padding:28px;border-radius:var(--radius);border:1px solid var(--line);box-shadow:0 8px 25px rgba(0,31,70,.06)}.panel-icon{display:grid;place-items:center;flex:0 0 65px;height:65px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:30px}.info-panel h2{font:700 27px Georgia,serif;color:var(--navy);margin:0 0 6px}.info-panel p{margin:0}.empty-state{grid-column:1/-1;padding:35px;background:#fff;border:1px dashed var(--gold);text-align:center}
.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center;padding:70px 0}.about-visual{background:linear-gradient(135deg,var(--navy),#0a5598);border-radius:var(--radius);padding:35px;box-shadow:var(--shadow)}.about-copy{background:#fff;border-radius:var(--radius);padding:35px;box-shadow:0 8px 25px rgba(0,31,70,.07)}.values-section{padding-bottom:85px}.contact-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;padding:65px 0 85px}.contact-form-card,.contact-card{background:#fff;border-radius:var(--radius);padding:30px;box-shadow:0 8px 28px rgba(0,31,70,.08);border:1px solid var(--line)}.contact-form-card h2,.contact-card h2{font:700 28px Georgia,serif;color:var(--navy);margin-top:0}.contact-sidebar{display:grid;gap:22px;align-content:start}.contact-card p{border-bottom:1px solid var(--line);padding-bottom:13px}.contact-card p:last-child{border:0}.contact-card b,.contact-card a,.contact-card span{display:block}.gold-card{background:linear-gradient(145deg,#fffaf0,#f8ecd0);border-color:#e4c776}.gold-card ul{padding-left:20px}.form-placeholder{border:1px dashed #d9c89d;background:#fffaf0;padding:16px;border-radius:8px;margin-top:24px}.contact-form-card form label{font-weight:700;color:var(--navy)}input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=number],select,textarea{width:100%;border:1px solid #d8d2c8;border-radius:6px;background:#fff;padding:12px 14px;margin-top:5px}textarea{min-height:160px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(220,163,25,.35);border-color:var(--gold)}input[type=submit],button[type=submit]{background:var(--navy);color:#fff;border:0;border-radius:6px;padding:13px 22px;font-weight:700;cursor:pointer}
.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;padding:60px 0 90px}.single-main,.single-aside .contact-card{background:#fff;border-radius:var(--radius);padding:35px;box-shadow:var(--shadow)}.single-featured img{border-radius:12px}.sticky-card{position:sticky;top:150px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 0 90px}.product-gallery,.product-summary,.product-content{background:#fff;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.product-gallery img{width:100%;border-radius:10px}.product-placeholder{display:grid;place-items:center;min-height:340px;background:linear-gradient(145deg,var(--navy),#0b5ca8);color:var(--gold);font-size:100px;border-radius:12px}.product-content{grid-column:1/-1}.product-assurances{display:grid;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);color:#44624c}.edd_purchase_submit_wrapper{margin-top:20px}.not-found{text-align:center;padding:120px 0}.not-found .big-symbol{color:var(--gold);font-size:90px}.not-found h1{font:700 52px Georgia,serif;color:var(--navy);margin:0}.pagination,.nav-links{display:flex;justify-content:center;gap:8px;margin-top:40px}.page-numbers{padding:8px 13px;background:#fff;border:1px solid var(--line)}.page-numbers.current{background:var(--navy);color:#fff}.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s,transform .55s}.reveal.is-visible{opacity:1;transform:none}
.site-footer{background:linear-gradient(110deg,var(--navy-dark),var(--navy));color:#fff;border-top:3px solid var(--gold)}.footer-inner{width:var(--container);margin:auto;padding:42px 0;display:grid;grid-template-columns:1.2fr 1fr auto;gap:40px;align-items:center}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{width:72px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-family:Georgia,serif;color:var(--gold-light);font-size:18px}.footer-contact{display:grid;gap:4px}.footer-contact a{color:#fff}.footer-contact span{color:#cfddeb;font-size:14px}.footer-widget-title{font-size:18px;color:var(--gold-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:13px max(20px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;color:#cfddeb;font-size:13px}.footer-bottom a{color:var(--gold-light)}
@media(max-width:1100px){.header-inner{min-height:95px}.brand img{width:72px;height:72px;flex-basis:72px}.brand-text{font-size:18px}.brand-text b{font-size:22px}.menu-toggle{display:block;z-index:3}.main-navigation{display:none;position:fixed;inset:98px 0 0;background:rgba(0,31,70,.98);padding:30px;overflow:auto}.main-navigation.is-open{display:block}.primary-menu{display:block}.primary-menu a{font-size:22px;padding:12px 0}.primary-menu .sub-menu{display:block;position:static;background:none;border:0;box-shadow:none;padding:0 0 0 20px}.hero-inner{grid-template-columns:1fr}.hero-copy{padding-bottom:20px}.hero-visual{padding:0 0 80px}.hero-visual img{max-width:420px}.category-grid{grid-template-columns:repeat(3,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.footer-widget{grid-column:1/-1}}
@media(max-width:800px){:root{--container:min(100% - 28px,1240px)}.brand{min-width:0}.brand-text{display:none}.hero{min-height:auto}.hero-inner{min-height:auto}.hero h1{font-size:clamp(40px,12vw,58px)}.hero-copy{padding-top:45px}.hero-lead{font-size:18px}.floating-panel{padding:24px}.card-grid-3,.category-grid,.trust-grid,.about-layout,.contact-layout,.single-layout,.product-layout{grid-template-columns:1fr}.category-card{min-height:0}.trust-grid div{border-right:0!important;border-bottom:1px solid var(--line);padding-bottom:15px}.product-content{grid-column:auto}.footer-inner{grid-template-columns:1fr}.footer-bottom{display:grid;gap:5px;text-align:center}.single-aside{order:-1}.sticky-card{position:static}.section-heading h1{font-size:36px}}
@media(max-width:520px){.header-inner{min-height:82px}.brand img{width:62px;height:62px;flex-basis:62px}.main-navigation{inset:85px 0 0}.hero-actions{display:grid}.button{width:100%}.benefit-grid{grid-template-columns:1fr}.floating-panel{padding:18px}.software-card h2{font-size:22px}.contact-form-card,.contact-card,.single-main,.product-gallery,.product-summary,.product-content{padding:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-visual img{animation:none}.reveal{opacity:1;transform:none;transition:none}}
.brand-logo-link{display:flex;align-items:center}.brand-text{color:#fff}.brand-text:hover{color:#fff}.custom-logo-wrap{display:flex;align-items:center}.custom-logo-wrap .custom-logo-link{display:flex;align-items:center} :root{
--h1-color:#062f64;
--h2-color:#062f64;
--h3-color:#0b4f91;
--h1-size:48px;
--h2-size:34px;
--h3-size:26px;
--header-height:92px;
--logo-size:74px;
--hero-height:445px;
--hero-title-size:54px;
--footer-dark:#001f46;
--footer-bg:#062f64;
--footer-title-color:#f1c75b;
--footer-text-color:#fff;
--footer-link-color:#f1c75b;
--container:min(1320px,calc(100% - 48px));
}
body{background:var(--ivory);color:var(--ink)}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.16}
h1{color:var(--h1-color);font-size:clamp(34px,4vw,var(--h1-size))}
h2{color:var(--h2-color);font-size:clamp(26px,3vw,var(--h2-size))}
h3{color:var(--h3-color);font-size:clamp(20px,2.3vw,var(--h3-size))}
.entry-content h1,.prose h1{color:var(--h1-color);font-size:clamp(34px,4vw,var(--h1-size))}
.entry-content h2,.prose h2{color:var(--h2-color);font-size:clamp(26px,3vw,var(--h2-size))}
.entry-content h3,.prose h3{color:var(--h3-color);font-size:clamp(20px,2.3vw,var(--h3-size))} .site-header{background:linear-gradient(110deg,var(--navy-dark),var(--navy));border-bottom-width:2px}
.jb-header-static .site-header{position:relative;top:auto}
.header-inner{min-height:var(--header-height);gap:38px}
.brand{gap:13px;min-width:360px}
.brand img,.brand-logo-link img{width:var(--logo-size);height:var(--logo-size);flex:0 0 var(--logo-size)}
.custom-logo-wrap img{width:auto;max-width:340px;max-height:calc(var(--header-height) - 14px)}
.brand-text{font-size:18px;line-height:1.06}
.brand-text b{font-size:23px;line-height:1.08}
.primary-menu{gap:38px}
.primary-menu a{padding:19px 0 13px;font-size:17px}
.menu-chevron{display:inline-block;margin-left:5px;color:var(--gold-light);font-size:15px}
.compact-primary-menu .sub-menu{min-width:235px;border-radius:0 0 8px 8px} .hero{
min-height:var(--hero-height);
background-color:#f7f3e9;
background-image:
linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,252,245,.94) 43%,rgba(236,245,251,.28) 69%,rgba(223,237,246,.08) 100%),
url(//www.jacques-boit.fr/wp-content/themes/jb-connaissance-bleu-or-1.06/assets/images/hero-mountains.svg);
background-position:center,center bottom;
background-size:cover,cover;
}
.hero::before{display:none}
.hero::after{
inset:0;
background-image:
radial-gradient(circle at 10% 14%,rgba(220,163,25,.55) 0 2px,transparent 3px),
radial-gradient(circle at 64% 28%,rgba(241,199,91,.5) 0 2px,transparent 3px);
background-size:150px 150px,185px 185px;
opacity:.48;
}
.hero-inner{min-height:var(--hero-height);grid-template-columns:minmax(0,1.03fr) minmax(350px,.97fr);gap:28px}
.hero-copy{padding:38px 0 78px;align-self:center}
.eyebrow{margin-bottom:10px;font-size:12px;letter-spacing:.13em}
.hero h1{
color:var(--h1-color);
font-size:clamp(39px,4.4vw,var(--hero-title-size));
line-height:1.02;
max-width:690px;
text-wrap:balance;
}
.hero .gold-divider{width:min(380px,78%);margin:19px 0 17px}
.hero-lead{font-size:18px;line-height:1.45;max-width:570px;margin-bottom:21px}
.button,.wp-element-button,.edd-submit,.edd-submit.button{padding:11px 19px!important;font-size:13px}
.hero-visual{height:var(--hero-height);padding:0;align-items:flex-end;justify-content:flex-end;overflow:visible}
.hero-visual img{width:min(455px,100%);max-height:425px;transform:translateY(20px);animation:floatCompass 7s ease-in-out infinite}
@keyframes floatCompass{50%{transform:translateY(9px) rotate(1deg)}} .featured-products{margin-top:-52px;margin-bottom:68px}
.floating-panel{padding:19px 24px 0;border-radius:10px;box-shadow:0 11px 28px rgba(0,31,70,.13)}
.home-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.home-software-card{display:grid;grid-template-columns:98px 1fr;gap:18px;align-items:center;min-height:155px;padding:19px;background:#fff;border:1px solid #e7e2d9;border-top:2px solid var(--gold);border-radius:7px;box-shadow:0 5px 14px rgba(0,31,70,.07);transition:transform .22s,box-shadow .22s}
.home-software-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,31,70,.12)}
.home-card-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,var(--navy),var(--navy-dark));box-shadow:0 8px 18px rgba(0,31,70,.2)}
.home-card-icon img{width:100%;height:100%;object-fit:cover}
.home-card-icon span{color:var(--gold-light);font-size:43px;line-height:1}
.home-card-content h2{font-size:24px;line-height:1.12;margin:0 0 8px}
.home-card-content h2 a{color:var(--h2-color)}
.home-card-content p{font-size:14px;line-height:1.45;margin:0 0 9px;color:#3e4b5c}
.home-card-link{font-size:14px;font-weight:700;color:var(--navy)}
.home-card-link span{color:var(--gold);margin-left:8px}
.home-why{margin:19px -24px 0;padding:14px 32px 18px;background:linear-gradient(100deg,#fff,#fbf7ee);border-top:1px solid var(--line);border-radius:0 0 10px 10px}
.home-why>h2{text-align:center;font-size:29px;margin:0;color:var(--h2-color)}
.home-why>.gold-divider{width:180px;margin:7px auto 12px}
.home-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.home-benefit-grid article{display:grid;grid-template-columns:56px 1fr;gap:13px;padding:8px 25px;align-items:center}
.home-benefit-grid article:not(:last-child){border-right:1px solid var(--line)}
.home-benefit-grid .line-icon{font-size:39px}
.home-benefit-grid h3{font-size:18px;margin:0 0 3px;color:var(--h3-color)}
.home-benefit-grid p{font-size:12.5px;line-height:1.42;margin:0;color:#4d5968} .section-heading h1{color:var(--h1-color);font-size:clamp(32px,3.6vw,var(--h1-size))}
.software-card h2,.benefit-grid h2,.category-card h2,.info-panel h2,.contact-form-card h2,.contact-card h2{color:var(--h2-color)}
.category-card h2,.categories-section .section-heading h1{color:#fff}
.categories-section{padding:70px 0}
.category-grid{gap:15px}
.category-card{min-height:238px;padding:22px}
.trust-strip{padding:22px 0} .site-footer{background:linear-gradient(110deg,var(--footer-dark),var(--footer-bg));color:var(--footer-text-color);border-top:2px solid var(--gold)}
.footer-widgets-wrap{padding-top:34px}
.footer-widgets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.16)}
.jb-footer-columns-1 .footer-widgets-grid{grid-template-columns:1fr}
.jb-footer-columns-2 .footer-widgets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.jb-footer-columns-3 .footer-widgets-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.jb-footer-columns-4 .footer-widgets-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.footer-widget{min-width:0}
.footer-widget-title{margin:0 0 13px;font-size:20px;color:var(--footer-title-color)}
.footer-widget,.footer-widget p,.footer-widget li{color:var(--footer-text-color);font-size:14px}
.footer-widget ul{list-style:none;margin:0;padding:0}
.footer-widget li{margin:5px 0}
.footer-widget a{color:var(--footer-link-color)}
.footer-widget img{max-width:100%}
.footer-contact-strip{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:14px}
.footer-contact-strip a{color:var(--footer-link-color)}
.footer-signature{min-height:100px;display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center}
.footer-site-url{justify-self:start;color:var(--footer-text-color);font-size:14px}
.footer-logo{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--footer-link-color)}
.footer-logo img{width:58px;height:58px}
.footer-logo span{display:block;width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.footer-logo span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.footer-copyright{justify-self:end;text-align:right;font-size:13px;color:var(--footer-text-color)}
.footer-navigation{padding-bottom:15px}
.footer-menu{display:flex;justify-content:center;gap:20px;list-style:none;margin:0;padding:0;font-size:13px}
.footer-menu a{color:var(--footer-link-color)}
@media(max-width:1180px){
:root{--container:min(100% - 36px,1120px)}
.header-inner{gap:22px}
.brand{min-width:320px}
.primary-menu{gap:25px}
.hero-inner{grid-template-columns:1.06fr .94fr}
.home-software-card{grid-template-columns:78px 1fr;padding:16px;gap:13px}
.home-card-icon{width:70px;height:70px}
.home-card-content h2{font-size:21px}
}
@media(max-width:1100px){
.header-inner{min-height:var(--header-height)}
.brand img,.brand-logo-link img{width:var(--logo-size);height:var(--logo-size);flex-basis:var(--logo-size)}
.main-navigation{inset:var(--header-height) 0 0}
.hero-inner{grid-template-columns:1fr .78fr}
.hero-copy{padding-bottom:70px}
.hero-visual{height:var(--hero-height);padding:0;display:flex}
.hero-visual img{max-width:390px}
.home-card-grid{gap:14px}
.home-software-card{grid-template-columns:1fr;text-align:center}
.home-card-icon{margin:auto}
.home-benefit-grid article{padding:8px 14px}
}
@media(max-width:850px){
:root{--container:min(100% - 28px,1240px)}
.brand{min-width:0}
.brand-text{display:none}
.hero{min-height:auto;background-position:center,62% bottom}
.hero-inner{min-height:auto;grid-template-columns:1fr}
.hero-copy{padding:45px 0 35px;text-align:center}
.hero h1{max-width:720px;margin-inline:auto}
.hero .gold-divider{margin-inline:auto}
.hero-lead{margin-inline:auto}
.hero-actions{justify-content:center}
.hero-visual{height:250px;justify-content:center}
.hero-visual img{max-width:330px;transform:translateY(36px)}
.featured-products{margin-top:-20px}
.home-card-grid,.home-benefit-grid{grid-template-columns:1fr}
.home-software-card{grid-template-columns:82px 1fr;text-align:left}
.home-card-icon{margin:0}
.home-benefit-grid article:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}
.footer-widgets-grid,.jb-footer-columns-2 .footer-widgets-grid,.jb-footer-columns-3 .footer-widgets-grid,.jb-footer-columns-4 .footer-widgets-grid{grid-template-columns:1fr 1fr}
.footer-signature{grid-template-columns:1fr;text-align:center;padding:22px 0}
.footer-site-url,.footer-copyright{justify-self:center;text-align:center}
.footer-logo{order:-1}
}
@media(max-width:560px){
.header-inner{min-height:78px}
.brand img,.brand-logo-link img{width:58px;height:58px;flex-basis:58px}
.main-navigation{inset:78px 0 0}
.hero-copy{padding-top:34px}
.hero h1{font-size:clamp(35px,11vw,48px)}
.hero-lead{font-size:17px}
.hero-actions{display:grid;width:100%}
.hero-visual{height:205px}
.hero-visual img{max-width:280px}
.floating-panel{padding:15px 15px 0}
.home-software-card{grid-template-columns:68px 1fr;padding:14px}
.home-card-icon{width:62px;height:62px}
.home-card-content h2{font-size:20px}
.home-why{margin-left:-15px;margin-right:-15px;padding:14px 18px 18px}
.home-benefit-grid article{grid-template-columns:45px 1fr;padding:10px 4px}
.footer-widgets-grid,.jb-footer-columns-2 .footer-widgets-grid,.jb-footer-columns-3 .footer-widgets-grid,.jb-footer-columns-4 .footer-widgets-grid{grid-template-columns:1fr}
.footer-logo span{width:55px}
} .hero.has-hero-image{
min-height:var(--hero-height);
background-color:#fbf8f1;
background-image:
linear-gradient(90deg,rgba(255,252,246,.99) 0%,rgba(255,252,246,.94) 31%,rgba(255,252,246,.64) 48%,rgba(255,255,255,.08) 69%,rgba(255,255,255,0) 100%),
var(--jb-hero-image);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.hero.has-hero-image::before{display:none}
.hero.has-hero-image::after{
background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,31,70,.04));
background-size:auto;
opacity:1;
}
.hero.has-hero-image .hero-inner{
display:block;
min-height:var(--hero-height);
}
.hero.has-hero-image .hero-copy{
width:min(640px,52%);
min-height:var(--hero-height);
display:flex;
flex-direction:column;
justify-content:center;
padding:38px 0 82px;
}
.hero.has-hero-image .hero-visual{display:none!important}
.footer-compass-wrap{
background:#fff;
padding:28px 0 20px;
}
.footer-compass-cta{
min-height:190px;
overflow:hidden;
display:flex;
align-items:center;
border:1px solid rgba(220,163,25,.7);
border-radius:10px;
box-shadow:0 9px 24px rgba(0,31,70,.09);
background-color:#fbf8f1;
background-image:
linear-gradient(90deg,rgba(255,252,246,.90) 0%,rgba(255,252,246,.82) 48%,rgba(255,252,246,.16) 72%,rgba(255,255,255,0) 100%),
var(--jb-footer-image);
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}
.footer-compass-content{
width:calc(100% - 355px);
padding:24px 44px;
text-align:center;
}
.footer-compass-content h2{
margin:0 0 4px;
color:var(--h2-color);
font-size:clamp(21px,2.1vw,28px);
line-height:1.22;
}
.footer-compass-content p{
margin:0 0 14px;
color:var(--ink);
font-size:17px;
}
.footer-compass-content .button{
min-width:270px;
}
@media(max-width:850px){
.hero.has-hero-image{
background-image:
linear-gradient(90deg,rgba(255,252,246,.97) 0%,rgba(255,252,246,.91) 55%,rgba(255,252,246,.45) 100%),
var(--jb-hero-image);
background-position:68% center;
}
.hero.has-hero-image .hero-copy{
width:100%;
min-height:var(--hero-height);
padding:42px 0 66px;
text-align:center;
}
.hero.has-hero-image .gold-divider,
.hero.has-hero-image .hero-lead{margin-left:auto;margin-right:auto}
.hero.has-hero-image .hero-actions{justify-content:center}
.footer-compass-cta{
min-height:205px;
background-image:
linear-gradient(90deg,rgba(255,252,246,.96),rgba(255,252,246,.86)),
var(--jb-footer-image);
background-position:72% center;
}
.footer-compass-content{
width:100%;
padding:28px;
}
}
@media(max-width:560px){
.hero.has-hero-image{
background-position:72% center;
}
.hero.has-hero-image .hero-copy{padding:34px 0 55px}
.footer-compass-wrap{padding:18px 0 14px}
.footer-compass-cta{min-height:225px}
.footer-compass-content{padding:24px 18px}
.footer-compass-content p{font-size:15px}
.footer-compass-content .button{min-width:0;width:100%}
} .jb-page-layout{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:34px;
align-items:start;
padding-top:55px;
padding-bottom:80px;
}
.jb-page-layout.has-right-sidebar{
grid-template-columns:minmax(0,1fr) minmax(250px,var(--sidebar-width));
}
.jb-page-content{min-width:0}
.jb-page-layout .content-card{
width:100%;
margin:0;
}
.jb-front-page-content{min-width:0}
.jb-front-full-width{width:100%;min-width:0}
.jb-front-with-sidebar{padding-top:55px}
.jb-front-page-content>:first-child{margin-top:0}
.jb-front-page-content>:last-child{margin-bottom:0}
.jb-right-sidebar{min-width:0}
.jb-right-sidebar-inner{display:grid;gap:22px}
.jb-sidebar-sticky .jb-right-sidebar-inner{
position:sticky;
top:calc(var(--header-height) + 24px);
}
.jb-sidebar-widget{
overflow:hidden;
padding:24px;
background:#fff;
border:1px solid var(--line);
border-top:3px solid var(--gold);
border-radius:12px;
box-shadow:0 8px 24px rgba(0,31,70,.08);
}
.jb-sidebar-widget-title{
margin:0 0 16px;
padding-bottom:10px;
border-bottom:1px solid var(--line);
color:var(--h2-color);
font:700 clamp(21px,2vw,26px)/1.2 Georgia,'Times New Roman',serif;
}
.jb-sidebar-widget p:first-child{margin-top:0}
.jb-sidebar-widget p:last-child{margin-bottom:0}
.jb-sidebar-widget ul,.jb-sidebar-widget ol{margin:0;padding-left:20px}
.jb-sidebar-widget li+li{margin-top:7px}
.jb-sidebar-widget img{display:block;max-width:100%;height:auto;border-radius:8px}
.jb-sidebar-widget .wp-block-search__inside-wrapper{display:flex;gap:7px}
.jb-sidebar-widget .wp-block-search__input{min-width:0;margin:0}
.jb-sidebar-widget .wp-block-search__button{margin:0;padding:9px 12px}
.jb-sidebar-widget select{max-width:100%}
@media(max-width:1100px){
.jb-page-layout.has-right-sidebar{grid-template-columns:1fr}
.jb-sidebar-sticky .jb-right-sidebar-inner{position:static}
}
@media(max-width:560px){
.jb-page-layout{padding-top:34px;padding-bottom:55px;gap:25px}
.jb-sidebar-widget{padding:19px}
} .jb-front-page-content{
width:100%;
margin:0;
padding:0;
border:0;
background:transparent;
box-shadow:none;
}
.jb-front-page-content > .jb-home-v103:first-child{margin-top:0}
.jb-home-v103,
.jb-home-v103 *{box-sizing:border-box}
.jb-home-v103{
width:100%;
overflow:hidden;
color:var(--ink);
background:var(--ivory);
}
.jb-home-v103-shell{
width:min(1240px,calc(100% - 40px));
margin-inline:auto;
} .jb-home-v103-hero{
position:relative;
min-height:445px;
overflow:hidden;
border-top:1px solid rgba(220,163,25,.65);
background-color:#fbf8f1;
background-image:
linear-gradient(90deg,
rgba(255,252,246,.99) 0%,
rgba(255,252,246,.95) 31%,
rgba(255,252,246,.66) 48%,
rgba(255,255,255,.10) 69%,
rgba(255,255,255,0) 100%),
url(//www.jacques-boit.fr/wp-content/themes/jb-connaissance-bleu-or-1.06/assets/images/hero-boussole.webp);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.jb-home-v103-hero::after{
position:absolute;
inset:0;
content:"";
pointer-events:none;
background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,31,70,.04));
}
.jb-home-v103-hero-inner{
position:relative;
z-index:1;
display:flex;
min-height:445px;
align-items:center;
}
.jb-home-v103-copy{
width:min(650px,54%);
padding:38px 0 78px;
}
.jb-home-v103-eyebrow{
margin:0 0 10px;
color:var(--gold);
font-size:12px;
font-weight:700;
letter-spacing:.13em;
line-height:1.4;
text-transform:uppercase;
}
.jb-home-v103-hero h1{
max-width:690px;
margin:0;
color:var(--h1-color,var(--navy));
font:700 clamp(39px,4.4vw,var(--hero-title-size,54px))/1.02 Georgia,'Times New Roman',serif;
text-wrap:balance;
}
.jb-home-v103-divider{
display:flex;
width:min(380px,78%);
align-items:center;
gap:12px;
margin:19px 0 17px;
color:var(--gold);
}
.jb-home-v103-divider::before,
.jb-home-v103-divider::after{
height:1px;
flex:1;
content:"";
background:currentColor;
}
.jb-home-v103-divider span{
font-size:23px;
font-weight:400;
line-height:1;
}
.jb-home-v103-lead{
max-width:570px;
margin:0 0 21px;
color:var(--ink);
font-size:18px;
line-height:1.45;
}
.jb-home-v103-actions{
display:flex;
flex-wrap:wrap;
gap:14px;
}
.jb-home-v103-button{
display:inline-flex!important;
min-height:46px;
align-items:center;
justify-content:center;
gap:16px;
padding:11px 19px!important;
border:1px solid var(--navy)!important;
border-radius:6px!important;
font-size:13px;
font-weight:700;
letter-spacing:.02em;
line-height:1.2;
text-decoration:none!important;
text-transform:uppercase;
transition:transform .2s ease,box-shadow .2s ease;
}
.jb-home-v103-button:hover{
transform:translateY(-2px);
box-shadow:0 8px 18px rgba(0,31,70,.18);
}
.jb-home-v103-button-primary{
border-color:var(--navy)!important;
color:#fff!important;
background:linear-gradient(100deg,var(--navy-dark),var(--navy))!important;
}
.jb-home-v103-button-light{
border-color:var(--gold)!important;
color:#9a6500!important;
background:rgba(255,255,255,.94)!important;
}
.jb-home-v103-button span{
color:var(--gold);
font-size:18px;
} .jb-home-v103-slider-section{
position:relative;
z-index:2;
margin-top:-48px;
padding-bottom:58px;
}
.jb-home-v103-slider-panel{
padding:24px 28px 30px;
border:1px solid rgba(220,163,25,.28);
border-radius:10px;
background:rgba(255,255,255,.98);
box-shadow:0 11px 28px rgba(0,31,70,.13);
}
.jb-home-v103-heading{
max-width:900px;
margin:0 auto 24px;
text-align:center;
}
.jb-home-v103-heading h2{
margin:0;
color:var(--h2-color,var(--navy));
font:700 clamp(30px,3.6vw,var(--h2-size,34px))/1.12 Georgia,'Times New Roman',serif;
}
.jb-home-v103-heading .jb-home-v103-divider{
width:190px;
margin:10px auto 12px;
}
.jb-home-v103-heading p{
margin:0;
color:var(--muted);
font-size:17px;
line-height:1.55;
}
.jb-home-v103-slider-rule{
height:1px;
margin:20px 0;
border:0;
background:linear-gradient(90deg,transparent,rgba(220,163,25,.75),transparent);
}
.jb-home-v103-slider-output{min-height:20px}
.jb-home-v103-slider-output > p:empty{display:none}
.jb-home-v103-slider-output .pt-cv-wrapper,
.jb-home-v103-slider-output .pt-cv-view{margin-bottom:0!important}
.jb-home-v103-slider-output .pt-cv-title a{color:var(--navy)}
.jb-home-v103-slider-output .pt-cv-title a:hover{color:var(--gold)} .jb-home-v103-why{padding:18px 0 76px}
.jb-home-v103-benefits{
display:grid;
overflow:hidden;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:1px;
border:1px solid var(--line);
border-radius:var(--radius);
background:var(--line);
box-shadow:0 8px 24px rgba(0,31,70,.06);
}
.jb-home-v103-benefit{
min-height:220px;
padding:28px;
background:#fff;
}
.jb-home-v103-benefit-icon{
display:block;
color:var(--gold);
font-size:43px;
line-height:1;
}
.jb-home-v103-benefit h3{
margin:14px 0 7px;
color:var(--h3-color,var(--blue));
font:700 clamp(21px,2.2vw,var(--h3-size,26px))/1.2 Georgia,'Times New Roman',serif;
}
.jb-home-v103-benefit p{
margin:0;
color:#526071;
font-size:15px;
line-height:1.6;
} .jb-front-with-sidebar .jb-home-v103-shell{width:100%}
.jb-front-with-sidebar .jb-home-v103-hero{
min-height:430px;
border-radius:12px;
background-position:62% center;
}
.jb-front-with-sidebar .jb-home-v103-hero-inner{min-height:430px;padding-inline:28px}
.jb-front-with-sidebar .jb-home-v103-copy{width:62%;padding-bottom:70px}
.jb-front-with-sidebar .jb-home-v103-hero h1{font-size:clamp(34px,4vw,49px)}
.jb-front-with-sidebar .jb-home-v103-slider-section{margin-top:-35px}
.jb-front-with-sidebar .jb-home-v103-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){
.jb-home-v103-hero,
.jb-home-v103-hero-inner{min-height:520px}
.jb-home-v103-hero{background-position:62% center}
.jb-home-v103-copy{width:62%}
.jb-home-v103-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
.jb-home-v103-shell{width:min(100% - 28px,1240px)}
.jb-home-v103-hero{
min-height:620px;
background-image:
linear-gradient(180deg,
rgba(255,252,246,.98) 0%,
rgba(255,252,246,.94) 48%,
rgba(255,255,255,.22) 70%,
rgba(255,255,255,0) 100%),
url(//www.jacques-boit.fr/wp-content/themes/jb-connaissance-bleu-or-1.06/assets/images/hero-boussole.webp);
background-position:68% center;
}
.jb-home-v103-hero-inner{min-height:620px;align-items:flex-start}
.jb-home-v103-copy{width:100%;padding:42px 0 260px}
.jb-home-v103-hero h1{max-width:540px;font-size:clamp(38px,11vw,54px)}
.jb-home-v103-slider-section{margin-top:-36px}
.jb-home-v103-slider-panel{padding:21px 18px 26px}
.jb-home-v103-benefits{grid-template-columns:1fr}
.jb-home-v103-benefit{min-height:0}
.jb-front-with-sidebar .jb-home-v103-hero{border-radius:10px}
.jb-front-with-sidebar .jb-home-v103-hero-inner{padding-inline:18px}
.jb-front-with-sidebar .jb-home-v103-copy{width:100%;padding-bottom:250px}
.jb-front-with-sidebar .jb-home-v103-benefits{grid-template-columns:1fr}
}
@media(max-width:480px){
.jb-home-v103-actions{display:grid}
.jb-home-v103-button{width:100%}
.jb-home-v103-copy{padding-bottom:235px}
} #jb-home-blocks,
#jb-home-blocks *{box-sizing:border-box}
#jb-home-blocks{
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
overflow:hidden;
color:var(--ink,#172438);
background:var(--ivory,#fbf8f1);
}
#jb-home-blocks .jb-home-blocks__shell{
width:min(1280px,calc(100% - 48px))!important;
max-width:1280px!important;
margin-inline:auto!important;
padding:0!important;
} #jb-home-blocks .jb-home-blocks__hero{
position:relative;
min-height:445px;
margin:0!important;
padding:0!important;
overflow:hidden;
border-top:1px solid rgba(220,163,25,.7);
background-color:#fbf8f1;
background-image:
linear-gradient(90deg,rgba(255,252,246,.99) 0%,rgba(255,252,246,.96) 31%,rgba(255,252,246,.68) 48%,rgba(255,255,255,.08) 70%,rgba(255,255,255,0) 100%),
url(//www.jacques-boit.fr/wp-content/themes/jb-connaissance-bleu-or-1.06/assets/images/hero-boussole.webp);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
#jb-home-blocks .jb-home-blocks__hero-inner{
display:flex!important;
min-height:445px;
align-items:center!important;
}
#jb-home-blocks .jb-home-blocks__hero-copy{
width:min(650px,54%)!important;
margin:0!important;
padding:38px 0 82px!important;
}
#jb-home-blocks .jb-home-blocks__eyebrow{
margin:0 0 11px!important;
color:var(--gold,#dca319)!important;
font-size:12px!important;
font-weight:700!important;
letter-spacing:.13em!important;
line-height:1.4!important;
text-transform:uppercase!important;
}
#jb-home-blocks .jb-home-blocks__hero h1{
max-width:680px!important;
margin:0!important;
color:var(--h1-color,var(--navy,#062f64))!important;
font-family:Georgia,'Times New Roman',serif!important;
font-size:clamp(39px,4.4vw,var(--hero-title-size,54px))!important;
font-weight:700!important;
line-height:1.03!important;
letter-spacing:0!important;
text-transform:none!important;
}
#jb-home-blocks .jb-home-blocks__divider,
#jb-home-blocks .jb-home-blocks__why-divider{
display:flex!important;
width:min(380px,78%)!important;
align-items:center!important;
gap:12px!important;
margin:19px 0 17px!important;
color:var(--gold,#dca319)!important;
}
#jb-home-blocks .jb-home-blocks__divider::before,
#jb-home-blocks .jb-home-blocks__divider::after,
#jb-home-blocks .jb-home-blocks__why-divider::before,
#jb-home-blocks .jb-home-blocks__why-divider::after{
height:1px!important;
flex:1!important;
content:""!important;
background:currentColor!important;
}
#jb-home-blocks .jb-home-blocks__divider span,
#jb-home-blocks .jb-home-blocks__why-divider span{
color:inherit!important;
font-size:22px!important;
line-height:1!important;
}
#jb-home-blocks .jb-home-blocks__lead{
max-width:575px!important;
margin:0 0 22px!important;
color:var(--ink,#172438)!important;
font-size:18px!important;
line-height:1.5!important;
}
#jb-home-blocks .jb-home-blocks__actions{
display:flex!important;
flex-wrap:wrap!important;
gap:14px!important;
margin:0!important;
}
#jb-home-blocks .jb-home-blocks__button{
display:inline-flex!important;
min-height:47px!important;
align-items:center!important;
justify-content:center!important;
gap:16px!important;
margin:0!important;
padding:11px 20px!important;
border:1px solid!important;
border-radius:6px!important;
font-size:13px!important;
font-weight:700!important;
line-height:1.2!important;
text-decoration:none!important;
text-transform:uppercase!important;
}
#jb-home-blocks .jb-home-blocks__button--primary{
border-color:var(--navy,#062f64)!important;
color:#fff!important;
background:linear-gradient(100deg,var(--navy-dark,#001f46),var(--navy,#062f64))!important;
}
#jb-home-blocks .jb-home-blocks__button--light{
border-color:var(--gold,#dca319)!important;
color:#9a6500!important;
background:rgba(255,255,255,.96)!important;
}
#jb-home-blocks .jb-home-blocks__button span{color:var(--gold,#dca319)!important;font-size:18px!important} #jb-home-blocks .jb-home-blocks__products{
position:relative;
z-index:3;
margin:-50px 0 0!important;
padding:0!important;
}
#jb-home-blocks .jb-home-blocks__products-panel{
min-height:170px;
margin:0!important;
padding:20px 24px!important;
overflow:hidden;
border:1px solid rgba(220,163,25,.33)!important;
border-radius:10px 10px 0 0!important;
background:#fff!important;
box-shadow:0 12px 30px rgba(0,31,70,.14)!important;
}
#jb-home-blocks .jb-home-blocks__products-panel > :first-child{margin-top:0!important}
#jb-home-blocks .jb-home-blocks__products-panel > :last-child{margin-bottom:0!important}
#jb-home-blocks .jb-home-blocks__products-panel .pt-cv-wrapper,
#jb-home-blocks .jb-home-blocks__products-panel .pt-cv-view{margin:0!important}
#jb-home-blocks .jb-home-blocks__products-panel .pt-cv-row{margin-left:-12px!important;margin-right:-12px!important}
#jb-home-blocks .jb-home-blocks__products-panel .pt-cv-content-item{
height:100%;
padding:18px!important;
border:1px solid #e7e1d7!important;
border-top:2px solid var(--gold,#dca319)!important;
border-radius:7px!important;
background:#fff!important;
box-shadow:0 5px 14px rgba(0,31,70,.08)!important;
}
#jb-home-blocks .jb-home-blocks__products-panel .pt-cv-title a{color:var(--navy,#062f64)!important;font-family:Georgia,'Times New Roman',serif!important} #jb-home-blocks .jb-home-blocks__why{
margin:0!important;
padding:0 0 70px!important;
}
#jb-home-blocks .jb-home-blocks__why-panel{
margin:0!important;
padding:14px 34px 26px!important;
border:1px solid rgba(220,163,25,.18)!important;
border-top:0!important;
border-radius:0 0 10px 10px!important;
background:linear-gradient(90deg,#fffdf8 0%,#fbf8f1 50%,#fffdf8 100%)!important;
box-shadow:0 9px 24px rgba(0,31,70,.08)!important;
}
#jb-home-blocks .jb-home-blocks__why-panel > h2{
margin:0!important;
color:var(--h2-color,var(--navy,#062f64))!important;
font-family:Georgia,'Times New Roman',serif!important;
font-size:clamp(30px,3.2vw,38px)!important;
font-weight:700!important;
line-height:1.15!important;
text-align:center!important;
}
#jb-home-blocks .jb-home-blocks__why-divider{
width:210px!important;
margin:8px auto 18px!important;
}
#jb-home-blocks .jb-home-blocks__benefits{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:0!important;
margin:0!important;
padding:0!important;
}
#jb-home-blocks .jb-home-blocks__benefit{
display:grid!important;
grid-template-columns:72px minmax(0,1fr)!important;
gap:18px!important;
align-items:start!important;
min-width:0!important;
margin:0!important;
padding:15px 28px!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
#jb-home-blocks .jb-home-blocks__benefit + .jb-home-blocks__benefit{
border-left:1px solid #e3d7c4!important;
}
#jb-home-blocks .jb-home-blocks__icon{
width:66px!important;
height:66px!important;
margin:0!important;
color:var(--gold,#dca319)!important;
}
#jb-home-blocks .jb-home-blocks__icon svg{
display:block!important;
width:100%!important;
height:100%!important;
overflow:visible!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
#jb-home-blocks .jb-home-blocks__benefit h3{
margin:2px 0 8px!important;
color:var(--h3-color,var(--navy,#062f64))!important;
font-family:Georgia,'Times New Roman',serif!important;
font-size:22px!important;
font-weight:700!important;
line-height:1.22!important;
text-transform:none!important;
}
#jb-home-blocks .jb-home-blocks__benefit p{
margin:0!important;
color:#39485b!important;
font-size:14px!important;
line-height:1.55!important;
} .jb-front-with-sidebar #jb-home-blocks .jb-home-blocks__shell{width:100%!important}
.jb-front-with-sidebar #jb-home-blocks .jb-home-blocks__hero{border-radius:10px!important;background-position:62% center!important}
.jb-front-with-sidebar #jb-home-blocks .jb-home-blocks__hero-inner{padding-inline:26px!important}
.jb-front-with-sidebar #jb-home-blocks .jb-home-blocks__hero-copy{width:62%!important}
.jb-front-with-sidebar #jb-home-blocks .jb-home-blocks__benefits{grid-template-columns:1fr!important}
.jb-front-with-sidebar #jb-home-blocks .jb-home-blocks__benefit + .jb-home-blocks__benefit{border-top:1px solid #e3d7c4!important;border-left:0!important}
@media(max-width:980px){
#jb-home-blocks .jb-home-blocks__hero{background-position:62% center}
#jb-home-blocks .jb-home-blocks__hero-copy{width:62%!important}
#jb-home-blocks .jb-home-blocks__benefits{grid-template-columns:1fr!important}
#jb-home-blocks .jb-home-blocks__benefit + .jb-home-blocks__benefit{border-top:1px solid #e3d7c4!important;border-left:0!important}
}
@media(max-width:700px){
#jb-home-blocks .jb-home-blocks__shell{width:min(100% - 24px,1280px)!important}
#jb-home-blocks .jb-home-blocks__hero{
min-height:610px;
background-image:
linear-gradient(180deg,rgba(255,252,246,.99) 0%,rgba(255,252,246,.95) 48%,rgba(255,255,255,.18) 72%,rgba(255,255,255,0) 100%),
url(//www.jacques-boit.fr/wp-content/themes/jb-connaissance-bleu-or-1.06/assets/images/hero-boussole.webp);
background-position:68% center;
}
#jb-home-blocks .jb-home-blocks__hero-inner{min-height:610px;align-items:flex-start!important}
#jb-home-blocks .jb-home-blocks__hero-copy{width:100%!important;padding:38px 0 255px!important}
#jb-home-blocks .jb-home-blocks__hero h1{font-size:clamp(36px,11vw,52px)!important}
#jb-home-blocks .jb-home-blocks__products{margin-top:-34px!important}
#jb-home-blocks .jb-home-blocks__products-panel{padding:14px!important}
#jb-home-blocks .jb-home-blocks__why-panel{padding:20px 14px!important}
#jb-home-blocks .jb-home-blocks__benefit{grid-template-columns:58px minmax(0,1fr)!important;padding:18px 10px!important}
#jb-home-blocks .jb-home-blocks__icon{width:52px!important;height:52px!important}
}
@media(max-width:480px){
#jb-home-blocks .jb-home-blocks__actions{display:grid!important}
#jb-home-blocks .jb-home-blocks__button{width:100%!important}
} .jb-single-layout.is-full-width{
grid-template-columns:minmax(0,1fr);
}
.jb-single-layout.is-full-width .jb-page-content{
width:100%;
max-width:none;
}
.jb-single-layout.is-full-width .content-card{
max-width:none;
}
.jb-nomades-v104,
.jb-nomades-v104 *{box-sizing:border-box}
.jb-nomades-v104{
width:100%;
max-width:none;
margin:0;
color:var(--ink);
font-family:Arial,Helvetica,sans-serif;
line-height:1.65;
}
.jb-nomades-hero{
margin:0 0 30px;
padding:44px 28px;
text-align:center;
background:linear-gradient(135deg,#fffdf8 0%,#f4ecdc 100%);
border-top:4px solid var(--gold);
border-bottom:1px solid #ead9ad;
border-radius:14px;
box-shadow:0 10px 30px rgba(6,39,78,.10);
}
.jb-nomades-kicker{
margin:0 0 10px;
color:#a76f00;
font-size:14px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
}
.jb-nomades-hero h1{
margin:0;
color:var(--h1-color);
font:700 clamp(36px,6vw,60px)/1.08 Georgia,'Times New Roman',serif;
}
.jb-nomades-divider{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
max-width:380px;
margin:20px auto;
color:var(--gold);
}
.jb-nomades-divider::before,.jb-nomades-divider::after{
content:"";
height:1px;
flex:1;
background:var(--gold);
}
.jb-nomades-intro{max-width:930px;margin:0 auto;font-size:18px}
.jb-nomades-benefits{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:18px;
margin-bottom:34px;
}
.jb-nomades-benefit{
padding:24px;
background:#fff;
border:1px solid #ead9ad;
border-top:4px solid var(--gold);
border-radius:12px;
box-shadow:0 8px 22px rgba(6,39,78,.08);
}
.jb-nomades-benefit:first-child{background:var(--navy);color:#fff;border-color:var(--navy)}
.jb-nomades-benefit h2{margin:0 0 10px;color:var(--h2-color);font:700 26px/1.2 Georgia,'Times New Roman',serif}
.jb-nomades-benefit:first-child h2{color:var(--gold-light)}
.jb-nomades-benefit p{margin:0}
.jb-nomades-icon{font-size:34px;color:var(--gold);margin-bottom:8px}
.jb-nomades-benefit:first-child .jb-nomades-icon{color:var(--gold-light)}
.jb-nomades-promise{
margin:0 0 38px;
padding:26px 28px;
text-align:center;
background:#f8f1df;
border:1px solid #e7d7ad;
border-radius:14px;
}
.jb-nomades-promise h2,.jb-nomades-title h2,.jb-nomades-conclusion h2{
margin:0 0 10px;
color:var(--h2-color);
font-family:Georgia,'Times New Roman',serif;
}
.jb-nomades-title{text-align:center;margin:42px 0 24px}
.jb-nomades-badge{display:inline-block;margin:0 0 8px;padding:5px 14px;border-radius:999px;background:#f7e7b9;color:#7e5800;font-weight:700}
.jb-nomades-title h2{font-size:clamp(30px,4vw,44px)}
.jb-nomades-grid{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:24px !important;
width:100% !important;
align-items:stretch !important;
}
.jb-nomade-card{
display:flex !important;
flex-direction:column !important;
min-width:0 !important;
width:auto !important;
max-width:none !important;
margin:0 !important;
padding:30px !important;
background:#fff !important;
color:var(--ink) !important;
border:1px solid #e7d7ad !important;
border-top:5px solid var(--gold) !important;
border-radius:14px !important;
box-shadow:0 10px 26px rgba(6,39,78,.10) !important;
}
.jb-nomade-card .jb-nomade-type{margin:0 0 8px;color:#a76f00;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.jb-nomade-card h3{margin:0 0 16px;color:var(--h3-color);font:700 30px/1.15 Georgia,'Times New Roman',serif}
.jb-nomade-card>p{margin-top:0}
.jb-nomade-advantages{margin:0 0 20px;padding:14px 16px;background:#f8f1df;border-left:4px solid var(--gold);color:var(--navy)}
.jb-nomade-action{margin:auto 0 0 !important}
.jb-nomade-button{
display:block;
width:100%;
padding:13px 16px;
text-align:center;
background:var(--navy);
color:#fff !important;
font-weight:700;
text-decoration:none !important;
border-radius:6px;
}
.jb-nomade-button:hover{background:var(--blue);color:#fff !important}
.jb-nomades-conclusion{
margin-top:36px;
padding:30px;
text-align:center;
background:linear-gradient(135deg,#fffdf8 0%,#f5efe2 100%);
border:1px solid #e7d7ad;
border-radius:14px;
box-shadow:0 8px 22px rgba(6,39,78,.08);
}
.jb-nomades-conclusion p{max-width:860px;margin:0 auto}
@media(max-width:760px){
.jb-nomades-benefits,.jb-nomades-grid{grid-template-columns:1fr !important}
.jb-nomades-hero{padding:34px 20px}
.jb-nomade-card{padding:24px !important}
} .jb-about-page-full{
width:var(--container);
margin-inline:auto;
padding-top:42px;
padding-bottom:80px;
}
.jb-about-page-content,
.jb-about-editor-content{
width:100%;
min-width:0;
max-width:none;
margin:0;
padding:0;
border:0;
background:transparent;
box-shadow:none;
}
.jb-about-editor-content > :first-child{margin-top:0}
.jb-about-editor-content > :last-child{margin-bottom:0}
@media(max-width:800px){
.jb-about-page-full{padding-top:28px;padding-bottom:55px}
} @media (max-width:1100px){
.header-inner{position:relative}
.menu-toggle{display:block;flex:0 0 auto;z-index:1002;min-width:58px;border-radius:8px}
.menu-toggle:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
.main-navigation{display:none;position:fixed;z-index:1001;inset:var(--header-height) 0 0;margin:0;background:linear-gradient(145deg,rgba(0,31,70,.995),rgba(6,47,100,.995));padding:24px max(28px,calc((100vw - 760px)/2)) 44px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid rgba(241,199,91,.35)}
.main-navigation.is-open{display:block}
.main-navigation .primary-menu{display:block;width:100%;max-width:760px;margin:0 auto}
.main-navigation .primary-menu>li{border-bottom:1px solid rgba(255,255,255,.12)}
.main-navigation .primary-menu a{font-size:21px;padding:13px 4px;color:#fff;white-space:normal}
.main-navigation .primary-menu a::after{display:none}
.main-navigation .primary-menu .sub-menu{display:block;position:static;min-width:0;margin:0;padding:0 0 9px 22px;background:transparent;border:0;box-shadow:none}
.main-navigation .primary-menu .sub-menu li{border:0}
.main-navigation .primary-menu .sub-menu a{font-family:Arial,Helvetica,sans-serif;font-size:16px;padding:8px 4px;color:#dfeafa}
}
@media (max-width:850px){
.header-inner{gap:12px}
.brand{flex:1 1 auto;min-width:0;gap:10px;overflow:hidden}
.brand-text{display:flex!important;min-width:0;max-width:330px;font-size:14px;line-height:1.08;overflow:hidden}
.brand-text strong,.brand-text b{display:block;overflow:hidden;text-overflow:ellipsis}
.brand-text b{font-size:17px;line-height:1.1;color:var(--gold-light)}
.menu-toggle{margin-left:auto}
}
@media (max-width:560px){
.header-inner{min-height:82px;gap:8px}
.brand{gap:8px}
.brand img,.brand-logo-link img{width:58px;height:58px;flex-basis:58px}
.brand-text{font-size:12px;max-width:230px}
.brand-text b{font-size:15px}
.menu-toggle{min-width:52px;padding:6px}
.menu-toggle span{width:25px}
.main-navigation{inset:82px 0 0;padding:18px 22px 36px}
.main-navigation .primary-menu a{font-size:19px}
}
@media (max-width:390px){
.brand-text{font-size:11px;max-width:185px}
.brand-text b{font-size:13px}
.menu-toggle em{font-size:11px}
} .edd_download_purchase_form,
.edd_purchase_submit_wrapper{
width:100%;
max-width:100%;
}
.edd_download_purchase_form .edd_price_options{
margin:0 0 18px;
padding:18px 20px;
background:#fff;
border:1px solid var(--line,#e5ddcf);
border-radius:10px;
}
.edd_download_purchase_form .edd_price_options ul{
margin:0;
padding:0;
list-style:none;
}
.edd_download_purchase_form .edd_price_options li{
margin:0 0 9px;
}
.edd_download_purchase_form .edd_price_options li:last-child{
margin-bottom:0;
}
.edd_download_purchase_form .edd_price_options label{
display:flex;
align-items:flex-start;
gap:10px;
font-weight:500;
cursor:pointer;
}
.edd_download_purchase_form .edd_price_options input[type="radio"],
.edd_download_purchase_form .edd_price_options input[type="checkbox"]{
flex:0 0 auto;
width:18px;
height:18px;
margin:4px 0 0;
accent-color:var(--navy,#062f64);
}
.edd_purchase_submit_wrapper{
display:block;
margin-top:20px;
}
.edd_purchase_submit_wrapper .edd-submit,
.edd_purchase_submit_wrapper .edd-add-to-cart,
.edd_purchase_submit_wrapper .edd_go_to_checkout{
width:100%;
min-height:50px;
margin:0;
padding:13px 20px!important;
justify-content:center;
text-align:center;
white-space:normal;
} .edd_purchase_submit_wrapper [style*="display: none"],
.edd_purchase_submit_wrapper [style*="display:none"],
.edd_download_purchase_form [style*="display: none"],
.edd_download_purchase_form [style*="display:none"],
.edd-display-none{
display:none!important;
}
.edd_purchase_submit_wrapper .edd-loading{
margin-left:8px;
}
.edd_purchase_submit_wrapper .edd-cart-added-alert{
display:block;
margin-top:10px;
color:#2e6539;
font-weight:700;
text-align:center;
}
@media(max-width:600px){
.edd_download_purchase_form .edd_price_options{
padding:15px;
}
.edd_purchase_submit_wrapper .edd-submit,
.edd_purchase_submit_wrapper .edd-add-to-cart,
.edd_purchase_submit_wrapper .edd_go_to_checkout{
font-size:14px;
}
}  .edd_purchase_submit_wrapper .edd-submit,
.edd_purchase_submit_wrapper .edd-submit.button,
.edd_purchase_submit_wrapper .edd-add-to-cart,
.edd_purchase_submit_wrapper .edd_go_to_checkout{
background:var(--gold-light,#f1c75b)!important;
color:var(--navy,#062f64)!important;
border-color:var(--gold,#dca319)!important;
}
.edd_purchase_submit_wrapper .edd-submit:hover,
.edd_purchase_submit_wrapper .edd-submit.button:hover,
.edd_purchase_submit_wrapper .edd-add-to-cart:hover,
.edd_purchase_submit_wrapper .edd_go_to_checkout:hover{
background:var(--gold,#dca319)!important;
color:var(--navy-dark,#001f46)!important;
} @media(min-width:1101px){
.main-navigation .primary-menu > .menu-item-has-children > a{
padding-right:18px;
}
.main-navigation .primary-menu:not(.compact-primary-menu) > .menu-item-has-children > a::before{
content:"▼";
position:absolute;
right:0;
top:50%;
transform:translateY(-27%);
color:var(--gold-light,#f1c75b);
font:700 11px/1 Arial,Helvetica,sans-serif;
}
.main-navigation .primary-menu .sub-menu{
min-width:360px;
padding:10px 18px;
}
.main-navigation .primary-menu .sub-menu a{
padding:7px 0;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
line-height:1.35;
white-space:normal;
}
} .catalogue-intro section:has(a[href*="liste-des-logiciels-classes-par-type"]) > div{
display:flex!important;
flex-wrap:wrap!important;
justify-content:center!important;
align-items:stretch;
gap:14px!important;
}
.catalogue-intro section:has(a[href*="liste-des-logiciels-classes-par-type"]) > div > a{
flex:1 1 250px;
max-width:300px;
min-height:56px;
display:flex!important;
align-items:center;
}
@media(max-width:680px){
.catalogue-intro section:has(a[href*="liste-des-logiciels-classes-par-type"]) > div > a{
max-width:none;
flex-basis:100%;
}
} .single-featured{
display:flex;
justify-content:center;
width:100%;
margin:0 0 30px;
}
.single-featured img{
display:block;
width:auto;
max-width:100%;
height:auto;
} .entry-content pre,
.prose pre{
box-sizing:border-box;
max-width:100%;
overflow-x:auto;
white-space:pre-wrap;
overflow-wrap:anywhere;
word-break:break-word;
}
.entry-content iframe,
.prose iframe{
max-width:100%;
}