{"id":37,"date":"2026-05-12T12:02:22","date_gmt":"2026-05-12T12:02:22","guid":{"rendered":"https:\/\/symphoniesduvivant.fr\/?page_id=37"},"modified":"2026-05-22T16:44:13","modified_gmt":"2026-05-22T16:44:13","slug":"liens","status":"publish","type":"page","link":"https:\/\/symphoniesduvivant.fr\/?page_id=37","title":{"rendered":"Pour nous suivre"},"content":{"rendered":"\n<!--\n  =========================================================================\n  PAGE DE LIENS \u2014 Les symphonies du vivant\n  =========================================================================\n-->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"page-liens-asso\">\n<style>\nbody.page .wp-block-post-title { display: none; }\n  .page-liens-asso {\n    --couleur-principale: #d5dd64;\n    --couleur-principale-claire: #e2e898;\n    --couleur-accent: #b8693d;\n    --couleur-fond: #f7f4ea;\n    --couleur-carte: #ffffff;\n    --couleur-texte: #1f2a1a;\n    --couleur-texte-doux: #6b6b5e;\n    --couleur-bordure: #e6e0cf;\n    --rayon: 14px;\n    --largeur-max: 580px;\n\n    box-sizing: border-box;\n    max-width: var(--largeur-max);\n    margin: 2rem auto;\n    padding: 2.5rem 1.25rem 3rem;\n    background: var(--couleur-fond);\n    border-radius: 24px;\n    color: var(--couleur-texte);\n    font-family: 'Poppins', sans-serif;\n    line-height: 1.5;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .page-liens-asso *, .page-liens-asso *::before, .page-liens-asso *::after {\n    box-sizing: inherit;\n  }\n\n  .page-liens-asso::before {\n    content: \"\";\n    position: absolute;\n    top: -100px; right: -100px;\n    width: 280px; height: 280px;\n    background: radial-gradient(circle, var(--couleur-principale-claire) 0%, transparent 70%);\n    opacity: 0.35; border-radius: 50%; pointer-events: none;\n  }\n  .page-liens-asso::after {\n    content: \"\";\n    position: absolute;\n    bottom: -120px; left: -100px;\n    width: 260px; height: 260px;\n    background: radial-gradient(circle, var(--couleur-accent) 0%, transparent 70%);\n    opacity: 0.08; border-radius: 50%; pointer-events: none;\n  }\n\n  .page-liens-asso .logo {\n    width: 230px; height: 230px;\n    margin: 0 auto 1.25rem;\n    border-radius: 50%;\n    background: var(--couleur-carte);\n    display: flex; align-items: center; justify-content: center;\n    overflow: hidden;\n    box-shadow: 0 6px 22px rgba(213, 221, 100, 0.25);\n    border: 4px solid var(--couleur-carte);\n    position: relative; z-index: 1;\n  }\n  .page-liens-asso .logo img {\n    width: 100%; height: 100%;\n    object-fit: contain; display: block; padding: 6px;\n  }\n\n  .page-liens-asso .nom-asso {\n    margin: 0 0 0.4rem;\n    font-family: Georgia, \"Times New Roman\", \"Cormorant Garamond\", serif;\n    font-size: 3.2rem; font-weight: 600;\n    letter-spacing: -0.01em; color: var(--couleur-texte);\n    font-style: italic; position: relative; z-index: 1;\n  }\n\n  .page-liens-asso .tagline {\n    margin: 0 auto 2rem;\n    font-size: 2.05rem;\n    font-family: 'Poppins', sans-serif;\n    color: var(--couleur-texte-doux);\n    max-width: 420px;\n    position: relative;\n    z-index: 1;\n    text-align: center;\n\n  }\n\n  .page-liens-asso .liste-liens {\n    display: flex; flex-direction: column; gap: 0.75rem;\n    position: relative; z-index: 1;\n  }\n\n  .page-liens-asso .lien-bouton {\n    display: flex; align-items: center; gap: 0.85rem;\n    padding: 0.95rem 1.15rem;\n    background: var(--couleur-carte); color: var(--couleur-texte);\n    text-decoration: none; border-radius: var(--rayon);\n    border: 1px solid var(--couleur-bordure);\n    font-family: 'Poppins', sans-serif;\n    font-weight: 600; font-size: 2.08rem; text-align: left;\n    transition: transform 0.18s ease, box-shadow 0.18s ease,\n                border-color 0.18s ease, background 0.18s ease;\n  }\n\n  .page-liens-asso .lien-bouton:hover,\n  .page-liens-asso .lien-bouton:focus-visible {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 18px rgba(213, 221, 100, 0.22);\n    border-color: var(--couleur-principale);\n    background: #fffefb; outline: none;\n  }\n\n  .page-liens-asso .lien-bouton .icone {\n    width: 26px; height: 26px; flex-shrink: 0;\n    color: var(--couleur-principale);\n    display: flex; align-items: center; justify-content: center;\n  }\n  .page-liens-asso .lien-bouton .icone svg { width: 100%; height: 100%; }\n  .page-liens-asso .lien-bouton .libelle { flex: 1; }\n\n  .page-liens-asso .lien-bouton .fleche {\n    width: 18px; height: 18px; color: var(--couleur-texte-doux);\n    opacity: 0; transform: translateX(-4px);\n    transition: opacity 0.18s ease, transform 0.18s ease;\n  }\n  .page-liens-asso .lien-bouton:hover .fleche,\n  .page-liens-asso .lien-bouton:focus-visible .fleche {\n    opacity: 1; transform: translateX(0);\n  }\n\n  .page-liens-asso .pied {\n    margin-top: 2rem; font-size: 1.98rem;\n    font-family: 'Poppins', sans-serif;\n    color: var(--couleur-texte-doux); position: relative; z-index: 1;\n  }\n  .page-liens-asso .pied a { color: #7a8a1a; text-decoration: none; }\n  .page-liens-asso .pied a:hover { text-decoration: underline; }\n\n  @media (max-width: 480px) {\n    .page-liens-asso { margin: 1rem auto; padding: 2rem 1rem 2.5rem; border-radius: 18px; }\n    .page-liens-asso .logo { width: 100px; height: 100px; }\n    .page-liens-asso .nom-asso { font-size: 2.55rem; }\n  }\n<\/style>\n\n  <div class=\"logo\">\n    <img decoding=\"async\" src=\"https:\/\/minio.apps.education.fr\/codimd-prod\/uploads\/khw8brchhzt8unygczciicdlm.png\"\n         alt=\"Logo Les symphonies du vivant\">\n  <\/div>\n\n  <h1 class=\"nom-asso\">Les symphonies du vivant<\/h1>\n  <center><p class=\"tagline\">\u00c0 l&rsquo;\u00e9coute du vivant \u2014 retrouvez toutes nos actualit\u00e9s, \u00e9v\u00e9nements et contenus.<\/p><\/center>\n\n  <nav class=\"liste-liens\" aria-label=\"Liens de l'association\">\n\n    <!-- Site web principal -->\n    <a class=\"lien-bouton\" href=\"https:\/\/symphoniesduvivant.fr\/\" target=\"_blank\" rel=\"noopener\">\n      <span class=\"icone\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20\"\/><path d=\"M12 2a15 15 0 0 1 0 20\"\/><path d=\"M12 2a15 15 0 0 0 0 20\"\/>\n        <\/svg>\n      <\/span>\n      <span class=\"libelle\">Notre site internet<\/span>\n      <svg class=\"fleche\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n    <\/a>\n\n    <!-- Instagram -->\n    <a class=\"lien-bouton\" href=\"https:\/\/www.instagram.com\/symphoniesduvivant\/\" target=\"_blank\" rel=\"noopener\">\n      <span class=\"icone\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/>\n          <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\n          <circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\n        <\/svg>\n      <\/span>\n      <span class=\"libelle\">Instagram<\/span>\n      <svg class=\"fleche\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n    <\/a>\n\n    <!-- Facebook -->\n    <a class=\"lien-bouton\" href=\"https:\/\/www.facebook.com\/profile.php?id=100069349792084\" target=\"_blank\" rel=\"noopener\">\n      <span class=\"icone\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/>\n        <\/svg>\n      <\/span>\n      <span class=\"libelle\">Facebook<\/span>\n      <svg class=\"fleche\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n    <\/a>\n\n  <\/nav>\n\n  <p class=\"pied\">\n    <a href=\"mailto:contact@symphoniesduvivant.fr\">contact@symphoniesduvivant.fr<\/a>\n  <\/p>\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les symphonies du vivant \u00c0 l&rsquo;\u00e9coute du vivant \u2014 retrouvez toutes nos actualit\u00e9s, \u00e9v\u00e9nements et contenus. Notre site internet Instagram Facebook contact@symphoniesduvivant.fr<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/symphoniesduvivant.fr\/index.php?rest_route=\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/symphoniesduvivant.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/symphoniesduvivant.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/symphoniesduvivant.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/symphoniesduvivant.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=37"}],"version-history":[{"count":24,"href":"https:\/\/symphoniesduvivant.fr\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/symphoniesduvivant.fr\/index.php?rest_route=\/wp\/v2\/pages\/37\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/symphoniesduvivant.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}