{"id":43,"date":"2026-07-09T12:13:24","date_gmt":"2026-07-09T12:13:24","guid":{"rendered":"http:\/\/sandrineaubertin.fr\/?page_id=43"},"modified":"2026-10-08T05:50:10","modified_gmt":"2026-10-08T05:50:10","slug":"blog","status":"publish","type":"page","link":"https:\/\/sandrineaubertin.fr\/index.php\/blog\/","title":{"rendered":"BLOG"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"43\" class=\"elementor elementor-43\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0c7f0a e-con-full e-flex e-con e-parent\" data-id=\"a0c7f0a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b87e29a elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"b87e29a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   BLOG \u2014 PAGE \u00c9DITORIALE COMPL\u00c8TE\r\n   SANDRINE AUBERTIN\r\n========================================================== *\/\r\n\r\n.sa-blog-page,\r\n.sa-blog-page *,\r\n.sa-blog-feed,\r\n.sa-blog-feed *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   FOND COMMUN HEADER + HERO\r\n========================================================== *\/\r\n\r\n#page:has(.sa-blog-page){\r\n  position:relative;\r\n  isolation:isolate;\r\n}\r\n\r\n#page:has(.sa-blog-page)::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0 0 auto 0;\r\n\r\n  width:100%;\r\n  height:670px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle 345px at 92% 145px,\r\n      rgba(255,255,255,.065) 0%,\r\n      rgba(255,255,255,.065) 99%,\r\n      transparent 100%\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      #0B2742 0%,\r\n      #102C48 54%,\r\n      #173B5B 100%\r\n    ) !important;\r\n\r\n  pointer-events:none;\r\n  z-index:0;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   HEADER ASTRA\r\n========================================================== *\/\r\n\r\nbody:has(.sa-blog-page) #masthead,\r\nbody:has(.sa-blog-page) .site-header{\r\n  position:relative;\r\n\r\n  z-index:10;\r\n\r\n  margin:0 !important;\r\n\r\n  background:transparent !important;\r\n\r\n  border:0 !important;\r\n}\r\n\r\nbody:has(.sa-blog-page) .ast-primary-header-bar{\r\n  min-height:82px !important;\r\n  height:82px !important;\r\n\r\n  background:transparent !important;\r\n\r\n  border-bottom:1px solid rgba(208,171,105,.14) !important;\r\n}\r\n\r\nbody:has(.sa-blog-page) .site-primary-header-wrap{\r\n  background:transparent !important;\r\n}\r\n\r\nbody:has(.sa-blog-page) .site-primary-header-wrap .ast-builder-grid-row{\r\n  min-height:82px !important;\r\n}\r\n\r\nbody:has(.sa-blog-page) .site-title,\r\nbody:has(.sa-blog-page) .site-title a{\r\n  color:#FFFFFF !important;\r\n}\r\n\r\nbody:has(.sa-blog-page) .site-description{\r\n  color:#D0AB69 !important;\r\n}\r\n\r\nbody:has(.sa-blog-page) .main-header-menu>.menu-item>.menu-link,\r\nbody:has(.sa-blog-page) .ast-builder-menu-1 .menu-item>.menu-link{\r\n  color:rgba(255,255,255,.84) !important;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n}\r\n\r\nbody:has(.sa-blog-page) .main-header-menu>.menu-item>.menu-link:hover,\r\nbody:has(.sa-blog-page) .main-header-menu>.current-menu-item>.menu-link,\r\nbody:has(.sa-blog-page) .main-header-menu>.current_page_item>.menu-link,\r\nbody:has(.sa-blog-page) .ast-builder-menu-1 .current-menu-item>.menu-link{\r\n  color:#D0AB69 !important;\r\n}\r\n\r\nbody:has(.sa-blog-page) .ast-site-header-cart,\r\nbody:has(.sa-blog-page) .ast-site-header-cart a,\r\nbody:has(.sa-blog-page) .ast-site-header-cart svg{\r\n  color:#FFFFFF !important;\r\n  fill:currentColor !important;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SUPPRESSION TITRE \/ ESPACES WORDPRESS\r\n========================================================== *\/\r\n\r\nbody:has(.sa-blog-page) .entry-header{\r\n  display:none !important;\r\n}\r\n\r\nbody:has(.sa-blog-page) #content,\r\nbody:has(.sa-blog-page) .site-content,\r\nbody:has(.sa-blog-page) #primary,\r\nbody:has(.sa-blog-page) .content-area,\r\nbody:has(.sa-blog-page) .site-main,\r\nbody:has(.sa-blog-page) article,\r\nbody:has(.sa-blog-page) .entry-content{\r\n  margin-top:0 !important;\r\n  padding-top:0 !important;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   HERO BLOG\r\n========================================================== *\/\r\n\r\n.sa-blog-page{\r\n  width:100vw;\r\n\r\n  margin-left:calc(50% - 50vw);\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  min-height:588px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  padding:62px 6% 70px;\r\n\r\n  background:transparent !important;\r\n\r\n  color:#FFFFFF;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n\/* ARC DOR\u00c9 *\/\r\n\r\n.sa-blog-page::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:540px;\r\n  height:330px;\r\n\r\n  right:-140px;\r\n  bottom:-205px;\r\n\r\n  border:1px solid rgba(208,171,105,.15);\r\n\r\n  border-radius:50%;\r\n\r\n  transform:rotate(-10deg);\r\n\r\n  pointer-events:none;\r\n\r\n  z-index:0;\r\n}\r\n\r\n\r\n.sa-blog-hero-inner{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1180px;\r\n\r\n  margin:0 auto;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.04fr)\r\n    minmax(330px,.70fr);\r\n\r\n  gap:90px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   HERO \u2014 GAUCHE\r\n========================================================== *\/\r\n\r\n.sa-blog-kicker{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  margin:0 0 17px;\r\n\r\n  color:#D0AB69;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:9px;\r\n  font-weight:700;\r\n\r\n  letter-spacing:.18em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-blog-kicker::before{\r\n  content:\"\";\r\n\r\n  width:34px;\r\n  height:1px;\r\n\r\n  flex:0 0 34px;\r\n\r\n  background:#D0AB69;\r\n}\r\n\r\n\r\n.sa-blog-title{\r\n  margin:0 0 20px;\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:clamp(64px,6vw,86px);\r\n\r\n  font-weight:500;\r\n\r\n  line-height:.95;\r\n\r\n  letter-spacing:-.025em;\r\n}\r\n\r\n\r\n.sa-blog-lead{\r\n  max-width:660px;\r\n\r\n  margin:0;\r\n\r\n  color:rgba(255,255,255,.84);\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:27px;\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.32;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   HERO \u2014 DROITE\r\n========================================================== *\/\r\n\r\n.sa-blog-manifesto{\r\n  padding:29px 30px 30px;\r\n\r\n  border-left:2px solid #D0AB69;\r\n\r\n  background:rgba(255,255,255,.045);\r\n}\r\n\r\n\r\n.sa-blog-manifesto-label{\r\n  display:block;\r\n\r\n  margin-bottom:10px;\r\n\r\n  color:#D0AB69;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:7.5px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.17em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n.sa-blog-manifesto h2{\r\n  margin:0 0 13px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:31px;\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.12;\r\n}\r\n\r\n\r\n.sa-blog-manifesto p{\r\n  margin:0;\r\n\r\n  color:rgba(255,255,255,.68);\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:11.5px;\r\n\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n.sa-blog-manifesto-line{\r\n  width:38px;\r\n  height:1px;\r\n\r\n  margin:19px 0;\r\n\r\n  background:#D0AB69;\r\n}\r\n\r\n\r\n.sa-blog-manifesto-quote{\r\n  color:#E3C78F !important;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif !important;\r\n\r\n  font-size:19px !important;\r\n\r\n  font-style:italic;\r\n\r\n  line-height:1.35 !important;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SECTION ARTICLES\r\n========================================================== *\/\r\n\r\n.sa-blog-feed{\r\n  width:100vw;\r\n\r\n  margin-left:calc(50% - 50vw);\r\n\r\n  padding:74px 6% 82px;\r\n\r\n  background:#FAF7F1;\r\n}\r\n\r\n\r\n.sa-blog-feed-inner{\r\n  width:100%;\r\n  max-width:1180px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   INTRO ARTICLES\r\n========================================================== *\/\r\n\r\n.sa-blog-feed-head{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(340px,.8fr);\r\n\r\n  gap:72px;\r\n\r\n  align-items:end;\r\n\r\n  margin-bottom:43px;\r\n}\r\n\r\n\r\n.sa-blog-feed-kicker{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  margin:0 0 13px;\r\n\r\n  color:#B58A43;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.18em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-blog-feed-kicker::before{\r\n  content:\"\";\r\n\r\n  width:34px;\r\n  height:1px;\r\n\r\n  flex:0 0 34px;\r\n\r\n  background:#D0AB69;\r\n}\r\n\r\n\r\n.sa-blog-feed-title{\r\n  max-width:620px;\r\n\r\n  margin:0;\r\n\r\n  color:#193B5E;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:clamp(42px,4.2vw,57px);\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-.015em;\r\n}\r\n\r\n\r\n.sa-blog-feed-intro{\r\n  max-width:520px;\r\n\r\n  margin:0;\r\n\r\n  color:#66645F;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:12.5px;\r\n\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   ARTICLE PRINCIPAL\r\n========================================================== *\/\r\n\r\n.sa-blog-feature{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.06fr)\r\n    minmax(0,.94fr);\r\n\r\n  min-height:430px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  border:1px solid rgba(181,138,67,.18);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n\/* IMAGE *\/\r\n\r\n.sa-blog-feature-image{\r\n  position:relative;\r\n\r\n  min-height:430px;\r\n\r\n  display:block;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#E9E5DE;\r\n}\r\n\r\n\r\n.sa-blog-feature-image img{\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  width:100%;\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n\r\n  \/*\r\n     IMPORTANT :\r\n     cadrage l\u00e9g\u00e8rement remont\u00e9 afin de conserver\r\n     les mains ET le papillon.\r\n  *\/\r\n  object-position:center 24%;\r\n\r\n  transition:transform .45s ease;\r\n}\r\n\r\n\r\n.sa-blog-feature:hover .sa-blog-feature-image img{\r\n  transform:scale(1.018);\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CONTENU ARTICLE PRINCIPAL\r\n========================================================== *\/\r\n\r\n.sa-blog-feature-content{\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:center;\r\n\r\n  padding:45px 48px 46px;\r\n}\r\n\r\n\r\n.sa-blog-meta{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:8px 14px;\r\n\r\n  margin-bottom:17px;\r\n\r\n  color:#B58A43;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:7.5px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.14em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n.sa-blog-feature-title{\r\n  margin:0 0 17px;\r\n\r\n  color:#193B5E;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:clamp(31px,3vw,43px);\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.08;\r\n}\r\n\r\n\r\n.sa-blog-feature-title a{\r\n  color:inherit !important;\r\n\r\n  text-decoration:none !important;\r\n}\r\n\r\n\r\n.sa-blog-excerpt{\r\n  margin:0 0 24px;\r\n\r\n  color:#66645F;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.75;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   BOUTON\r\n========================================================== *\/\r\n\r\n.sa-blog-read{\r\n  align-self:flex-start;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:9px;\r\n\r\n  min-height:42px;\r\n\r\n  padding:0 17px;\r\n\r\n  background:#193B5E;\r\n\r\n  border:1px solid #193B5E;\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:8px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.11em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  text-decoration:none !important;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n\r\n.sa-blog-read::after{\r\n  content:\"\u203a\";\r\n\r\n  color:#D0AB69;\r\n\r\n  font-family:Georgia,serif;\r\n\r\n  font-size:18px;\r\n\r\n  line-height:1;\r\n}\r\n\r\n\r\n.sa-blog-read:hover{\r\n  background:#B58A43;\r\n\r\n  border-color:#B58A43;\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\r\n.sa-blog-read:hover::after{\r\n  color:#FFFFFF;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   ARTICLES SUIVANTS\r\n========================================================== *\/\r\n\r\n.sa-blog-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,minmax(0,1fr));\r\n\r\n  gap:18px;\r\n\r\n  margin-top:28px;\r\n}\r\n\r\n\r\n.sa-blog-card{\r\n  background:#FFFFFF;\r\n\r\n  border:1px solid rgba(181,138,67,.16);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n\r\n.sa-blog-card-image{\r\n  position:relative;\r\n\r\n  display:block;\r\n\r\n  aspect-ratio:16 \/ 10;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#EAE5DC;\r\n}\r\n\r\n\r\n.sa-blog-card-image img{\r\n  width:100%;\r\n  height:100%;\r\n\r\n  object-fit:cover;\r\n\r\n  object-position:center;\r\n\r\n  transition:transform .4s ease;\r\n}\r\n\r\n\r\n.sa-blog-card:hover .sa-blog-card-image img{\r\n  transform:scale(1.025);\r\n}\r\n\r\n\r\n.sa-blog-card-body{\r\n  padding:25px 25px 27px;\r\n}\r\n\r\n\r\n.sa-blog-card h3{\r\n  margin:0 0 12px;\r\n\r\n  color:#193B5E;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:25px;\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.12;\r\n}\r\n\r\n\r\n.sa-blog-card h3 a{\r\n  color:inherit !important;\r\n\r\n  text-decoration:none !important;\r\n}\r\n\r\n\r\n.sa-blog-card .sa-blog-excerpt{\r\n  margin-bottom:18px;\r\n\r\n  font-size:11px;\r\n}\r\n\r\n\r\n.sa-blog-card-link{\r\n  color:#193B5E !important;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:7.5px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.11em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  text-decoration:none !important;\r\n}\r\n\r\n\r\n.sa-blog-card-link::after{\r\n  content:\"  \u203a\";\r\n\r\n  color:#B58A43;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CHARGEMENT \/ MESSAGE\r\n========================================================== *\/\r\n\r\n.sa-blog-loading{\r\n  padding:45px 20px;\r\n\r\n  color:#66645F;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.6;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TABLETTE\r\n========================================================== *\/\r\n\r\n@media(max-width:950px){\r\n\r\n  #page:has(.sa-blog-page)::before{\r\n    height:900px;\r\n  }\r\n\r\n  .sa-blog-page{\r\n    min-height:0;\r\n\r\n    padding:58px 28px 64px;\r\n  }\r\n\r\n  .sa-blog-hero-inner{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:38px;\r\n  }\r\n\r\n  .sa-blog-manifesto{\r\n    max-width:650px;\r\n  }\r\n\r\n  .sa-blog-feed{\r\n    padding:64px 28px 70px;\r\n  }\r\n\r\n  .sa-blog-feed-head{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:22px;\r\n  }\r\n\r\n  .sa-blog-feature{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .sa-blog-feature-image{\r\n    min-height:400px;\r\n  }\r\n\r\n  .sa-blog-feature-image img{\r\n    object-position:center 24%;\r\n  }\r\n\r\n  .sa-blog-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media(max-width:650px){\r\n\r\n  #page:has(.sa-blog-page)::before{\r\n    height:880px;\r\n  }\r\n\r\n  .sa-blog-page{\r\n    padding:48px 20px 56px;\r\n  }\r\n\r\n  .sa-blog-title{\r\n    font-size:55px;\r\n  }\r\n\r\n  .sa-blog-lead{\r\n    font-size:23px;\r\n  }\r\n\r\n  .sa-blog-manifesto{\r\n    padding:25px 22px 26px;\r\n  }\r\n\r\n  .sa-blog-feed{\r\n    padding:54px 20px 60px;\r\n  }\r\n\r\n  .sa-blog-feed-title{\r\n    font-size:41px;\r\n  }\r\n\r\n  .sa-blog-feature-image{\r\n    min-height:360px;\r\n  }\r\n\r\n  .sa-blog-feature-image img{\r\n    object-position:center 22%;\r\n  }\r\n\r\n  .sa-blog-feature-content{\r\n    padding:30px 24px 32px;\r\n  }\r\n\r\n  .sa-blog-feature-title{\r\n    font-size:31px;\r\n  }\r\n\r\n  .sa-blog-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   FIN CSS\r\n========================================================== *\/\r\n<\/style>\r\n\r\n\r\n\r\n<!-- ==========================================================\r\n     HERO BLOG\r\n========================================================== -->\r\n\r\n<section class=\"sa-blog-page\">\r\n\r\n  <div class=\"sa-blog-hero-inner\">\r\n\r\n\r\n    <!-- GAUCHE -->\r\n\r\n    <div>\r\n\r\n      <div class=\"sa-blog-kicker\">\r\n        R\u00e9flexions \u00b7 Exp\u00e9riences \u00b7 Transmission\r\n      <\/div>\r\n\r\n\r\n      <h1 class=\"sa-blog-title\">\r\n        Blog\r\n      <\/h1>\r\n\r\n\r\n      <p class=\"sa-blog-lead\">\r\n        \u00c9crire aussi ce qui se vit,\r\n        ce qui transforme\r\n        et ce qui nous relie.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- DROITE -->\r\n\r\n    <aside class=\"sa-blog-manifesto\">\r\n\r\n      <span class=\"sa-blog-manifesto-label\">\r\n        Au fil des mots\r\n      <\/span>\r\n\r\n\r\n      <h2>\r\n        Des fragments de chemin.\r\n      <\/h2>\r\n\r\n\r\n      <p>\r\n        R\u00e9flexions, exp\u00e9riences,\r\n        \u00e9criture, transmission et conscience :\r\n        des textes pour mettre des mots\r\n        sur ce qui nous traverse\r\n        et sur ce qui nous transforme.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"sa-blog-manifesto-line\"><\/div>\r\n\r\n\r\n      <p class=\"sa-blog-manifesto-quote\">\r\n        Observer. Ressentir. Comprendre.\r\n        Puis \u00e9crire.\r\n      <\/p>\r\n\r\n    <\/aside>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ==========================================================\r\n     ARTICLES\r\n========================================================== -->\r\n\r\n<section class=\"sa-blog-feed\">\r\n\r\n  <div class=\"sa-blog-feed-inner\">\r\n\r\n\r\n    <!-- INTRO -->\r\n\r\n    <header class=\"sa-blog-feed-head\">\r\n\r\n      <div>\r\n\r\n        <div class=\"sa-blog-feed-kicker\">\r\n          Derni\u00e8res publications\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"sa-blog-feed-title\">\r\n          Des mots pour regarder autrement.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"sa-blog-feed-intro\">\r\n        Des textes personnels et des r\u00e9flexions\r\n        autour de l\u2019humain, de l\u2019\u00e9criture,\r\n        de la transmission et des chemins\r\n        qui nous obligent parfois \u00e0 nous r\u00e9inventer.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- ARTICLES G\u00c9N\u00c9R\u00c9S AUTOMATIQUEMENT -->\r\n\r\n    <div id=\"sa-blog-results\">\r\n\r\n      <div class=\"sa-blog-loading\">\r\n        Chargement des articles\u2026\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- ==========================================================\r\n     R\u00c9CUP\u00c9RATION AUTOMATIQUE DES ARTICLES WORDPRESS\r\n========================================================== -->\r\n\r\n<script>\r\n(function(){\r\n\r\n  const container =\r\n    document.getElementById('sa-blog-results');\r\n\r\n  if(!container) return;\r\n\r\n\r\n\r\n  \/* ======================================================\r\n     OUTILS\r\n  ====================================================== *\/\r\n\r\n  function stripHTML(html){\r\n\r\n    const temp =\r\n      document.createElement('div');\r\n\r\n    temp.innerHTML =\r\n      html || '';\r\n\r\n    return temp.textContent ||\r\n           temp.innerText ||\r\n           '';\r\n\r\n  }\r\n\r\n\r\n\r\n  function shorten(text,max){\r\n\r\n    const clean =\r\n      (text || '').trim();\r\n\r\n    if(clean.length <= max){\r\n      return clean;\r\n    }\r\n\r\n    return clean\r\n      .substring(0,max)\r\n      .replace(\/\\s+\\S*$\/,'') + '\u2026';\r\n\r\n  }\r\n\r\n\r\n\r\n  function formatDate(dateString){\r\n\r\n    const date =\r\n      new Date(dateString);\r\n\r\n    return new Intl.DateTimeFormat(\r\n      'fr-FR',\r\n      {\r\n        day:'numeric',\r\n        month:'long',\r\n        year:'numeric'\r\n      }\r\n    ).format(date);\r\n\r\n  }\r\n\r\n\r\n\r\n  function getMedia(post){\r\n\r\n    try{\r\n\r\n      const media =\r\n        post._embedded &&\r\n        post._embedded['wp:featuredmedia'] &&\r\n        post._embedded['wp:featuredmedia'][0];\r\n\r\n      return media || null;\r\n\r\n    }catch(e){\r\n\r\n      return null;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n\r\n  function getImage(post){\r\n\r\n    const media =\r\n      getMedia(post);\r\n\r\n    if(media && media.source_url){\r\n      return media.source_url;\r\n    }\r\n\r\n    return '';\r\n\r\n  }\r\n\r\n\r\n\r\n  function getAlt(post){\r\n\r\n    const media =\r\n      getMedia(post);\r\n\r\n    if(media && media.alt_text){\r\n      return media.alt_text;\r\n    }\r\n\r\n    return stripHTML(\r\n      post.title.rendered\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  function getCategory(post){\r\n\r\n    try{\r\n\r\n      const groups =\r\n        post._embedded['wp:term'] || [];\r\n\r\n      const categories =\r\n        groups\r\n          .flat()\r\n          .filter(\r\n            item =>\r\n              item.taxonomy === 'category'\r\n          );\r\n\r\n      const useful =\r\n        categories.find(\r\n          item =>\r\n            item.slug !== 'uncategorized' &&\r\n            item.name !== 'Uncategorized' &&\r\n            item.name !== 'Non class\u00e9'\r\n        );\r\n\r\n      if(useful){\r\n        return useful.name;\r\n      }\r\n\r\n    }catch(e){}\r\n\r\n    return 'Journal';\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* ======================================================\r\n     IMAGE DE SECOURS\r\n     PHOTO DES MAINS + PAPILLON\r\n  ====================================================== *\/\r\n\r\n  const fallbackImage =\r\n    'https:\/\/sandrineaubertin.fr\/wp-content\/uploads\/2026\/10\/Mains-entrelacees-et-papillon-delicat-240x300.png';\r\n\r\n\r\n\r\n  \/* ======================================================\r\n     ROUTES WORDPRESS\r\n  ====================================================== *\/\r\n\r\n  const apiUrls = [\r\n\r\n    window.location.origin +\r\n    '\/?rest_route=\/wp\/v2\/posts&per_page=9&_embed=1',\r\n\r\n    window.location.origin +\r\n    '\/index.php\/wp-json\/wp\/v2\/posts?per_page=9&_embed=1',\r\n\r\n    window.location.origin +\r\n    '\/wp-json\/wp\/v2\/posts?per_page=9&_embed=1'\r\n\r\n  ];\r\n\r\n\r\n\r\n  async function loadPosts(){\r\n\r\n    for(const url of apiUrls){\r\n\r\n      try{\r\n\r\n        const response =\r\n          await fetch(\r\n            url,\r\n            {\r\n              credentials:'same-origin'\r\n            }\r\n          );\r\n\r\n\r\n        if(!response.ok){\r\n          continue;\r\n        }\r\n\r\n\r\n        const data =\r\n          await response.json();\r\n\r\n\r\n        if(Array.isArray(data)){\r\n          return data;\r\n        }\r\n\r\n      }catch(e){}\r\n\r\n    }\r\n\r\n\r\n    throw new Error(\r\n      'Impossible de r\u00e9cup\u00e9rer les articles WordPress.'\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* ======================================================\r\n     CHARGEMENT\r\n  ====================================================== *\/\r\n\r\n  loadPosts()\r\n\r\n    .then(posts => {\r\n\r\n\r\n      if(!posts.length){\r\n\r\n        container.innerHTML =\r\n          '<div class=\"sa-blog-loading\">' +\r\n          'Aucun article publi\u00e9 pour le moment.' +\r\n          '<\/div>';\r\n\r\n        return;\r\n      }\r\n\r\n\r\n\r\n      \/* ==================================================\r\n         PREMIER ARTICLE\r\n      ================================================== *\/\r\n\r\n      const first =\r\n        posts[0];\r\n\r\n\r\n      const firstTitle =\r\n        stripHTML(\r\n          first.title.rendered\r\n        );\r\n\r\n\r\n      const firstExcerpt =\r\n        shorten(\r\n          stripHTML(\r\n            first.excerpt.rendered\r\n          ),\r\n          310\r\n        );\r\n\r\n\r\n      const firstCategory =\r\n        getCategory(first);\r\n\r\n\r\n      const firstImage =\r\n        getImage(first) ||\r\n        fallbackImage;\r\n\r\n\r\n      const firstAlt =\r\n        getAlt(first) ||\r\n        'Mains d\u2019une m\u00e8re et de sa fille, avec un papillon pos\u00e9 sur le bras';\r\n\r\n\r\n\r\n      let html = `\r\n\r\n        <article class=\"sa-blog-feature\">\r\n\r\n\r\n          <a\r\n            class=\"sa-blog-feature-image\"\r\n            href=\"${first.link}\"\r\n            aria-label=\"${firstTitle}\"\r\n          >\r\n\r\n            <img decoding=\"async\"\r\n              src=\"${firstImage}\"\r\n              alt=\"${firstAlt}\"\r\n              loading=\"eager\"\r\n            >\r\n\r\n          <\/a>\r\n\r\n\r\n\r\n          <div class=\"sa-blog-feature-content\">\r\n\r\n\r\n            <div class=\"sa-blog-meta\">\r\n\r\n              <span>\r\n                ${firstCategory}\r\n              <\/span>\r\n\r\n              <span>\r\n                ${formatDate(first.date)}\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <h2 class=\"sa-blog-feature-title\">\r\n\r\n              <a href=\"${first.link}\">\r\n                ${first.title.rendered}\r\n              <\/a>\r\n\r\n            <\/h2>\r\n\r\n\r\n\r\n            <p class=\"sa-blog-excerpt\">\r\n              ${firstExcerpt}\r\n            <\/p>\r\n\r\n\r\n\r\n            <a\r\n              class=\"sa-blog-read\"\r\n              href=\"${first.link}\"\r\n            >\r\n              Lire l\u2019article\r\n            <\/a>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n      `;\r\n\r\n\r\n\r\n      \/* ==================================================\r\n         ARTICLES SUIVANTS\r\n      ================================================== *\/\r\n\r\n      if(posts.length > 1){\r\n\r\n        html +=\r\n          '<div class=\"sa-blog-grid\">';\r\n\r\n\r\n\r\n        posts\r\n          .slice(1)\r\n          .forEach(post => {\r\n\r\n\r\n            const image =\r\n              getImage(post);\r\n\r\n\r\n            const alt =\r\n              getAlt(post);\r\n\r\n\r\n            const title =\r\n              stripHTML(\r\n                post.title.rendered\r\n              );\r\n\r\n\r\n            const excerpt =\r\n              shorten(\r\n                stripHTML(\r\n                  post.excerpt.rendered\r\n                ),\r\n                170\r\n              );\r\n\r\n\r\n            const category =\r\n              getCategory(post);\r\n\r\n\r\n\r\n            html += `\r\n\r\n              <article class=\"sa-blog-card\">\r\n\r\n\r\n                <a\r\n                  class=\"sa-blog-card-image\"\r\n                  href=\"${post.link}\"\r\n                  aria-label=\"${title}\"\r\n                >\r\n\r\n                  ${\r\n                    image\r\n                    ?\r\n                    `<img decoding=\"async\"\r\n                       src=\"${image}\"\r\n                       alt=\"${alt}\"\r\n                       loading=\"lazy\"\r\n                     >`\r\n                    :\r\n                    ''\r\n                  }\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <div class=\"sa-blog-card-body\">\r\n\r\n\r\n                  <div class=\"sa-blog-meta\">\r\n\r\n                    <span>\r\n                      ${category}\r\n                    <\/span>\r\n\r\n                    <span>\r\n                      ${formatDate(post.date)}\r\n                    <\/span>\r\n\r\n                  <\/div>\r\n\r\n\r\n\r\n                  <h3>\r\n\r\n                    <a href=\"${post.link}\">\r\n                      ${post.title.rendered}\r\n                    <\/a>\r\n\r\n                  <\/h3>\r\n\r\n\r\n\r\n                  <p class=\"sa-blog-excerpt\">\r\n                    ${excerpt}\r\n                  <\/p>\r\n\r\n\r\n\r\n                  <a\r\n                    class=\"sa-blog-card-link\"\r\n                    href=\"${post.link}\"\r\n                  >\r\n                    Lire l\u2019article\r\n                  <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n              <\/article>\r\n\r\n            `;\r\n\r\n          });\r\n\r\n\r\n        html +=\r\n          '<\/div>';\r\n\r\n      }\r\n\r\n\r\n\r\n      container.innerHTML =\r\n        html;\r\n\r\n    })\r\n\r\n\r\n    .catch(error => {\r\n\r\n      console.error(\r\n        'Blog Sandrine Aubertin :',\r\n        error\r\n      );\r\n\r\n\r\n      container.innerHTML =\r\n        '<div class=\"sa-blog-loading\">' +\r\n        'Les articles ne peuvent pas \u00eatre affich\u00e9s pour le moment.' +\r\n        '<\/div>';\r\n\r\n    });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R\u00e9flexions \u00b7 Exp\u00e9riences \u00b7 Transmission Blog \u00c9crire aussi ce qui se vit, ce qui transforme et ce qui nous relie. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"mailpoet_newsletter_max":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Sandrine Aubertin","author_link":"https:\/\/sandrineaubertin.fr\/index.php\/author\/admin3941\/"},"uagb_comment_info":0,"uagb_excerpt":"R\u00e9flexions \u00b7 Exp\u00e9riences \u00b7 Transmission Blog \u00c9crire aussi ce qui se vit, ce qui transforme et ce qui nous relie. [&hellip;]","_links":{"self":[{"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":17,"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":969,"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/pages\/43\/revisions\/969"}],"wp:attachment":[{"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}