{"id":82,"date":"2024-02-28T00:23:35","date_gmt":"2024-02-28T00:23:35","guid":{"rendered":"https:\/\/demo.artureanec.com\/themes\/logico-rounded\/?page_id=82"},"modified":"2026-08-22T16:06:39","modified_gmt":"2026-08-22T14:06:39","slug":"about-us","status":"publish","type":"page","link":"https:\/\/portalisholding.com\/en\/about-us\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"82\" class=\"elementor elementor-82\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0625aaf e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent\" data-id=\"0625aaf\" 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-612d121 elementor-widget elementor-widget-html\" data-id=\"612d121\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ================================================================\r\n     PORTALIS \u2014 PAGE \u00c0 PROPOS : MISSIONS + RAISON D'\u00caTRE\r\n     Widget HTML Elementor \u2014 El Hadji Amath Sy Diatta \/ Simplon S\u00e9n\u00e9gal\r\n     ================================================================ -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Outfit:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2500\u2500\u2500 VARIABLES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n:root {\r\n  --teal:        #004C4C;\r\n  --teal-mid:    #006666;\r\n  --teal-light:  #0A7A7A;\r\n  --teal-mist:    rgba(0,76,76,.07);\r\n  --gold:        #d4af37;\r\n  --gold-warm:   #d4af37;\r\n  --gold-deep:   #d4af37;\r\n  --ivory:       #F8F5EE;\r\n  --ivory2:      #EDE8DC;\r\n  --charcoal:    #0F1C1C;\r\n  --white:       #FFFFFF;\r\n  --muted:       #6B7A6B;\r\n  --font-display: 'Cormorant Garamond', serif;\r\n  --font-body:    'Outfit', sans-serif;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n#pal-wrap *, #pal-wrap *::before, #pal-wrap *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n#pal-wrap { font-family: var(--font-body); overflow: hidden; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   BLOC 1 \u2014 MISSIONS\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.pal-missions {\r\n  background: var(--teal);\r\n  position: relative;\r\n  padding: 120px 32px 100px; \/* Augment\u00e9 l'espace en bas *\/\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Animated background geometry *\/\r\n.pal-missions-bg {\r\n  position: absolute; inset: 0; pointer-events: none;\r\n}\r\n.pal-geo {\r\n  position: absolute;\r\n  border: 1px solid rgba(238,182,70,.12);\r\n  border-radius: 50%;\r\n  animation: pal-spin linear infinite;\r\n}\r\n.pal-geo:nth-child(1){ width:700px;height:700px;top:-200px;left:-200px;animation-duration:60s; }\r\n.pal-geo:nth-child(2){ width:400px;height:400px;top:60%;right:-100px;animation-duration:40s;animation-direction:reverse; }\r\n.pal-geo:nth-child(3){ width:240px;height:240px;bottom:60px;left:30%;animation-duration:28s; }\r\n@keyframes pal-spin { to { transform: rotate(360deg); } }\r\n\r\n.pal-grid-lines {\r\n  position: absolute; inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(238,182,70,.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(238,182,70,.04) 1px, transparent 1px);\r\n  background-size: 64px 64px;\r\n}\r\n.pal-noise {\r\n  position: absolute; inset: 0;\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'\/%3E%3C\/svg%3E\");\r\n  opacity: .4;\r\n}\r\n\r\n\/* Section header *\/\r\n.pal-section-tag {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  font-family: var(--font-body);\r\n  font-size: .72rem; font-weight: 600;\r\n  letter-spacing: .22em; text-transform: uppercase;\r\n  color: var(--gold);\r\n  margin-bottom: 20px;\r\n}\r\n.pal-section-tag::before {\r\n  content: '';\r\n  width: 36px; height: 2px;\r\n  background: var(--gold);\r\n  display: block;\r\n}\r\n.pal-missions-headline {\r\n  font-family: var(--font-display);\r\n  font-size: clamp(2.6rem, 6vw, 5rem);\r\n  font-weight: 700;\r\n  color: var(--white);\r\n  line-height: 1.15;\r\n  margin-bottom: 100px; \/* Plus d'espace sous le titre *\/\r\n  margin-top: 16px;\r\n  max-width: 640px;\r\n  position: relative; z-index: 1;\r\n}\r\n.pal-missions-headline em {\r\n  font-style: italic;\r\n  color: var(--gold);\r\n}\r\n\r\n\/* Cards grid *\/\r\n\/* Espacement global de la grille de cartes *\/\r\n.pal-cards {\r\n  \/* Espace entre le titre et les cartes *\/\r\n  margin-top: 40px;!important; \r\n \r\n  \/* Espace entre les cartes et la bande d\u00e9filante (vu sur image_f4c0b7.png) *\/\r\n  margin-bottom: 40px !important; \r\n  \r\n  position: relative;\r\n  z-index: 1;\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 40px;\r\n  max-width: 1100px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n@media(max-width:720px){ .pal-cards { grid-template-columns: 1fr; gap: 30px; } }\r\n\r\n.pal-card {\r\n  background: rgba(255,255,255,.04);\r\n  border: 1px solid rgba(238,182,70,.18);\r\n  border-radius: 20px;\r\n  padding: 48px 40px 44px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: default;\r\n  transition: border-color .4s, transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s;\r\n  opacity: 0;\r\n  transform: translateY(50px) scale(.97);\r\n}\r\n.pal-card.pal-visible {\r\n  opacity: 1;\r\n  transform: translateY(0) scale(1);\r\n}\r\n.pal-card:hover {\r\n  border-color: rgba(238,182,70,.55);\r\n  transform: translateY(-8px) scale(1.01);\r\n  box-shadow: 0 32px 64px rgba(0,0,0,.28), 0 0 0 1px rgba(238,182,70,.18);\r\n}\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n   BLOC 2 \u2014 RAISON D'\u00caTRE\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.pal-raison {\r\n  background: var(--ivory);\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding: 0;\r\n}\r\n\r\n.pal-raison-cut {\r\n  width: 100%;\r\n  height: 80px;\r\n  background: var(--teal);\r\n  clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);\r\n  margin-bottom: -1px;\r\n}\r\n\r\n.pal-raison-inner {\r\n  padding: 60px 40px !important; \/* Le !important est crucial ici *\/\r\n  max-width: 1300px !important;\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n\r\n\/* Cinematic quote layout *\/\r\n.pal-raison-layout {\r\n  display: grid;\r\n  grid-template-columns: 0.9fr 1.1fr; \/* Ajustement des proportions *\/\r\n  gap: 100px; \/* Fort espacement entre le texte gauche et la carte droite *\/\r\n  align-items: center;\r\n  position: relative; z-index: 1;\r\n}\r\n@media(max-width:980px){\r\n  .pal-raison-layout { grid-template-columns: 1fr; gap: 60px; }\r\n}\r\n\r\n.pal-raison-headline {\r\n  font-family: var(--font-display);\r\n  font-size: clamp(2rem, 4vw, 3.6rem);\r\n  font-weight: 700;\r\n  color: var(--teal);\r\n  line-height: 1.1;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.pal-raison-left {\r\n  padding-left: 80px !important;\r\n}\r\n\r\n.pal-raison-card {\r\n  padding: 40px 30px !important; \r\n  \r\n  background: var(--white);\r\n  border-radius: 24px;\r\n  box-shadow:\r\n    0 4px 0 var(--gold) inset,\r\n    0 24px 64px rgba(0,76,76,.10),\r\n    0 2px 8px rgba(0,76,76,.06);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.pal-raison-card.pal-visible {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n}\r\n\r\n.pal-raison-body {\r\n  font-size: 1.1rem; \/* Un peu plus grand pour la lisibilit\u00e9 *\/\r\n  line-height: 1.9;\r\n  color: #2D3D3D;\r\n  position: relative; z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SCROLLING TICKER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.pal-ticker-wrap {\r\n  background: var(--gold);\r\n  overflow: hidden;\r\n  padding: 20px 0;\r\n  white-space: nowrap;\r\n  margin: 0; \/* Assure la jonction propre *\/\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n.pal-ticker {\r\n  display: inline-block;\r\n  animation: pal-ticker 25s linear infinite;\r\n}\r\n.pal-ticker span {\r\n  font-size: .85rem;\r\n  font-weight: 600;\r\n  letter-spacing: .14em;\r\n  text-transform: uppercase;\r\n  color: var(--teal);\r\n  padding: 0 40px;\r\n}\r\n\r\n\/* Reste du CSS (non modifi\u00e9 car fonctionnel) *\/\r\n.pal-card-inner { position: relative; z-index: 1; }\r\n.pal-card-glow { position: absolute; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(238,182,70,.18), transparent 70%); pointer-events: none; transform: translate(-50%,-50%); opacity: 0; transition: opacity .3s; top: 50%; left: 50%; }\r\n.pal-card:hover .pal-card-glow { opacity: 1; }\r\n.pal-card-num { font-family: var(--font-display); font-size: 5rem; font-weight: 700; line-height: 1; color: rgba(238,182,70,.12); position: absolute; top: 16px; right: 24px; transition: color .4s, transform .4s; }\r\n.pal-card:hover .pal-card-num { color: rgba(238,182,70,.22); transform: scale(1.08) translateY(-4px); }\r\n.pal-card-icon { width: 52px; height: 52px; background: rgba(238,182,70,.12); border: 1.5px solid rgba(238,182,70,.3); border-radius: 14px; display: flex; align-items: center; justify-content: center; color: var(--gold); margin-bottom: 28px; transition: background .3s, transform .4s cubic-bezier(.34,1.56,.64,1); }\r\n.pal-card:hover .pal-card-icon { background: rgba(238,182,70,.22); transform: rotate(-6deg) scale(1.1); }\r\n.pal-card-title { font-family: var(--font-display); font-size: 1.55rem; font-weight: 600; color: var(--gold); margin-bottom: 16px; transition: letter-spacing .3s; }\r\n.pal-card:hover .pal-card-title { letter-spacing: .02em; }\r\n.pal-card-text { font-size: .93rem; line-height: 1.82; color: rgba(255,255,255,.75); transition: color .3s; }\r\n.pal-card:hover .pal-card-text { color: rgba(255,255,255,.92); }\r\n.pal-card-line { height: 2px; background: linear-gradient(90deg, var(--gold), transparent); width: 0; margin-top: 28px; border-radius: 2px; transition: width .5s cubic-bezier(.34,1.56,.64,1); }\r\n.pal-card:hover .pal-card-line { width: 60%; }\r\n.pal-blob { position: absolute; border-radius: 50%; pointer-events: none; filter: blur(80px); opacity: .55; }\r\n.pal-blob-1 { width: 500px; height: 500px; background: radial-gradient(circle, rgba(0,76,76,.10), transparent 70%); top: -100px; right: -150px; }\r\n.pal-blob-2 { width: 380px; height: 380px; background: radial-gradient(circle, rgba(238,182,70,.10), transparent 70%); bottom: -60px; left: -80px; }\r\n.pal-stats { display: flex; gap: 32px; flex-wrap: wrap; margin-top: 40px; }\r\n.pal-stat { opacity: 0; transform: translateY(20px); transition: opacity .6s, transform .6s; }\r\n.pal-stat.pal-visible { opacity: 1; transform: translateY(0); }\r\n.pal-stat-num { font-family: var(--font-display); font-size: 2.8rem; font-weight: 700; color: var(--teal); line-height: 1; display: flex; align-items: baseline; gap: 4px; }\r\n.pal-stat-num sup { font-size: 1.4rem; color: var(--gold-deep); font-weight: 600; }\r\n.pal-stat-label { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-top: 4px; font-weight: 500; }\r\n.pal-quote-mark { font-family: var(--font-display); font-size: 8rem; line-height: 1; color: var(--gold); opacity: .18; position: absolute; top: -30px; left: -20px; pointer-events: none; }\r\n.pal-highlight { color: var(--teal); font-weight: 600; }\r\n.pal-gold-word { color: var(--gold-deep); font-weight: 600; }\r\n.pal-underline-anim { position: relative; display: inline-block; }\r\n.pal-underline-anim::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 2px; background: var(--gold); transition: width .5s cubic-bezier(.34,1.56,.64,1); }\r\n.pal-raison-card:hover .pal-underline-anim::after { width: 100%; }\r\n.pal-tagline { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--ivory2); display: flex; align-items: center; gap: 14px; position: relative; z-index: 1; }\r\n.pal-tagline-icon { width: 42px; height: 42px; flex-shrink: 0; background: var(--teal); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--gold); }\r\n.pal-tagline-text { font-family: var(--font-display); font-size: 1rem; font-style: italic; color: var(--teal); line-height: 1.4; }\r\n.pal-orb { position: absolute; border-radius: 50%; pointer-events: none; }\r\n.pal-orb-1 { width: 160px; height: 160px; background: radial-gradient(circle, rgba(238,182,70,.22), transparent 70%); top: 10%; right: 5%; }\r\n.pal-orb-2 { width: 90px; height: 90px; background: radial-gradient(circle, rgba(0,76,76,.18), transparent 70%); bottom: 15%; left: 8%; }\r\n.pal-reveal-up { opacity: 0; transform: translateY(40px); transition: opacity .7s ease, transform .7s cubic-bezier(.34,1.56,.64,1); }\r\n.pal-reveal-up.pal-visible { opacity: 1; transform: translateY(0); }\r\n.pal-d1 { transition-delay: .05s; }\r\n.pal-d2 { transition-delay: .15s; }\r\n.pal-d3 { transition-delay: .25s; }\r\n.pal-d4 { transition-delay: .35s; }\r\n@keyframes pal-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }\r\n\r\n@media(max-width:600px){\r\n  .pal-missions { padding: 80px 20px 80px; }\r\n  .pal-raison-inner { padding: 56px 20px 80px; }\r\n  .pal-raison-layout { gap: 40px; }\r\n  .pal-raison-card { padding: 36px 28px 32px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"pal-wrap\">\r\n  <!-- BLOC 1 \u2014 MISSIONS -->\r\n  <section class=\"pal-missions\">\r\n    <div class=\"pal-missions-bg\">\r\n      <div class=\"pal-grid-lines\"><\/div>\r\n      <div class=\"pal-geo\"><\/div>\r\n      <div class=\"pal-geo\"><\/div>\r\n      <div class=\"pal-geo\"><\/div>\r\n      <div class=\"pal-noise\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pal-orb pal-orb-1\" data-speed=\"0.15\"><\/div>\r\n    <div class=\"pal-orb pal-orb-2\" data-speed=\"0.08\"><\/div>\r\n\r\n    <div style=\"max-width:1100px;margin:0 auto;position:relative;z-index:1;\">\r\n      <div class=\"pal-reveal-up pal-d1\">\r\n        <div class=\"pal-section-tag\">PortaLis \u00b7 Missions<\/div>\r\n        <div class=\"pal-missions-headline\">Nos <em>missions<\/em>,<br>au c\u0153ur de l'Afrique<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"pal-cards\">\r\n        <div class=\"pal-card\" data-index=\"0\">\r\n          <div class=\"pal-card-glow\"><\/div>\r\n          <span class=\"pal-card-num\">01<\/span>\r\n          <div class=\"pal-card-inner\">\r\n            <div class=\"pal-card-icon\"><svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg><\/div>\r\n            <div class=\"pal-card-title\">Architecte de corridors<\/div>\r\n            <div class=\"pal-card-text\">Relier l'Afrique aux march\u00e9s internationaux gr\u00e2ce \u00e0 des corridors \u00e9conomiques et logistiques structur\u00e9s et performants.<\/div>\r\n            <div class=\"pal-card-line\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pal-card\" data-index=\"1\">\r\n          <div class=\"pal-card-glow\"><\/div>\r\n          <span class=\"pal-card-num\">02<\/span>\r\n          <div class=\"pal-card-inner\">\r\n            <div class=\"pal-card-icon\"><svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 8 14 12\"\/><polyline points=\"2 12 6 16 10 12\"\/><path d=\"M18 8v8a2 2 0 0 1-2 2H8\"\/><path d=\"M6 16V8a2 2 0 0 1 2-2h8\"\/><\/svg><\/div>\r\n            <div class=\"pal-card-title\">Integrateur Multimodal<\/div>\r\n            <div class=\"pal-card-text\">Assurer la circulation fluide, s\u00e9curis\u00e9e et int\u00e9gr\u00e9e des biens, des infrastructures et des flux \u00e0 travers les r\u00e9seaux maritimes, terrestres, a\u00e9riens, \u00e9nerg\u00e9tiques et digitaux.<\/div>\r\n            <div class=\"pal-card-line\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pal-card\" data-index=\"2\">\r\n          <div class=\"pal-card-glow\"><\/div>\r\n          <span class=\"pal-card-num\">03<\/span>\r\n          <div class=\"pal-card-inner\">\r\n            <div class=\"pal-card-icon\"><svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div>\r\n            <div class=\"pal-card-title\">Catalyseur Institutionnel<\/div>\r\n            <div class=\"pal-card-text\">Transformer la r\u00e9silience en performance et l'expertise en h\u00e9ritage au service d'institutions africaines fortes et durables.<\/div>\r\n            <div class=\"pal-card-line\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pal-card\" data-index=\"3\">\r\n          <div class=\"pal-card-glow\"><\/div>\r\n          <span class=\"pal-card-num\">04<\/span>\r\n          <div class=\"pal-card-inner\">\r\n            <div class=\"pal-card-icon\"><svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\r\n            <div class=\"pal-card-title\">Acc\u00e9l\u00e9rateur de Croissance<\/div>\r\n            <div class=\"pal-card-text\">Transformer des environnements complexes en opportunit\u00e9s structur\u00e9es cr\u00e9atrices de valeur pour les \u00e9conomies africaines et leurs partenaires internationaux.<\/div>\r\n            <div class=\"pal-card-line\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pal-card\" data-index=\"4\">\r\n          <div class=\"pal-card-glow\"><\/div>\r\n          <span class=\"pal-card-num\">05<\/span>\r\n          <div class=\"pal-card-inner\">\r\n            <div class=\"pal-card-icon\"><svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\r\n            <div class=\"pal-card-title\">Acteur de la Transition Durable<\/div>\r\n            <div class=\"pal-card-text\">Promouvoir des mod\u00e8les de d\u00e9veloppement responsables int\u00e9grant les enjeux climatiques, \u00e9nerg\u00e9tiques et environnementaux pour les g\u00e9n\u00e9rations futures.<\/div>\r\n            <div class=\"pal-card-line\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pal-card\" data-index=\"5\">\r\n          <div class=\"pal-card-glow\"><\/div>\r\n          <span class=\"pal-card-num\">06<\/span>\r\n          <div class=\"pal-card-inner\">\r\n            <div class=\"pal-card-icon\"><svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" viewBox=\"0 0 24 24\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg><\/div>\r\n            <div class=\"pal-card-title\">Acc\u00e9l\u00e9rateur de Transformation Technologique<\/div>\r\n            <div class=\"pal-card-text\">Exploiter l'innovation, la digitalisation, l'intelligence artificielle et la donn\u00e9e pour renforcer la comp\u00e9titivit\u00e9 et la souverainet\u00e9 \u00e9conomique.<\/div>\r\n            <div class=\"pal-card-line\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- BANDE D\u00c9FILANTE -->\r\n  <div class=\"pal-ticker-wrap\" aria-hidden=\"true\">\r\n    <div class=\"pal-ticker\">\r\n      <span>Fr\u00eat maritime <\/span><span>Transport routier<\/span><span> D\u00e9douanement<\/span>\r\n      <span>Entreposage<\/span><span> Multimodal<\/span><span> Ferroviaire<\/span>\r\n      <span>PortaLis Shipping<\/span><span> PortaLis  Logistique<\/span><span> PortaLis Tech Innov<\/span>\r\n      <span>Fr\u00eat maritime <\/span><span>Transport routier<\/span><span> D\u00e9douanement<\/span>\r\n      <span>Entreposage<\/span><span> Multimodal<\/span><span>Ferroviaire<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- BLOC 2 \u2014 RAISON D'\u00caTRE -->\r\n  <section class=\"pal-raison\">\r\n    <div class=\"pal-raison-cut\"><\/div>\r\n    <div class=\"pal-blob pal-blob-1\"><\/div>\r\n    <div class=\"pal-blob pal-blob-2\"><\/div>\r\n\r\n    <div class=\"pal-raison-inner\">\r\n      <div class=\"pal-raison-layout\">\r\n        <div class=\"pal-raison-left\">\r\n          <div class=\"pal-reveal-up pal-d1\">\r\n            <div class=\"pal-raison-tag\">PortaLis \u00b7 Raison d'\u00eatre<\/div>\r\n            <div class=\"pal-raison-headline\">B\u00e2tir la<br><em>souverainet\u00e9 africaine<\/em><br>par le capital strat\u00e9gique<\/div>\r\n          <\/div>\r\n          <div class=\"pal-stats\">\r\n            <div class=\"pal-stat pal-d1\"><div class=\"pal-stat-num\"><span class=\"pal-count\" data-target=\"5\">0<\/span><sup>+<\/sup><\/div><div class=\"pal-stat-label\">Filiales actives<\/div><\/div>\r\n            <div class=\"pal-stat pal-d2\"><div class=\"pal-stat-num\"><span class=\"pal-count\" data-target=\"48\">0<\/span><sup>h<\/sup><\/div><div class=\"pal-stat-label\">D\u00e9lai devis<\/div><\/div>\r\n            <div class=\"pal-stat pal-d3\"><div class=\"pal-stat-num\"><span class=\"pal-count\" data-target=\"10\">0<\/span><sup>+<\/sup><\/div><div class=\"pal-stat-label\">Services<\/div><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"pal-raison-right\">\r\n          <div class=\"pal-quote-mark\">\"<\/div>\r\n          <div class=\"pal-raison-card\" id=\"palRaisonCard\">\r\n            <div class=\"pal-raison-body\">\r\n              Ancrer <span class=\"pal-highlight\">l'expertise locale<\/span>, amplifi\u00e9e par l'innovation de la <span class=\"pal-gold-word\">diaspora<\/span> et nourrie par les besoins terrain de nos clients locaux et internationaux pour construire un <span class=\"pal-underline-anim\">continent souverain<\/span>, durable et pleinement int\u00e9gr\u00e9 aux \u00e9changes mondiaux.\r\n              <br><br>\r\n              Parce que chaque client porte en lui un <span class=\"pal-highlight\">savoir-faire singulier<\/span>, PortaLis s'enrichit de ces interactions pour transformer les r\u00e9alit\u00e9s du terrain en <span class=\"pal-gold-word\">excellence op\u00e9rationnelle<\/span> et en solutions vivantes, pour transmettre cet <span class=\"pal-underline-anim\">h\u00e9ritage collectif<\/span> aux g\u00e9n\u00e9rations futures.\r\n            <\/div>\r\n            <div class=\"pal-tagline\">\r\n              <div class=\"pal-tagline-icon\"><svg width=\"18\" height=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg><\/div>\r\n              <div class=\"pal-tagline-text\">\u00ab La logistique comme vecteur de souverainet\u00e9. \u00bb<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var ioReveal = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(e){\r\n      if(e.isIntersecting){ e.target.classList.add('pal-visible'); ioReveal.unobserve(e.target); }\r\n    });\r\n  }, { threshold: 0.15 });\r\n\r\n  document.querySelectorAll('.pal-card').forEach(function(card){\r\n    var idx = parseInt(card.dataset.index) || 0;\r\n    card.style.transitionDelay = (idx * 0.12) + 's';\r\n    ioReveal.observe(card);\r\n  });\r\n\r\n  document.querySelectorAll('.pal-reveal-up, .pal-stat, #palRaisonCard').forEach(function(el){ ioReveal.observe(el); });\r\n\r\n  var counterDone = false;\r\n  var ioStats = new IntersectionObserver(function(entries){\r\n    if(entries[0].isIntersecting && !counterDone){\r\n      counterDone = true;\r\n      document.querySelectorAll('.pal-count').forEach(function(el){\r\n        var target = parseInt(el.dataset.target);\r\n        var t0 = null;\r\n        function step(ts){\r\n          if(!t0) t0 = ts;\r\n          var prog = Math.min((ts - t0) \/ 1400, 1);\r\n          var ease = 1 - Math.pow(1 - prog, 3);\r\n          el.textContent = Math.floor(ease * target);\r\n          if(prog < 1) requestAnimationFrame(step);\r\n          else el.textContent = target;\r\n        }\r\n        requestAnimationFrame(step);\r\n      });\r\n    }\r\n  }, { threshold: 0.4 });\r\n  var statsEl = document.querySelector('.pal-stats');\r\n  if(statsEl) ioStats.observe(statsEl);\r\n\r\n  document.querySelectorAll('.pal-card').forEach(function(card){\r\n    card.addEventListener('mousemove', function(e){\r\n      var r = card.getBoundingClientRect(), x = e.clientX - r.left, y = e.clientY - r.top;\r\n      var rx = ((y - r.height\/2) \/ (r.height\/2)) * 6, ry = ((x - r.width\/2) \/ (r.width\/2)) * -6;\r\n      card.style.transform = 'translateY(-8px) scale(1.01) perspective(600px) rotateX('+rx+'deg) rotateY('+ry+'deg)';\r\n      var glow = card.querySelector('.pal-card-glow');\r\n      if(glow){ glow.style.left = x + 'px'; glow.style.top = y + 'px'; glow.style.opacity = '1'; }\r\n    });\r\n    card.addEventListener('mouseleave', function(){ card.style.transform = ''; var glow = card.querySelector('.pal-card-glow'); if(glow) glow.style.opacity = '0'; });\r\n  });\r\n\r\n  function palParallax(){\r\n    var scrollY = window.pageYOffset;\r\n    document.querySelectorAll('.pal-orb[data-speed]').forEach(function(orb){\r\n      orb.style.transform = 'translateY(' + (scrollY * orb.dataset.speed) + 'px)';\r\n    });\r\n  }\r\n  window.addEventListener('scroll', palParallax, { passive: true });\r\n})();\r\n<\/script>\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-77f97ea e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent\" data-id=\"77f97ea\" 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-0940d76 elementor-widget elementor-widget-html\" data-id=\"0940d76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.mission-wrap {\n  background: #fff;\n  padding: 60px 40px;\n  max-width: 800px;\n  margin: 0 auto;\n}\n.mission-title {\n  text-align: center;\n  font-family: Georgia, serif;\n  font-size: 42px;\n  font-weight: 400;\n  color: #0d3d35;\n  margin: 0 0 48px;\n}\n.mission-item {\n  background: #f9f6ef;\n  border-radius: 16px;\n  padding: 24px 28px;\n  margin-bottom: 20px;\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.mission-item.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n.mission-num {\n  font-family: Georgia, serif;\n  font-size: 28px;\n  color: #7dd6d6;\n  font-weight: 400;\n  min-width: 28px;\n  line-height: 1;\n}\n.mission-text {\n  font-size: 16px;\n  color: #2c2c2c;\n  line-height: 1.5;\n  margin: 0;\n}\n@media (max-width: 600px) {\n  .mission-wrap { padding: 40px 20px; }\n  .mission-title { font-size: 32px; }\n  .mission-text { font-size: 15px; }\n}\n<\/style>\n\n<div class=\"mission-wrap\">\n  <h2 class=\"mission-title\">Notre Mission<\/h2>\n\n  <div class=\"mission-item\">\n    <span class=\"mission-num\">1<\/span>\n    <p class=\"mission-text\">Structurer les corridors logistiques panafricains<\/p>\n  <\/div>\n\n  <div class=\"mission-item\">\n    <span class=\"mission-num\">2<\/span>\n    <p class=\"mission-text\">Digitaliser et d\u00e9mocratiser l'acc\u00e8s aux services de transport<\/p>\n  <\/div>\n\n  <div class=\"mission-item\">\n    <span class=\"mission-num\">3<\/span>\n    <p class=\"mission-text\">Collecter et valoriser la m\u00e9moire institutionnelle du secteur<\/p>\n  <\/div>\n\n  <div class=\"mission-item\">\n    <span class=\"mission-num\">4<\/span>\n    <p class=\"mission-text\">Former les acteurs logistiques africains de demain<\/p>\n  <\/div>\n<\/div>\n\n<script>\nconst items = document.querySelectorAll('.mission-item');\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach((entry, i) => {\n    if (entry.isIntersecting) {\n      setTimeout(() => {\n        entry.target.classList.add('visible');\n      }, i * 150);\n    }\n  });\n}, { threshold: 0.2 });\n\nitems.forEach(item => observer.observe(item));\n<\/script>\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-0f50f4a e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent\" data-id=\"0f50f4a\" 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-d5c0bb5 elementor-widget elementor-widget-html\" data-id=\"d5c0bb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.valeurs-wrap {\r\n  background: #f9f6ef;\r\n  padding: 60px 40px;\r\n}\r\n.valeurs-title {\r\n  text-align: center;\r\n  font-family: Georgia, serif;\r\n  font-size: 42px;\r\n  font-weight: 400;\r\n  color: #0d3d35;\r\n  margin: 0 0 48px;\r\n}\r\n.valeurs-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 20px;\r\n}\r\n.valeur-card {\r\n  background: #fff;\r\n  border-radius: 16px;\r\n  border-top: 3px solid #0d3d35;\r\n  padding: 24px 20px;\r\n  box-sizing: border-box;\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n.valeur-card.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n.valeur-card p.valeur-titre {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: #0d3d35;\r\n  margin: 0 0 10px;\r\n}\r\n.valeur-card p.valeur-desc {\r\n  font-size: 14px;\r\n  color: #555;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n@media (max-width: 900px) {\r\n  .valeurs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n}\r\n@media (max-width: 560px) {\r\n  .valeurs-grid { grid-template-columns: 1fr; }\r\n  .valeurs-wrap { padding: 40px 20px; }\r\n  .valeurs-title { font-size: 32px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"valeurs-wrap\">\r\n  <h2 class=\"valeurs-title\">Nos Valeurs<\/h2>\r\n\r\n  <div class=\"valeurs-grid\">\r\n\r\n    <div class=\"valeur-card\">\r\n      <p class=\"valeur-titre\">Excellence<\/p>\r\n      <p class=\"valeur-desc\">Viser le meilleur dans tout ce que nous entreprenons.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"valeur-card\">\r\n      <p class=\"valeur-titre\">Innovation<\/p>\r\n      <p class=\"valeur-desc\">Imaginer et mettre en \u0153uvre les solutions de demain.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"valeur-card\">\r\n      <p class=\"valeur-titre\">Performance<\/p>\r\n      <p class=\"valeur-desc\">Transformer les ambitions en r\u00e9sultats durables.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"valeur-card\">\r\n      <p class=\"valeur-titre\">Collaboration<\/p>\r\n      <p class=\"valeur-desc\">Cr\u00e9er des synergies unir les talents et les expertises pour r\u00e9ussir ensemble.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"valeur-card\">\r\n      <p class=\"valeur-titre\">Cr\u00e9ation de valeur durable<\/p>\r\n      <p class=\"valeur-desc\">Construire une croissance p\u00e9renne au b\u00e9n\u00e9fice de toutes les parties prenantes.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"valeur-card\">\r\n      <p class=\"valeur-titre\">Engagement<\/p>\r\n      <p class=\"valeur-desc\">Agir avec int\u00e9grit\u00e9, responsabilit\u00e9 et d\u00e9termination.<\/p>\r\n    <\/div>\r\n\r\n     <div class=\"valeur-card\">\r\n      <p class=\"valeur-titre\">Capital humain<\/p>\r\n      <p class=\"valeur-desc\">D\u00e9velopper les talents et favoriser l'\u00e9panouissement des collaborateurs.<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst valCards = document.querySelectorAll('.valeur-card');\r\nconst valObserver = new IntersectionObserver((entries) => {\r\n  entries.forEach((entry, i) => {\r\n    if (entry.isIntersecting) {\r\n      setTimeout(() => {\r\n        entry.target.classList.add('visible');\r\n      }, i * 150);\r\n    }\r\n  });\r\n}, { threshold: 0.2 });\r\n\r\nvalCards.forEach(card => valObserver.observe(card));\r\n<\/script>\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-09919f9 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent\" data-id=\"09919f9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e6c588 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"9e6c588\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c93e758 elementor-widget elementor-widget-html\" data-id=\"c93e758\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.histoire-wrap {\n  background: #f9f6ef;\n  padding: 60px 40px;\n  max-width: 800px;\n  margin: 0 auto;\n}\n.histoire-title {\n  text-align: center;\n  font-family: Georgia, serif;\n  font-size: 42px;\n  font-weight: 400;\n  color: #0d3d35;\n  margin: 0 0 48px;\n}\n.timeline {\n  position: relative;\n  padding-left: 40px;\n}\n.timeline::before {\n  content: '';\n  position: absolute;\n  left: 8px;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: #0d3d35;\n}\n.tl-item {\n  position: relative;\n  margin-bottom: 24px;\n  opacity: 0;\n  transform: translateX(-30px);\n  transition: opacity 0.6s ease, transform 0.6s ease;\n}\n.tl-item.visible {\n  opacity: 1;\n  transform: translateX(0);\n}\n.tl-dot {\n  position: absolute;\n  left: -36px;\n  top: 20px;\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: #7dd6d6;\n  border: 2px solid #7dd6d6;\n}\n.tl-card {\n  background: #fff;\n  border-radius: 16px;\n  padding: 20px 24px;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.05);\n}\n.tl-year {\n  font-size: 15px;\n  font-weight: 700;\n  color: #f5a623;\n  margin: 0 0 6px;\n}\n.tl-desc {\n  font-size: 15px;\n  color: #2c2c2c;\n  margin: 0;\n  line-height: 1.5;\n}\n@media (max-width: 600px) {\n  .histoire-wrap { padding: 40px 20px; }\n  .histoire-title { font-size: 32px; }\n}\n<\/style>\n\n<div class=\"histoire-wrap\">\n  <h2 class=\"histoire-title\">Notre Histoire<\/h2>\n\n  <div class=\"timeline\">\n\n    <div class=\"tl-item\">\n      <div class=\"tl-dot\"><\/div>\n      <div class=\"tl-card\">\n        <p class=\"tl-year\">2020<\/p>\n        <p class=\"tl-desc\">Cr\u00e9ation du concept PortaLis \u00e0 Dakar<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tl-item\">\n      <div class=\"tl-dot\"><\/div>\n      <div class=\"tl-card\">\n        <p class=\"tl-year\">2021<\/p>\n        <p class=\"tl-desc\">Premiers corridors Dakar\u2013Bamako op\u00e9rationnels<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tl-item\">\n      <div class=\"tl-dot\"><\/div>\n      <div class=\"tl-card\">\n        <p class=\"tl-year\">2022<\/p>\n        <p class=\"tl-desc\">Lancement du programme M\u00e9moire & Transmission<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tl-item\">\n      <div class=\"tl-dot\"><\/div>\n      <div class=\"tl-card\">\n        <p class=\"tl-year\">2023<\/p>\n        <p class=\"tl-desc\">Expansion vers 8 pays CEDEAO<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tl-item\">\n      <div class=\"tl-dot\"><\/div>\n      <div class=\"tl-card\">\n        <p class=\"tl-year\">2024<\/p>\n        <p class=\"tl-desc\">Lancement e-PortaLis et int\u00e9gration IA<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"tl-item\">\n      <div class=\"tl-dot\"><\/div>\n      <div class=\"tl-card\">\n        <p class=\"tl-year\">2025<\/p>\n        <p class=\"tl-desc\">PortaLis Group Holding : 6 filiales, 15+ pays<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\nconst tlItems = document.querySelectorAll('.tl-item');\nconst tlObserver = new IntersectionObserver((entries) => {\n  entries.forEach((entry, i) => {\n    if (entry.isIntersecting) {\n      setTimeout(() => {\n        entry.target.classList.add('visible');\n      }, i * 150);\n    }\n  });\n}, { threshold: 0.2 });\n\ntlItems.forEach(item => tlObserver.observe(item));\n<\/script>\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-577e142 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent\" data-id=\"577e142\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3b79620 e-con-full e-grid cut-corner-no sticky-container-off e-con e-child\" data-id=\"3b79620\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93eb06f elementor-widget elementor-widget-counter\" data-id=\"93eb06f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Colis livr\u00e9s<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"7500\" data-from-value=\"7000\" data-delimiter=\".\">7000<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e688ebb elementor-widget elementor-widget-counter\" data-id=\"e688ebb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Des tonnes de marchandises<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\">2.<\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"6\" data-from-value=\"1\" data-delimiter=\".\">1<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"> bil<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83a0b98 elementor-widget elementor-widget-counter\" data-id=\"83a0b98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Pays couverts<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"100\" data-from-value=\"10\" data-delimiter=\".\">10<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4df369 elementor-widget elementor-widget-counter\" data-id=\"e4df369\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Entrep\u00f4ts<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"550\" data-from-value=\"100\" data-delimiter=\".\">100<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-760e7e1d e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent\" data-id=\"760e7e1d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5f3ff412 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child\" data-id=\"5f3ff412\" 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-27faaf7 elementor-widget elementor-widget-image\" data-id=\"27faaf7\" 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=\"1280\" height=\"1280\" src=\"https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-2.jpg\" class=\"attachment-full size-full wp-image-2851\" alt=\"\" srcset=\"https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-2.jpg 1280w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-2-300x300.jpg 300w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-2-123x123.jpg 123w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-2-600x600.jpg 600w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-2-1024x1024.jpg 1024w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-2-150x150.jpg 150w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-2-480x480.jpg 480w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-2-840x840.jpg 840w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-2-1200x1200.jpg 1200w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\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-645aa33d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child\" data-id=\"645aa33d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-252d7fa6 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child\" data-id=\"252d7fa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bdad77f elementor-widget elementor-widget-text-editor\" data-id=\"3bdad77f\" 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>Travaillons ensemble et donnons vie \u00e0 vos ambitions. Contactez-nous d\u00e8s aujourd&rsquo;hui pour discuter de votre projet et obtenir un devis personnalis\u00e9.<\/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-41842388 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child\" data-id=\"41842388\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-450afa7d e-con-full e-flex cut-corner-no sticky-container-off e-con e-child\" data-id=\"450afa7d\" 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-8ab7a3b elementor-widget elementor-widget-image\" data-id=\"8ab7a3b\" 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=\"1020\" height=\"1020\" src=\"https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-4-1024x1024.jpg\" class=\"attachment-large size-large wp-image-2859\" alt=\"\" srcset=\"https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-4-1024x1024.jpg 1024w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-4-300x300.jpg 300w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-4-123x123.jpg 123w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-4-600x600.jpg 600w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-4-150x150.jpg 150w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-4-480x480.jpg 480w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-4-840x840.jpg 840w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-4-1200x1200.jpg 1200w, https:\/\/portalisholding.com\/wp-content\/uploads\/2024\/08\/team-pic-4.jpg 1280w\" sizes=\"(max-width: 1020px) 100vw, 1020px\" \/>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PortaLis \u00b7 Missions Nos missions,au c\u0153ur de l&rsquo;Afrique 01 Architecte de corridors Relier l&rsquo;Afrique aux march\u00e9s internationaux gr\u00e2ce \u00e0 des corridors \u00e9conomiques et logistiques structur\u00e9s et performants. 02 Integrateur Multimodal Assurer la circulation fluide, s\u00e9curis\u00e9e et int\u00e9gr\u00e9e des biens, des infrastructures&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/portalisholding.com\/en\/wp-json\/wp\/v2\/pages\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portalisholding.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portalisholding.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portalisholding.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/portalisholding.com\/en\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":650,"href":"https:\/\/portalisholding.com\/en\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":15544,"href":"https:\/\/portalisholding.com\/en\/wp-json\/wp\/v2\/pages\/82\/revisions\/15544"}],"wp:attachment":[{"href":"https:\/\/portalisholding.com\/en\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}