{"id":423,"date":"2026-09-06T14:26:01","date_gmt":"2026-09-06T14:26:01","guid":{"rendered":"https:\/\/poposafe.com\/?page_id=423"},"modified":"2026-09-08T19:31:12","modified_gmt":"2026-09-08T19:31:12","slug":"about-us","status":"publish","type":"page","link":"https:\/\/poposafe.com\/index.php\/about-us\/","title":{"rendered":"\u00e0 propos"},"content":{"rendered":"\n<div id=\"poposafe-about-block\">\n\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"Person\",\n    \"name\": \"Poposafe\",\n    \"url\": \"https:\/\/poposafe.com\",\n    \"jobTitle\": \"Formateur & D\u00e9veloppeur Web\",\n    \"knowsAbout\": [\n      \"Cr\u00e9ation de site internet pas cher\",\n      \"Formation SEO pas ch\u00e8re\",\n      \"Formation cr\u00e9ation de site web\",\n      \"WordPress\",\n      \"R\u00e9f\u00e9rencement naturel\"\n    ],\n    \"description\": \"Expert en cr\u00e9ation de site web et formateur SEO proposant des accompagnements accessibles et performants.\"\n  }\n  <\/script>\n\n  <!-- =========================================================\n       BANDEAU\n       ========================================================= -->\n\n  <header class=\"pab-header\">\n\n\n<div class=\"pab-header-row\">\n\n  <!-- LOGO -->\n  <div class=\"pab-reveal pab-brand\">\n    <a href=\"https:\/\/poposafe.com\/\" title=\"Poposafe - Cr\u00e9ation de site pas cher et formation SEO\">\n\n      <span class=\"pab-brand-mark\">\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M20 16.5V7.5L12 3L4 7.5V16.5L12 21L20 16.5Z\"><\/path>\n        <\/svg>\n      <\/span>\n\n      <span>NADIR <\/span>\n\n    <\/a>\n  <\/div>\n\n\n  <!-- MENU CENTR\u00c9 -->\n  <nav class=\"pab-nav\" aria-label=\"Navigation principale\">\n\n    <span class=\"pab-reveal\">\n      <a href=\"https:\/\/poposafe.com\/#ps-projects\" title=\"SEO\">\n        \n      <\/a>\n    <\/span>\n\n    <span class=\"pab-reveal\">\n      <a href=\"https:\/\/poposafe.com\/index.php\/441-2\/\" title=\"Voir nos mod\u00e8les\">\n        Nos mod\u00e8les\n      <\/a>\n    <\/span>\n\n    <span class=\"pab-reveal\">\n      <a href=\"https:\/\/poposafe.com\/index.php\/about-us\/\" title=\"\u00c0 propos de Poposafe\">\n        Qui sommes-nous ?\n      <\/a>\n    <\/span>\n\n    <span class=\"pab-reveal\">\n      <a href=\"https:\/\/poposafe.com\/index.php\/contact\/\" title=\"Contact\">\n        Contact\n      <\/a>\n    <\/span>\n\n  <\/nav>\n\n\n  <!-- BOUTON DROITE -->\n  <div class=\"pab-nav-cta-wrapper\">\n\n    <a href=\"https:\/\/wa.me\/33786416871\" class=\"pab-nav-button\" target=\"_blank\" rel=\"noopener\" title=\"Discuter de votre projet web\">\n\n      Discutons de votre projet\n\n    <\/a>\n\n  <\/div>\n\n<\/div>\n\n\n  <\/header>\n\n  <!-- =========================================================\n       CONTENU DE LA PAGE\n       ========================================================= -->\n\n  <div class=\"about-page-container\">\n\n\n<!-- SECTION 1: HERO -->\n<section class=\"hero-section\">\n\n  <div class=\"hero-content\">\n\n    <span class=\"section-tag\">\n      Expertise &amp; P\u00e9dagogie Web\n    <\/span>\n\n    <h1 class=\"hero-title\">\n      Cr\u00e9ation de site et formation SEO :\n      l&rsquo;expertise pro au\n      <span>juste prix<\/span>.\n    <\/h1>\n\n    <p class=\"hero-description\">\n      Professeur \u00e0 l&rsquo;universit\u00e9 et d\u00e9veloppeur web,\n      j&rsquo;aide les ind\u00e9pendants et TPE avec des solutions de\n      <strong>cr\u00e9ation de site pas cher<\/strong>\n      et des\n      <strong>formations SEO adapt\u00e9es<\/strong>\n      pour r\u00e9ussir sur Google sans se ruiner.\n    <\/p>\n\n    <a href=\"https:\/\/wa.me\/33786416871\" target=\"_blank\" class=\"hero-cta\" title=\"Contactez-nous pour votre projet web\">\n\n      Demander un devis \n\n      <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n        <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n\n      <\/svg>\n\n    <\/a>\n\n  <\/div>\n\n\n  <div class=\"hero-image-wrapper\">\n\n    <div class=\"hero-image-card\">\n\n      <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Formateur SEO et expert en cr\u00e9ation de site internet pas cher - Poposafe\" width=\"420\" height=\"500\">\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- SECTION 2: STORY -->\n<section class=\"story-section\">\n\n  <div class=\"story-grid\">\n\n    <div class=\"story-header\">\n\n      <span class=\"section-tag\">\n        Notre D\u00e9marche\n      <\/span>\n\n      <h2>\n        Pourquoi proposer la cr\u00e9ation de site et la formation SEO \u00e0 tarif abordable ?\n      <\/h2>\n\n    <\/div>\n\n\n    <div class=\"story-body\">\n\n      <p>\n        Depuis <strong>6 ans que j&rsquo;enseigne le web<\/strong>,\n        je constate le m\u00eame probl\u00e8me :\n        les petites entreprises pensent souvent que le digital est hors de port\u00e9e.\n        On leur propose soit des agences hors de prix,\n        soit des outils automatis\u00e9s inefficaces sur Google.\n      <\/p>\n\n      <p>\n        En tant qu&rsquo;intervenant en\n        <strong>Master 2 \u00e0 l&rsquo;universit\u00e9<\/strong>,\n        je ma\u00eetrise les exigences techniques les plus pouss\u00e9es :\n        cr\u00e9ation sous WordPress,\n        optimisation des Core Web Vitals\n        et strat\u00e9gies s\u00e9mantiques pouss\u00e9es.\n      <\/p>\n\n      <p>\n        Parall\u00e8lement, mon exp\u00e9rience aupr\u00e8s de grands d\u00e9butants\n        m&rsquo;a appris \u00e0 vulgariser le code et le r\u00e9f\u00e9rencement.\n        C&rsquo;est cette double comp\u00e9tence qui me permet aujourd&rsquo;hui\n        d&rsquo;optimiser mes processus pour proposer une\n        <a href=\"\/creation-de-site\" title=\"Offres de cr\u00e9ation de site internet pas cher\">\n          cr\u00e9ation de site pas cher\n        <\/a>\n        sans conc\u00e9der le moindre centim\u00e8tre sur la qualit\u00e9 technique.\n      <\/p>\n\n      <div class=\"story-highlight\">\n        \u00ab Un petit budget ne doit jamais \u00eatre un frein \u00e0 la visibilit\u00e9 sur Google.\n        Notre mission est de d\u00e9mocratiser le SEO et la technique web. \u00bb\n      <\/div>\n\n      <p>\n        Que vous cherchiez une\n        <a href=\"\/formation-creation-site\" title=\"Formation cr\u00e9ation de site pas ch\u00e8re\">\n          formation \u00e0 la cr\u00e9ation de site pas ch\u00e8re\n        <\/a>\n        pour concevoir votre propre plateforme\n        ou un accompagnement sur-mesure via une\n        <a href=\"\/formation-seo\" title=\"Formation SEO pas ch\u00e8re\">\n          formation SEO pas ch\u00e8re\n        <\/a>\n        pour g\u00e9n\u00e9rer du trafic,\n        nous construisons des solutions rentables d\u00e8s le premier mois.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- SECTION 3: EXPERTISE -->\n<section class=\"expertise-section\">\n\n  <div class=\"section-header-center\">\n\n    <span class=\"section-tag\">\n      Nos Domaines d&rsquo;Action\n    <\/span>\n\n    <h2>\n      Des prestations web performantes et adapt\u00e9es \u00e0 votre budget\n    <\/h2>\n\n  <\/div>\n\n\n  <div class=\"expertise-grid\">\n\n\n    <div class=\"expertise-card\">\n\n      <div class=\"expertise-icon\">\n\n        <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n          <path d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <h3>\n        Cr\u00e9ation de Site Abordable\n      <\/h3>\n\n      <p>\n        Des sites WordPress sur-mesure,\n        rapides, s\u00e9curis\u00e9s et optimis\u00e9s pour la conversion,\n        accessibles d\u00e8s les petits budgets.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"expertise-card\">\n\n      <div class=\"expertise-icon\">\n\n        <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n          <path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <h3>\n        Formation SEO Pas Ch\u00e8re\n      <\/h3>\n\n      <p>\n        Apprenez \u00e0 positionner vos pages en 1\u00e8re page de Google\n        gr\u00e2ce \u00e0 une m\u00e9thode concr\u00e8te,\n        \u00e9tape par \u00e9tape, sans frais superflus.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"expertise-card\">\n\n      <div class=\"expertise-icon\">\n\n        <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n          <path d=\"M12 14l9-5-9-5-9 5 9 5z\"><\/path>\n\n          <path d=\"M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0112 20.055a11.952 11.952 0 01-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z\"><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <h3>\n        Formation Cr\u00e9ation de Site\n      <\/h3>\n\n      <p>\n        Devenez autonome :\n        apprenez \u00e0 structurer, concevoir et administrer\n        votre propre site web de A \u00e0 Z.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"expertise-card\">\n\n      <div class=\"expertise-icon\">\n\n        <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n          <path d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path>\n\n        <\/svg>\n\n      <\/div>\n\n      <h3>\n        Optimisation &amp; Audit Web\n      <\/h3>\n\n      <p>\n        Am\u00e9lioration de vos temps de chargement\n        et correction des freins techniques SEO\n        pour booster votre pr\u00e9sence en ligne.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- SECTION 4: T\u00c9MOIGNAGES -->\n<section class=\"testimonials-section\">\n\n  <div class=\"section-header-center\">\n\n    <span class=\"section-tag\">\n      Avis &amp; Retours d&rsquo;Exp\u00e9rience\n    <\/span>\n\n    <h2>\n      Ils ont boost\u00e9 leur visibilit\u00e9 sans d\u00e9passer leur budget\n    <\/h2>\n\n  <\/div>\n\n\n  <div class=\"testimonials-grid\">\n\n\n    <div class=\"testimonial-card\">\n\n      <p class=\"testimonial-text\">\n        \u00ab Je cherchais une prestation de cr\u00e9ation de site pas ch\u00e8re\n        pour d\u00e9marrer mon activit\u00e9.\n        Poposafe m&rsquo;a livr\u00e9 un site ultra pro,\n        bien r\u00e9f\u00e9renc\u00e9,\n        et m&rsquo;a form\u00e9 pour que je sois totalement autonome. \u00bb\n      <\/p>\n\n      <div class=\"testimonial-author\">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&amp;fit=crop&amp;w=100&amp;q=80\" class=\"author-avatar\" alt=\"Avis client cr\u00e9ation de site pas cher\" width=\"48\" height=\"48\">\n\n        <div class=\"author-info\">\n\n          <h4>\n            Marc D.\n          <\/h4>\n\n          <span>\n            Client Cr\u00e9ation Web\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"testimonial-card\">\n\n      <p class=\"testimonial-text\">\n        \u00ab La formation SEO est d&rsquo;une clart\u00e9 incroyable.\n        Pas de jargon inutile,\n        uniquement des actions concr\u00e8tes pour se positionner sur Google.\n        Un rapport qualit\u00e9\/prix imbattable. \u00bb\n      <\/p>\n\n      <div class=\"testimonial-author\">\n\n        <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?auto=format&amp;fit=crop&amp;w=100&amp;q=80\" class=\"author-avatar\" alt=\"Avis \u00e9tudiant formation SEO\" width=\"48\" height=\"48\">\n\n        <div class=\"author-info\">\n\n          <h4>\n            Camille R.\n          <\/h4>\n\n          <span>\n            \u00c9tudiante en Formation SEO\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- SECTION 5: CTA -->\n<section class=\"cta-section\">\n\n  <h2>\n    Besoin d&rsquo;une cr\u00e9ation de site ou d&rsquo;une formation SEO pas ch\u00e8re ?\n  <\/h2>\n\n  <p>\n    B\u00e9n\u00e9ficiez de 6 ans d&rsquo;exp\u00e9rience dans l&rsquo;enseignement web\n    pour faire d\u00e9coller votre activit\u00e9 au meilleur tarif.\n  <\/p>\n\n  <a href=\"https:\/\/wa.me\/33786416871\" target=\"_blank\" class=\"hero-cta\" title=\"Contactez-nous sur WhatsApp\">\n\n    Discuter de votre projet web\n\n    <svg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n\n      <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n\n    <\/svg>\n\n  <\/a>\n\n<\/section>\n\n\n  <\/div>\n\n<\/div>\n\n<style>\n\n#poposafe-about-block {\n\n  --bg-light: #ffffff;\n  --bg-card: #f8f9fa;\n  --border-card: #e5e7eb;\n\n  --accent: #3a3a3c;\n  --accent-soft: rgba(58,58,60,0.08);\n\n  --text-main: #1a1a1a;\n  --text-muted: #555555;\n\n  --font-family:\n    'Inter',\n    -apple-system,\n    BlinkMacSystemFont,\n    'Segoe UI',\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif;\n\n  display: block;\n\n  background-color: var(--bg-light);\n  color: var(--text-main);\n\n  font-family: var(--font-family);\n\n  line-height: 1.6;\n\n  overflow-x: hidden;\n}\n\n\n#poposafe-about-block,\n#poposafe-about-block *,\n#poposafe-about-block *::before,\n#poposafe-about-block *::after {\n\n  box-sizing: border-box;\n\n}\n\n\n#poposafe-about-block h1,\n#poposafe-about-block h2,\n#poposafe-about-block h3 {\n\n  color: #111111;\n\n  font-weight: 700;\n\n  letter-spacing: -0.02em;\n\n  margin: 0;\n\n}\n\n\n\/* =========================================================\n   BANDEAU \u2014 IDENTIQUE \u00c0 LA PAGE 2\n   ========================================================= *\/\n\n#poposafe-about-block .pab-header {\n\n  position: sticky;\n\n  top: 0;\n\n  z-index: 50;\n\n  width: 100%;\n\n  border-bottom:\n    1px solid rgba(255,255,255,.1);\n\n  background:\n    rgba(10,10,10,.85);\n\n  -webkit-backdrop-filter:\n    blur(12px);\n\n  backdrop-filter:\n    blur(12px);\n\n}\n\n\n#poposafe-about-block .pab-header-row {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  width: 100%;\n\n  padding:\n    1rem 1.25rem;\n\n}\n\n\n@media (min-width: 768px) {\n\n  #poposafe-about-block .pab-header-row {\n\n    display: grid;\n\n    grid-template-columns:\n      1fr auto 1fr;\n\n    align-items: center;\n\n    padding:\n      1rem 3rem;\n\n  }\n\n}\n\n\n@media (min-width: 640px) and (max-width: 767px) {\n\n  #poposafe-about-block .pab-header-row {\n\n    padding:\n      1rem 2rem;\n\n  }\n\n}\n\n\n\/* =========================================================\n   LOGO\n   ========================================================= *\/\n\n#poposafe-about-block .pab-brand {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-self: start;\n\n  font-size: 1.125rem;\n\n  font-weight: 500;\n\n  letter-spacing: -.01em;\n\n}\n\n\n#poposafe-about-block .pab-brand a {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: .5rem;\n\n  color: #ffffff;\n\n  text-decoration: none;\n\n}\n\n\n@media (min-width: 640px) {\n\n  #poposafe-about-block .pab-brand {\n\n    font-size: 1.25rem;\n\n  }\n\n}\n\n\n#poposafe-about-block .pab-brand-mark {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n}\n\n\n#poposafe-about-block .pab-brand-mark svg {\n\n  width: 24px;\n\n  height: 24px;\n\n  fill: none;\n\n  stroke: currentColor;\n\n  stroke-width: 1.5;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n\n}\n\n\n\/* =========================================================\n   MENU\n   ========================================================= *\/\n\n#poposafe-about-block .pab-nav {\n\n  display: none;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 2rem;\n\n  justify-self: center;\n\n}\n\n\n@media (min-width: 768px) {\n\n  #poposafe-about-block .pab-nav {\n\n    display: flex;\n\n  }\n\n}\n\n\n@media (min-width: 1024px) {\n\n  #poposafe-about-block .pab-nav {\n\n    gap: 2.5rem;\n\n  }\n\n}\n\n\n#poposafe-about-block .pab-nav a {\n\n  display: inline-block;\n\n  color: #ffffff;\n\n  font-size: .875rem;\n\n  font-weight: 400;\n\n  text-decoration: none;\n\n  white-space: nowrap;\n\n  opacity: .9;\n\n  transition:\n    opacity .3s ease;\n\n}\n\n\n#poposafe-about-block .pab-nav a:hover {\n\n  opacity: 1;\n\n}\n\n\n\/* =========================================================\n   BOUTON \u00c0 DROITE\n   ========================================================= *\/\n\n#poposafe-about-block .pab-nav-cta-wrapper {\n\n  display: flex;\n\n  justify-content: flex-end;\n\n  justify-self: end;\n\n}\n\n\n#poposafe-about-block .pab-nav-button {\n\n  display: inline-block;\n\n  padding:\n    .5rem 1rem;\n\n  border:\n    1px solid rgba(255,255,255,.2);\n\n  border-radius:\n    .375rem;\n\n  background:\n    rgba(255,255,255,.1);\n\n  -webkit-backdrop-filter:\n    blur(12px);\n\n  backdrop-filter:\n    blur(12px);\n\n  color: #ffffff;\n\n  font-size: .75rem;\n\n  font-weight: 400;\n\n  text-decoration: none;\n\n  white-space: nowrap;\n\n  transition:\n    background .3s ease;\n\n}\n\n\n@media (min-width: 640px) {\n\n  #poposafe-about-block .pab-nav-button {\n\n    padding:\n      .5rem 1.25rem;\n\n    font-size: .875rem;\n\n  }\n\n}\n\n\n#poposafe-about-block .pab-nav-button:hover {\n\n  background:\n    rgba(255,255,255,.2);\n\n}\n\n\n\/* =========================================================\n   ANIMATION DU BANDEAU\n   ========================================================= *\/\n\n#poposafe-about-block .pab-reveal {\n\n  transition:\n    all .7s ease-out;\n\n  transform:\n    translateY(2rem);\n\n  opacity: 0;\n\n  will-change:\n    transform;\n\n}\n\n\n#poposafe-about-block .pab-reveal.is-visible {\n\n  transform:\n    translateY(0);\n\n  opacity: 1;\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n   ========================================================= *\/\n\n#poposafe-about-block .about-page-container {\n\n  max-width: 1200px;\n\n  margin: 0 auto;\n\n  padding:\n    60px 20px 100px;\n\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n#poposafe-about-block .hero-section {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 60px;\n\n  min-height: 70vh;\n\n  padding:\n    40px 0;\n\n}\n\n\n#poposafe-about-block .hero-content {\n\n  flex: 1;\n\n}\n\n\n#poposafe-about-block .hero-title {\n\n  font-size: 3rem;\n\n  line-height: 1.15;\n\n  margin-bottom: 24px;\n\n}\n\n\n#poposafe-about-block .hero-title span {\n\n  color: var(--accent);\n\n}\n\n\n#poposafe-about-block .hero-description {\n\n  max-width: 580px;\n\n  margin-bottom: 36px;\n\n  font-size: 1.15rem;\n\n  color: var(--text-muted);\n\n}\n\n\n\/* =========================================================\n   CTA\n   ========================================================= *\/\n\n#poposafe-about-block .hero-cta {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 12px;\n\n  padding:\n    16px 32px;\n\n  background:\n    rgba(30,30,32,.5);\n\n  -webkit-backdrop-filter:\n    blur(20px) saturate(180%);\n\n  backdrop-filter:\n    blur(20px) saturate(180%);\n\n  border:\n    1px solid rgba(255,255,255,.14);\n\n  border-radius:\n    50px;\n\n  color:\n    #ffffff;\n\n  text-decoration:\n    none;\n\n  font-weight:\n    600;\n\n  font-size:\n    1rem;\n\n  transition:\n    all .3s ease;\n\n  box-shadow:\n    0 10px 25px rgba(0,0,0,.15);\n\n}\n\n\n#poposafe-about-block .hero-cta:hover {\n\n  background:\n    rgba(45,45,48,.6);\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 15px 30px rgba(0,0,0,.2);\n\n}\n\n\n\/* =========================================================\n   IMAGE\n   ========================================================= *\/\n\n#poposafe-about-block .hero-image-wrapper {\n\n  flex:\n    0 0 420px;\n\n  position:\n    relative;\n\n}\n\n\n#poposafe-about-block .hero-image-card {\n\n  position:\n    relative;\n\n  width:\n    100%;\n\n  height:\n    500px;\n\n  border-radius:\n    24px;\n\n  overflow:\n    hidden;\n\n  border:\n    1px solid var(--border-card);\n\n  background:\n    #f0f0f0;\n\n  box-shadow:\n    0 20px 40px rgba(0,0,0,.08);\n\n}\n\n\n#poposafe-about-block .hero-image-card img {\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  object-fit:\n    cover;\n\n  transition:\n    transform .5s ease;\n\n}\n\n\n#poposafe-about-block .hero-image-card:hover img {\n\n  transform:\n    scale(1.03);\n\n}\n\n\n\/* =========================================================\n   STORY\n   ========================================================= *\/\n\n#poposafe-about-block .story-section {\n\n  padding:\n    90px 0;\n\n  border-top:\n    1px solid var(--border-card);\n\n}\n\n\n#poposafe-about-block .story-grid {\n\n  display:\n    flex;\n\n  gap:\n    60px;\n\n  align-items:\n    flex-start;\n\n}\n\n\n#poposafe-about-block .story-header {\n\n  flex:\n    0 0 380px;\n\n}\n\n\n#poposafe-about-block .story-header h2 {\n\n  font-size:\n    2.2rem;\n\n  line-height:\n    1.2;\n\n}\n\n\n#poposafe-about-block .story-body {\n\n  flex:\n    1;\n\n  color:\n    var(--text-muted);\n\n  font-size:\n    1.1rem;\n\n}\n\n\n#poposafe-about-block .story-body p {\n\n  margin-bottom:\n    20px;\n\n}\n\n\n#poposafe-about-block .story-body a {\n\n  color:\n    var(--accent);\n\n  text-decoration:\n    underline;\n\n  font-weight:\n    600;\n\n}\n\n\n#poposafe-about-block .story-highlight {\n\n  padding:\n    24px;\n\n  background:\n    var(--bg-card);\n\n  border-left:\n    4px solid var(--accent);\n\n  border-radius:\n    0 12px 12px 0;\n\n  margin:\n    30px 0;\n\n  color:\n    var(--text-main);\n\n  font-style:\n    italic;\n\n}\n\n\n\/* =========================================================\n   EXPERTISE\n   ========================================================= *\/\n\n#poposafe-about-block .expertise-section {\n\n  padding:\n    90px 0;\n\n  border-top:\n    1px solid var(--border-card);\n\n}\n\n\n#poposafe-about-block .section-header-center {\n\n  text-align:\n    center;\n\n  max-width:\n    700px;\n\n  margin:\n    0 auto 60px;\n\n}\n\n\n#poposafe-about-block .section-header-center h2 {\n\n  font-size:\n    2.4rem;\n\n}\n\n\n#poposafe-about-block .expertise-grid {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(260px, 1fr));\n\n  gap:\n    24px;\n\n}\n\n\n#poposafe-about-block .expertise-card {\n\n  background:\n    var(--bg-card);\n\n  border:\n    1px solid var(--border-card);\n\n  border-radius:\n    16px;\n\n  padding:\n    36px 28px;\n\n  transition:\n    all .3s ease;\n\n}\n\n\n#poposafe-about-block .expertise-card:hover {\n\n  transform:\n    translateY(-6px);\n\n  border-color:\n    rgba(58,58,60,.35);\n\n  box-shadow:\n    0 10px 30px rgba(0,0,0,.05);\n\n}\n\n\n#poposafe-about-block .expertise-icon {\n\n  width:\n    48px;\n\n  height:\n    48px;\n\n  background:\n    var(--accent-soft);\n\n  color:\n    var(--accent);\n\n  border-radius:\n    12px;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  margin-bottom:\n    24px;\n\n}\n\n\n#poposafe-about-block .expertise-card h3 {\n\n  font-size:\n    1.3rem;\n\n  margin-bottom:\n    12px;\n\n}\n\n\n#poposafe-about-block .expertise-card p {\n\n  color:\n    var(--text-muted);\n\n  font-size:\n    .98rem;\n\n}\n\n\n\/* =========================================================\n   T\u00c9MOIGNAGES\n   ========================================================= *\/\n\n#poposafe-about-block .testimonials-section {\n\n  padding:\n    90px 0;\n\n  border-top:\n    1px solid var(--border-card);\n\n}\n\n\n#poposafe-about-block .testimonials-grid {\n\n  display:\n    grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(320px, 1fr));\n\n  gap:\n    30px;\n\n}\n\n\n#poposafe-about-block .testimonial-card {\n\n  background:\n    var(--bg-card);\n\n  border:\n    1px solid var(--border-card);\n\n  border-radius:\n    20px;\n\n  padding:\n    32px;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    space-between;\n\n}\n\n\n#poposafe-about-block .testimonial-text {\n\n  color:\n    var(--text-muted);\n\n  font-size:\n    1.05rem;\n\n  margin-bottom:\n    24px;\n\n}\n\n\n#poposafe-about-block .testimonial-author {\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  gap:\n    16px;\n\n}\n\n\n#poposafe-about-block .author-avatar {\n\n  width:\n    48px;\n\n  height:\n    48px;\n\n  border-radius:\n    50%;\n\n  background:\n    #e0e0e0;\n\n  object-fit:\n    cover;\n\n}\n\n\n#poposafe-about-block .author-info h4 {\n\n  font-size:\n    1rem;\n\n  color:\n    var(--text-main);\n\n  font-weight:\n    600;\n\n}\n\n\n#poposafe-about-block .author-info span {\n\n  font-size:\n    .85rem;\n\n  color:\n    var(--text-muted);\n\n}\n\n\n\/* =========================================================\n   CTA FINAL\n   ========================================================= *\/\n\n#poposafe-about-block .cta-section {\n\n  margin-top:\n    60px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #2c2c2e 0%,\n      #1c1c1e 100%\n    );\n\n  border-radius:\n    24px;\n\n  padding:\n    80px 40px;\n\n  text-align:\n    center;\n\n  box-shadow:\n    0 20px 40px rgba(0,0,0,.15);\n\n}\n\n\n#poposafe-about-block .cta-section h2 {\n\n  font-size:\n    2.4rem;\n\n  margin-bottom:\n    16px;\n\n  color:\n    #ffffff;\n\n}\n\n\n#poposafe-about-block .cta-section p {\n\n  color:\n    #ffffff;\n\n  font-size:\n    1.15rem;\n\n  max-width:\n    650px;\n\n  margin:\n    0 auto 36px;\n\n  opacity:\n    .85;\n\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n   ========================================================= *\/\n\n@media (max-width: 992px) {\n\n  #poposafe-about-block .hero-section {\n\n    flex-direction:\n      column-reverse;\n\n    text-align:\n      center;\n\n    gap:\n      40px;\n\n  }\n\n\n  #poposafe-about-block .hero-description {\n\n    margin-left:\n      auto;\n\n    margin-right:\n      auto;\n\n  }\n\n\n  #poposafe-about-block .hero-image-wrapper {\n\n    flex:\n      none;\n\n    width:\n      100%;\n\n    max-width:\n      380px;\n\n  }\n\n\n  #poposafe-about-block .hero-image-card {\n\n    height:\n      420px;\n\n  }\n\n\n  #poposafe-about-block .story-grid {\n\n    flex-direction:\n      column;\n\n    gap:\n      30px;\n\n  }\n\n\n  #poposafe-about-block .story-header {\n\n    flex:\n      none;\n\n  }\n\n}\n\n\n@media (max-width: 767px) {\n\n  #poposafe-about-block .pab-nav {\n\n    display:\n      none;\n\n  }\n\n}\n\n\n@media (max-width: 576px) {\n\n  #poposafe-about-block .hero-title {\n\n    font-size:\n      2.2rem;\n\n  }\n\n\n  #poposafe-about-block .cta-section h2 {\n\n    font-size:\n      1.8rem;\n\n  }\n\n\n  #poposafe-about-block .cta-section {\n\n    padding:\n      50px 20px;\n\n  }\n\n}\n\n<\/style>\n\n<script>\n(function(){\n\n  \"use strict\";\n\n  \/*\n   * Animation du bandeau\n   *\/\n\n  var revealEls =\n    document.querySelectorAll(\n      '#poposafe-about-block .pab-reveal'\n    );\n\n  revealEls.forEach(function(el, index){\n\n    el.style.transitionDelay =\n      (index * 100) + 'ms';\n\n    requestAnimationFrame(function(){\n\n      setTimeout(function(){\n\n        el.classList.add('is-visible');\n\n      }, 50);\n\n    });\n\n  });\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>NADIR Nos mod\u00e8les Qui sommes-nous ? Contact Discutons de votre projet Expertise &amp; P\u00e9dagogie Web Cr\u00e9ation de site et formation SEO : l&rsquo;expertise pro au juste prix. Professeur \u00e0 l&rsquo;universit\u00e9 et d\u00e9veloppeur web, j&rsquo;aide les ind\u00e9pendants et TPE avec des solutions de cr\u00e9ation de site pas cher et des formations SEO adapt\u00e9es pour r\u00e9ussir sur&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-423","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/comments?post=423"}],"version-history":[{"count":19,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/423\/revisions"}],"predecessor-version":[{"id":645,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/423\/revisions\/645"}],"wp:attachment":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/media?parent=423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}