{"id":11,"date":"2026-02-23T18:17:43","date_gmt":"2026-02-23T18:17:43","guid":{"rendered":"https:\/\/netikia.fr\/?page_id=11"},"modified":"2026-02-25T00:02:18","modified_gmt":"2026-02-25T00:02:18","slug":"accueil","status":"publish","type":"page","link":"https:\/\/netikia.fr\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n\n<!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<title>NETIKIA \u2014 Association pour l&rsquo;\u00e9thique de l&rsquo;IA<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,400&#038;family=Nunito:wght@300;400;700;900&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --navy: #1B3A5C;\n    --teal: #2A8FA0;\n    --teal-light: #3DBDD4;\n    --warm: #F5F0E8;\n    --text: #2C2C2C;\n    --text-light: #666;\n    --accent: #E8A84C;\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    font-family: 'Nunito', sans-serif;\n    background: var(--warm);\n    color: var(--text);\n    line-height: 1.7;\n  }\n\n  \/* HEADER *\/\n  header {\n    background: var(--navy);\n    padding: 20px 40px 20px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  header::before {\n    content: '';\n    position: absolute;\n    top: -80px; left: -80px;\n    width: 300px; height: 300px;\n    border-radius: 50%;\n    background: rgba(42,143,160,0.15);\n  }\n\n  header::after {\n    content: '';\n    position: absolute;\n    bottom: -60px; right: -40px;\n    width: 200px; height: 200px;\n    border-radius: 50%;\n    background: rgba(232,168,76,0.12);\n  }\n\n  .logo-compass {\n    font-size: 48px;\n    margin-bottom: 12px;\n    display: block;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.1s;\n  }\n\n  .site-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 56px;\n    font-weight: 700;\n    color: #fff;\n    letter-spacing: 3px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.2s;\n  }\n\n  .site-tagline {\n    font-size: 16px;\n    color: var(--teal-light);\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    font-weight: 300;\n    margin-top: 10px;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.4s;\n  }\n\n  .header-stripe {\n    width: 60px;\n    height: 3px;\n    background: var(--accent);\n    margin: 20px auto 0;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.5s;\n  }\n\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(20px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* MAIN *\/\n  main {\n    max-width: 860px;\n    margin: 0 auto;\n    padding: 60px 40px 80px;\n  }\n\n  \/* SECTION PR\u00c9SENTATION *\/\n  .section-intro {\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.6s;\n  }\n\n  .section-label {\n    font-size: 11px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--teal);\n    font-weight: 600;\n    margin-bottom: 14px;\n  }\n\n  .section-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 34px;\n    color: var(--navy);\n    line-height: 1.25;\n    margin-bottom: 24px;\n  }\n\n  .section-title em {\n    font-style: italic;\n    color: var(--teal);\n  }\n\n  .lead-text {\n    font-size: 18px;\n    font-weight: 300;\n    color: var(--text);\n    margin-bottom: 20px;\n    line-height: 1.8;\n  }\n\n  .body-text {\n    font-size: 16px;\n    color: #444;\n    margin-bottom: 16px;\n    line-height: 1.8;\n  }\n\n  \/* VALEURS *\/\n  .valeurs {\n    display: flex;\n    gap: 20px;\n    margin: 40px 0;\n    flex-wrap: wrap;\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 0.8s;\n  }\n\n  .valeur-card {\n    flex: 1;\n    min-width: 200px;\n    background: white;\n    border-top: 3px solid var(--teal);\n    padding: 24px 20px;\n    border-radius: 2px;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.06);\n    transition: transform 0.2s, box-shadow 0.2s;\n  }\n\n  .valeur-card:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 6px 20px rgba(0,0,0,0.1);\n  }\n\n  .valeur-card:nth-child(2) { border-top-color: var(--accent); }\n  .valeur-card:nth-child(3) { border-top-color: var(--navy); }\n\n  .valeur-icon { font-size: 28px; margin-bottom: 10px; display: block; }\n\n  .valeur-titre {\n    font-family: 'Playfair Display', serif;\n    font-size: 18px;\n    color: var(--navy);\n    margin-bottom: 8px;\n  }\n\n  .valeur-texte {\n    font-size: 14px;\n    color: var(--text-light);\n    line-height: 1.6;\n  }\n\n  \/* S\u00c9PARATEUR *\/\n  .separator {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin: 50px 0;\n  }\n  .separator::before, .separator::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: #D0D8E0;\n  }\n  .separator span {\n    color: var(--teal);\n    font-size: 20px;\n  }\n\n  \/* SECTION CAF\u00c9 IA *\/\n  .section-cafe {\n    opacity: 0;\n    animation: fadeUp 0.8s ease forwards 1s;\n  }\n\n  .cafe-hero {\n    background: var(--navy);\n    border-radius: 4px;\n    padding: 20px 24px;\n    color: white;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 32px;\n  }\n\n  .cafe-hero::after {\n    content: '\u2615';\n    position: absolute;\n    right: 30px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 80px;\n    opacity: 0.08;\n  }\n\n  .cafe-hero .section-label { color: var(--teal-light); }\n\n  .cafe-hero .section-title {\n    color: white;\n    font-size: 30px;\n    margin-bottom: 16px;\n  }\n\n  .cafe-hero .body-text {\n    color: rgba(255,255,255,0.8);\n    margin-bottom: 0;\n  }\n\n  .cafe-details {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 28px;\n  }\n\n  .detail-block {\n    background: white;\n    padding: 22px 24px;\n    border-radius: 2px;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    border-left: 3px solid var(--accent);\n  }\n\n  .detail-block:nth-child(2) { border-left-color: var(--teal); }\n\n  .detail-label {\n    font-size: 11px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--text-light);\n    font-weight: 600;\n    margin-bottom: 8px;\n  }\n\n  .detail-value {\n    font-family: 'Playfair Display', serif;\n    font-size: 20px;\n    color: var(--navy);\n  }\n\n  .detail-sub {\n    font-size: 14px;\n    color: var(--text-light);\n    margin-top: 4px;\n  }\n\n  .cafe-format {\n    background: #EAF5F7;\n    border-radius: 4px;\n    padding: 28px 32px;\n  }\n\n  .cafe-format .section-label { margin-bottom: 18px; }\n\n  .format-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .format-list li {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    font-size: 15px;\n    color: #444;\n  }\n\n  .format-list li::before {\n    content: '\u2192';\n    color: var(--teal);\n    font-weight: 600;\n    margin-top: 1px;\n    flex-shrink: 0;\n  }\n\n  \/* FOOTER *\/\n  footer {\n    background: var(--navy);\n    color: rgba(255,255,255,0.5);\n    text-align: center;\n    padding: 28px 20px;\n    font-size: 13px;\n    letter-spacing: 1px;\n  }\n\n  footer strong { color: rgba(255,255,255,0.85); }\n\n  @media (max-width: 620px) {\n    .site-title { font-size: 38px; }\n    .section-title { font-size: 26px; }\n    .cafe-details { grid-template-columns: 1fr; }\n    main { padding: 40px 24px 60px; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<header>\n  <img decoding=\"async\" src=\"https:\/\/netikia.fr\/wp-content\/uploads\/2026\/02\/Icone_Fond-Blanc.png\" alt=\"Logo NETIKIA\" style=\"height:80px; margin-bottom:12px; display:block; margin-left:auto; margin-right:auto; opacity:0; animation: fadeUp 0.8s ease forwards 0.1s;\">\n  <h1 class=\"site-title\">NETIKIA<\/h1>\n  <p class=\"site-tagline\">\u00c9thique \u00b7 Intelligence artificielle \u00b7 Citoyennet\u00e9<\/p>\n  <div class=\"header-stripe\"><\/div>\n<\/header>\n\n<main>\n\n  <!-- PR\u00c9SENTATION -->\n  <section class=\"section-intro\">\n    <h2 class=\"section-title\">Une boussole citoyenne<br>dans le monde de <em>l&rsquo;IA<\/em><\/h2>\n\n    <p class=\"lead-text\">\n      NETIKIA est une association loi 1901 fond\u00e9e \u00e0 L\u00e8ge-Cap-Ferret, en Gironde. Elle r\u00e9unit des citoyens curieux et engag\u00e9s qui souhaitent comprendre les enjeux de l&rsquo;intelligence artificielle, en questionner les usages et en explorer les dimensions \u00e9thiques \u2014 sans jargon technique, mais avec rigueur et bienveillance.\n    <\/p>\n\n    <p class=\"body-text\">\n      \u00c0 l&rsquo;heure o\u00f9 l&rsquo;IA s&rsquo;invite dans nos vies \u2014 nos recherches, nos soins, nos emplois, nos relations \u2014, NETIKIA part d&rsquo;une conviction simple : chaque citoyen m\u00e9rite non seulement d&rsquo;<em>acc\u00e9der<\/em> \u00e0 ces technologies, mais d&rsquo;en <strong>comprendre les enjeux<\/strong> et d&rsquo;en <strong>questionner les usages<\/strong>.\n    <\/p>\n\n    <p class=\"body-text\">\n      NETIKIA ne s&rsquo;adresse pas aux experts. Elle s&rsquo;adresse \u00e0 toutes celles et ceux qui veulent penser par eux-m\u00eames, dans un espace de dialogue ouvert, respectueux et stimulant.\n    <\/p>\n\n    <div class=\"valeurs\">\n      <div class=\"valeur-card\">\n        <span class=\"valeur-icon\">\ud83d\udd0d<\/span>\n        <div class=\"valeur-titre\">Curiosit\u00e9<\/div>\n        <p class=\"valeur-texte\">Questionner plut\u00f4t qu&rsquo;accepter. Comprendre avant de juger. Explorer sans crainte.<\/p>\n      <\/div>\n      <div class=\"valeur-card\">\n        <span class=\"valeur-icon\">\u2696\ufe0f<\/span>\n        <div class=\"valeur-titre\">\u00c9thique<\/div>\n        <p class=\"valeur-texte\">R\u00e9fl\u00e9chir aux implications humaines, sociales et d\u00e9mocratiques des outils num\u00e9riques.<\/p>\n      <\/div>\n      <div class=\"valeur-card\">\n        <span class=\"valeur-icon\">\ud83e\udd1d<\/span>\n        <div class=\"valeur-titre\">Accessibilit\u00e9<\/div>\n        <p class=\"valeur-texte\">Des \u00e9changes ouverts \u00e0 tous, sans pr\u00e9requis technique, dans un esprit d&rsquo;\u00e9ducation populaire.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <div class=\"separator\"><span>\u2726<\/span><\/div>\n\n  <!-- CAF\u00c9 IA -->\n  <section class=\"section-cafe\">\n\n    <div class=\"cafe-hero\">\n      <p class=\"section-label\">Notre format phare<\/p>\n      <h2 class=\"section-title\">Le Caf\u00e9 IA<\/h2>\n      <p class=\"body-text\">\n        Un rendez-vous convivial et r\u00e9gulier pour parler d&rsquo;intelligence artificielle autour d&rsquo;un caf\u00e9 \u2014 sans \u00e9cran impos\u00e9, sans cours magistral. Juste des citoyens, des questions, et une conversation qui fait avancer la r\u00e9flexion collective.\n      <\/p>\n    <\/div>\n\n    <div class=\"cafe-details\">\n      <div class=\"detail-block\">\n        <div class=\"detail-label\">Lieu<\/div>\n        <div class=\"detail-value\">L\u00e8ge-Cap-Ferret<\/div>\n        <div class=\"detail-sub\">En partenariat avec la municipalit\u00e9<\/div>\n      <\/div>\n      <div class=\"detail-block\">\n        <div class=\"detail-label\">Public vis\u00e9<\/div>\n        <div class=\"detail-value\">Tout citoyen curieux<\/div>\n        <div class=\"detail-sub\">Aucun pr\u00e9requis technique requis<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"cafe-format\">\n      <p class=\"section-label\">Comment \u00e7a se passe ?<\/p>\n      <ul class=\"format-list\">\n        <li>Un th\u00e8me annonc\u00e9 \u00e0 l&rsquo;avance \u2014 par exemple : \u00ab L&rsquo;IA peut-elle \u00eatre juste ? \u00bb, \u00ab Nos donn\u00e9es, vraiment les n\u00f4tres ? \u00bb, \u00ab ChatGPT \u00e0 l&rsquo;\u00e9cole : ami ou ennemi ? \u00bb<\/li>\n        <li>Une courte introduction pour poser le sujet, accessible \u00e0 tous<\/li>\n        <li>Un \u00e9change libre et anim\u00e9, o\u00f9 toutes les questions ont leur place<\/li>\n        <li>Une ambiance caf\u00e9 : conviviale, sans prise de t\u00eate, mais sans superficialit\u00e9<\/li>\n        <li>Un compte-rendu partag\u00e9 pour prolonger la r\u00e9flexion apr\u00e8s la rencontre<\/li>\n      <\/ul>\n    <\/div>\n\n  <\/section>\n\n<\/main>\n\n<footer>\n  <strong>NETIKIA<\/strong> \u2014 Association loi 1901 &nbsp;\u00b7&nbsp; L\u00e8ge-Cap-Ferret, Gironde &nbsp;\u00b7&nbsp; <strong>netikia.fr<\/strong>\n<\/footer>\n\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>NETIKIA \u2014 Association pour l&rsquo;\u00e9thique de l&rsquo;IA NETIKIA \u00c9thique \u00b7 Intelligence artificielle \u00b7 Citoyennet\u00e9 Une boussole citoyennedans le monde de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/netikia.fr\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/netikia.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/netikia.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/netikia.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/netikia.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":9,"href":"https:\/\/netikia.fr\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/netikia.fr\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/netikia.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}