{"id":230,"date":"2026-08-25T01:12:37","date_gmt":"2026-08-25T01:12:37","guid":{"rendered":"https:\/\/boconception.ovh\/sad\/?page_id=230"},"modified":"2026-08-25T01:12:37","modified_gmt":"2026-08-25T01:12:37","slug":"accueil-nouveau","status":"publish","type":"page","link":"https:\/\/geotop-sn.com\/index.php\/accueil-nouveau\/","title":{"rendered":"Accueil Nouveau"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"230\" class=\"elementor elementor-230\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c4cd73 e-flex e-con-boxed e-con e-parent\" data-id=\"7c4cd73\" 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-bda30b8 elementor-widget elementor-widget-shortcode\" data-id=\"bda30b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Archivo:wght@600;700;800;900&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');\n\n  :root{\n    --paper:#F5F2ED;\n    --surface:#FFFFFF;\n    --ink:#18140F;\n    --ink-soft:#5B564E;\n    --line:#DEDACF;\n    --accent:#A81E17;\n    --accent-deep:#6E120D;\n    --charcoal:#161311;\n    --charcoal-2:#211C18;\n    --paper-on-dark:#F1ECE3;\n    --soft-on-dark:#B7AEA1;\n    --line-on-dark:#3A332C;\n    --accent-on-dark:#E14F3F;\n  }\n\n  *{box-sizing:border-box;}\n  html{scroll-behavior:smooth;}\n  body{\n    margin:0;\n    background:var(--paper);\n    color:var(--ink);\n    font-family:'IBM Plex Sans', system-ui, sans-serif;\n    -webkit-font-smoothing:antialiased;\n  }\n  img,video{max-width:100%;display:block;}\n\n  h1,h2,h3{\n    font-family:'Archivo', 'Helvetica Neue', Arial, sans-serif;\n    font-weight:800;\n    letter-spacing:-0.02em;\n    line-height:1.04;\n    text-wrap:balance;\n    margin:0;\n  }\n\n  .mono{\n    font-family:'IBM Plex Mono', ui-monospace, monospace;\n  }\n\n  .eyebrow{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.72rem;\n    letter-spacing:0.16em;\n    text-transform:uppercase;\n    color:var(--accent);\n    display:flex;\n    align-items:center;\n    gap:0.6em;\n  }\n  .eyebrow::before{\n    content:\"\";\n    width:22px;\n    height:2px;\n    background:var(--accent);\n    display:inline-block;\n  }\n  section.on-dark .eyebrow, .on-dark .eyebrow{ color:var(--accent-on-dark); }\n  section.on-dark .eyebrow::before{ background:var(--accent-on-dark); }\n  .hero-plate .eyebrow{\n    color:var(--accent);\n    text-shadow:\n      0 0 2px rgba(245,242,237,0.95),\n      0 1px 4px rgba(245,242,237,0.9),\n      0 2px 12px rgba(245,242,237,0.75);\n  }\n  .hero-plate .eyebrow::before{ background:var(--accent); box-shadow:0 0 6px rgba(245,242,237,0.9); }\n\n  .wrap{\n    max-width:1180px;\n    margin:0 auto;\n    padding:0 clamp(20px, 4vw, 56px);\n  }\n\n  \/* ---------- header ---------- *\/\n  header{\n    background:var(--surface);\n    border-bottom:1px solid var(--line);\n    position:sticky;\n    top:0;\n    z-index:40;\n  }\n  header .wrap{\n    display:flex;\n    align-items:center;\n    justify-content:space-between;\n    padding-top:14px;\n    padding-bottom:14px;\n    gap:24px;\n  }\n  .brand{\n    display:flex;\n    align-items:center;\n    gap:12px;\n  }\n  .brand img{ height:52px; width:auto; }\n  nav{ display:flex; gap:32px; }\n  nav a{\n    font-size:0.85rem;\n    letter-spacing:0.02em;\n    color:var(--ink);\n    text-decoration:none;\n    font-weight:500;\n    position:relative;\n    padding-bottom:2px;\n  }\n  nav a:hover, nav a:focus-visible{ color:var(--accent); }\n  nav a:focus-visible{ outline:2px solid var(--accent); outline-offset:4px; }\n  .btn{\n    font-family:'IBM Plex Sans', sans-serif;\n    font-weight:600;\n    font-size:0.85rem;\n    letter-spacing:0.02em;\n    padding:12px 22px;\n    border:1px solid var(--ink);\n    color:var(--ink);\n    text-decoration:none;\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease;\n  }\n  .btn:hover{ background:var(--ink); color:var(--paper); }\n  .btn:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; }\n  .btn.solid{ background:var(--accent); border-color:var(--accent); color:#fff; }\n  .btn.solid:hover{ background:var(--accent-deep); border-color:var(--accent-deep); }\n  .btn.on-dark{ border-color:var(--paper-on-dark); color:var(--paper-on-dark); }\n  .btn.on-dark:hover{ background:var(--paper-on-dark); color:var(--charcoal); }\n  .btn-row{ display:flex; gap:14px; flex-wrap:wrap; }\n\n  \/* ---------- hero ---------- *\/\n  .hero{\n    position:relative;\n    min-height:min(88vh, 760px);\n    display:flex;\n    align-items:flex-end;\n    color:var(--paper-on-dark);\n    overflow:hidden;\n  }\n  .hero .bg{\n    position:absolute; inset:0;\n    background-image:\n      linear-gradient(180deg, rgba(15,12,10,0.45) 0%, rgba(15,12,10,0.55) 45%, rgba(12,10,8,0.94) 100%),\n      var(--hero-img);\n    background-size:cover;\n    background-position:center 30%;\n  }\n  .hero-inner{\n    position:relative;\n    z-index:2;\n    padding-top:110px;\n    padding-bottom:64px;\n    width:100%;\n  }\n  .hero-plate{\n    display:block;\n  }\n  .hero h1{\n    font-size:clamp(2.4rem, 5.8vw, 4.8rem);\n    margin-top:16px;\n    max-width:14ch;\n    color:var(--ink);\n    text-shadow:\n      0 0 2px rgba(245,242,237,0.95),\n      0 1px 4px rgba(245,242,237,0.9),\n      0 3px 14px rgba(245,242,237,0.85),\n      0 6px 32px rgba(245,242,237,0.6);\n  }\n  .hero h1 em{\n    font-style:normal;\n    color:var(--accent);\n  }\n  .hero p.lead{\n    font-size:clamp(1rem, 1.5vw, 1.2rem);\n    color:var(--paper-on-dark);\n    max-width:56ch;\n    margin:26px 0 34px;\n    line-height:1.6;\n    opacity:0.92;\n  }\n  .hero-foot{\n    margin-top:52px;\n    border-top:1px solid var(--line-on-dark);\n    padding-top:16px;\n    display:flex;\n    justify-content:space-between;\n    align-items:baseline;\n    flex-wrap:wrap;\n    gap:10px;\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.72rem;\n    color:var(--soft-on-dark);\n    letter-spacing:0.04em;\n  }\n\n  \/* ---------- generic section rhythm ---------- *\/\n  section{ padding:clamp(64px, 9vw, 120px) 0; }\n  section.on-dark{ background:var(--charcoal); color:var(--paper-on-dark); }\n  section.on-dark.alt{ background:var(--charcoal-2); }\n  section.tight{ padding-top:clamp(48px,6vw,72px); padding-bottom:clamp(48px,6vw,72px); }\n\n  .plate-index{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.72rem;\n    color:var(--ink-soft);\n    letter-spacing:0.05em;\n  }\n  .on-dark .plate-index{ color:var(--soft-on-dark); }\n\n  .section-head{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-end;\n    gap:24px;\n    margin-bottom:48px;\n    border-bottom:1px solid var(--line);\n    padding-bottom:22px;\n  }\n  .on-dark .section-head{ border-color:var(--line-on-dark); }\n  .section-head h2{ font-size:clamp(1.9rem, 3.4vw, 2.9rem); margin-top:10px; }\n\n  \/* ---------- presentation ---------- *\/\n  .presentation-grid{\n    display:grid;\n    grid-template-columns:1.15fr 0.85fr;\n    gap:clamp(32px, 6vw, 72px);\n    align-items:center;\n  }\n  .presentation-grid p{\n    font-size:1.08rem;\n    line-height:1.75;\n    color:var(--ink-soft);\n    max-width:56ch;\n  }\n  .presentation-grid .byline{\n    margin-top:28px;\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.78rem;\n    letter-spacing:0.03em;\n    color:var(--ink);\n    border-top:1px solid var(--line);\n    padding-top:16px;\n    display:flex;\n    gap:28px;\n    flex-wrap:wrap;\n  }\n  .frame{\n    position:relative;\n    border:1px solid var(--line);\n    padding:10px;\n    background:var(--surface);\n  }\n  .on-dark .frame{ border-color:var(--line-on-dark); background:var(--charcoal-2); }\n  .frame img,.frame video{ width:100%; height:100%; object-fit:cover; display:block; }\n  .frame .tick{\n    position:absolute; width:11px; height:11px;\n    border-color:var(--accent);\n  }\n  .on-dark .frame .tick{ border-color:var(--accent-on-dark); }\n  .tick.tl{ top:-1px; left:-1px; border-top:2px solid; border-left:2px solid; }\n  .tick.br{ bottom:-1px; right:-1px; border-bottom:2px solid; border-right:2px solid; }\n\n  \/* ---------- activities ---------- *\/\n  .cards{\n    display:grid;\n    grid-template-columns:repeat(4, 1fr);\n    gap:1px;\n    background:var(--line);\n    border:1px solid var(--line);\n  }\n  .card{\n    background:var(--surface);\n    color:var(--ink);\n    padding:32px 26px;\n    display:flex;\n    flex-direction:column;\n    gap:18px;\n    min-height:250px;\n  }\n  .card .num{ font-family:'IBM Plex Mono',monospace; font-size:0.72rem; color:var(--ink-soft); }\n  .card svg{ width:34px; height:34px; stroke:var(--accent); }\n  .card h3{\n    font-family:'IBM Plex Sans', sans-serif;\n    font-weight:600;\n    text-transform:none;\n    font-size:1.15rem;\n    letter-spacing:0;\n    color:var(--ink);\n  }\n  .card p{ font-size:0.92rem; color:var(--ink-soft); line-height:1.6; margin:0; flex:1; }\n\n  \/* ---------- agro \/ embovine ---------- *\/\n  .agro-grid{\n    display:grid;\n    grid-template-columns:0.95fr 1.05fr;\n    gap:clamp(32px,6vw,72px);\n    align-items:center;\n  }\n  .agro-plate{\n    background:var(--paper-on-dark);\n    padding:26px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    border:1px solid var(--line-on-dark);\n  }\n  .agro-plate img{ max-height:120px; width:auto; }\n  .agro-grid p{ font-size:1.06rem; line-height:1.75; color:var(--soft-on-dark); max-width:58ch; }\n  .tag{\n    display:block;\n    font-family:'Archivo', sans-serif;\n    font-weight:800;\n    font-size:clamp(1.1rem, 2.1vw, 1.5rem);\n    letter-spacing:-0.01em;\n    text-transform:none;\n    border:none;\n    color:var(--ink);\n    padding:0;\n    margin-bottom:14px;\n  }\n\n  \/* ---------- terrain gallery ---------- *\/\n  .gallery{\n    display:grid;\n    grid-template-columns:1.3fr 1fr;\n    gap:14px;\n  }\n  .gcell{\n    position:relative;\n    overflow:hidden;\n    background:#000;\n  }\n  .gcell img, .gcell video{ width:100%; height:100%; object-fit:cover; display:block; }\n  .g-a{ aspect-ratio:4\/3; }\n  .g-b{ aspect-ratio:4\/3; }\n\n  .filmstrip-head{\n    display:flex;\n    align-items:baseline;\n    justify-content:space-between;\n    margin:40px 0 16px;\n    gap:16px;\n  }\n  .filmstrip-head .label{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.72rem;\n    letter-spacing:0.08em;\n    text-transform:uppercase;\n    color:var(--soft-on-dark);\n  }\n  .filmstrip-head .hint{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.7rem;\n    color:var(--soft-on-dark);\n    opacity:0.7;\n  }\n  .filmstrip{\n    display:grid;\n    grid-template-columns:repeat(4, 1fr);\n    gap:14px;\n  }\n  .filmstrip .gcell{ aspect-ratio:9\/16; border:1px solid var(--line-on-dark); }\n  .filmstrip .gcap{ font-size:0.64rem; }\n  .gcap{\n    position:absolute; left:0; right:0; bottom:0;\n    padding:14px 16px 12px;\n    background:linear-gradient(0deg, rgba(10,8,7,0.85), transparent);\n    color:#F1ECE3;\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.7rem;\n    letter-spacing:0.03em;\n  }\n  .mute-badge{\n    position:absolute; top:10px; right:10px;\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.6rem;\n    letter-spacing:0.08em;\n    color:#F1ECE3;\n    background:rgba(10,8,7,0.55);\n    border:1px solid rgba(255,255,255,0.35);\n    padding:3px 7px;\n  }\n\n  \/* ---------- realisations band ---------- *\/\n  .band{\n    background:var(--accent);\n    color:#fff;\n  }\n  .band .wrap{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:24px;\n    flex-wrap:wrap;\n    padding-top:44px;\n    padding-bottom:44px;\n  }\n  .band h2{\n    font-size:clamp(1.6rem, 3vw, 2.3rem);\n    max-width:16ch;\n  }\n  .band .btn{ border-color:#fff; color:#fff; }\n  .band .btn:hover{ background:#fff; color:var(--accent-deep); }\n\n  \/* ---------- contact ---------- *\/\n  .contact-grid{\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:clamp(32px,6vw,72px);\n  }\n  .contact-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:22px; }\n  .contact-list li{\n    border-bottom:1px solid var(--line);\n    padding-bottom:18px;\n    display:grid;\n    grid-template-columns:120px 1fr;\n    gap:16px;\n  }\n  .contact-list .k{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.72rem;\n    letter-spacing:0.06em;\n    text-transform:uppercase;\n    color:var(--ink-soft);\n    padding-top:2px;\n  }\n  .contact-list .v{ font-size:1.02rem; }\n  .contact-list a{ color:var(--ink); text-decoration:none; border-bottom:1px solid var(--accent); }\n  .contact-list a:hover{ color:var(--accent); }\n  .contact-note{\n    font-size:0.88rem;\n    color:var(--ink-soft);\n    line-height:1.6;\n    margin-top:22px;\n    padding:16px 18px;\n    background:var(--surface);\n    border:1px solid var(--line);\n  }\n\n  \/* ---------- footer ---------- *\/\n  footer{\n    background:var(--charcoal);\n    color:var(--soft-on-dark);\n    padding:56px 0 26px;\n  }\n  .footer-grid{\n    display:grid;\n    grid-template-columns:1.3fr 1fr 1fr;\n    gap:40px;\n    padding-bottom:36px;\n    border-bottom:1px solid var(--line-on-dark);\n  }\n  .footer-logo img{ height:46px; width:auto; margin-bottom:16px; }\n  .footer-tag{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.72rem;\n    color:var(--soft-on-dark);\n    margin-top:8px;\n    max-width:32ch;\n    line-height:1.6;\n  }\n  footer h4{\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.7rem;\n    letter-spacing:0.1em;\n    text-transform:uppercase;\n    color:var(--paper-on-dark);\n    margin:0 0 16px;\n    font-weight:500;\n  }\n  footer ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }\n  footer a{ color:var(--soft-on-dark); text-decoration:none; font-size:0.9rem; }\n  footer a:hover{ color:var(--paper-on-dark); }\n  .footer-bottom{\n    display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;\n    padding-top:22px;\n    font-family:'IBM Plex Mono', monospace;\n    font-size:0.68rem;\n    color:var(--soft-on-dark);\n    letter-spacing:0.03em;\n  }\n\n  @media (max-width: 880px){\n    nav{ display:none; }\n    .presentation-grid, .agro-grid, .contact-grid{ grid-template-columns:1fr; }\n    .presentation-grid .frame{ order:-1; }\n    .cards{ grid-template-columns:1fr 1fr; }\n    .gallery{ grid-template-columns:1fr; }\n    .g-a, .g-b{ aspect-ratio:16\/10; }\n    .filmstrip{ grid-template-columns:1fr 1fr; }\n    .footer-grid{ grid-template-columns:1fr; gap:28px; }\n  }\n  @media (max-width: 560px){\n    .cards{ grid-template-columns:1fr; }\n    .contact-list li{ grid-template-columns:1fr; gap:4px; }\n  }\n\n  @media (prefers-reduced-motion: reduce){\n    html{ scroll-behavior:auto; }\n  }\n<\/style>\n\n\n<header>\n  <div class=\"wrap\">\n    <div class=\"brand\">\n      <img  alt=\"GEOTOP Ing\u00e9nierie \u2014 Le G\u00e9nie et l'Exp\u00e9rience \u00e0 l'Ouvrage\" \/ loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" src=\"{{URL_LOGO}}\">\n    <\/div>\n    <nav>\n      <a href=\"#accueil\">Accueil<\/a>\n      <a href=\"#activites\">Activit\u00e9s<\/a>\n      <a href=\"#realisations\">R\u00e9alisations<\/a>\n      <a href=\"#contact\">Contact<\/a>\n    <\/nav>\n    <a class=\"btn solid\" href=\"#contact\">Nous contacter<\/a>\n  <\/div>\n<\/header>\n\n<section class=\"hero\" id=\"accueil\" style=\"--hero-img:url('{{URL_HERO}}')\">\n  <div class=\"bg\"><\/div>\n  <div class=\"wrap hero-inner\">\n    <div class=\"hero-plate\">\n      <div class=\"eyebrow\">BTP \u00b7 G\u00e9nie civil \u00b7 Hydraulique<\/div>\n      <h1>Le G\u00e9nie et<br>l'Exp\u00e9rience <em>\u00e0 l'Ouvrage.<\/em><\/h1>\n    <\/div>\n    <p class=\"lead\">Depuis 2011, GEOTOP Ing\u00e9nierie con\u00e7oit et r\u00e9alise des infrastructures routi\u00e8res, des ouvrages de g\u00e9nie civil, d'assainissement et d'hydraulique, aux c\u00f4t\u00e9s de ma\u00eetres d'ouvrage publics et priv\u00e9s, s\u00e9n\u00e9galais et internationaux.<\/p>\n    <div class=\"btn-row\">\n      <a class=\"btn solid\" href=\"#activites\">Nos activit\u00e9s \u2192<\/a>\n      <a class=\"btn on-dark\" href=\"#contact\">Nous contacter<\/a>\n    <\/div>\n    <div class=\"hero-foot\">\n      <span>GEOTOP Ing\u00e9nierie SARL \u2014 depuis 2011<\/span>\n      <span>Almadies 2 \u2013 P\u00e9age-Rufisque, Dakar<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"presentation\">\n  <div class=\"wrap\">\n    <div class=\"plate-index\" style=\"margin-bottom:8px;\">PLANCHE 01<\/div>\n    <div class=\"presentation-grid\">\n      <div>\n        <div class=\"eyebrow\">Pr\u00e9sentation<\/div>\n        <h2 style=\"font-size:clamp(1.9rem,3.4vw,2.9rem); margin-top:10px;\">Un acteur du BTP<br>au service des grands ouvrages.<\/h2>\n        <p style=\"margin-top:26px;\">Fond\u00e9e en 2011, GEOTOP Ing\u00e9nierie est une entreprise s\u00e9n\u00e9galaise de BTP sp\u00e9cialis\u00e9e dans les infrastructures routi\u00e8res, le g\u00e9nie civil, l'assainissement et l'hydraulique. Elle met \u00e0 disposition des ressources humaines et mat\u00e9rielles qualifi\u00e9es pour la r\u00e9alisation d'ouvrages d'envergure, aux c\u00f4t\u00e9s des grands acteurs du secteur, nationaux comme internationaux.<\/p>\n        <div class=\"byline\">\n          <span>SARL \u2014 Dakar, S\u00e9n\u00e9gal<\/span>\n          <span>Fond\u00e9e en 2011<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"frame\">\n        <span class=\"tick tl\"><\/span><span class=\"tick br\"><\/span>\n        <img  alt=\"Ing\u00e9nieur sur un chantier de g\u00e9nie civil, casque et gilet de s\u00e9curit\u00e9\" \/ loading=\"lazy\" decoding=\"async\" src=\"{{URL_PRESENTATION}}\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"on-dark\" id=\"activites\">\n  <div class=\"wrap\">\n    <div class=\"plate-index\" style=\"margin-bottom:8px;\">PLANCHE 02<\/div>\n    <div class=\"section-head\">\n      <div>\n        <div class=\"eyebrow\">Nos activit\u00e9s<\/div>\n        <h2>Quatre m\u00e9tiers,<br>une m\u00eame exigence.<\/h2>\n      <\/div>\n    <\/div>\n    <div class=\"cards\">\n      <div class=\"card\">\n        <span class=\"num\">01<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M5 21 10 3M19 21 14 3M8 21h8M3 12h4M17 12h4\" stroke-linecap=\"round\"\/><\/svg>\n        <h3>Infrastructures routi\u00e8res<\/h3>\n        <p>Routes, pistes, voiries, chemins d'acc\u00e8s, parkings, terrassement et asphaltage.<\/p>\n      <\/div>\n      <div class=\"card\">\n        <span class=\"num\">02<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M12 3c3 3.5 6 7 6 10.5A6 6 0 0 1 6 13.5C6 10 9 6.5 12 3Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <h3>Assainissement<\/h3>\n        <p>R\u00e9seaux d'eaux pluviales et d'\u00e9gouts, collecteurs, stations d'\u00e9puration.<\/p>\n      <\/div>\n      <div class=\"card\">\n        <span class=\"num\">03<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M12 3v3M6 8h12l2 12H4L6 8Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M9 12v5M15 12v5\" stroke-linecap=\"round\"\/><\/svg>\n        <h3>Hydraulique<\/h3>\n        <p>Ch\u00e2teaux d'eau, forages, adduction d'eau, ouvrages de retenue et de pompage.<\/p>\n      <\/div>\n      <div class=\"card\">\n        <span class=\"num\">04<\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\"><path d=\"M4 21V10l8-6 8 6v11\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M9 21v-6h6v6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n        <h3>Immobilier<\/h3>\n        <p>D\u00e9veloppement de programmes immobiliers sur un march\u00e9 africain en forte croissance.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"agrobusiness\">\n  <div class=\"wrap\">\n    <div class=\"plate-index\" style=\"margin-bottom:8px;\">PLANCHE 03<\/div>\n    <div class=\"agro-grid\" style=\"color:var(--ink);\">\n      <div class=\"agro-plate\" style=\"background:var(--surface); border-color:var(--line);\">\n        <img  alt=\"Logo Embovine, projet de BIOTOP Agro-Industrie\" \/ loading=\"lazy\" decoding=\"async\" src=\"{{URL_EMBOVINE_LOGO}}\">\n      <\/div>\n      <div>\n        <span class=\"tag\">GEOTOP Agrobusiness<\/span>\n        <h2 style=\"font-size:clamp(1.9rem,3.4vw,2.9rem);\">Un engagement<br>au-del\u00e0 du BTP.<\/h2>\n        <p style=\"color:var(--ink-soft); margin-top:22px;\">\u00c0 travers Embovine, GEOTOP Agrobusiness d\u00e9veloppe un projet agro-pastoral men\u00e9 \u00e0 Ndiob, dans la r\u00e9gion de Fatick&nbsp;: embouche bovine et am\u00e9lioration g\u00e9n\u00e9tique du cheptel local par ins\u00e9mination, avec un volet de production de compost et de biogaz \u2014 pour am\u00e9liorer les conditions de vie des populations locales.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"on-dark alt\" id=\"terrain\">\n  <div class=\"wrap\">\n    <div class=\"plate-index\" style=\"margin-bottom:8px;\">PLANCHE 04<\/div>\n    <div class=\"section-head\">\n      <div>\n        <div class=\"eyebrow\">Sur le terrain<\/div>\n        <h2>Nos \u00e9quipes en action.<\/h2>\n      <\/div>\n    <\/div>\n    <div class=\"gallery\">\n      <div class=\"gcell g-a\">\n        <img  alt=\"Intervention sur le terrain, am\u00e9nagement en pr\u00e9sence des populations locales\" \/ loading=\"lazy\" decoding=\"async\" src=\"{{URL_TERRAIN_1}}\">\n        <div class=\"gcap\">Interventions sur le terrain<\/div>\n      <\/div>\n      <div class=\"gcell g-b\">\n        <img  alt=\"Rencontre avec les acteurs locaux sur un site d'am\u00e9nagement\" \/ loading=\"lazy\" decoding=\"async\" src=\"{{URL_TERRAIN_2}}\">\n        <div class=\"gcap\">Rencontre avec les acteurs locaux<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"filmstrip-head\">\n      <span class=\"label\">Extraits vid\u00e9o \u2014 le PDG \u00e0 la rencontre des populations<\/span>\n      <span class=\"hint\">4 s\u00e9quences \u00b7 r\u00e9gion de Fatick \u00b7 lecture en boucle<\/span>\n    <\/div>\n    <div class=\"filmstrip\">\n      <div class=\"gcell\">\n        <video src=\"{{URL_VIDEO_1}}\" autoplay muted loop playsinline aria-label=\"Le PDG \u00e0 la rencontre des populations locales, r\u00e9gion de Fatick, dans le cadre de travaux d'am\u00e9nagement \u2014 extrait vid\u00e9o 1\" class=\"lws-optimize-lazyload\"><\/video>\n        <span class=\"mute-badge\">LE PDG<\/span>\n        <div class=\"gcap\">\u00c0 la rencontre des populations locales \u2014 travaux d'am\u00e9nagement, r\u00e9gion de Fatick<\/div>\n      <\/div>\n      <div class=\"gcell\">\n        <video src=\"{{URL_VIDEO_2}}\" autoplay muted loop playsinline aria-label=\"Le PDG \u00e0 la rencontre des populations locales, r\u00e9gion de Fatick, dans le cadre de travaux d'am\u00e9nagement \u2014 extrait vid\u00e9o 2\" class=\"lws-optimize-lazyload\"><\/video>\n        <span class=\"mute-badge\">LE PDG<\/span>\n        <div class=\"gcap\">\u00c0 la rencontre des populations locales \u2014 travaux d'am\u00e9nagement, r\u00e9gion de Fatick<\/div>\n      <\/div>\n      <div class=\"gcell\">\n        <video src=\"{{URL_VIDEO_3}}\" autoplay muted loop playsinline aria-label=\"Le PDG \u00e0 la rencontre des populations locales, r\u00e9gion de Fatick, dans le cadre de travaux d'am\u00e9nagement \u2014 extrait vid\u00e9o 3\" class=\"lws-optimize-lazyload\"><\/video>\n        <span class=\"mute-badge\">LE PDG<\/span>\n        <div class=\"gcap\">\u00c0 la rencontre des populations locales \u2014 travaux d'am\u00e9nagement, r\u00e9gion de Fatick<\/div>\n      <\/div>\n      <div class=\"gcell\">\n        <video src=\"{{URL_VIDEO_4}}\" autoplay muted loop playsinline aria-label=\"Le PDG \u00e0 la rencontre des populations locales, r\u00e9gion de Fatick, dans le cadre de travaux d'am\u00e9nagement \u2014 extrait vid\u00e9o 4\" class=\"lws-optimize-lazyload\"><\/video>\n        <span class=\"mute-badge\">LE PDG<\/span>\n        <div class=\"gcap\">\u00c0 la rencontre des populations locales \u2014 travaux d'am\u00e9nagement, r\u00e9gion de Fatick<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"band\" id=\"realisations\">\n  <div class=\"wrap\">\n    <h2>D\u00e9couvrez nos chantiers<br>et r\u00e9f\u00e9rences sur tout le territoire.<\/h2>\n    <a class=\"btn\" href=\"https:\/\/boconception.ovh\/sad\/realisations\/\">Voir nos r\u00e9alisations \u2192<\/a>\n  <\/div>\n<\/section>\n\n<section id=\"contact\">\n  <div class=\"wrap\">\n    <div class=\"plate-index\" style=\"margin-bottom:8px;\">PLANCHE 05<\/div>\n    <div class=\"contact-grid\">\n      <div>\n        <div class=\"eyebrow\">Contact<\/div>\n        <h2 style=\"font-size:clamp(1.9rem,3.4vw,2.9rem); margin-top:10px;\">Un projet d'ouvrage<br>\u00e0 r\u00e9aliser&nbsp;?<\/h2>\n        <p style=\"color:var(--ink-soft); margin-top:20px; max-width:44ch; line-height:1.7;\">Parlons de vos besoins en infrastructures, assainissement ou hydraulique.<\/p>\n        <div class=\"btn-row\" style=\"margin-top:28px;\">\n          <a class=\"btn solid\" href=\"mailto:geotopingenierie@gmail.com\">Nous \u00e9crire<\/a>\n        <\/div>\n      <\/div>\n      <div>\n        <ul class=\"contact-list\">\n          <li><span class=\"k\">Adresse<\/span><span class=\"v\">Lot 30, Almadies 2 \u2013 P\u00e9age-Rufisque<br>BP 47 548 Dakar-Libert\u00e9<\/span><\/li>\n          <li><span class=\"k\">T\u00e9l\u00e9phone<\/span><span class=\"v\"><a href=\"tel:+221338278960\">33 827 89 60<\/a><\/span><\/li>\n          <li><span class=\"k\">Email<\/span><span class=\"v\"><a href=\"mailto:geotopingenierie@gmail.com\">geotopingenierie@gmail.com<\/a><\/span><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"wrap\">\n    <div class=\"footer-grid\">\n      <div class=\"footer-logo\">\n        <img  alt=\"GEOTOP Ing\u00e9nierie\" \/ loading=\"lazy\" decoding=\"async\" src=\"{{URL_LOGO}}\">\n        <div class=\"footer-tag\">GEOTOP Ing\u00e9nierie SARL \u2014 Dakar, S\u00e9n\u00e9gal.<\/div>\n      <\/div>\n      <div>\n        <h4>Navigation<\/h4>\n        <ul>\n          <li><a href=\"#accueil\">Accueil<\/a><\/li>\n          <li><a href=\"#activites\">Activit\u00e9s<\/a><\/li>\n          <li><a href=\"#realisations\">R\u00e9alisations<\/a><\/li>\n          <li><a href=\"#contact\">Contact<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div>\n        <h4>Contact<\/h4>\n        <ul>\n          <li>Lot 30, Almadies 2 \u2013 P\u00e9age-Rufisque<\/li>\n          <li><a href=\"tel:+221338278960\">33 827 89 60<\/a><\/li>\n          <li><a href=\"mailto:geotopingenierie@gmail.com\">geotopingenierie@gmail.com<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <span>\u00a9 GEOTOP Ing\u00e9nierie SARL \u2014 Fond\u00e9e en 2011<\/span>\n      <span>Infrastructures routi\u00e8res \u00b7 Assainissement \u00b7 Hydraulique \u00b7 Immobilier<\/span>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n    document.querySelectorAll('video[autoplay]').forEach(v => { v.removeAttribute('autoplay'); v.pause(); });\n  }\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Accueil Activit\u00e9s R\u00e9alisations Contact Nous contacter BTP \u00b7 G\u00e9nie civil \u00b7 Hydraulique Le G\u00e9nie etl&rsquo;Exp\u00e9rience \u00e0 l&rsquo;Ouvrage. Depuis 2011, GEOTOP Ing\u00e9nierie con\u00e7oit et r\u00e9alise\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-230","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Accueil Nouveau - GEOTOP<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/geotop-sn.com\/index.php\/accueil-nouveau\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accueil Nouveau - GEOTOP\" \/>\n<meta property=\"og:description\" content=\"Accueil Activit\u00e9s R\u00e9alisations Contact Nous contacter BTP \u00b7 G\u00e9nie civil \u00b7 Hydraulique Le G\u00e9nie etl&rsquo;Exp\u00e9rience \u00e0 l&rsquo;Ouvrage. Depuis 2011, GEOTOP Ing\u00e9nierie con\u00e7oit et r\u00e9alise\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/geotop-sn.com\/index.php\/accueil-nouveau\/\" \/>\n<meta property=\"og:site_name\" content=\"GEOTOP\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/geotop-sn.com\\\/index.php\\\/accueil-nouveau\\\/\",\"url\":\"https:\\\/\\\/geotop-sn.com\\\/index.php\\\/accueil-nouveau\\\/\",\"name\":\"Accueil Nouveau - GEOTOP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/geotop-sn.com\\\/#website\"},\"datePublished\":\"2026-08-25T01:12:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/geotop-sn.com\\\/index.php\\\/accueil-nouveau\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/geotop-sn.com\\\/index.php\\\/accueil-nouveau\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/geotop-sn.com\\\/index.php\\\/accueil-nouveau\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/geotop-sn.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil Nouveau\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/geotop-sn.com\\\/#website\",\"url\":\"https:\\\/\\\/geotop-sn.com\\\/\",\"name\":\"GEOTOP\",\"description\":\"Le g\u00e9nie et l&#039;exp\u00e9rience \u00e0 l&#039;ouvrage\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/geotop-sn.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accueil Nouveau - GEOTOP","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/geotop-sn.com\/index.php\/accueil-nouveau\/","og_locale":"fr_FR","og_type":"article","og_title":"Accueil Nouveau - GEOTOP","og_description":"Accueil Activit\u00e9s R\u00e9alisations Contact Nous contacter BTP \u00b7 G\u00e9nie civil \u00b7 Hydraulique Le G\u00e9nie etl&rsquo;Exp\u00e9rience \u00e0 l&rsquo;Ouvrage. Depuis 2011, GEOTOP Ing\u00e9nierie con\u00e7oit et r\u00e9alise\u2026","og_url":"https:\/\/geotop-sn.com\/index.php\/accueil-nouveau\/","og_site_name":"GEOTOP","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/geotop-sn.com\/index.php\/accueil-nouveau\/","url":"https:\/\/geotop-sn.com\/index.php\/accueil-nouveau\/","name":"Accueil Nouveau - GEOTOP","isPartOf":{"@id":"https:\/\/geotop-sn.com\/#website"},"datePublished":"2026-08-25T01:12:37+00:00","breadcrumb":{"@id":"https:\/\/geotop-sn.com\/index.php\/accueil-nouveau\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/geotop-sn.com\/index.php\/accueil-nouveau\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/geotop-sn.com\/index.php\/accueil-nouveau\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/geotop-sn.com\/"},{"@type":"ListItem","position":2,"name":"Accueil Nouveau"}]},{"@type":"WebSite","@id":"https:\/\/geotop-sn.com\/#website","url":"https:\/\/geotop-sn.com\/","name":"GEOTOP","description":"Le g\u00e9nie et l&#039;exp\u00e9rience \u00e0 l&#039;ouvrage","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/geotop-sn.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/geotop-sn.com\/index.php\/wp-json\/wp\/v2\/pages\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/geotop-sn.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/geotop-sn.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/geotop-sn.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/geotop-sn.com\/index.php\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":0,"href":"https:\/\/geotop-sn.com\/index.php\/wp-json\/wp\/v2\/pages\/230\/revisions"}],"wp:attachment":[{"href":"https:\/\/geotop-sn.com\/index.php\/wp-json\/wp\/v2\/media?parent=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}