{"id":43,"date":"2026-08-12T19:38:46","date_gmt":"2026-08-12T17:38:46","guid":{"rendered":"https:\/\/pjromec.com\/?page_id=43"},"modified":"2026-08-12T19:47:29","modified_gmt":"2026-08-12T17:47:29","slug":"accueil-pjr-v4","status":"publish","type":"page","link":"https:\/\/pjromec.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<style>\n\/* PJR \u2014 \u00e9quilibre V3\/V4, enti\u00e8rement limit\u00e9 au composant .pjr-v4 *\/\nbody:has(.pjr-v4) > .wp-site-blocks > header.wp-block-template-part,\nbody:has(.pjr-v4) > .wp-site-blocks > footer.wp-block-template-part,\nbody:has(.pjr-v4) .wp-block-post-title {\n  display: none !important;\n}\n\nbody:has(.pjr-v4) .wp-block-post-content {\n  margin-block: 0 !important;\n  padding-inline: 0 !important;\n  padding-block: 0 !important;\n}\n\nbody:has(.pjr-v4) > .wp-site-blocks > main,\nbody:has(.pjr-v4) > .wp-site-blocks > main > .wp-block-group {\n  margin-block: 0 !important;\n  padding-block: 0 !important;\n}\n\n.pjr-v4 {\n  --pjr-bg: #F3EFE6;\n  --pjr-surface: #FCFAF5;\n  --pjr-white: #FFFFFF;\n  --pjr-navy: #123047;\n  --pjr-deep: #0A2233;\n  --pjr-ink: #27353B;\n  --pjr-muted: #56656A;\n  --pjr-line: #D7D3C8;\n  --pjr-accent: #0B706C;\n  --pjr-accent-hover: #085A57;\n  --pjr-accent-soft: #E4F0EF;\n  --pjr-accent-light: #64CEC5;\n  --pjr-accent-vivid: #26AAA1;\n  --pjr-warm: #E9E5DB;\n  --pjr-serif: Charter, \"Iowan Old Style\", \"Palatino Linotype\", Palatino, Georgia, serif;\n  --pjr-sans: Aptos, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  --pjr-shadow: 0 18px 48px rgba(10, 34, 51, .10);\n  position: relative;\n  isolation: isolate;\n  width: 100%;\n  max-width: none;\n  margin-inline: 0 !important;\n  margin-block: 0 !important;\n  overflow: clip;\n  color: var(--pjr-ink);\n  background: var(--pjr-bg);\n  font: 400 17px\/1.67 var(--pjr-sans);\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n}\n\n.pjr-v4,\n.pjr-v4 * {\n  box-sizing: border-box;\n}\n\n.pjr-v4 a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.pjr-v4 img {\n  display: block;\n  max-width: 100%;\n  height: auto;\n}\n\n.pjr-v4 :where(h1, h2, h3, p, ul, ol, blockquote) {\n  margin-top: 0;\n}\n\n.pjr-v4 :where(h1, h2, h3) {\n  color: var(--pjr-navy);\n  font-family: var(--pjr-serif);\n  font-weight: 500;\n  letter-spacing: -.02em;\n  text-wrap: balance;\n}\n\n.pjr-v4 :where(p, li, blockquote) {\n  text-wrap: pretty;\n}\n\n.pjr-v4 :where(button, input, select, textarea) {\n  font-family: var(--pjr-sans);\n}\n\n.pjr-v4 .pjr-shell {\n  width: min(1180px, calc(100% - 64px));\n  margin-inline: auto;\n}\n\n.pjr-v4 .pjr-reading {\n  max-width: 720px;\n}\n\n.pjr-v4 .pjr-section {\n  padding-block: clamp(68px, 8vw, 112px);\n  scroll-margin-top: 92px;\n}\n\n.pjr-v4 .pjr-section--surface {\n  background: var(--pjr-surface);\n}\n\n.pjr-v4 .pjr-section--accent-soft {\n  background: var(--pjr-accent-soft);\n}\n\n.pjr-v4 .pjr-skip {\n  position: fixed;\n  z-index: 1000;\n  top: 10px;\n  left: 12px;\n  padding: 11px 15px;\n  color: var(--pjr-white);\n  background: var(--pjr-deep);\n  transform: translateY(-160%);\n}\n\n.pjr-v4 .pjr-skip:focus {\n  transform: translateY(0);\n}\n\n.pjr-v4 :where(a, button, input, select, textarea, summary):focus-visible {\n  outline: 3px solid var(--pjr-accent);\n  outline-offset: 3px;\n  box-shadow: 0 0 0 6px rgba(252, 250, 245, .96);\n}\n\n.pjr-v4 .pjr-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 11px;\n  margin-bottom: 18px;\n  color: var(--pjr-accent);\n  font-size: .74rem;\n  font-weight: 780;\n  letter-spacing: .12em;\n  line-height: 1.25;\n  text-transform: uppercase;\n}\n\n.pjr-v4 .pjr-kicker::before {\n  width: 28px;\n  height: 2px;\n  flex: 0 0 auto;\n  background: currentColor;\n  content: \"\";\n}\n\n.pjr-v4 .pjr-title {\n  max-width: 850px;\n  margin-bottom: 22px;\n  font-size: clamp(2.15rem, 4vw, 3.65rem);\n  line-height: 1.06;\n}\n\n.pjr-v4 .pjr-lead {\n  max-width: 720px;\n  margin-bottom: 0;\n  color: var(--pjr-muted);\n  font-size: clamp(1.04rem, 1.5vw, 1.22rem);\n}\n\n.pjr-v4 .pjr-section-head {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(320px, .58fr);\n  align-items: end;\n  gap: 60px;\n  margin-bottom: clamp(42px, 5vw, 68px);\n}\n\n.pjr-v4 .pjr-section-head :where(.pjr-title, .pjr-lead) {\n  margin-bottom: 0;\n}\n\n.pjr-v4 .pjr-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.pjr-v4 .pjr-button {\n  display: inline-flex;\n  min-height: 50px;\n  align-items: center;\n  justify-content: center;\n  gap: 9px;\n  padding: 13px 21px;\n  color: var(--pjr-white);\n  border: 1px solid var(--pjr-accent);\n  border-radius: 7px;\n  background: var(--pjr-accent);\n  font-size: .9rem;\n  font-weight: 740;\n  line-height: 1.2;\n  cursor: pointer;\n  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;\n}\n\n.pjr-v4 .pjr-button::after {\n  content: \"\u2192\";\n}\n\n.pjr-v4 .pjr-button:hover {\n  border-color: var(--pjr-accent-hover);\n  background: var(--pjr-accent-hover);\n  transform: translateY(-1px);\n}\n\n.pjr-v4 .pjr-button--secondary {\n  color: var(--pjr-navy);\n  border-color: rgba(18, 48, 71, .34);\n  background: transparent;\n}\n\n.pjr-v4 .pjr-button--secondary:hover {\n  color: var(--pjr-white);\n  border-color: var(--pjr-navy);\n  background: var(--pjr-navy);\n}\n\n.pjr-v4 .pjr-text-link {\n  display: inline-flex;\n  min-height: 44px;\n  align-items: center;\n  gap: 8px;\n  color: var(--pjr-accent);\n  border-bottom: 1px solid currentColor;\n  font-weight: 720;\n}\n\n.pjr-v4 .pjr-text-link::after {\n  content: \"\u2192\";\n}\n\n\/* En-t\u00eate partag\u00e9 *\/\n.pjr-v4 .pjr-header {\n  position: sticky;\n  z-index: 200;\n  top: 0;\n  border-bottom: 1px solid rgba(18, 48, 71, .12);\n  background: rgba(252, 250, 245, .94);\n  backdrop-filter: blur(14px);\n}\n\nbody.admin-bar:has(.pjr-v4) .pjr-header {\n  top: 32px;\n}\n\n.pjr-v4 .pjr-header-inner {\n  display: flex;\n  min-height: 76px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n}\n\n.pjr-v4 .pjr-brand {\n  display: inline-grid;\n  grid-template-columns: 48px auto;\n  min-width: 230px;\n  align-items: center;\n  gap: 11px;\n  flex: 0 0 auto;\n  color: var(--pjr-navy);\n  line-height: 1.06;\n}\n\n.pjr-v4 .pjr-brand-mark {\n  display: block;\n  width: 48px;\n  height: 48px;\n  overflow: hidden;\n}\n\n.pjr-v4 .pjr-brand-mark img {\n  width: 96px;\n  max-width: none;\n  height: auto;\n  margin-left: -24px;\n}\n\n.pjr-v4 .pjr-brand-copy {\n  display: grid;\n  gap: 3px;\n}\n\n.pjr-v4 .pjr-brand-copy strong {\n  font-family: var(--pjr-serif);\n  font-size: 1.02rem;\n  font-weight: 620;\n  letter-spacing: .005em;\n}\n\n.pjr-v4 .pjr-brand-copy small {\n  color: var(--pjr-muted);\n  font-size: .59rem;\n  font-weight: 760;\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n.pjr-v4 .pjr-nav {\n  display: flex;\n  align-items: center;\n  gap: clamp(15px, 1.7vw, 25px);\n}\n\n.pjr-v4 .pjr-nav > a:not(.pjr-button) {\n  position: relative;\n  display: inline-flex;\n  min-height: 44px;\n  align-items: center;\n  color: var(--pjr-navy);\n  font-size: .82rem;\n  font-weight: 660;\n}\n\n.pjr-v4 .pjr-nav > a:not(.pjr-button)::after {\n  position: absolute;\n  right: 0;\n  bottom: 6px;\n  left: 0;\n  height: 2px;\n  background: var(--pjr-accent);\n  content: \"\";\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform .18s ease;\n}\n\n.pjr-v4 .pjr-nav > a:not(.pjr-button):where(:hover, [aria-current=\"page\"])::after {\n  transform: scaleX(1);\n}\n\n.pjr-v4 .pjr-nav > a[aria-current=\"page\"] {\n  font-weight: 790;\n}\n\n.pjr-v4 .pjr-nav .pjr-button {\n  min-height: 44px;\n  padding: 10px 15px;\n  color: var(--pjr-navy);\n  border-color: rgba(18, 48, 71, .34);\n  background: transparent;\n  font-size: .8rem;\n}\n\n.pjr-v4 .pjr-nav .pjr-button:hover {\n  color: var(--pjr-white);\n  border-color: var(--pjr-navy);\n  background: var(--pjr-navy);\n}\n\n.pjr-v4 .pjr-header-mobile {\n  display: none;\n}\n\n\/* Hero *\/\n.pjr-v4 .pjr-hero {\n  position: relative;\n  overflow: hidden;\n  padding-block: clamp(68px, 8vw, 112px);\n  border-bottom: 1px solid var(--pjr-line);\n  background:\n    radial-gradient(circle at 92% 8%, rgba(38, 170, 161, .12), transparent 30%),\n    linear-gradient(90deg, rgba(18, 48, 71, .032) 1px, transparent 1px),\n    var(--pjr-surface);\n  background-size: auto, 86px 86px, auto;\n}\n\n.pjr-v4 .pjr-hero::after {\n  position: absolute;\n  right: -210px;\n  bottom: -315px;\n  width: 610px;\n  height: 610px;\n  pointer-events: none;\n  border: 1px solid rgba(11, 112, 108, .16);\n  border-radius: 50%;\n  content: \"\";\n}\n\n.pjr-v4 .pjr-hero-grid {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: minmax(0, 7fr) minmax(320px, 5fr);\n  align-items: center;\n  gap: clamp(52px, 7vw, 96px);\n}\n\n.pjr-v4 .pjr-hero h1 {\n  max-width: 820px;\n  margin-bottom: 25px;\n  font-size: clamp(2.75rem, 5.4vw, 4.9rem);\n  line-height: 1.01;\n}\n\n.pjr-v4 .pjr-hero h1 em,\n.pjr-v4 .pjr-title em {\n  color: var(--pjr-accent);\n  font-style: normal;\n  font-weight: inherit;\n}\n\n.pjr-v4 .pjr-hero-copy > p {\n  max-width: 690px;\n  margin-bottom: 31px;\n  color: var(--pjr-muted);\n  font-size: clamp(1.08rem, 1.6vw, 1.28rem);\n}\n\n.pjr-v4 .pjr-hero-card {\n  position: relative;\n  padding: clamp(32px, 4vw, 48px);\n  border: 1px solid var(--pjr-line);\n  border-radius: 12px;\n  background: rgba(243, 239, 230, .88);\n  box-shadow: var(--pjr-shadow);\n}\n\n.pjr-v4 .pjr-hero-card::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  height: 4px;\n  background: var(--pjr-accent);\n  content: \"\";\n}\n\n.pjr-v4 .pjr-hero-card span {\n  display: block;\n  margin-bottom: 36px;\n  color: var(--pjr-accent);\n  font-size: .72rem;\n  font-weight: 780;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.pjr-v4 .pjr-hero-card strong {\n  display: block;\n  color: var(--pjr-navy);\n  font-family: var(--pjr-serif);\n  font-size: clamp(1.75rem, 3vw, 2.75rem);\n  font-weight: 520;\n  letter-spacing: -.03em;\n  line-height: 1.08;\n}\n\n.pjr-v4 .pjr-hero-card p {\n  margin: 22px 0 0;\n  color: var(--pjr-muted);\n}\n\n\/* Accueil incarn\u00e9 : logo et terrains d'exp\u00e9rience h\u00e9rit\u00e9s de la V3 *\/\n.pjr-v4 .pjr-home-logo-stage {\n  position: relative;\n  width: min(100%, 520px);\n  margin-inline: auto;\n}\n\n.pjr-v4 .pjr-home-logo-stage::before {\n  position: absolute;\n  inset: 12% 8%;\n  pointer-events: none;\n  border-radius: 50%;\n  background: radial-gradient(circle, rgba(38, 170, 161, .12), transparent 68%);\n  content: \"\";\n}\n\n.pjr-v4 .pjr-home-logo-stage img {\n  position: relative;\n  z-index: 1;\n  width: 112%;\n  max-width: none;\n  margin-left: -6%;\n  aspect-ratio: 3 \/ 2;\n  object-fit: contain;\n  filter: drop-shadow(0 22px 32px rgba(10, 34, 51, .10));\n}\n\n.pjr-v4 .pjr-home-logo-note {\n  position: relative;\n  z-index: 2;\n  width: max-content;\n  max-width: min(100%, 350px);\n  margin: 4px 0 0 auto;\n  padding: 15px 18px;\n  color: var(--pjr-navy);\n  border-left: 3px solid var(--pjr-accent-vivid);\n  border-radius: 0 8px 8px 0;\n  background: rgba(252, 250, 245, .95);\n  box-shadow: 0 14px 34px rgba(10, 34, 51, .12);\n  font-family: var(--pjr-serif);\n  font-size: 1.04rem;\n  line-height: 1.3;\n}\n\n.pjr-v4 .pjr-terrains {\n  color: var(--pjr-white);\n  background: var(--pjr-navy);\n}\n\n.pjr-v4 .pjr-terrain-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n}\n\n.pjr-v4 .pjr-terrain {\n  min-height: 154px;\n  padding: 29px 26px;\n  border-right: 1px solid rgba(252, 250, 245, .16);\n}\n\n.pjr-v4 .pjr-terrain:last-child {\n  border-right: 0;\n}\n\n.pjr-v4 .pjr-terrain span {\n  display: block;\n  margin-bottom: 27px;\n  color: var(--pjr-accent-light);\n  font-size: .68rem;\n  font-weight: 780;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.pjr-v4 .pjr-terrain strong {\n  display: block;\n  margin-bottom: 6px;\n  color: var(--pjr-white);\n  font-family: var(--pjr-serif);\n  font-size: 1.23rem;\n  font-weight: 520;\n  line-height: 1.17;\n}\n\n.pjr-v4 .pjr-terrain small {\n  color: rgba(252, 250, 245, .66);\n  font-size: .78rem;\n}\n\n.pjr-v4 .pjr-breadcrumbs {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-bottom: 26px;\n  color: var(--pjr-muted);\n  font-size: .76rem;\n}\n\n.pjr-v4 .pjr-breadcrumbs a {\n  color: var(--pjr-accent);\n}\n\n\/* Cartes et grilles *\/\n.pjr-v4 .pjr-card-grid {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 22px;\n}\n\n.pjr-v4 .pjr-card {\n  display: flex;\n  min-height: 300px;\n  flex-direction: column;\n  padding: clamp(29px, 3.5vw, 42px);\n  border: 1px solid var(--pjr-line);\n  border-radius: 10px;\n  background: var(--pjr-surface);\n}\n\n.pjr-v4--home .pjr-card {\n  min-height: 290px;\n  border: 0;\n  border-top: 3px solid var(--pjr-accent);\n  border-radius: 0;\n  box-shadow: 0 14px 34px rgba(10, 34, 51, .08);\n  transition: transform .2s ease, box-shadow .2s ease;\n}\n\n.pjr-v4--home .pjr-card:hover {\n  box-shadow: 0 20px 42px rgba(10, 34, 51, .12);\n  transform: translateY(-3px);\n}\n\n.pjr-v4 .pjr-card-index {\n  display: block;\n  margin-bottom: 32px;\n  color: var(--pjr-accent);\n  font-size: .71rem;\n  font-weight: 780;\n  letter-spacing: .1em;\n}\n\n.pjr-v4 .pjr-card h3 {\n  margin-bottom: 14px;\n  font-size: clamp(1.55rem, 2.4vw, 2.1rem);\n  line-height: 1.08;\n}\n\n.pjr-v4 .pjr-card p {\n  margin-bottom: 26px;\n  color: var(--pjr-muted);\n}\n\n.pjr-v4 .pjr-card .pjr-text-link {\n  align-self: flex-start;\n  margin-top: auto;\n}\n\n.pjr-v4 .pjr-four-grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  border-top: 1px solid var(--pjr-line);\n  border-left: 1px solid var(--pjr-line);\n}\n\n.pjr-v4 .pjr-pillar {\n  min-height: 245px;\n  padding: 30px 27px;\n  border-right: 1px solid var(--pjr-line);\n  border-bottom: 1px solid var(--pjr-line);\n}\n\n.pjr-v4 .pjr-pillar span {\n  display: block;\n  margin-bottom: 42px;\n  color: var(--pjr-accent);\n  font-size: .72rem;\n  font-weight: 780;\n}\n\n.pjr-v4 .pjr-pillar h3 {\n  margin-bottom: 12px;\n  font-size: 1.45rem;\n}\n\n.pjr-v4 .pjr-pillar p {\n  margin-bottom: 0;\n  color: var(--pjr-muted);\n  font-size: .9rem;\n}\n\n.pjr-v4 .pjr-offer-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 22px;\n}\n\n.pjr-v4 .pjr-offer {\n  padding: clamp(31px, 4vw, 46px);\n  border: 1px solid var(--pjr-line);\n  border-radius: 10px;\n  background: var(--pjr-surface);\n}\n\n.pjr-v4 .pjr-offer h3 {\n  margin-bottom: 14px;\n  font-size: clamp(1.5rem, 2.5vw, 2.1rem);\n}\n\n.pjr-v4 .pjr-offer > p {\n  color: var(--pjr-muted);\n}\n\n.pjr-v4 .pjr-list {\n  display: grid;\n  gap: 0;\n  margin: 24px 0 0;\n  padding: 0;\n  border-top: 1px solid var(--pjr-line);\n  list-style: none;\n}\n\n.pjr-v4 .pjr-list li {\n  position: relative;\n  padding: 13px 0 13px 23px;\n  border-bottom: 1px solid var(--pjr-line);\n  color: var(--pjr-muted);\n}\n\n.pjr-v4 .pjr-list li::before {\n  position: absolute;\n  top: 1.48em;\n  left: 0;\n  width: 10px;\n  height: 2px;\n  background: var(--pjr-accent);\n  content: \"\";\n}\n\n\/* Bande et m\u00e9thode *\/\n.pjr-v4 .pjr-band {\n  position: relative;\n  overflow: hidden;\n  color: var(--pjr-white);\n  background: var(--pjr-deep);\n}\n\n.pjr-v4 .pjr-band::after {\n  position: absolute;\n  top: -300px;\n  right: -150px;\n  width: 640px;\n  height: 640px;\n  pointer-events: none;\n  border: 1px solid rgba(38, 170, 161, .18);\n  border-radius: 50%;\n  content: \"\";\n}\n\n.pjr-v4 .pjr-band > .pjr-shell {\n  position: relative;\n  z-index: 1;\n}\n\n.pjr-v4 .pjr-band .pjr-kicker {\n  color: var(--pjr-accent-light);\n}\n\n.pjr-v4 .pjr-band :where(.pjr-title, h2, h3) {\n  color: var(--pjr-white);\n}\n\n.pjr-v4 .pjr-band .pjr-lead {\n  color: #CAD2D1;\n}\n\n.pjr-v4 .pjr-band-grid {\n  display: grid;\n  grid-template-columns: minmax(0, .9fr) minmax(340px, 1.1fr);\n  align-items: center;\n  gap: clamp(50px, 8vw, 100px);\n}\n\n.pjr-v4 .pjr-band-copy p {\n  color: #111111;\n}\n\n.pjr-v4 .pjr-band .pjr-band-copy p {\n  color: #CAD2D1;\n}\n\n.pjr-v4 .pjr-section--accent-soft .pjr-band-copy p {\n  color: #111111;\n}\n\n.pjr-v4 .pjr-band-copy p:last-child {\n  margin-bottom: 0;\n}\n\n.pjr-v4 .pjr-steps {\n  display: grid;\n  grid-template-columns: repeat(5, minmax(0, 1fr));\n  margin-top: 56px;\n  border-top: 1px solid rgba(255, 255, 255, .18);\n  border-bottom: 1px solid rgba(255, 255, 255, .18);\n}\n\n.pjr-v4 .pjr-step {\n  min-height: 245px;\n  padding: 27px 22px;\n  border-right: 1px solid rgba(255, 255, 255, .18);\n}\n\n.pjr-v4 .pjr-step:first-child {\n  padding-left: 0;\n}\n\n.pjr-v4 .pjr-step:last-child {\n  border-right: 0;\n}\n\n.pjr-v4 .pjr-step span {\n  display: block;\n  margin-bottom: 42px;\n  color: var(--pjr-accent-light);\n  font-size: .7rem;\n  font-weight: 780;\n  letter-spacing: .1em;\n}\n\n.pjr-v4 .pjr-step h3 {\n  margin-bottom: 10px;\n  color: var(--pjr-white);\n  font-size: 1.32rem;\n}\n\n.pjr-v4 .pjr-step p {\n  margin-bottom: 0;\n  color: #CAD2D1;\n  font-size: .84rem;\n}\n\n\/* Contenus \u00e9ditoriaux *\/\n.pjr-v4 .pjr-split {\n  display: grid;\n  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);\n  gap: clamp(52px, 8vw, 104px);\n}\n\n.pjr-v4 .pjr-split-intro {\n  align-self: start;\n}\n\n.pjr-v4 .pjr-editorial-list {\n  border-top: 1px solid var(--pjr-line);\n}\n\n.pjr-v4 .pjr-editorial-item {\n  padding-block: 34px;\n  border-bottom: 1px solid var(--pjr-line);\n}\n\n.pjr-v4 .pjr-editorial-item > span {\n  display: block;\n  margin-bottom: 11px;\n  color: var(--pjr-accent);\n  font-size: .71rem;\n  font-weight: 780;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.pjr-v4 .pjr-editorial-item h3 {\n  margin-bottom: 12px;\n  font-size: clamp(1.55rem, 2.5vw, 2.2rem);\n  line-height: 1.1;\n}\n\n.pjr-v4 .pjr-editorial-item p {\n  margin-bottom: 0;\n  color: var(--pjr-muted);\n}\n\n.pjr-v4 .pjr-editorial-item p + p {\n  margin-top: 13px;\n}\n\n.pjr-v4 .pjr-note {\n  padding: 24px 27px;\n  border-left: 4px solid var(--pjr-accent);\n  background: var(--pjr-accent-soft);\n}\n\n.pjr-v4 .pjr-note strong {\n  display: block;\n  margin-bottom: 7px;\n  color: var(--pjr-navy);\n}\n\n.pjr-v4 .pjr-note p {\n  margin-bottom: 0;\n  color: var(--pjr-muted);\n}\n\n.pjr-v4 .pjr-profile-card {\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  min-height: 470px;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: clamp(34px, 5vw, 54px);\n  color: var(--pjr-white);\n  border-radius: 14px;\n  background: linear-gradient(145deg, var(--pjr-navy), var(--pjr-deep));\n}\n\n.pjr-v4 .pjr-profile-card::after {\n  position: absolute;\n  right: -150px;\n  bottom: -190px;\n  width: 380px;\n  height: 380px;\n  pointer-events: none;\n  border: 1px solid rgba(38, 170, 161, .28);\n  border-radius: 50%;\n  content: \"\";\n}\n\n.pjr-v4 .pjr-profile-card > * {\n  position: relative;\n  z-index: 1;\n}\n\n.pjr-v4 .pjr-profile-card span {\n  color: var(--pjr-accent-light);\n  font-size: .72rem;\n  font-weight: 780;\n  letter-spacing: .1em;\n  text-transform: uppercase;\n}\n\n.pjr-v4 .pjr-profile-card blockquote {\n  margin-bottom: 0;\n  font-family: var(--pjr-serif);\n  font-size: clamp(1.9rem, 3.5vw, 3rem);\n  line-height: 1.1;\n}\n\n.pjr-v4 .pjr-empty-state {\n  max-width: 820px;\n  padding: clamp(34px, 5vw, 54px);\n  border: 1px solid var(--pjr-line);\n  border-radius: 12px;\n  background: var(--pjr-surface);\n}\n\n\/* Transformations : composition \u00e9ditoriale inspir\u00e9e de la V3 *\/\n.pjr-v4 .pjr-transformations {\n  position: relative;\n  overflow: hidden;\n  background: var(--pjr-warm);\n}\n\n.pjr-v4 .pjr-transformations::after {\n  position: absolute;\n  right: -170px;\n  bottom: -290px;\n  width: 520px;\n  height: 520px;\n  pointer-events: none;\n  border: 1px solid rgba(18, 48, 71, .10);\n  border-radius: 50%;\n  content: \"\";\n}\n\n.pjr-v4 .pjr-transformations-grid {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: minmax(300px, .84fr) minmax(0, 1.16fr);\n  align-items: start;\n  gap: clamp(54px, 9vw, 118px);\n}\n\n.pjr-v4 .pjr-transformation-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin: 36px 0 0;\n  padding: 0;\n  list-style: none;\n}\n\n.pjr-v4 .pjr-transformation-tags li {\n  padding: 7px 10px;\n  color: var(--pjr-navy);\n  border: 1px solid rgba(18, 48, 71, .18);\n  border-radius: 999px;\n  background: rgba(252, 250, 245, .48);\n  font-size: .68rem;\n  font-weight: 740;\n  letter-spacing: .05em;\n  line-height: 1.2;\n  text-transform: uppercase;\n}\n\n.pjr-v4 .pjr-transformations-copy {\n  max-width: 700px;\n  padding-top: 31px;\n  border-top: 1px solid rgba(18, 48, 71, .24);\n}\n\n.pjr-v4 .pjr-transformations-copy p {\n  margin-bottom: 22px;\n  color: var(--pjr-muted);\n}\n\n.pjr-v4 .pjr-transformations-copy p:first-child {\n  color: var(--pjr-navy);\n  font-family: var(--pjr-serif);\n  font-size: clamp(1.2rem, 2vw, 1.55rem);\n  line-height: 1.48;\n}\n\n.pjr-v4 .pjr-transformations-copy p:last-child {\n  margin-bottom: 0;\n}\n\n.pjr-v4 .pjr-empty-state h2 {\n  margin-bottom: 15px;\n  font-size: clamp(1.8rem, 3.3vw, 2.8rem);\n}\n\n.pjr-v4 .pjr-empty-state p {\n  color: var(--pjr-muted);\n}\n\n\/* Contact *\/\n.pjr-v4 .pjr-contact-grid {\n  display: grid;\n  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);\n  align-items: start;\n  gap: clamp(48px, 8vw, 96px);\n}\n\n.pjr-v4 .pjr-contact-details {\n  display: grid;\n  gap: 18px;\n}\n\n.pjr-v4 .pjr-contact-details a {\n  color: var(--pjr-accent);\n  font-weight: 720;\n}\n\n.pjr-v4 .pjr-contact-form {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 20px;\n  padding: clamp(28px, 5vw, 48px);\n  border: 1px solid var(--pjr-line);\n  background: var(--pjr-surface);\n}\n\n.pjr-v4 .pjr-field {\n  display: grid;\n  gap: 7px;\n}\n\n.pjr-v4 .pjr-field--full {\n  grid-column: 1 \/ -1;\n}\n\n.pjr-v4 .pjr-field label,\n.pjr-v4 .pjr-field legend {\n  color: var(--pjr-navy);\n  font-size: .83rem;\n  font-weight: 720;\n}\n\n.pjr-v4 .pjr-field :where(input, select, textarea) {\n  width: 100%;\n  min-height: 48px;\n  padding: 11px 13px;\n  color: var(--pjr-ink);\n  border: 1px solid #A9B0AE;\n  border-radius: 4px;\n  background: var(--pjr-white);\n  font: inherit;\n}\n\n.pjr-v4 .pjr-field textarea {\n  min-height: 160px;\n  resize: vertical;\n}\n\n.pjr-v4 .pjr-field small {\n  color: var(--pjr-muted);\n  font-size: .74rem;\n}\n\n.pjr-v4 .pjr-consent {\n  display: grid;\n  grid-template-columns: 20px minmax(0, 1fr);\n  gap: 10px;\n  grid-column: 1 \/ -1;\n  color: var(--pjr-muted);\n  font-size: .8rem;\n}\n\n.pjr-v4 .pjr-consent input {\n  width: 18px;\n  height: 18px;\n  margin-top: 3px;\n  accent-color: var(--pjr-accent);\n}\n\n.pjr-v4 .pjr-consent a {\n  color: var(--pjr-accent);\n  text-decoration: underline;\n}\n\n.pjr-v4 .pjr-form-actions {\n  display: flex;\n  grid-column: 1 \/ -1;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 15px;\n}\n\n.pjr-v4 .pjr-form-status {\n  margin: 0;\n  color: var(--pjr-muted);\n  font-size: .8rem;\n}\n\n.pjr-v4 .pjr-vcard {\n  display: grid;\n  grid-template-columns: 150px minmax(0, 1fr);\n  align-items: center;\n  gap: 24px;\n  margin-top: 34px;\n  padding: 20px;\n  border: 1px solid var(--pjr-line);\n  background: var(--pjr-surface);\n}\n\n.pjr-v4 .pjr-vcard img {\n  width: 150px;\n  aspect-ratio: 1;\n  padding: 5px;\n  background: var(--pjr-white);\n}\n\n.pjr-v4 .pjr-vcard h3 {\n  margin-bottom: 8px;\n  font-size: 1.4rem;\n}\n\n.pjr-v4 .pjr-vcard p {\n  margin-bottom: 12px;\n  color: var(--pjr-muted);\n  font-size: .86rem;\n}\n\n\/* CTA et pied de page partag\u00e9s *\/\n.pjr-v4 .pjr-cta {\n  background: var(--pjr-surface);\n}\n\n.pjr-v4 .pjr-cta-panel {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 48px;\n  padding: clamp(42px, 6vw, 72px);\n  color: var(--pjr-white);\n  overflow: hidden;\n  border-radius: 14px;\n  background:\n    radial-gradient(circle at 96% 10%, rgba(38, 170, 161, .20), transparent 35%),\n    var(--pjr-navy);\n}\n\n.pjr-v4 .pjr-cta h2 {\n  max-width: 730px;\n  margin-bottom: 14px;\n  color: var(--pjr-white);\n  font-size: clamp(2rem, 3.8vw, 3.4rem);\n  line-height: 1.05;\n}\n\n.pjr-v4 .pjr-cta p {\n  max-width: 680px;\n  margin-bottom: 0;\n  color: #CAD2D1;\n}\n\n.pjr-v4 .pjr-cta .pjr-button {\n  color: var(--pjr-deep);\n  border-color: var(--pjr-accent-light);\n  background: var(--pjr-accent-light);\n}\n\n.pjr-v4 .pjr-cta .pjr-button:hover {\n  border-color: var(--pjr-white);\n  background: var(--pjr-white);\n}\n\n.pjr-v4 .pjr-footer {\n  color: #CAD2D1;\n  background: var(--pjr-deep);\n}\n\n.pjr-v4 .pjr-footer-grid {\n  display: grid;\n  grid-template-columns: 1.2fr .72fr .72fr .86fr;\n  gap: 44px;\n  padding-block: 58px 46px;\n}\n\n.pjr-v4 .pjr-footer h2,\n.pjr-v4 .pjr-footer h3 {\n  color: var(--pjr-white);\n}\n\n.pjr-v4 .pjr-footer-logo {\n  display: block;\n  width: min(220px, 100%);\n  margin-bottom: 18px;\n  padding: 8px 11px;\n  border-radius: 10px;\n  background: var(--pjr-surface);\n}\n\n.pjr-v4 .pjr-footer-logo img {\n  width: 100%;\n  aspect-ratio: 3 \/ 2;\n  object-fit: contain;\n}\n\n.pjr-v4 .pjr-footer h2 {\n  margin-bottom: 10px;\n  font-size: 1.4rem;\n}\n\n.pjr-v4 .pjr-footer h3 {\n  margin-bottom: 14px;\n  font-family: var(--pjr-sans);\n  font-size: .7rem;\n  font-weight: 780;\n  letter-spacing: .11em;\n  text-transform: uppercase;\n}\n\n.pjr-v4 .pjr-footer p {\n  margin-bottom: 0;\n  font-size: .83rem;\n}\n\n.pjr-v4 .pjr-footer-links {\n  display: grid;\n  gap: 8px;\n  font-size: .8rem;\n}\n\n.pjr-v4 .pjr-footer a:hover {\n  color: var(--pjr-white);\n}\n\n.pjr-v4 .pjr-footer-legal {\n  display: flex;\n  min-height: 70px;\n  align-items: center;\n  justify-content: space-between;\n  gap: 22px;\n  border-top: 1px solid rgba(255, 255, 255, .14);\n  font-size: .72rem;\n}\n\n.pjr-v4 .pjr-legal-links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px 20px;\n}\n\n\/* R\u00f4les typographiques : deux familles et des graisses stables sur tous les appareils *\/\n.pjr-v4 .pjr-brand-copy strong {\n  font-weight: 600;\n}\n\n.pjr-v4 .pjr-nav > a:not(.pjr-button) {\n  font-weight: 600;\n}\n\n.pjr-v4 .pjr-nav > a[aria-current=\"page\"]:not(.pjr-button),\n.pjr-v4 .pjr-button,\n.pjr-v4 .pjr-text-link,\n.pjr-v4 .pjr-contact-details a,\n.pjr-v4 .pjr-field label,\n.pjr-v4 .pjr-field legend {\n  font-weight: 700;\n}\n\n.pjr-v4 .pjr-kicker,\n.pjr-v4 .pjr-card-index,\n.pjr-v4 .pjr-pillar > span,\n.pjr-v4 .pjr-step > span,\n.pjr-v4 .pjr-editorial-item > span,\n.pjr-v4 .pjr-profile-card > span,\n.pjr-v4 .pjr-transformation-tags li,\n.pjr-v4 .pjr-footer h3 {\n  font-weight: 700;\n  letter-spacing: .09em;\n}\n\n.pjr-v4 .pjr-hero-card strong,\n.pjr-v4 .pjr-terrain strong {\n  font-weight: 500;\n}\n\n.pjr-v4 h3 {\n  letter-spacing: -.015em;\n}\n\n@media (max-width: 1080px) {\n  .pjr-v4 .pjr-nav {\n    gap: 14px;\n  }\n\n  .pjr-v4 .pjr-nav > a:not(.pjr-button) {\n    font-size: .77rem;\n  }\n\n  .pjr-v4 .pjr-footer-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 980px) {\n  .pjr-v4 .pjr-shell {\n    width: min(100% - 56px, 1200px);\n  }\n\n  .pjr-v4 .pjr-section {\n    padding-block: clamp(56px, 7vw, 76px);\n  }\n\n  .pjr-v4 .pjr-hero {\n    padding-block: clamp(48px, 6vw, 64px);\n  }\n\n  .pjr-v4 .pjr-desktop-nav {\n    display: none;\n  }\n\n  .pjr-v4 .pjr-header-mobile {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n  }\n\n  .pjr-v4 .pjr-header-mobile > .pjr-button {\n    min-height: 44px;\n    padding: 10px 14px;\n    font-size: .8rem;\n  }\n\n  .pjr-v4 .pjr-mobile-menu {\n    position: relative;\n  }\n\n  .pjr-v4 .pjr-mobile-menu summary {\n    display: inline-grid;\n    width: 44px;\n    height: 44px;\n    place-items: center;\n    color: var(--pjr-navy);\n    border: 1px solid var(--pjr-line);\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 0;\n    list-style: none;\n  }\n\n  .pjr-v4 .pjr-mobile-menu summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .pjr-v4 .pjr-mobile-menu summary::before {\n    font-size: 1.25rem;\n    content: \"\u2630\";\n  }\n\n  .pjr-v4 .pjr-mobile-menu[open] summary::before {\n    content: \"\u00d7\";\n  }\n\n  .pjr-v4 .pjr-mobile-menu .pjr-nav {\n    position: absolute;\n    top: calc(100% + 12px);\n    right: 0;\n    display: grid;\n    width: min(330px, calc(100vw - 40px));\n    gap: 3px;\n    padding: 14px;\n    border: 1px solid var(--pjr-line);\n    background: var(--pjr-surface);\n    box-shadow: var(--pjr-shadow);\n  }\n\n  .pjr-v4 .pjr-mobile-menu .pjr-nav a {\n    min-height: 44px;\n    padding: 10px 12px;\n  }\n\n  .pjr-v4 .pjr-hero-grid,\n  .pjr-v4 .pjr-split,\n  .pjr-v4 .pjr-contact-grid,\n  .pjr-v4 .pjr-band-grid,\n  .pjr-v4 .pjr-transformations-grid {\n    grid-template-columns: 1fr;\n    row-gap: clamp(36px, 6vw, 52px);\n  }\n\n  .pjr-v4 .pjr-section-head {\n    grid-template-columns: 1fr;\n    align-items: start;\n    gap: 20px;\n  }\n\n  .pjr-v4 .pjr-terrain-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .pjr-v4 .pjr-terrain:nth-child(2) {\n    border-right: 0;\n  }\n\n  .pjr-v4 .pjr-terrain:nth-child(-n + 2) {\n    border-bottom: 1px solid rgba(252, 250, 245, .16);\n  }\n\n  .pjr-v4 .pjr-hero-card {\n    max-width: 620px;\n  }\n\n  .pjr-v4 .pjr-profile-card {\n    min-height: 0;\n    justify-content: flex-start;\n    gap: clamp(32px, 5vw, 44px);\n    padding: clamp(30px, 4.8vw, 36px);\n  }\n\n  .pjr-v4 .pjr-profile-card blockquote {\n    max-width: 26ch;\n    font-size: clamp(1.55rem, 4vw, 2rem);\n    line-height: 1.16;\n  }\n\n  .pjr-v4 .pjr-card-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pjr-v4 .pjr-card {\n    min-height: 0;\n  }\n\n  .pjr-v4 .pjr-card-index {\n    margin-bottom: 28px;\n  }\n\n  .pjr-v4 .pjr-four-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .pjr-v4 .pjr-steps {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    margin-top: 28px;\n  }\n\n  .pjr-v4 .pjr-method-band {\n    padding-block: 52px;\n  }\n\n  .pjr-v4 .pjr-step,\n  .pjr-v4 .pjr-step:first-child,\n  .pjr-v4 .pjr-step:last-child {\n    display: grid;\n    min-height: 0;\n    grid-template-columns: 34px minmax(0, 1fr);\n    grid-column: auto;\n    column-gap: 14px;\n    padding: 16px 18px;\n    border-top: 0;\n    border-right: 1px solid rgba(255, 255, 255, .18);\n    border-bottom: 1px solid rgba(255, 255, 255, .18);\n  }\n\n  .pjr-v4 .pjr-step:nth-child(2n) {\n    border-right: 0;\n  }\n\n  .pjr-v4 .pjr-step:last-child {\n    grid-column: 1 \/ -1;\n    border-right: 0;\n    border-bottom: 0;\n  }\n\n  .pjr-v4 .pjr-step span {\n    grid-row: 1 \/ span 2;\n    grid-column: 1;\n    margin: 3px 0 0;\n  }\n\n  .pjr-v4 .pjr-step h3,\n  .pjr-v4 .pjr-step p {\n    grid-column: 2;\n  }\n\n  .pjr-v4 .pjr-step h3 {\n    margin-bottom: 6px;\n  }\n\n  .pjr-v4 .pjr-cta-panel {\n    grid-template-columns: 1fr;\n  }\n\n  .pjr-v4 .pjr-cta .pjr-button {\n    justify-self: start;\n  }\n}\n\n@media (max-width: 680px) {\n  .pjr-v4 {\n    font-size: 16px;\n    line-height: 1.62;\n  }\n\n  .pjr-v4 .pjr-shell {\n    width: min(100% - 38px, 1200px);\n  }\n\n  .pjr-v4 .pjr-header-inner {\n    min-height: 66px;\n  }\n\n  .pjr-v4 .pjr-section {\n    padding-block: 50px;\n  }\n\n  .pjr-v4 .pjr-hero {\n    padding-block: 40px 44px;\n  }\n\n  .pjr-v4 .pjr-hero-grid,\n  .pjr-v4 .pjr-split,\n  .pjr-v4 .pjr-contact-grid,\n  .pjr-v4 .pjr-band-grid,\n  .pjr-v4 .pjr-transformations-grid {\n    row-gap: 34px;\n  }\n\n  .pjr-v4 .pjr-brand img {\n    width: 84px;\n    height: auto;\n    margin-left: -21px;\n  }\n\n  .pjr-v4 .pjr-brand {\n    grid-template-columns: 42px auto;\n    min-width: 190px;\n    gap: 9px;\n  }\n\n  .pjr-v4 .pjr-brand-mark {\n    width: 42px;\n    height: 42px;\n  }\n\n  .pjr-v4 .pjr-brand-copy strong {\n    font-size: .9rem;\n  }\n\n  .pjr-v4 .pjr-brand-copy small {\n    font-size: .54rem;\n  }\n\n  .pjr-v4 .pjr-header-mobile > .pjr-button {\n    padding-inline: 11px;\n  }\n\n  .pjr-v4 .pjr-hero h1 {\n    font-size: clamp(2.1rem, 9vw, 2.8rem);\n    line-height: 1.03;\n  }\n\n  .pjr-v4 .pjr-title {\n    font-size: clamp(1.9rem, 8vw, 2.45rem);\n    line-height: 1.08;\n  }\n\n  .pjr-v4 .pjr-lead,\n  .pjr-v4 .pjr-hero-copy > p {\n    font-size: 1rem;\n    line-height: 1.62;\n  }\n\n  .pjr-v4 .pjr-actions {\n    display: grid;\n  }\n\n  .pjr-v4 .pjr-actions .pjr-button {\n    width: 100%;\n  }\n\n  .pjr-v4 .pjr-section-head,\n  .pjr-v4 .pjr-offer-grid,\n  .pjr-v4 .pjr-four-grid,\n  .pjr-v4 .pjr-steps,\n  .pjr-v4 .pjr-contact-form,\n  .pjr-v4 .pjr-footer-grid,\n  .pjr-v4 .pjr-terrain-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .pjr-v4 .pjr-terrain,\n  .pjr-v4 .pjr-terrain:nth-child(2) {\n    min-height: 0;\n    border-right: 0;\n    border-bottom: 1px solid rgba(252, 250, 245, .16);\n  }\n\n  .pjr-v4 .pjr-terrain:last-child {\n    border-bottom: 0;\n  }\n\n  .pjr-v4 .pjr-terrain span {\n    margin-bottom: 18px;\n  }\n\n  .pjr-v4 .pjr-home-logo-stage {\n    width: min(100%, 430px);\n  }\n\n  .pjr-v4 .pjr-home-logo-note {\n    width: 100%;\n    max-width: none;\n    margin-top: 0;\n  }\n\n  .pjr-v4 .pjr-profile-card {\n    min-height: 0;\n    gap: 26px;\n    padding: 24px 26px;\n  }\n\n  .pjr-v4 .pjr-profile-card blockquote {\n    font-size: clamp(1.4rem, 6vw, 1.7rem);\n    line-height: 1.16;\n  }\n\n  .pjr-v4 .pjr-card {\n    padding: 26px 24px;\n  }\n\n  .pjr-v4 .pjr-card-index {\n    margin-bottom: 20px;\n  }\n\n  .pjr-v4 .pjr-card h3 {\n    font-size: 1.45rem;\n    line-height: 1.15;\n  }\n\n  .pjr-v4 .pjr-section-head {\n    align-items: start;\n    gap: 18px;\n  }\n\n  .pjr-v4 .pjr-pillar {\n    min-height: 0;\n  }\n\n  .pjr-v4 .pjr-step,\n  .pjr-v4 .pjr-step:first-child,\n  .pjr-v4 .pjr-step:last-child {\n    min-height: 0;\n    grid-template-columns: 44px minmax(0, 1fr);\n    grid-column: auto;\n    column-gap: 14px;\n    padding: 18px 0;\n    border-right: 0;\n    border-top: 0;\n    border-bottom: 1px solid rgba(255, 255, 255, .18);\n  }\n\n  .pjr-v4 .pjr-steps {\n    margin-top: 24px;\n  }\n\n  .pjr-v4 .pjr-method-band {\n    padding-block: 44px;\n  }\n\n  .pjr-v4 .pjr-step:last-child {\n    border-bottom: 0;\n  }\n\n  .pjr-v4 .pjr-step span {\n    margin: 2px 0 0;\n  }\n\n  .pjr-v4 .pjr-field--full,\n  .pjr-v4 .pjr-consent,\n  .pjr-v4 .pjr-form-actions {\n    grid-column: auto;\n  }\n\n  .pjr-v4 .pjr-vcard {\n    grid-template-columns: 108px minmax(0, 1fr);\n    gap: 16px;\n  }\n\n  .pjr-v4 .pjr-vcard img {\n    width: 108px;\n  }\n\n  .pjr-v4 .pjr-footer-legal {\n    min-height: 0;\n    flex-direction: column;\n    align-items: flex-start;\n    padding-block: 22px;\n  }\n}\n\n@media (max-width: 782px) {\n  body.admin-bar:has(.pjr-v4) .pjr-header {\n    top: 46px;\n  }\n}\n\n@media (max-width: 420px) {\n  .pjr-v4 .pjr-brand {\n    min-width: 154px;\n  }\n\n  .pjr-v4 .pjr-brand-copy strong {\n    max-width: 104px;\n    font-size: .78rem;\n  }\n\n  .pjr-v4 .pjr-brand-copy small {\n    max-width: 104px;\n    font-size: .48rem;\n  }\n\n  .pjr-v4 .pjr-header-mobile > .pjr-button {\n    font-size: 0;\n  }\n\n  .pjr-v4 .pjr-header-mobile > .pjr-button::before {\n    font-size: .8rem;\n    content: \"Contact\";\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pjr-v4 *,\n  .pjr-v4 *::before,\n  .pjr-v4 *::after {\n    scroll-behavior: auto !important;\n    transition-duration: .01ms !important;\n  }\n}\n<\/style>\n<div class=\"pjr-v4 pjr-v4--home\">\n<a class=\"pjr-skip\" href=\"#pjr-main\">Aller au contenu<\/a>\n<header class=\"pjr-header\">\n  <div class=\"pjr-shell pjr-header-inner\">\n    <a class=\"pjr-brand\" href=\"https:\/\/pjromec.com\/\" data-public-url=\"https:\/\/pjromec.com\/\" aria-current=\"page\" aria-label=\"PJR Conseil et Formation \u2014 accueil\">\n      <span class=\"pjr-brand-mark\" aria-hidden=\"true\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pjromec.com\/wp-content\/uploads\/2026\/08\/logo-transparent-pjr.png\" width=\"1536\" height=\"1024\" alt=\"\"><\/span>\n      <span class=\"pjr-brand-copy\"><strong>Pierre-Jacques Romec<\/strong><small>Conseil &amp; Formation<\/small><\/span>\n    <\/a>\n    <nav class=\"pjr-nav pjr-desktop-nav\" aria-label=\"Navigation principale\">\n      <a href=\"https:\/\/pjromec.com\/index.php\/conseil\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/conseil\/\">Conseil<\/a>\n      <a href=\"https:\/\/pjromec.com\/index.php\/formation\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/formation\/\">Formation<\/a>\n      <a href=\"https:\/\/pjromec.com\/index.php\/accompagnement\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/accompagnement\/\">Accompagnement<\/a>\n      <a href=\"https:\/\/pjromec.com\/index.php\/methode\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/methode\/\">M\u00e9thode<\/a>\n      <a href=\"https:\/\/pjromec.com\/index.php\/a-propos\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/a-propos\/\">\u00c0 propos<\/a>\n      <a href=\"https:\/\/pjromec.com\/index.php\/ressources\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/ressources\/\">Ressources<\/a>\n      <a class=\"pjr-button\" href=\"https:\/\/pjromec.com\/index.php\/contact\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/contact\/\">\u00c9changeons<\/a>\n    <\/nav>\n    <div class=\"pjr-header-mobile\">\n      <a class=\"pjr-button\" href=\"https:\/\/pjromec.com\/index.php\/contact\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/contact\/\">\u00c9changeons<\/a>\n      <details class=\"pjr-mobile-menu\">\n        <summary aria-label=\"Ouvrir le menu principal\">Menu<\/summary>\n        <nav class=\"pjr-nav\" aria-label=\"Navigation mobile\">\n          <a href=\"https:\/\/pjromec.com\/index.php\/conseil\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/conseil\/\">Conseil<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/formation\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/formation\/\">Formation<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/accompagnement\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/accompagnement\/\">Accompagnement<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/methode\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/methode\/\">M\u00e9thode<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/a-propos\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/a-propos\/\">\u00c0 propos<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/ressources\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/ressources\/\">Ressources<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/contact\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/contact\/\">Contact<\/a>\n        <\/nav>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/header>\n<main id=\"pjr-main\">\n  <section class=\"pjr-hero\" aria-labelledby=\"pjr-home-title\">\n    <div class=\"pjr-shell pjr-hero-grid\">\n      <div class=\"pjr-hero-copy\">\n        <span class=\"pjr-kicker\">Conseil \u00b7 Formation \u00b7 Accompagnement<\/span>\n        <h1 id=\"pjr-home-title\">Mettre un sujet \u00e0 plat.<br><em>Faire des choix clairs et donner une suite concr\u00e8te.<\/em><\/h1>\n        <p>Nous accompagnons les organisations, les dirigeants et les \u00e9quipes lorsqu\u2019un projet, une d\u00e9cision ou une transformation demande davantage de clart\u00e9. Notre approche relie analyse strat\u00e9gique, p\u00e9dagogie et production d\u2019outils pour rendre la suite compr\u00e9hensible et praticable.<\/p>\n        <div class=\"pjr-actions\">\n          <a class=\"pjr-button\" href=\"https:\/\/pjromec.com\/index.php\/contact\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/contact\/\">Parlons de votre sujet<\/a>\n          <a class=\"pjr-button pjr-button--secondary\" href=\"#interventions\">D\u00e9couvrir nos interventions<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"pjr-home-logo-stage\" aria-label=\"Signature PJR Conseil et Formation\">\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pjromec.com\/wp-content\/uploads\/2026\/08\/logo-transparent-pjr.png\" width=\"1536\" height=\"1024\" alt=\"Pierre-Jacques Romec \u2014 Conseil et Formation\">\n        <p class=\"pjr-home-logo-note\">Analyser, anticiper et s\u2019adapter aux transformations du Monde<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"pjr-terrains\" aria-label=\"Quatre terrains d\u2019exp\u00e9rience\">\n    <div class=\"pjr-shell pjr-terrain-grid\">\n      <div class=\"pjr-terrain\"><span>Enseigner<\/span><strong>STMG &amp; BTS GPME<\/strong><small>Relier les notions au r\u00e9el<\/small><\/div>\n      <div class=\"pjr-terrain\"><span>Former<\/span><strong>Professionnels &amp; \u00e9tudiants<\/strong><small>Faire comprendre pour faire agir<\/small><\/div>\n      <div class=\"pjr-terrain\"><span>Analyser<\/span><strong>Strat\u00e9gie &amp; organisations<\/strong><small>\u00c9clairer les choix<\/small><\/div>\n      <div class=\"pjr-terrain\"><span>Accompagner<\/span><strong>Projets &amp; transformations<\/strong><small>Passer \u00e0 la mise en \u0153uvre<\/small><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"pjr-section pjr-section--surface\" id=\"interventions\" aria-labelledby=\"pjr-interventions-title\">\n    <div class=\"pjr-shell\">\n      <div class=\"pjr-section-head\">\n        <div>\n          <span class=\"pjr-kicker\">Trois portes d\u2019entr\u00e9e<\/span>\n          <h2 class=\"pjr-title\" id=\"pjr-interventions-title\">Trois fa\u00e7ons de vous aider \u00e0 avancer.<\/h2>\n        <\/div>\n        <p class=\"pjr-lead\">Conseil, formation ou accompagnement : nous construisons le format \u00e0 partir de la situation, des personnes concern\u00e9es et du r\u00e9sultat attendu.<\/p>\n      <\/div>\n      <div class=\"pjr-card-grid\">\n        <article class=\"pjr-card\">\n          <span class=\"pjr-card-index\">01 \u2014 CONSEIL<\/span>\n          <h3>Clarifier avant de d\u00e9cider<\/h3>\n          <p>Mettre en ordre les faits, les contraintes et les options pour construire une ligne d\u2019action lisible.<\/p>\n          <a class=\"pjr-text-link\" href=\"https:\/\/pjromec.com\/index.php\/conseil\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/conseil\/\">D\u00e9couvrir le conseil<\/a>\n        <\/article>\n        <article class=\"pjr-card\">\n          <span class=\"pjr-card-index\">02 \u2014 FORMATION<\/span>\n          <h3>Comprendre pour pouvoir agir<\/h3>\n          <p>D\u00e9velopper des comp\u00e9tences reli\u00e9es aux situations r\u00e9ellement rencontr\u00e9es.<\/p>\n          <a class=\"pjr-text-link\" href=\"https:\/\/pjromec.com\/index.php\/formation\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/formation\/\">D\u00e9couvrir la formation<\/a>\n        <\/article>\n        <article class=\"pjr-card\">\n          <span class=\"pjr-card-index\">03 \u2014 ACCOMPAGNEMENT<\/span>\n          <h3>Faire vivre les d\u00e9cisions dans la dur\u00e9e<\/h3>\n          <p>Soutenir la mise en \u0153uvre, les ajustements et l\u2019appropriation par les \u00e9quipes.<\/p>\n          <a class=\"pjr-text-link\" href=\"https:\/\/pjromec.com\/index.php\/accompagnement\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/accompagnement\/\">D\u00e9couvrir l\u2019accompagnement<\/a>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"pjr-section\" aria-labelledby=\"pjr-promise-title\">\n    <div class=\"pjr-shell pjr-band-grid\">\n      <div>\n        <span class=\"pjr-kicker\">Notre point de d\u00e9part<\/span>\n        <h2 class=\"pjr-title\" id=\"pjr-promise-title\">Un probl\u00e8me pr\u00e9cis, un p\u00e9rim\u00e8tre clair, un r\u00e9sultat utile.<\/h2>\n      <\/div>\n      <div class=\"pjr-band-copy\">\n        <p>Nous commen\u00e7ons par comprendre la situation et ce qui doit r\u00e9ellement changer. Le format reste proportionn\u00e9 au besoin : analyser, cadrer, produire, transmettre et accompagner la mise en \u0153uvre lorsque cela est utile.<\/p>\n        <p>La valeur se trouve dans la justesse de l\u2019analyse, la qualit\u00e9 de la relation et l\u2019utilit\u00e9 de ce qui est produit.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"pjr-section pjr-transformations\" aria-labelledby=\"pjr-transformations-title\">\n    <div class=\"pjr-shell pjr-transformations-grid\">\n      <div>\n        <span class=\"pjr-kicker\">Transformations en cours<\/span>\n        <h2 class=\"pjr-title\" id=\"pjr-transformations-title\">Comprendre ce qui change,<br><em>agir avec discernement.<\/em><\/h2>\n        <ul class=\"pjr-transformation-tags\" aria-label=\"Champs de transformation\">\n          <li>\u00c9conomie<\/li><li>Soci\u00e9t\u00e9<\/li><li>Technologies<\/li><li>\u00c9cologie<\/li><li>Enseignement<\/li><li>Intelligence artificielle<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"pjr-transformations-copy\"><p>Les transformations \u00e9conomiques, sociales, technologiques, \u00e9cologiques et p\u00e9dagogiques redessinent ensemble nos fa\u00e7ons de travailler, de d\u00e9cider, de transmettre et d\u2019apprendre. Nous cherchons \u00e0 en \u00e9clairer les effets concrets, sans simplification ni discours de mode.<\/p><p>Les outils issus de l\u2019intelligence artificielle marquent un tournant majeur. Nous voulons contribuer \u00e0 en comprendre les possibilit\u00e9s et les limites, puis accompagner des usages utiles, responsables et adapt\u00e9s \u00e0 chaque contexte.<\/p><\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"pjr-section pjr-section--surface\" aria-labelledby=\"pjr-pillars-title\">\n    <div class=\"pjr-shell\">\n      <span class=\"pjr-kicker\">Quatre piliers<\/span>\n      <h2 class=\"pjr-title\" id=\"pjr-pillars-title\">De la compr\u00e9hension \u00e0 l\u2019action.<\/h2>\n      <div class=\"pjr-four-grid\">\n        <article class=\"pjr-pillar\"><span>01<\/span><h3>Strat\u00e9gie<\/h3><p>Clarifier les enjeux, les priorit\u00e9s et la trajectoire.<\/p><\/article>\n        <article class=\"pjr-pillar\"><span>02<\/span><h3>Organisation<\/h3><p>Structurer les m\u00e9thodes, responsabilit\u00e9s et processus.<\/p><\/article>\n        <article class=\"pjr-pillar\"><span>03<\/span><h3>Comp\u00e9tences<\/h3><p>Faire progresser les \u00e9quipes par des apports applicables.<\/p><\/article>\n        <article class=\"pjr-pillar\"><span>04<\/span><h3>Transformation<\/h3><p>Accompagner le passage de la d\u00e9cision \u00e0 la mise en \u0153uvre.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"pjr-section pjr-band pjr-method-band\" aria-labelledby=\"pjr-home-method-title\">\n    <div class=\"pjr-shell\">\n      <span class=\"pjr-kicker\">Notre m\u00e9thode<\/span>\n      <h2 class=\"pjr-title\" id=\"pjr-home-method-title\">Un cadre lisible, proportionn\u00e9 \u00e0 votre sujet.<\/h2>\n      <p class=\"pjr-lead\">Cinq \u00e9tapes adaptables \u00e0 la nature et \u00e0 l\u2019ampleur du besoin.<\/p>\n      <div class=\"pjr-steps\">\n        <article class=\"pjr-step\"><span>01<\/span><h3>Comprendre<\/h3><p>\u00c9couter le besoin et le contexte.<\/p><\/article>\n        <article class=\"pjr-step\"><span>02<\/span><h3>Clarifier<\/h3><p>Prioriser les enjeux et les r\u00e9sultats.<\/p><\/article>\n        <article class=\"pjr-step\"><span>03<\/span><h3>Construire<\/h3><p>\u00c9laborer une r\u00e9ponse adapt\u00e9e.<\/p><\/article>\n        <article class=\"pjr-step\"><span>04<\/span><h3>D\u00e9ployer<\/h3><p>Organiser la mise en \u0153uvre.<\/p><\/article>\n        <article class=\"pjr-step\"><span>05<\/span><h3>Mesurer<\/h3><p>Observer, ajuster et capitaliser.<\/p><\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"pjr-section pjr-section--surface\" aria-labelledby=\"pjr-difference-title\">\n    <div class=\"pjr-shell pjr-split\">\n      <div class=\"pjr-profile-card\">\n        <span>Pierre-Jacques Romec<\/span>\n        <blockquote>\u00ab Une \u00e9nergie tranquille, les pieds dans le r\u00e9el et l\u2019esprit toujours en mouvement. \u00bb<\/blockquote>\n      <\/div>\n      <div class=\"pjr-split-intro\">\n        <span class=\"pjr-kicker\">Une approche incarn\u00e9e<\/span>\n        <h2 class=\"pjr-title\" id=\"pjr-difference-title\">Une pratique nourrie par le terrain.<\/h2>\n        <p class=\"pjr-lead\">L\u2019enseignement, la formation, l\u2019analyse strat\u00e9gique et l\u2019exp\u00e9rience des organisations nourrissent une m\u00eame mani\u00e8re de travailler : rendre les enjeux compr\u00e9hensibles et produire une suite r\u00e9ellement mobilisable.<\/p>\n        <div class=\"pjr-actions\" style=\"margin-top: 28px;\">\n          <a class=\"pjr-button pjr-button--secondary\" href=\"https:\/\/pjromec.com\/index.php\/a-propos\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/a-propos\/\">D\u00e9couvrir le parcours<\/a>\n        <\/div>\n        <!-- Ajouter ici des preuves, r\u00e9f\u00e9rences ou t\u00e9moignages uniquement apr\u00e8s validation documentaire et autorisation de publication. -->\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"pjr-section pjr-cta\" aria-labelledby=\"pjr-home-cta-title\">\n    <div class=\"pjr-shell pjr-cta-panel\">\n      <div>\n        <h2 id=\"pjr-home-cta-title\">Commen\u00e7ons par mettre votre sujet \u00e0 plat.<\/h2>\n        <p>Quelques lignes sur le contexte, ce qui vous pr\u00e9occupe et le r\u00e9sultat recherch\u00e9 suffisent pour engager un premier \u00e9change.<\/p>\n      <\/div>\n      <a class=\"pjr-button\" href=\"https:\/\/pjromec.com\/index.php\/contact\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/contact\/\">Parlons de votre sujet<\/a>\n    <\/div>\n  <\/section>\n<\/main>\n<footer class=\"pjr-footer\">\n  <div class=\"pjr-shell\">\n    <div class=\"pjr-footer-grid\">\n      <div>\n        <a class=\"pjr-footer-logo\" href=\"https:\/\/pjromec.com\/\" data-public-url=\"https:\/\/pjromec.com\/\" aria-label=\"PJR Conseil et Formation \u2014 accueil\"><img decoding=\"async\" src=\"https:\/\/pjromec.com\/wp-content\/uploads\/2026\/08\/logo-transparent-pjr.png\" width=\"1536\" height=\"1024\" loading=\"lazy\" alt=\"PJR Conseil et Formation\"><\/a>\n        <h2>PJR Conseil &amp; Formation<\/h2>\n        <p>Analyser, anticiper et s\u2019adapter aux transformations du Monde.<\/p>\n      <\/div>\n      <div>\n        <h3>Interventions<\/h3>\n        <div class=\"pjr-footer-links\">\n          <a href=\"https:\/\/pjromec.com\/index.php\/conseil\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/conseil\/\">Conseil<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/formation\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/formation\/\">Formation<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/accompagnement\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/accompagnement\/\">Accompagnement<\/a>\n        <\/div>\n      <\/div>\n      <div>\n        <h3>PJR<\/h3>\n        <div class=\"pjr-footer-links\">\n          <a href=\"https:\/\/pjromec.com\/index.php\/methode\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/methode\/\">M\u00e9thode<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/a-propos\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/a-propos\/\">\u00c0 propos<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/ressources\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/ressources\/\">Ressources<\/a>\n        <\/div>\n      <\/div>\n      <div>\n        <h3>Contact<\/h3>\n        <div class=\"pjr-footer-links\">\n          <a href=\"mailto:contact@pjromec.com\">contact@pjromec.com<\/a>\n          <a href=\"tel:+33687197716\">06 87 19 77 16<\/a>\n          <a href=\"https:\/\/pjromec.com\/index.php\/contact\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/contact\/\">Pr\u00e9senter votre besoin<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"pjr-footer-legal\">\n      <span>\u00a9 2026 PJR Conseil &amp; Formation<\/span>\n      <div class=\"pjr-legal-links\">\n        <a href=\"https:\/\/pjromec.com\/index.php\/mentions-legales\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/mentions-legales\/\">Mentions l\u00e9gales<\/a><a href=\"https:\/\/pjromec.com\/index.php\/donnees-personnelles\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/donnees-personnelles\/\">Donn\u00e9es personnelles<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Aller au contenu Pierre-Jacques RomecConseil &amp; Formation Conseil Formation Accompagnement M\u00e9thode \u00c0 propos Ressources \u00c9changeons \u00c9changeons Menu Conseil Formation Accompagnement M\u00e9thode \u00c0 propos Ressources Contact Conseil \u00b7 Formation \u00b7 Accompagnement Mettre un sujet \u00e0 plat.Faire des choix clairs et donner une suite concr\u00e8te. Nous accompagnons les organisations, les dirigeants et les \u00e9quipes lorsqu\u2019un projet, une [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":13,"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":150,"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions\/150"}],"wp:attachment":[{"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}