<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Techniques de méditation : cours de méditation, méditation guidée, gestion du stress, ... | Techniques de Méditation</title>
    <meta name="description" content="Le site qui vous permet de découvrir l&#39;univers de la méditation">
    <meta name="generator" content="Eleventy">
    
    <!-- Open Graph -->
    <meta property="og:title" content="Techniques de méditation : cours de méditation, méditation guidée, gestion du stress, ...">
    <meta property="og:description" content="Le site qui vous permet de découvrir l&#39;univers de la méditation">
    <meta property="og:image" content="/assets/img/og-default.jpg">
    <meta property="og:url" content="https://techniquesdemeditation.com/">
    <meta property="og:type" content="website">

    <!-- Fonts -->
    
    
    <style type="text/css">@font-face {font-family:Outfit;font-style:normal;font-weight:300;src:url(/cf-fonts/v/outfit/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Outfit;font-style:normal;font-weight:300;src:url(/cf-fonts/v/outfit/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Outfit;font-style:normal;font-weight:400;src:url(/cf-fonts/v/outfit/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Outfit;font-style:normal;font-weight:400;src:url(/cf-fonts/v/outfit/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Outfit;font-style:normal;font-weight:600;src:url(/cf-fonts/v/outfit/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Outfit;font-style:normal;font-weight:600;src:url(/cf-fonts/v/outfit/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Outfit;font-style:normal;font-weight:700;src:url(/cf-fonts/v/outfit/5.0.11/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Outfit;font-style:normal;font-weight:700;src:url(/cf-fonts/v/outfit/5.0.11/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.0.16/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.0.16/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.0.16/greek/wght/normal.woff2);unicode-range:U+0370-03FF;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.0.16/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.0.16/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.0.16/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:400;src:url(/cf-fonts/v/inter/5.0.16/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.0.16/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.0.16/greek/wght/normal.woff2);unicode-range:U+0370-03FF;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.0.16/greek-ext/wght/normal.woff2);unicode-range:U+1F00-1FFF;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.0.16/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.0.16/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.0.16/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Inter;font-style:normal;font-weight:500;src:url(/cf-fonts/v/inter/5.0.16/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}</style>

    <!-- CSS -->
    <style>
        :root{--primary:#6B6D90;--primary-light:#8e90b3;--primary-dark:#4d4f6d;--accent:#2c3e50;--teal:#16a085;--text:#222222;--text-muted:#555555;--bg:#ffffff;--bg-alt:#f8f9fa;--border:#e1e8ed;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 10px rgba(0, 0, 0, 0.1);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.1);--radius:8px;--container:1140px;--font-heading:'Outfit', 'Helvetica Neue', Arial, sans-serif;--font-body:'Inter', 'Helvetica Neue', Arial, sans-serif;}*{box-sizing:border-box;margin:0;padding:0;}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;}img{max-width:100%;height:auto;display:block;}.container{max-width:var(--container);margin:0 auto;padding:0 2rem;}h1, h2, h3, h4{font-family:var(--font-heading);line-height:1.2;margin-bottom:1.5rem;color:var(--primary-dark);}h1{font-size:3rem;font-weight:700;letter-spacing:-0.02em;}h2{font-size:2.25rem;font-weight:600;}h3{font-size:1.5rem;font-weight:600;}a{color:var(--primary);text-decoration:none;transition:all 0.2s ease;}a:hover{color:var(--primary-light);}.site-header{background:white;padding:0.5rem 0;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;}.site-header-inner{display:flex;flex-direction:column;align-items:center;gap:0.5rem;}.logo-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--primary-dark);letter-spacing:-0.02em;}@media (max-width:768px){.logo-text{font-size:1.25rem;}}.main-nav .nav-list{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0;}.nav-item{position:relative;padding:0.25rem 0;}.nav-item>a{font-weight:600;color:var(--text);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.5px;padding:0.5rem 0;}.nav-item:hover>a{color:var(--primary);}.dropdown{position:absolute;top:100%;left:0;background:white;min-width:240px;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:8px;list-style:none;padding:1rem 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.2s ease;z-index:1001;}.dropdown li a{display:block;padding:0.75rem 1.5rem;color:var(--text);font-size:0.9rem;font-weight:500;transition:background 0.2s;}.dropdown li a:hover{background:var(--bg-alt);color:var(--primary);}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}.nav-item.has-dropdown>a::after{content:'▼';font-size:0.6rem;margin-left:0.5rem;vertical-align:middle;}.hero{background:radial-gradient(circle at top right, #f1f5f9 0%, #ffffff 100%);padding:8rem 0;text-align:center;}.hero h1{margin-bottom:1rem;}.hero p{font-size:1.25rem;color:var(--text-muted);max-width:700px;margin:0 auto 3rem;}.cta-box{background:white;padding:3rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:550px;margin:0 auto;border:1px solid var(--border);}.form-group{margin-bottom:1.25rem;text-align:left;}.form-group input{width:100%;padding:0.875rem 1rem;border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color 0.2s;}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(58, 90, 120, 0.1);}.form-flex-row{display:flex;gap:1rem;align-items:flex-start;}.form-flex-row input[name="prenom"]{flex:1;}.form-flex-row input[name="email"]{flex:2;}.form-flex-row .btn{flex:1;}.btn{background:var(--primary);color:white;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;width:100%;transition:transform 0.2s, background 0.2s;}.btn:hover{background:var(--primary-dark);transform:translateY(-2px);}.hero-new{background:url('/assets/img/slide-tdm.jpg');background-size:cover;background-position:right center;padding:6rem 0;min-height:450px;display:flex;align-items:center;color:var(--text);}.hero-new .container{display:flex;justify-content:flex-start;width:100%;}.hero-new-content{max-width:550px;text-align:left;}.hero-new h1{font-size:2.25rem;color:var(--primary-dark);text-transform:uppercase;margin-bottom:1.5rem;font-weight:700;}.hero-new p{font-size:1.05rem;color:var(--text);margin-bottom:2rem;line-height:1.6;font-weight:500;}.btn-large{background:transparent;color:var(--primary);padding:0.75rem 2rem;font-size:1rem;border:1px solid var(--primary);border-radius:4px;display:inline-block;font-weight:500;transition:all 0.3s ease;}.btn-large:hover{background:var(--primary);color:white;}.intro-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;padding:4rem 0;}@media (min-width:992px){.intro-grid.four-cols{grid-template-columns:repeat(4, 1fr);}}.intro-card{background:white;padding:2rem 1.5rem;border-radius:var(--radius);box-shadow:none;text-align:center;border:none;}.blog-categories a{font-size:0.9rem;font-weight:700;color:var(--primary-dark);letter-spacing:0.5px;text-transform:uppercase;border-bottom:2px solid transparent;}.blog-categories a:hover{color:var(--primary);border-bottom-color:var(--primary);}.intro-card h3{font-size:1.1rem;color:var(--primary);text-transform:uppercase;margin-bottom:1rem;font-weight:700;}.intro-card p{font-size:0.95rem;color:var(--text);line-height:1.6;}.card-icon{width:60px;height:60px;margin:0 auto 1.5rem;color:var(--primary);}.card-icon svg{width:100%;height:100%;}.btn-sm{display:inline-block;margin-top:1rem;font-size:0.9rem;font-weight:600;color:var(--primary);}.founder-section{background:var(--accent);color:white;padding:5rem 0;}.founder-section h2, .founder-section h3{color:white;}.founder-flex{display:flex;align-items:center;gap:4rem;}.founder-image{flex:0 0 300px;}.founder-image img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:50%;}.founder-text{flex:1;}.founder-form{background:white;padding:2rem;border-radius:var(--radius);color:var(--text);margin-top:2rem;}.founder-form h3{color:var(--accent);font-size:1.25rem;margin-bottom:1.5rem;}.content-section{padding:6rem 0;}.content-flex{display:flex;align-items:center;gap:4rem;}.content-flex.reverse{flex-direction:row-reverse;}.content-text{flex:1;}.content-image{flex:1;}.content-image img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow-lg);}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem;margin-top:3rem;}.guide-card{text-align:center;}.guide-card img{width:100%;height:300px;object-fit:contain;margin-bottom:1rem;box-shadow:var(--shadow-md);}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:2.5rem;padding:4rem 0;}.post-card{background:white;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:all 0.3s ease;display:flex;flex-direction:column;}.post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}.post-card-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column;}.post-card h3{font-size:1.25rem;margin-bottom:1rem;line-height:1.4;}.post-card .post-meta{font-size:0.85rem;color:var(--text-muted);margin-top:auto;display:flex;justify-content:space-between;}.post-layout{display:grid;grid-template-columns:1fr 300px;gap:4rem;padding:4rem 0;}.post-article{max-width:800px;}.post-content img{max-width:100%;height:auto;border-radius:8px;position:relative;z-index:1;}.post-content>p:first-of-type img{float:left;margin:0 1.5rem 1rem 0;max-width:400px;max-height:none;}.post-content p:not(:first-of-type) img{float:left;margin:0 1rem 0.5rem 0;max-width:300px;max-height:none;}.post-content p img[height*="16"], .post-content p img[height*="24"], .post-content p img[height*="32"]{float:none;display:inline-block;vertical-align:middle;max-height:1.2em;margin:0 0.3rem;max-width:none;}.post-content p{margin-bottom:1.5rem;position:relative;}.post-content h2, .post-content h3{clear:both;margin-top:3rem;}.post-content h2:first-of-type, .post-content h3:first-of-type{margin-top:2rem;}@media (max-width:768px){.post-content>p:first-of-type img, .post-content p:not(:first-of-type) img{float:none;margin:1rem auto;display:block;max-width:100%;}.post-content p img[height*="16"], .post-content p img[height*="24"], .post-content p img[height*="32"]{display:inline-block;margin:0 0.3rem;max-height:1.2em;max-width:none;}}.sidebar{position:sticky;top:6rem;height:fit-content;}.widget{background:var(--bg-alt);padding:2rem;border-radius:var(--radius);margin-bottom:2.5rem;border:1px solid var(--border);}.widget h4{font-size:1.1rem;margin-bottom:1.25rem;}.menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:1.5rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;}.menu-toggle span{width:2rem;height:0.2rem;background:var(--primary);border-radius:10px;transition:all 0.3s ease;position:relative;transform-origin:center;}.menu-toggle.active span:nth-child(1){transform:translateY(0.6rem) rotate(45deg);}.menu-toggle.active span:nth-child(2){opacity:0;}.menu-toggle.active span:nth-child(3){transform:translateY(-0.6rem) rotate(-45deg);}@media (max-width:992px){.container{padding-left:1rem !important;padding-right:1rem !important;}.site-header-inner{flex-direction:row;justify-content:space-between;}.logo{position:relative;z-index:1002;}.menu-toggle{display:flex;z-index:1002;}.main-nav{position:fixed;top:0;right:0;height:100vh;width:100%;background:white;z-index:1000;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;box-shadow:-10px 0 30px rgba(0, 0, 0, 0.1);transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);display:flex;visibility:hidden;}.main-nav.active{transform:translateX(0);visibility:visible;}.nav-list{flex-direction:column;align-items:center;gap:2rem !important;}.nav-item{font-size:1.25rem;width:100%;text-align:center;}.nav-item>a{display:inline-block;padding:0.5rem 1rem;}.nav-item.has-dropdown .dropdown{position:static;opacity:0;visibility:hidden;box-shadow:none;padding:0;height:0;min-width:auto;width:100%;overflow:hidden;transition:all 0.3s ease;text-align:center;background:var(--bg-alt);border-radius:var(--radius);margin-top:0.5rem;}.nav-item.has-dropdown.active .dropdown{opacity:1;visibility:visible;height:auto;padding:1rem 0;margin-bottom:1rem;}.post-layout{grid-template-columns:1fr;}h1{font-size:2rem;}.hero-new{padding:4rem 0;background-position:70% center;}.hero-new-content{background:rgba(255, 255, 255, 0.9);padding:2.5rem 1.5rem;border-radius:var(--radius);box-shadow:var(--shadow-lg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.hero-new h1{font-size:1.85rem;}.hero-new p{font-size:1rem;}.founder-flex, .content-flex{flex-direction:column;gap:2rem;text-align:center;}.content-flex.reverse{flex-direction:column;}.founder-image{flex:0 0 auto;max-width:200px;margin:0 auto;}.form-flex-row{flex-direction:column;width:100%;}.form-flex-row input, .form-flex-row .btn{width:100% !important;flex:none !important;}}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.7);align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;}.modal.active{display:flex;opacity:1;}.modal-content{background-color:white;padding:0;border-radius:var(--radius);width:90%;max-width:800px;position:relative;max-height:95vh;display:flex;flex-direction:column;animation:modalSlide 0.3s ease-out;}@keyframes modalSlide{from{transform:translateY(-50px);opacity:0;}to{transform:translateY(0);opacity:1;}}.modal-close{position:absolute;right:1rem;top:0.5rem;font-size:2.5rem;font-weight:300;color:var(--text-muted);cursor:pointer;z-index:100;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255, 255, 255, 0.8);border-radius:50%;}@media (max-width:768px){.modal-close{right:0.5rem;top:0.5rem;background:white;box-shadow:var(--shadow-sm);}}.modal-body{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;}@media (min-width:768px){.modal-body{flex-direction:row;}}.modal-image{flex:1;background:#f1f4f6;}.modal-image img{width:100%;height:100%;object-fit:cover;}.modal-form{flex:1.2;padding:2.5rem 2rem;text-align:left;}@media (max-width:768px){.modal-form{padding:2rem 1.5rem;}}.modal-form h2{font-size:1.5rem;color:var(--primary);margin-bottom:0.5rem;text-transform:uppercase;}.modal-form p{font-size:0.95rem;color:var(--text-muted);margin-bottom:1.5rem;}.modal-form .form-group{margin-bottom:1rem;}.modal-form input{width:100%;padding:0.85rem 1rem;border:1px solid var(--border);border-radius:4px;font-size:1rem;}.modal-form .btn{width:100%;padding:1rem;background:var(--primary);color:white;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background 0.3s ease;margin-top:0.5rem;}.modal-form .btn:hover{background:var(--primary-dark);}.gdpr-note{margin-top:1.5rem;font-size:0.75rem;color:#999;line-height:1.4;}.gdpr-note p{margin-bottom:0.5rem;font-size:0.7rem;color:#999;}.gdpr-note a{color:var(--primary);text-decoration:underline;}.category-hero{position:relative;padding:8rem 0;margin-bottom:4rem;color:white;text-align:center;background-size:cover;background-position:center;border-radius:var(--radius);overflow:hidden;}.category-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.4);z-index:1;}.category-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;}.category-hero h1{color:white;font-size:3.5rem;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}.category-hero p{font-size:1.25rem;line-height:1.6;opacity:0.95;text-shadow:0 2px 5px rgba(0, 0, 0, 0.3);}.toc{background:var(--bg-alt);padding:2.5rem;border-radius:var(--radius);border:1px solid var(--border);margin-bottom:4rem;}.toc-title{font-size:1.25rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;border-bottom:2px solid var(--primary);display:inline-block;}.toc-list{list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem 3rem;margin:0;padding:0;}.toc-list li a{color:var(--text);font-weight:500;display:flex;align-items:center;gap:0.5rem;}.toc-list li a::before{content:'→';color:var(--primary);font-weight:700;}.toc-list li a:hover{color:var(--primary);}.page-section{padding:4rem 0;border-bottom:1px solid var(--border);}.page-section:last-child{border-bottom:none;}.page-section h2{color:var(--primary);margin-bottom:2rem;}.sidebar .widget{background:white;box-shadow:var(--shadow-sm);}.sidebar .lead-magnet-widget{border:1px solid var(--primary);}@media (max-width:768px){.category-hero h1{font-size:2.5rem;}.toc-list{flex-direction:column;gap:1rem;}}.site-header{position:sticky;top:0;z-index:1000;width:100%;transition:transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);background-color:#fff;}.site-header.header-hidden{transform:translateY(-100%);}body.menu-open .site-header{transform:none !important;}
    </style>

    <!-- CloudFlare Turnstile -->
    <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>



    <link rel="canonical" href="https://techniquesdemeditation.com/">

    <!-- JSON-LD Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@graph": [
        {
          "@type": "Organization",
          "name": "Techniques de Méditation",
          "url": "https://techniquesdemeditation.com",
          "sameAs": [
            "https://cedricv.com",
            "https://fluance.io",
            "https://vie-explosive.fr",
            "https://developpementpersonnel.org",
            "https://instant-academie.com",
            "https://lapleineconscience.com"
          ],
          "founder": {
            "@type": "Person",
            "@id": "https://cedricv.com/#person",
            "name": "Cédric Vonlanthen",
            "url": "https://cedricv.com"
          }
        },
        {
          "@type": "WebSite",
          "name": "Techniques de Méditation",
          "url": "https://techniquesdemeditation.com"
        }
      ]
    }
    </script>
</head>
<body>
    <header class="site-header">
        <div class="container site-header-inner">
            <div class="logo">
                <a href="/">
                    <span class="logo-text">TechniquesDeMeditation.com</span>
                </a>
            </div>
            <button class="menu-toggle" aria-label="Menu" aria-expanded="false">
                <span></span>
                <span></span>
                <span></span>
            </button>
            <nav class="main-nav">
                <ul class="nav-list">
                    <li class="nav-item">
                        <a href="/a-propos/">À PROPOS</a>
                    </li>
                    <li class="nav-item has-dropdown">
                        <a href="/category/meditation/">MÉDITATION</a>
                        <ul class="dropdown">
                            <li><a href="/ressources/">Par où commencer ?</a></li>
                            <li><a href="/category/meditation/technique-meditation/">Les techniques</a></li>
                            <li><a href="/category/meditation/comment-mediter/">Comment méditer ?</a></li>
                            <li><a href="/category/meditation/meditation-exercices/">Les exercices</a></li>
                            <li><a href="/category/stress/">Méditation contre le stress</a></li>
                        </ul>
                    </li>
                    <li class="nav-item has-dropdown">
                        <a href="/ressources/">RESSOURCES</a>
                        <ul class="dropdown">
                            <li><a href="/category/meditation/meditation-video/">Vidéos</a></li>
                            <li><a href="/category/livres-et-methodes/">Livres et méthodes</a></li>
                            <li><a href="/category/citations-meditation/">Citations</a></li>
                            <li><a href="/#guidehome">Guides</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a href="/contactez-nous/">CONTACT</a>
                    </li>
                </ul>
            </nav>
        </div>
    </header>

    <main>
        <section class="hero-new">
    <div class="container">
        <div class="hero-new-content">
            <h1>TECHNIQUES DE MÉDITATION</h1>
            <p>Découvrez la plus grande collection francophone de contenus vous permettant d'aborder l'univers de la méditation.</p>
            <p>Explorez des ressources variées et constamment renouvelées telles que des cours de méditation pour débutants, des méditations guidées ou encore des techniques de méditation pour diminuer le stress et l'anxiété.</p>
            <a href="#" class="btn-large open-modal">Recevez votre cadeau de bienvenue</a>
        </div>
    </div>
</section>

<section class="container">
    <div class="intro-grid four-cols">
        <div class="intro-card">
            <div class="card-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
            </div>
            <h3>PAR OÙ COMMENCER ?</h3>
            <p>Cet art de vivre qu'est la méditation est avant tout un chemin d'apprentissage où chaque pas permet d'aller un peu plus loin dans l'exploration.</p>
            <a href="/meditation/" class="btn-sm">En savoir plus &rarr;</a>
        </div>
        <div class="intro-card">
            <div class="card-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2v2M4.93 4.93l1.41 1.41M2 12h2M4.93 19.07l1.41-1.41M12 22v-2M17.66 19.07l-1.41-1.41M22 12h-2M17.66 4.93l-1.41 1.41M8 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0z"></path></svg>
            </div>
            <h3>TECHNIQUES</h3>
            <p>Chaque technique de méditation a ses caractéristiques propres et ses bienfaits spécifiques.</p>
            <a href="/category/meditation/technique-meditation/" class="btn-sm">En savoir plus &rarr;</a>
        </div>
        <div class="intro-card">
            <div class="card-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 7c2.76 0 5 2.24 5 5s-2.24 5-5 5-5-2.24-5-5 2.24-5 5-5zM12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9z"></path><path d="M12 7v5l3 3"></path></svg>
            </div>
            <h3>COMMENT MÉDITER ?</h3>
            <p>Les bienfaits de la méditation vous inspirent mais vous ne savez pas comment la mettre en pratique ? Découvrez comment faire concrètement pour vous y mettre.</p>
            <a href="/category/meditation/comment-mediter/" class="btn-sm">En savoir plus &rarr;</a>
        </div>
        <div class="intro-card">
            <div class="card-icon">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 20a6 6 0 0 0-12 0M12 4v4M12 12v4M8 8h8M8 12h8M8 16h8"></path><circle cx="12" cy="4" r="2"></circle></svg>
            </div>
            <h3>EXERCICES</h3>
            <p>Entrez dans le vif du sujet et découvrez des exercices pour expérimenter les techniques dont vous avez entendu parler.</p>
            <a href="/category/meditation/meditation-exercices/" class="btn-sm">En savoir plus &rarr;</a>
        </div>
    </div>
</section>

<section class="founder-section">
    <div class="container">
        <div class="founder-flex">
            <div class="founder-image">
                <picture><source type="image/avif" srcset="/img/FZDeVBERiW-320.avif 320w, /img/FZDeVBERiW-500.avif 500w" sizes="(max-width: 768px) 350px, 500px"><source type="image/webp" srcset="/img/FZDeVBERiW-320.webp 320w, /img/FZDeVBERiW-500.webp 500w" sizes="(max-width: 768px) 350px, 500px"><img src="/img/FZDeVBERiW-320.jpeg" alt="Cédric Batons" class="" style="" loading="lazy" decoding="async" width="500" height="548" srcset="/img/FZDeVBERiW-320.jpeg 320w, /img/FZDeVBERiW-500.jpeg 500w" sizes="(max-width: 768px) 350px, 500px"></picture>
            </div>
            <div class="founder-text">
                <h2>QUI SOMMES-NOUS ?</h2>
                <p>Bienvenue sur Techniques de Méditation !</p>
                <p>Le site a été lancé en 2011 par Cédric Vonlanthen pour rendre la méditation accessible à tous. Il fait aujourd’hui partie de l’écosystème <a href="https://fluance.io/fr">Fluance</a>, une initiative dédiée à la présence et au mouvement en conscience.</p>
                <p>Au-delà de la pratique assise, Cédric accompagne également les créateurs à travers son <a href="https://cedricv.com/fr/">coaching pour entrepreneurs</a>, alliant stratégie d'action et alignement intérieur. Aujourd'hui, plusieurs dizaines de milliers de personnes suivent chaque semaine nos ressources pour cultiver leur calme et leur clarté.</p>

                <div class="founder-form">
                    <h3>Recevez la fiche pratique : connectez-vous à votre calme intérieur en 1 seule minute</h3>
                    <form name="lead-capture-founder" method="POST" data-netlify="true" action="https://instant-academie.com/api/capture-lead">
                        <input type="hidden" name="form-name" value="lead-capture-founder">
                        <input type="hidden" name="site_id" value="techniquesdemeditation">
                        <input type="hidden" name="redirect_url" value="https://techniquesdemeditation.com/success/">
                        <div class="form-flex-row">
                            <input type="text" name="prenom" placeholder="Votre prénom" required>
                            <input type="email" name="email" placeholder="Votre e-mail" required>
                            <div class="cf-turnstile" data-sitekey="0x4AAAAAACOLNoZQdYfwh60W" data-appearance="execute"></div>
                            <button type="submit" class="btn">RECEVOIR</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="container" style="padding-top: 4rem; padding-bottom: 4rem; text-align: center;">
    <h2>DE NOMBREUSES RESSOURCES POUR VOUS</h2>
    <p style="max-width: 900px; margin: 0 auto 1.5rem;">Vous trouverez sur Techniques de Méditation tout ce qu’il vous faut pour apprendre à méditer facilement. Vous allez découvrir, à travers nos divers articles, ce que l’on entend par méditation, ses avantages et pourquoi la pratiquer. Nous avons également réuni pour vous des conseils simples et des exercices de méditation au quotidien.</p>
    <p style="max-width: 900px; margin: 0 auto 1.5rem;">Outre les articles, nous mettons à votre disposition toute une sélection de méditations guidées, de livres, de reportages, des guides électroniques…</p>
    <p style="max-width: 900px; margin: 0 auto;">Nous vous invitons aussi à découvrir nos différentes méthodes d’accompagnement comme un accompagnement à la méditation sur 21 jours et l’Instant méditation qui est une formation complète de micro-méditation.</p>
</section>

<section class="container" style="padding-top: 6rem; padding-bottom: 6rem; background: var(--bg-alt); border-radius: var(--radius); margin-bottom: 4rem;">
    <div style="display: flex; gap: 4rem; align-items: flex-start; flex-wrap: wrap;">
        <div style="flex: 2; min-width: 300px;">
            <h2 style="color: var(--primary);">MÉDITATION CONTRE LE STRESS</h2>
            <p>La vie est parfois stressante. Comme vous le savez déjà, le stress peut avoir de graves répercussions sur notre santé, physique et émotionnelle. Heureusement, le simple fait de prendre le temps de faire une pause et de reposer son esprit peut suffire à se sentir mieux.</p>
            <p>De nombreuses études ont montré que la méditation est un outil efficace de gestion du stress, en augmentant la capacité à gérer le stress des méditants. La méditation aide à soulager le stress après seulement huit semaines de pratique régulière.</p>
            <p>Découvrez des exercices simples pour vous aider à mieux gérer votre stress quotidien.</p>
            <a href="/category/stress/" class="btn-sm">Lire plus &rarr;</a>
        </div>
        <div style="flex: 1; min-width: 250px; background: #ffffff; padding: 2.5rem; border-radius: var(--radius); box-shadow: var(--shadow-md); border: 1px solid var(--border);">
            <h3 style="font-size: 1.25rem; margin-bottom: 2rem; color: var(--primary); text-align: center;">NOS GUIDES</h3>
            <div style="display: flex; flex-direction: column; gap: 2.5rem;">
                <div style="display: flex; gap: 1.25rem; align-items: flex-start;">
                    <a href="https://www.amazon.fr/Maigrir-régime-grâce-méditation-ebook/dp/B009S51UCK" target="_blank" style="flex: 0 0 70px;">
                        <picture><source type="image/avif" srcset="/img/QI2QJevVFa-313.avif 313w" sizes="70px"><source type="image/webp" srcset="/img/QI2QJevVFa-313.webp 313w" sizes="70px"><img src="/img/QI2QJevVFa-313.jpeg" alt="Maigrir sans régime" class="" style="width: 100%; height: auto; border-radius: 4px; box-shadow: var(--shadow-sm);" loading="lazy" decoding="async" width="313" height="500"></picture>
                    </a>
                    <div>
                        <h4 style="font-size: 0.95rem; margin-bottom: 0.5rem; line-height: 1.4;">
                            <a href="https://www.amazon.fr/Maigrir-régime-grâce-méditation-ebook/dp/B009S51UCK" target="_blank" style="color: var(--text); font-weight: 600;">Maigrir sans régime grâce à la méditation</a>
                        </h4>
                        <a href="https://www.amazon.fr/Maigrir-régime-grâce-méditation-ebook/dp/B009S51UCK" target="_blank" style="font-size: 0.8rem; font-weight: 600; color: var(--primary);">En savoir plus &rarr;</a>
                    </div>
                </div>
                <div style="display: flex; gap: 1.25rem; align-items: flex-start;">
                    <a href="https://www.amazon.fr/gp/product/B00ARGGE1G" target="_blank" style="flex: 0 0 70px;">
                        <picture><source type="image/avif" srcset="/img/ac96ck1tO_-279.avif 279w" sizes="70px"><source type="image/webp" srcset="/img/ac96ck1tO_-279.webp 279w" sizes="70px"><img src="/img/ac96ck1tO_-279.jpeg" alt="Méditation au travail" class="" style="width: 100%; height: auto; border-radius: 4px; box-shadow: var(--shadow-sm);" loading="lazy" decoding="async" width="279" height="445"></picture>
                    </a>
                    <div>
                        <h4 style="font-size: 0.95rem; margin-bottom: 0.5rem; line-height: 1.4;">
                            <a href="https://www.amazon.fr/gp/product/B00ARGGE1G" target="_blank" style="color: var(--text); font-weight: 600;">Méditation au travail: méthodes pratiques de gestion du stress</a>
                        </h4>
                        <a href="https://www.amazon.fr/gp/product/B00ARGGE1G" target="_blank" style="font-size: 0.8rem; font-weight: 600; color: var(--primary);">En savoir plus &rarr;</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="container" style="text-align: center; padding-top: 4rem; padding-bottom: 4rem; border-top: 1px solid var(--border);">
    <h2 style="font-size: 1.5rem; letter-spacing: 2px;">LE BLOG</h2>
    <div class="blog-categories" style="display: flex; justify-content: center; gap: 2rem; flex-wrap: wrap; margin-top: 2rem;">
        <a href="/category/meditation/">MÉDITATION</a>
        <a href="/category/relaxation/">RELAXATION</a>
        <a href="/category/confiance-en-soi/">CONFIANCE EN SOI</a>
        <a href="/category/sante/">SANTÉ</a>
        <a href="/category/developpement-personnel/">DÉVELOPPEMENT PERSONNEL</a>
        <a href="/category/zen/">ZEN</a>
        <a href="/category/yoga/">YOGA</a>
    </div>
</section>

<section class="container" style="text-align: center; padding-top: 4rem; padding-bottom: 4rem; border-top: 1px solid var(--border);">
    <h2>APPRENEZ À MÉDITER EN TOUTE SIMPLICITÉ !</h2>
    <p style="max-width: 900px; margin: 0 auto; margin-bottom: 3rem;">Pour votre épanouissement, votre bien-être et votre développement personnel, découvrez l’univers de la méditation. Sachez que la méditation a de nombreux bienfaits et bénéfices, et ce, tant sur le plan psychologique que physiologique.</p>
    
    

    <div style="margin-top: 6rem; text-align: left; max-width: 900px; margin-left: auto; margin-right: auto;">
        <h2 style="color: var(--primary);">LA MÉDITATION POUR TOUS</h2>
        <p>Méditer, c’est tout un art ! Pour maîtriser cet art, nous vous détaillons, dans chacun de nos articles et autres ressources, les différentes techniques pour commencer la méditation et pour aller plus loin avec des pratiques plus spécifiques.</p>
        <p>Enfants, adolescents et adultes peuvent s’initier à la méditation. Nul besoin de compétences particulières et peu importe votre âge, sexe, nationalité ou religion. Il y a toujours une technique de méditation adaptée à votre cas.</p>

        <h2 style="color: var(--primary); margin-top: 4rem;">LA MÉDITATION PLEINE CONSCIENCE</h2>
        <p>La pratique de la méditation en pleine conscience attire de plus en plus de monde dernièrement. Mais savez-vous de quoi il s’agit réellement ? En avez-vous déjà entendu parler ? Également appelée méditation pratique ou mindfullness, elle consiste tout simplement à garder toute son attention au moment présent, sur tout ce que vous êtes et sur ce que vous ressentez.</p>
        <p>Il s’agit d’un éveil, d’un réveil au monde. Inutile de faire le vide lors de la pratique qui peut se faire à n’importe quel moment de la journée. Deux méthodes existent pour la pratiquer. Cela vous intéresse ? Voulez-vous en savoir plus ? Nous avons établi un guide complet pour vous éclairer sur le sujet.</p>
        <div style="display: flex; gap: 1rem; margin-top: 1.5rem;">
            <a href="/category/meditation/meditation-pleine-conscience/" class="btn-sm">La méditation pleine conscience</a>
            <a href="/category/meditation/meditation-exercices/" class="btn-sm">Les exercices</a>
        </div>

        <h2 style="color: var(--primary); margin-top: 4rem;">La pratique du yoga et la méditation</h2>
        <p>La méditation a sa place dans la pratique du yoga. Les deux sont étroitement liés même s’il y a des différences dans la pratique. En effet, tout se base sur « la respiration ». Cela aide à retrouver le calme et la sérénité permettant une mise au repos du corps, un relâchement, une récupération et une purification de l’esprit lors de la pratique.</p>
    </div>
</section>

<section class="latest-posts">
    <div class="container">
        <div style="display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 2rem; margin-top: 4rem;">
            <h2>DERNIERS ARTICLES</h2>
            <a href="/archives/" style="font-weight: 500; color: var(--primary);">Voir tout &rarr;</a>
        </div>
        
        <div class="posts-grid"><article class="post-card">
                
                <div class="post-card-content">
                    <span style="font-size: 0.75rem; text-transform: uppercase; color: var(--teal); font-weight: 600; margin-bottom: 0.5rem; display: block;">
                        nouvelles
                    </span>
                    <h3><a href="/shiatsu-et-meditation/">Shiatsu et méditation</a></h3>
                </div>
            </article><article class="post-card">
                
                <div class="post-card-content">
                    <span style="font-size: 0.75rem; text-transform: uppercase; color: var(--teal); font-weight: 600; margin-bottom: 0.5rem; display: block;">
                        non-classe
                    </span>
                    <h3><a href="/id-5343/">Améliorer l’espace de travail en entreprise</a></h3>
                </div>
            </article><article class="post-card">
                
                <div class="post-card-content">
                    <span style="font-size: 0.75rem; text-transform: uppercase; color: var(--teal); font-weight: 600; margin-bottom: 0.5rem; display: block;">
                        non-classe
                    </span>
                    <h3><a href="/id-4859/">Respirer au bureau</a></h3>
                </div>
            </article></div>
    </div>
</section>

    </main>

    <footer class="site-footer">
        <div class="container">
            <div class="footer-links" style="margin-bottom: 2rem;">
                <a href="/plan-du-site/">PLAN DU SITE</a> | 
                <a href="https://instant-academie.com/mentions-legales/" target="_blank" rel="noopener">MENTIONS LÉGALES</a>
            </div>
            <div class="social-links" style="margin-bottom: 2rem; display: flex; gap: 1.5rem; justify-content: center;">
                <a href="https://www.facebook.com/InstantAcademy/" target="_blank">Facebook</a>
                <a href="https://www.instagram.com/fluanceio/" target="_blank">Instagram</a>
                <a href="https://ch.pinterest.com/fluanceio/" target="_blank">Pinterest</a>
            </div>
            <p>&copy; 2026 Techniques de Méditation. Tous droits réservés.</p>
            <p style="font-size: 0.75rem; color: var(--text-muted); margin-top: 1rem; text-align: right;">
                Propulsé par un <a href="https://cedricv.com/fr/site-web-rapide/" target="_blank" rel="noopener" style="color: var(--text-muted); text-decoration: underline;">site web fluide et rapide</a>

            </p>
            <div style="height: 1rem;"></div>
        </div>
    </footer>
    
    <div id="optin-modal" class="modal">
        <div class="modal-content">
            <span class="modal-close">&times;</span>
            <div class="modal-body">
                <div class="modal-image">
                    <img src="https://i.ontraport.com/27119.9053df8349e68a6343b1951019f3d224.PNG" alt="Cadeau de Bienvenue">
                </div>
                <div class="modal-form">
                    <h2>VOTRE CADEAU DE BIENVENUE</h2>
                    <p>connectez-vous à votre calme intérieur en 1 seule minute</p>
                    <form name="lead-magnet" method="POST" action="https://instant-academie.com/api/capture-lead" id="lead-magnet-modal-form">
                        <input type="hidden" name="form-name" value="lead-magnet">
                        <input type="hidden" name="site_id" value="techniquesdemeditation">
                        
                        
                        <p style="display: none;">
                            <label>Ne pas remplir si vous êtes humain: <input name="bot-field" tabindex="-1" autocomplete="off"></label>
                        </p>

                        <div class="form-group">
                            <input type="text" name="firstname" placeholder="Votre prénom" required>
                        </div>
                        <div class="form-group">
                            <input type="email" name="email" placeholder="Votre e-mail" required>
                        </div>
                        <div class="cf-turnstile" data-sitekey="0x4AAAAAACOLNoZQdYfwh60W" data-appearance="execute"></div>
                        <button type="submit" class="btn">RECEVOIR MON CADEAU</button>
                    </form>
                    <div class="gdpr-note">
                        <p>“En soumettant ce formulaire, j’accepte que mes informations soient utilisées dans le cadre de ma demande et de la relation commerciale éthique et personnalisée qui peut en découler.”</p>
                        <p>“Pour connaître et exercer mes droits, notamment pour annuler mon consentement, je consulte les <a href="https://instant-academie.com/mentions-legales/">mentions légales et la politique de confidentialité en cliquant ici</a>”</p>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div id="cookie-banner" class="cookie-banner" style="display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; padding: 1.5rem; box-shadow: 0 -4px 15px rgba(0,0,0,0.1); z-index: 3000;">
        <div class="container" style="display: flex; justify-content: space-between; align-items: center; gap: 2rem;">
            <p style="margin: 0; font-size: 0.9rem;">Ce site utilise des cookies pour vous offrir la meilleure expérience utilisateur possible. <a href="https://instant-academie.com/mentions-legales/" target="_blank" rel="noopener" aria-label="En savoir plus sur la politique de cookies (s'ouvre dans un nouvel onglet)" style="text-decoration: underline;">En savoir plus</a>.</p>
            <div style="display: flex; gap: 1rem;">
                <button id="accept-cookies" class="btn" style="padding: 0.5rem 1.5rem; width: auto;">Accepter</button>
                <button id="refuse-cookies" class="btn" style="padding: 0.5rem 1.5rem; width: auto; background: var(--text-muted);">Refuser</button>
            </div>
        </div>
    </div>

    <script src="/assets/js/main.js"></script>

</body>
</html>
