{"id":441,"date":"2026-09-06T15:00:16","date_gmt":"2026-09-06T15:00:16","guid":{"rendered":"https:\/\/poposafe.com\/?page_id=441"},"modified":"2026-09-08T19:31:39","modified_gmt":"2026-09-08T19:31:39","slug":"441-2","status":"publish","type":"page","link":"https:\/\/poposafe.com\/","title":{"rendered":"Nos mod\u00e8les"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n#poposafe-portfolio-block .ps-black-link {\n  color: inherit !important; \/* H\u00e9rite du noir (#666 ou #0a0a0a) d\u00e9fini sur le parent *\/\n  text-decoration: none !important; \/* Enl\u00e8ve le soulignement bleu par d\u00e9faut *\/\n}\n\n#poposafe-portfolio-block .ps-black-link:hover {\n  color: #000000 !important; \/* Reste noir au survol *\/\n  text-decoration: none !important;\n}\n<\/style>\n\n<div id=\"poposafe-portfolio-block\">\n\n  <!-- =========================================================\n       DONN\u00c9ES STRUCTUR\u00c9ES\n       ========================================================= -->\n  <script type=\"application\/ld+json\">\n  {\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"ItemPage\",\n    \"name\": \"Portfolio de Cr\u00e9ation de Site Pas Cher & Formations SEO - Poposafe\",\n    \"description\": \"D\u00e9couvrez nos mod\u00e8les web d'exception. Cr\u00e9ation de site internet sur-mesure pas cher et formations SEO \/ web adapt\u00e9es \u00e0 votre budget.\",\n    \"url\": \"https:\/\/poposafe.com\/\",\n    \"provider\": {\n      \"@type\": \"EducationalOrganization\",\n      \"name\": \"Poposafe\",\n      \"url\": \"https:\/\/poposafe.com\"\n    }\n  }\n  <\/script>\n\n\n  <!-- =========================================================\n       HEADER\n       ========================================================= -->\n  <header class=\"ps-block-header\">\n\n    <div class=\"ps-nav-row\">\n\n      <a href=\"https:\/\/poposafe.com\/\" class=\"ps-brand\" title=\"Poposafe - Cr\u00e9ation de site pas cher et formation SEO\">\n        <span class=\"ps-brand-mark\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z\"><\/path>\n          <\/svg>\n        <\/span>\n\n        <span>NADIR <\/span>\n      <\/a>\n\n\n      <nav class=\"ps-nav\" aria-label=\"Navigation du portfolio\">\n\n        <a href=\"#ps-projects\" title=\"Mod\u00e8les de sites web pas chers\">\n          \n        <\/a>\n\n        <a href=\"#ps-services\" title=\"Nos services SEO et cr\u00e9ation de site\">\n          Services\n        <\/a>\n\n        <span class=\"novaai-reveal\">\n          <a href=\"https:\/\/poposafe.com\/index.php\/441-2\/\">\n            Nos mod\u00e8les\n          <\/a>\n        <\/span>\n\n        <a href=\"https:\/\/poposafe.com\/index.php\/about-us\/\" title=\"Qui sommes-nous ?\">\n          Qui sommes-nous ?\n        <\/a>\n\n        <a href=\"https:\/\/poposafe.com\/index.php\/contact\/\" title=\"Contacter un expert web\">\n          Contact\n        <\/a>\n\n      <\/nav>\n\n\n      <div class=\"ps-nav-cta-wrapper\">\n\n        <a href=\"https:\/\/wa.me\/33786416871\" class=\"ps-nav-button\" target=\"_blank\" rel=\"noopener\" title=\"Discuter de votre projet web sur WhatsApp\">\n          Discutons de votre projet\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/header>\n\n\n  <!-- =========================================================\n       CONTENU\n       ========================================================= -->\n  <div class=\"ps-block-content\">\n\n\n    <!-- =======================================================\n         INTRO\n         ======================================================= -->\n    <div class=\"ps-intro\" id=\"ps-projects\">\n\n      <div class=\"ps-intro-top\">\n\n        <div class=\"ps-eyebrow ps-reveal\" data-delay=\"0\">\n          \/ PAYABLE EN 4X SANS FRAIS\n        <\/div>\n\n        <div class=\"ps-intro-description ps-reveal\" data-delay=\"100\">\n          Votre m\u00e9tier est unique, votre site doit l&rsquo;\u00eatre aussi.\n          <br>\n          Nous proposons la\n          <strong>cr\u00e9ation de site sur-mesure,<\/strong>\n          <br>\n          <strong>la gestion de votre SEO<\/strong>\n          et des\n          <strong>formations adapt\u00e9es \u00e0 votre budget<\/strong>\n          pour r\u00e9ussir sur Google sans se ruiner.\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"ps-intro-bottom\">\n\n        <h2 class=\"ps-main-title ps-reveal\" data-delay=\"180\">\n          Cr\u00e9ation de site premium &amp;<br>\n          <em>formation SEO performante.<\/em>\n        <\/h2>\n\n\n        <div class=\"ps-project-count ps-reveal\" data-delay=\"260\">\n          <span>+150<\/span>\n\n          <small>\n            MOD\u00c8LES SUR DEMANDE : TROUVEZ LE V\u00d4TRE !\n          <\/small>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =======================================================\n         GALERIE PRINCIPALE\n         01 \u2192 26\n         ======================================================= -->\n    <div class=\"ps-gallery\" aria-label=\"Galerie de projets web\">\n\n\n      <!-- =====================================================\n           COLONNE 1\n           ===================================================== -->\n\n      <div class=\"ps-column\">\n\n        <!-- 01 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"80\">\n\n          <div class=\"ps-project-image\">\n\n            <img decoding=\"async\" class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/animated-bijoux-vert.webp\" alt=\"Site d'exception pour marque de bijoux et mode durable\" loading=\"lazy\">\n\n            <div class=\"ps-image-number\">01<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Haute Joaillerie\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Haute Joaillerie<\/h3>\n            <p>Univers visuel immersif et responsive<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 02 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"180\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/f4444Area.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Mod\u00e8le de site vitrine pour Banque et Fintech\"><\/video>\n\n            <div class=\"ps-image-number\">02<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Banque\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Finance &amp; Fintech<\/h3>\n            <p>Site vitrine s\u00e9curis\u00e9 avec interface moderne<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 03 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"280\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/nex_robotics_robotics_ai.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Site internet high-tech pour Robotique et IA\"><\/video>\n\n            <div class=\"ps-image-number\">03<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Robotique\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Robotique &amp; IA<\/h3>\n            <p>Design innovant et animations fluides<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 13 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"360\">\n\n          <div class=\"ps-project-image\">\n\n            <img decoding=\"async\" class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/hero-automation-machines-preview-DlTveRIN-engine.gif\" alt=\"Design web cr\u00e9atif premium\" loading=\"lazy\">\n\n            <div class=\"ps-image-number\">13<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Design Premium<\/h3>\n            <p>Exp\u00e9rience digitale moderne et \u00e9l\u00e9gante<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 17 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"440\">\n\n          <div class=\"ps-project-image\">\n\n            <img decoding=\"async\" class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/petit-dej.webp\" alt=\"Mod\u00e8le de site web cr\u00e9atif\" loading=\"lazy\">\n\n            <div class=\"ps-image-number\">17<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Creative Web<\/h3>\n            <p>Cr\u00e9ation visuelle et exp\u00e9rience immersive<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 22 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"520\">\n\n          <div class=\"ps-project-image\">\n\n            <img decoding=\"async\" class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/animated-34.webp\" alt=\"Mod\u00e8le de site web premium\" loading=\"lazy\">\n\n            <div class=\"ps-image-number\">22<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Design Premium<\/h3>\n            <p>Interface moderne et exp\u00e9rience immersive<\/p>\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n\n      <!-- =====================================================\n           COLONNE 2\n           ===================================================== -->\n\n      <div class=\"ps-column ps-column-offset\">\n\n\n        <!-- 04 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"120\">\n\n          <div class=\"ps-project-image\">\n\n            <img decoding=\"async\" class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/animated-livre-57.webp\" alt=\"Formation cr\u00e9ation de site pour librairie\" loading=\"lazy\">\n\n            <div class=\"ps-image-number\">04<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Librairie\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Librairie &amp; \u00c9dition<\/h3>\n            <p>Catalogue de livres &amp; syst\u00e8me de r\u00e9servation<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 05 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"220\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/bewpostArea-1.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Mod\u00e8le de site internet pour bijoux\"><\/video>\n\n            <div class=\"ps-image-number\">05<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Bijoux\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Bijoux &amp; Luxe<\/h3>\n            <p>Boutique \u00e9pur\u00e9e optimis\u00e9e conversion<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 06 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"320\">\n\n          <div class=\"ps-project-image\">\n\n            <img decoding=\"async\" class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/animated-22.webp\" alt=\"Cr\u00e9ation de site internet pour beaut\u00e9 et cosm\u00e9tique\" loading=\"lazy\">\n\n            <div class=\"ps-image-number\">06<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Beaut\u00e9\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Beaut\u00e9 &amp; Skincare<\/h3>\n            <p>Design visuel et r\u00e9f\u00e9rencement naturel cibl\u00e9<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 14 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"400\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/NatureRitual_Wellness_Lifestyle.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Site bien-\u00eatre et lifestyle\"><\/video>\n\n            <div class=\"ps-image-number\">14<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Bien-\u00eatre\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Wellness &amp; Lifestyle<\/h3>\n            <p>Univers naturel et exp\u00e9rience apaisante<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 18 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"480\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/synthArea.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Mod\u00e8le de site web technologique\"><\/video>\n\n            <div class=\"ps-image-number\">18<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Technologie\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Tech &amp; Innovation<\/h3>\n            <p>Design futuriste et animations dynamiques<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 23 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"560\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/astra1Area.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Mod\u00e8le de site Astra\"><\/video>\n\n            <div class=\"ps-image-number\">23<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Astra\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Astra<\/h3>\n            <p>Interface moderne et animations immersives<\/p>\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n\n      <!-- =====================================================\n           COLONNE 3\n           ===================================================== -->\n\n      <div class=\"ps-column\">\n\n\n        <!-- 07 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"160\">\n\n          <div class=\"ps-project-image\">\n\n            <img decoding=\"async\" class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/hero-nike-premium-landing-preview-_VyIBlIe.gif\" alt=\"Cr\u00e9ation de site e-commerce pour boutique streetwear\" loading=\"lazy\">\n\n            <div class=\"ps-image-number\">07<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Streetwear\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>E-Commerce Streetwear<\/h3>\n            <p>Boutique en ligne optimis\u00e9e SEO &amp; Mobile<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 08 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"260\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/swimndmitriysvoyage.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Cr\u00e9ation de site pour agence de voyage\"><\/video>\n\n            <div class=\"ps-image-number\">08<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Voyages\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Voyages &amp; H\u00f4tellerie<\/h3>\n            <p>Site de r\u00e9servation rapide et performant<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 09 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"360\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/BuildShield_Property_Construction.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Site web pour entreprise du b\u00e2timent\"><\/video>\n\n            <div class=\"ps-image-number\">09<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet BTP\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>BTP &amp; Construction<\/h3>\n            <p>G\u00e9n\u00e9ration de devis et visibilit\u00e9 locale SEO<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 15 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"440\">\n\n          <div class=\"ps-project-image\">\n\n            <img decoding=\"async\" class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/animated-7.webp\" alt=\"Design web cr\u00e9atif\" loading=\"lazy\">\n\n            <div class=\"ps-image-number\">15<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Finance\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Financial Technology<\/h3>\n            <p>Interface financi\u00e8re moderne et professionnelle<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 19 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"520\">\n\n          <div class=\"ps-project-image\">\n\n            <img decoding=\"async\" class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/animated-8.webp\" alt=\"Design web cr\u00e9atif\" loading=\"lazy\">\n\n            <div class=\"ps-image-number\">19<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Creative Design<\/h3>\n            <p>Direction artistique et identit\u00e9 digitale<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 24 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"600\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/frostbound-travel-tourism.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Site web pour tourisme et voyage\"><\/video>\n\n            <div class=\"ps-image-number\">24<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Voyage\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Travel &amp; Tourism<\/h3>\n            <p>Exp\u00e9rience immersive pour destination touristique<\/p>\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n\n      <!-- =====================================================\n           COLONNE 4\n           ===================================================== -->\n\n      <div class=\"ps-column ps-column-offset\">\n\n\n        <!-- 10 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"200\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/Geno-Trace.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Site internet professionnel secteur m\u00e9dical\"><\/video>\n\n            <div class=\"ps-image-number\">10<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet M\u00e9dical\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Sant\u00e9 &amp; M\u00e9dical<\/h3>\n            <p>Plateforme conforme aux normes de s\u00e9curit\u00e9<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 11 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"300\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/fe42Area-streetswear.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Formation cr\u00e9ation de site e-commerce de mode\"><\/video>\n\n            <div class=\"ps-image-number\">11<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Mode\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Pr\u00eat-\u00e0-porter &amp; Mode<\/h3>\n            <p>Site marchand optimis\u00e9 pour la conversion<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 12 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"400\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/carArea.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Site web d'entreprise secteur transport\"><\/video>\n\n            <div class=\"ps-image-number\">12<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Transports\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Transport &amp; Logistique<\/h3>\n            <p>Pr\u00e9sentation d&rsquo;infrastructures &amp; demande de devis<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 16 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"480\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/132Area.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Mod\u00e8le de site web professionnel\"><\/video>\n\n            <div class=\"ps-image-number\">16<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Business &amp; Corporate<\/h3>\n            <p>Pr\u00e9sentation professionnelle et impact visuel<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 20 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"560\">\n\n          <div class=\"ps-project-image\">\n\n            <img decoding=\"async\" class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/animated-14-1.webp\" alt=\"Mod\u00e8le de site web moderne\" loading=\"lazy\">\n\n            <div class=\"ps-image-number\">20<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Modern Web<\/h3>\n            <p>Design contemporain et responsive<\/p>\n          <\/div>\n\n        <\/article>\n\n\n        <!-- 25 -->\n        <article class=\"ps-project ps-reveal\" data-delay=\"640\">\n\n          <div class=\"ps-project-image\">\n\n            <video class=\"ps-project-media\" src=\"https:\/\/poposafe.com\/wp-content\/uploads\/2026\/09\/mux3.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"metadata\" aria-label=\"Mod\u00e8le de site web cr\u00e9atif\"><\/video>\n\n            <div class=\"ps-image-number\">25<\/div>\n\n            <button class=\"ps-copy\" type=\"button\" aria-label=\"Copier le lien du projet Mux\" data-copy=\"https:\/\/poposafe.com\/\">\n              <svg viewBox=\"0 0 24 24\">\n                <rect x=\"8\" y=\"8\" width=\"11\" height=\"11\" rx=\"2\"><\/rect>\n                <path d=\"M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2\"><\/path>\n              <\/svg>\n            <\/button>\n\n          <\/div>\n\n          <div class=\"ps-project-info\">\n            <h3>Creative Studio<\/h3>\n            <p>Direction artistique et exp\u00e9rience digitale<\/p>\n          <\/div>\n\n        <\/article>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =======================================================\n         PLUS DE DESIGNS\n         ======================================================= -->\n    <div class=\"ps-more-designs ps-reveal\" data-delay=\"150\">\n\n      <div class=\"ps-more-line\"><\/div>\n\n      <div class=\"ps-more-content\">\n\n        <span class=\"ps-more-small\">\n          + DE DESIGNS DISPONIBLES\n        <\/span>\n\n        <h2>\n          Et nous avons encore\n          <em>beaucoup plus de designs<\/em>\n          en r\u00e9serve.\n        <\/h2>\n\n        <p>\n          Ces mod\u00e8les ne repr\u00e9sentent qu&rsquo;une partie de notre biblioth\u00e8que.\n          Nous disposons de nombreux autres designs adapt\u00e9s \u00e0 diff\u00e9rents\n          secteurs d&rsquo;activit\u00e9 et projets.\n        <\/p>\n\n       \n\n      <\/div>\n\n      <div class=\"ps-more-line\"><\/div>\n\n    <\/div>\n\n\n    <!-- =======================================================\n         SERVICES\n         ======================================================= -->\n    <div id=\"ps-services\" class=\"ps-services-seo\">\n\n      <div class=\"ps-services-container\">\n\n        <h3>\n          Cr\u00e9ation de site internet &amp;\n          Formation SEO sur-mesure\n        <\/h3>\n\n\n        <div class=\"ps-services-grid\">\n\n\n          <div class=\"ps-service-box\">\n\n            <h4>\n              Cr\u00e9ation de Site Web Abordable\n            <\/h4>\n\n            <p>\n              Obtenez un site web professionnel, rapide et optimis\u00e9\n              pour Google sans d\u00e9passer votre budget. Id\u00e9al pour\n              ind\u00e9pendants, artisans et TPE, payable en 4x sans frais.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"ps-service-box\">\n\n            <h4>\n              Formation SEO\n            <\/h4>\n\n            <p>\n              Apprenez \u00e0 positionner votre site en premi\u00e8re page\n              de Google avec notre\n              <a href=\"https:\/\/poposafe.com\/index.php\/about-us\/\">\n                formation SEO adapt\u00e9e \u00e0 votre niveau\n              <\/a>\n              accessible aux d\u00e9butants comme aux experts.\n            <\/p>\n\n          <\/div>\n\n\n          <div class=\"ps-service-box\">\n\n            <h4>\n              Formation Cr\u00e9ation de Site\n            <\/h4>\n\n            <p>\n              Ma\u00eetrisez la conception de votre propre site WordPress\n              de A \u00e0 Z gr\u00e2ce \u00e0 une\n              <a href=\"https:\/\/poposafe.com\/index.php\/contact\/\">\n                formation cr\u00e9ation et gestion de site\n              <\/a>\n              dispens\u00e9e par un enseignant du sup\u00e9rieur.\n            <\/p>\n\n          <\/div>\n\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =======================================================\n         ABOUT\n         ======================================================= -->\n    <div id=\"ps-about\" class=\"ps-about\">\n\n      <div class=\"ps-about-label ps-reveal\" data-delay=\"0\">\n\n        <a href=\"https:\/\/poposafe.com\/index.php\/about-us\/\" class=\"ps-black-link\">\n          \/ \u00c0 PROPOS DE NOUS\n        <\/a>\n\n      <\/div>\n\n\n      <div class=\"ps-about-content\">\n\n        <h3 class=\"ps-about-title ps-reveal\" data-delay=\"120\">\n          Nous transformons des id\u00e9es complexes en<br>\n          <em>exp\u00e9riences uniques et accessibles&#8230;<\/em>\n        <\/h3>\n\n\n        <p class=\"ps-about-text ps-reveal\" data-delay=\"220\">\n          De la strat\u00e9gie \u00e0 l&rsquo;ex\u00e9cution, nous allions cr\u00e9ation web\n          sur-mesure, automatisation et r\u00e9f\u00e9rencement naturel.\n          Profitez d&rsquo;une expertise reconnue pour votre\n          <strong>\n            cr\u00e9ation de site, afin de r\u00e9ussir sur Google en ma\u00eetrisant votre budget.\n          <\/strong>\n          Confiez-nous votre SEO ou suivez la\n          <strong>formation SEO<\/strong>\n          \u00e0 nos c\u00f4t\u00e9s afin de le ma\u00eetriser.\n        <\/p>\n\n\n        <a href=\"https:\/\/poposafe.com\/index.php\/contact\/\" class=\"ps-big-button ps-reveal\" data-delay=\"320\" title=\"Contacter un expert pour votre projet web\">\n\n          <span>\n            Nous contacter pour un devis\n          <\/span>\n\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"m13 6 6 6-6 6\"><\/path>\n          <\/svg>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   FONT\n   ========================================================= *\/\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\n\n\n\/* =========================================================\n   BASE\n   ========================================================= *\/\n\n#poposafe-portfolio-block {\n\n  display: block !important;\n\n  width: 100% !important;\n\n  max-width: 100% !important;\n\n  box-sizing: border-box !important;\n\n  background: #ffffff !important;\n\n  color: #0a0a0a !important;\n\n  font-family:\n    'Inter',\n    system-ui,\n    -apple-system,\n    sans-serif !important;\n\n  -webkit-font-smoothing: antialiased !important;\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  position: relative !important;\n\n}\n\n\n#poposafe-portfolio-block *,\n#poposafe-portfolio-block *::before,\n#poposafe-portfolio-block *::after {\n\n  box-sizing: border-box !important;\n\n}\n\n\n\/* =========================================================\n   IMAGES \/ VIDEOS\n   ========================================================= *\/\n\n#poposafe-portfolio-block img.ps-project-media,\n#poposafe-portfolio-block video.ps-project-media {\n\n  display: block !important;\n\n  width: 100% !important;\n\n  height: 100% !important;\n\n  max-width: 100% !important;\n\n  max-height: 100% !important;\n\n  min-width: 0 !important;\n\n  min-height: 0 !important;\n\n  object-fit: cover !important;\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n  border: none !important;\n\n  border-radius: 0 !important;\n\n  box-shadow: none !important;\n\n  transition:\n    transform 500ms ease !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-project:hover\nimg.ps-project-media,\n\n#poposafe-portfolio-block\n.ps-project:hover\nvideo.ps-project-media {\n\n  transform: scale(1.04) !important;\n\n}\n\n\n\/* =========================================================\n   HEADER\n   ========================================================= *\/\n\n#poposafe-portfolio-block\n.ps-block-header {\n\n  position: sticky !important;\n\n  top: 0 !important;\n\n  z-index: 50 !important;\n\n  width: 100% !important;\n\n  border-bottom:\n    1px solid rgba(255,255,255,.1) !important;\n\n  background:\n    rgba(10,10,10,.85) !important;\n\n  -webkit-backdrop-filter:\n    blur(12px) !important;\n\n  backdrop-filter:\n    blur(12px) !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-nav-row {\n\n  display: flex !important;\n\n  align-items: center !important;\n\n  justify-content: space-between !important;\n\n  padding: 1rem 1.25rem !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-brand {\n\n  display: flex !important;\n\n  align-items: center !important;\n\n  gap: .5rem !important;\n\n  font-size: 1.125rem !important;\n\n  font-weight: 500 !important;\n\n  letter-spacing: -.01em !important;\n\n  color: #fff !important;\n\n  text-decoration: none !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-brand-mark {\n\n  display: flex !important;\n\n  align-items: center !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-brand-mark svg {\n\n  width: 24px !important;\n\n  height: 24px !important;\n\n  fill: none !important;\n\n  stroke: #fff !important;\n\n}\n\n\n\/* NAV *\/\n\n#poposafe-portfolio-block\n.ps-nav {\n\n  display: none !important;\n\n  align-items: center !important;\n\n  gap: 2rem !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-nav a {\n\n  font-size: .875rem !important;\n\n  color: #fff !important;\n\n  text-decoration: none !important;\n\n  opacity: .9 !important;\n\n  white-space: nowrap !important;\n\n  transition: opacity .3s ease !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-nav a:hover {\n\n  opacity: 1 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-nav-cta-wrapper {\n\n  display: flex !important;\n\n  justify-content: flex-end !important;\n\n}\n\n\n\/* Bouton \"Discutons de votre projet\" \u2014 identique \u00e0 la page Contact *\/\n\n#poposafe-portfolio-block\n.ps-nav-button {\n\n  display: inline-block !important;\n\n  padding: .5rem 1rem !important;\n\n  border:\n    1px solid rgba(255,255,255,.2) !important;\n\n  border-radius: .375rem !important;\n\n  background:\n    rgba(255,255,255,.1) !important;\n\n  -webkit-backdrop-filter:\n    blur(12px) !important;\n\n  backdrop-filter:\n    blur(12px) !important;\n\n  color: #fff !important;\n\n  font-size: .75rem !important;\n\n  text-decoration: none !important;\n\n  white-space: nowrap !important;\n\n  transition:\n    background .3s ease !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-nav-button:hover {\n\n  background:\n    rgba(255,255,255,.2) !important;\n\n}\n\n\n@media (min-width: 640px) {\n\n  #poposafe-portfolio-block\n  .ps-nav-button {\n\n    padding: .5rem 1.25rem !important;\n\n    font-size: .875rem !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   INTRO\n   ========================================================= *\/\n\n#poposafe-portfolio-block\n.ps-intro {\n\n  padding:\n    60px 20px 50px !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-intro-top {\n\n  display: flex !important;\n\n  justify-content: space-between !important;\n\n  gap: 30px !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-eyebrow {\n\n  color: #555 !important;\n\n  font-size: 11px !important;\n\n  font-weight: 600 !important;\n\n  letter-spacing: .12em !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-intro-description {\n\n  max-width: 400px !important;\n\n  color: #555 !important;\n\n  font-size: 14px !important;\n\n  line-height: 1.6 !important;\n\n  text-align: right !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-intro-bottom {\n\n  display: flex !important;\n\n  align-items: flex-end !important;\n\n  justify-content: space-between !important;\n\n  gap: 30px !important;\n\n  margin-top: 50px !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-main-title {\n\n  margin: 0 !important;\n\n  color: #0a0a0a !important;\n\n  font-size:\n    clamp(32px,4.5vw,64px) !important;\n\n  font-weight: 500 !important;\n\n  line-height: 1.05 !important;\n\n  letter-spacing: -.04em !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-main-title em {\n\n  font-style: normal !important;\n\n  color: #777 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-project-count span {\n\n  display: block !important;\n\n  font-size: 24px !important;\n\n  font-weight: 600 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-project-count small {\n\n  color: #888 !important;\n\n  font-size: 9px !important;\n\n  font-weight: 600 !important;\n\n  letter-spacing: .12em !important;\n\n}\n\n\n\/* =========================================================\n   GALERIE\n   ========================================================= *\/\n\n#poposafe-portfolio-block\n.ps-gallery {\n\n  display: grid !important;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr)) !important;\n\n  gap: 14px !important;\n\n  padding:\n    0 20px 60px !important;\n\n  width: 100% !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-column {\n\n  display: flex !important;\n\n  flex-direction: column !important;\n\n  gap: 36px !important;\n\n  width: 100% !important;\n\n  min-width: 0 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-column-offset {\n\n  padding-top: 36px !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-project {\n\n  width: 100% !important;\n\n  min-width: 0 !important;\n\n  display: block !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-project-image {\n\n  position: relative !important;\n\n  width: 100% !important;\n\n  aspect-ratio: 1.34 \/ 1 !important;\n\n  overflow: hidden !important;\n\n  border-radius: 12px !important;\n\n  background: #f0f0f0 !important;\n\n  margin: 0 !important;\n\n  padding: 0 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-image-number {\n\n  position: absolute !important;\n\n  top: 10px !important;\n\n  left: 10px !important;\n\n  padding: 2px 8px !important;\n\n  border-radius: 99px !important;\n\n  background:\n    rgba(255,255,255,.9) !important;\n\n  color: #111 !important;\n\n  font-size: 9px !important;\n\n  font-weight: 600 !important;\n\n  opacity: 0 !important;\n\n  transition:\n    opacity 200ms ease !important;\n\n  z-index: 2 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-project:hover\n.ps-image-number {\n\n  opacity: 1 !important;\n\n}\n\n\n\/* COPY *\/\n\n#poposafe-portfolio-block\n.ps-copy {\n\n  position: absolute !important;\n\n  top: 10px !important;\n\n  right: 10px !important;\n\n  display: flex !important;\n\n  align-items: center !important;\n\n  justify-content: center !important;\n\n  width: 30px !important;\n\n  height: 30px !important;\n\n  border:\n    1px solid rgba(255,255,255,.5) !important;\n\n  border-radius: 6px !important;\n\n  background:\n    rgba(255,255,255,.9) !important;\n\n  color: #111 !important;\n\n  cursor: pointer !important;\n\n  opacity: 0 !important;\n\n  transition:\n    opacity 200ms ease !important;\n\n  z-index: 2 !important;\n\n  padding: 0 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-project:hover\n.ps-copy {\n\n  opacity: 1 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-copy svg {\n\n  width: 15px !important;\n\n  height: 15px !important;\n\n  fill: none !important;\n\n  stroke: currentColor !important;\n\n  stroke-width: 1.7 !important;\n\n}\n\n\n\/* INFOS *\/\n\n#poposafe-portfolio-block\n.ps-project-info {\n\n  padding-top: 12px !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-project-info h3 {\n\n  margin: 0 !important;\n\n  font-size: 16px !important;\n\n  font-weight: 600 !important;\n\n  color: #0a0a0a !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-project-info p {\n\n  margin: 3px 0 0 !important;\n\n  color: #666 !important;\n\n  font-size: 12px !important;\n\n}\n\n\n\/* =========================================================\n   GALERIE FINALE\n   ========================================================= *\/\n\n#poposafe-portfolio-block\n.ps-gallery-final {\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr)) !important;\n\n}\n\n\n\/* =========================================================\n   MORE DESIGNS\n   ========================================================= *\/\n\n#poposafe-portfolio-block\n.ps-more-designs {\n\n  padding:\n    40px 20px 90px !important;\n\n  text-align: center !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-more-line {\n\n  width: 100% !important;\n\n  height: 1px !important;\n\n  background: #e5e5e5 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-more-content {\n\n  max-width: 700px !important;\n\n  margin: 0 auto !important;\n\n  padding: 55px 20px !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-more-small {\n\n  display: block !important;\n\n  margin-bottom: 18px !important;\n\n  color: #888 !important;\n\n  font-size: 10px !important;\n\n  font-weight: 600 !important;\n\n  letter-spacing: .14em !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-more-content h2 {\n\n  margin: 0 !important;\n\n  color: #0a0a0a !important;\n\n  font-size:\n    clamp(28px,4vw,46px) !important;\n\n  font-weight: 500 !important;\n\n  line-height: 1.1 !important;\n\n  letter-spacing: -.035em !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-more-content h2 em {\n\n  color: #777 !important;\n\n  font-style: normal !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-more-content p {\n\n  max-width: 550px !important;\n\n  margin:\n    20px auto 0 !important;\n\n  color: #666 !important;\n\n  font-size: 14px !important;\n\n  line-height: 1.6 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-more-button {\n\n  display: inline-flex !important;\n\n  align-items: center !important;\n\n  gap: 10px !important;\n\n  margin-top: 25px !important;\n\n  padding:\n    12px 20px !important;\n\n  border-radius: 99px !important;\n\n  background: #0a0a0a !important;\n\n  color: #fff !important;\n\n  font-size: 13px !important;\n\n  text-decoration: none !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-more-button svg {\n\n  width: 15px !important;\n\n  height: 15px !important;\n\n  fill: none !important;\n\n  stroke: currentColor !important;\n\n  stroke-width: 1.8 !important;\n\n}\n\n\n\/* =========================================================\n   SERVICES\n   ========================================================= *\/\n\n#poposafe-portfolio-block\n.ps-services-seo {\n\n  padding:\n    50px 20px !important;\n\n  background: #f9f9f9 !important;\n\n  border-top:\n    1px solid #eee !important;\n\n  border-bottom:\n    1px solid #eee !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-services-seo h3 {\n\n  margin:\n    0 0 30px !important;\n\n  text-align: center !important;\n\n  color: #0a0a0a !important;\n\n  font-size: 1.5rem !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-services-grid {\n\n  display: grid !important;\n\n  grid-template-columns:\n    repeat(auto-fit,minmax(240px,1fr)) !important;\n\n  gap: 20px !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-service-box {\n\n  padding: 24px !important;\n\n  border:\n    1px solid #e2e2e2 !important;\n\n  border-radius: 12px !important;\n\n  background: #fff !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-service-box h4 {\n\n  margin:\n    0 0 10px !important;\n\n  color: #0a0a0a !important;\n\n  font-size: 1.1rem !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-service-box p {\n\n  margin: 0 !important;\n\n  color: #666 !important;\n\n  font-size: .9rem !important;\n\n  line-height: 1.5 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-service-box a {\n\n  color: #d94e1f !important;\n\n  text-decoration: underline !important;\n\n}\n\n\n\/* =========================================================\n   ABOUT\n   ========================================================= *\/\n\n#poposafe-portfolio-block\n.ps-about {\n\n  display: grid !important;\n\n  grid-template-columns:\n    180px 1fr !important;\n\n  gap: 40px !important;\n\n  padding:\n    80px 20px !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-about-label {\n\n  color: #666 !important;\n\n  font-size: 10px !important;\n\n  font-weight: 600 !important;\n\n  letter-spacing: .12em !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-black-link {\n\n  color: #666 !important;\n\n  text-decoration: none !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-about-title {\n\n  margin: 0 !important;\n\n  color: #0a0a0a !important;\n\n  font-size:\n    clamp(28px,3.5vw,48px) !important;\n\n  font-weight: 400 !important;\n\n  line-height: 1.1 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-about-title em {\n\n  color: #777 !important;\n\n  font-style: normal !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-about-text {\n\n  max-width: 550px !important;\n\n  margin:\n    24px 0 0 !important;\n\n  color: #555 !important;\n\n  font-size: 15px !important;\n\n  line-height: 1.6 !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-big-button {\n\n  display: inline-flex !important;\n\n  align-items: center !important;\n\n  gap: 12px !important;\n\n  margin-top: 28px !important;\n\n  padding:\n    12px 20px !important;\n\n  border-radius: 99px !important;\n\n  background: #0a0a0a !important;\n\n  color: #fff !important;\n\n  font-size: 13px !important;\n\n  font-weight: 500 !important;\n\n  text-decoration: none !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-big-button svg {\n\n  width: 15px !important;\n\n  height: 15px !important;\n\n  fill: none !important;\n\n  stroke: currentColor !important;\n\n  stroke-width: 1.8 !important;\n\n}\n\n\n\/* =========================================================\n   ANIMATIONS\n   ========================================================= *\/\n\n#poposafe-portfolio-block\n.ps-reveal {\n\n  opacity: 0 !important;\n\n  transform:\n    translateY(25px) !important;\n\n  transition:\n    opacity 600ms ease,\n    transform 600ms ease !important;\n\n}\n\n\n#poposafe-portfolio-block\n.ps-reveal.ps-visible {\n\n  opacity: 1 !important;\n\n  transform:\n    translateY(0) !important;\n\n}\n\n\n\/* =========================================================\n   TABLETTE\n   ========================================================= *\/\n\n@media (min-width: 768px) {\n\n  #poposafe-portfolio-block\n  .ps-nav-row {\n\n    display: grid !important;\n\n    grid-template-columns:\n      1fr auto 1fr !important;\n\n    align-items: center !important;\n\n    padding:\n      1rem 3rem !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-nav {\n\n    display: flex !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-brand {\n\n    font-size: 1.25rem !important;\n\n  }\n\n}\n\n\n@media (max-width: 900px) {\n\n  #poposafe-portfolio-block\n  .ps-gallery {\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr)) !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-column-offset {\n\n    padding-top: 0 !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-about {\n\n    grid-template-columns:\n      1fr !important;\n\n    gap: 20px !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   IMPORTANT :\n   2 VISUELS PAR LIGNE\n   ========================================================= *\/\n\n@media (max-width: 600px) {\n\n  #poposafe-portfolio-block\n  .ps-intro {\n\n    padding:\n      45px 15px 40px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-intro-top {\n\n    flex-direction: column !important;\n\n    gap: 15px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-intro-description {\n\n    text-align: left !important;\n\n    max-width: 100% !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-intro-bottom {\n\n    flex-direction: column !important;\n\n    align-items: flex-start !important;\n\n    gap: 25px !important;\n\n    margin-top: 40px !important;\n\n  }\n\n\n  \/*\n     2 COLONNES SUR MOBILE\n     AU LIEU D'UNE COLONNE\n  *\/\n\n  #poposafe-portfolio-block\n  .ps-gallery {\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr)) !important;\n\n    gap: 24px 8px !important;\n\n    padding:\n      0 10px 45px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-column {\n\n    gap: 24px !important;\n\n  }\n\n\n  \/*\n     On annule le d\u00e9calage vertical des colonnes\n     pour obtenir une vraie lecture ligne par ligne.\n  *\/\n\n  #poposafe-portfolio-block\n  .ps-column-offset {\n\n    padding-top: 0 !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-project-image {\n\n    border-radius: 8px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-project-info {\n\n    padding-top: 8px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-project-info h3 {\n\n    font-size: 12px !important;\n\n    line-height: 1.25 !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-project-info p {\n\n    font-size: 10px !important;\n\n    line-height: 1.35 !important;\n\n  }\n\n\n  \/*\n     Sur t\u00e9l\u00e9phone, les contr\u00f4les restent l\u00e9g\u00e8rement\n     visibles pour qu'ils soient utilisables au tactile.\n  *\/\n\n  #poposafe-portfolio-block\n  .ps-image-number {\n\n    opacity: 1 !important;\n\n    top: 6px !important;\n\n    left: 6px !important;\n\n    padding:\n      2px 6px !important;\n\n    font-size: 8px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-copy {\n\n    opacity: 1 !important;\n\n    top: 6px !important;\n\n    right: 6px !important;\n\n    width: 25px !important;\n\n    height: 25px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-copy svg {\n\n    width: 12px !important;\n\n    height: 12px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-more-designs {\n\n    padding:\n      25px 15px 65px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-more-content {\n\n    padding:\n      40px 5px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-services-seo {\n\n    padding:\n      40px 15px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-services-grid {\n\n    grid-template-columns:\n      1fr !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-about {\n\n    padding:\n      60px 15px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-about-title br {\n\n    display: none !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   PETIT MOBILE\n   ========================================================= *\/\n\n@media (max-width: 380px) {\n\n  #poposafe-portfolio-block\n  .ps-gallery {\n\n    gap: 22px 7px !important;\n\n    padding-left: 8px !important;\n\n    padding-right: 8px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-project-info h3 {\n\n    font-size: 11px !important;\n\n  }\n\n\n  #poposafe-portfolio-block\n  .ps-project-info p {\n\n    font-size: 9px !important;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  'use strict';\n\n\n  \/* =========================================================\n     ROOT\n     ========================================================= *\/\n\n  const root =\n    document.getElementById(\n      'poposafe-portfolio-block'\n    );\n\n\n  if (!root) return;\n\n\n  \/* =========================================================\n     VID\u00c9OS\n     ========================================================= *\/\n\n  const videos =\n    root.querySelectorAll('video');\n\n\n  videos.forEach(function (video) {\n\n    video.muted = true;\n\n    video.setAttribute(\n      'muted',\n      ''\n    );\n\n    video.setAttribute(\n      'playsinline',\n      ''\n    );\n\n    video.setAttribute(\n      'autoplay',\n      ''\n    );\n\n    video.play().catch(function () {\n\n      \/* Certains navigateurs peuvent bloquer\n         la lecture automatique *\/\n\n    });\n\n  });\n\n\n  \/* =========================================================\n     ANIMATIONS\n     ========================================================= *\/\n\n  const revealElements =\n    root.querySelectorAll(\n      '.ps-reveal'\n    );\n\n\n  if (\n    'IntersectionObserver'\n    in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n\n        function (entries, obs) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (\n                !entry.isIntersecting\n              ) {\n\n                return;\n\n              }\n\n\n              const element =\n                entry.target;\n\n\n              const delay =\n                element.dataset.delay || 0;\n\n\n              element.style.transitionDelay =\n                delay + 'ms';\n\n\n              element.classList.add(\n                'ps-visible'\n              );\n\n\n              obs.unobserve(\n                element\n              );\n\n            }\n          );\n\n        },\n\n        {\n          threshold: 0.08\n        }\n\n      );\n\n\n    revealElements.forEach(\n      function (element) {\n\n        observer.observe(\n          element\n        );\n\n      }\n    );\n\n  } else {\n\n    revealElements.forEach(\n      function (element) {\n\n        element.classList.add(\n          'ps-visible'\n        );\n\n      }\n    );\n\n  }\n\n\n  \/* =========================================================\n     BOUTONS COPIER\n     ========================================================= *\/\n\n  const copyButtons =\n    root.querySelectorAll(\n      '.ps-copy'\n    );\n\n\n  copyButtons.forEach(\n    function (button) {\n\n      button.addEventListener(\n        'click',\n        function (event) {\n\n          event.stopPropagation();\n\n\n          const textToCopy =\n            button.getAttribute(\n              'data-copy'\n            );\n\n\n          if (\n            !textToCopy\n          ) {\n\n            return;\n\n          }\n\n\n          if (\n            navigator.clipboard\n          ) {\n\n            navigator.clipboard\n              .writeText(\n                textToCopy\n              )\n              .then(\n                function () {\n\n                  button.style.background =\n                    '#d94e1f';\n\n                  button.style.color =\n                    '#ffffff';\n\n\n                  setTimeout(\n                    function () {\n\n                      button.style.background =\n                        '';\n\n                      button.style.color =\n                        '';\n\n                    },\n                    1500\n                  );\n\n                }\n              );\n\n          }\n\n        }\n      );\n\n    }\n  );\n\n\n  \/* =========================================================\n     RELANCE DES VID\u00c9OS APR\u00c8S CHARGEMENT\n     ========================================================= *\/\n\n  window.addEventListener(\n    'load',\n    function () {\n\n      videos.forEach(\n        function (video) {\n\n          video.muted = true;\n\n          video.play().catch(\n            function () {}\n          );\n\n        }\n      );\n\n    }\n  );\n\n\n})();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>NADIR Services Nos mod\u00e8les Qui sommes-nous ? Contact Discutons de votre projet \/ PAYABLE EN 4X SANS FRAIS Votre m\u00e9tier est unique, votre site doit l&rsquo;\u00eatre aussi. Nous proposons la cr\u00e9ation de site sur-mesure, la gestion de votre SEO et des formations adapt\u00e9es \u00e0 votre budget pour r\u00e9ussir sur Google sans se ruiner. Cr\u00e9ation de&#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-441","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/441","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=441"}],"version-history":[{"count":57,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/441\/revisions"}],"predecessor-version":[{"id":646,"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/pages\/441\/revisions\/646"}],"wp:attachment":[{"href":"https:\/\/poposafe.com\/index.php\/wp-json\/wp\/v2\/media?parent=441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}