{"id":53,"date":"2026-08-12T19:38:46","date_gmt":"2026-08-12T17:38:46","guid":{"rendered":"https:\/\/pjromec.com\/?page_id=53"},"modified":"2026-08-12T19:48:29","modified_gmt":"2026-08-12T17:48:29","slug":"ressources","status":"publish","type":"page","link":"https:\/\/pjromec.com\/index.php\/ressources\/","title":{"rendered":"Ressources"},"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  }\n\n  .pjr-v4 .pjr-step:first-child {\n    padding-left: 22px;\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-top: 1px solid rgba(255, 255, 255, .18);\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-column: auto;\n    padding: 24px 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-step:last-child {\n    border-bottom: 0;\n  }\n\n  .pjr-v4 .pjr-step span {\n    margin-bottom: 20px;\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--ressources\">\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-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\/\" aria-current=\"page\">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\/\" aria-current=\"page\">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-resources-title\">\n    <div class=\"pjr-shell pjr-hero-grid\">\n      <div class=\"pjr-hero-copy\">\n        <nav class=\"pjr-breadcrumbs\" aria-label=\"Fil d\u2019Ariane\"><a href=\"https:\/\/pjromec.com\/\" data-public-url=\"https:\/\/pjromec.com\/\">Accueil<\/a><span aria-hidden=\"true\">\/<\/span><span>Ressources<\/span><\/nav>\n        <span class=\"pjr-kicker\">Ressources<\/span>\n        <h1 id=\"pjr-resources-title\">Des rep\u00e8res pour comprendre et agir.<\/h1>\n        <p>Nous suivons les transformations qui modifient le travail, les organisations, les territoires et l\u2019enseignement. Cette page pr\u00e9sente nos principaux terrains de r\u00e9flexion et la mani\u00e8re dont nous souhaitons les mettre en perspective.<\/p>\n        <div class=\"pjr-actions\"><a class=\"pjr-button\" href=\"mailto:contact@pjromec.com?subject=Proposition%20de%20th%C3%A8me%20pour%20les%20ressources\">Proposer un th\u00e8me<\/a><\/div>\n      <\/div>\n      <aside class=\"pjr-hero-card\"><span>Ligne \u00e9ditoriale<\/span><strong>Prendre le temps de comprendre avant de commenter.<\/strong><p>Croiser les faits, les usages et leurs cons\u00e9quences concr\u00e8tes pour proposer des rep\u00e8res durables.<\/p><\/aside>\n    <\/div>\n  <\/section>\n\n  <section class=\"pjr-section pjr-section--surface\" aria-labelledby=\"pjr-resources-categories-title\"><div class=\"pjr-shell\"><div class=\"pjr-section-head\"><div><span class=\"pjr-kicker\">Th\u00e8mes suivis<\/span><h2 class=\"pjr-title\" id=\"pjr-resources-categories-title\">Des rep\u00e8res pour comprendre les transformations du Monde.<\/h2><\/div><p class=\"pjr-lead\">Chaque publication reliera l\u2019analyse \u00e0 des cons\u00e9quences concr\u00e8tes pour le travail, la d\u00e9cision, l\u2019organisation ou l\u2019apprentissage.<\/p><\/div><div class=\"pjr-card-grid\"><article class=\"pjr-card\"><span class=\"pjr-card-index\">01<\/span><h3>Management et strat\u00e9gie<\/h3><p>Lire une organisation, comprendre ses choix et clarifier ses priorit\u00e9s.<\/p><\/article><article class=\"pjr-card\"><span class=\"pjr-card-index\">02<\/span><h3>Transformations \u00e9conomiques et sociales<\/h3><p>Observer les \u00e9volutions qui modifient les activit\u00e9s, les m\u00e9tiers et les territoires.<\/p><\/article><article class=\"pjr-card\"><span class=\"pjr-card-index\">03<\/span><h3>Technologies et intelligence artificielle<\/h3><p>Examiner les usages, les effets et les conditions d\u2019appropriation dans le travail, la d\u00e9cision et l\u2019apprentissage.<\/p><\/article><article class=\"pjr-card\"><span class=\"pjr-card-index\">04<\/span><h3>Transition \u00e9cologique<\/h3><p>Relier les enjeux environnementaux aux d\u00e9cisions \u00e9conomiques, organisationnelles et territoriales.<\/p><\/article><article class=\"pjr-card\"><span class=\"pjr-card-index\">05<\/span><h3>Enseignement et comp\u00e9tences<\/h3><p>Faire \u00e9voluer les pratiques p\u00e9dagogiques et pr\u00e9parer les comp\u00e9tences utiles dans un monde en mutation.<\/p><\/article><\/div><\/div><\/section>\n\n  <section class=\"pjr-section\" aria-labelledby=\"pjr-resources-empty-title\"><div class=\"pjr-shell\"><div class=\"pjr-empty-state\"><span class=\"pjr-kicker\">Notre regard<\/span><h2 id=\"pjr-resources-empty-title\">Notre mani\u00e8re d\u2019aborder les transformations.<\/h2><ul class=\"pjr-list\"><li>Partir des faits et des situations r\u00e9ellement observables.<\/li><li>Croiser les dimensions \u00e9conomiques, sociales, technologiques, \u00e9cologiques et p\u00e9dagogiques.<\/li><li>Chercher ce que ces \u00e9volutions changent concr\u00e8tement pour la d\u00e9cision, le travail et l\u2019apprentissage.<\/li><\/ul><a class=\"pjr-text-link\" href=\"https:\/\/pjromec.com\/index.php\/contact\/\" data-public-url=\"https:\/\/pjromec.com\/index.php\/contact\/\" style=\"margin-top: 24px;\">\u00c9changer sur un sujet<\/a><\/div><\/div><\/section>\n\n  <section class=\"pjr-section pjr-section--accent-soft\" aria-labelledby=\"pjr-resources-rules-title\"><div class=\"pjr-shell pjr-split\"><div><span class=\"pjr-kicker\">R\u00e8gles de publication<\/span><h2 class=\"pjr-title\" id=\"pjr-resources-rules-title\">Des contenus utiles et responsables.<\/h2><\/div><div class=\"pjr-editorial-list\"><article class=\"pjr-editorial-item\"><span>Sources<\/span><h3>Documenter les affirmations<\/h3><p>Les donn\u00e9es, r\u00e9glementations et r\u00e9f\u00e9rences externes devront \u00eatre dat\u00e9es et reli\u00e9es \u00e0 une source fiable.<\/p><\/article><article class=\"pjr-editorial-item\"><span>Exp\u00e9riences<\/span><h3>Respecter la confidentialit\u00e9<\/h3><p>Les cas ou retours d\u2019exp\u00e9rience ne seront publi\u00e9s qu\u2019apr\u00e8s anonymisation suffisante ou autorisation explicite.<\/p><\/article><article class=\"pjr-editorial-item\"><span>Rythme<\/span><h3>Privil\u00e9gier la profondeur<\/h3><p>La qualit\u00e9, la pertinence et l\u2019actualisation priment sur le volume de publication.<\/p><\/article><\/div><\/div><\/section>\n\n  <section class=\"pjr-section pjr-cta\" aria-labelledby=\"pjr-resources-cta-title\"><div class=\"pjr-shell pjr-cta-panel\"><div><h2 id=\"pjr-resources-cta-title\">Un sujet m\u00e9rite d\u2019\u00eatre mis en perspective ?<\/h2><p>Proposez-nous une question ou une situation que vous souhaitez mieux comprendre.<\/p><\/div><a class=\"pjr-button\" href=\"mailto:contact@pjromec.com?subject=Proposition%20de%20th%C3%A8me%20pour%20les%20ressources\">Proposer un th\u00e8me<\/a><\/div><\/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 Accueil\/Ressources Ressources Des rep\u00e8res pour comprendre et agir. Nous suivons les transformations qui modifient le travail, les organisations, les territoires et l\u2019enseignement. Cette page pr\u00e9sente nos principaux terrains de r\u00e9flexion [&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-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/pages\/53","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=53"}],"version-history":[{"count":11,"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/pages\/53\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/pjromec.com\/index.php\/wp-json\/wp\/v2\/media?parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}