{"id":28,"date":"2026-05-02T19:45:22","date_gmt":"2026-05-02T18:45:22","guid":{"rendered":"https:\/\/o-technologiesga.com\/?page_id=28"},"modified":"2026-06-29T11:36:58","modified_gmt":"2026-06-29T10:36:58","slug":"accueil3","status":"publish","type":"page","link":"https:\/\/o-technologiesga.com\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ============================================\n   1.3 \u2014 POSITIONNEMENT DU MOTIF R\u00c9SEAU\n   ============================================ *\/\n.ot-network-pattern {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n  pointer-events: none;\n}\n\n\/* Le conteneur du hero doit \u00eatre en position relative pour que le motif s'y ancre *\/\n.ast-hero-container,\nsection.hero {\n  position: relative !important;\n  overflow: hidden !important;\n}\n\n.ast-hero-container > *:not(.ot-network-pattern),\nsection.hero > *:not(.ot-network-pattern) {\n  position: relative;\n  z-index: 1;\n}\n<\/style>\n\n<!-- ======================================\n     MOTIF R\u00c9SEAU EN ARRI\u00c8RE-PLAN DU HERO\n     SVG pur \u2014 aucun fichier image charg\u00e9\n     ====================================== -->\n<svg class=\"ot-network-pattern\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 800 400\" aria-hidden=\"true\" preserveAspectRatio=\"xMidYMid slice\">\n  <defs>\n    <pattern id=\"ot-grid\" width=\"80\" height=\"80\" patternUnits=\"userSpaceOnUse\">\n      <circle cx=\"0\" cy=\"0\" r=\"2\" fill=\"var(--ot-cyan)\" opacity=\"0.25\"><\/circle>\n      <line x1=\"0\" y1=\"0\" x2=\"80\" y2=\"0\" stroke=\"var(--ot-cyan)\" stroke-width=\"0.5\" opacity=\"0.08\"><\/line>\n      <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"80\" stroke=\"var(--ot-cyan)\" stroke-width=\"0.5\" opacity=\"0.08\"><\/line>\n    <\/pattern>\n  <\/defs>\n  <rect width=\"800\" height=\"400\" fill=\"url(#ot-grid)\"><\/rect>\n  <!-- Quelques lignes diagonales fa\u00e7on \"flux de donn\u00e9es\" -->\n  <line x1=\"0\" y1=\"100\" x2=\"800\" y2=\"180\" stroke=\"var(--ot-cyan)\" stroke-width=\"1\" opacity=\"0.12\"><\/line>\n  <line x1=\"0\" y1=\"300\" x2=\"800\" y2=\"220\" stroke=\"var(--ot-cyan)\" stroke-width=\"1\" opacity=\"0.12\"><\/line>\n  <circle cx=\"650\" cy=\"120\" r=\"3\" fill=\"var(--ot-cyan)\" opacity=\"0.4\"><\/circle>\n  <circle cx=\"180\" cy=\"280\" r=\"3\" fill=\"var(--ot-cyan)\" opacity=\"0.4\"><\/circle>\n  <circle cx=\"420\" cy=\"60\" r=\"3\" fill=\"var(--ot-cyan)\" opacity=\"0.4\"><\/circle>\n<\/svg>\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:720px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient\" style=\"background:linear-gradient(266deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<style data-wp-block-html=\"css\">\n\/* ============================================\n   3.1 \u2014 PASTILLE STATUT ANIM\u00c9E\n   ============================================ *\/\n.ot-status-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(0, 212, 255, 0.08);\n  border: 1px solid rgba(0, 212, 255, 0.25);\n  border-radius: 99px;\n  padding: 7px 16px;\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--ot-cyan-dark);\n  margin-bottom: 20px;\n}\n\n.ot-status-dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--ot-success);\n  flex-shrink: 0;\n  position: relative;\n}\n\n.ot-status-dot::before {\n  content: '';\n  position: absolute;\n  top: -3px;\n  left: -3px;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: var(--ot-success);\n  opacity: 0.4;\n  animation: ot-pulse 2s ease-out infinite;\n}\n\n@keyframes ot-pulse {\n  0%   { transform: scale(0.6); opacity: 0.5; }\n  70%  { transform: scale(1.8); opacity: 0; }\n  100% { transform: scale(1.8); opacity: 0; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ot-status-dot::before { animation: none; }\n}\n<\/style>\n\n<!-- ======================================\n     INDICATEUR STATUT SYST\u00c8ME (pulse)\n     ====================================== -->\n<div class=\"ot-status-pill\">\n  <span class=\"ot-status-dot\"><\/span>\n  Supervision active 24\/7 \u2014 Syst\u00e8mes op\u00e9rationnels\n<\/div>\n\n\n\n<div class=\"inherit-container-width wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-7387b849 wp-block-group-is-layout-flex\">\n<h1 class=\"wp-block-heading has-text-align-left has-white-color has-text-color\" id=\"ot-hero-title\">SOLUTIONS IT &amp; R\u00c9SEAUX AU GABON!<\/h1>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/0d10bfac-e4e9-4383-8fb5-2022da8c8a00-1024x683.png\" alt=\"\" class=\"wp-image-382\" style=\"aspect-ratio:1.4992768381593318;width:248px;height:auto\" srcset=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/0d10bfac-e4e9-4383-8fb5-2022da8c8a00-1024x683.png 1024w, https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/0d10bfac-e4e9-4383-8fb5-2022da8c8a00-300x200.png 300w, https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/0d10bfac-e4e9-4383-8fb5-2022da8c8a00-768x512.png 768w, https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/0d10bfac-e4e9-4383-8fb5-2022da8c8a00.png 1470w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-background-color has-background wp-element-button\" href=\"https:\/\/o-technologiesga.com\/index.php\/contact\/\" style=\"border-top-left-radius:65px;border-top-right-radius:65px;border-bottom-left-radius:65px;border-bottom-right-radius:65px\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Demander un audit gratuit<\/em><\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-white-background-color has-background wp-element-button\" href=\"#services\" style=\"border-top-left-radius:65px;border-top-right-radius:65px;border-bottom-left-radius:65px;border-bottom-right-radius:65px\"><em>D\u00e9couvrir nos services<\/em><\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ============================================\n   1.4 \u2014 BANDE BADGES DE CONFIANCE\n   ============================================ *\/\n.ot-trust-bar {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  gap: 28px;\n  margin-top: 28px;\n  padding-top: 20px;\n  border-top: 1px solid rgba(255,255,255,0.12);\n}\n\n.ot-trust-item {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--ot-text-muted);\n  letter-spacing: 0.01em;\n}\n\n.ot-trust-item svg {\n  width: 16px;\n  height: 16px;\n  color: var(--ot-cyan-dark);\n  flex-shrink: 0;\n}\n\n@media (max-width: 600px) {\n  .ot-trust-bar {\n    gap: 16px 20px;\n    font-size: 12px;\n  }\n}\n<\/style>\n\n<!-- ======================================\n     BANDE BADGES DE CONFIANCE\n     ====================================== -->\n<div class=\"ot-trust-bar\">\n  <span class=\"ot-trust-item\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 12l2 2 4-4\"><\/path><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><\/svg>\n    Certifi\u00e9 Cisco\n  <\/span>\n  <span class=\"ot-trust-item\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M9 12l2 2 4-4\"><\/path><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><\/svg>\n    Certifi\u00e9 Huawei\n  <\/span>\n  <span class=\"ot-trust-item\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M12 1v6m0 10v6m11-11h-6M7 12H1\"><\/path><\/svg>\n    Support 24\/7\n  <\/span>\n  <span class=\"ot-trust-item\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n    Bas\u00e9s \u00e0 Libreville\n  <\/span>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-luminous-vivid-amber-background-color has-background is-layout-constrained wp-container-core-group-is-layout-43229c7f wp-block-group-is-layout-constrained\" style=\"padding-bottom:0px\">\n<h2 class=\"wp-block-heading screen-reader-text\">What We Offer<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-fa703c11 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top otech-service-card is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<div style=\"text-align: left; margin-bottom: 20px;\">\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2B54C4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n    <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n    <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"><\/line>\n    <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"><\/line>\n  <\/svg>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left alignwide\" style=\"margin-top:16px\">Int\u00e9gration &amp; Infog\u00e9-rance<\/h2>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Optimisez la performance de votre entreprise. Nous assurons l&rsquo;installation, la maintenance pr\u00e9ventive et le support technique de vos \u00e9quipements mat\u00e9riels et logiciels.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top otech-service-card is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<!-- Ic\u00f4ne T\u00e9l\u00e9com IP \/ VoIP -->\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2B54C4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n  <path d=\"M14.05 2a9 9 0 0 1 8 8\"><\/path>\n  <path d=\"M14.05 6a5 5 0 0 1 4 4\"><\/path>\n<\/svg>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center alignwide\" style=\"margin-top:16px\">T\u00e9l\u00e9coms IP<\/h2>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">R\u00e9duisez vos co\u00fbts de communication. D\u00e9ploiement de solutions de t\u00e9l\u00e9phonie sur IP, vid\u00e9o conf\u00e9rence haute d\u00e9finition et liaisons de donn\u00e9es adapt\u00e9es.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top otech-service-card is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<!-- Ic\u00f4ne S\u00e9curit\u00e9 \/ Audit -->\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2B54C4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n  <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n  <polyline points=\"9 12 11 14 15 10\"><\/polyline>\n<\/svg>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left alignfull\" style=\"margin-top:16px\">S\u00e9curit\u00e9 &amp; Audit<\/h2>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Anticipez les risques. Audits de s\u00e9curit\u00e9 complets, mise en \u0153uvre de solutions de sauvegarde locale\/cloud et supervision proactive 24\/7.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top otech-service-card is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<!-- Ic\u00f4ne Cloud \/ H\u00e9bergement -->\n<div style=\"text-align: center; margin-bottom: 20px;\">\n  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2B54C4\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n    <path d=\"M17.5 19a5.5 5.5 0 0 0 0-11h-1.12A8 8 0 1 0 5 13.5a5 5 0 1 0 0 9.5h12.5z\"><\/path>\n  <\/svg>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left alignfull\" style=\"margin-top:16px\">Cloud      &amp; H\u00e9ber-gement<\/h2>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\">Modernisez votre architecture. Virtualisation de vos serveurs, h\u00e9bergement d&rsquo;applications critiques et cr\u00e9ation de votre vitrine web professionnelle.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull otech-service-foldable is-layout-constrained wp-container-core-group-is-layout-4e34db42 wp-block-group-is-layout-constrained\" id=\"services\" style=\"padding-top:144px;padding-bottom:0px\">\n<h2 class=\"wp-block-heading has-text-align-left alignfull\">Nos Services<\/h2>\n\n\n\n<!-- ======================================\n     CARTE 1 \u2014 COURANT FAIBLE (titre corrig\u00e9)\n     ====================================== -->\n<div class=\"ot-vcard\">\n  <div class=\"ot-vcard-image\">\n    <img src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/05\/img_courant_faible.jpg\" alt=\"C\u00e2blage structur\u00e9 et baies de brassage\" loading=\"lazy\" decoding=\"async\">\n  <\/div>\n  <div class=\"ot-vcard-body\">\n    <span class=\"ot-vcard-tag\">Solution R\u00e9seau<\/span>\n    <h3 class=\"ot-vcard-title\">Courant Faible<\/h3>\n    <p class=\"ot-vcard-intro\">L&rsquo;intelligence au c\u0153ur de vos infrastructures : c\u00e2blage structur\u00e9 et architecture r\u00e9seau.<\/p>\n    <ul class=\"ot-vcard-list\">\n      <li><strong>Expertise VDI :<\/strong> Nous concevons et d\u00e9ployons vos r\u00e9seaux conformes aux normes.<\/li>\n      <li><strong>Baies de Brassage :<\/strong> Installation de prises RJ45 pour supporter vos flux de donn\u00e9es.<\/li>\n      <li><strong>Fiabilit\u00e9 :<\/strong> Architecture pens\u00e9e pour \u00e9viter tout blocage mat\u00e9riel.<\/li>\n    <\/ul>\n    <a href=\"index.php\/contact\/\" class=\"ot-vcard-btn\">Demander une \u00e9tude<\/a>\n  <\/div>\n<\/div>\n\n<!-- ======================================\n     CARTE 2 \u2014 VID\u00c9O SURVEILLANCE (titre corrig\u00e9)\n     ====================================== -->\n<div class=\"ot-vcard\">\n  <div class=\"ot-vcard-image\">\n    <img src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/05\/img_cam_surveil.jpg\" alt=\"Vid\u00e9osurveillance IP haute d\u00e9finition\" loading=\"lazy\" decoding=\"async\">\n  <\/div>\n  <div class=\"ot-vcard-body\">\n    <span class=\"ot-vcard-tag\">Solution S\u00e9curit\u00e9<\/span>\n    <h3 class=\"ot-vcard-title\">Vid\u00e9o Surveillance<\/h3>\n    <p class=\"ot-vcard-intro\">S\u00e9curisez vos actifs, supervisez en toute s\u00e9r\u00e9nit\u00e9 : protection int\u00e9grale et audit.<\/p>\n    <ul class=\"ot-vcard-list\">\n      <li><strong>S\u00e9r\u00e9nit\u00e9 Garantie :<\/strong> Une strat\u00e9gie de s\u00e9curit\u00e9 incluant des sauvegardes fiables pour vos donn\u00e9es sensibles.<\/li>\n      <li><strong>Protection Int\u00e9grale :<\/strong> Solutions de surveillance IP haute d\u00e9finition pour vos locaux et mat\u00e9riels.<\/li>\n      <li><strong>Audit &amp; Supervision :<\/strong> Analyse de vos points critiques et outils de gestion en temps r\u00e9el.<\/li>\n    <\/ul>\n    <a href=\"index.php\/contact\/\" class=\"ot-vcard-btn\">Demander une \u00e9tude<\/a>\n  <\/div>\n<\/div>\n\n<!-- ======================================\n     CARTE 3 \u2014 CALL CENTER (titre corrig\u00e9)\n     ====================================== -->\n<div class=\"ot-vcard\">\n  <div class=\"ot-vcard-image\">\n    <img src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/05\/img_call_center2.jpg\" alt=\"Centre d'appels VoIP avec serveurs Asterisk\" loading=\"lazy\" decoding=\"async\">\n  <\/div>\n  <div class=\"ot-vcard-body\">\n    <span class=\"ot-vcard-tag\">Solution T\u00e9l\u00e9com<\/span>\n    <h3 class=\"ot-vcard-title\">Call Center<\/h3>\n    <p class=\"ot-vcard-intro\">Optimisez votre relation client avec une technologie de pointe : VoIP et gestion intelligente.<\/p>\n    <ul class=\"ot-vcard-list\">\n      <li><strong>Connectivit\u00e9 Africaine :<\/strong> Solutions SIP Trunk et eSIM optimis\u00e9es pour le march\u00e9 gabonais.<\/li>\n      <li><strong>Performance VoIP :<\/strong> Centres d&rsquo;appels complets (jusqu&rsquo;\u00e0 20 agents) sur serveurs Asterisk\/PJSIP.<\/li>\n      <li><strong>Gestion Intelligente :<\/strong> Menus IVR personnalis\u00e9s pour une orientation client fluide.<\/li>\n    <\/ul>\n    <a href=\"index.php\/contact\/\" class=\"ot-vcard-btn\">Demander une \u00e9tude<\/a>\n  <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-33933fb1 wp-block-group-is-layout-constrained\" id=\"about\" style=\"padding-top:143px;padding-bottom:144px\">\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center otech-professional-img has-pale-ocean-gradient-background has-background\" style=\"grid-template-columns:auto 54%\"><div class=\"wp-block-media-text__content\">\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-container-core-group-is-layout-03eff548 wp-block-group-is-layout-constrained\" style=\"padding-right:80px\">\n<h2 class=\"wp-block-heading\" style=\"padding-right:40px\">Nous aidons les \u00e9quipes \u00e0 b\u00e2tir l&rsquo;entreprise de leurs r\u00eaves.<\/h2>\n\n\n\n<p class=\"has-accent-background-color has-background wp-block-paragraph\"><strong>+20 Agents Op\u00e9rationnels :<\/strong>&nbsp;Capacit\u00e9 de d\u00e9ploiement de centres d&rsquo;appels complets avec gestion IVR et PJSIP.<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background wp-block-paragraph\"><strong>100% de Disponibilit\u00e9 :<\/strong>&nbsp;Expertise en maintenance informatique et infog\u00e9rance pour garantir z\u00e9ro blocage mat\u00e9riel ou logiciel.<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background wp-block-paragraph\"><strong>Infrastructure VDI Certifi\u00e9e :<\/strong>&nbsp;Ma\u00eetrise compl\u00e8te du c\u00e2blage structur\u00e9 et des baies de brassage pour des r\u00e9seaux robustes.<\/p>\n\n\n\n<p class=\"has-accent-background-color has-background wp-block-paragraph\"><strong>Formation d&rsquo;Expertise :<\/strong>&nbsp;Formation d&rsquo;Expertise : D\u00e9veloppement des comp\u00e9tences via des ateliers et formations digitales sp\u00e9cialis\u00e9es pour vos \u00e9quipes techniques.<\/p>\n<\/div>\n<\/div><figure class=\"wp-block-media-text__media\"><img alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"408\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/05\/img_3.jpg\" alt=\"\" class=\"wp-image-122 size-full\" srcset=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/05\/img_3.jpg 612w, https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/05\/img_3-300x200.jpg 300w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><\/figure><\/div>\n<\/div>\n\n\n\n<!-- ======================================\n     O-TECHNOLOGIES \u2014 COMPTEURS ANIM\u00c9S\n     ====================================== -->\n<section style=\"background:#f4f8ff; padding:60px 20px;\">\n  <div style=\"max-width:1100px; margin:0 auto; text-align:center; margin-bottom:40px;\">\n    <h2 style=\"font-size:clamp(24px,4vw,34px); font-weight:700; color:#0d1b2a; margin-bottom:12px;\">\n      Des chiffres qui parlent d&rsquo;eux-m\u00eames\n    <\/h2>\n    <p style=\"color:#6b7a8d; font-size:16px;\">\n      L&rsquo;expertise O-Technologies en quelques indicateurs cl\u00e9s.\n    <\/p>\n  <\/div>\n  <div style=\"max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:20px;\">\n\n    <div class=\"ot-counter-card ot-reveal\">\n      <div class=\"ot-counter-number\" data-target=\"20\" data-suffix=\"+\">0+<\/div>\n      <span class=\"ot-counter-label\">Agents op\u00e9rationnels<br>d\u00e9ployables <\/span>\n    <\/div>\n\n    <div class=\"ot-counter-card ot-reveal\">\n      <div class=\"ot-counter-number\" data-target=\"100\" data-suffix=\"%\">0%<\/div>\n      <span class=\"ot-counter-label\">Disponibilit\u00e9 garantie<br>en infog\u00e9rance<\/span>\n    <\/div>\n\n    <div class=\"ot-counter-card ot-reveal\">\n      <div class=\"ot-counter-number\" data-target=\"7\" data-suffix=\"\">0<\/div>\n      <span class=\"ot-counter-label\">Partenaires certifi\u00e9s<br>internationaux<\/span>\n    <\/div>\n\n    <div class=\"ot-counter-card ot-reveal\">\n      <div class=\"ot-counter-number\" data-target=\"24\" data-suffix=\"\/7\">0\/7<\/div>\n      <span class=\"ot-counter-label\">Support proactif<br>et supervision<\/span>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n(function() {\n  \/* Intersection Observer \u2014 anime les compteurs au scroll *\/\n  var counters = document.querySelectorAll('.ot-counter-number[data-target]');\n  if (!counters.length) return;\n\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (!entry.isIntersecting) return;\n      var el = entry.target;\n      var target = parseInt(el.getAttribute('data-target'), 10);\n      var suffix = el.getAttribute('data-suffix') || '';\n      var duration = 1800;\n      var start = null;\n\n      function step(timestamp) {\n        if (!start) start = timestamp;\n        var progress = Math.min((timestamp - start) \/ duration, 1);\n        var eased = 1 - Math.pow(1 - progress, 3); \/* ease-out cubic *\/\n        el.textContent = Math.round(eased * target) + suffix;\n        if (progress < 1) {\n          requestAnimationFrame(step);\n        }\n      }\n      requestAnimationFrame(step);\n      observer.unobserve(el);\n    });\n  }, { threshold: 0.3 });\n\n  counters.forEach(function(c) { observer.observe(c); });\n\n  \/* Reveal au scroll *\/\n  var reveals = document.querySelectorAll('.ot-reveal');\n  var revealObs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n      }\n    });\n  }, { threshold: 0.15 });\n  reveals.forEach(function(r) { revealObs.observe(r); });\n})();\n<\/script>\n\n\n\n<section class=\"otech-why-us\">\n    <div class=\"otech-why-header\">\n        <h2>Pourquoi Faire Confiance \u00e0 O-Technologies ?<\/h2>\n        <p>L'excellence technologique alli\u00e9e \u00e0 une proximit\u00e9 strat\u00e9gique pour les entreprises du Gabon.<\/p>\n    <\/div>\n\n    <div class=\"otech-why-grid\">\n        <div class=\"otech-why-card\">\n            <div class=\"otech-why-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"7\"><\/circle><polyline points=\"8.21 13.89 7 23 12 20 17 23 15.79 13.88\"><\/polyline><\/svg>\n            <\/div>\n            <h3>Expertise Certifi\u00e9e<\/h3>\n            <p>Partenaires des leaders mondiaux de la Tech, nous concevons des architectures r\u00e9seaux et t\u00e9l\u00e9coms r\u00e9pondant aux normes internationales les plus strictes.<\/p>\n        <\/div>\n\n        <div class=\"otech-why-card\">\n            <div class=\"otech-why-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"><\/polygon><\/svg>\n            <\/div>\n            <h3>R\u00e9activit\u00e9 sur Site<\/h3>\n            <p>Bas\u00e9es \u00e0 Libreville, nos \u00e9quipes techniques interviennent rapidement dans vos locaux pour minimiser tout temps d'arr\u00eat de votre production.<\/p>\n        <\/div>\n\n        <div class=\"otech-why-card\">\n            <div class=\"otech-why-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z\"><\/path><path d=\"M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\"><\/path><path d=\"M12 2v2\"><\/path><path d=\"M12 22v-2\"><\/path><path d=\"m17 20.66-1-1.73\"><\/path><path d=\"M11 10.27 7 3.34\"><\/path><path d=\"m20.66 17-1.73-1\"><\/path><path d=\"m3.34 7 1.73 1\"><\/path><path d=\"M14 12h8\"><\/path><path d=\"M2 12h2\"><\/path><path d=\"m20.66 7-1.73 1\"><\/path><path d=\"m3.34 17 1.73-1\"><\/path><path d=\"m17 3.34-1 1.73\"><\/path><path d=\"m11 13.73-4 6.93\"><\/path><\/svg>\n            <\/div>\n            <h3>Solutions Sur-Mesure<\/h3>\n            <p>De la PME aux GE (grandes industries), nous adaptons nos installations (Call Center, Vid\u00e9osurveillance, C\u00e2blage) \u00e0 vos besoins r\u00e9els et \u00e0 votre budget.<\/p>\n        <\/div>\n\n        <div class=\"otech-why-card\">\n            <div class=\"otech-why-icon\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\n            <\/div>\n            <h3>Support Proactif 24\/7<\/h3>\n            <p>Notre service d'infog\u00e9rance s\u00e9curise vos donn\u00e9es et anticipe les failles de s\u00e9curit\u00e9 avant qu'elles n'impactent votre activit\u00e9 quotidienne.<\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!-- ======================================\n     O-TECHNOLOGIES \u2014 T\u00c9MOIGNAGES\n     ====================================== -->\n<section id=\"reviews\" style=\"padding:70px 20px; background:#ffffff;\">\n  <div style=\"max-width:1100px; margin:0 auto;\">\n\n    <div style=\"text-align:center; margin-bottom:48px;\">\n      <p style=\"color:#0066CC; font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:0.1em; margin-bottom:8px;\">\n        Ce que disent nos clients\n      <\/p>\n      <h2 style=\"font-size:clamp(24px,4vw,34px); font-weight:700; color:#0d1b2a; margin:0 0 12px;\">\n        Ils nous font confiance\n      <\/h2>\n      <p style=\"color:#6b7a8d; font-size:16px; max-width:500px; margin:0 auto;\">\n        Des entreprises gabonaises qui ont transform\u00e9 leur infrastructure avec O-Technologies.\n      <\/p>\n    <\/div>\n\n    <div style=\"display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:24px;\">\n\n      <!-- T\u00e9moignage 1 \u2014 \u00c0 personnaliser -->\n      <div class=\"ot-testimonial-card ot-reveal\">\n        <div class=\"ot-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"ot-testimonial-text\">\n          \"O-Technologies a d\u00e9ploy\u00e9 notre r\u00e9seau c\u00e2bl\u00e9 structur\u00e9 en moins de deux semaines.\n          Z\u00e9ro incident depuis la mise en service. Une \u00e9quipe r\u00e9active et professionnelle,\n          disponible m\u00eame apr\u00e8s la livraison du projet.\"\n        <\/p>\n        <div class=\"ot-testimonial-author\">\n          <div class=\"ot-testimonial-avatar\">DM<\/div>\n          <div>\n            <div class=\"ot-testimonial-name\">Directeur G\u00e9n\u00e9ral<\/div>\n            <div class=\"ot-testimonial-company\">PME Logistique \u2014 Libreville<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- T\u00e9moignage 2 \u2014 \u00c0 personnaliser -->\n      <div class=\"ot-testimonial-card ot-reveal\">\n        <div class=\"ot-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"ot-testimonial-text\">\n          \"Notre syst\u00e8me VoIP (15 postes) a \u00e9t\u00e9 op\u00e9rationnel en 3 jours.\n          Les co\u00fbts de communication ont baiss\u00e9 de 40%. Je recommande O-Technologies\n          \u00e0 toutes les entreprises qui veulent une t\u00e9l\u00e9phonie fiable au Gabon.\"\n        <\/p>\n        <div class=\"ot-testimonial-author\">\n          <div class=\"ot-testimonial-avatar\" style=\"background:#00875A;\">AB<\/div>\n          <div>\n            <div class=\"ot-testimonial-name\">Responsable IT<\/div>\n            <div class=\"ot-testimonial-company\">Cabinet Conseil \u2014 Libreville<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- T\u00e9moignage 3 \u2014 \u00c0 personnaliser -->\n      <div class=\"ot-testimonial-card ot-reveal\">\n        <div class=\"ot-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"ot-testimonial-text\">\n          \"La vid\u00e9osurveillance install\u00e9e par O-Technologies a dissuad\u00e9 plusieurs tentatives\n          d'intrusion. Le syst\u00e8me de supervision \u00e0 distance fonctionne parfaitement,\n          m\u00eame lors des coupures de courant gr\u00e2ce \u00e0 l'UPS int\u00e9gr\u00e9.\"\n        <\/p>\n        <div class=\"ot-testimonial-author\">\n          <div class=\"ot-testimonial-avatar\" style=\"background:#B84500;\">SK<\/div>\n          <div>\n            <div class=\"ot-testimonial-name\">G\u00e9rant<\/div>\n            <div class=\"ot-testimonial-company\">Commerce \u2014 Port-Gentil<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-c2ecd478 wp-block-group-is-layout-constrained\" id=\"whyus\" style=\"padding-top:144px;padding-bottom:144px\">\n\n\n\n\n<div class=\"otech-partner-section\">\n    <h2 class=\"partner-title\">Nos Partenaires Certifi\u00e9s<\/h2>\n    \n    <div class=\"otech-slider-wrapper\">\n        \n        <button class=\"otech-slider-arrow prev-arrow\" aria-label=\"Partenaires pr\u00e9c\u00e9dents\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6 1.41-1.41z\"><\/path><\/svg>\n        <\/button>\n\n        <div class=\"otech-slider-viewport\">\n            <div class=\"otech-slide-track\" id=\"otechSlideTrack\">\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/05\/Cisco.png\" alt=\"Cisco Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/87a8756f-7644-431a-a361-1c5430c68f33.png\" alt=\"Huawei Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"LIEN_LOGO_ALCATEL.png\" alt=\"Alcatel-Lucent Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/f91610b5-f8ad-4897-a45e-6095ad4d0b1b.png\" alt=\"Veeam Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/partners-vmware-png-logo-2.png\" alt=\"VMware Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/a8fff937-6474-407c-b0fa-89a2e6489e7f.png\" alt=\"Sage Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/partner-ubiquiti-logo.png\" alt=\"Ubiquiti Certifi\u00e9\"><\/div>\n                               <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/05\/Cisco.png\" alt=\"Cisco Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/87a8756f-7644-431a-a361-1c5430c68f33.png\" alt=\"Huawei Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"LIEN_LOGO_ALCATEL.png\" alt=\"Alcatel-Lucent Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/f91610b5-f8ad-4897-a45e-6095ad4d0b1b.png\" alt=\"Veeam Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/partners-vmware-png-logo-2.png\" alt=\"VMware Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/a8fff937-6474-407c-b0fa-89a2e6489e7f.png\" alt=\"Sage Certifi\u00e9\"><\/div>\n                <div class=\"otech-slide\"><img decoding=\"async\" src=\"https:\/\/o-technologiesga.com\/wp-content\/uploads\/2026\/06\/partner-ubiquiti-logo.png\" alt=\"Ubiquiti Certifi\u00e9\"><\/div>\n            <\/div>\n        <\/div>\n\n        <button class=\"otech-slider-arrow next-arrow\" aria-label=\"Partenaires suivants\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"><\/path><\/svg>\n        <\/button>\n\n    <\/div>\n<\/div>\n\n\n<script>\n\/* ============================================================\n   JS O-TECH : AUTO-SCROLL + FL\u00c8CHES + BOUCLE INFINIE R\u00c9ELLE\n============================================================ *\/\ndocument.addEventListener('DOMContentLoaded', () => {\n    const track = document.getElementById('otechSlideTrack');\n    const prevBtn = document.querySelector('.otech-slider-wrapper .prev-arrow');\n    const nextBtn = document.querySelector('.otech-slider-wrapper .next-arrow');\n    const wrapper = document.querySelector('.otech-slider-wrapper');\n\n    if (!track || !prevBtn || !nextBtn || !wrapper) return;\n\n    let isAnimating = false;\n    let autoPlayTimer;\n    const autoPlaySpeed = 3000; \/\/ D\u00e9filement toutes les 3 secondes (3000 ms)\n\n    \/\/ Fonction de d\u00e9placement avec manipulation du DOM pour une boucle parfaite\n    const moveSlider = (direction) => {\n        if (isAnimating) return; \/\/ Emp\u00eache les bugs si on clique fr\u00e9n\u00e9tiquement\n        isAnimating = true;\n\n        const slide = track.firstElementChild;\n        const slideWidth = slide.getBoundingClientRect().width;\n        \/\/ R\u00e9cup\u00e8re l'espace (gap) d\u00e9fini dans le CSS\n        const gap = parseFloat(window.getComputedStyle(track).gap) || 0; \n        const moveDistance = slideWidth + gap;\n\n        if (direction === 'next') {\n            \/\/ 1. On anime le glissement vers la gauche\n            track.style.transition = 'transform 0.4s ease';\n            track.style.transform = `translateX(-${moveDistance}px)`;\n\n            \/\/ 2. Une fois l'animation finie, on d\u00e9place le 1er logo \u00e0 la fin (invisiblement)\n            setTimeout(() => {\n                track.style.transition = 'none';\n                track.appendChild(track.firstElementChild); \n                track.style.transform = 'translateX(0)';\n                isAnimating = false;\n            }, 400); \/\/ 400ms correspond au temps de transition CSS\n\n        } else if (direction === 'prev') {\n            \/\/ 1. On place d'abord le dernier logo tout au d\u00e9but (invisiblement)\n            track.style.transition = 'none';\n            track.prepend(track.lastElementChild);\n            track.style.transform = `translateX(-${moveDistance}px)`;\n\n            \/\/ Force le navigateur \u00e0 actualiser l'affichage\n            void track.offsetWidth;\n\n            \/\/ 2. On anime le glissement pour revenir \u00e0 la position 0\n            track.style.transition = 'transform 0.4s ease';\n            track.style.transform = 'translateX(0)';\n\n            setTimeout(() => {\n                isAnimating = false;\n            }, 400);\n        }\n    };\n\n    \/\/ --- GESTION DE L'AUTO-PLAY ---\n    const startAutoPlay = () => {\n        autoPlayTimer = setInterval(() => {\n            moveSlider('next');\n        }, autoPlaySpeed);\n    };\n\n    const stopAutoPlay = () => {\n        clearInterval(autoPlayTimer);\n    };\n\n    \/\/ --- \u00c9V\u00c9NEMENTS DES FL\u00c8CHES ---\n    nextBtn.addEventListener('click', () => {\n        moveSlider('next');\n        stopAutoPlay(); \/\/ On stoppe le timer\n        startAutoPlay(); \/\/ On le relance pour \u00e9viter un double-saut\n    });\n\n    prevBtn.addEventListener('click', () => {\n        moveSlider('prev');\n        stopAutoPlay();\n        startAutoPlay();\n    });\n\n    \/\/ --- PAUSE AU SURVOL (UX Premium) ---\n    wrapper.addEventListener('mouseenter', stopAutoPlay);\n    wrapper.addEventListener('mouseleave', startAutoPlay);\n\n    \/\/ Lancement de l'automatisation au chargement\n    startAutoPlay();\n});\n<\/script>\n<\/div>\n\n\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ============================================================\n   PIED DE PAGE PREMIUM UNIFI\u00c9 - O-TECHNOLOGIES\n============================================================ *\/\n\n.otech-main-footer {\n    background-color: #0A1B8A !important; \/* Couleur unique officielle *\/\n    color: #ffffff !important;\n    font-family: 'Inter', 'Segoe UI', sans-serif;\n    padding: 80px 0 0 0;\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.otech-footer-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 30px;\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr; \/* Structure asym\u00e9trique pro *\/\n    gap: 60px;\n}\n\n\/* Typographie des sections *\/\n.otech-footer-logo {\n    font-size: 1.6rem;\n    font-weight: 800;\n    letter-spacing: 2px;\n    margin: 0 0 20px 0;\n    color: #ffffff;\n}\n\n.otech-footer-tagline {\n    color: #e2e8f0;\n    font-size: 0.95rem;\n    line-height: 1.6;\n    opacity: 0.85;\n    max-width: 450px;\n}\n\n.otech-footer-title {\n    color: #ffffff;\n    font-size: 1.1rem;\n    font-weight: 700;\n    margin: 0 0 25px 0;\n    position: relative;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n\/* Ligne d'accent sous le titre *\/\n.otech-footer-title::after {\n    content: '';\n    display: block;\n    width: 35px;\n    height: 3px;\n    background-color: #2B54C4; \/* Rappel subtil de la couleur d'accent *\/\n    margin-top: 8px;\n    border-radius: 2px;\n}\n\n\/* Listes de liens et comportements interactifs *\/\n.otech-footer-links, .otech-footer-contact {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.otech-footer-links li {\n    margin-bottom: 14px;\n}\n\n.otech-footer-links a {\n    color: #cbd5e1;\n    text-decoration: none;\n    font-size: 0.95rem;\n    transition: all 0.3s ease;\n    display: inline-block;\n}\n\n\/* Effet de d\u00e9calage au survol (Premium UI) *\/\n.otech-footer-links a:hover {\n    color: #ffffff;\n    transform: translateX(6px);\n}\n\n\/* Zone d'informations de Contact *\/\n.otech-footer-contact li {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    color: #cbd5e1;\n    font-size: 0.95rem;\n}\n\n.otech-footer-contact svg {\n    color: #ffffff; \/* Uniformit\u00e9 des ic\u00f4nes *\/\n    flex-shrink: 0;\n    opacity: 0.8;\n}\n\n.otech-footer-contact a {\n    color: #cbd5e1;\n    text-decoration: none;\n    transition: color 0.3s ease;\n}\n\n.otech-footer-contact a:hover {\n    color: #ffffff;\n}\n\n\/* ============================================================\n   BARRE DE BAS DE PAGE (COPYRIGHT)\n============================================================ *\/\n.otech-footer-bottom {\n    margin-top: 60px;\n    padding: 25px 0;\n    border-top: 1px solid rgba(255, 255, 255, 0.08); \/* Ligne de s\u00e9paration tr\u00e8s fine *\/\n    background-color: rgba(0, 0, 0, 0.15); \/* L\u00e9g\u00e8re variation pour marquer la fin *\/\n}\n\n.otech-bottom-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 30px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    font-size: 0.85rem;\n    color: #94a3b8;\n}\n\n.otech-bottom-wrapper p {\n    margin: 0;\n}\n\n.otech-badge {\n    background-color: rgba(255, 255, 255, 0.06);\n    color: #ffffff;\n    padding: 6px 14px;\n    border-radius: 20px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n}\n\n\/* ============================================================\n   RESPONSIVE DESIGN (TABLETTES & MOBILES)\n============================================================ *\/\n@media (max-width: 992px) {\n    .otech-footer-container {\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n    }\n    .col-brand {\n        grid-column: span 2;\n    }\n}\n\n@media (max-width: 600px) {\n    .otech-main-footer {\n        padding-top: 50px;\n    }\n    .otech-footer-container {\n        grid-template-columns: 1fr;\n        gap: 35px;\n        padding: 0 20px;\n    }\n    .col-brand {\n        grid-column: span 1;\n    }\n    .otech-bottom-wrapper {\n        flex-direction: column;\n        gap: 15px;\n        text-align: center;\n        padding: 0 20px;\n    }\n}\n<\/style>\n\n<footer class=\"otech-main-footer\">\n    <div class=\"otech-footer-container\">\n        \n        <div class=\"otech-footer-col col-brand\">\n            <h3 class=\"otech-footer-logo\">O-TECHNOLOGIES<\/h3>\n            <p class=\"otech-footer-tagline\">\n                Infrastructures r\u00e9seaux, t\u00e9l\u00e9communications IP et infog\u00e9rance de pointe au Gabon. Nous s\u00e9curisons et optimisons la performance num\u00e9rique des entreprises.\n            <\/p>\n        <\/div>\n\n        <div class=\"otech-footer-col\">\n            <h4 class=\"otech-footer-title\">Nos Solutions<\/h4>\n            <ul class=\"otech-footer-links\">\n                <li><a href=\"#services\">Int\u00e9gration &amp; Infog\u00e9rance<\/a><\/li>\n                <li><a href=\"#telecom\">T\u00e9l\u00e9communications IP (VoIP)<\/a><\/li>\n                <li><a href=\"#securite\">S\u00e9curit\u00e9 &amp; Audit Syst\u00e8me<\/a><\/li>\n                <li><a href=\"#cloud\">Cloud &amp; H\u00e9bergement Web<\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        <div class=\"otech-footer-col\">\n            <h4 class=\"otech-footer-title\">Si\u00e8ge Social<\/h4>\n            <ul class=\"otech-footer-contact\">\n                <li>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n                    <span>BP 1233, Libreville, Gabon<\/span>\n                <\/li>\n                <li>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n                  <a href=\"tel:+24101000000\">+241  (Fixe)<\/a>\n                <\/li>\n                <li>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg>\n                    <a href=\"tel:+24165804888\">+241 65 80 48 88 (Cell)<\/a>\n                <\/li>\n                <li>\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n                    <a href=\"mailto:clients@o-technologiesga.com\">clients@o-technologiesga.com<\/a>\n                <\/li>\n            <\/ul>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"otech-footer-bottom\">\n        <div class=\"otech-bottom-wrapper\">\n            <p>\u00a9 2026 O-Technologies. Tous droits r\u00e9serv\u00e9s. Libreville, Gabon.<\/p>\n            <div class=\"otech-bottom-meta\">\n                <span class=\"otech-badge\">Infrastructure &amp; Telecom Specialist<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/footer>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>What We Offer Int\u00e9gration &amp; Infog\u00e9-rance Optimisez la performance de votre entreprise. Nous assurons l&rsquo;installation, la maintenance pr\u00e9ventive et le [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"O-Technologies | Informatique & T\u00e9l\u00e9coms \u00e0 Libreville, Gabon","_seopress_titles_desc":"Expert en C\u00e2blage(courant faible), maintenance informatique, r\u00e9seaux et t\u00e9l\u00e9phonie IP \u00e0 Libreville. O-Technologies accompagne les Entreprises du Gabon avec des solutions IT robustes. Devis gratuit !","_seopress_robots_index":"","site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","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-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/o-technologiesga.com\/index.php\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/o-technologiesga.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/o-technologiesga.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/o-technologiesga.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/o-technologiesga.com\/index.php\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":148,"href":"https:\/\/o-technologiesga.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":397,"href":"https:\/\/o-technologiesga.com\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/397"}],"wp:attachment":[{"href":"https:\/\/o-technologiesga.com\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}