{"id":299,"date":"2026-09-22T12:28:42","date_gmt":"2026-09-22T12:28:42","guid":{"rendered":"https:\/\/sandrineaubertin.fr\/?page_id=299"},"modified":"2026-10-08T06:05:41","modified_gmt":"2026-10-08T06:05:41","slug":"paroliere","status":"publish","type":"page","link":"https:\/\/sandrineaubertin.fr\/index.php\/paroliere\/","title":{"rendered":"PAROLI\u00c8RE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"299\" class=\"elementor elementor-299\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a3bfa1b e-con-full e-flex e-con e-parent\" data-id=\"a3bfa1b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1977575 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1977575\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   PAGE PAROLI\u00c8RE\r\n   VERSION CAL\u00c9E SUR LE SYST\u00c8ME GRAPHIQUE DE L\u2019ACCUEIL\r\n========================================================== *\/\r\n\r\n.sa-paroliere-page,\r\n.sa-paroliere-page *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   1 \u2014 FOND GLOBAL DU HAUT\r\n   EXACTEMENT LE PRINCIPE DE L\u2019ACCUEIL\r\n========================================================== *\/\r\n\r\n#page:has(.sa-paroliere-page){\r\n  position:relative;\r\n  isolation:isolate;\r\n\r\n  background:#FFFFFF !important;\r\n}\r\n\r\n\r\n\/*\r\n   IMPORTANT :\r\n   le bleu + le cercle sont sur #page::before,\r\n   PAS sur le hero et PAS sur toute la page.\r\n*\/\r\n\r\n#page:has(.sa-paroliere-page)::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:0;\r\n\r\n  width:100%;\r\n\r\n  \/*\r\n     Header \u2248 70px\r\n     + hero 650px\r\n  *\/\r\n  height:720px;\r\n\r\n  background:\r\n\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\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\r\n  z-index:0;\r\n}\r\n\r\n\r\n\/* Header + contenu au-dessus du fond *\/\r\n\r\n#page:has(.sa-paroliere-page) #masthead,\r\n#page:has(.sa-paroliere-page) #content{\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   2 \u2014 HEADER ASTRA\r\n========================================================== *\/\r\n\r\n#page:has(.sa-paroliere-page) #masthead{\r\n  margin:0 !important;\r\n\r\n  background:transparent !important;\r\n\r\n  border:0 !important;\r\n\r\n  box-shadow:none !important;\r\n}\r\n\r\n\r\n#page:has(.sa-paroliere-page) #masthead .ast-primary-header-bar,\r\n#page:has(.sa-paroliere-page) #masthead .main-header-bar,\r\n#page:has(.sa-paroliere-page) #masthead .site-primary-header-wrap,\r\n#page:has(.sa-paroliere-page) #masthead .ast-builder-grid-row{\r\n  background:transparent !important;\r\n\r\n  box-shadow:none !important;\r\n}\r\n\r\n\r\n\/* fine s\u00e9paration comme sur les autres pages *\/\r\n\r\n#page:has(.sa-paroliere-page) #masthead .ast-primary-header-bar,\r\n#page:has(.sa-paroliere-page) #masthead .main-header-bar{\r\n  border-bottom:1px solid rgba(255,255,255,.10) !important;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   IDENTIT\u00c9 HEADER\r\n========================================================== *\/\r\n\r\n#page:has(.sa-paroliere-page) #masthead .site-title,\r\n#page:has(.sa-paroliere-page) #masthead .site-title a,\r\n#page:has(.sa-paroliere-page) #masthead .ast-site-title-wrap .site-title,\r\n#page:has(.sa-paroliere-page) #masthead .ast-site-title-wrap .site-title a{\r\n  color:#FFFFFF !important;\r\n}\r\n\r\n\r\n#page:has(.sa-paroliere-page) #masthead .site-description{\r\n  color:#D0AB69 !important;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MENU\r\n========================================================== *\/\r\n\r\n#page:has(.sa-paroliere-page)\r\n#masthead\r\n.main-header-menu > .menu-item > .menu-link,\r\n\r\n#page:has(.sa-paroliere-page)\r\n#masthead\r\n.ast-builder-menu-1 .menu-item > .menu-link{\r\n  color:#FFFFFF !important;\r\n\r\n  background:transparent !important;\r\n}\r\n\r\n\r\n\/* survol *\/\r\n\r\n#page:has(.sa-paroliere-page)\r\n#masthead\r\n.main-header-menu > .menu-item > .menu-link:hover,\r\n\r\n#page:has(.sa-paroliere-page)\r\n#masthead\r\n.ast-builder-menu-1 .menu-item > .menu-link:hover{\r\n  color:#D0AB69 !important;\r\n}\r\n\r\n\r\n\/* page active *\/\r\n\r\n#page:has(.sa-paroliere-page)\r\n#masthead\r\n.current-menu-item > .menu-link,\r\n\r\n#page:has(.sa-paroliere-page)\r\n#masthead\r\n.current_page_item > .menu-link{\r\n  color:#D0AB69 !important;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   PANIER \/ IC\u00d4NES\r\n========================================================== *\/\r\n\r\n#page:has(.sa-paroliere-page) #masthead svg,\r\n#page:has(.sa-paroliere-page) #masthead .ast-icon{\r\n  color:#FFFFFF !important;\r\n  fill:#FFFFFF !important;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   3 \u2014 WRAPPER PAROLI\u00c8RE\r\n========================================================== *\/\r\n\r\n.sa-paroliere-page{\r\n  width:100%;\r\n\r\n  position:relative;\r\n\r\n  background:transparent !important;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   4 \u2014 HERO\r\n   M\u00caMES DIMENSIONS QUE L\u2019ACCUEIL\r\n========================================================== *\/\r\n\r\n.sa-paroliere-hero{\r\n  width:100vw;\r\n\r\n  margin-left:calc(50% - 50vw);\r\n\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  min-height:650px;\r\n\r\n  display:flex;\r\n\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\r\n\r\n\/* ==========================================================\r\n   COURBE FINE EN BAS \u00c0 DROITE\r\n   IDENTIQUE \u00c0 L\u2019ACCUEIL\r\n========================================================== *\/\r\n\r\n.sa-paroliere-hero::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\/* ==========================================================\r\n   STRUCTURE\r\n========================================================== *\/\r\n\r\n.sa-paroliere-hero-inner{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1220px;\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.08fr)\r\n    minmax(370px,.92fr);\r\n\r\n  gap:74px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   COLONNE GAUCHE\r\n========================================================== *\/\r\n\r\n.sa-paroliere-content{\r\n  width:100%;\r\n  max-width:690px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   SURTITRE\r\n========================================================== *\/\r\n\r\n.sa-paroliere-kicker{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:14px;\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:10px;\r\n\r\n  font-weight:600;\r\n\r\n  letter-spacing:.21em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n.sa-paroliere-kicker::before{\r\n  content:\"\";\r\n\r\n  width:42px;\r\n  height:1px;\r\n\r\n  flex:0 0 42px;\r\n\r\n  background:#D0AB69;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TITRE\r\n========================================================== *\/\r\n\r\n.sa-paroliere-title{\r\n  width:100%;\r\n\r\n  margin:0;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:clamp(58px,5.1vw,80px);\r\n\r\n  font-weight:500;\r\n\r\n  line-height:.95;\r\n\r\n  letter-spacing:-.02em;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   PHRASE PRINCIPALE\r\n========================================================== *\/\r\n\r\n.sa-paroliere-lead{\r\n  width:100%;\r\n  max-width:620px;\r\n\r\n  margin:27px 0 0;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:clamp(26px,2.15vw,31px);\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.45;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TEXTE INTRO\r\n========================================================== *\/\r\n\r\n.sa-paroliere-intro{\r\n  width:100%;\r\n  max-width:570px;\r\n\r\n  margin:24px 0 0;\r\n\r\n  color:rgba(255,255,255,.74);\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.75;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   M\u00c9TADONN\u00c9ES\r\n========================================================== *\/\r\n\r\n.sa-paroliere-meta{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:10px 15px;\r\n\r\n  width:100%;\r\n  max-width:570px;\r\n\r\n  margin-top:27px;\r\n\r\n  padding-top:22px;\r\n\r\n  border-top:1px solid rgba(208,171,105,.22);\r\n}\r\n\r\n\r\n.sa-paroliere-meta span{\r\n  color:rgba(255,255,255,.72);\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:600;\r\n\r\n  letter-spacing:.13em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n.sa-paroliere-meta i{\r\n  display:block;\r\n\r\n  width:3px;\r\n  height:3px;\r\n\r\n  background:#D0AB69;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   COLONNE DROITE\r\n========================================================== *\/\r\n\r\n.sa-paroliere-visual{\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  display:flex;\r\n\r\n  justify-content:flex-end;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n.sa-paroliere-visual-content{\r\n  width:100%;\r\n\r\n  max-width:400px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   GUILLEMET\r\n========================================================== *\/\r\n\r\n.sa-paroliere-quote{\r\n  display:block;\r\n\r\n  margin:0 0 10px;\r\n\r\n  color:#D0AB69;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:72px;\r\n\r\n  font-weight:400;\r\n\r\n  line-height:.55;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TEXTE PRINCIPAL DROITE\r\n========================================================== *\/\r\n\r\n.sa-paroliere-visual-title{\r\n  margin:0;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:47px;\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.07;\r\n}\r\n\r\n\r\n.sa-paroliere-visual-title span{\r\n  display:block;\r\n}\r\n\r\n\r\n.sa-paroliere-visual-title em{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#D0AB69;\r\n\r\n  font-weight:400;\r\n\r\n  font-style:italic;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TRAIT OR\r\n========================================================== *\/\r\n\r\n.sa-paroliere-visual-line{\r\n  width:44px;\r\n  height:1px;\r\n\r\n  margin:28px 0 22px;\r\n\r\n  background:#D0AB69;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TEXTE DROITE\r\n========================================================== *\/\r\n\r\n.sa-paroliere-visual-text{\r\n  width:100%;\r\n  max-width:340px;\r\n\r\n  margin:0;\r\n\r\n  color:rgba(255,255,255,.72);\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.75;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   5 \u2014 APR\u00c8S LE HERO\r\n   LE SITE REVIENT AU FOND NORMAL\r\n========================================================== *\/\r\n\r\n#page:has(.sa-paroliere-page) #content{\r\n  background:transparent !important;\r\n}\r\n\r\n\r\n\/*\r\n   Tout ce qui vient apr\u00e8s la couche bleue retrouve le blanc\r\n   du #page. Aucun bleu n'est appliqu\u00e9 au body.\r\n*\/\r\n\r\n\r\n\/* ==========================================================\r\n   TABLETTE\r\n========================================================== *\/\r\n\r\n@media(min-width:601px) and (max-width:1100px){\r\n\r\n  #page:has(.sa-paroliere-page)::before{\r\n    height:950px;\r\n  }\r\n\r\n\r\n  .sa-paroliere-hero{\r\n    min-height:auto;\r\n\r\n    padding:58px 30px 62px;\r\n  }\r\n\r\n\r\n  .sa-paroliere-hero-inner{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:42px;\r\n  }\r\n\r\n\r\n  .sa-paroliere-content{\r\n    max-width:760px;\r\n  }\r\n\r\n\r\n  .sa-paroliere-visual{\r\n    justify-content:flex-start;\r\n  }\r\n\r\n\r\n  .sa-paroliere-visual-content{\r\n    max-width:650px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  #page:has(.sa-paroliere-page)::before{\r\n    height:1000px;\r\n\r\n    background:\r\n\r\n      radial-gradient(\r\n        circle 230px at 105% 95px,\r\n        rgba(255,255,255,.055) 0%,\r\n        rgba(255,255,255,.055) 99%,\r\n        transparent 100%\r\n      ),\r\n\r\n      linear-gradient(\r\n        90deg,\r\n        #0B2742 0%,\r\n        #102C48 100%\r\n      ) !important;\r\n  }\r\n\r\n\r\n  .sa-paroliere-hero{\r\n    min-height:auto;\r\n\r\n    padding:46px 20px 54px;\r\n  }\r\n\r\n\r\n  .sa-paroliere-hero-inner{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:38px;\r\n  }\r\n\r\n\r\n  .sa-paroliere-kicker{\r\n    margin-bottom:14px;\r\n\r\n    font-size:9px;\r\n\r\n    letter-spacing:.17em;\r\n  }\r\n\r\n\r\n  .sa-paroliere-kicker::before{\r\n    width:32px;\r\n\r\n    flex-basis:32px;\r\n  }\r\n\r\n\r\n  .sa-paroliere-title{\r\n    font-size:50px;\r\n\r\n    line-height:.97;\r\n  }\r\n\r\n\r\n  .sa-paroliere-lead{\r\n    margin-top:22px;\r\n\r\n    font-size:24px;\r\n  }\r\n\r\n\r\n  .sa-paroliere-intro{\r\n    font-size:14px;\r\n\r\n    line-height:1.72;\r\n  }\r\n\r\n\r\n  .sa-paroliere-meta{\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n  }\r\n\r\n\r\n  .sa-paroliere-meta i{\r\n    display:none;\r\n  }\r\n\r\n\r\n  .sa-paroliere-visual{\r\n    justify-content:flex-start;\r\n  }\r\n\r\n\r\n  .sa-paroliere-visual-title{\r\n    font-size:40px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"sa-paroliere-page\">\r\n\r\n  <section class=\"sa-paroliere-hero\">\r\n\r\n    <div class=\"sa-paroliere-hero-inner\">\r\n\r\n\r\n      <!-- =================================================\r\n           GAUCHE\r\n      ================================================== -->\r\n\r\n      <div class=\"sa-paroliere-content\">\r\n\r\n\r\n        <div class=\"sa-paroliere-kicker\">\r\n          \u00c9crire pour la musique\r\n        <\/div>\r\n\r\n\r\n        <h1 class=\"sa-paroliere-title\">\r\n          Paroli\u00e8re\r\n        <\/h1>\r\n\r\n\r\n        <p class=\"sa-paroliere-lead\">\r\n          J\u2019\u00e9cris des mots pens\u00e9s pour la musique,\r\n          pour raconter une \u00e9motion, une histoire\r\n          et ce que l\u2019on ne sait pas toujours dire.\r\n        <\/p>\r\n\r\n\r\n        <p class=\"sa-paroliere-intro\">\r\n          Chansons, com\u00e9dies musicales et projets sc\u00e9niques :\r\n          mon \u00e9criture cherche la justesse des mots,\r\n          leur rythme et la place qu\u2019ils peuvent trouver\r\n          dans une voix et une musique.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"sa-paroliere-meta\">\r\n\r\n          <span>\r\n            Chansons\r\n          <\/span>\r\n\r\n          <i><\/i>\r\n\r\n          <span>\r\n            Com\u00e9dies musicales\r\n          <\/span>\r\n\r\n          <i><\/i>\r\n\r\n          <span>\r\n            \u00c9criture pour la sc\u00e8ne\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =================================================\r\n           DROITE\r\n      ================================================== -->\r\n\r\n      <div class=\"sa-paroliere-visual\">\r\n\r\n        <div class=\"sa-paroliere-visual-content\">\r\n\r\n\r\n          <span class=\"sa-paroliere-quote\">\r\n            \u201c\r\n          <\/span>\r\n\r\n\r\n          <p class=\"sa-paroliere-visual-title\">\r\n\r\n            <span>\r\n              Des mots.\r\n            <\/span>\r\n\r\n            <span>\r\n              Une histoire.\r\n            <\/span>\r\n\r\n            <em>\r\n              Une \u00e9motion.\r\n            <\/em>\r\n\r\n          <\/p>\r\n\r\n\r\n          <div class=\"sa-paroliere-visual-line\"><\/div>\r\n\r\n\r\n          <p class=\"sa-paroliere-visual-text\">\r\n            Quand les mots rencontrent la musique,\r\n            une autre fa\u00e7on de raconter commence.\r\n          <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4c21e96 e-con-full e-flex e-con e-parent\" data-id=\"4c21e96\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56bd095 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"56bd095\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ==========================================================\n   PAROLI\u00c8RE \u2014 UNIVERS SC\u00c9NIQUES\n   INTRO LAT\u00c9RALE + LECTEURS \u00c9DITORIAUX\n========================================================== *\/\n\n.sa-stage,\n.sa-stage *{\n  box-sizing:border-box;\n}\n\n.sa-stage{\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  background:#FFFFFF;\n  color:#242424;\n}\n\n\n\/* ==========================================================\n   INTRODUCTION \u2014 M\u00caME LOGIQUE QUE PAGE LIVRES\n========================================================== *\/\n\n.sa-stage-intro{\n  padding:66px 6% 68px;\n  background:#FFFFFF;\n}\n\n.sa-stage-intro-inner{\n  width:100%;\n  max-width:1180px;\n  margin:0 auto;\n\n  display:grid;\n  grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);\n  gap:72px;\n  align-items:center;\n}\n\n\n\/* GAUCHE *\/\n\n.sa-stage-kicker{\n  display:flex;\n  align-items:center;\n  gap:12px;\n\n  margin:0 0 15px;\n\n  color:#B58A43;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:9px;\n  font-weight:700;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n}\n\n.sa-stage-kicker::before{\n  content:\"\";\n  width:34px;\n  height:1px;\n  flex:0 0 34px;\n  background:#D0AB69;\n}\n\n.sa-stage-title{\n  max-width:650px;\n  margin:0;\n\n  color:#193B5E;\n\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:clamp(42px,4.4vw,58px);\n  font-weight:500;\n  line-height:1.02;\n  letter-spacing:-.018em;\n}\n\n\n\/* DROITE *\/\n\n.sa-stage-intro-right{\n  max-width:570px;\n}\n\n.sa-stage-lead{\n  margin:0 0 20px;\n\n  color:#66645F;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:13px;\n  line-height:1.75;\n}\n\n.sa-stage-lead strong{\n  color:#193B5E;\n  font-weight:700;\n}\n\n.sa-stage-note{\n  padding:17px 20px 18px;\n\n  border-left:2px solid #D0AB69;\n\n  background:#FAF7F1;\n}\n\n.sa-stage-note-label{\n  display:block;\n  margin-bottom:7px;\n\n  color:#B58A43;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:7.5px;\n  font-weight:700;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n}\n\n.sa-stage-note-text{\n  margin:0;\n\n  color:#193B5E;\n\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:21px;\n  font-weight:500;\n  line-height:1.2;\n}\n\n\n\/* CR\u00c9DITS *\/\n\n.sa-stage-credits{\n  margin-top:18px;\n  padding-top:16px;\n\n  border-top:1px solid rgba(181,138,67,.18);\n\n  display:flex;\n  flex-wrap:wrap;\n  gap:8px 22px;\n}\n\n.sa-stage-credit{\n  margin:0;\n\n  color:#66645F;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:10.5px;\n  line-height:1.55;\n}\n\n.sa-stage-credit strong{\n  color:#193B5E;\n  font-weight:700;\n}\n\n.sa-album-collab{\n  margin:16px 0 0;\n\n  padding:10px 14px;\n\n  border-left:2px solid #D0AB69;\n\n  background:rgba(255,255,255,.62);\n\n  color:#5E5B56;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:10.5px;\n  line-height:1.55;\n}\n\n.sa-album-collab strong{\n  color:#193B5E;\n  font-weight:700;\n}\n\n\n\/* ==========================================================\n   ALBUMS\n========================================================== *\/\n\n.sa-album{\n  padding:68px 6% 74px;\n}\n\n.sa-album-atlantea{\n  background:#FAF7F1;\n}\n\n.sa-album-lune{\n  background:#F2F5F7;\n}\n\n.sa-album-inner{\n  width:100%;\n  max-width:1180px;\n  margin:0 auto;\n}\n\n\n\/* ==========================================================\n   PR\u00c9SENTATION DE L'UNIVERS\n========================================================== *\/\n\n.sa-album-head{\n  display:grid;\n  grid-template-columns:255px minmax(0,1fr);\n  gap:52px;\n  align-items:center;\n\n  margin-bottom:36px;\n}\n\n\n\/* VISUEL *\/\n\n.sa-album-cover{\n  position:relative;\n\n  width:100%;\n\n  padding:10px;\n\n  border:1px solid rgba(181,138,67,.22);\n\n  background:#FFFFFF;\n\n  box-shadow:0 14px 32px rgba(16,44,72,.06);\n}\n\n.sa-album-cover::before{\n  content:\"\";\n\n  position:absolute;\n\n  top:-10px;\n  right:-10px;\n\n  width:58px;\n  height:58px;\n\n  border-top:1px solid rgba(208,171,105,.55);\n  border-right:1px solid rgba(208,171,105,.55);\n\n  pointer-events:none;\n}\n\n.sa-album-cover img{\n  display:block;\n  width:100%;\n  height:auto;\n}\n\n\n\/* INFORMATIONS *\/\n\n.sa-album-info{\n  max-width:720px;\n}\n\n.sa-album-label{\n  display:flex;\n  align-items:center;\n  gap:11px;\n\n  margin:0 0 12px;\n\n  color:#B58A43;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:8px;\n  font-weight:700;\n  letter-spacing:.17em;\n  text-transform:uppercase;\n}\n\n.sa-album-label::before{\n  content:\"\";\n\n  width:32px;\n  height:1px;\n\n  background:#D0AB69;\n}\n\n.sa-album-title{\n  margin:0 0 8px;\n\n  color:#193B5E;\n\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:clamp(41px,4.2vw,56px);\n  font-weight:500;\n  line-height:.97;\n}\n\n.sa-album-meta{\n  margin:0 0 17px;\n\n  color:#B08D57;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:8.5px;\n  font-weight:700;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n.sa-album-tagline{\n  max-width:650px;\n  margin:0 0 13px;\n\n  color:#294F77;\n\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:22px;\n  font-style:italic;\n  line-height:1.35;\n}\n\n.sa-album-description{\n  max-width:690px;\n  margin:0;\n\n  color:#66645F;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:12.5px;\n  line-height:1.72;\n}\n\n\n\/* ==========================================================\n   ZONE AUDIO \u2014 LAT\u00c9RALE\n========================================================== *\/\n\n.sa-audio-layout{\n  display:grid;\n  grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr);\n  gap:28px;\n  align-items:start;\n}\n\n\n\/* ==========================================================\n   LECTEUR\n========================================================== *\/\n\n.sa-player-box{\n  margin:0 0 21px;\n\n  padding:19px 22px 20px;\n\n  background:#193B5E;\n}\n\n.sa-player-head{\n  display:flex;\n  justify-content:space-between;\n  align-items:flex-end;\n\n  gap:20px;\n\n  margin-bottom:13px;\n}\n\n.sa-player-label{\n  display:block;\n  margin-bottom:4px;\n\n  color:#D0AB69;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:7px;\n  font-weight:700;\n  letter-spacing:.15em;\n  text-transform:uppercase;\n}\n\n.sa-player-title{\n  margin:0;\n\n  color:#FFFFFF;\n\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:23px;\n  font-weight:500;\n  line-height:1.1;\n}\n\n.sa-player-state{\n  color:rgba(255,255,255,.60);\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:7.5px;\n  font-weight:600;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n.sa-player-box audio{\n  display:block;\n  width:100%;\n  height:42px;\n}\n\n\n\/* ==========================================================\n   PLAYLIST\n========================================================== *\/\n\n.sa-playlist-head{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n\n  margin:0 0 9px;\n}\n\n.sa-playlist-head h3{\n  margin:0;\n\n  color:#193B5E;\n\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:22px;\n  font-weight:500;\n}\n\n.sa-playlist-count{\n  color:#B58A43;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:8px;\n  font-weight:700;\n  letter-spacing:.13em;\n  text-transform:uppercase;\n}\n\n.sa-tracklist-wrap{\n  border-top:1px solid rgba(25,59,94,.10);\n  border-bottom:1px solid rgba(25,59,94,.10);\n\n  background:rgba(255,255,255,.50);\n}\n\n.sa-tracklist{\n  max-height:326px;\n\n  overflow-y:auto;\n  overflow-x:hidden;\n\n  scrollbar-width:thin;\n  scrollbar-color:#B58A43 rgba(25,59,94,.06);\n}\n\n.sa-tracklist::-webkit-scrollbar{\n  width:7px;\n}\n\n.sa-tracklist::-webkit-scrollbar-track{\n  background:rgba(25,59,94,.05);\n}\n\n.sa-tracklist::-webkit-scrollbar-thumb{\n  background:#B58A43;\n  border-radius:8px;\n}\n\n\n\/* TITRES *\/\n\n.sa-track{\n  appearance:none;\n  -webkit-appearance:none;\n\n  width:100%;\n\n  display:grid;\n  grid-template-columns:42px minmax(0,1fr) 52px;\n  align-items:center;\n  gap:12px;\n\n  min-height:49px;\n\n  margin:0;\n  padding:8px 12px;\n\n  border:0;\n  border-bottom:1px solid rgba(25,59,94,.075);\n  border-left:2px solid transparent;\n\n  background:rgba(255,255,255,.55);\n\n  text-align:left;\n\n  cursor:pointer;\n\n  transition:.18s ease;\n}\n\n.sa-track:nth-child(even){\n  background:rgba(255,255,255,.82);\n}\n\n.sa-track:hover,\n.sa-track.is-active{\n  background:#FFFFFF;\n  border-left-color:#D0AB69;\n}\n\n.sa-track-num{\n  color:#B58A43;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:8.5px;\n  font-weight:700;\n  letter-spacing:.11em;\n}\n\n.sa-track-title{\n  color:#193B5E;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:11.5px;\n  font-weight:500;\n  line-height:1.35;\n}\n\n.sa-track.is-active .sa-track-title{\n  font-weight:700;\n}\n\n.sa-track-duration{\n  text-align:right;\n\n  color:#8A8986;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:9.5px;\n}\n\n\n\/* ==========================================================\n   TEXTE LAT\u00c9RAL DU LECTEUR\n========================================================== *\/\n\n.sa-audio-side{\n  padding:22px 22px 23px;\n\n  border-left:2px solid #D0AB69;\n\n  background:#FFFFFF;\n}\n\n.sa-album-lune .sa-audio-side{\n  background:#FAF7F1;\n}\n\n.sa-audio-side-kicker{\n  display:block;\n\n  margin-bottom:10px;\n\n  color:#B58A43;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:7.5px;\n  font-weight:700;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n}\n\n.sa-audio-side-title{\n  margin:0 0 13px;\n\n  color:#193B5E;\n\n  font-family:\"Cormorant Garamond\",Georgia,serif;\n  font-size:26px;\n  font-weight:500;\n  line-height:1.12;\n}\n\n.sa-audio-side-text{\n  margin:0;\n\n  color:#696762;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:11.5px;\n  line-height:1.72;\n}\n\n.sa-audio-side-rule{\n  width:38px;\n  height:1px;\n\n  margin:18px 0;\n\n  background:#D0AB69;\n}\n\n.sa-audio-side-note{\n  display:flex;\n  align-items:center;\n  gap:8px;\n\n  color:#294F77;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:7.5px;\n  font-weight:700;\n  letter-spacing:.11em;\n  text-transform:uppercase;\n}\n\n.sa-audio-side-dot{\n  width:5px;\n  height:5px;\n\n  flex:0 0 5px;\n\n  background:#B58A43;\n  border-radius:50%;\n}\n\n.sa-scroll-hint{\n  display:flex;\n  align-items:center;\n  gap:7px;\n\n  margin-top:10px;\n\n  color:#7A7772;\n\n  font-family:\"Inter\",Arial,sans-serif;\n  font-size:8.5px;\n}\n\n.sa-scroll-arrow{\n  color:#B58A43;\n  font-size:14px;\n}\n\n\n\/* ==========================================================\n   TABLETTE\n========================================================== *\/\n\n@media(max-width:950px){\n\n  .sa-stage-intro{\n    padding:58px 28px 62px;\n  }\n\n  .sa-stage-intro-inner{\n    grid-template-columns:1fr;\n    gap:28px;\n  }\n\n  .sa-stage-intro-right{\n    max-width:700px;\n  }\n\n  .sa-album{\n    padding:62px 28px 68px;\n  }\n\n  .sa-album-head{\n    grid-template-columns:220px minmax(0,1fr);\n    gap:38px;\n  }\n\n  .sa-audio-layout{\n    grid-template-columns:1fr;\n  }\n\n  .sa-audio-side{\n    max-width:700px;\n  }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n========================================================== *\/\n\n@media(max-width:650px){\n\n  .sa-stage-intro{\n    padding:50px 20px 54px;\n  }\n\n  .sa-stage-title{\n    font-size:39px;\n  }\n\n  .sa-album{\n    padding:56px 20px 61px;\n  }\n\n  .sa-album-head{\n    grid-template-columns:1fr;\n    gap:28px;\n  }\n\n  .sa-album-cover{\n    width:min(100%,270px);\n    margin:0 auto;\n  }\n\n  .sa-album-title{\n    font-size:41px;\n  }\n\n  .sa-player-head{\n    flex-direction:column;\n    align-items:flex-start;\n    gap:6px;\n  }\n\n  .sa-tracklist{\n    max-height:320px;\n  }\n\n  .sa-track{\n    grid-template-columns:30px minmax(0,1fr) 44px;\n    gap:7px;\n    padding:8px 7px;\n  }\n\n}\n<\/style>\n\n\n<div class=\"sa-stage\">\n\n\n<!-- ==========================================================\n     INTRODUCTION\n========================================================== -->\n\n<section class=\"sa-stage-intro\">\n\n  <div class=\"sa-stage-intro-inner\">\n\n\n    <div>\n\n      <div class=\"sa-stage-kicker\">\n        \u00c9crire pour la sc\u00e8ne\n      <\/div>\n\n      <h2 class=\"sa-stage-title\">\n        Une histoire commence parfois par quelques mots.\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"sa-stage-intro-right\">\n\n      <p class=\"sa-stage-lead\">\n        <strong>\u00c9crire une chanson, c\u2019est aussi raconter.<\/strong>\n        Les mots doivent trouver leur rythme, porter une intention\n        et laisser \u00e0 la musique l\u2019espace n\u00e9cessaire\n        pour faire na\u00eetre une \u00e9motion.\n      <\/p>\n\n      <div class=\"sa-stage-note\">\n\n        <span class=\"sa-stage-note-label\">\n          Deux univers sc\u00e9niques\n        <\/span>\n\n        <p class=\"sa-stage-note-text\">\n          ATLANTEA et Lune d\u2019Elle sont n\u00e9s de cette rencontre\n          entre l\u2019\u00e9criture, la musique et la sc\u00e8ne.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"sa-stage-credits\">\n\n        <p class=\"sa-stage-credit\">\n          <strong>Textes :<\/strong> Sandrine Aubertin\n        <\/p>\n\n        <p class=\"sa-stage-credit\">\n          <strong>Compositions musicales :<\/strong> Eric Miller\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ==========================================================\n     ATLANTEA\n========================================================== -->\n\n<section\n  class=\"sa-album sa-album-atlantea\"\n  data-audio-album\n  data-player=\"sa-player-atlantea\"\n  data-now=\"sa-now-atlantea\"\n  data-state=\"sa-state-atlantea\"\n>\n\n<div class=\"sa-album-inner\">\n\n\n  <div class=\"sa-album-head\">\n\n\n    <div class=\"sa-album-cover\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sandrineaubertin.fr\/wp-content\/uploads\/2026\/10\/Atlantea-Du-Sphinx-a-lAtlantide-Comedie-musicale.png\"\n        alt=\"ATLANTEA \u2013 Du Sphinx \u00e0 l\u2019Atlantide \u2013 com\u00e9die musicale\"\n        loading=\"lazy\"\n      >\n\n    <\/div>\n\n\n    <div class=\"sa-album-info\">\n\n      <div class=\"sa-album-label\">\n        Premier univers sc\u00e9nique\n      <\/div>\n\n      <h2 class=\"sa-album-title\">\n        ATLANTEA\n      <\/h2>\n\n      <p class=\"sa-album-meta\">\n        Com\u00e9die musicale \u00b7 2013 \u00b7 20 titres\n      <\/p>\n\n      <p class=\"sa-album-tagline\">\n        L\u00e0 o\u00f9 l\u2019aventure a commenc\u00e9.\n      <\/p>\n\n      <p class=\"sa-album-description\">\n        Avant le roman et le sc\u00e9nario de long m\u00e9trage,\n        ATLANTEA est d\u2019abord n\u00e9 pour la sc\u00e8ne.\n        Les chansons ont accompagn\u00e9 la construction d\u2019un univers\n        autour de la qu\u00eate, de la m\u00e9moire de l\u2019humanit\u00e9,\n        du rapport au monde et de l\u2019\u00e9veil de la conscience.\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n\n  <div class=\"sa-audio-layout\">\n\n\n    <!-- GAUCHE : LECTEUR + PLAYLIST -->\n\n    <div class=\"sa-audio-main\">\n\n\n      <div class=\"sa-player-box\">\n\n        <div class=\"sa-player-head\">\n\n          <div>\n\n            <span class=\"sa-player-label\">\n              En \u00e9coute\n            <\/span>\n\n            <h3\n              class=\"sa-player-title\"\n              id=\"sa-now-atlantea\"\n            >\n              ATLANTEA\n            <\/h3>\n\n          <\/div>\n\n          <span\n            class=\"sa-player-state\"\n            id=\"sa-state-atlantea\"\n          >\n            Cliquez sur un titre\n          <\/span>\n\n        <\/div>\n\n\n        <audio\n          id=\"sa-player-atlantea\"\n          controls\n          preload=\"metadata\"\n          controlsList=\"nodownload noplaybackrate\"\n          oncontextmenu=\"return false;\"\n          src=\"https:\/\/sandrineaubertin.fr\/wp-content\/uploads\/2026\/10\/01-Atlantea-2013-atlantide.mp3\"\n        >\n        <\/audio>\n\n      <\/div>\n\n\n      <div class=\"sa-playlist-head\">\n\n        <h3>\n          Les titres\n        <\/h3>\n\n        <span class=\"sa-playlist-count\">\n          20 morceaux\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"sa-tracklist-wrap\">\n\n        <div class=\"sa-tracklist\">\n\n          <button class=\"sa-track is-active\" type=\"button\" data-file=\"01-Atlantea-2013-atlantide.mp3\" data-title=\"ATLANTEA\"><span class=\"sa-track-num\">01<\/span><span class=\"sa-track-title\">ATLANTEA<\/span><span class=\"sa-track-duration\">03:45<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"02-Atlantea-2013-le-passage.mp3\" data-title=\"Le Passage\"><span class=\"sa-track-num\">02<\/span><span class=\"sa-track-title\">Le Passage<\/span><span class=\"sa-track-duration\">03:25<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"03-Atlantea-2013-monde-parallele.mp3\" data-title=\"Monde parall\u00e8le\"><span class=\"sa-track-num\">03<\/span><span class=\"sa-track-title\">Monde parall\u00e8le<\/span><span class=\"sa-track-duration\">03:29<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"04-Atlantea-2013-ce-jour-viendra.mp3\" data-title=\"Ce jour viendra\"><span class=\"sa-track-num\">04<\/span><span class=\"sa-track-title\">Ce jour viendra<\/span><span class=\"sa-track-duration\">04:27<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"05-Atlantea-2013-le-couloir.mp3\" data-title=\"Le Couloir\"><span class=\"sa-track-num\">05<\/span><span class=\"sa-track-title\">Le Couloir<\/span><span class=\"sa-track-duration\">02:29<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"06-Atlantea-2013-lair-de-rien.mp3\" data-title=\"L\u2019Air de rien\"><span class=\"sa-track-num\">06<\/span><span class=\"sa-track-title\">L\u2019Air de rien<\/span><span class=\"sa-track-duration\">03:05<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"07-Atlantea-2013-lelu.mp3\" data-title=\"L\u2019\u00c9lu\"><span class=\"sa-track-num\">07<\/span><span class=\"sa-track-title\">L\u2019\u00c9lu<\/span><span class=\"sa-track-duration\">03:34<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"08-Atlantea-2013-nous-ne-sommes-quun.mp3\" data-title=\"Nous ne sommes qu\u2019un\"><span class=\"sa-track-num\">08<\/span><span class=\"sa-track-title\">Nous ne sommes qu\u2019un<\/span><span class=\"sa-track-duration\">03:07<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"09-Atlantea-2013-lhomme-est-son-propre-ennemi.mp3\" data-title=\"L\u2019Homme est son propre ennemi\"><span class=\"sa-track-num\">09<\/span><span class=\"sa-track-title\">L\u2019Homme est son propre ennemi<\/span><span class=\"sa-track-duration\">03:03<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"10-Atlantea-2013-les-lois-de-la-nature.mp3\" data-title=\"Les Lois de la nature\"><span class=\"sa-track-num\">10<\/span><span class=\"sa-track-title\">Les Lois de la nature<\/span><span class=\"sa-track-duration\">04:30<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"11-Atlantea-2013-guerre.mp3\" data-title=\"Guerre\"><span class=\"sa-track-num\">11<\/span><span class=\"sa-track-title\">Guerre<\/span><span class=\"sa-track-duration\">02:55<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"12-Atlantea-2013-trop-de-progres.mp3\" data-title=\"Trop de progr\u00e8s\"><span class=\"sa-track-num\">12<\/span><span class=\"sa-track-title\">Trop de progr\u00e8s<\/span><span class=\"sa-track-duration\">04:37<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"13-Atlantea-2013-ad-vitam-aeternam.mp3\" data-title=\"Ad vitam aeternam\"><span class=\"sa-track-num\">13<\/span><span class=\"sa-track-title\">Ad vitam aeternam<\/span><span class=\"sa-track-duration\">03:19<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"14-Atlantea-2013-que-sera-demain.mp3\" data-title=\"Que sera demain\"><span class=\"sa-track-num\">14<\/span><span class=\"sa-track-title\">Que sera demain<\/span><span class=\"sa-track-duration\">04:39<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"15-Atlantea-2013-atlantea.mp3\" data-title=\"ATLANTEA\"><span class=\"sa-track-num\">15<\/span><span class=\"sa-track-title\">ATLANTEA<\/span><span class=\"sa-track-duration\">03:46<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"16-Atlantea-2013-loin-de-ma-terre.mp3\" data-title=\"Loin de ma terre\"><span class=\"sa-track-num\">16<\/span><span class=\"sa-track-title\">Loin de ma terre<\/span><span class=\"sa-track-duration\">03:22<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"17-Atlantea-2013-dors.mp3\" data-title=\"Dors\"><span class=\"sa-track-num\">17<\/span><span class=\"sa-track-title\">Dors<\/span><span class=\"sa-track-duration\">04:27<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"18-Atlantea-2013-bonus-Dors.mp3\" data-title=\"Bonus \u2014 Dors\"><span class=\"sa-track-num\">18<\/span><span class=\"sa-track-title\">Bonus \u2014 Dors<\/span><span class=\"sa-track-duration\">04:27<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"19-Atlantea-2013-Bonus-PlusDEthique.mp3\" data-title=\"Bonus \u2014 Plus d\u2019\u00e9thique\"><span class=\"sa-track-num\">19<\/span><span class=\"sa-track-title\">Bonus \u2014 Plus d\u2019\u00e9thique<\/span><span class=\"sa-track-duration\">03:14<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"20-Atlantea-2013-Bonus-QueSeraDemain.mp3\" data-title=\"Bonus \u2014 Que sera demain\"><span class=\"sa-track-num\">20<\/span><span class=\"sa-track-title\">Bonus \u2014 Que sera demain<\/span><span class=\"sa-track-duration\">04:38<\/span><\/button>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"sa-scroll-hint\">\n        <span class=\"sa-scroll-arrow\">\u2193<\/span>\n        Faites d\u00e9filer pour d\u00e9couvrir les 20 titres\n      <\/div>\n\n\n    <\/div>\n\n\n    <!-- DROITE : TEXTE \u00c9DITORIAL -->\n\n    <aside class=\"sa-audio-side\">\n\n      <span class=\"sa-audio-side-kicker\">\n        \u00c9couter ATLANTEA\n      <\/span>\n\n      <h3 class=\"sa-audio-side-title\">\n        20 titres pour entrer dans l\u2019univers.\n      <\/h3>\n\n      <p class=\"sa-audio-side-text\">\n        Cliquez sur un morceau pour le charger dans le lecteur.\n        Ces chansons constituent la premi\u00e8re forme d\u2019ATLANTEA\n        et accompagnent la naissance de son univers sc\u00e9nique.\n      <\/p>\n\n      <div class=\"sa-audio-side-rule\"><\/div>\n\n      <div class=\"sa-audio-side-note\">\n\n        <span class=\"sa-audio-side-dot\"><\/span>\n\n        Streaming uniquement\n\n      <\/div>\n\n    <\/aside>\n\n\n  <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n<!-- ==========================================================\n     LUNE D'ELLE\n========================================================== -->\n\n<section\n  class=\"sa-album sa-album-lune\"\n  data-audio-album\n  data-player=\"sa-player-lune\"\n  data-now=\"sa-now-lune\"\n  data-state=\"sa-state-lune\"\n>\n\n<div class=\"sa-album-inner\">\n\n\n  <div class=\"sa-album-head\">\n\n\n    <div class=\"sa-album-cover\">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/sandrineaubertin.fr\/wp-content\/uploads\/2026\/10\/Lune-delle.png\"\n        alt=\"Lune d\u2019Elle \u2013 com\u00e9die musicale\"\n        loading=\"lazy\"\n      >\n\n    <\/div>\n\n\n    <div class=\"sa-album-info\">\n\n      <div class=\"sa-album-label\">\n        Deuxi\u00e8me univers sc\u00e9nique\n      <\/div>\n\n      <h2 class=\"sa-album-title\">\n        Lune d\u2019Elle\n      <\/h2>\n\n      <p class=\"sa-album-meta\">\n        Com\u00e9die musicale \u00b7 28 titres \u00b7 Versions d\u00e9mo\n      <\/p>\n\n      <p class=\"sa-album-tagline\">\n        Une rencontre inattendue. Deux regards. Un \u00e9lan.\n        Une passion. Puis cet amour que la vie rend impossible \u00e0 vivre.\n      <\/p>\n\n      <p class=\"sa-album-description\">\n        Lune d\u2019Elle raconte la naissance d\u2019un amour qui s\u2019impose\n        sans avoir \u00e9t\u00e9 attendu. Une rencontre, quelques regards,\n        puis cette \u00e9vidence qui bouleverse tout.\n        Pourtant, certains sentiments naissent au mauvais moment,\n        dans une vie d\u00e9j\u00e0 trac\u00e9e. Alors il reste l\u2019absence,\n        le d\u00e9sir, les silences\u2026 et la lune.\n      <\/p>\n\n\n      <p class=\"sa-album-collab\">\n        Avec la participation de <strong>Nareva<\/strong> et\n        <strong>Maryse Gignac<\/strong>.\n      <\/p>\n\n    <\/div>\n\n\n  <\/div>\n\n\n  <div class=\"sa-audio-layout\">\n\n\n    <div class=\"sa-audio-main\">\n\n\n      <div class=\"sa-player-box\">\n\n        <div class=\"sa-player-head\">\n\n          <div>\n\n            <span class=\"sa-player-label\">\n              En \u00e9coute\n            <\/span>\n\n            <h3\n              class=\"sa-player-title\"\n              id=\"sa-now-lune\"\n            >\n              Comme deux gouttes d\u2019eau\n            <\/h3>\n\n          <\/div>\n\n          <span\n            class=\"sa-player-state\"\n            id=\"sa-state-lune\"\n          >\n            Cliquez sur un titre\n          <\/span>\n\n        <\/div>\n\n\n        <audio\n          id=\"sa-player-lune\"\n          controls\n          preload=\"metadata\"\n          controlsList=\"nodownload noplaybackrate\"\n          oncontextmenu=\"return false;\"\n          src=\"https:\/\/sandrineaubertin.fr\/wp-content\/uploads\/2026\/10\/01-Lune-dElle-COMME-DEUX-GOUTTES-DEAU-temoin-Demo.mp3\"\n        >\n        <\/audio>\n\n      <\/div>\n\n\n      <div class=\"sa-playlist-head\">\n\n        <h3>\n          Les titres\n        <\/h3>\n\n        <span class=\"sa-playlist-count\">\n          28 morceaux\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"sa-tracklist-wrap\">\n\n        <div class=\"sa-tracklist\">\n\n          <button class=\"sa-track is-active\" type=\"button\" data-file=\"01-Lune-dElle-COMME-DEUX-GOUTTES-DEAU-temoin-Demo.mp3\" data-title=\"Comme deux gouttes d\u2019eau\"><span class=\"sa-track-num\">01<\/span><span class=\"sa-track-title\">Comme deux gouttes d\u2019eau<\/span><span class=\"sa-track-duration\">02:55<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"02-Lune-dElle-CE-DOUX-MURMURE-temoin-Demo.mp3\" data-title=\"Ce doux murmure\"><span class=\"sa-track-num\">02<\/span><span class=\"sa-track-title\">Ce doux murmure<\/span><span class=\"sa-track-duration\">04:14<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"03-Lune-dElle-JULIETTA-Y-JULIETTA-Temoin-Demo.mp3\" data-title=\"Julietta y Julietta\"><span class=\"sa-track-num\">03<\/span><span class=\"sa-track-title\">Julietta y Julietta<\/span><span class=\"sa-track-duration\">02:46<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"04-Lune-dElle-SI-ELLE-temoin-Demo.mp3\" data-title=\"Si elle\"><span class=\"sa-track-num\">04<\/span><span class=\"sa-track-title\">Si elle<\/span><span class=\"sa-track-duration\">03:15<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"05-Lune-dElle-LENFER-OU-LPARADIS-temoin-Demo.mp3\" data-title=\"L\u2019Enfer ou l\u2019Paradis\"><span class=\"sa-track-num\">05<\/span><span class=\"sa-track-title\">L\u2019Enfer ou l\u2019Paradis<\/span><span class=\"sa-track-duration\">03:11<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"06-Lune-dElle-LADULTE-ERRE-temoin-Demo.mp3\" data-title=\"L\u2019Adulte erre\"><span class=\"sa-track-num\">06<\/span><span class=\"sa-track-title\">L\u2019Adulte erre<\/span><span class=\"sa-track-duration\">02:42<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"07-Lune-dElle-JE-MEN-VAIS-temoin-Demo.mp3\" data-title=\"Je m\u2019en vais\"><span class=\"sa-track-num\">07<\/span><span class=\"sa-track-title\">Je m\u2019en vais<\/span><span class=\"sa-track-duration\">02:55<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"08-Lune-dElle-LES-CENT-PAS-temoin-Demo.mp3\" data-title=\"Les Cent Pas\"><span class=\"sa-track-num\">08<\/span><span class=\"sa-track-title\">Les Cent Pas<\/span><span class=\"sa-track-duration\">03:26<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"09-Lune-dElle-LES-BELLES-CHOSES-temoin-Demo.mp3\" data-title=\"Les Belles Choses\"><span class=\"sa-track-num\">09<\/span><span class=\"sa-track-title\">Les Belles Choses<\/span><span class=\"sa-track-duration\">03:20<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"10-Lune-dElle-PARDONNE-MOI-temoin-Demo.mp3\" data-title=\"Pardonne-moi\"><span class=\"sa-track-num\">10<\/span><span class=\"sa-track-title\">Pardonne-moi<\/span><span class=\"sa-track-duration\">02:13<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"11-Lune-dElle-LA-RAZON-Y-EL-CORAZON-temoin-Demo.mp3\" data-title=\"La Razon y el Corazon\"><span class=\"sa-track-num\">11<\/span><span class=\"sa-track-title\">La Razon y el Corazon<\/span><span class=\"sa-track-duration\">04:10<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"12-Lune-dElle-HOMME-AUX-PHOBIES-temoin-Demo.mp3\" data-title=\"Homme aux phobies\"><span class=\"sa-track-num\">12<\/span><span class=\"sa-track-title\">Homme aux phobies<\/span><span class=\"sa-track-duration\">03:37<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"13-Lune-dElle-LES-DAMES-temoin-Demo.mp3\" data-title=\"Les Dames\"><span class=\"sa-track-num\">13<\/span><span class=\"sa-track-title\">Les Dames<\/span><span class=\"sa-track-duration\">04:00<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"14-Lune-dElle-SOEUR-DE-LAME-temoin-Demo.mp3\" data-title=\"Soeur de lame\"><span class=\"sa-track-num\">14<\/span><span class=\"sa-track-title\">Soeur de lame<\/span><span class=\"sa-track-duration\">04:02<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"15-Lune-dElle-PLUS-ENCORE-temoin-Demo.mp3\" data-title=\"Plus encore\"><span class=\"sa-track-num\">15<\/span><span class=\"sa-track-title\">Plus encore<\/span><span class=\"sa-track-duration\">02:54<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"16-Lune-dElle-FUIS-MOI-JE-TE-SUIS-temoin-Demo.mp3\" data-title=\"Fuis-moi je te suis\"><span class=\"sa-track-num\">16<\/span><span class=\"sa-track-title\">Fuis-moi je te suis<\/span><span class=\"sa-track-duration\">04:05<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"17-Lune-dElle-LE-PARTAGE-temoin-Demo.mp3\" data-title=\"Le Partage\"><span class=\"sa-track-num\">17<\/span><span class=\"sa-track-title\">Le Partage<\/span><span class=\"sa-track-duration\">02:52<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"18-Lune-dElle-DE-CETTE-VIE-temoin-Demo.mp3\" data-title=\"De cette vie\"><span class=\"sa-track-num\">18<\/span><span class=\"sa-track-title\">De cette vie<\/span><span class=\"sa-track-duration\">02:40<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"19-Lune-dElle-PAS-GRAND-CHOSE-temoin-Demo.mp3\" data-title=\"Pas grand chose\"><span class=\"sa-track-num\">19<\/span><span class=\"sa-track-title\">Pas grand chose<\/span><span class=\"sa-track-duration\">03:12<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"20-Lune-dElle-ETRE-CE-QUE-LON-ATTEND-DE-TOI-temoin-Demo.mp3\" data-title=\"\u00catre ce que l\u2019on attend de toi\"><span class=\"sa-track-num\">20<\/span><span class=\"sa-track-title\">\u00catre ce que l\u2019on attend de toi<\/span><span class=\"sa-track-duration\">02:19<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"21-Lune-dElle-AINSI-VA-LA-VIE-temoin-Demo.mp3\" data-title=\"Ainsi va la vie\"><span class=\"sa-track-num\">21<\/span><span class=\"sa-track-title\">Ainsi va la vie<\/span><span class=\"sa-track-duration\">03:14<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"22-Lune-dElle-LUNE-DELLE-temoin-Demo.mp3\" data-title=\"Lune d\u2019Elle\"><span class=\"sa-track-num\">22<\/span><span class=\"sa-track-title\">Lune d\u2019Elle<\/span><span class=\"sa-track-duration\">03:19<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"23-Lune-dElle-AVEC-DES-REGRETS-temoin-Demo.mp3\" data-title=\"Avec des regrets\"><span class=\"sa-track-num\">23<\/span><span class=\"sa-track-title\">Avec des regrets<\/span><span class=\"sa-track-duration\">02:57<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"24-Lune-dElle-PAR-LA-FENETRE-temoin-Demo.mp3\" data-title=\"Par la fen\u00eatre\"><span class=\"sa-track-num\">24<\/span><span class=\"sa-track-title\">Par la fen\u00eatre<\/span><span class=\"sa-track-duration\">04:32<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"25-Lune-dElle-UN-MAL-POUR-UN-BIEN-temoin-Demo.mp3\" data-title=\"Un mal pour un bien\"><span class=\"sa-track-num\">25<\/span><span class=\"sa-track-title\">Un mal pour un bien<\/span><span class=\"sa-track-duration\">03:31<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"26-Lune-dElle-PUIS-LE-JOUR-TU-LIGNORES-temoin-Demo.mp3\" data-title=\"Puis le jour tu l\u2019ignores\"><span class=\"sa-track-num\">26<\/span><span class=\"sa-track-title\">Puis le jour tu l\u2019ignores<\/span><span class=\"sa-track-duration\">02:57<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"27-Lune-dElle-LIRONIE-DE-LHISTOIRE-temoin-Demo.mp3\" data-title=\"L\u2019Ironie de l\u2019histoire\"><span class=\"sa-track-num\">27<\/span><span class=\"sa-track-title\">L\u2019Ironie de l\u2019histoire<\/span><span class=\"sa-track-duration\">02:18<\/span><\/button>\n\n          <button class=\"sa-track\" type=\"button\" data-file=\"28-Lune-dElle-JE-NATTENDS-PLUS-temoin-Demo.mp3\" data-title=\"Je n\u2019attends plus\"><span class=\"sa-track-num\">28<\/span><span class=\"sa-track-title\">Je n\u2019attends plus<\/span><span class=\"sa-track-duration\">03:04<\/span><\/button>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"sa-scroll-hint\">\n        <span class=\"sa-scroll-arrow\">\u2193<\/span>\n        Faites d\u00e9filer pour d\u00e9couvrir les 28 titres\n      <\/div>\n\n\n    <\/div>\n\n\n    <aside class=\"sa-audio-side\">\n\n      <span class=\"sa-audio-side-kicker\">\n        \u00c9couter Lune d\u2019Elle\n      <\/span>\n\n      <h3 class=\"sa-audio-side-title\">\n        28 chansons autour d\u2019une histoire d\u2019amour.\n      <\/h3>\n\n      <p class=\"sa-audio-side-text\">\n        Cliquez sur un titre pour le charger dans le lecteur.\n        Les morceaux pr\u00e9sent\u00e9s ici sont des versions d\u00e9mo\n        et des maquettes de travail de la com\u00e9die musicale.\n      <\/p>\n\n      <div class=\"sa-audio-side-rule\"><\/div>\n\n      <div class=\"sa-audio-side-note\">\n\n        <span class=\"sa-audio-side-dot\"><\/span>\n\n        Versions d\u00e9mo \u00b7 streaming uniquement\n\n      <\/div>\n\n    <\/aside>\n\n\n  <\/div>\n\n\n<\/div>\n\n<\/section>\n\n\n<\/div>\n\n\n<script>\n(function(){\n\n  const BASE_URL =\n    \"https:\/\/sandrineaubertin.fr\/wp-content\/uploads\/2026\/10\/\";\n\n\n  document\n    .querySelectorAll(\"[data-audio-album]\")\n    .forEach(function(album){\n\n      const player =\n        document.getElementById(\n          album.getAttribute(\"data-player\")\n        );\n\n      const now =\n        document.getElementById(\n          album.getAttribute(\"data-now\")\n        );\n\n      const state =\n        document.getElementById(\n          album.getAttribute(\"data-state\")\n        );\n\n      const tracks =\n        album.querySelectorAll(\".sa-track\");\n\n\n      tracks.forEach(function(track){\n\n        track.addEventListener(\"click\",function(){\n\n          const file =\n            track.getAttribute(\"data-file\");\n\n          const title =\n            track.getAttribute(\"data-title\");\n\n\n          document\n            .querySelectorAll(\".sa-player-box audio\")\n            .forEach(function(otherPlayer){\n\n              if(otherPlayer !== player){\n                otherPlayer.pause();\n              }\n\n            });\n\n\n          tracks.forEach(function(item){\n            item.classList.remove(\"is-active\");\n          });\n\n\n          track.classList.add(\"is-active\");\n\n\n          player.src =\n            BASE_URL + encodeURI(file);\n\n          player.load();\n\n\n          now.textContent =\n            title;\n\n          state.textContent =\n            \"Titre s\u00e9lectionn\u00e9\";\n\n\n          const playPromise =\n            player.play();\n\n\n          if(playPromise !== undefined){\n\n            playPromise\n              .then(function(){\n\n                state.textContent =\n                  \"Lecture en cours\";\n\n              })\n              .catch(function(){\n\n                state.textContent =\n                  \"Pr\u00eat \u00e0 \u00e9couter\";\n\n              });\n\n          }\n\n        });\n\n      });\n\n\n      player.addEventListener(\"play\",function(){\n        state.textContent = \"Lecture en cours\";\n      });\n\n\n      player.addEventListener(\"pause\",function(){\n\n        if(!player.ended){\n          state.textContent = \"En pause\";\n        }\n\n      });\n\n\n      player.addEventListener(\"ended\",function(){\n        state.textContent = \"Lecture termin\u00e9e\";\n      });\n\n\n      player.addEventListener(\"error\",function(){\n        state.textContent = \"Fichier audio indisponible\";\n      });\n\n    });\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e79600f e-con-full e-flex e-con e-child\" data-id=\"e79600f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55530f8 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"55530f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   PAROLI\u00c8RE \u2014 CHANSONS & COLLABORATIONS\r\n========================================================== *\/\r\n\r\n.sa-songs,\r\n.sa-songs *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.sa-songs{\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n\r\n  padding:70px 6% 76px;\r\n\r\n  background:#FFFFFF;\r\n  color:#242424;\r\n}\r\n\r\n.sa-songs-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   EN-T\u00caTE \u2014 LOGIQUE PAGE LIVRES\r\n========================================================== *\/\r\n\r\n.sa-songs-head{\r\n  display:grid;\r\n\r\n  grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);\r\n\r\n  gap:70px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:38px;\r\n}\r\n\r\n\r\n\/* GAUCHE *\/\r\n\r\n.sa-songs-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 14px;\r\n\r\n  color:#B58A43;\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-songs-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.sa-songs-title{\r\n  max-width:650px;\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.4vw,58px);\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-.018em;\r\n}\r\n\r\n\r\n\/* DROITE *\/\r\n\r\n.sa-songs-head-right{\r\n  max-width:570px;\r\n}\r\n\r\n.sa-songs-intro{\r\n  margin:0 0 19px;\r\n\r\n  color:#66645F;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.75;\r\n}\r\n\r\n.sa-songs-intro strong{\r\n  color:#193B5E;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n.sa-songs-head-note{\r\n  padding:17px 20px 18px;\r\n\r\n  border-left:2px solid #D0AB69;\r\n\r\n  background:#FAF7F1;\r\n}\r\n\r\n.sa-songs-head-note-label{\r\n  display:block;\r\n\r\n  margin-bottom:7px;\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  font-weight:700;\r\n\r\n  letter-spacing:.16em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-songs-head-note-text{\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:21px;\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.2;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   REP\u00c8RES\r\n========================================================== *\/\r\n\r\n.sa-songs-meta{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:18px 38px;\r\n\r\n  margin-bottom:28px;\r\n\r\n  padding:14px 18px;\r\n\r\n  border-left:2px solid #B58A43;\r\n\r\n  background:#FAF7F1;\r\n}\r\n\r\n.sa-songs-meta-item{\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:3px;\r\n}\r\n\r\n.sa-songs-meta-label{\r\n  color:#B58A43;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:7px;\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.sa-songs-meta-value{\r\n  color:#193B5E;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:17px;\r\n\r\n  font-weight:500;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   ZONE AUDIO \u2014 DEUX COLONNES\r\n========================================================== *\/\r\n\r\n.sa-songs-audio-layout{\r\n  display:grid;\r\n\r\n  grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr);\r\n\r\n  gap:28px;\r\n\r\n  align-items:start;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   PLAYER\r\n========================================================== *\/\r\n\r\n.sa-songs-player{\r\n  margin:0 0 21px;\r\n\r\n  padding:19px 22px 20px;\r\n\r\n  background:#193B5E;\r\n}\r\n\r\n.sa-songs-player-head{\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n  align-items:flex-end;\r\n\r\n  gap:20px;\r\n\r\n  margin-bottom:13px;\r\n}\r\n\r\n.sa-songs-player-kicker{\r\n  display:block;\r\n\r\n  margin-bottom:4px;\r\n\r\n  color:#D0AB69;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.15em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-songs-player-title{\r\n  margin:0;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:23px;\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.1;\r\n}\r\n\r\n.sa-songs-player-state{\r\n  color:rgba(255,255,255,.60);\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:7.5px;\r\n\r\n  font-weight:600;\r\n\r\n  letter-spacing:.12em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-songs-player audio{\r\n  display:block;\r\n\r\n  width:100%;\r\n  height:42px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   PLAYLIST\r\n========================================================== *\/\r\n\r\n.sa-songs-list-head{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  margin:0 0 9px;\r\n}\r\n\r\n.sa-songs-list-head h3{\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:22px;\r\n\r\n  font-weight:500;\r\n}\r\n\r\n.sa-songs-count{\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:.13em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-songs-list-wrap{\r\n  border-top:1px solid rgba(25,59,94,.10);\r\n  border-bottom:1px solid rgba(25,59,94,.10);\r\n\r\n  background:#F8F8F6;\r\n}\r\n\r\n.sa-songs-list{\r\n  max-height:360px;\r\n\r\n  overflow-y:auto;\r\n  overflow-x:hidden;\r\n\r\n  scrollbar-width:thin;\r\n\r\n  scrollbar-color:#B58A43 rgba(25,59,94,.06);\r\n}\r\n\r\n.sa-songs-list::-webkit-scrollbar{\r\n  width:7px;\r\n}\r\n\r\n.sa-songs-list::-webkit-scrollbar-track{\r\n  background:rgba(25,59,94,.05);\r\n}\r\n\r\n.sa-songs-list::-webkit-scrollbar-thumb{\r\n  background:#B58A43;\r\n\r\n  border-radius:8px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TITRES CLIQUABLES\r\n========================================================== *\/\r\n\r\n.sa-song{\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  width:100%;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    38px\r\n    minmax(0,1fr)\r\n    78px\r\n    48px;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  min-height:56px;\r\n\r\n  margin:0;\r\n\r\n  padding:8px 11px;\r\n\r\n  border:0;\r\n  border-bottom:1px solid rgba(25,59,94,.075);\r\n  border-left:2px solid transparent;\r\n\r\n  background:#FFFFFF;\r\n\r\n  text-align:left;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.18s ease;\r\n}\r\n\r\n.sa-song:nth-child(even){\r\n  background:#FCFBF8;\r\n}\r\n\r\n.sa-song:hover,\r\n.sa-song.is-active{\r\n  background:#FFFFFF;\r\n\r\n  border-left-color:#D0AB69;\r\n}\r\n\r\n.sa-song-num{\r\n  color:#B58A43;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:8.5px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.11em;\r\n}\r\n\r\n.sa-song-main{\r\n  min-width:0;\r\n}\r\n\r\n.sa-song-title{\r\n  display:block;\r\n\r\n  margin-bottom:2px;\r\n\r\n  color:#193B5E;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:11.5px;\r\n\r\n  font-weight:600;\r\n\r\n  line-height:1.3;\r\n}\r\n\r\n.sa-song-artist{\r\n  display:block;\r\n\r\n  color:#7A7874;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1.35;\r\n}\r\n\r\n.sa-song-version{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  min-width:68px;\r\n\r\n  padding:5px 7px;\r\n\r\n  border:1px solid rgba(181,138,67,.22);\r\n\r\n  color:#B08D57;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:7px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.07em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  white-space:nowrap;\r\n}\r\n\r\n.sa-song-duration{\r\n  text-align:right;\r\n\r\n  color:#8A8986;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:9px;\r\n}\r\n\r\n.sa-song.is-active .sa-song-title{\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   INDICATION D\u00c9FILEMENT\r\n========================================================== *\/\r\n\r\n.sa-songs-scroll{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  margin-top:10px;\r\n\r\n  color:#77746F;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:8.5px;\r\n}\r\n\r\n.sa-songs-scroll span{\r\n  color:#B58A43;\r\n\r\n  font-size:14px;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   BLOC \u00c9DITORIAL \u00c0 DROITE\r\n========================================================== *\/\r\n\r\n.sa-songs-side{\r\n  padding:22px 22px 23px;\r\n\r\n  border-left:2px solid #D0AB69;\r\n\r\n  background:#FAF7F1;\r\n}\r\n\r\n.sa-songs-side-kicker{\r\n  display:block;\r\n\r\n  margin-bottom:10px;\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:.16em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-songs-side-title{\r\n  margin:0 0 13px;\r\n\r\n  color:#193B5E;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:26px;\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.12;\r\n}\r\n\r\n.sa-songs-side-text{\r\n  margin:0;\r\n\r\n  color:#696762;\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.sa-songs-side-rule{\r\n  width:38px;\r\n  height:1px;\r\n\r\n  margin:18px 0;\r\n\r\n  background:#D0AB69;\r\n}\r\n\r\n.sa-songs-side-note{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:#294F77;\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\r\n.sa-songs-side-dot{\r\n  width:5px;\r\n  height:5px;\r\n\r\n  flex:0 0 5px;\r\n\r\n  background:#B58A43;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.sa-songs-side-small{\r\n  margin:17px 0 0;\r\n\r\n  color:#85817C;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:9.5px;\r\n\r\n  line-height:1.6;\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  .sa-songs{\r\n    padding:62px 28px 68px;\r\n  }\r\n\r\n  .sa-songs-head{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:28px;\r\n  }\r\n\r\n  .sa-songs-head-right{\r\n    max-width:700px;\r\n  }\r\n\r\n  .sa-songs-audio-layout{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .sa-songs-side{\r\n    max-width:700px;\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  .sa-songs{\r\n    padding:56px 20px 61px;\r\n  }\r\n\r\n  .sa-songs-title{\r\n    font-size:41px;\r\n  }\r\n\r\n  .sa-songs-player-head{\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n\r\n    gap:6px;\r\n  }\r\n\r\n  .sa-songs-list{\r\n    max-height:340px;\r\n  }\r\n\r\n  .sa-song{\r\n    grid-template-columns:\r\n      29px\r\n      minmax(0,1fr)\r\n      43px;\r\n\r\n    gap:7px;\r\n\r\n    padding:8px 7px;\r\n  }\r\n\r\n  .sa-song-version{\r\n    grid-column:2 \/ 3;\r\n\r\n    justify-self:start;\r\n\r\n    min-width:auto;\r\n\r\n    margin-top:2px;\r\n  }\r\n\r\n  .sa-song-duration{\r\n    grid-column:3 \/ 4;\r\n    grid-row:1 \/ 3;\r\n\r\n    align-self:center;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sa-songs\">\r\n\r\n<div class=\"sa-songs-inner\">\r\n\r\n\r\n<!-- ==========================================================\r\n     INTRO\r\n========================================================== -->\r\n\r\n<header class=\"sa-songs-head\">\r\n\r\n\r\n  <div>\r\n\r\n    <div class=\"sa-songs-kicker\">\r\n      Chansons &amp; collaborations\r\n    <\/div>\r\n\r\n    <h2 class=\"sa-songs-title\">\r\n      D\u2019autres histoires en musique.\r\n    <\/h2>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"sa-songs-head-right\">\r\n\r\n    <p class=\"sa-songs-intro\">\r\n      <strong>Une chanson peut aussi na\u00eetre d\u2019une rencontre.<\/strong>\r\n      En dehors de mes com\u00e9dies musicales,\r\n      j\u2019ai \u00e9crit pour diff\u00e9rents univers et diff\u00e9rentes collaborations,\r\n      avec une m\u00eame attention port\u00e9e aux mots,\r\n      \u00e0 l\u2019\u00e9motion et \u00e0 la place laiss\u00e9e \u00e0 la musique.\r\n    <\/p>\r\n\r\n\r\n    <div class=\"sa-songs-head-note\">\r\n\r\n      <span class=\"sa-songs-head-note-label\">\r\n        Portfolio\r\n      <\/span>\r\n\r\n      <p class=\"sa-songs-head-note-text\">\r\n        28 chansons, entre versions d\u00e9mo,\r\n        radio edits et collaborations artistiques.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n<\/header>\r\n\r\n\r\n<!-- ==========================================================\r\n     REP\u00c8RES\r\n========================================================== -->\r\n\r\n<div class=\"sa-songs-meta\">\r\n\r\n\r\n  <div class=\"sa-songs-meta-item\">\r\n\r\n    <span class=\"sa-songs-meta-label\">\r\n      Paroles\r\n    <\/span>\r\n\r\n    <span class=\"sa-songs-meta-value\">\r\n      Sandrine Aubertin\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"sa-songs-meta-item\">\r\n\r\n    <span class=\"sa-songs-meta-label\">\r\n      Portfolio\r\n    <\/span>\r\n\r\n    <span class=\"sa-songs-meta-value\">\r\n      28 chansons\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"sa-songs-meta-item\">\r\n\r\n    <span class=\"sa-songs-meta-label\">\r\n      Formats\r\n    <\/span>\r\n\r\n    <span class=\"sa-songs-meta-value\">\r\n      D\u00e9mo \u00b7 Radio Edit\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ==========================================================\r\n     AUDIO\r\n========================================================== -->\r\n\r\n<div\r\n  class=\"sa-songs-audio-layout\"\r\n  data-songs-player\r\n>\r\n\r\n\r\n<!-- GAUCHE -->\r\n\r\n<div class=\"sa-songs-main\">\r\n\r\n\r\n  <div class=\"sa-songs-player\">\r\n\r\n\r\n    <div class=\"sa-songs-player-head\">\r\n\r\n      <div>\r\n\r\n        <span class=\"sa-songs-player-kicker\">\r\n          En \u00e9coute\r\n        <\/span>\r\n\r\n        <h3\r\n          class=\"sa-songs-player-title\"\r\n          id=\"sa-song-now\"\r\n        >\r\n          Une derni\u00e8re fois\r\n        <\/h3>\r\n\r\n      <\/div>\r\n\r\n\r\n      <span\r\n        class=\"sa-songs-player-state\"\r\n        id=\"sa-song-state\"\r\n      >\r\n        Cliquez sur un titre\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <audio\r\n      id=\"sa-song-player\"\r\n      controls\r\n      preload=\"metadata\"\r\n      controlsList=\"nodownload noplaybackrate\"\r\n      oncontextmenu=\"return false;\"\r\n      src=\"https:\/\/sandrineaubertin.fr\/wp-content\/uploads\/2026\/10\/Eric-Miller-une-derniere-fois.mp3\"\r\n    >\r\n    <\/audio>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"sa-songs-list-head\">\r\n\r\n    <h3>\r\n      Chansons\r\n    <\/h3>\r\n\r\n    <span class=\"sa-songs-count\">\r\n      28 titres\r\n    <\/span>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"sa-songs-list-wrap\">\r\n\r\n    <div class=\"sa-songs-list\">\r\n\r\n\r\n      <button class=\"sa-song is-active\" type=\"button\"\r\n        data-file=\"Eric-Miller-une-derniere-fois.mp3\"\r\n        data-title=\"Une derni\u00e8re fois\">\r\n        <span class=\"sa-song-num\">01<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Une derni\u00e8re fois<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:18<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Michael-Matthewson-Totem-Waya.mp3\"\r\n        data-title=\"Totem (Waya)\">\r\n        <span class=\"sa-song-num\">02<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Totem (Waya)<\/span>\r\n          <span class=\"sa-song-artist\">Micha\u00ebl Matthewson<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">Radio Edit<\/span>\r\n        <span class=\"sa-song-duration\">03:53<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Mathilde-Chardon-Si-je-manque-dun-pere.mp3\"\r\n        data-title=\"Si je manque d\u2019un p\u00e8re\">\r\n        <span class=\"sa-song-num\">03<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Si je manque d\u2019un p\u00e8re<\/span>\r\n          <span class=\"sa-song-artist\">Mathilde Chardon<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">Radio Edit<\/span>\r\n        <span class=\"sa-song-duration\">02:54<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-feat-Mathilde-Chardon-Je-nose-pas.mp3\"\r\n        data-title=\"Je n\u2019ose pas\">\r\n        <span class=\"sa-song-num\">04<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Je n\u2019ose pas<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller feat. Mathilde Chardon<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">02:58<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Agnieska-Joffrey-B-Des-tas-de-choses.mp3\"\r\n        data-title=\"Des tas de choses\">\r\n        <span class=\"sa-song-num\">05<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Des tas de choses<\/span>\r\n          <span class=\"sa-song-artist\">Agnieska &amp; Joffrey B<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">Radio Edit<\/span>\r\n        <span class=\"sa-song-duration\">03:32<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Joffrey-B-Sous-la-lune.mp3\"\r\n        data-title=\"Sous la lune\">\r\n        <span class=\"sa-song-num\">06<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Sous la lune<\/span>\r\n          <span class=\"sa-song-artist\">Joffrey B<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">Radio Edit<\/span>\r\n        <span class=\"sa-song-duration\">03:30<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Joffrey-B-Rien-Que-Des-Hommes.mp3\"\r\n        data-title=\"Rien que des hommes\">\r\n        <span class=\"sa-song-num\">07<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Rien que des hommes<\/span>\r\n          <span class=\"sa-song-artist\">Joffrey B<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">Radio Edit<\/span>\r\n        <span class=\"sa-song-duration\">03:04<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Agnieska-Netre-quelle.mp3\"\r\n        data-title=\"N\u2019\u00eatre qu\u2019elle\">\r\n        <span class=\"sa-song-num\">08<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">N\u2019\u00eatre qu\u2019elle<\/span>\r\n          <span class=\"sa-song-artist\">Agnieska<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">Radio Edit<\/span>\r\n        <span class=\"sa-song-duration\">04:20<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Joffrey-B-Par-La-Fenetre.mp3\"\r\n        data-title=\"Par la fen\u00eatre\">\r\n        <span class=\"sa-song-num\">09<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Par la fen\u00eatre<\/span>\r\n          <span class=\"sa-song-artist\">Joffrey B<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">Radio Edit<\/span>\r\n        <span class=\"sa-song-duration\">04:32<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Joffrey-B-Et-Puis-La-Vie.mp3\"\r\n        data-title=\"Et puis la vie\">\r\n        <span class=\"sa-song-num\">10<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Et puis la vie<\/span>\r\n          <span class=\"sa-song-artist\">Joffrey B<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">Radio Edit<\/span>\r\n        <span class=\"sa-song-duration\">03:08<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Cest-de-lor.mp3\"\r\n        data-title=\"C\u2019est de l\u2019or\">\r\n        <span class=\"sa-song-num\">11<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">C\u2019est de l\u2019or<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:24<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Ne-sois-pas-comme.mp3\"\r\n        data-title=\"Ne sois pas comme\">\r\n        <span class=\"sa-song-num\">12<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Ne sois pas comme<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:31<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Ne-tombe-pas.mp3\"\r\n        data-title=\"Ne tombe pas\">\r\n        <span class=\"sa-song-num\">13<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Ne tombe pas<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:59<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-La-vie-nest-rien.mp3\"\r\n        data-title=\"La vie n\u2019est rien\">\r\n        <span class=\"sa-song-num\">14<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">La vie n\u2019est rien<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">04:02<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Les-regrets-dansent.mp3\"\r\n        data-title=\"Les regrets dansent\">\r\n        <span class=\"sa-song-num\">15<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Les regrets dansent<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:47<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Autour-de-moi.mp3\"\r\n        data-title=\"Autour de moi\">\r\n        <span class=\"sa-song-num\">16<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Autour de moi<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">04:10<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Sur-terre.mp3\"\r\n        data-title=\"Sur terre\">\r\n        <span class=\"sa-song-num\">17<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Sur terre<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:46<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Quero-O-Bahia.mp3\"\r\n        data-title=\"Quero O Bahia\">\r\n        <span class=\"sa-song-num\">18<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Quero O Bahia<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">04:17<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Face-a-toi.mp3\"\r\n        data-title=\"Face \u00e0 toi\">\r\n        <span class=\"sa-song-num\">19<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Face \u00e0 toi<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:52<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-On-adore-puis-un-jour.mp3\"\r\n        data-title=\"On adore puis un jour\">\r\n        <span class=\"sa-song-num\">20<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">On adore puis un jour<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">04:34<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Vivre-et-courir.mp3\"\r\n        data-title=\"Vivre et courir\">\r\n        <span class=\"sa-song-num\">21<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Vivre et courir<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:13<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Entre-temps.mp3\"\r\n        data-title=\"Entre temps\">\r\n        <span class=\"sa-song-num\">22<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Entre temps<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:44<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Mathilde-Chardon-et-Joffrey-B-Une-chanson-pour-Marion.mp3\"\r\n        data-title=\"Une chanson pour Marion\">\r\n        <span class=\"sa-song-num\">23<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Une chanson pour Marion<\/span>\r\n          <span class=\"sa-song-artist\">Mathilde Chardon et Joffrey B<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">Radio Edit<\/span>\r\n        <span class=\"sa-song-duration\">02:34<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-De-la.mp3\"\r\n        data-title=\"De l\u00e0\">\r\n        <span class=\"sa-song-num\">24<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">De l\u00e0<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">04:03<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Cest-a-toi-que-je-pense.mp3\"\r\n        data-title=\"C\u2019est \u00e0 toi que je pense\">\r\n        <span class=\"sa-song-num\">25<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">C\u2019est \u00e0 toi que je pense<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">04:45<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Tout-ce-que-tu-vois.mp3\"\r\n        data-title=\"Tout ce que tu vois\">\r\n        <span class=\"sa-song-num\">26<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Tout ce que tu vois<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:48<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Eric-Miller-Le-monde-na-pas-dailleurs.mp3\"\r\n        data-title=\"Le monde n\u2019a pas d\u2019ailleurs\">\r\n        <span class=\"sa-song-num\">27<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Le monde n\u2019a pas d\u2019ailleurs<\/span>\r\n          <span class=\"sa-song-artist\">Eric Miller<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">D\u00e9mo<\/span>\r\n        <span class=\"sa-song-duration\">03:12<\/span>\r\n      <\/button>\r\n\r\n\r\n      <button class=\"sa-song\" type=\"button\"\r\n        data-file=\"Benjamin-Bocconi-Les-lumieres.mp3\"\r\n        data-title=\"Les lumi\u00e8res\">\r\n        <span class=\"sa-song-num\">28<\/span>\r\n        <span class=\"sa-song-main\">\r\n          <span class=\"sa-song-title\">Les lumi\u00e8res<\/span>\r\n          <span class=\"sa-song-artist\">Benjamin Bocconi<\/span>\r\n        <\/span>\r\n        <span class=\"sa-song-version\">Radio Edit<\/span>\r\n        <span class=\"sa-song-duration\">06:03<\/span>\r\n      <\/button>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <div class=\"sa-songs-scroll\">\r\n\r\n    <span>\u2193<\/span>\r\n\r\n    Faites d\u00e9filer pour d\u00e9couvrir les 28 chansons\r\n\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<!-- DROITE -->\r\n\r\n<aside class=\"sa-songs-side\">\r\n\r\n  <span class=\"sa-songs-side-kicker\">\r\n    \u00c9couter une s\u00e9lection\r\n  <\/span>\r\n\r\n  <h3 class=\"sa-songs-side-title\">\r\n    Des textes \u00e9crits pour diff\u00e9rentes voix.\r\n  <\/h3>\r\n\r\n  <p class=\"sa-songs-side-text\">\r\n    Chaque titre correspond \u00e0 une collaboration\r\n    ou \u00e0 une version de travail diff\u00e9rente.\r\n    Cliquez sur une chanson pour la charger dans le lecteur\r\n    et d\u00e9couvrir la couleur musicale associ\u00e9e au texte.\r\n  <\/p>\r\n\r\n  <div class=\"sa-songs-side-rule\"><\/div>\r\n\r\n  <div class=\"sa-songs-side-note\">\r\n\r\n    <span class=\"sa-songs-side-dot\"><\/span>\r\n\r\n    Streaming uniquement\r\n\r\n  <\/div>\r\n\r\n  <p class=\"sa-songs-side-small\">\r\n    Les noms indiqu\u00e9s correspondent aux artistes\r\n    ou collaborations figurant sur les versions pr\u00e9sent\u00e9es.\r\n  <\/p>\r\n\r\n<\/aside>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const BASE_URL =\r\n    \"https:\/\/sandrineaubertin.fr\/wp-content\/uploads\/2026\/10\/\";\r\n\r\n\r\n  const wrapper =\r\n    document.querySelector(\"[data-songs-player]\");\r\n\r\n  if(!wrapper){\r\n    return;\r\n  }\r\n\r\n\r\n  const player =\r\n    document.getElementById(\"sa-song-player\");\r\n\r\n  const now =\r\n    document.getElementById(\"sa-song-now\");\r\n\r\n  const state =\r\n    document.getElementById(\"sa-song-state\");\r\n\r\n  const tracks =\r\n    wrapper.querySelectorAll(\".sa-song\");\r\n\r\n\r\n  tracks.forEach(function(track){\r\n\r\n    track.addEventListener(\"click\",function(){\r\n\r\n      const file =\r\n        track.getAttribute(\"data-file\");\r\n\r\n      const title =\r\n        track.getAttribute(\"data-title\");\r\n\r\n\r\n      document\r\n        .querySelectorAll(\"audio\")\r\n        .forEach(function(otherPlayer){\r\n\r\n          if(otherPlayer !== player){\r\n            otherPlayer.pause();\r\n          }\r\n\r\n        });\r\n\r\n\r\n      tracks.forEach(function(item){\r\n        item.classList.remove(\"is-active\");\r\n      });\r\n\r\n\r\n      track.classList.add(\"is-active\");\r\n\r\n\r\n      player.src =\r\n        BASE_URL + encodeURI(file);\r\n\r\n      player.load();\r\n\r\n\r\n      now.textContent =\r\n        title;\r\n\r\n      state.textContent =\r\n        \"Titre s\u00e9lectionn\u00e9\";\r\n\r\n\r\n      const playPromise =\r\n        player.play();\r\n\r\n\r\n      if(playPromise !== undefined){\r\n\r\n        playPromise\r\n          .then(function(){\r\n\r\n            state.textContent =\r\n              \"Lecture en cours\";\r\n\r\n          })\r\n          .catch(function(){\r\n\r\n            state.textContent =\r\n              \"Pr\u00eat \u00e0 \u00e9couter\";\r\n\r\n          });\r\n\r\n      }\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  player.addEventListener(\"play\",function(){\r\n\r\n    state.textContent =\r\n      \"Lecture en cours\";\r\n\r\n  });\r\n\r\n\r\n  player.addEventListener(\"pause\",function(){\r\n\r\n    if(!player.ended){\r\n\r\n      state.textContent =\r\n        \"En pause\";\r\n\r\n    }\r\n\r\n  });\r\n\r\n\r\n  player.addEventListener(\"ended\",function(){\r\n\r\n    state.textContent =\r\n      \"Lecture termin\u00e9e\";\r\n\r\n  });\r\n\r\n\r\n  player.addEventListener(\"error\",function(){\r\n\r\n    state.textContent =\r\n      \"Fichier audio indisponible\";\r\n\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1231443 e-con-full e-flex e-con e-child\" data-id=\"1231443\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cab132d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"cab132d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   PAGE PAROLI\u00c8RE \u2014 MON \u00c9CRITURE\r\n   VERSION \u00c9DITORIALE LAT\u00c9RALE\r\n========================================================== *\/\r\n\r\n.sa-writing,\r\n.sa-writing *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.sa-writing{\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n\r\n  padding:70px 6% 74px;\r\n\r\n  background:#FAF7F1;\r\n  color:#242424;\r\n}\r\n\r\n.sa-writing-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   EN-T\u00caTE \u2014 M\u00caME LOGIQUE QUE LIVRES\r\n========================================================== *\/\r\n\r\n.sa-writing-head{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.02fr)\r\n    minmax(380px,.98fr);\r\n\r\n  gap:72px;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:42px;\r\n}\r\n\r\n\r\n\/* GAUCHE *\/\r\n\r\n.sa-writing-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n\r\n  margin:0 0 14px;\r\n\r\n  color:#B58A43;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-writing-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.sa-writing-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.4vw,58px);\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-.018em;\r\n}\r\n\r\n\r\n\/* DROITE *\/\r\n\r\n.sa-writing-head-right{\r\n  max-width:570px;\r\n}\r\n\r\n.sa-writing-intro{\r\n  margin:0 0 19px;\r\n\r\n  color:#66645F;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.75;\r\n}\r\n\r\n.sa-writing-intro strong{\r\n  color:#193B5E;\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* PETIT ENCADR\u00c9 *\/\r\n\r\n.sa-writing-note{\r\n  padding:17px 20px 18px;\r\n\r\n  border-left:2px solid #D0AB69;\r\n\r\n  background:#FFFFFF;\r\n}\r\n\r\n.sa-writing-note-label{\r\n  display:block;\r\n\r\n  margin-bottom:7px;\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:.16em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-writing-note-text{\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:21px;\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.2;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   3 AXES\r\n========================================================== *\/\r\n\r\n.sa-writing-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:18px;\r\n}\r\n\r\n.sa-writing-card{\r\n  position:relative;\r\n\r\n  min-height:265px;\r\n\r\n  padding:32px 27px 29px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  border:1px solid rgba(181,138,67,.17);\r\n\r\n  box-shadow:0 12px 28px rgba(25,59,94,.028);\r\n}\r\n\r\n.sa-writing-card::before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:27px;\r\n\r\n  width:40px;\r\n  height:2px;\r\n\r\n  background:#B58A43;\r\n}\r\n\r\n.sa-writing-num{\r\n  display:block;\r\n\r\n  margin-bottom:22px;\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:.17em;\r\n}\r\n\r\n.sa-writing-card h3{\r\n  margin:0 0 13px;\r\n\r\n  color:#193B5E;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:28px;\r\n\r\n  font-weight:500;\r\n\r\n  line-height:1.07;\r\n}\r\n\r\n.sa-writing-card p{\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:12px;\r\n\r\n  line-height:1.72;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   PHRASE SIGNATURE \u2014 PLUS \u00c9DITORIALE\r\n========================================================== *\/\r\n\r\n.sa-writing-signature{\r\n  display:grid;\r\n\r\n  grid-template-columns:150px minmax(0,1fr);\r\n\r\n  gap:28px;\r\n\r\n  align-items:center;\r\n\r\n  max-width:900px;\r\n\r\n  margin:38px auto 0;\r\n\r\n  padding:22px 26px;\r\n\r\n  border-top:1px solid rgba(181,138,67,.24);\r\n  border-bottom:1px solid rgba(181,138,67,.24);\r\n}\r\n\r\n.sa-writing-signature-label{\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:.16em;\r\n\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-writing-signature p{\r\n  margin:0;\r\n\r\n  color:#294F77;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n\r\n  font-size:23px;\r\n\r\n  font-style:italic;\r\n\r\n  font-weight:400;\r\n\r\n  line-height:1.4;\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  .sa-writing{\r\n    padding:62px 28px 68px;\r\n  }\r\n\r\n  .sa-writing-head{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:28px;\r\n  }\r\n\r\n  .sa-writing-head-right{\r\n    max-width:700px;\r\n  }\r\n\r\n  .sa-writing-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .sa-writing-card{\r\n    min-height:auto;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  .sa-writing{\r\n    padding:56px 20px 61px;\r\n  }\r\n\r\n  .sa-writing-title{\r\n    font-size:41px;\r\n  }\r\n\r\n  .sa-writing-card{\r\n    padding:30px 24px 27px;\r\n  }\r\n\r\n  .sa-writing-card h3{\r\n    font-size:27px;\r\n  }\r\n\r\n  .sa-writing-signature{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:9px;\r\n\r\n    padding:20px 0;\r\n  }\r\n\r\n  .sa-writing-signature p{\r\n    font-size:21px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sa-writing\">\r\n\r\n  <div class=\"sa-writing-inner\">\r\n\r\n\r\n    <!-- =================================================\r\n         INTRO\r\n    ================================================== -->\r\n\r\n    <header class=\"sa-writing-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <div class=\"sa-writing-kicker\">\r\n          Mon \u00e9criture\r\n        <\/div>\r\n\r\n        <h2 class=\"sa-writing-title\">\r\n          Trouver les mots qui sonnent juste.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"sa-writing-head-right\">\r\n\r\n        <p class=\"sa-writing-intro\">\r\n          <strong>J\u2019aime une \u00e9criture accessible, directe et sensible.<\/strong>\r\n          Des mots qui peuvent sembler simples,\r\n          mais dont la place, le rythme et l\u2019intention\r\n          doivent servir \u00e0 la fois l\u2019histoire,\r\n          l\u2019\u00e9motion et la musique.\r\n        <\/p>\r\n\r\n\r\n        <div class=\"sa-writing-note\">\r\n\r\n          <span class=\"sa-writing-note-label\">\r\n            Une ligne d\u2019\u00e9criture\r\n          <\/span>\r\n\r\n          <p class=\"sa-writing-note-text\">\r\n            Dire simplement, sans appauvrir.\r\n            Laisser une place \u00e0 la voix, au rythme et au silence.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/header>\r\n\r\n\r\n    <!-- =================================================\r\n         3 AXES\r\n    ================================================== -->\r\n\r\n    <div class=\"sa-writing-grid\">\r\n\r\n\r\n      <article class=\"sa-writing-card\">\r\n\r\n        <span class=\"sa-writing-num\">\r\n          01\r\n        <\/span>\r\n\r\n        <h3>\r\n          Des mots simples\r\n        <\/h3>\r\n\r\n        <p>\r\n          Je ne cherche pas la complexit\u00e9 pour elle-m\u00eame.\r\n          J\u2019aime les mots que l\u2019on comprend imm\u00e9diatement,\r\n          ceux qui trouvent naturellement leur place\r\n          et peuvent \u00eatre port\u00e9s par une voix.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"sa-writing-card\">\r\n\r\n        <span class=\"sa-writing-num\">\r\n          02\r\n        <\/span>\r\n\r\n        <h3>\r\n          Une \u00e9motion, une histoire\r\n        <\/h3>\r\n\r\n        <p>\r\n          Une chanson peut raconter une rencontre,\r\n          une absence, un espoir, une blessure,\r\n          un choix ou un instant de vie.\r\n          Derri\u00e8re les paroles, il doit toujours rester\r\n          quelque chose \u00e0 ressentir ou \u00e0 raconter.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"sa-writing-card\">\r\n\r\n        <span class=\"sa-writing-num\">\r\n          03\r\n        <\/span>\r\n\r\n        <h3>\r\n          Laisser parler la musique\r\n        <\/h3>\r\n\r\n        <p>\r\n          Les paroles ne doivent pas prendre toute la place.\r\n          Elles doivent pouvoir respirer,\r\n          suivre un rythme et laisser \u00e0 la m\u00e9lodie,\r\n          \u00e0 l\u2019interpr\u00e9tation et aux silences\r\n          leur propre part d\u2019\u00e9motion.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         SIGNATURE\r\n    ================================================== -->\r\n\r\n    <div class=\"sa-writing-signature\">\r\n\r\n      <span class=\"sa-writing-signature-label\">\r\n        Ma mani\u00e8re d\u2019\u00e9crire\r\n      <\/span>\r\n\r\n      <p>\r\n        J\u2019\u00e9cris des mots simples, pos\u00e9s \u00e0 leur juste place,\r\n        pens\u00e9s pour la musique, afin de raconter une \u00e9motion,\r\n        une histoire et d\u2019exprimer ce que l\u2019on ne sait pas toujours dire.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b5fdf2 e-con-full e-flex e-con e-child\" data-id=\"9b5fdf2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e5cdc33 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e5cdc33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==========================================================\r\n   PAGE PAROLI\u00c8RE \u2014 \u00c9CRIRE POUR UN PROJET\r\n========================================================== *\/\r\n\r\n.sa-project,\r\n.sa-project *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.sa-project{\r\n  width:100vw;\r\n  margin-left:calc(50% - 50vw);\r\n\r\n  padding:68px 6% 72px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      110deg,\r\n      #0B2742 0%,\r\n      #102C48 62%,\r\n      #193B5E 100%\r\n    );\r\n\r\n  color:#FFFFFF;\r\n}\r\n\r\n.sa-project-inner{\r\n  width:100%;\r\n  max-width:1180px;\r\n  margin:0 auto;\r\n\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1.12fr) minmax(320px,.68fr);\r\n\r\n  gap:72px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   COLONNE GAUCHE\r\n========================================================== *\/\r\n\r\n.sa-project-content{\r\n  max-width:700px;\r\n}\r\n\r\n\r\n\/* SURTITRE *\/\r\n\r\n.sa-project-kicker{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n\r\n  margin:0 0 14px;\r\n\r\n  color:#D0AB69;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n  font-size:8.5px;\r\n  font-weight:700;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.sa-project-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\/* TITRE *\/\r\n\r\n.sa-project-title{\r\n  max-width:620px;\r\n\r\n  margin:0 0 18px;\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:\"Cormorant Garamond\",Georgia,serif;\r\n  font-size:clamp(42px,4.4vw,58px);\r\n  font-weight:500;\r\n  line-height:1.02;\r\n  letter-spacing:-.018em;\r\n}\r\n\r\n\r\n\/* TEXTE *\/\r\n\r\n.sa-project-text{\r\n  max-width:650px;\r\n\r\n  margin:0;\r\n\r\n  color:rgba(255,255,255,.72);\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n  font-size:13px;\r\n  line-height:1.75;\r\n}\r\n\r\n.sa-project-text strong{\r\n  color:#FFFFFF;\r\n  font-weight:600;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TYPES DE PROJETS\r\n========================================================== *\/\r\n\r\n.sa-project-types{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n\r\n  gap:7px;\r\n\r\n  margin-top:24px;\r\n}\r\n\r\n.sa-project-type{\r\n  padding:7px 10px;\r\n\r\n  border:1px solid rgba(208,171,105,.27);\r\n\r\n  color:#D0AB69;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n  font-size:7.5px;\r\n  font-weight:700;\r\n  letter-spacing:.09em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   CARTE CONTACT\r\n========================================================== *\/\r\n\r\n.sa-project-card{\r\n  position:relative;\r\n\r\n  padding:29px 28px 30px;\r\n\r\n  background:#FAF7F1;\r\n\r\n  border-left:2px solid #D0AB69;\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.sa-project-card-small{\r\n  display:block;\r\n\r\n  margin-bottom:8px;\r\n\r\n  color:#B58A43;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n  font-size:7.5px;\r\n  font-weight:700;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\r\n\/* TITRE *\/\r\n\r\n.sa-project-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  font-size:30px;\r\n  font-weight:500;\r\n  line-height:1.06;\r\n}\r\n\r\n\r\n\/* TEXTE *\/\r\n\r\n.sa-project-card p{\r\n  margin:0;\r\n\r\n  color:#68655F;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n  font-size:11.5px;\r\n  line-height:1.68;\r\n}\r\n\r\n\r\n\/* PETITE S\u00c9PARATION *\/\r\n\r\n.sa-project-card-rule{\r\n  width:38px;\r\n  height:1px;\r\n\r\n  margin:18px 0;\r\n\r\n  background:#D0AB69;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   BOUTON\r\n========================================================== *\/\r\n\r\n.sa-project-btn{\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  border:1px solid #193B5E;\r\n\r\n  color:#FFFFFF !important;\r\n\r\n  text-decoration:none !important;\r\n\r\n  font-family:\"Inter\",Arial,sans-serif;\r\n  font-size:8px;\r\n  font-weight:700;\r\n  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n.sa-project-btn::after{\r\n  content:\"\u203a\";\r\n\r\n  color:#D0AB69;\r\n\r\n  font-family:Georgia,serif;\r\n  font-size:18px;\r\n  font-weight:400;\r\n  line-height:1;\r\n}\r\n\r\n.sa-project-btn:hover{\r\n  background:#B58A43;\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.sa-project-btn:hover::after{\r\n  color:#FFFFFF;\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   TABLETTE\r\n========================================================== *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .sa-project{\r\n    padding:62px 28px 66px;\r\n  }\r\n\r\n  .sa-project-inner{\r\n    grid-template-columns:1fr;\r\n    gap:34px;\r\n  }\r\n\r\n  .sa-project-card{\r\n    max-width:620px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n========================================================== *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  .sa-project{\r\n    padding:54px 20px 58px;\r\n  }\r\n\r\n  .sa-project-title{\r\n    font-size:40px;\r\n  }\r\n\r\n  .sa-project-text{\r\n    font-size:12.5px;\r\n  }\r\n\r\n  .sa-project-card{\r\n    padding:25px 23px 26px;\r\n  }\r\n\r\n  .sa-project-card h3{\r\n    font-size:28px;\r\n  }\r\n\r\n  .sa-project-btn{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"sa-project\">\r\n\r\n  <div class=\"sa-project-inner\">\r\n\r\n\r\n    <!-- =================================================\r\n         GAUCHE\r\n    ================================================== -->\r\n\r\n    <div class=\"sa-project-content\">\r\n\r\n      <div class=\"sa-project-kicker\">\r\n        Collaborer\r\n      <\/div>\r\n\r\n      <h2 class=\"sa-project-title\">\r\n        \u00c9crire pour un projet.\r\n      <\/h2>\r\n\r\n      <p class=\"sa-project-text\">\r\n        <strong>Une chanson peut na\u00eetre d\u2019une histoire,\r\n        d\u2019une id\u00e9e, d\u2019une \u00e9motion ou d\u2019une rencontre.<\/strong>\r\n        Je peux \u00e9galement mettre mon \u00e9criture au service\r\n        d\u2019un projet musical ou sc\u00e9nique,\r\n        en travaillant les paroles pour qu\u2019elles trouvent\r\n        naturellement leur place dans un univers,\r\n        une voix et une musique.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"sa-project-types\">\r\n\r\n        <span class=\"sa-project-type\">\r\n          Chanson\r\n        <\/span>\r\n\r\n        <span class=\"sa-project-type\">\r\n          Artiste \u00b7 interpr\u00e8te\r\n        <\/span>\r\n\r\n        <span class=\"sa-project-type\">\r\n          Compositeur\r\n        <\/span>\r\n\r\n        <span class=\"sa-project-type\">\r\n          Projet sc\u00e9nique\r\n        <\/span>\r\n\r\n        <span class=\"sa-project-type\">\r\n          Com\u00e9die musicale\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         DROITE\r\n    ================================================== -->\r\n\r\n    <aside class=\"sa-project-card\">\r\n\r\n      <span class=\"sa-project-card-small\">\r\n        Un projet en t\u00eate ?\r\n      <\/span>\r\n\r\n      <h3>\r\n        Parlons-en.\r\n      <\/h3>\r\n\r\n      <p>\r\n        Vous recherchez des paroles pour une chanson,\r\n        souhaitez d\u00e9velopper une collaboration d\u2019\u00e9criture\r\n        ou me pr\u00e9senter un projet musical ou sc\u00e9nique ?\r\n      <\/p>\r\n\r\n      <div class=\"sa-project-card-rule\"><\/div>\r\n\r\n      <a\r\n        class=\"sa-project-btn\"\r\n        href=\"https:\/\/sandrineaubertin.fr\/index.php\/contact\/\"\r\n      >\r\n        Me contacter\r\n      <\/a>\r\n\r\n    <\/aside>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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>\u00c9crire pour la musique Paroli\u00e8re J\u2019\u00e9cris des mots pens\u00e9s pour la musique, pour raconter une \u00e9motion, une histoire et ce [&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-299","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":"\u00c9crire pour la musique Paroli\u00e8re J\u2019\u00e9cris des mots pens\u00e9s pour la musique, pour raconter une \u00e9motion, une histoire et ce [&hellip;]","_links":{"self":[{"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/pages\/299","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=299"}],"version-history":[{"count":81,"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/pages\/299\/revisions"}],"predecessor-version":[{"id":987,"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/pages\/299\/revisions\/987"}],"wp:attachment":[{"href":"https:\/\/sandrineaubertin.fr\/index.php\/wp-json\/wp\/v2\/media?parent=299"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}