{"id":762,"date":"2025-10-22T17:01:28","date_gmt":"2025-10-22T17:01:28","guid":{"rendered":"https:\/\/pescamar.ma\/?page_id=762"},"modified":"2025-10-29T10:04:22","modified_gmt":"2025-10-29T10:04:22","slug":"apropos","status":"publish","type":"page","link":"https:\/\/pescamar.ma\/ar\/apropos\/","title":{"rendered":"\u0639\u0646 Pescamar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"762\" class=\"elementor elementor-762\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d810e00 e-con-full e-flex e-con e-parent\" data-id=\"d810e00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-dd60be2 e-flex e-con-boxed e-con e-child\" data-id=\"dd60be2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dad0abb elementor-widget elementor-widget-html\" data-id=\"dad0abb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"fr\" dir=\"ltr\">\n<head>\n  <meta charset=\"utf-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\n\n  <!-- Font Awesome (icons) -->\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n  <style>\n    :root{\n      --brand: #e60000;\n      --maxw: 1200px;\n\n      \/* valeurs par d\u00e9faut (tablette) *\/\n      --header-h: 72px;\n      --logo-h: 42px;\n      --menu-ico: 24px;\n      --side-w: 340px;\n      --pad-x: 16px;\n    }\n\n    html, body{ margin:0; }\n    body{\n      font-family: Arial, sans-serif;\n      padding-top: calc(var(--header-h) + env(safe-area-inset-top));\n      background:#fafafa;\n    }\n\n    \/* Header fixe (fond blanc) *\/\n    .site-header{\n      position: fixed; top:0; left:0; right:0;\n      height: calc(var(--header-h) + env(safe-area-inset-top));\n      padding-top: env(safe-area-inset-top);\n      background:#fff;\n      border-bottom:1px solid #eee;\n      box-shadow:0 6px 18px -12px rgba(0,0,0,.25);\n      z-index:1000;\n    }\n    .header-inner{\n      height:100%;\n      max-width:var(--maxw);\n      margin:0 auto;\n      padding:0 var(--pad-x);\n      display:grid;\n      grid-template-columns: 48px 1fr 48px; \/* mobile\/tablette *\/\n      align-items:center;\n      gap:8px;\n    }\n\n    \/* Hamburger (mobile\/tablette) *\/\n    .menu-toggle{\n      display:grid; place-items:center;\n      width:48px; height:48px;\n      border:0; background:transparent; cursor:pointer;\n      color:var(--brand); font-size:var(--menu-ico);\n      border-radius:10px;\n      transition: background .2s ease, color .2s ease;\n      padding:0;\n    }\n    .menu-toggle:hover, .menu-toggle:focus-visible{\n      background:var(--brand); color:#fff; outline:none;\n    }\n\n    \/* Nav desktop (cach\u00e9e par d\u00e9faut) *\/\n    .main-nav{ display:none; align-items:center; gap:48px; }\n    .nav-link{\n      position:relative; text-decoration:none;\n      color:#111; font-weight:800; letter-spacing:.2px;\n      padding:10px 0; transition: color .2s ease;\n    }\n    .nav-link::after{\n      content:\"\"; position:absolute; left:0; bottom:-6px;\n      height:3px; width:0; background:var(--brand);\n      transition: width .2s ease;\n    }\n    .nav-link:hover{ color: var(--brand); }\n    .nav-link:hover::after{ width:100%; }\n    .nav-link.is-active::after{ width:100%; }\n\n    \/* Logo *\/\n    .logo{ display:inline-flex; justify-content:center; }\n    .logo img{\n      height:var(--logo-h);\n      max-height:calc(var(--header-h) - 24px);\n      display:block;\n    }\n    .right-slot{ width:48px; height:48px; }\n\n    \/* Side nav (mobile\/tablette) *\/\n    .side-nav{\n      position:fixed; top:0; left:0; bottom:0;\n      width:var(--side-w); background:#fff;\n      border-right:1px solid #eee;\n      transform:translateX(-100%);\n      transition:transform .25s ease;\n      z-index:1200;\n      display:flex; flex-direction:column;\n      padding-top: env(safe-area-inset-top);\n    }\n    .side-nav-header{\n      height:var(--header-h);\n      display:flex; align-items:center; justify-content:space-between;\n      padding:0 16px; border-bottom:1px solid #eee;\n    }\n    .close-nav{\n      border:0; background:transparent; cursor:pointer;\n      font-size:22px; color:#888; width:40px; height:40px;\n      border-radius:10px; transition: background .2s ease, color .2s ease;\n    }\n    .close-nav:hover, .close-nav:focus-visible{ background:var(--brand); color:#fff; outline:none; }\n\n    .side-nav a{\n      display:flex; align-items:center; gap:10px;\n      padding:14px 18px;\n      color:#333; text-decoration:none; font-weight:600;\n      border-bottom:1px solid #f3f3f3;\n      transition: background .2s ease, color .2s ease;\n    }\n    .side-nav a i{ color:var(--brand); width:20px; text-align:center; transition: color .2s ease; }\n    .side-nav a:hover, .side-nav a:focus-visible{ background:var(--brand); color:#fff; outline:none; }\n    .side-nav a:hover i, .side-nav a:focus-visible i{ color:#fff; }\n\n    .nav-backdrop{\n      position:fixed; inset:0; background:rgba(0,0,0,.35);\n      opacity:0; visibility:hidden; transition: opacity .2s ease, visibility .2s ease;\n      z-index:1100;\n    }\n    body.nav-open .side-nav{ transform:translateX(0); }\n    body.nav-open .nav-backdrop{ opacity:1; visibility:visible; }\n    body.nav-open{ overflow:hidden; }\n\n    \/* \u2014\u2014\u2014 Breakpoints \u2014\u2014\u2014 *\/\n\n    \/* Mobile \u2264 599px \u2014 header\/ logo grands comme demand\u00e9 *\/\n    @media (max-width:599px){\n      :root{\n        --header-h: 100px;\n        --logo-h: 100px;\n        --menu-ico: 22px;\n        --side-w: 70vw;\n        --pad-x: 12px;\n      }\n      .header-inner{ grid-template-columns:44px 1fr 44px; }\n      .menu-toggle{ width:44px; height:44px; }\n      .logo img{ height:100px !important; max-height:none !important; }\n    }\n\n    \/* Tablet 600\u20131023px *\/\n    @media (min-width:600px) and (max-width:1023px){\n      :root{\n        --header-h:72px; --logo-h:42px; --menu-ico:24px; --side-w:340px; --pad-x:20px;\n      }\n    }\n\n    \/* Desktop \u2265 1024px \u2014 menu visible \u00e0 gauche, logo totalement \u00e0 droite *\/\n    @media (min-width:1024px){\n      :root{\n        --header-h:140px; --logo-h:140px; --menu-ico:22px; --side-w:380px; --pad-x:24px;\n      }\n      .header-inner{\n        max-width:1280px;\n        grid-template-columns: auto 1fr auto; \/* nav | spacer | logo *\/\n      }\n      .menu-toggle{ display:none; }           \/* cacher hamburger *\/\n      .main-nav{ display:flex; justify-self:start; }\n      .right-slot{ display:none; }\n\n      .logo{ justify-self: end; }             \/* logo extr\u00eame droite *\/\n      .site-header{\n        background:#fff; border-bottom:1px solid #eee;\n        box-shadow:0 6px 18px -12px rgba(0,0,0,.25);\n      }\n      .nav-link{ color:#111; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      .menu-toggle, .side-nav, .nav-backdrop{ transition:none; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <header class=\"site-header\" role=\"banner\">\n    <div class=\"header-inner\">\n      <!-- Hamburger (mobile\/tablette) -->\n      <button class=\"menu-toggle\" aria-label=\"Ouvrir le menu\" aria-expanded=\"false\" aria-controls=\"sideNav\">\n        <i class=\"fa-solid fa-bars\"><\/i>\n      <\/button>\n\n      <!-- Menu desktop (visible \u22651024px) -->\n      <nav class=\"main-nav\" aria-label=\"Navigation principale\">\n        <a href=\"\/\" class=\"nav-link is-active\">Accueil<\/a>\n        <!-- NEW: \u00c0 propos de Pescamar -->\n        <a href=\"\/apropos\" class=\"nav-link\">\u00c0 propos de Pescamar<\/a>\n        <a href=\"\/#produits\" class=\"nav-link\">Produits<\/a>\n        <a href=\"\/#contact\" class=\"nav-link\">Contact<\/a>\n      <\/nav>\n\n      <!-- Logo \u2014 en desktop il est align\u00e9 totalement \u00e0 droite -->\n      <a href=\"\/\" class=\"logo\" aria-label=\"Accueil\">\n        <img decoding=\"async\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/logo-1.png\" alt=\"Logo Pescamar\">\n      <\/a>\n\n      <div class=\"right-slot\"><\/div>\n    <\/div>\n  <\/header>\n\n  <!-- Side menu (mobile\/tablette) -->\n  <nav id=\"sideNav\" class=\"side-nav\" aria-label=\"Navigation lat\u00e9rale\">\n    <div class=\"side-nav-header\">\n      <strong>Menu<\/strong>\n      <button class=\"close-nav\" aria-label=\"Fermer le menu\"><i class=\"fa-solid fa-xmark\"><\/i><\/button>\n    <\/div>\n    <a href=\"\/\"><i class=\"fa-solid fa-house\"><\/i> Accueil<\/a>\n    <a href=\"\/#apropos\"><i class=\"fa-solid fa-circle-info\"><\/i> \u00c0 propos de Pescamar<\/a>\n    <a href=\"\/#produits\"><i class=\"fa-solid fa-boxes-stacked\"><\/i> Produits<\/a>\n    <a href=\"\/#contact\"><i class=\"fa-solid fa-envelope\"><\/i> Contact<\/a>\n  <\/nav>\n  <div class=\"nav-backdrop\" aria-hidden=\"true\"><\/div>\n\n  <script>\n    (function(){\n      const body = document.body;\n      const btnOpen = document.querySelector('.menu-toggle');\n      const btnClose = document.querySelector('.close-nav');\n      const backdrop = document.querySelector('.nav-backdrop');\n      const links = document.querySelectorAll('#sideNav a');\n\n      const openNav = () => {\n        body.classList.add('nav-open');\n        btnOpen?.setAttribute('aria-expanded','true');\n        links[0]?.focus();\n      };\n      const closeNav = () => {\n        body.classList.remove('nav-open');\n        btnOpen?.setAttribute('aria-expanded','false');\n        btnOpen?.focus();\n      };\n\n      btnOpen?.addEventListener('click', () => {\n        body.classList.contains('nav-open') ? closeNav() : openNav();\n      });\n      btnClose.addEventListener('click', closeNav);\n      backdrop.addEventListener('click', closeNav);\n      document.addEventListener('keydown', (e) => { if(e.key === 'Escape') closeNav(); });\n\n      \/\/ Active link helper (marks desktop nav link based on hash OR path)\n      const desktopNavLinks = document.querySelectorAll('.main-nav .nav-link');\n      const markActive = () => {\n        const hash = location.hash.replace('#','');\n        const path = location.pathname.replace(\/\\\/+$\/,'');\n        desktopNavLinks.forEach(a => {\n          a.classList.remove('is-active');\n          const href = a.getAttribute('href');\n          const h = (href.split('#')[1] || '').trim();\n          if (h && hash && h === hash) a.classList.add('is-active');\n          else if (!h && (href === path || href === '\/')) a.classList.add('is-active');\n        });\n      };\n      window.addEventListener('hashchange', markActive);\n      markActive();\n\n      \/\/ Close sideNav when a link is clicked\n      links.forEach(a => a.addEventListener('click', closeNav));\n    })();\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27a920d e-flex e-con-boxed e-con e-parent\" data-id=\"27a920d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-868a3ae elementor-widget elementor-widget-heading\" data-id=\"868a3ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00c0 propos de Pescamar<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5f8929 e-flex e-con-boxed e-con e-parent\" data-id=\"a5f8929\" data-element_type=\"container\" data-e-type=\"container\" id=\"apropos\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-734889f e-con-full e-flex e-con e-child\" data-id=\"734889f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1d118a7 e-con-full e-flex e-con e-child\" data-id=\"1d118a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0769558 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"0769558\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Une marque internationale introduite par IberiaTrading<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4e8461 elementor-widget elementor-widget-text-editor\" data-id=\"a4e8461\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Pescamar est une marque internationale reconnue pour la qualit\u00e9 de ses produits de la mer, notamment ses conserves de thon premium. Soucieuse de r\u00e9pondre aux besoins des consommateurs marocains, la marque a fait son entr\u00e9e sur le march\u00e9 national gr\u00e2ce \u00e0 IberiaTrading, importateur et distributeur exclusif au Maroc. Ce partenariat strat\u00e9gique a permis d\u2019introduire un thon de haute qualit\u00e9 r\u00e9pondant aux normes internationales les plus strictes.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6181d7 e-con-full e-flex e-con e-child\" data-id=\"c6181d7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-610936f elementor-widget elementor-widget-image\" data-id=\"610936f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1080\" height=\"1920\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-51.png\" class=\"attachment-full size-full wp-image-767\" alt=\"\" srcset=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-51.png 1080w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-51-169x300.png 169w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-51-576x1024.png 576w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-51-768x1365.png 768w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-51-864x1536.png 864w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ae7607 e-con-full e-flex e-con e-child\" data-id=\"1ae7607\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-20f5290 e-con-full e-flex e-con e-child\" data-id=\"20f5290\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e00d32b elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"e00d32b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"576\" height=\"1024\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-52-576x1024.png\" class=\"attachment-large size-large wp-image-772\" alt=\"\" srcset=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-52-576x1024.png 576w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-52-169x300.png 169w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-52-768x1365.png 768w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-52-864x1536.png 864w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/Untitled-design-52.png 1080w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-725274e e-con-full e-flex e-con e-child\" data-id=\"725274e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-769476d elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"769476d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">L\u2019engagement d\u2019IberiaTrading : qualit\u00e9, confiance et proximit\u00e9<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-438d488 elementor-widget elementor-widget-text-editor\" data-id=\"438d488\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"color: rgba(0,0,0,var(--o42jjq,1)); caret-color: #000000; --ys-xuq: none; font-kerning: normal;\">En tant qu\u2019acteur de r\u00e9f\u00e9rence dans l\u2019importation de produits alimentaires, IberiaTrading s\u2019est donn\u00e9 pour mission de rendre accessible au grand public marocain un thon fiable, savoureux et adapt\u00e9 aux habitudes culinaires locales. Gr\u00e2ce \u00e0 une logistique performante et un r\u00e9seau de distribution \u00e9tendu, l\u2019entreprise assure la disponibilit\u00e9 du thon Pescamar dans les grandes surfaces, \u00e9piceries modernes et points de vente sp\u00e9cialis\u00e9s \u00e0 travers tout le Royaume.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8feae2 e-flex e-con-boxed e-con e-parent\" data-id=\"d8feae2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3c386a1 e-con-full e-flex e-con e-child\" data-id=\"3c386a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e3fd100 e-con-full e-flex e-con e-child\" data-id=\"e3fd100\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74d93d5 elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"74d93d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Le thon Pescamar, une r\u00e9f\u00e9rence dans les foyers marocains<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a187fa6 elementor-widget elementor-widget-text-editor\" data-id=\"a187fa6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Rapidement adopt\u00e9 par les familles, les \u00e9tudiants, les professionnels de la restauration et les amateurs de cuisine m\u00e9diterran\u00e9enne, le thon Pescamar est devenu un ingr\u00e9dient incontournable dans de nombreuses recettes marocaines : salades compos\u00e9es, sandwichs, pastillas revisit\u00e9es, ftours de Ramadan et plats rapides \u00e9quilibr\u00e9s.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-376dc9c e-con-full e-flex e-con e-child\" data-id=\"376dc9c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:792,&quot;url&quot;:&quot;https:\\\/\\\/pescamar.ma\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/pescamar-logo-1.png&quot;}],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0718ad elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"f0718ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/pescamar-logo-1.png\" class=\"attachment-large size-large wp-image-792\" alt=\"\" srcset=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/pescamar-logo-1.png 500w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/pescamar-logo-1-300x300.png 300w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/pescamar-logo-1-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b9f0d36 e-con-full e-flex e-con e-child\" data-id=\"b9f0d36\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c3dde88 e-con-full e-flex e-con e-child\" data-id=\"c3dde88\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-638c6e3 elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"638c6e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/pescamar-logo-2.png\" class=\"attachment-large size-large wp-image-793\" alt=\"\" srcset=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/pescamar-logo-2.png 500w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/pescamar-logo-2-300x300.png 300w, https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/pescamar-logo-2-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad89a41 e-con-full e-flex e-con e-child\" data-id=\"ad89a41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-143ec3b elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"143ec3b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><span class=\"a_GcMg white-space-prewrap font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"--Ys-XuQ: none\"> <\/span><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\" style=\"--Ys-XuQ: none\">Innovation et durabilit\u00e9 au c\u0153ur de notre vision<\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0797e37 elementor-widget elementor-widget-text-editor\" data-id=\"0797e37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-start para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Aux c\u00f4t\u00e9s d\u2019IberiaTrading, Pescamar poursuit son d\u00e9veloppement au Maroc en mettant l\u2019accent sur :<\/span><\/p><p class=\"cvGsUA direction-ltr align-start para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">\u2022 La qualit\u00e9 nutritionnelle du produit<\/span><\/p><p class=\"cvGsUA direction-ltr align-start para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">\u2022 Le respect des normes sanitaires internationales<\/span><\/p><p class=\"cvGsUA direction-ltr align-start para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">\u2022 L\u2019innovation produit<\/span><\/p><p class=\"cvGsUA direction-ltr align-start para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">\u2022 La responsabilit\u00e9 environnementale<\/span><\/p><p class=\"cvGsUA direction-ltr align-start para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">\u2022 La satisfaction durable des consommateurs marocains<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5457717 e-con-full e-flex e-con e-parent\" data-id=\"5457717\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf35d4e elementor-widget elementor-widget-html\" data-id=\"cf35d4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!doctype html>\n<html lang=\"fr\" dir=\"ltr\">\n<head>\n  <meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n\n  <!-- Fonts + Icons -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Merriweather:wght@700;900&display=swap\" rel=\"stylesheet\">\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n  <title>Landing IberiaTrading<\/title>\n\n  <style>\n    \/* Scoped variables *\/\n    #ib-landing{\n      --brand-red: #e60000;\n      --brand-white: #ffffff;\n      --title-font: 'Merriweather', Georgia, 'Times New Roman', serif;\n      --text-font: Arial, Helvetica, system-ui, sans-serif;\n      --maxw: 1200px;\n\n      \/* Ribbon defaults (mobile) *\/\n      --ribbon-top: 18%;\n      --ribbon-height: 54px;\n      --ribbon-angle: -16deg;\n      --ribbon-label: \"IberiaTrading\";\n\n      \/* Espace mini entre bas du logo et ruban (utilis\u00e9 par le JS) *\/\n      --ribbon-gap-from-logo: 16px;\n    }\n\n    html, body{ margin:0; }\n    body{ font-family: Arial, Helvetica, system-ui, sans-serif; background:#fff; }\n\n    \/* Section wrapper *\/\n    #ib-landing{\n      background: var(--brand-red);\n      color: var(--brand-white);\n      min-height: 100vh;\n      display: grid;\n      place-items: center;\n      overflow: hidden; \/* keep ribbon edges tidy *\/\n    }\n\n    \/* Inner container with isolated stacking context so ribbon stays behind *\/\n    #ib-landing .ib-wrap{\n      position: relative;\n      isolation: isolate;\n      min-height: 100vh;\n      max-width: var(--maxw);\n      width: 100%;\n      margin: 0 auto;\n      padding: clamp(20px, 5vw, 40px) 16px;\n      display: grid;\n      align-content: center;\n      justify-items: center;\n      gap: clamp(16px, 3vw, 28px);\n      text-align: center;\n      font-family: var(--text-font);\n    }\n\n    \/* Ribbon BEHIND everything inside .ib-wrap *\/\n    #ib-landing .ib-wrap::before{\n      content: \"\";\n      position: absolute;\n      left: -12vw; right: -12vw;\n      \/* utilise la valeur calcul\u00e9e en px si dispo, sinon la valeur % par d\u00e9faut *\/\n      top: var(--ribbon-top-px, var(--ribbon-top));\n      height: var(--ribbon-height);\n      background: var(--brand-white);\n      transform: rotate(var(--ribbon-angle));\n      box-shadow: 0 10px 24px -14px rgba(0,0,0,.35);\n      z-index: 0;\n      pointer-events: none;\n    }\n    #ib-landing .ib-wrap::after{\n      content: var(--ribbon-label);\n      position: absolute;\n      left: 50%;\n      \/* idem: fallback sur la valeur % *\/\n      top: calc(var(--ribbon-top-px, var(--ribbon-top)) + var(--ribbon-height)\/2);\n      transform: translate(-50%, -50%) rotate(var(--ribbon-angle));\n      font-family: var(--title-font);\n      font-weight: 900;\n      font-size: clamp(18px, 5vw, 40px);\n      color: var(--brand-red);\n      letter-spacing: .4px;\n      z-index: 0;\n      pointer-events: none;\n      user-select: none;\n      white-space: nowrap;\n    }\n\n    \/* Foreground (ABOVE ribbon) *\/\n    #ib-landing .ib-logo,\n    #ib-landing .ib-menu,\n    #ib-landing .ib-socials,\n    #ib-landing .ib-copy{\n      position: relative;\n      z-index: 10; \/* above the ribbon *\/\n    }\n\n    \/* Mobile\/tablet: raised logo as base *\/\n    #ib-landing .ib-logo{\n      width: clamp(160px, 32vw, 320px);\n      height: auto;\n      transform: translateY(-60px);\n    }\n\n    #ib-landing .ib-menu{\n      display: flex;\n      flex-direction: column;\n      gap: clamp(12px, 2.6vw, 18px);\n    }\n    #ib-landing .ib-link{\n      color: var(--brand-white);\n      text-decoration: none;\n      font-weight: 800;\n      font-size: clamp(18px, 3.2vw, 22px);\n      letter-spacing: .2px;\n      position: relative;\n      padding: 4px 6px;\n    }\n    #ib-landing .ib-link::after{\n      content:\"\"; position:absolute; left:0; right:0; bottom:-6px; margin: 0 auto;\n      height: 3px; width: 0; background: var(--brand-white);\n      transition: width .18s ease;\n    }\n    #ib-landing .ib-link:hover::after{ width: 100%; }\n\n    #ib-landing .ib-socials{ margin-top: clamp(10px, 4vw, 24px); }\n    #ib-landing .ib-socials .title{ font-weight: 800; margin-bottom: 8px; opacity: .95; }\n    #ib-landing .icons{\n      display: flex; gap: clamp(14px, 3vw, 24px); justify-content: center; align-items: center;\n    }\n    #ib-landing .icons a{\n      color: var(--brand-white);\n      background: rgba(255,255,255,.12);\n      width: clamp(40px, 6.5vw, 54px);\n      height: clamp(40px, 6.5vw, 54px);\n      display: grid; place-items: center;\n      border-radius: 12px;\n      box-shadow: 0 10px 24px -14px rgba(0,0,0,.35);\n      transition: transform .15s ease, filter .15s ease, background .15s ease;\n      text-decoration: none;\n    }\n    #ib-landing .icons a:hover{ transform: translateY(-2px); background: rgba(255,255,255,.2); }\n    #ib-landing .icons i{ font-size: clamp(18px, 3.2vw, 22px); }\n\n    #ib-landing .ib-copy{\n      margin-top: clamp(10px, 5vh, 28px);\n      color: #f7f7f7;\n      font-size: clamp(12px, 2.5vw, 14px);\n      opacity: .95;\n    }\n\n    \/* Tablet *\/\n    @media (min-width: 600px) and (max-width: 1023px){\n      #ib-landing{\n        --ribbon-top: 16%;\n        --ribbon-height: 68px;\n      }\n      #ib-landing .ib-logo{ transform: translateY(-80px); }\n    }\n\n    \/* Desktop: raise logo a lot (like mobile) + add top padding so it\u2019s not hidden by your site header *\/\n    @media (min-width: 1024px){\n      \/* Move ribbon a bit lower so it never crosses the logo zone (fallback) *\/\n      #ib-landing{ --ribbon-top: 36%; --ribbon-height: 78px; }\n\n      \/* Give space above (compensates for translateY) *\/\n      #ib-landing .ib-wrap{ padding-top: 260px; } \/* adjust to your header height if needed *\/\n\n      \/* Strong raise and stacking *\/\n      #ib-landing .ib-logo{\n        transform: translateY(-220px) !important; \/* -200..-260 according to taste *\/\n        z-index: 999 !important;\n      }\n\n      \/* Horizontal menu on desktop *\/\n      #ib-landing .ib-menu{ flex-direction: row; gap: clamp(28px, 6vw, 64px); }\n    }\n\n    \/* Extra large (optional) *\/\n    @media (min-width: 1440px){\n      #ib-landing .ib-logo{ transform: translateY(-240px) !important; }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      #ib-landing .ib-link::after, #ib-landing .icons a, #ib-landing .ib-logo{ transition: none; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <!-- Brand Landing -->\n  <section id=\"ib-landing\">\n    <div class=\"ib-wrap\" style=\"--ribbon-label:'IberiaTrading'\">\n      <!-- Logo (must stay above the white diagonal ribbon) -->\n      <img decoding=\"async\" class=\"ib-logo\"\n           src=\"https:\/\/pescamar.ma\/wp-content\/uploads\/2025\/10\/logo-2.png\"\n           alt=\"Pescamar\">\n\n      <!-- Menu -->\n      <nav class=\"ib-menu\" aria-label=\"Menu principal\">\n        <a class=\"ib-link\" href=\"\/#produits\">Nos produits<\/a>\n        <a class=\"ib-link\" href=\"\/apropos\">\u00c0 propos<\/a>\n        <a class=\"ib-link\" href=\"\/#recettes\">Recettes<\/a>\n        <a class=\"ib-link\" href=\"\/#contact\">Contact<\/a>\n      <\/nav>\n\n      <!-- Socials -->\n      <div class=\"ib-socials\">\n        <div class=\"title\">Suivez\u2011nous<\/div>\n        <div class=\"icons\">\n          <a href=\"https:\/\/www.instagram.com\/thon.pescamar\/\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\">\n            <i class=\"fa-brands fa-instagram\"><\/i>\n          <\/a>\n          <a href=\"https:\/\/www.tiktok.com\/@thon.pescamar\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"TikTok\">\n            <i class=\"fa-brands fa-tiktok\"><\/i>\n          <\/a>\n          <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\">\n            <i class=\"fa-brands fa-facebook-f\"><\/i>\n          <\/a>\n          <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"YouTube\">\n            <i class=\"fa-brands fa-youtube\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <!-- Copyright -->\n      <p class=\"ib-copy\">Droits d\u2019auteur \u00a9 IberiaTrading 2025. Tous droits r\u00e9serv\u00e9s.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- Positionne le ruban juste sous le logo -->\n  <script>\n    (function(){\n      const wrap = document.querySelector('#ib-landing .ib-wrap');\n      const logo = document.querySelector('#ib-landing .ib-logo');\n\n      function updateRibbonTop(){\n        if(!wrap || !logo) return;\n        const wrapRect = wrap.getBoundingClientRect();\n        const logoRect = logo.getBoundingClientRect();\n        const styles = getComputedStyle(wrap);\n        const gap = parseFloat(styles.getPropertyValue('--ribbon-gap-from-logo')) || 16;\n\n        \/\/ bas du logo par rapport au haut du conteneur + marge\n        const topPx = (logoRect.bottom - wrapRect.top) + gap;\n        wrap.style.setProperty('--ribbon-top-px', topPx + 'px');\n      }\n\n      \/\/ Mettre \u00e0 jour \u00e0 diff\u00e9rents moments pour \u00e9viter le flash de chevauchement\n      window.addEventListener('load', updateRibbonTop);\n      window.addEventListener('resize', updateRibbonTop);\n      document.addEventListener('DOMContentLoaded', updateRibbonTop);\n\n      if (logo) {\n        if (logo.complete) updateRibbonTop();\n        else logo.addEventListener('load', updateRibbonTop);\n      }\n\n      \/\/ Recalcule apr\u00e8s un petit d\u00e9lai (polices\/ICONS)\n      setTimeout(updateRibbonTop, 200);\n    })();\n  <\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accueil \u00c0 propos de Pescamar Produits Contact Menu Accueil \u00c0 propos de Pescamar Produits Contact \u00c0 propos de Pescamar Une [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-762","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/pages\/762","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/comments?post=762"}],"version-history":[{"count":59,"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/pages\/762\/revisions"}],"predecessor-version":[{"id":1230,"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/pages\/762\/revisions\/1230"}],"wp:attachment":[{"href":"https:\/\/pescamar.ma\/ar\/wp-json\/wp\/v2\/media?parent=762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}