{"id":94,"date":"2026-01-26T02:00:50","date_gmt":"2026-01-26T01:00:50","guid":{"rendered":"https:\/\/never-2l8.com\/?page_id=94"},"modified":"2026-07-15T19:39:30","modified_gmt":"2026-07-15T17:39:30","slug":"home-en-test","status":"publish","type":"page","link":"https:\/\/never-2l8.com\/","title":{"rendered":"NEVER TOO LATE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"94\" class=\"elementor elementor-94\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a8f3954 e-flex e-con-boxed e-con e-parent\" data-id=\"a8f3954\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b32ba4 elementor-widget elementor-widget-html\" data-id=\"1b32ba4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- NEVER 2L8 \u2014 INTRO OVERLAY (slide up reveal) \u2014 VERSION MOBILE CORRIG\u00c9E -->\n<style>\n:root{\n  --move-delay: 3.2s;\n  --move-dur: 0.9s;\n  --fade-dur: 0.25s;\n}\n\n\/* Overlay plein \u00e9cran *\/\n#n2l8-intro{\n  position: fixed;\n  inset: 0;\n  background: #000;\n  z-index: 2147483646;\n  pointer-events: none;\n  will-change: opacity;\n\n  animation: n2l8-slideUp var(--move-dur) cubic-bezier(.2,.9,.2,1) var(--move-delay) forwards;\n}\n\n\/* Centre l'horloge dans l'overlay *\/\n#n2l8-logo{\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 180px;\n  height: 180px;\n  transform: translate(-50%, -50%);\n  transform-origin: center;\n  z-index: 2147483647;\n}\n\n\/* Tagline *\/\n#n2l8-tagline{\n  position: absolute;\n  bottom: 12%;\n  left: 50%;\n  transform: translateX(-50%);\n  color: rgba(255,255,255,0.35);\n  font-family: sans-serif;\n  font-size: 13px;\n  letter-spacing: 0.25em;\n  white-space: nowrap;\n  font-weight: 300;\n}\n\n\/* SVG *\/\n#n2l8-logo svg{\n  width: 100%;\n  height: 100%;\n  display: block;\n  opacity: 1 !important;\n  filter: none !important;\n}\n\n\/* Force blanc aiguilles *\/\n#n2l8-logo svg #hand-hour,\n#n2l8-logo svg #hand-minute,\n#n2l8-logo svg #hand-seconde{\n  opacity: 1 !important;\n  filter: none !important;\n}\n\n#n2l8-logo svg #hand-hour *,\n#n2l8-logo svg #hand-minute *,\n#n2l8-logo svg #hand-seconde *{\n  opacity: 1 !important;\n  filter: none !important;\n  stroke: #ffffff !important;\n  fill: #ffffff !important;\n}\n\n#hand-seconde{\n  transform-origin: 244px 245px;\n  animation: n2l8-spin-sec 1.2s linear infinite;\n}\n#hand-minute{\n  transform-origin: 244px 245px;\n  animation: n2l8-spin-min 2.4s linear infinite;\n}\n#hand-hour{\n  transform-origin: 244px 245px;\n  animation: n2l8-spin-hr 4.8s linear infinite;\n}\n\n@keyframes n2l8-spin-sec{\n  from{ transform: rotate(0deg); }\n  to  { transform: rotate(-360deg); }\n}\n@keyframes n2l8-spin-min{\n  from{ transform: rotate(0deg); }\n  to  { transform: rotate(-360deg); }\n}\n@keyframes n2l8-spin-hr{\n  from{ transform: rotate(0deg); }\n  to  { transform: rotate(-360deg); }\n}\n\n\/* Slide overlay vers le haut *\/\n@keyframes n2l8-slideUp{\n  to{ transform: translateY(-110vh); }\n}\n\n\/* Fade final *\/\n@keyframes n2l8-fade{\n  to{ opacity: 0; visibility: hidden; }\n}\n.n2l8-fade{\n  animation: n2l8-fade var(--fade-dur) ease forwards;\n}\n\n@media (prefers-reduced-motion: reduce){\n  #n2l8-intro{ display:none; }\n}\n<\/style>\n\n<div id=\"n2l8-intro\" aria-hidden=\"true\">\n  <div id=\"n2l8-logo\" aria-hidden=\"true\">\n\n    <svg viewBox=\"0 0 489 493\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n      <!-- CADRAN -->\n      <g id=\"dial\" opacity=\"0.4\">\n        <path\n          d=\"M74.8422 77.3895L88.227 90.914\n             M0 244.864H18.929\n             M60.4171 429.626L73.802 416.102\n             M243.5 492.51V473.383\n             M408.531 415.896L421.916 429.421\n             M470.071 242.864H489\n             M392.089 94.9074L405.758 81.6755\n             M243.5 19.1266V0\"\n          stroke=\"#DFD6D6\" stroke-width=\"2\"\n        \/>\n      <\/g>\n\n      <!-- AIGUILLE SECONDES -->\n      <g id=\"hand-seconde\" shape-rendering=\"geometricPrecision\">\n        <line x1=\"268.303\" y1=\"216.322\" x2=\"144.678\" y2=\"363.488\"\n              stroke=\"#FFFFFF\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n        <line x1=\"267.134\" y1=\"217.419\" x2=\"260.702\" y2=\"225.076\"\n              stroke=\"#FFFFFF\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n      <\/g>\n\n      <!-- AIGUILLE MINUTES -->\n      <g id=\"hand-minute\">\n        <path d=\"M244 91L244 175H253C253 175 248.436 151.418 246.54 133.959C244.644 116.5 244 91 244 91Z\"\/>\n        <path d=\"M244 251L244 175H253C253 175 248.436 196.336 246.54 212.132C244.644 227.929 244 251 244 251Z\"\/>\n        <path d=\"M244 251L244 175H235C235 175 239.564 196.336 241.46 212.132C243.356 227.929 244 251 244 251Z\"\/>\n        <path d=\"M244 91L244 175H235C235 175 239.564 151.418 241.46 133.959C243.356 116.5 244 91 244 91Z\"\/>\n      <\/g>\n\n      <!-- AIGUILLE HEURES -->\n      <g id=\"hand-hour\">\n        <path d=\"M330.983 245.518L282.176 245.246L282.159 254.246C282.159 254.246 295.87 249.759 306.018 247.919C316.165 246.079 330.983 245.518 330.983 245.518Z\"\/>\n        <path d=\"M238.017 245L282.176 245.246L282.159 254.246C282.159 254.246 269.77 249.613 260.596 247.666C251.421 245.718 238.017 245 238.017 245Z\"\/>\n        <path d=\"M238.017 245L282.176 245.246L282.193 236.246C282.193 236.246 269.787 240.741 260.605 242.586C251.423 244.431 238.017 245 238.017 245Z\"\/>\n        <path d=\"M330.983 245.518L282.176 245.246L282.193 236.246C282.193 236.246 295.886 240.886 306.027 242.839C316.168 244.792 330.983 245.518 330.983 245.518Z\"\/>\n      <\/g>\n\n      <!-- POINT CENTRAL -->\n      <g id=\"center-dot\">\n        <circle cx=\"244\" cy=\"245\" r=\"6\" fill=\"#FFFFFF\"\/>\n      <\/g>\n\n    <\/svg>\n\n  <\/div>\n\n  <div id=\"n2l8-tagline\" aria-hidden=\"true\">never too late<\/div>\n<\/div>\n\n<script>\n(function(){\n  var intro = document.getElementById('n2l8-intro');\n  if(!intro) return;\n\n  intro.addEventListener('animationend', function(e){\n    if(e.animationName === 'n2l8-slideUp'){\n      intro.classList.add('n2l8-fade');\n      setTimeout(function(){ intro.remove(); }, 350);\n    }\n  }, { once: true });\n})();\n<\/script>\n<!-- END NEVER 2L8 INTRO -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-886f278 e-con-full e-flex e-con e-parent\" data-id=\"886f278\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-08a47b7 e-con-full e-flex e-con e-child\" data-id=\"08a47b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe0d2af elementor-widget-mobile__width-inherit elementor-widget elementor-widget-image\" data-id=\"fe0d2af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"477\" height=\"403\" src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/01\/LOGO_1.png\" class=\"attachment-large size-large wp-image-42\" alt=\"NEVER 2L8 FAVICON\" srcset=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/01\/LOGO_1.png 477w, https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/01\/LOGO_1-300x253.png 300w\" sizes=\"(max-width: 477px) 100vw, 477px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-30d6e58 e-con-full e-flex e-con e-child\" data-id=\"30d6e58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28b6b37 elementor-nav-menu__align-center elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"28b6b37\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Menu\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade\">\n\t\t\t\t<ul id=\"menu-1-28b6b37\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-408\"><a href=\"#about\" class=\"elementor-item elementor-item-anchor\">APPROCHE<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-409\"><a href=\"#territoires\" class=\"elementor-item elementor-item-anchor\">TERRITOIRES<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-410\"><a href=\"#services\" class=\"elementor-item elementor-item-anchor\">SERVICES<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-411\"><a href=\"#us\" class=\"elementor-item elementor-item-anchor\">NOUS<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-28b6b37\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-408\"><a href=\"#about\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">APPROCHE<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-409\"><a href=\"#territoires\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">TERRITOIRES<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-410\"><a href=\"#services\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">SERVICES<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-411\"><a href=\"#us\" class=\"elementor-item elementor-item-anchor\" tabindex=\"-1\">NOUS<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e2cb80 e-con-full e-flex e-con e-child\" data-id=\"8e2cb80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e52190 elementor-align-center elementor-mobile-align-center elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"4e52190\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"#contact\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Let's talk<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8e6f699 e-flex e-con-boxed e-con e-parent\" data-id=\"8e6f699\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-de38c9c e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"de38c9c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/never-2l8.com\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Loop_Header.mp4&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_video_start&quot;:1}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-7f1fca5 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7f1fca5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>MUSIQUE ORIGINALE\u00a0<\/p><p>POUR L&#8217;IMAGE<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6949199 elementor-widget elementor-widget-text-editor\" data-id=\"6949199\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span data-sd-animate=\"true\">Pour<\/span>\u00a0<span data-sd-animate=\"true\">des<\/span>\u00a0<span data-sd-animate=\"true\">campagnes<\/span>\u00a0<span data-sd-animate=\"true\">qui<\/span>\u00a0<span data-sd-animate=\"true\">demandent<\/span>\u00a0<\/p><p><span data-sd-animate=\"true\">une<\/span>\u00a0<span data-sd-animate=\"true\">direction<\/span>\u00a0<span data-sd-animate=\"true\">musicale<\/span>\u00a0<span data-sd-animate=\"true\">forte.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6ec8e31 e-flex e-con-boxed e-con e-parent\" data-id=\"6ec8e31\" data-element_type=\"container\" data-e-type=\"container\" id=\"about\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3247588 e-con-full e-flex e-con e-child\" data-id=\"3247588\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2750105 elementor-widget elementor-widget-heading\" data-id=\"2750105\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Une approche cr\u00e9ative, avec une vraie culture de production\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e12821a e-con-full e-flex e-con e-child\" data-id=\"e12821a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0691fee elementor-widget elementor-widget-text-editor\" data-id=\"0691fee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Never 2L8 d\u00e9veloppe une musique instrumentale pens\u00e9e pour l&#8217;image, avec l&#8217;exigence d&#8217;un partenaire cr\u00e9atif et la fiabilit\u00e9 d&#8217;une vraie culture de production.<\/p><p>Notre force est l\u00e0 : comprendre \u00e0 la fois ce que l&#8217;image demande et ce qu&#8217;un projet impose. D\u00e9lais, validations, rythme de fabrication, contraintes de livraison, niveau d&#8217;exigence cr\u00e9ative : nous savons naviguer entre ces deux mondes sans perdre la singularit\u00e9 du son.<\/p><p>Le r\u00e9sultat : une approche plus fluide, plus juste et plus simple \u00e0 activer.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86de5c6 elementor-widget elementor-widget-spacer\" data-id=\"86de5c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07ee5fa e-flex e-con-boxed e-con e-parent\" data-id=\"07ee5fa\" data-element_type=\"container\" data-e-type=\"container\" id=\"territoires\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a23d681 e-con-full e-flex e-con e-child\" data-id=\"a23d681\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4233f74 elementor-widget elementor-widget-heading\" data-id=\"4233f74\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Trois territoires que nous travaillons particuli\u00e8rement\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23a0ef0 e-con-full e-flex e-con e-child\" data-id=\"23a0ef0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-456d1ac elementor-widget elementor-widget-text-editor\" data-id=\"456d1ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>On ne cherche pas \u00e0 couvrir tous les usages.<br \/>On d\u00e9veloppe surtout des morceaux qui donnent rapidement une direction claire \u00e0 l\u2019image, autour de trois grands registres.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2378cc e-con-full e-flex e-con e-child\" data-id=\"c2378cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d41108 elementor-widget elementor-widget-html\" data-id=\"9d41108\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  NEVER 2L8 \u2014 ACCORD\u00c9ON 3 TERRITOIRES\n  \u00b7 Loop SILENCIEUSE en autoplay quand un panneau est ouvert (d\u00e9co)\n  \u00b7 Bouton premium \u00ab Cliquez pour \u00e9couter \u00bb au centre\n  \u00b7 Au clic : relance vid\u00e9o + audio ENSEMBLE depuis 0:00 (casse la loop muette)\n  \u00b7 Puis bouton = pause \/ play ; un seul son \u00e0 la fois\n\n  \u00c0 REMPLACER par territoire :\n  - data-video=\"URL_LOOP.mp4\"\n  - data-audio=\"https:\/\/never-2l8.com\/stream.php?id=XXX\"\n\n  \u00c9TAT :\n  - Impact  : Watch Out (Loop_WatchOUt \u00b7 id=344)\n  - Aura    : Hype      (Loop_Hype_2  \u00b7 id=340)\n  - \u00c9vasion : \u00c0 IMPORTER \u2014 remplace les deux data- du 3e panneau\n-->\n\n<div class=\"n2l8-territories\">\n\n  <div class=\"terr is-open\"\n       data-video=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/07\/Loop_Impact.mp4\"\n       data-audio=\"https:\/\/never-2l8.com\/stream.php?id=344\">\n    <div class=\"terr-spine\">\n      <span class=\"terr-num\">01<\/span>\n      <span class=\"terr-label\">Impact<\/span>\n    <\/div>\n    <div class=\"terr-body\">\n      <video class=\"terr-video\" muted loop playsinline preload=\"metadata\"><\/video>\n      <div class=\"terr-veil\"><\/div>\n      <div class=\"terr-content\">\n        <p class=\"terr-eyebrow\"><\/p>\n        <h3 class=\"terr-title\">Impact<\/h3>\n        <p class=\"terr-desc\">\u00c9nergie, d\u00e9passement, intensit\u00e9, puissance. Pour les campagnes qui doivent projeter de la d\u00e9termination, du caract\u00e8re et une vraie sensation d\u2019\u00e9l\u00e9vation.<\/p>\n        <p class=\"terr-uses\">SPORT \u00b7 SNEAKERS \u00b7 PERFORMANCE \u00b7 MOUVEMENT<\/p>\n      <\/div>\n      <button class=\"terr-cta\" aria-label=\"\u00c9couter le morceau\">\n        <svg class=\"cta-play\" width=\"20\" height=\"22\" viewBox=\"0 0 20 22\" fill=\"none\"><path d=\"M2 1.5L18 11L2 20.5V1.5Z\" fill=\"#111\"\/><\/svg>\n        <svg class=\"cta-pause\" width=\"18\" height=\"20\" viewBox=\"0 0 18 20\" fill=\"none\"><rect x=\"2\" y=\"1\" width=\"4.5\" height=\"18\" rx=\"1.4\" fill=\"#111\"\/><rect x=\"11.5\" y=\"1\" width=\"4.5\" height=\"18\" rx=\"1.4\" fill=\"#111\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"terr\"\n       data-video=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Loop_Hype_2.mp4\"\n       data-audio=\"https:\/\/never-2l8.com\/stream.php?id=340\">\n    <div class=\"terr-spine\">\n      <span class=\"terr-num\">02<\/span>\n      <span class=\"terr-label\">Allure<\/span>\n    <\/div>\n    <div class=\"terr-body\">\n      <video class=\"terr-video\" muted loop playsinline preload=\"metadata\"><\/video>\n      <div class=\"terr-veil\"><\/div>\n      <div class=\"terr-content\">\n        <p class=\"terr-eyebrow\"><\/p>\n        <h3 class=\"terr-title\">Allure<\/h3>\n        <p class=\"terr-desc\">Style, magn\u00e9tisme, assurance, sophistication. Pour les campagnes qui doivent installer une pr\u00e9sence forte et une perception plus haut de gamme.<\/p>\n        <p class=\"terr-uses\"> MODE \u00b7 PARFUM \u00b7 LUXE \u00b7 TECH<\/p>\n      <\/div>\n      <button class=\"terr-cta\" aria-label=\"\u00c9couter le morceau\">\n        <svg class=\"cta-play\" width=\"20\" height=\"22\" viewBox=\"0 0 20 22\" fill=\"none\"><path d=\"M2 1.5L18 11L2 20.5V1.5Z\" fill=\"#111\"\/><\/svg>\n        <svg class=\"cta-pause\" width=\"18\" height=\"20\" viewBox=\"0 0 18 20\" fill=\"none\"><rect x=\"2\" y=\"1\" width=\"4.5\" height=\"18\" rx=\"1.4\" fill=\"#111\"\/><rect x=\"11.5\" y=\"1\" width=\"4.5\" height=\"18\" rx=\"1.4\" fill=\"#111\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"terr\"\n       data-video=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/07\/Loop_Evasion.mov\"\n       data-audio=\"https:\/\/never-2l8.com\/stream.php?id=593\">\n    <div class=\"terr-spine\">\n      <span class=\"terr-num\">03<\/span>\n      <span class=\"terr-label\">\u00c9vasion<\/span>\n    <\/div>\n    <div class=\"terr-body\">\n      <video class=\"terr-video\" muted loop playsinline preload=\"metadata\"><\/video>\n      <div class=\"terr-veil\"><\/div>\n      <div class=\"terr-content\">\n        <p class=\"terr-eyebrow\"><\/p>\n        <h3 class=\"terr-title\">\u00c9vasion<\/h3>\n        <p class=\"terr-desc\">Chaleur, plaisir, voyage, lumi\u00e8re. Pour les campagnes qui doivent \u00e9voquer l'\u00e9nergie solaire et une sensation d'ailleurs imm\u00e9diate.<\/p>\n        <p class=\"terr-uses\">VOYAGE \u00b7 BOISSONS \u00b7 \u00c9T\u00c9 \u00b7 LIFESTYLE<\/p>\n      <\/div>\n      <button class=\"terr-cta\" aria-label=\"\u00c9couter le morceau\">\n        <svg class=\"cta-play\" width=\"20\" height=\"22\" viewBox=\"0 0 20 22\" fill=\"none\"><path d=\"M2 1.5L18 11L2 20.5V1.5Z\" fill=\"#111\"\/><\/svg>\n        <svg class=\"cta-pause\" width=\"18\" height=\"20\" viewBox=\"0 0 18 20\" fill=\"none\"><rect x=\"2\" y=\"1\" width=\"4.5\" height=\"18\" rx=\"1.4\" fill=\"#111\"\/><rect x=\"11.5\" y=\"1\" width=\"4.5\" height=\"18\" rx=\"1.4\" fill=\"#111\"\/><\/svg>\n      <\/button>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<style>\n.n2l8-territories { display: flex; gap: 8px; height: 560px; width: 100%; }\n\n.terr {\n  position: relative; display: flex; overflow: hidden;\n  border: 1px solid #1F1F1F; border-radius: 4px; background: #0A0A0A;\n  cursor: pointer; flex: 0 0 96px;\n  transition: flex 0.65s cubic-bezier(0.16,1,0.3,1), border-color 0.4s ease;\n}\n.terr.is-open { flex: 1 1 auto; cursor: default; border-color: #333; }\n.terr:not(.is-open):hover { border-color: rgba(255,255,255,0.35); }\n\n.terr-spine {\n  position: relative; z-index: 3; flex: 0 0 96px;\n  display: flex; flex-direction: column; align-items: center; justify-content: space-between;\n  padding: 28px 0; transition: opacity 0.4s ease;\n}\n.terr.is-open .terr-spine { opacity: 0; pointer-events: none; }\n.terr-num { font-family:'Manrope',sans-serif; font-size:12px; font-weight:500; letter-spacing:0.18em; color:#6E6E6E; }\n.terr-label { font-family:'Antonio',sans-serif; font-size:26px; font-weight:500; letter-spacing:0.08em; text-transform:uppercase; color:#FFF; writing-mode:vertical-rl; transform:rotate(180deg); white-space:nowrap; }\n\n.terr-body { position:absolute; inset:0; opacity:0; transition:opacity 0.5s ease 0.15s; pointer-events:none; }\n.terr.is-open .terr-body { opacity:1; pointer-events:auto; }\n\n.terr-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }\n.terr-veil { position:absolute; inset:0; background:linear-gradient(90deg, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.75) 45%, rgba(0,0,0,0.25) 100%); }\n\n.terr-content { position:absolute; bottom:0; left:0; padding:44px; max-width:520px; z-index:2; }\n.terr-eyebrow { font-family:'Manrope',sans-serif; font-size:12px; font-weight:500; letter-spacing:0.18em; text-transform:uppercase; color:#6E6E6E; margin:0 0 12px; }\n.terr-title { font-family:'Antonio',sans-serif; font-size:48px; font-weight:500; letter-spacing:0.04em; line-height:1.05; text-transform:uppercase; color:#FFF; margin:0 0 20px; }\n.terr-desc { font-family:'Manrope',sans-serif; font-size:17px; font-weight:400; line-height:1.7; color:#B4B4B4; margin:0 0 20px; }\n.terr-uses { font-family:'Manrope',sans-serif; font-size:12px; font-weight:500; letter-spacing:0.1em; text-transform:uppercase; color:#6E6E6E; margin:0; }\n\n\/* --- Bouton premium \u00ab Cliquez pour \u00e9couter \u00bb --- *\/\n.terr-cta {\n  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\n  z-index: 4; cursor: pointer;\n  width: 72px; height: 72px; border-radius: 50%;\n  display: flex; align-items: center; justify-content: center;\n  border: none;\n  background: rgba(230,230,230,0.92);\n  box-shadow: 0 8px 30px rgba(0,0,0,0.35);\n  transition: transform 0.2s ease, background 0.3s ease, opacity 0.35s ease;\n}\n.terr-cta:hover {\n  background: #FFFFFF;\n  transform: translate(-50%,-50%) scale(1.08);\n}\n.cta-play { margin-left: 3px; }\n.cta-pause { display: none; }\n.terr.is-playing .terr-cta .cta-play { display: none; }\n.terr.is-playing .terr-cta .cta-pause { display: block; }\n\/* Pendant la lecture, le bouton dispara\u00eet ; r\u00e9appara\u00eet au survol du panneau *\/\n.terr.is-playing .terr-cta { opacity: 0; pointer-events: none; }\n.terr.is-playing .terr-body:hover .terr-cta { opacity: 1; pointer-events: auto; }\n\n@media (max-width: 1024px) {\n  .n2l8-territories { height: 480px; }\n  .terr, .terr-spine { flex-basis: 76px; }\n  .terr-content { padding: 32px; max-width: 400px; }\n  .terr-title { font-size: 38px; }\n  .terr-desc { font-size: 16px; }\n}\n@media (max-width: 767px) {\n  .n2l8-territories { flex-direction: column; height: auto; gap: 12px; }\n  .terr { flex: none !important; height: 420px; cursor: pointer; }\n  .terr-spine { display: none; }\n  .terr-body { opacity: 1 !important; pointer-events: auto !important; }\n  .terr-veil { background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.9) 100%); }\n  .terr-content { padding: 24px; max-width: none; }\n  .terr-title { font-size: 30px; }\n  .terr.is-playing .terr-cta { opacity: 1; }\n}\n@media (prefers-reduced-motion: reduce) { .terr, .terr-spine, .terr-body { transition: none; } }\n<\/style>\n\n<script>\n(function () {\n  const root   = document.querySelector('.n2l8-territories');\n  const panels = root.querySelectorAll('.terr');\n\n  const audio = new Audio();\n  audio.preload = 'none';\n  audio.volume = 0.85;\n  let playingPanel = null;\n\n  \/\/ Pr\u00e9pare les vid\u00e9os\n  panels.forEach(panel => {\n    const video = panel.querySelector('.terr-video');\n    const vsrc  = panel.dataset.video;\n    if (vsrc && video) {\n      const s = document.createElement('source');\n      s.src = vsrc; s.type = 'video\/mp4';\n      video.appendChild(s);\n      video.load();\n    }\n  });\n\n  \/\/ Loop SILENCIEUSE : la vid\u00e9o tourne muette d\u00e8s qu'un panneau est ouvert\n  function playSilentLoop(panel) {\n    const v = panel.querySelector('.terr-video');\n    if (v) { v.muted = true; v.play().catch(() => {}); }\n  }\n\n  \/\/ \u00c9COUTE : relance vid\u00e9o + audio ENSEMBLE depuis 0 (casse la loop muette)\n  function startListening(panel) {\n    const video = panel.querySelector('.terr-video');\n    const asrc  = panel.dataset.audio;\n\n    if (asrc) {\n      if (audio.src !== asrc) audio.src = asrc;\n      audio.currentTime = 0;\n    }\n    if (video) video.currentTime = 0;\n\n    const jobs = [];\n    if (video) jobs.push(video.play());\n    if (asrc)  jobs.push(audio.play());\n    Promise.allSettled(jobs);\n\n    panel.classList.add('is-playing');\n    playingPanel = panel;\n  }\n\n  function pauseListening(panel) {\n    const v = panel.querySelector('.terr-video');\n    if (v) v.pause();          \/\/ la vid\u00e9o se fige (audio aussi)\n    audio.pause();\n    panel.classList.remove('is-playing');\n    playingPanel = null;\n  }\n\n  \/\/ Ferme\/r\u00e9initialise tous les autres panneaux\n  function resetOthers(except) {\n    panels.forEach(p => {\n      if (p !== except) {\n        const v = p.querySelector('.terr-video');\n        if (v) { v.pause(); v.currentTime = 0; }\n        p.classList.remove('is-playing');\n      }\n    });\n    audio.pause();\n    if (playingPanel && playingPanel !== except) playingPanel = null;\n  }\n\n  function openPanel(panel) {\n    if (panel.classList.contains('is-open')) return;\n    \/\/ On quitte le panneau courant : on coupe TOUJOURS le son en cours\n    audio.pause();\n    audio.currentTime = 0;\n    resetOthers(panel);\n    panels.forEach(p => {\n      p.classList.remove('is-open');\n      p.classList.remove('is-playing');\n    });\n    playingPanel = null;\n    panel.classList.add('is-open');\n    playSilentLoop(panel);     \/\/ la nouvelle vid\u00e9o d\u00e9marre muette\n  }\n\n  panels.forEach(panel => {\n    panel.addEventListener('click', function (e) {\n      if (e.target.closest('.terr-cta')) return;\n      openPanel(panel);\n    });\n\n    const btn = panel.querySelector('.terr-cta');\n    if (btn) {\n      btn.addEventListener('click', function (e) {\n        e.stopPropagation();\n        if (!panel.classList.contains('is-open')) openPanel(panel);\n\n        if (panel.classList.contains('is-playing')) {\n          pauseListening(panel);           \/\/ pause\n        } else {\n          resetOthers(panel);              \/\/ coupe tout autre son\n          startListening(panel);           \/\/ \u00e9coute synchro depuis 0\n        }\n      });\n    }\n  });\n\n  \/\/ L'audio boucle en restant synchro avec la vid\u00e9o\n  audio.addEventListener('ended', function () {\n    if (playingPanel) startListening(playingPanel);\n  });\n\n  \/\/ Au chargement : le 1er panneau ouvert lance sa loop MUETTE\n  const firstOpen = root.querySelector('.terr.is-open');\n  if (firstOpen) playSilentLoop(firstOpen);\n\n  \/\/ Mobile : toutes les loops muettes tournent (panneaux empil\u00e9s)\n  if (window.matchMedia('(max-width: 767px)').matches) {\n    panels.forEach(p => playSilentLoop(p));\n  }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ec7ca6c e-flex e-con-boxed e-con e-parent\" data-id=\"ec7ca6c\" data-element_type=\"container\" data-e-type=\"container\" id=\"services\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-eccfe03 e-con-full e-flex e-con e-child\" data-id=\"eccfe03\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f33329 elementor-widget elementor-widget-spacer\" data-id=\"5f33329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1113a15 elementor-widget elementor-widget-heading\" data-id=\"1113a15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Une musique originale pens\u00e9e pour le brief<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8170ec8 e-con-full e-flex e-con e-child\" data-id=\"8170ec8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faf5bce elementor-widget elementor-widget-text-editor\" data-id=\"faf5bce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Never-2L8 intervient comme structure de composition originale, avec une vraie capacit\u00e9 \u00e0 r\u00e9pondre \u00e0 des briefs dans un contexte de production r\u00e9el.&nbsp;<span style=\"letter-spacing: -0.1px;\">Selon le projet, une proposition peut partir d\u2019un morceau du <\/span><em style=\"letter-spacing: -0.1px;\">back<\/em><span style=\"letter-spacing: -0.1px;\"> <\/span><em style=\"letter-spacing: -0.1px;\">catalogue<\/em><span style=\"letter-spacing: -0.1px;\"> ou d\u2019une composition d\u00e9velopp\u00e9e plus sp\u00e9cifiquement.<\/span><\/p><p>L\u2019enjeu reste le m\u00eame : proposer rapidement une direction juste, singuli\u00e8re et exploitable.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6fc9a7 elementor-widget elementor-widget-spacer\" data-id=\"b6fc9a7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4849961 e-flex e-con-boxed e-con e-parent\" data-id=\"4849961\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-53ae60b e-grid e-con-full e-con e-child\" data-id=\"53ae60b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e59b25f elementor-widget elementor-widget-text-editor\" data-id=\"e59b25f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><em>Never 2L8 (never too late) est une structure de composition originale n\u00e9e \u00e0 l\u2019intersection de la musique et de la production audiovisuelle.<\/em><\/p><p><em>Apr\u00e8s plusieurs ann\u00e9es en soci\u00e9t\u00e9 de production sur des formats musicaux, un constat s\u2019est impos\u00e9 : ces deux univers ont souvent du mal \u00e0 parler la m\u00eame langue. Never 2L8 a \u00e9t\u00e9 pens\u00e9 pour faire le lien, avec une vraie compr\u00e9hension des enjeux cr\u00e9atifs, mais aussi des contraintes tr\u00e8s concr\u00e8tes qui entourent un projet.<\/em><\/p><p><em>Une structure de composition originale, pens\u00e9e pour \u00eatre \u00e0 la fois singuli\u00e8re, fiable et simple \u00e0 activer.<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bcf8f53 elementor-widget elementor-widget-image\" data-id=\"bcf8f53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132511_1.5.1-768x432.jpg\" class=\"attachment-medium_large size-medium_large wp-image-388\" alt=\"\" srcset=\"https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132511_1.5.1-768x432.jpg 768w, https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132511_1.5.1-300x169.jpg 300w, https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132511_1.5.1-1024x576.jpg 1024w, https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132511_1.5.1-1536x864.jpg 1536w, https:\/\/never-2l8.com\/wp-content\/uploads\/2026\/02\/Still-2026-02-23-132511_1.5.1.jpg 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2808619 elementor-widget elementor-widget-spacer\" data-id=\"2808619\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3abc631 elementor-widget elementor-widget-html\" data-id=\"3abc631\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"contact\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Antonio:wght@400;500;600;700&family=Manrope:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n    <style>\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        body { background: #000; font-family: 'Manrope', sans-serif; }\n\n        .contact-section {\n            width: 100%;\n            padding: 0 60px 120px;\n            background: transparent;\n        }\n\n        .contact-container { max-width: 640px; margin: 0 auto; }\n\n        .contact-divider {\n            width: 40px; height: 1px;\n            background: rgba(255,255,255,0.15);\n            margin-bottom: 48px;\n        }\n\n        .contact-title {\n            font-size: 3rem;\n            font-weight: 500;\n            color: #fff;\n            letter-spacing: 0.04em;\n            text-transform: uppercase;\n            margin-bottom: 28px;\n            font-family: 'Antonio', sans-serif;\n            line-height: 1.12;\n            padding-bottom: 4px;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        .contact-subtitle {\n            font-size: 1.06rem;\n            color: rgba(255,255,255,0.6);\n            margin-bottom: 36px;\n            font-weight: 400;\n            line-height: 1.65;\n            max-width: 520px;\n        }\n\n        \/* Ligne mail mise en avant *\/\n        .contact-mail {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            font-family: 'Antonio', sans-serif;\n            font-size: 1.5rem;\n            font-weight: 500;\n            letter-spacing: 0.02em;\n            color: #fff;\n            text-decoration: none;\n            margin-bottom: 8px;\n            transition: opacity 0.25s ease;\n        }\n        .contact-mail:hover { opacity: 0.65; }\n        .contact-mail svg { flex-shrink: 0; }\n\n        .contact-mail-note {\n            font-size: 0.8rem;\n            color: rgba(255,255,255,0.35);\n            letter-spacing: 0.02em;\n            margin-bottom: 44px;\n        }\n\n        \/* S\u00e9parateur \"ou\" *\/\n        .contact-or {\n            display: flex;\n            align-items: center;\n            gap: 18px;\n            margin-bottom: 44px;\n        }\n        .contact-or::before,\n        .contact-or::after {\n            content: '';\n            flex: 1;\n            height: 1px;\n            background: rgba(255,255,255,0.12);\n        }\n        .contact-or span {\n            font-size: 0.72rem;\n            font-weight: 500;\n            letter-spacing: 0.18em;\n            text-transform: uppercase;\n            color: rgba(255,255,255,0.4);\n        }\n\n        .contact-form { display: flex; flex-direction: column; gap: 20px; }\n\n        .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n\n        .form-field { display: flex; flex-direction: column; gap: 8px; }\n\n        .form-field label {\n            font-family: 'Manrope', sans-serif;\n            font-size: 0.72rem;\n            font-weight: 500;\n            color: rgba(255,255,255,0.4);\n            letter-spacing: 0.12em;\n            text-transform: uppercase;\n        }\n        .form-field label .opt {\n            color: rgba(255,255,255,0.25);\n            text-transform: none;\n            letter-spacing: 0.02em;\n            font-weight: 400;\n        }\n\n        .form-field input,\n        .form-field textarea,\n        .form-field select {\n            background: rgba(255,255,255,0.04);\n            border: 1px solid rgba(255,255,255,0.1);\n            border-radius: 10px;\n            padding: 14px 18px;\n            color: #fff;\n            font-size: 0.95rem;\n            font-family: inherit;\n            outline: none;\n            transition: border-color 0.25s ease, background 0.25s ease;\n            -webkit-font-smoothing: antialiased;\n            resize: none;\n        }\n\n        .form-field input::placeholder,\n        .form-field textarea::placeholder { color: rgba(255,255,255,0.2); }\n\n        .form-field input:focus,\n        .form-field textarea:focus,\n        .form-field select:focus {\n            border-color: rgba(255,255,255,0.35);\n            background: rgba(255,255,255,0.07);\n        }\n\n        .form-field input.error,\n        .form-field textarea.error {\n            border-color: rgba(255, 90, 90, 0.6);\n        }\n\n        .field-error {\n            font-size: 0.72rem;\n            color: rgba(255, 90, 90, 0.8);\n            letter-spacing: 0.04em;\n            display: none;\n        }\n        .field-error.visible { display: block; }\n\n        .form-field textarea { height: 130px; }\n\n        .form-field select {\n            cursor: pointer;\n            appearance: none;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n            background-repeat: no-repeat;\n            background-position: right 18px center;\n        }\n        .form-field select option { background: #111; color: #fff; }\n        .form-field select.placeholder { color: rgba(255,255,255,0.2); }\n\n        .form-submit {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-top: 8px;\n            gap: 16px;\n        }\n\n        .submit-btn {\n            background: #fff;\n            color: #000;\n            border: none;\n            border-radius: 50px;\n            padding: 15px 40px;\n            font-size: 0.85rem;\n            font-weight: 600;\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            cursor: pointer;\n            transition: all 0.25s ease;\n            font-family: 'Antonio', sans-serif;\n            flex-shrink: 0;\n            min-width: 120px;\n        }\n        .submit-btn:hover:not(:disabled) { background: rgba(255,255,255,0.88); transform: translateY(-1px); }\n        .submit-btn:active:not(:disabled) { transform: translateY(0); }\n        .submit-btn:disabled { cursor: not-allowed; opacity: 0.5; }\n\n        .form-feedback {\n            font-size: 0.85rem;\n            color: rgba(255,255,255,0.45);\n            display: none;\n        }\n        .form-feedback.visible { display: block; }\n        .form-feedback.error-msg { color: rgba(255, 90, 90, 0.75); }\n\n        .contact-form.sent .submit-btn {\n            background: rgba(255,255,255,0.12);\n            color: rgba(255,255,255,0.5);\n        }\n\n        .hp-field {\n            opacity: 0; position: absolute; top: 0; left: 0;\n            height: 0; width: 0; z-index: -1; pointer-events: none;\n        }\n\n        @media (max-width: 600px) {\n            .contact-title { font-size: 2.1rem; line-height: 1.15; }\n            .contact-mail { font-size: 1.25rem; }\n            .form-row { grid-template-columns: 1fr; }\n            .contact-section { padding: 0 20px 100px; }\n            .form-submit { flex-direction: column; align-items: flex-start; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<section class=\"contact-section\">\n    <div class=\"contact-container\">\n\n        <div class=\"contact-divider\"><\/div>\n\n        <h2 class=\"contact-title\">Parlons de votre prochain brief<\/h2>\n        <p class=\"contact-subtitle\">\n            Le plus simple : nous \u00e9crire directement ou nous envoyer quelques lignes sur votre projet.\n        <\/p>\n\n        <a class=\"contact-mail\" href=\"mailto:contact@never-2l8.com\">\n            <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <rect x=\"2.5\" y=\"4.5\" width=\"19\" height=\"15\" rx=\"2\" stroke=\"white\" stroke-width=\"1.5\"\/>\n                <path d=\"M3 6L12 13L21 6\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\"\/>\n            <\/svg>\n            contact@never-2l8.com\n        <\/a>\n        <p class=\"contact-mail-note\">R\u00e9ponse sous 24\u201348h.<\/p>\n\n        <div class=\"contact-or\"><span>ou<\/span><\/div>\n\n        <form class=\"contact-form\" id=\"contactForm\" novalidate>\n\n            <div class=\"form-row\">\n                <div class=\"form-field\">\n                    <label for=\"name\">Nom<\/label>\n                    <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Votre nom\"\n                           required autocomplete=\"name\">\n                    <span class=\"field-error\" id=\"nameError\">Merci d'indiquer votre nom.<\/span>\n                <\/div>\n                <div class=\"form-field\">\n                    <label for=\"email\">Email<\/label>\n                    <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"vous@email.com\"\n                           required autocomplete=\"email\">\n                    <span class=\"field-error\" id=\"emailError\">Merci d'indiquer un email valide.<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"form-field\">\n                <label for=\"project_type\">Type de projet <span class=\"opt\">\u2014 facultatif<\/span><\/label>\n                <select id=\"project_type\" name=\"project_type\" class=\"placeholder\">\n                    <option value=\"\" disabled selected>S\u00e9lectionnez un type de projet<\/option>\n                    <option value=\"Publicit\u00e9\">Publicit\u00e9<\/option>\n                    <option value=\"Brand content\">Brand content<\/option>\n                    <option value=\"Film\">Film<\/option>\n                    <option value=\"S\u00e9rie\">S\u00e9rie<\/option>\n                    <option value=\"Jeu vid\u00e9o\">Jeu vid\u00e9o<\/option>\n                    <option value=\"Autre\">Autre<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"form-field\">\n                <label for=\"message\">Votre projet en quelques lignes <span class=\"opt\">\u2014 facultatif<\/span><\/label>\n                <textarea id=\"message\" name=\"message\"\n                          placeholder=\"D\u00e9lais, r\u00e9f\u00e9rences, format \u2014 tout ce qui nous aide \u00e0 comprendre votre besoin.\"\n                          aria-label=\"Message\"><\/textarea>\n            <\/div>\n\n            <!-- Honeypot anti-spam -->\n            <div class=\"hp-field\" aria-hidden=\"true\">\n                <input type=\"text\" name=\"_honey\" tabindex=\"-1\" autocomplete=\"off\">\n            <\/div>\n\n            <div class=\"form-submit\">\n                <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">Envoyer<\/button>\n                <span class=\"form-feedback\" id=\"formFeedback\" role=\"status\" aria-live=\"polite\"><\/span>\n            <\/div>\n\n        <\/form>\n\n    <\/div>\n<\/section>\n\n<script>\n(function () {\n    const form     = document.getElementById('contactForm');\n    const btn      = document.getElementById('submitBtn');\n    const feedback = document.getElementById('formFeedback');\n\n    document.getElementById('project_type').addEventListener('change', function() {\n        this.classList.remove('placeholder');\n    });\n\n    function showError(inputId, errorId) {\n        document.getElementById(inputId).classList.add('error');\n        document.getElementById(errorId).classList.add('visible');\n    }\n    function clearError(inputId, errorId) {\n        document.getElementById(inputId).classList.remove('error');\n        document.getElementById(errorId).classList.remove('visible');\n    }\n\n    function validateForm() {\n        let valid = true;\n        const name    = document.getElementById('name');\n        const email   = document.getElementById('email');\n        const emailRe = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n\n        \/\/ Seuls Nom et Email sont obligatoires (friction minimale)\n        if (!name.value.trim())               { showError('name',  'nameError');  valid = false; }\n        else                                   { clearError('name', 'nameError'); }\n\n        if (!emailRe.test(email.value.trim())) { showError('email', 'emailError'); valid = false; }\n        else                                   { clearError('email','emailError'); }\n\n        return valid;\n    }\n\n    let submitAttempted = false;\n    ['name','email'].forEach(id => {\n        document.getElementById(id).addEventListener('input', () => {\n            if (submitAttempted) validateForm();\n        });\n    });\n\n    form.addEventListener('submit', function (e) {\n        e.preventDefault();\n        submitAttempted = true;\n\n        if (!validateForm()) return;\n        if (document.querySelector('input[name=\"_honey\"]').value !== '') return;\n\n        setLoading(true);\n\n        const formData = new FormData(form);\n        formData.append('_replyto', document.getElementById('email').value);\n        formData.append('_subject', 'Nouveau message depuis never-2l8.com');\n        formData.append('_captcha', 'false');\n        formData.append('_honey',   '');\n\n        fetch('https:\/\/formsubmit.co\/ajax\/contact@never-2l8.com', {\n            method:  'POST',\n            headers: { 'Accept': 'application\/json' },\n            body:    formData\n        })\n        .then(res => {\n            if (!res.ok) throw new Error('Server error: ' + res.status);\n            return res.json();\n        })\n        .then(() => {\n            form.classList.add('sent');\n            btn.textContent = 'Envoy\u00e9 \u2713';\n            showFeedback(\"Message envoy\u00e9 \u2014 nous revenons vers vous tr\u00e8s vite.\", false);\n            form.reset();\n            document.getElementById('project_type').classList.add('placeholder');\n        })\n        .catch(err => {\n            console.error('[ContactForm]', err);\n            setLoading(false);\n            showFeedback('Une erreur est survenue. Merci de r\u00e9essayer.', true);\n        });\n    });\n\n    function setLoading(loading) {\n        btn.disabled    = loading;\n        btn.textContent = loading ? 'Envoi\u2026' : 'Envoyer';\n    }\n\n    function showFeedback(msg, isError) {\n        feedback.textContent = msg;\n        feedback.classList.add('visible');\n        feedback.classList.toggle('error-msg', isError);\n    }\n}());\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-982c0b2 e-flex e-con-boxed e-con e-parent\" data-id=\"982c0b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b1602e elementor-widget elementor-widget-html\" data-id=\"7b1602e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n#n2l8-clock {\n  width: 140px;\n  height: 140px;\n  display: block;\n}\n\n#n2l8-clock svg {\n  width: 100%;\n  height: 100%;\n  display: block;\n}\n\n#hand-seconde {\n  transform-origin: 244px 245px;\n  animation: n2l8-spin 1.2s linear infinite;\n}\n#hand-minute {\n  transform-origin: 244px 245px;\n  animation: n2l8-spin 2.4s linear infinite;\n}\n#hand-hour {\n  transform-origin: 244px 245px;\n  animation: n2l8-spin 4.8s linear infinite;\n}\n\n@keyframes n2l8-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(-360deg); }\n}\n<\/style>\n\n<div id=\"n2l8-clock\">\n  <svg viewBox=\"0 0 489 493\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\n    <!-- CADRAN -->\n    <g id=\"dial\" opacity=\"0.4\">\n      <path\n        d=\"M74.8422 77.3895L88.227 90.914\n           M0 244.864H18.929\n           M60.4171 429.626L73.802 416.102\n           M243.5 492.51V473.383\n           M408.531 415.896L421.916 429.421\n           M470.071 242.864H489\n           M392.089 94.9074L405.758 81.6755\n           M243.5 19.1266V0\"\n        stroke=\"#ffffff\" stroke-width=\"2\"\n      \/>\n    <\/g>\n\n    <!-- AIGUILLE SECONDES -->\n    <g id=\"hand-seconde\" shape-rendering=\"geometricPrecision\">\n      <line x1=\"268.303\" y1=\"216.322\" x2=\"144.678\" y2=\"363.488\"\n            stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n      <line x1=\"267.134\" y1=\"217.419\" x2=\"260.702\" y2=\"225.076\"\n            stroke=\"#ffffff\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n    <\/g>\n\n    <!-- AIGUILLE MINUTES -->\n    <g id=\"hand-minute\">\n      <path fill=\"#ffffff\" d=\"M244 91L244 175H253C253 175 248.436 151.418 246.54 133.959C244.644 116.5 244 91 244 91Z\"\/>\n      <path fill=\"#ffffff\" d=\"M244 251L244 175H253C253 175 248.436 196.336 246.54 212.132C244.644 227.929 244 251 244 251Z\"\/>\n      <path fill=\"#ffffff\" d=\"M244 251L244 175H235C235 175 239.564 196.336 241.46 212.132C243.356 227.929 244 251 244 251Z\"\/>\n      <path fill=\"#ffffff\" d=\"M244 91L244 175H235C235 175 239.564 151.418 241.46 133.959C243.356 116.5 244 91 244 91Z\"\/>\n    <\/g>\n\n    <!-- AIGUILLE HEURES -->\n    <g id=\"hand-hour\">\n      <path fill=\"#ffffff\" d=\"M330.983 245.518L282.176 245.246L282.159 254.246C282.159 254.246 295.87 249.759 306.018 247.919C316.165 246.079 330.983 245.518 330.983 245.518Z\"\/>\n      <path fill=\"#ffffff\" d=\"M238.017 245L282.176 245.246L282.159 254.246C282.159 254.246 269.77 249.613 260.596 247.666C251.421 245.718 238.017 245 238.017 245Z\"\/>\n      <path fill=\"#ffffff\" d=\"M238.017 245L282.176 245.246L282.193 236.246C282.193 236.246 269.787 240.741 260.605 242.586C251.423 244.431 238.017 245 238.017 245Z\"\/>\n      <path fill=\"#ffffff\" d=\"M330.983 245.518L282.176 245.246L282.193 236.246C282.193 236.246 295.886 240.886 306.027 242.839C316.168 244.792 330.983 245.518 330.983 245.518Z\"\/>\n    <\/g>\n\n    <!-- POINT CENTRAL -->\n    <circle cx=\"244\" cy=\"245\" r=\"6\" fill=\"#ffffff\"\/>\n\n  <\/svg>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ef5144 e-flex e-con-boxed e-con e-parent\" data-id=\"4ef5144\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a44b33 elementor-widget elementor-widget-text-editor\" data-id=\"0a44b33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>\u00a9 2026 NEVER 2L8 \u00b7 <a href=\"https:\/\/never-2l8.com\/?page_id=300\">Legal Notice<\/a> \u00b7 <a href=\"https:\/\/never-2l8.com\/?page_id=3\">Privacy Policy<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\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>never too late Let&#8217;s talk MUSIQUE ORIGINALE\u00a0 POUR L&#8217;IMAGE Pour\u00a0des\u00a0campagnes\u00a0qui\u00a0demandent\u00a0 une\u00a0direction\u00a0musicale\u00a0forte. Une approche cr\u00e9ative, avec une vraie culture de production Never 2L8 d\u00e9veloppe une musique instrumentale pens\u00e9e pour l&#8217;image, avec l&#8217;exigence d&#8217;un partenaire cr\u00e9atif et la fiabilit\u00e9 d&#8217;une vraie culture de production. Notre force est l\u00e0 : comprendre \u00e0 la fois ce que l&#8217;image demande [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/never-2l8.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=94"}],"version-history":[{"count":338,"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":656,"href":"https:\/\/never-2l8.com\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions\/656"}],"wp:attachment":[{"href":"https:\/\/never-2l8.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}