{"id":8636,"date":"2026-06-19T14:25:29","date_gmt":"2026-06-19T14:25:29","guid":{"rendered":"https:\/\/www.theschooloflife.com\/paris\/?page_id=8636"},"modified":"2026-06-19T15:01:09","modified_gmt":"2026-06-19T15:01:09","slug":"offsite-seminire-entreprise","status":"publish","type":"page","link":"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/","title":{"rendered":"Ensemble, autrement"},"content":{"rendered":"<p><!-- =================================================================== --><\/p>\n<p><!-- SECTION 1 \u00b7 HERO + FORMULAIRE MAILCHIMP OFFSITE --><\/p>\n<p><!-- \u00c0 coller dans un bloc \"HTML personnalis\u00e9\" WordPress. Autonome : --><\/p>\n<p><!-- contient son propre \n\n<style> (classes pr\u00e9fix\u00e9es) + import de Bebas Neue. --><\/p>\n<p><!-- =================================================================== --><\/p>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&display=swap');<\/p>\n<p>.offsite-hero {\n  box-sizing: border-box;\n  font-family: Georgia, 'Times New Roman', serif;\n  color: #161616;\n  background: #faf9f5;\n  padding: clamp(36px, 6vw, 80px) 24px;\n}<\/p>\n<p>.offsite-hero *,\n.offsite-hero *::before,\n.offsite-hero *::after {\n  box-sizing: border-box;\n}<\/p>\n<p>.offsite-hero__inner {\n  max-width: 1180px;\n  margin: 0 auto;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: clamp(32px, 5vw, 64px);\n  align-items: center;\n}<\/p>\n<p>\/* ---- Colonne gauche : accroche + visuel ---- *\/\n.offsite-hero__intro {\n  min-width: 0;\n}<\/p>\n<p>.offsite-hero__eyebrow {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-size: clamp(12px, 1.3vw, 15px);\n  letter-spacing: .26em;\n  text-transform: uppercase;\n  color: #8a8576;\n  margin: 0 0 18px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}<\/p>\n<p>.offsite-hero__eyebrow::before {\n  content: \"\";\n  width: 28px;\n  height: 3px;\n  background: #F2CE0A;\n  display: inline-block;\n}<\/p>\n<p>.offsite-hero__title {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-weight: 400;\n  font-size: clamp(42px, 6vw, 82px);\n  line-height: 0.9;\n  letter-spacing: .005em;\n  margin: 0 0 14px;\n}<\/p>\n<p>.offsite-hero__title .accent {\n  position: relative;\n  display: inline-block;\n}<\/p>\n<p>.offsite-hero__title .accent::after {\n  content: \"\";\n  position: absolute;\n  left: -2px;\n  right: -2px;\n  bottom: 0.12em;\n  height: 0.32em;\n  background: #F2CE0A;\n  z-index: -1;\n}<\/p>\n<p>.offsite-hero__sub {\n  font-size: clamp(15px, 1.4vw, 18px);\n  line-height: 1.6;\n  color: #4a4843;\n  max-width: 30em;\n  margin: 0 0 30px;\n}<\/p>\n<p>.offsite-hero__showcase {\n  display: flex;\n  align-items: center;\n  gap: clamp(20px, 3vw, 34px);\n}<\/p>\n<p>.offsite-hero__media {\n  position: relative;\n  flex: none;\n  isolation: isolate;\n}<\/p>\n<p>.offsite-hero__glow {\n  position: absolute;\n  inset: -16% -14%;\n  background: radial-gradient(closest-side, rgba(242,206,10,.75), rgba(242,206,10,0) 72%);\n  filter: blur(4px);\n  z-index: -1;\n}<\/p>\n<p>.offsite-hero__img {\n  display: block;\n  width: clamp(190px, 24vw, 280px);\n  border-radius: 7px;\n  box-shadow: 0 34px 60px -24px rgba(22,22,22,.62), 0 8px 18px -10px rgba(22,22,22,.4);\n  transform: rotate(-2deg);\n  transition: transform .35s ease;\n}<\/p>\n<p>.offsite-hero__media:hover .offsite-hero__img {\n  transform: rotate(0deg) translateY(-4px);\n}<\/p>\n<p>.offsite-hero__bullets {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: grid;\n  gap: 14px;\n}<\/p>\n<p>.offsite-hero__bullets li {\n  display: flex;\n  align-items: flex-start;\n  gap: 11px;\n  font-size: 15.5px;\n  line-height: 1.35;\n  color: #2c2a26;\n}<\/p>\n<p>.offsite-hero__bullets svg {\n  flex: none;\n  width: 21px;\n  height: 21px;\n  margin-top: 1px;\n}<\/p>\n<p>.offsite-hero__bullets b {\n  font-weight: normal;\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  letter-spacing: .03em;\n}<\/p>\n<p>\/* ---- Colonne droite : carte formulaire ---- *\/\n.offsite-hero__card {\n  background: #ffffff;\n  border: 1px solid #ece9e0;\n  border-radius: 14px;\n  padding: clamp(24px, 3vw, 36px);\n  box-shadow: 0 40px 80px -40px rgba(22,22,22,.4);\n  min-width: 0;\n}<\/p>\n<p>.offsite-hero__cardhead {\n  margin: 0 0 22px;\n}<\/p>\n<p>.offsite-hero__cardtitle {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-weight: 400;\n  font-size: clamp(26px, 2.6vw, 34px);\n  line-height: 1;\n  letter-spacing: .02em;\n  margin: 0 0 8px;\n}<\/p>\n<p>.offsite-hero__cardsub {\n  font-size: 14.5px;\n  line-height: 1.5;\n  color: #6b675e;\n  margin: 0;\n}<\/p>\n<p>.offsite-hero__form {\n  display: grid;\n  gap: 14px;\n}<\/p>\n<p>.offsite-hero__row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n}<\/p>\n<p>.offsite-hero__field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  min-width: 0;\n}<\/p>\n<p>.offsite-hero__label {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-size: 13px;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n  color: #6b675e;\n}<\/p>\n<p>.offsite-hero__label .req {\n  color: #c9a400;\n}<\/p>\n<p>.offsite-hero__control {\n  font-family: Georgia, serif;\n  font-size: 15px;\n  width: 100%;\n  padding: 12px 14px;\n  border: 1.5px solid #d9d6cc;\n  border-radius: 6px;\n  background: #fff;\n  color: #161616;\n  transition: border-color .2s, box-shadow .2s;\n}<\/p>\n<p>.offsite-hero__control::placeholder {\n  color: #b3afa2;\n}<\/p>\n<p>.offsite-hero__control:focus {\n  outline: none;\n  border-color: #161616;\n  box-shadow: 0 0 0 3px rgba(242,206,10,.32);\n}<\/p>\n<p>.offsite-hero__btn {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-size: 21px;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  padding: 15px 24px;\n  border: none;\n  border-radius: 6px;\n  background: #161616;\n  color: #fff;\n  cursor: pointer;\n  transition: background .2s, transform .1s;\n  margin-top: 4px;\n  width: 100%;\n}<\/p>\n<p>.offsite-hero__btn:hover {\n  background: #000;\n}<\/p>\n<p>.offsite-hero__btn:active {\n  transform: translateY(1px);\n}<\/p>\n<p>.offsite-hero__gdpr {\n  margin: 4px 0 0;\n  padding-top: 16px;\n  border-top: 1px solid #f0ede4;\n}<\/p>\n<p>.offsite-hero__gdpr p {\n  font-size: 11.5px;\n  line-height: 1.5;\n  color: #908b7e;\n  margin: 0 0 10px;\n}<\/p>\n<p>.offsite-hero__gdpr a {\n  color: #6b675e;\n}<\/p>\n<p>.offsite-hero__check {\n  display: flex;\n  gap: 9px;\n  align-items: flex-start;\n  font-size: 12.5px;\n  line-height: 1.4;\n  color: #4a4843;\n  margin: 0 0 9px;\n  cursor: pointer;\n}<\/p>\n<p>.offsite-hero__check input {\n  flex: none;\n  margin-top: 1px;\n  accent-color: #161616;\n  width: 15px;\n  height: 15px;\n}<\/p>\n<p>\/* ---- Responsive ---- *\/\n@media (max-width: 920px) {\n  .offsite-hero__inner {\n    grid-template-columns: 1fr;\n    gap: 40px;\n    max-width: 560px;\n  }<\/p>\n<p>  .offsite-hero__title {\n    font-size: clamp(44px, 12vw, 72px);\n  }<\/p>\n<p>  .offsite-hero__media {\n    margin-left: 6px;\n  }\n}<\/p>\n<p>@media (max-width: 480px) {\n  .offsite-hero__row {\n    grid-template-columns: 1fr;\n  }<\/p>\n<p>  .offsite-hero__showcase {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n<\/style>\n<section class=\"offsite-hero\" id=\"formulaire-brochure\" data-screen-label=\"Hero\">\n<div class=\"offsite-hero__inner\">\n<p><!-- Colonne gauche : accroche + visuel --><\/p>\n<div class=\"offsite-hero__intro\">\n<p class=\"offsite-hero__eyebrow\">Offsite, s\u00e9minaire, coh\u00e9sion d\u2019\u00e9quipe<\/p>\n<h1 class=\"offsite-hero__title\">\n    Ensemble, <span class=\"accent\">autrement<\/span><br \/>\n  <\/h1>\n<p class=\"offsite-hero__sub\">\n    Des exp\u00e9riences collectives pour cr\u00e9er du lien, remettre du sens et renforcer durablement la coh\u00e9sion d\u2019\u00e9quipe.\n  <\/p>\n<div class=\"offsite-hero__showcase\">\n<div class=\"offsite-hero__media\">\n<div class=\"offsite-hero__glow\"><\/div>\n<p>      <img decoding=\"async\" class=\"offsite-hero__img\" src=\"https:\/\/assets.theschooloflife.com\/wp-content\/uploads\/sites\/5\/2026\/06\/19135337\/cohesion-1.jpg.webp\" alt=\"Brochure Offsite \u2014 Ensemble, autrement\">\n    <\/div>\n<ul class=\"offsite-hero__bullets\">\n<li>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F2CE0A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <polyline points=\"4 12.5 9.5 18 20 6\"><\/polyline>\n        <\/svg><br \/>\n        <span><b>Renforce la coh\u00e9sion<\/b><\/span>\n      <\/li>\n<li>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F2CE0A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <polyline points=\"4 12.5 9.5 18 20 6\"><\/polyline>\n        <\/svg><br \/>\n        <span><b>Relance l&#8217;engagement<\/b><\/span>\n      <\/li>\n<li>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F2CE0A\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <polyline points=\"4 12.5 9.5 18 20 6\"><\/polyline>\n        <\/svg><br \/>\n        <span><b>D\u00e9veloppe la coop\u00e9ration<\/b><\/span>\n      <\/li>\n<\/ul><\/div>\n<\/div>\n<p><!-- Colonne droite : formulaire --><\/p>\n<div class=\"offsite-hero__card\">\n<div class=\"offsite-hero__cardhead\">\n<h2 class=\"offsite-hero__cardtitle\">T\u00e9l\u00e9charger la brochure Offsite<\/h2>\n<p class=\"offsite-hero__cardsub\">Compl\u00e9tez le formulaire \u2014 la brochure vous est envoy\u00e9e par e-mail.<\/p>\n<\/p><\/div>\n<p>  <!-- ===== Formulaire Mailchimp OFFSITE (The School of Life Paris) ===== --><\/p>\n<form class=\"offsite-hero__form\" action=\"https:\/\/theschooloflife.us3.list-manage.com\/subscribe\/post?u=d4d91ef331fbca62ccfc473e6&amp;id=e3726568b0&amp;v_id=76&amp;f_id=0009c1e1f0\" method=\"post\" id=\"mc-embedded-subscribe-form\" name=\"mc-embedded-subscribe-form\" target=\"_self\" novalidate>\n<div class=\"offsite-hero__row\">\n<div class=\"offsite-hero__field\">\n        <label class=\"offsite-hero__label\" for=\"mce-FNAME\">Pr\u00e9nom <span class=\"req\">*<\/span><\/label><br \/>\n        <input class=\"offsite-hero__control\" type=\"text\" name=\"FNAME\" id=\"mce-FNAME\" autocomplete=\"given-name\" required>\n      <\/div>\n<div class=\"offsite-hero__field\">\n        <label class=\"offsite-hero__label\" for=\"mce-LNAME\">Nom <span class=\"req\">*<\/span><\/label><br \/>\n        <input class=\"offsite-hero__control\" type=\"text\" name=\"LNAME\" id=\"mce-LNAME\" autocomplete=\"family-name\" required>\n      <\/div>\n<\/p><\/div>\n<div class=\"offsite-hero__row\">\n<div class=\"offsite-hero__field\">\n        <label class=\"offsite-hero__label\" for=\"mce-EMAIL\">E-mail <span class=\"req\">*<\/span><\/label><br \/>\n        <input class=\"offsite-hero__control\" type=\"email\" name=\"EMAIL\" id=\"mce-EMAIL\" autocomplete=\"email\" required>\n      <\/div>\n<div class=\"offsite-hero__field\">\n        <label class=\"offsite-hero__label\" for=\"mce-PHONE\">T\u00e9l\u00e9phone <span class=\"req\">*<\/span><\/label><br \/>\n        <input class=\"offsite-hero__control\" type=\"text\" name=\"PHONE\" id=\"mce-PHONE\" autocomplete=\"tel\">\n      <\/div>\n<\/p><\/div>\n<div class=\"offsite-hero__row\">\n<div class=\"offsite-hero__field\">\n        <label class=\"offsite-hero__label\" for=\"mce-MMERGE5\">Fonction <span class=\"req\">*<\/span><\/label><br \/>\n        <input class=\"offsite-hero__control\" type=\"text\" name=\"MMERGE5\" id=\"mce-MMERGE5\" placeholder=\"Manager, RH, Dirigeant\u00b7e\u2026\" required>\n      <\/div>\n<div class=\"offsite-hero__field\">\n        <label class=\"offsite-hero__label\" for=\"mce-MMERGE6\">Organisation <span class=\"req\">*<\/span><\/label><br \/>\n        <input class=\"offsite-hero__control\" type=\"text\" name=\"MMERGE6\" id=\"mce-MMERGE6\" autocomplete=\"organization\" required>\n      <\/div>\n<\/p><\/div>\n<div class=\"offsite-hero__gdpr\" id=\"mergeRow-gdpr\">\n<p>\n        En cochant, j\u2019accepte la collecte des informations saisies afin d\u2019\u00eatre tenu\u00b7e inform\u00e9\u00b7e par e-mail des produits ou services de The School of Life Paris.<br \/>\n        Voir la <a href=\"https:\/\/www.theschooloflife.com\/paris\/conditions-generales-de-vente\/\" target=\"_blank\" rel=\"noopener\">politique de confidentialit\u00e9<\/a>.\n      <\/p>\n<p>      <label class=\"offsite-hero__check\" for=\"gdpr_93\"><br \/>\n        <input type=\"checkbox\" id=\"gdpr_93\" name=\"gdpr[93]\" value=\"Y\" required><br \/>\n        <span>J\u2019accepte la politique de confidentialit\u00e9 et d\u2019\u00eatre recontact\u00e9\u00b7e dans le cadre de ce programme.<\/span><br \/>\n      <\/label><\/p>\n<p>      <label class=\"offsite-hero__check\" for=\"gdpr_94\"><br \/>\n        <input type=\"checkbox\" id=\"gdpr_94\" name=\"gdpr[94]\" value=\"Y\"><br \/>\n        <span>Je souhaite m\u2019inscrire \u00e0 la newsletter de The School of Life at Work.<\/span><br \/>\n      <\/label><\/p>\n<p>\n        Vous pouvez vous d\u00e9sabonner \u00e0 tout moment en cliquant sur le lien situ\u00e9 en bas de nos e-mails.\n      <\/p>\n<\/p><\/div>\n<div hidden>\n      <input type=\"hidden\" name=\"tags\" value=\"93592\">\n    <\/div>\n<div aria-hidden=\"true\" style=\"position: absolute; left: -5000px;\">\n      <input type=\"text\" name=\"b_d4d91ef331fbca62ccfc473e6_e3726568b0\" tabindex=\"-1\" value=\"\">\n    <\/div>\n<p>    <input class=\"offsite-hero__btn\" type=\"submit\" name=\"subscribe\" id=\"mc-embedded-subscribe\" value=\"T\u00e9l\u00e9charger la brochure\"><\/p><\/form>\n<p>  <!-- ===== Fin formulaire Mailchimp OFFSITE ===== --><\/p>\n<\/div><\/div>\n<\/section>\n<p><!-- =================================================================== --><br \/>\n<!-- SECTION \u00b7 OFFSITE \/ SEMINAIRE \/ COH\u00c9SION D\u2019\u00c9QUIPE --><br \/>\n<!-- \u00c0 coller dans un bloc \"HTML personnalis\u00e9\" WordPress. Autonome : --><br \/>\n<!-- contient son propre \n\n<style> + import de Bebas Neue. -->\n<!-- Style align\u00e9 sur la section QVCT pr\u00e9c\u00e9demment utilis\u00e9e. -->\n<!-- =================================================================== --><\/p>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&display=swap');<\/p>\n<p>\/* ===== Section Offsite \/ Coh\u00e9sion ===== *\/\n.offsite-cohesion {\n  background: #ffffff;\n  overflow: hidden;\n  font-family: Georgia, serif;\n  color: #000;\n}<\/p>\n<p>.offsite-cohesion *,\n.offsite-cohesion *::before,\n.offsite-cohesion *::after {\n  box-sizing: border-box;\n}<\/p>\n<p>\/* Largeur globale augment\u00e9e *\/\n.offsite-inner {\n  max-width: 1600px;\n  margin: 0 auto;\n  padding: clamp(20px, 5vw, 50px) clamp(16px, 4vw, 48px);\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n}<\/p>\n<p>@media (min-width: 1025px) {\n  .offsite-inner {\n    padding-left: 100px;\n    padding-right: 100px;\n  }\n}<\/p>\n<p>\/* Titre principal *\/\n.offsite-title {\n  margin: 0;\n  color: #000;\n  max-width: 1280px;\n}<\/p>\n<p>.offsite-title-main,\n.offsite-title-sub {\n  display: block;\n  font-family: \"Bebas Neue\", sans-serif;\n  font-weight: 400;\n  letter-spacing: .01em;\n}<\/p>\n<p>.offsite-title-main {\n  font-size: clamp(36px, 5vw, 64px);\n  line-height: 0.95;\n}<\/p>\n<p>.offsite-title-sub {\n  margin-top: 10px;\n  font-size: clamp(24px, 3vw, 34px);\n  line-height: 1.05;\n}<\/p>\n<p>\/* Texte introductif \u2014 largeur augment\u00e9e *\/\n.offsite-lead {\n  font-family: Georgia, serif;\n  font-size: clamp(14px, 1.9vw, 18px);\n  line-height: 1.6;\n  margin: 0;\n  color: #000;\n  max-width: 1280px;\n}<\/p>\n<p>\/* Barre de signaux faibles *\/\n.offsite-signals {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: clamp(16px, 2.4vw, 28px);\n  margin: 4px 0;\n}<\/p>\n<p>\/* Mini-blocs visuels, dans l\u2019esprit des cartes QVCT *\/\n.offsite-signal-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 16px;\n  background: #ffffff;\n  border: 1px solid #e2dfd5;\n  border-radius: 10px;\n  padding: clamp(18px, 2.4vw, 26px);\n  min-height: 160px;\n}<\/p>\n<p>\/* Pastille tr\u00e8s discr\u00e8te pour cr\u00e9er un rep\u00e8re visuel premium *\/\n.offsite-signal-dot {\n  width: 12px;\n  height: 12px;\n  border-radius: 999px;\n  background: #161616;\n  flex-shrink: 0;\n  margin-top: 6px;\n}<\/p>\n<p>\/* Contenu du signal faible *\/\n.offsite-signal-content {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}<\/p>\n<p>\/* Titre des signaux faibles *\/\n.offsite-signal-card h3 {\n  font-family: \"Bebas Neue\", sans-serif;\n  font-size: clamp(18px, 2vw, 22px);\n  font-weight: 400;\n  line-height: 1.2;\n  margin: 0;\n  color: #000;\n}<\/p>\n<p>\/* Texte court sous chaque signal *\/\n.offsite-signal-card p {\n  font-family: Georgia, serif;\n  font-size: clamp(13.5px, 1.4vw, 15px);\n  line-height: 1.5;\n  margin: 0;\n  color: #555149;\n}<\/p>\n<p>\/* Liens sources int\u00e9gr\u00e9s dans le texte *\/\n.offsite-signal-card a {\n  color: #000;\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  text-decoration-thickness: 1px;\n}<\/p>\n<p>.offsite-signal-card a:hover {\n  color: #555149;\n}<\/p>\n<p>\/* Transition vers la solution \u2014 largeur augment\u00e9e *\/\n.offsite-quote {\n  font-family: Georgia, serif;\n  font-size: clamp(14px, 1.9vw, 18px);\n  line-height: 1.5;\n  margin: 0;\n  color: #000;\n  max-width: 1280px;\n}<\/p>\n<p>\/* ===== Responsive ===== *\/<\/p>\n<p>\/* Tablette & mobile : empilement vertical des signaux faibles *\/\n@media (max-width: 880px) {\n  .offsite-signals {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }<\/p>\n<p>  .offsite-signal-card {\n    min-height: auto;\n  }\n}<\/p>\n<p>\/* Small mobile *\/\n@media (max-width: 640px) {\n  .offsite-inner {\n    gap: 24px;\n  }<\/p>\n<p>  .offsite-title-main {\n    font-size: clamp(34px, 11vw, 48px);\n  }<\/p>\n<p>  .offsite-title-sub {\n    font-size: clamp(22px, 7vw, 30px);\n  }<\/p>\n<p>  .offsite-signal-card {\n    padding: 18px;\n  }<\/p>\n<p>  .offsite-signal-card h3 {\n    font-size: 18px;\n  }<\/p>\n<p>  .offsite-signal-card p {\n    font-size: 14px;\n  }<\/p>\n<p>  .offsite-quote {\n    font-size: 14px;\n  }\n}\n<\/style>\n<section class=\"offsite-cohesion\">\n<div class=\"offsite-inner\">\n<p>    <!-- 1. Introduction probl\u00e9matique --><\/p>\n<h2 class=\"offsite-title\">\n      <span class=\"offsite-title-main\">Offsite, s\u00e9minaire, coh\u00e9sion d\u2019\u00e9quipe :<\/span><br \/>\n      <span class=\"offsite-title-sub\">et si l\u2019on allait plus loin qu\u2019un simple moment convivial ?<\/span><br \/>\n    <\/h2>\n<p class=\"offsite-lead\">\n      R\u00e9unir une \u00e9quipe ne suffit plus. Dans beaucoup d\u2019organisations, le rythme s\u2019acc\u00e9l\u00e8re, les \u00e9changes se fragmentent et les liens se distendent.<\/p>\n<p>      Les collaborateurs se croisent, collaborent, produisent \u2014 mais prennent rarement le temps de se comprendre vraiment.\n    <\/p>\n<p>    <!-- 2. Barre de signaux faibles : lecture imm\u00e9diate en 1 seconde --><\/p>\n<div class=\"offsite-signals\" aria-label=\"Signaux faibles organisationnels\">\n<div class=\"offsite-signal-card\">\n        <span class=\"offsite-signal-dot\" aria-hidden=\"true\"><\/span><\/p>\n<div class=\"offsite-signal-content\">\n<h3>L\u2019engagement s\u2019essouffle<\/h3>\n<p>\n            Seuls <a href=\"https:\/\/www.gallup.com\/workplace\/697904\/state-of-the-global-workplace-global-data.aspx?\" target=\"_blank\" rel=\"noopener noreferrer\">20 %<\/a> des salari\u00e9s dans le monde se d\u00e9clarent engag\u00e9s dans leur travail, le niveau le plus bas depuis 2020.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"offsite-signal-card\">\n        <span class=\"offsite-signal-dot\" aria-hidden=\"true\"><\/span><\/p>\n<div class=\"offsite-signal-content\">\n<h3>Les liens se fragilisent<\/h3>\n<p>\n            L\u2019isolement li\u00e9 \u00e0 la distance sociale est aujourd\u2019hui identifi\u00e9 par la <a href=\"https:\/\/www.convictionsrh.com\/ressources\/travail-hybride-en-2026-retour-au-presentiel-ou-grand-malentendu\/\" target=\"_blank\" rel=\"noopener noreferrer\">DARES<\/a> comme un facteur de risque psychosocial \u00e0 part enti\u00e8re.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"offsite-signal-card\">\n        <span class=\"offsite-signal-dot\" aria-hidden=\"true\"><\/span><\/p>\n<div class=\"offsite-signal-content\">\n<h3>La coop\u00e9ration devient plus difficile \u00e0 structurer<\/h3>\n<p>\n            Les \u00e9quipes collaborent plus que jamais, mais sans rythme commun, chaque projet co\u00fbte plus d\u2019\u00e9nergie qu\u2019il n\u2019en produit.\n          <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- 3. Transition vers la solution --><\/p>\n<p class=\"offsite-quote\">\n      Avec <strong>Ensemble, autrement<\/strong>, The School of Life Paris con\u00e7oit des exp\u00e9riences d\u2019offsite et de coh\u00e9sion d\u2019\u00e9quipe qui vont au-del\u00e0 du team building classique. Des formats pens\u00e9s pour aider les \u00e9quipes \u00e0 prendre du recul, \u00e0 mieux se comprendre, \u00e0 renouer des liens de confiance et \u00e0 retrouver une mani\u00e8re plus claire, plus humaine et plus engag\u00e9e de travailler ensemble.\n    <\/p>\n<\/p><\/div>\n<\/section>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&display=swap');<\/p>\n<p>\/* Container des deux CTA *\/\n.offsite-cta {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 18px;\n  width: 100%;\n  margin: clamp(28px, 4vw, 48px) 0;\n}<\/p>\n<p>\/* Style commun des boutons *\/\n.offsite-cta__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 260px;\n  min-height: 56px;\n  padding: 14px 24px;\n  border: 1.5px solid #000000;\n  border-radius: 999px;\n  background: #ffffff;\n  color: #000000;\n  font-family: \"Bebas Neue\", sans-serif;\n  font-size: 20px;\n  font-weight: 400;\n  letter-spacing: 0.04em;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  transition: background 180ms ease, color 180ms ease, transform 180ms ease;\n}<\/p>\n<p>.offsite-cta__button:hover {\n  background: #000000;\n  color: #ffffff;\n  transform: translateY(-1px);\n}<\/p>\n<p>.offsite-cta__button:focus-visible {\n  outline: 2px solid #000000;\n  outline-offset: 4px;\n}<\/p>\n<p>\/* Mobile : les boutons s'empilent *\/\n@media (max-width: 640px) {\n  .offsite-cta {\n    flex-direction: column;\n    gap: 12px;\n  }<\/p>\n<p>  .offsite-cta__button {\n    width: 100%;\n    max-width: 340px;\n  }\n}<\/p>\n<p>\/* Scroll fluide vers le formulaire *\/\nhtml {\n  scroll-behavior: smooth;\n}<\/p>\n<p>\/* D\u00e9calage utile si le menu du site est fixe *\/\n#formulaire-brochure {\n  scroll-margin-top: 90px;\n}\n<\/style>\n<div class=\"offsite-cta\" aria-label=\"Actions principales\">\n  <a class=\"offsite-cta__button\" href=\"#formulaire-brochure\"><br \/>\n    T\u00e9l\u00e9charger la brochure<br \/>\n  <\/a><\/p>\n<p>  <a class=\"offsite-cta__button\" href=\"https:\/\/www.theschooloflife.com\/paris\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    Nous contacter<br \/>\n  <\/a>\n<\/div>\n<p><!-- =================================================================== --><br \/>\n<!-- SECTION \u00b7 OFFSITE \/ DANS L\u2019EXP\u00c9RIENCE --><br \/>\n<!-- \u00c0 coller dans un bloc \"HTML personnalis\u00e9\" WordPress. Autonome : --><br \/>\n<!-- contient son propre \n\n<style> (classes pr\u00e9fix\u00e9es) + import de Bebas Neue. -->\n<!-- Style inspir\u00e9 de la section QVCT, adapt\u00e9 \u00e0 l'offre Offsite. -->\n<!-- =================================================================== --><\/p>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&display=swap');<\/p>\n<p>.offsite-guide {\n  box-sizing: border-box;\n  font-family: Georgia, 'Times New Roman', serif;\n  color: #161616;\n  background: #ffffff;\n  padding: clamp(48px, 7vw, 88px) 24px;\n}<\/p>\n<p>.offsite-guide *,\n.offsite-guide *::before,\n.offsite-guide *::after {\n  box-sizing: border-box;\n}<\/p>\n<p>.offsite-guide__inner {\n  max-width: 1140px;\n  margin: 0 auto;\n}<\/p>\n<p>.offsite-guide__head {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto clamp(32px, 4vw, 48px);\n}<\/p>\n<p>.offsite-guide__eyebrow {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-size: 14px;\n  letter-spacing: .26em;\n  text-transform: uppercase;\n  color: #8a8576;\n  margin: 0 0 14px;\n}<\/p>\n<p>.offsite-guide__title {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-weight: 400;\n  font-size: clamp(30px, 4.4vw, 52px);\n  line-height: 0.98;\n  letter-spacing: .01em;\n  margin: 0;\n}<\/p>\n<p>.offsite-guide__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}<\/p>\n<p>.offsite-guide__card {\n  background: #faf9f5;\n  border: 1px solid #ece9e0;\n  border-radius: 10px;\n  padding: clamp(24px, 2.6vw, 34px);\n}<\/p>\n<p>.offsite-guide__index {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-size: 18px;\n  color: #161616;\n  background: #F2CE0A;\n  width: 44px;\n  height: 44px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  margin: 0 0 18px;\n}<\/p>\n<p>.offsite-guide__name {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-weight: 400;\n  font-size: clamp(20px, 2.1vw, 26px);\n  line-height: 1.04;\n  letter-spacing: .01em;\n  margin: 0 0 10px;\n}<\/p>\n<p>.offsite-guide__text {\n  font-size: 14.5px;\n  line-height: 1.55;\n  color: #555149;\n  margin: 0;\n}<\/p>\n<p>@media (max-width: 880px) {\n  .offsite-guide__grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n}\n<\/style>\n<section class=\"offsite-guide\" data-screen-label=\"Des exp\u00e9riences collectives pour\">\n<div class=\"offsite-guide__inner\">\n<div class=\"offsite-guide__head\">\n<p class=\"offsite-guide__eyebrow\">Des exp\u00e9riences collectives pour<\/p>\n<h2 class=\"offsite-guide__title\">\n        Recr\u00e9er du lien. Redonner de l&#8217;\u00e9lan.<br \/>\n      <\/h2>\n<\/p><\/div>\n<div class=\"offsite-guide__grid\">\n<article class=\"offsite-guide__card\">\n<div class=\"offsite-guide__index\">01<\/div>\n<h3 class=\"offsite-guide__name\">Renforcer la coh\u00e9sion avec profondeur<\/h3>\n<p class=\"offsite-guide__text\">\n          Cr\u00e9er des moments qui d\u00e9veloppent la confiance, l&#8217;\u00e9coute et le sentiment d&#8217;appartenance.\n        <\/p>\n<\/article>\n<article class=\"offsite-guide__card\">\n<div class=\"offsite-guide__index\">02<\/div>\n<h3 class=\"offsite-guide__name\">Relancer l&#8217;engagement collectif<\/h3>\n<p class=\"offsite-guide__text\">\n          Faire \u00e9merger du sens, de l&#8217;\u00e9lan et une \u00e9nergie commune durable.\n        <\/p>\n<\/article>\n<article class=\"offsite-guide__card\">\n<div class=\"offsite-guide__index\">03<\/div>\n<h3 class=\"offsite-guide__name\">R\u00e9pondre \u00e0 vos enjeux d&#8217;\u00e9quipe<\/h3>\n<p class=\"offsite-guide__text\">\n          Concevoir une exp\u00e9rience sur mesure, pens\u00e9e \u00e0 partir de votre contexte, de vos d\u00e9fis et de la dynamique propre \u00e0 votre collectif.\n        <\/p>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<p><!-- =================================================================== --><br \/>\n<!-- SECTION \u00b7 TESTIMONIALS OFFSITE --><br \/>\n<!-- \u00c0 coller dans un bloc \"HTML personnalis\u00e9\" WordPress. Autonome : --><br \/>\n<!-- contient son propre \n\n<style> + import de Bebas Neue. -->\n<!-- =================================================================== --><\/p>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&display=swap');<\/p>\n<p>\/* ===== Section Testimonials Offsite ===== *\/\n.offsite-testimonials {\n  box-sizing: border-box;\n  background: #ffffff;\n  color: #161616;\n  padding: clamp(48px, 7vw, 88px) 24px;\n  font-family: Georgia, 'Times New Roman', serif;\n}<\/p>\n<p>.offsite-testimonials *,\n.offsite-testimonials *::before,\n.offsite-testimonials *::after {\n  box-sizing: border-box;\n}<\/p>\n<p>.offsite-testimonials__inner {\n  max-width: 1440px;\n  margin: 0 auto;\n}<\/p>\n<p>.offsite-testimonials__head {\n  text-align: center;\n  max-width: 720px;\n  margin: 0 auto clamp(32px, 4vw, 48px);\n}<\/p>\n<p>.offsite-testimonials__eyebrow {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-size: 14px;\n  letter-spacing: .26em;\n  text-transform: uppercase;\n  color: #8a8576;\n  margin: 0 0 14px;\n}<\/p>\n<p>.offsite-testimonials__title {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-weight: 400;\n  font-size: clamp(30px, 4.4vw, 52px);\n  line-height: 0.98;\n  letter-spacing: .01em;\n  margin: 0;\n}<\/p>\n<p>\/* Grille 3 colonnes sur desktop *\/\n.offsite-testimonials__grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n}<\/p>\n<p>\/* Box testimonial *\/\n.offsite-testimonials__card {\n  background: #F6F6F6;\n  border: 1px solid #ece9e0;\n  border-radius: 10px;\n  padding: clamp(26px, 2.8vw, 36px);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}<\/p>\n<p>\/* Nom *\/\n.offsite-testimonials__name {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-weight: 700;\n  font-size: clamp(22px, 2.3vw, 30px);\n  line-height: 1;\n  letter-spacing: .02em;\n  margin: 0 0 8px;\n  color: #161616;\n}<\/p>\n<p>\/* Fonction *\/\n.offsite-testimonials__role {\n  font-family: 'Bebas Neue', Georgia, sans-serif;\n  font-weight: 400;\n  font-size: clamp(16px, 1.7vw, 20px);\n  line-height: 1.15;\n  letter-spacing: .02em;\n  margin: 0 0 24px;\n  color: #555149;\n}<\/p>\n<p>\/* Verbatim *\/\n.offsite-testimonials__quote {\n  font-family: Georgia, 'Times New Roman', serif;\n  font-style: italic;\n  font-size: 14.5px;\n  line-height: 1.6;\n  color: #555149;\n  margin: 0;\n  text-align: left;\n}<\/p>\n<p>\/* Responsive tablette\/mobile : les t\u00e9moignages s'empilent *\/\n@media (max-width: 960px) {\n  .offsite-testimonials__grid {\n    grid-template-columns: 1fr;\n    gap: 16px;\n  }<\/p>\n<p>  .offsite-testimonials__card {\n    align-items: center;\n  }<\/p>\n<p>  .offsite-testimonials__quote {\n    text-align: center;\n    max-width: 680px;\n  }\n}<\/p>\n<p>\/* Small mobile *\/\n@media (max-width: 640px) {\n  .offsite-testimonials {\n    padding: 40px 18px;\n  }<\/p>\n<p>  .offsite-testimonials__card {\n    padding: 24px 20px;\n  }<\/p>\n<p>  .offsite-testimonials__quote {\n    font-size: 14px;\n    line-height: 1.55;\n  }\n}\n<\/style>\n<section class=\"offsite-testimonials\" data-screen-label=\"Offsite - Testimonials\">\n<div class=\"offsite-testimonials__inner\">\n<div class=\"offsite-testimonials__head\">\n<p class=\"offsite-testimonials__eyebrow\">Ils nous ont fait confiance<\/p>\n<h2 class=\"offsite-testimonials__title\">Ce qu\u2019ils en disent<\/h2>\n<\/p><\/div>\n<div class=\"offsite-testimonials__grid\">\n<article class=\"offsite-testimonials__card\">\n<h3 class=\"offsite-testimonials__name\">Karine Giorgi<\/h3>\n<p class=\"offsite-testimonials__role\">\n          Responsable Formation Ile-de-France,<br \/>\n<br \/> DESPS &#8211; Derichebourg Facility <\/br>\n        <\/p>\n<p class=\"offsite-testimonials__quote\">\n          &#8220;Nous remercions sinc\u00e8rement The School of Life pour son accompagnement qui a v\u00e9ritablement marqu\u00e9 les esprits tant par la qualit\u00e9 de la pr\u00e9sentation, de l&#8217;approche que toutes les cl\u00e9s transmises. L&#8217;intervention a \u00e9t\u00e9 tr\u00e8s appr\u00e9ci\u00e9e, et le groupe a pleinement adh\u00e9r\u00e9 \u00e0 la d\u00e9marche. Nous en sommes ressortis renforc\u00e9s, avec une belle dynamique collective.&#8221;\n        <\/p>\n<\/article>\n<article class=\"offsite-testimonials__card\">\n<h3 class=\"offsite-testimonials__name\">Marianne Beurtheret<\/h3>\n<p class=\"offsite-testimonials__role\">\n          Directrice fiscale Groupe,<br \/>\n<br \/> Groupama<\/br>\n        <\/p>\n<p class=\"offsite-testimonials__quote\">\n          &#8220;L\u2019atelier sur la motivation a permis de faire \u00e9merger un consensus fort autour de l\u2019id\u00e9e que la motivation est un moteur d\u2019\u00e9panouissement personnel au service de la performance collective. Il a \u00e9galement contribu\u00e9 \u00e0 instaurer une v\u00e9ritable dynamique d\u2019\u00e9quipe avec des moments que nous avons d\u00e9cid\u00e9 de sanctuariser au sein de l\u2019\u00e9quipe. J\u2019ai personnellement \u00e9t\u00e9 port\u00e9e par cet atelier dans ma posture de directrice, et j\u2019ai le sentiment que l\u2019\u00e9quipe s\u2019est pleinement engag\u00e9e dans cette d\u00e9marche.&#8221;\n        <\/p>\n<\/article>\n<article class=\"offsite-testimonials__card\">\n<h3 class=\"offsite-testimonials__name\">Fofana Khoumba<\/h3>\n<p class=\"offsite-testimonials__role\">\n          DRH Op\u00e9rationnelle Ile-de-France,<br \/>\n<br \/> DESPS &#8211; Derichebourg Facility <\/br>\n        <\/p>\n<p class=\"offsite-testimonials__quote\">\n          &#8220;Merci \u00e0 The School of Life, Paris pour son accompagnement de qualit\u00e9 lors de notre s\u00e9minaire annuel.<br \/>\n          Nous avons eu le plaisir de participer \u00e0 une formation inspirante autour de l\u2019\u00e9nergie individuelle au service du collectif, un th\u00e8me qui r\u00e9sonne particuli\u00e8rement dans nos m\u00e9tiers, o\u00f9 la force du groupe se nourrit de l\u2019engagement et de la posture de chacun. Une belle parenth\u00e8se pour renforcer la coh\u00e9sion, prendre du recul et repartir avec une \u00e9nergie renouvel\u00e9e.&#8221;\n        <\/p>\n<\/article><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&display=swap');<\/p>\n<p>\/* Container des deux CTA *\/\n.offsite-cta {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 18px;\n  width: 100%;\n  margin: clamp(28px, 4vw, 48px) 0;\n}<\/p>\n<p>\/* Style commun des boutons *\/\n.offsite-cta__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 260px;\n  min-height: 56px;\n  padding: 14px 24px;\n  border: 1.5px solid #000000;\n  border-radius: 999px;\n  background: #ffffff;\n  color: #000000;\n  font-family: \"Bebas Neue\", sans-serif;\n  font-size: 20px;\n  font-weight: 400;\n  letter-spacing: 0.04em;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  transition: background 180ms ease, color 180ms ease, transform 180ms ease;\n}<\/p>\n<p>.offsite-cta__button:hover {\n  background: #000000;\n  color: #ffffff;\n  transform: translateY(-1px);\n}<\/p>\n<p>.offsite-cta__button:focus-visible {\n  outline: 2px solid #000000;\n  outline-offset: 4px;\n}<\/p>\n<p>\/* Mobile : les boutons s'empilent *\/\n@media (max-width: 640px) {\n  .offsite-cta {\n    flex-direction: column;\n    gap: 12px;\n  }<\/p>\n<p>  .offsite-cta__button {\n    width: 100%;\n    max-width: 340px;\n  }\n}<\/p>\n<p>\/* Scroll fluide vers le formulaire *\/\nhtml {\n  scroll-behavior: smooth;\n}<\/p>\n<p>\/* D\u00e9calage utile si le menu du site est fixe *\/\n#formulaire-brochure {\n  scroll-margin-top: 90px;\n}\n<\/style>\n<div class=\"offsite-cta\" aria-label=\"Actions principales\">\n  <a class=\"offsite-cta__button\" href=\"#formulaire-brochure\"><br \/>\n    T\u00e9l\u00e9charger la brochure<br \/>\n  <\/a><\/p>\n<p>  <a class=\"offsite-cta__button\" href=\"https:\/\/www.theschooloflife.com\/paris\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    Nous contacter<br \/>\n  <\/a>\n<\/div>\n<p><!-- =================================================================== --><br \/>\n<!-- SECTION \u00b7 OFFSITE \/ CE QUI FAIT LA DIFF\u00c9RENCE --><br \/>\n<!-- \u00c0 coller dans un bloc \"HTML personnalis\u00e9\" WordPress. Autonome : --><br \/>\n<!-- contient son propre \n\n<style> + import de Bebas Neue. -->\n<!-- =================================================================== --><\/p>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&display=swap');<\/p>\n<p>\/* ===== Section Ce qui fait la diff\u00e9rence \u00b7 Offsite ===== *\/\n.offsite-difference {\n  background: #ffffff;\n  overflow: hidden;\n}<\/p>\n<p>.offsite-difference *,\n.offsite-difference *::before,\n.offsite-difference *::after {\n  box-sizing: border-box;\n}<\/p>\n<p>\/* Largeur globale augment\u00e9e *\/\n.offsite-difference__inner {\n  max-width: 1600px;\n  margin: 0 auto;\n  padding: clamp(20px, 5vw, 50px) clamp(16px, 4vw, 48px);\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n}<\/p>\n<p>@media (min-width: 1025px) {\n  .offsite-difference__inner {\n    padding-left: 100px;\n    padding-right: 100px;\n  }\n}<\/p>\n<p>\/* Title *\/\n.offsite-difference__title {\n  font-family: \"Bebas Neue\", sans-serif;\n  font-size: clamp(24px, 3vw, 30px);\n  font-weight: 400;\n  margin: 0;\n  color: #000;\n}<\/p>\n<p>\/* Intro text under title \u2014 largeur augment\u00e9e *\/\n.offsite-difference__intro {\n  max-width: 1280px;\n  font-family: Georgia, serif;\n  font-size: clamp(14px, 1.9vw, 18px);\n  line-height: 1.6;\n  color: #000;\n  margin: -8px 0 0;\n}<\/p>\n<p>.offsite-difference__intro p {\n  margin: 0;\n}<\/p>\n<p>.offsite-difference__intro p + p {\n  margin-top: 18px;\n}<\/p>\n<p>\/* Grid *\/\n.offsite-difference__grid {\n  display: grid;\n  gap: clamp(20px, 3vw, 40px);\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n}<\/p>\n<p>\/* Card structure *\/\n.offsite-difference__card {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  align-items: flex-start;\n}<\/p>\n<p>\/* Icon + content wrapper *\/\n.offsite-difference__top {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}<\/p>\n<p>\/* Icon *\/\n.offsite-difference__icon {\n  width: 68px;\n  height: 68px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}<\/p>\n<p>.offsite-difference__icon img {\n  width: 70%;\n  height: 70%;\n  object-fit: contain;\n  display: block;\n}<\/p>\n<p>\/* Content inside card *\/\n.offsite-difference__content {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}<\/p>\n<p>\/* Title inside card *\/\n.offsite-difference__card h3 {\n  font-family: \"Bebas Neue\", sans-serif;\n  font-size: clamp(18px, 2vw, 22px);\n  font-weight: 400;\n  margin: 0;\n  color: #000;\n  line-height: 1.3;\n}<\/p>\n<p>\/* Text inside card *\/\n.offsite-difference__card p {\n  font-family: Georgia, serif;\n  font-size: clamp(14px, 1.5vw, 15.5px);\n  line-height: 1.5;\n  margin: 0;\n  color: #555149;\n}<\/p>\n<p>\/* ===== Responsive layout ===== *\/<\/p>\n<p>\/* Desktop \u2014 vertical layout: icon above title\/text *\/\n@media (min-width: 1025px) {\n  .offsite-difference__card {\n    flex-direction: column;\n  }<\/p>\n<p>  .offsite-difference__top {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 12px;\n  }\n}<\/p>\n<p>\/* Tablet & Mobile \u2014 icon + content side by side *\/\n@media (max-width: 1024px) {\n  .offsite-difference__card {\n    flex-direction: column;\n  }<\/p>\n<p>  .offsite-difference__top {\n    flex-direction: row;\n    align-items: flex-start;\n    gap: 12px;\n    width: 100%;\n  }<\/p>\n<p>  .offsite-difference__card h3 {\n    font-size: 16px;\n  }\n}<\/p>\n<p>\/* Small mobile *\/\n@media (max-width: 640px) {\n  .offsite-difference__icon {\n    width: 56px;\n    height: 56px;\n  }<\/p>\n<p>  .offsite-difference__icon img {\n    width: 60%;\n    height: 60%;\n  }<\/p>\n<p>  .offsite-difference__card h3 {\n    font-size: 16px;\n  }<\/p>\n<p>  .offsite-difference__card p {\n    font-size: 14px;\n  }\n}\n<\/style>\n<section class=\"offsite-difference\" data-screen-label=\"Offsite - Ce qui fait la diff\u00e9rence\">\n<div class=\"offsite-difference__inner\">\n<h2 class=\"offsite-difference__title\">Ce qui fait la diff\u00e9rence<\/h2>\n<div class=\"offsite-difference__intro\">\n<p>\n        Un bon offsite ne se r\u00e9sume pas \u00e0 sortir du bureau. Il cr\u00e9e un espace pour prendre du recul, se parler autrement et mieux comprendre ce qui se joue dans les relations de travail.\n      <\/p>\n<p>\n        Les formats The School of Life Paris fonctionnent parce qu\u2019ils relient compr\u00e9hension des enjeux humains et exp\u00e9rience v\u00e9cue. Chaque dispositif est adapt\u00e9 au contexte de l\u2019\u00e9quipe : s\u00e9minaire de rentr\u00e9e, journ\u00e9e de coh\u00e9sion, transformation culturelle, convention interne ou team building orient\u00e9 d\u00e9veloppement humain.\n      <\/p>\n<p>\n        \u00c0 partir de vos objectifs, nous construisons des exp\u00e9riences collectives qui r\u00e9pondent \u00e0 vos enjeux sp\u00e9cifiques et permettent de faire \u00e9voluer durablement la dynamique d\u2019\u00e9quipe.\n      <\/p>\n<\/p><\/div>\n<p>    <!-- Grid --><\/p>\n<div class=\"offsite-difference__grid\">\n<div class=\"offsite-difference__card\">\n<div class=\"offsite-difference__top\">\n<div class=\"offsite-difference__icon\">\n            <img decoding=\"async\" src=\"https:\/\/assets.theschooloflife.com\/wp-content\/uploads\/sites\/5\/2025\/11\/21005723\/Apprentissage-experientiel.png.webp\" alt=\"\">\n          <\/div>\n<div class=\"offsite-difference__content\">\n<h3>1. Une profondeur rare<\/h3>\n<p>\n              Nous nous appuyons sur la psychologie, la philosophie et les sciences humaines pour travailler les vrais enjeux des \u00e9quipes.\n            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"offsite-difference__card\">\n<div class=\"offsite-difference__top\">\n<div class=\"offsite-difference__icon\">\n            <img decoding=\"async\" src=\"https:\/\/assets.theschooloflife.com\/wp-content\/uploads\/sites\/5\/2025\/11\/21021912\/competences-cles.png.webp\" alt=\"\">\n          <\/div>\n<div class=\"offsite-difference__content\">\n<h3>2. Une exp\u00e9rience qui se vit<\/h3>\n<p>\n              Nos formats sont participatifs, exp\u00e9rientiels et con\u00e7us pour susciter de v\u00e9ritables prises de conscience.\n            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"offsite-difference__card\">\n<div class=\"offsite-difference__top\">\n<div class=\"offsite-difference__icon\">\n            <img decoding=\"async\" src=\"https:\/\/assets.theschooloflife.com\/wp-content\/uploads\/sites\/5\/2026\/06\/19141158\/outils.png.webp\" alt=\"\">\n          <\/div>\n<div class=\"offsite-difference__content\">\n<h3>3. Des outils qui restent<\/h3>\n<p>\n              Les \u00e9quipes repartent avec des rep\u00e8res simples et concrets, directement applicables au quotidien.\n            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"offsite-difference__card\">\n<div class=\"offsite-difference__top\">\n<div class=\"offsite-difference__icon\">\n            <img decoding=\"async\" src=\"https:\/\/assets.theschooloflife.com\/wp-content\/uploads\/sites\/5\/2025\/11\/21023931\/Approfondir-les-thematiques.png.webp\" alt=\"\">\n          <\/div>\n<div class=\"offsite-difference__content\">\n<h3>4. Du sens et de l&#8217;action<\/h3>\n<p>\n              Les exp\u00e9riences allient r\u00e9flexion, lien humain et transformation durable.\n            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&display=swap');<\/p>\n<p>\/* Container des deux CTA *\/\n.offsite-cta {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 18px;\n  width: 100%;\n  margin: clamp(28px, 4vw, 48px) 0;\n}<\/p>\n<p>\/* Style commun des boutons *\/\n.offsite-cta__button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 260px;\n  min-height: 56px;\n  padding: 14px 24px;\n  border: 1.5px solid #000000;\n  border-radius: 999px;\n  background: #ffffff;\n  color: #000000;\n  font-family: \"Bebas Neue\", sans-serif;\n  font-size: 20px;\n  font-weight: 400;\n  letter-spacing: 0.04em;\n  line-height: 1;\n  text-align: center;\n  text-decoration: none;\n  transition: background 180ms ease, color 180ms ease, transform 180ms ease;\n}<\/p>\n<p>.offsite-cta__button:hover {\n  background: #000000;\n  color: #ffffff;\n  transform: translateY(-1px);\n}<\/p>\n<p>.offsite-cta__button:focus-visible {\n  outline: 2px solid #000000;\n  outline-offset: 4px;\n}<\/p>\n<p>\/* Mobile : les boutons s'empilent *\/\n@media (max-width: 640px) {\n  .offsite-cta {\n    flex-direction: column;\n    gap: 12px;\n  }<\/p>\n<p>  .offsite-cta__button {\n    width: 100%;\n    max-width: 340px;\n  }\n}<\/p>\n<p>\/* Scroll fluide vers le formulaire *\/\nhtml {\n  scroll-behavior: smooth;\n}<\/p>\n<p>\/* D\u00e9calage utile si le menu du site est fixe *\/\n#formulaire-brochure {\n  scroll-margin-top: 90px;\n}\n<\/style>\n<div class=\"offsite-cta\" aria-label=\"Actions principales\">\n  <a class=\"offsite-cta__button\" href=\"#formulaire-brochure\"><br \/>\n    T\u00e9l\u00e9charger la brochure<br \/>\n  <\/a><\/p>\n<p>  <a class=\"offsite-cta__button\" href=\"https:\/\/www.theschooloflife.com\/paris\/contact\/\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\n    Nous contacter<br \/>\n  <\/a>\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":38,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8636","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Ensemble, autrement - Paris<\/title>\n<meta name=\"description\" content=\"Cr\u00e9ez un offsite qui va au-del\u00e0 du team building et d&#039;un s\u00e9minaire d&#039;entreprise classique : coh\u00e9sion d\u2019\u00e9quipe, engagement collectif et exp\u00e9riences sur mesure avec The School of Life Paris.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ensemble, autrement - Paris\" \/>\n<meta property=\"og:description\" content=\"Cr\u00e9ez un offsite qui va au-del\u00e0 du team building et d&#039;un s\u00e9minaire d&#039;entreprise classique : coh\u00e9sion d\u2019\u00e9quipe, engagement collectif et exp\u00e9riences sur mesure avec The School of Life Paris.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/\" \/>\n<meta property=\"og:site_name\" content=\"Paris\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-19T15:01:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.theschooloflife.com\/app\/uploads\/sites\/5\/2026\/06\/cohesion-1.jpg.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/offsite-seminire-entreprise\\\/\",\"url\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/offsite-seminire-entreprise\\\/\",\"name\":\"Ensemble, autrement - Paris\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/offsite-seminire-entreprise\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/offsite-seminire-entreprise\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.theschooloflife.com\\\/app\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cohesion-1.jpg.webp\",\"datePublished\":\"2026-06-19T14:25:29+00:00\",\"dateModified\":\"2026-06-19T15:01:09+00:00\",\"description\":\"Cr\u00e9ez un offsite qui va au-del\u00e0 du team building et d'un s\u00e9minaire d'entreprise classique : coh\u00e9sion d\u2019\u00e9quipe, engagement collectif et exp\u00e9riences sur mesure avec The School of Life Paris.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/offsite-seminire-entreprise\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/offsite-seminire-entreprise\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/offsite-seminire-entreprise\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.theschooloflife.com\\\/app\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cohesion-1.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/www.theschooloflife.com\\\/app\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cohesion-1.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/offsite-seminire-entreprise\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ensemble, autrement\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/#website\",\"url\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/\",\"name\":\"Paris\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.theschooloflife.com\\\/paris\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ensemble, autrement - Paris","description":"Cr\u00e9ez un offsite qui va au-del\u00e0 du team building et d'un s\u00e9minaire d'entreprise classique : coh\u00e9sion d\u2019\u00e9quipe, engagement collectif et exp\u00e9riences sur mesure avec The School of Life Paris.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/","og_locale":"fr_FR","og_type":"article","og_title":"Ensemble, autrement - Paris","og_description":"Cr\u00e9ez un offsite qui va au-del\u00e0 du team building et d'un s\u00e9minaire d'entreprise classique : coh\u00e9sion d\u2019\u00e9quipe, engagement collectif et exp\u00e9riences sur mesure avec The School of Life Paris.","og_url":"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/","og_site_name":"Paris","article_modified_time":"2026-06-19T15:01:09+00:00","og_image":[{"url":"https:\/\/www.theschooloflife.com\/app\/uploads\/sites\/5\/2026\/06\/cohesion-1.jpg.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/","url":"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/","name":"Ensemble, autrement - Paris","isPartOf":{"@id":"https:\/\/www.theschooloflife.com\/paris\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/#primaryimage"},"image":{"@id":"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/#primaryimage"},"thumbnailUrl":"https:\/\/www.theschooloflife.com\/app\/uploads\/sites\/5\/2026\/06\/cohesion-1.jpg.webp","datePublished":"2026-06-19T14:25:29+00:00","dateModified":"2026-06-19T15:01:09+00:00","description":"Cr\u00e9ez un offsite qui va au-del\u00e0 du team building et d'un s\u00e9minaire d'entreprise classique : coh\u00e9sion d\u2019\u00e9quipe, engagement collectif et exp\u00e9riences sur mesure avec The School of Life Paris.","breadcrumb":{"@id":"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/#primaryimage","url":"https:\/\/www.theschooloflife.com\/app\/uploads\/sites\/5\/2026\/06\/cohesion-1.jpg.webp","contentUrl":"https:\/\/www.theschooloflife.com\/app\/uploads\/sites\/5\/2026\/06\/cohesion-1.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/www.theschooloflife.com\/paris\/offsite-seminire-entreprise\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.theschooloflife.com\/paris\/"},{"@type":"ListItem","position":2,"name":"Ensemble, autrement"}]},{"@type":"WebSite","@id":"https:\/\/www.theschooloflife.com\/paris\/#website","url":"https:\/\/www.theschooloflife.com\/paris\/","name":"Paris","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.theschooloflife.com\/paris\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.theschooloflife.com\/paris\/wp-json\/wp\/v2\/pages\/8636","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.theschooloflife.com\/paris\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.theschooloflife.com\/paris\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.theschooloflife.com\/paris\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/www.theschooloflife.com\/paris\/wp-json\/wp\/v2\/comments?post=8636"}],"version-history":[{"count":10,"href":"https:\/\/www.theschooloflife.com\/paris\/wp-json\/wp\/v2\/pages\/8636\/revisions"}],"predecessor-version":[{"id":8656,"href":"https:\/\/www.theschooloflife.com\/paris\/wp-json\/wp\/v2\/pages\/8636\/revisions\/8656"}],"wp:attachment":[{"href":"https:\/\/www.theschooloflife.com\/paris\/wp-json\/wp\/v2\/media?parent=8636"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}