Un Tube, Une Histoire #376

Publié : 7 janvier 2021 à 8h00 par Arnaud Leducq

DELTA FM
"Chambre avec vue" a permis à Henri Salvador de terminer sa carriÚre en beauté.
Crédit : Henri Salvador

Un Tube, Une Histoire tous les matins Ă  10:35 dans #LaFamilleDelta sur @UnTubeUneHistoire

Nous sommes en 2000, Ă  83 ans Henri Salvador est au crĂ©puscule de sa carriĂšre. Pour des gĂ©nĂ©rations Henri Salvador c'est celui qui nous faisait marrer Ă  la tĂ©lĂ©vision chaque annĂ©e le soir du 31 dĂ©cembre. Pour les plus anciens, il est Henry Cording, celui qui a enregistrĂ© le premier titre rock en français avec Boris Vian et Michel Legrand (Rock Hoquet en 1956). Pour certains avec la chanson Dans mon Ăźle, il est l'inventeur de la bossa nova.  En 1994, le producteur Mick Lanaro tente de nous refaire le coup de Nougayork (Claude Nougaro en 1987) en emmenant Henri Salvador enregistrer Ă  New York, mais la mayonnaise ne prend pas. Quelques parties de pĂ©tanques plus tard, le musicien Philippe Ulrich arrive Ă  convaincre Henri Salvador d’ajouter Ă  son rĂ©pertoire quelques ballades Ă  sa mesure, des chansons teintĂ©es de jazz et de mĂ©lancolie. Le rĂ©sultat donne Chambre avec vue avec le magnifique Jardin d’hiver empruntĂ© Ă  Karen Ann et Benjamin Biolay. Chambre avec vue se vend Ă  plus d’un million d’exemplaires et l’incroyable longĂ©vitĂ© d’Henri Salvador est saluĂ©e par la profession avec deux Victoires de la Musique (Artiste masculin et Album de variĂ©tĂ©). L'enfant de Cayenne nous a quittĂ©s le 13 fĂ©vrier 2008. Il avait 90 ans. [07/01/2021]

/* ========================================================== AKCELO — Wrapper publicitaire ========================================================== */ .akcelo-wrapper { display: grid; place-items: center; grid-template-columns: 1fr; text-align: center; position: relative; overflow: hidden; } .akcelo-wrapper.akcelo-wrapper-label { box-sizing: content-box; padding: 20px 0 0; } .akcelo-wrapper.akcelo-wrapper-label::before { content: attr(data-ad-text); position: absolute; top: 2px; width: 100%; color: #777; font-size: 11px; text-align: center; } .akcelo-placeholder:not(.akcelo-loaded) { background-color: #f9f9f9; background-clip: content-box; } .akcelo-placeholder:not(.akcelo-loaded)::after { content: attr(data-placeholder-text); position: absolute; padding: 3px 4px 1px; border: 1px solid #696969; border-radius: 2px; background-color: transparent; color: #696969; font-family: Arial, sans-serif; font-size: 11px; line-height: 1; } .akcelo-video > div:first-child { position: absolute; inset: 0; width: 100%; } .akcelo-video.akcelo-wrapper-label > div:first-child { top: 20px; } @media (pointer: coarse) { .akcelo-wrapper.akcelo-desktop { display: none; } } @media (pointer: fine) { .akcelo-wrapper.akcelo-mobile { display: none; } } /* ========================================================== RESET & GLOBAL ========================================================== */ hr.hr { display: none !important; } figcaption { display: none !important; } figcaption.webradio-detail { display: block !important; } .paragraph a { text-decoration: auto; } img { border-radius: 7px; object-fit: cover; } .slider-responsive-height { min-height: auto; } .block { margin: 2rem 0; } /* ========================================================== HEADING VIDE — suppression de l'espace ========================================================== */ .heading:empty { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; } @supports selector(.heading:has(*)) { .heading:not(:has(h1, h2, h3, .h1, .title, a, button)) { display: none !important; margin: 0 !important; padding: 0 !important; height: 0 !important; } } /* ========================================================== TYPOGRAPHIE ========================================================== */ body { margin: 0; font-size: 1.6rem; font-weight: 400; line-height: 1.4; text-align: left; } .heading { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 0; } /* --- H1 --- */ .h1, .h1.block { font-size: 2.8rem; font-weight: 700; text-transform: uppercase; } .h1 + .lead, .lead.block { font-size: larger; font-weight: 600; } @media (min-width: 768px) { .h1, .h1.block { font-size: 3.2rem; } .h1 + .lead, .lead.block { font-size: 1.8rem; } } /* --- H2 --- */ h2.title:not(:empty) { font-weight: 700; font-size: 3rem !important; text-transform: uppercase !important; } /* Trait bleu Ă  gauche (exclu : #remonteeArticles_lmn767fd5) */ .block:not(#remonteeArticles_lmn767fd5) h2.title.h2 { position: relative; padding-left: 18px; margin-bottom: 1.2rem !important; line-height: 1.15; } .block:not(#remonteeArticles_lmn767fd5) h2.title.h2::before { content: ""; position: absolute; left: 0; top: -0.02em; height: 1.15em; width: 6px; border-radius: 999px; background: rgba(30, 94, 125, 0.95); } h2:not(.lead) { font-weight: 600; font-size: 2rem !important; text-transform: none !important; margin-top: 2rem !important; margin-bottom: 0.5rem !important; } /* --- H3 --- */ h3 { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 600; font-size: 2.1rem; line-height: 1.2; text-transform: none !important; margin-top: 1.4rem; margin-bottom: 0.5rem; } h3:hover { color: #189ab9 !important; } .h3, .title { font-weight: 600; font-size: 1.7rem; text-transform: none; margin-top: 1rem; } /* --- Lead --- */ p.lead { color: #285e7b; font-size: 1.5rem; } /* ========================================================== CRÉDITS & CITATIONS ========================================================== */ .media-credit { font-size: smaller; font-style: italic; color: #757575; } .media-legend { font-size: smaller; font-style: italic; color: #000; } blockquote { font-style: italic; padding-left: 2rem; border-left: solid 0.4rem #934444; margin-top: 4rem; margin-bottom: auto; } /* ========================================================== ASIDE ========================================================== */ .Aside .thumbnail h3, .Aside .thumbnail .h3 { text-transform: none !important; font-weight: 600 !important; font-size: 1.6rem; } /* ========================================================== DATE & AUTEUR (#dateEtAuteur) ========================================================== */ html body #dateEtAuteur { display: flex !important; flex-direction: column !important; gap: 10px; margin: 0 !important; } /* Date "PubliĂ© :" */ html body #dateEtAuteur > span:first-of-type { font-weight: 400 !important; font-size: 1.4rem; color: #8795b1 !important; } /* Cartouche auteur */ html body #dateEtAuteur > div:first-of-type { display: flex !important; align-items: flex-end; gap: 12px; background: transparent !important; border: 0 !important; padding: 0 !important; border-top: 1px solid rgba(0, 0, 0, 0.08) !important; padding-top: 10px !important; } /* Avatar wrapper */ html body #dateEtAuteur > div:first-of-type > div:first-child { display: flex !important; align-items: center !important; flex: 0 0 auto; padding: 0 !important; } /* Avatar image */ html body #dateEtAuteur img { width: 44px !important; height: 44px !important; border-radius: 50% !important; object-fit: cover !important; display: block !important; } /* Bloc texte */ html body #dateEtAuteur > div:first-of-type > div:nth-of-type(2) { flex: 1 1 auto; min-width: 0; } /* Ligne nom + rĂŽle */ html body #dateEtAuteur > div:first-of-type > div:nth-of-type(2) > div { display: flex !important; align-items: baseline !important; gap: 10px; line-height: 1.2; margin: 0 !important; } /* Nom auteur */ html body #dateEtAuteur > div:first-of-type > div:nth-of-type(2) > div > a span { display: inline !important; font-weight: 700 !important; color: #111827 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 260px; } /* Masquer le sĂ©parateur " - " */ html body #dateEtAuteur > div:first-of-type > div:nth-of-type(2) > div > span:nth-of-type(1) { display: none !important; } /* RĂŽle */ html body #dateEtAuteur > div:first-of-type > div:nth-of-type(2) > div > span:nth-of-type(2) { display: inline !important; font-style: normal !important; font-size: 1.4rem; color: #6b7280 !important; white-space: nowrap; } /* HĂ©ritage couleur global */ html body #dateEtAuteur, html body #dateEtAuteur * { color: inherit !important; } /* ========================================================== WEBRADIO & PLAYER ========================================================== */ .btn--alpha { color: #fff; background: rgba(30, 94, 125, 0.75); border-color: transparent !important; } .Broadcasts.HasWebradio .webradio { background-color: #3e6f8b2b; border-radius: 10px; padding: 10px; height: 250px; overflow: hidden; } .Broadcasts.HasWebradio .webradio .webradio-detail { margin-top: 10px; text-align: center; word-break: break-all; word-wrap: break-word; } .Broadcasts.HasWebradio .webradio .broadcast-webradio-logo { width: 35%; display: block; margin-left: inherit; margin-top: auto; } .Broadcasts.HasWebradio .webradio .webradio-artist { color: #19658f; font-family: "Poppins", sans-serif; font-size: 1.2rem !important; font-weight: 500; text-transform: uppercase; } .Broadcasts.HasWebradio .webradio .webradio-title { color: #000; font-family: "Poppins", sans-serif; font-size: 1.2rem !important; font-weight: 400; text-transform: uppercase; } .PlayerResume .title { font-weight: 400; font-family: inherit; text-transform: capitalize; } .PlayerResume .artist { line-height: 1; font-weight: 600; color: inherit !important; text-transform: capitalize; } /* ========================================================== BOUTON "VOIR PLUS" — Chevron masquĂ© ========================================================== */ .block.News .heading > a i.icon, .block.CategoryContentsList .heading > a i.icon, .block.UpContent .heading > a i.icon, #slider_lnoba333 .heading > a i.icon, #slider_mk86m6130 .heading > a i.icon, #slider_lmnswl030 .heading > a i.icon, #slider_lnoba3330 .heading > a i.icon { display: none !important; } /* ========================================================== BOUTON "VOIR PLUS" — Pill en bas Ă  droite (blocs News) ========================================================== */ .block.News, .block.CategoryContentsList, .block.UpContent { position: relative !important; padding-bottom: 5.2rem !important; } .block.News .heading > a, .block.CategoryContentsList .heading > a, .block.UpContent .heading > a { position: absolute !important; bottom: 1.2rem !important; right: 0 !important; left: auto !important; display: inline-flex !important; align-items: center !important; gap: 0.4rem; padding: 0.7rem 1.2rem !important; border-radius: 999px !important; background: rgba(30, 94, 125, 0.1) !important; color: #1e5e7d !important; font-weight: 700 !important; font-size: 1.3rem !important; text-transform: uppercase !important; text-decoration: none !important; z-index: 10 !important; } .block.News .heading > a:hover, .block.CategoryContentsList .heading > a:hover, .block.UpContent .heading > a:hover { background: rgba(30, 94, 125, 0.18) !important; } /* Exception : #remonteeArticles_lmm8xsh61 — pas de "Voir plus" */ #remonteeArticles_lmm8xsh61 .heading > a { display: none !important; } #remonteeArticles_lmm8xsh61 { padding-bottom: 0 !important; } /* Exception : #remonteeArticles_lmn767fd5 — centrĂ© en desktop */ @media (min-width: 768px) { #remonteeArticles_lmn767fd5 .heading > a { left: 50% !important; right: auto !important; transform: translateX(-50%) !important; bottom: 0.6rem !important; } #remonteeArticles_lmn767fd5 { padding-bottom: 5.8rem !important; } } @media (max-width: 767.98px) { #remonteeArticles_lmn767fd5 .heading > a { right: 0 !important; left: auto !important; transform: none !important; bottom: 1.2rem !important; } } /* ========================================================== BOUTON "VOIR PLUS" — Pill en bas Ă  droite (sliders) ========================================================== */ #slider_lnoba3330, #slider_mk86m6130 { position: relative !important; padding-bottom: 5.2rem !important; } #slider_lnoba3330 .heading > a, #slider_mk86m6130 .heading > a { position: absolute !important; bottom: 1.2rem !important; right: 0 !important; left: auto !important; display: inline-flex !important; align-items: center !important; gap: 0.4rem; padding: 0.7rem 1.2rem !important; border-radius: 999px !important; background: rgba(30, 94, 125, 0.1) !important; color: #1e5e7d !important; font-weight: 700 !important; font-size: 1.3rem !important; text-transform: uppercase !important; text-decoration: none !important; z-index: 10 !important; } #slider_lnoba3330 .heading > a:hover, #slider_mk86m6130 .heading > a:hover { background: rgba(30, 94, 125, 0.18) !important; } /* ========================================================== MOBILE — Images carrĂ©es pour les blocs News ========================================================== */ @media (max-width: 767.98px) { .block.News .media, .block.CategoryContentsList .media, .block.UpContent .media { aspect-ratio: 1 / 1 !important; overflow: hidden !important; border-radius: 10px; } .block.News .media img, .block.CategoryContentsList .media img, .block.UpContent .media img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; } } /* ========================================================== MOBILE — Layout "premium" image gauche / texte droite ========================================================== */ @media (max-width: 767.98px) { /* SĂ©lecteurs communs (exclusions : lmn767fd5, lmz89mst3, lnt57vrd0, lnhpf56r1) */ .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3):not(#remonteeArticles_lnt57vrd0):not(#remonteeArticles_lnhpf56r1) .grid > div a.thumbnail, .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3):not(#remonteeArticles_lnt57vrd0):not(#remonteeArticles_lnhpf56r1) .row > [class*="col"] a.thumbnail, .block.CategoryContentsList .grid > div a.thumbnail, .block.UpContent .grid > div a.thumbnail { display: flex !important; flex-direction: row !important; align-items: stretch; gap: 12px; } .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3):not(#remonteeArticles_lnt57vrd0):not(#remonteeArticles_lnhpf56r1) .media, .block.CategoryContentsList .media, .block.UpContent .media { width: 110px; flex: 0 0 110px; margin: 0 !important; } .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3):not(#remonteeArticles_lnt57vrd0):not(#remonteeArticles_lnhpf56r1) .resume, .block.CategoryContentsList .resume, .block.UpContent .resume { flex: 1 1 auto; width: auto; } /* 1re actu : carte premium pleine largeur */ .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3):not(#remonteeArticles_lnt57vrd0):not(#remonteeArticles_lnhpf56r1) .grid > div:first-child a.thumbnail, .block.CategoryContentsList .grid > div:first-child a.thumbnail, .block.UpContent .grid > div:first-child a.thumbnail { flex-direction: column !important; gap: 10px; padding: 12px !important; background: #fff !important; border-radius: 14px !important; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08) !important; } .block.News:not(#remonteeArticles_lmn767fd5):not(#remonteeArticles_lmz89mst3):not(#remonteeArticles_lnt57vrd0):not(#remonteeArticles_lnhpf56r1) .grid > div:first-child .media, .block.CategoryContentsList .grid > div:first-child .media, .block.UpContent .grid > div:first-child .media { width: 100% !important; flex: 0 0 auto !important; aspect-ratio: 16 / 9 !important; max-height: 220px; border-radius: 12px; } } /* ========================================================== MOBILE — Slider #slider_lmnswl030 (mĂȘme layout que News) ========================================================== */ @media (max-width: 767.98px) { #slider_lmnswl030 a.thumbnail { display: flex !important; flex-direction: row !important; align-items: stretch; gap: 12px; } #slider_lmnswl030 .media { width: 110px; flex: 0 0 110px; aspect-ratio: 1 / 1 !important; overflow: hidden !important; border-radius: 10px; margin: 0 !important; } #slider_lmnswl030 .media img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; } #slider_lmnswl030 .resume { flex: 1 1 auto; width: auto; } /* 1re slide premium */ #slider_lmnswl030 .swiper-slide:first-child a.thumbnail { flex-direction: column !important; gap: 10px; padding: 12px !important; background: #fff !important; border-radius: 14px !important; box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08) !important; } #slider_lmnswl030 .swiper-slide:first-child .media { width: 100% !important; flex: 0 0 auto !important; aspect-ratio: 16 / 9 !important; max-height: 220px; border-radius: 12px; } } /* ========================================================== MOBILE — Sliders Podcasts (2 items visibles) ========================================================== */ @media (max-width: 767.98px) { #remonteeEntitesPodcasts_ln1z17hd0 .swiper, #slider_lnoba3330 .swiper { overflow: hidden !important; padding-left: 0 !important; padding-right: 0 !important; } #remonteeEntitesPodcasts_ln1z17hd0 .swiper-slide, #slider_lnoba3330 .swiper-slide { width: calc(50% - 10px) !important; box-sizing: border-box !important; } #remonteeEntitesPodcasts_ln1z17hd0 .swiper-wrapper, #slider_lnoba3330 .swiper-wrapper { gap: 0 !important; padding-right: 20px !important; padding-left: 20px !important; margin-left: -20px !important; } } /* ========================================================== BADGE CATÉGORIES ========================================================== */ html body .badges .badge-category { margin: 0.5rem 0.8rem 0.5rem 0 !important; padding: 0.5rem 0.9rem !important; font-size: 1.7rem !important; border-radius: 999px !important; line-height: 1 !important; }