{"id":23843,"date":"2025-12-18T10:24:47","date_gmt":"2025-12-18T10:24:47","guid":{"rendered":"https:\/\/sdgroup.sn\/?page_id=23843"},"modified":"2025-12-18T10:36:29","modified_gmt":"2025-12-18T10:36:29","slug":"solution-it-sd-group","status":"publish","type":"page","link":"https:\/\/sdgroup.sn\/en\/solution-it-sd-group\/","title":{"rendered":"Solution IT – SD Group"},"content":{"rendered":"
\n\t\t\t\t
\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Solution IT - SD Group<\/title>\r\n <style>\r\n \/* ============================================\r\n VARIABLES & RESET - CHARTE GRAPHIQUE SD GROUP\r\n ============================================ *\/\r\n \r\n :root {\r\n \/* Charte graphique SD Group *\/\r\n --sd-primary: #006957;\r\n --sd-primary-dark: #004d3f;\r\n --sd-primary-light: #008a6f;\r\n --sd-primary-very-light: rgba(0, 105, 87, 0.08);\r\n --sd-primary-light-bg: rgba(0, 105, 87, 0.05);\r\n --sd-gray-text: #2a2a2a;\r\n --sd-gray-medium: #6b7280;\r\n --sd-gray-light: #9ca3af;\r\n --sd-gray-bg: #F8F9FA;\r\n --sd-white: #FFFFFF;\r\n \r\n \/* Design moderne minimaliste *\/\r\n --radius-sm: 8px;\r\n --radius-md: 12px;\r\n --radius-lg: 16px;\r\n --border-subtle: 1px solid rgba(0, 105, 87, 0.1);\r\n --shadow-soft: 0 2px 8px rgba(0, 105, 87, 0.08);\r\n --shadow-hover: 0 8px 24px rgba(0, 105, 87, 0.15);\r\n --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.05);\r\n \r\n \/* Espacements *\/\r\n --spacing-xs: clamp(0.5rem, 1vw, 0.75rem);\r\n --spacing-sm: clamp(0.75rem, 1.5vw, 1rem);\r\n --spacing-md: clamp(1rem, 2vw, 1.5rem);\r\n --spacing-lg: clamp(1.25rem, 2.5vw, 1.75rem);\r\n --spacing-xl: clamp(1.5rem, 3vw, 2rem);\r\n --spacing-xxl: clamp(2.5rem, 5vw, 4rem);\r\n \r\n \/* Typographie *\/\r\n --font-size-h1: clamp(2rem, 4vw, 2.75rem);\r\n --font-size-h2: clamp(1.5rem, 3vw, 2.25rem);\r\n --font-size-h3: clamp(1.25rem, 2.5vw, 1.75rem);\r\n --font-size-h4: clamp(1.1rem, 2vw, 1.35rem);\r\n --font-size-body: clamp(1rem, 1.2vw, 1.125rem);\r\n --font-size-small: clamp(0.875rem, 1vw, 0.95rem);\r\n \r\n --line-height-tight: 1.2;\r\n --line-height-relaxed: 1.7;\r\n --transition-smooth: 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n \r\n *,\r\n *::before,\r\n *::after {\r\n box-sizing: border-box !important;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n \r\n html,\r\n body {\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n overflow-x: hidden !important;\r\n }\r\n \r\n body {\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n line-height: var(--line-height-relaxed);\r\n color: #2a2a2a;\r\n background-color: var(--sd-white);\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n }\r\n \r\n \/* ============================================\r\n SECTIONS\r\n ============================================ *\/\r\n \r\n .section {\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n margin-left: calc(50% - 50vw) !important;\r\n margin-right: calc(50% - 50vw) !important;\r\n padding-top: clamp(4rem, 6vw, 5rem) !important;\r\n padding-bottom: clamp(2rem, 4vw, 3rem) !important;\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n position: relative !important;\r\n }\r\n \r\n .section-white {\r\n background: var(--sd-white) !important;\r\n }\r\n \r\n .section-gray {\r\n background: var(--sd-gray-bg) !important;\r\n }\r\n \r\n .section-primary {\r\n background: var(--sd-primary) !important;\r\n color: var(--sd-white) !important;\r\n }\r\n \r\n .section-primary h2,\r\n .section-primary h3,\r\n .section-primary h4,\r\n .section-primary p,\r\n .section-primary strong {\r\n color: var(--sd-white) !important;\r\n }\r\n \r\n .section .container {\r\n max-width: 1200px !important;\r\n margin: 0 auto !important;\r\n padding: 0 var(--spacing-md) !important;\r\n width: 100% !important;\r\n }\r\n \r\n \/* ============================================\r\n TYPOGRAPHIE\r\n ============================================ *\/\r\n \r\n h1, h2, h3, h4, h5, h6 {\r\n font-weight: 600;\r\n color: var(--sd-blue);\r\n letter-spacing: -0.02em;\r\n line-height: var(--line-height-tight);\r\n }\r\n \r\n h1 {\r\n font-size: var(--font-size-h1) !important;\r\n margin-bottom: var(--spacing-sm) !important;\r\n }\r\n \r\n h2 {\r\n font-size: var(--font-size-h2) !important;\r\n margin-bottom: var(--spacing-xs) !important;\r\n text-align: center !important;\r\n }\r\n \r\n h3 {\r\n font-size: var(--font-size-h3) !important;\r\n margin-bottom: var(--spacing-xs) !important;\r\n }\r\n \r\n h4 {\r\n font-size: var(--font-size-h4) !important;\r\n margin-bottom: var(--spacing-xs) !important;\r\n font-weight: 500 !important;\r\n }\r\n \r\n p {\r\n font-size: var(--font-size-body) !important;\r\n line-height: var(--line-height-relaxed) !important;\r\n color: #2a2a2a !important;\r\n margin-bottom: var(--spacing-xs) !important;\r\n font-weight: 400 !important;\r\n }\r\n \r\n strong {\r\n font-weight: 600 !important;\r\n color: var(--sd-primary) !important;\r\n }\r\n \r\n .section-header {\r\n max-width: 800px;\r\n margin: 0 auto var(--spacing-xl);\r\n text-align: center;\r\n }\r\n \r\n .section-header h2 {\r\n margin-bottom: var(--spacing-sm) !important;\r\n position: relative;\r\n display: inline-block;\r\n }\r\n \r\n .section-header h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -8px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 3px;\r\n background: var(--sd-primary);\r\n border-radius: 2px;\r\n }\r\n \r\n .section-intro-text {\r\n max-width: 900px;\r\n margin: var(--spacing-lg) auto 0;\r\n font-size: var(--font-size-body) !important;\r\n text-align: center !important;\r\n color: var(--sd-gray-medium) !important;\r\n line-height: 1.6;\r\n }\r\n \r\n \r\n \/* ============================================\r\n BOUTONS CTA\r\n ============================================ *\/\r\n \r\n .cta-button {\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n padding: 0.875rem 2rem !important;\r\n border-radius: var(--radius-sm) !important;\r\n background: var(--sd-primary) !important;\r\n border: 1px solid var(--sd-primary) !important;\r\n color: var(--sd-white) !important;\r\n font-size: var(--font-size-small) !important;\r\n font-weight: 600 !important;\r\n text-decoration: none !important;\r\n letter-spacing: 0.02em !important;\r\n margin-top: var(--spacing-sm) !important;\r\n transition: all var(--transition-smooth) !important;\r\n white-space: nowrap;\r\n box-shadow: 0 2px 8px rgba(0, 105, 87, 0.2);\r\n }\r\n \r\n .cta-button:hover,\r\n .cta-button:focus-visible {\r\n background: var(--sd-primary-dark) !important;\r\n border-color: var(--sd-primary-dark) !important;\r\n transform: translateY(-2px) !important;\r\n box-shadow: 0 4px 16px rgba(0, 105, 87, 0.3) !important;\r\n outline: none !important;\r\n }\r\n \r\n \/* ============================================\r\n SECTION HERO\r\n ============================================ *\/\r\n \r\n .intro-main {\r\n padding-top: clamp(4rem, 6vw, 5rem) !important;\r\n padding-bottom: clamp(3rem, 5vw, 4rem) !important;\r\n }\r\n \r\n .content-with-image {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: var(--spacing-lg) !important;\r\n align-items: stretch !important;\r\n width: 100% !important;\r\n max-width: 100% !important;\r\n }\r\n \r\n .content-with-image.reverse {\r\n grid-template-columns: 1fr 1fr !important;\r\n }\r\n \r\n .content-with-image.reverse .text-content {\r\n padding-right: 0 !important;\r\n padding-left: var(--spacing-lg) !important;\r\n order: 2;\r\n }\r\n \r\n .content-with-image.reverse .image-content {\r\n padding-left: 0 !important;\r\n padding-right: var(--spacing-lg) !important;\r\n order: 1;\r\n }\r\n \r\n .content-with-image .text-content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding-right: var(--spacing-lg);\r\n }\r\n \r\n .intro-title {\r\n font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;\r\n font-weight: 600 !important;\r\n line-height: 1.3 !important;\r\n color: var(--sd-primary) !important;\r\n margin-bottom: var(--spacing-sm) !important;\r\n }\r\n \r\n .content-with-image .text-content p {\r\n text-align: justify !important;\r\n margin-bottom: var(--spacing-sm) !important;\r\n color: var(--sd-gray-text) !important;\r\n line-height: 1.7;\r\n }\r\n \r\n .content-with-image .image-content {\r\n display: flex !important;\r\n align-items: stretch !important;\r\n justify-content: center !important;\r\n height: 100% !important;\r\n padding-left: var(--spacing-lg);\r\n }\r\n \r\n .content-with-image img {\r\n width: 100% !important;\r\n height: 100% !important;\r\n min-height: 400px;\r\n object-fit: cover !important;\r\n border-radius: var(--radius-lg) !important;\r\n box-shadow: 0 8px 24px rgba(0, 105, 87, 0.15);\r\n }\r\n \r\n \/* ============================================\r\n CARTES\r\n ============================================ *\/\r\n \r\n .card,\r\n .service-card-slider,\r\n .vertical-item,\r\n .faq-item {\r\n background: var(--sd-white) !important;\r\n border-radius: var(--radius-md) !important;\r\n border: var(--border-subtle) !important;\r\n padding: var(--spacing-lg) !important;\r\n transition: all var(--transition-smooth) !important;\r\n box-shadow: var(--shadow-card) !important;\r\n position: relative !important;\r\n overflow: hidden !important;\r\n }\r\n \r\n .card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 4px;\r\n height: 100%;\r\n background: var(--sd-primary);\r\n transform: scaleY(0);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .card:hover {\r\n border-color: rgba(0, 105, 87, 0.2) !important;\r\n box-shadow: var(--shadow-hover) !important;\r\n transform: translateY(-4px) !important;\r\n }\r\n \r\n .card:hover::before {\r\n transform: scaleY(1);\r\n }\r\n \r\n .card .icon-wrapper {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: var(--radius-md);\r\n background: var(--sd-primary-light-bg);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: var(--spacing-md);\r\n transition: all var(--transition-smooth);\r\n }\r\n \r\n .card:hover .icon-wrapper {\r\n background: var(--sd-primary);\r\n transform: scale(1.05);\r\n }\r\n \r\n .card .icon,\r\n .service-card-slider .icon,\r\n .vertical-item .icon {\r\n font-size: 1.75rem !important;\r\n display: inline-flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n color: var(--sd-primary) !important;\r\n line-height: 1 !important;\r\n transition: all var(--transition-smooth) !important;\r\n }\r\n \r\n .card:hover .icon {\r\n color: var(--sd-white) !important;\r\n }\r\n \r\n .service-card-slider .icon-wrapper {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: var(--radius-md);\r\n background: var(--sd-primary-light-bg);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto var(--spacing-md);\r\n transition: all var(--transition-smooth);\r\n }\r\n \r\n .service-card-slider:hover .icon-wrapper {\r\n background: var(--sd-primary);\r\n }\r\n \r\n .service-card-slider .icon {\r\n color: var(--sd-primary) !important;\r\n }\r\n \r\n .service-card-slider:hover .icon {\r\n color: var(--sd-white) !important;\r\n }\r\n \r\n \/* Typologies d'accompagnement - Design sp\u00e9cial *\/\r\n .typology-card .icon-wrapper-circle {\r\n width: 64px;\r\n height: 64px;\r\n border-radius: 50% !important;\r\n background: var(--sd-primary-light-bg);\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto var(--spacing-md);\r\n transition: all var(--transition-smooth);\r\n }\r\n \r\n .typology-card:hover .icon-wrapper-circle {\r\n background: var(--sd-primary-light-bg);\r\n transform: scale(1.05);\r\n }\r\n \r\n .typology-card .icon-wrapper-circle .icon {\r\n font-size: 2rem !important;\r\n color: var(--sd-primary) !important;\r\n }\r\n \r\n .typology-card:hover .icon-wrapper-circle .icon {\r\n color: var(--sd-primary) !important;\r\n }\r\n \r\n .typology-card-first {\r\n position: relative;\r\n }\r\n \r\n .typology-card-first::before {\r\n content: '';\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 60px;\r\n height: 3px;\r\n background: var(--sd-primary);\r\n border-radius: 2px;\r\n }\r\n \r\n .card {\r\n text-align: center !important;\r\n }\r\n \r\n .card h4 {\r\n margin-bottom: var(--spacing-sm) !important;\r\n text-align: center !important;\r\n color: var(--sd-primary) !important;\r\n font-size: var(--font-size-h4) !important;\r\n }\r\n \r\n .card p {\r\n text-align: center !important;\r\n margin-bottom: 0 !important;\r\n color: var(--sd-gray-text) !important;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* ============================================\r\n GRILLES DE CARTES\r\n ============================================ *\/\r\n \r\n .cards-container {\r\n display: grid !important;\r\n grid-template-columns: repeat(3, minmax(0, 1fr)) !important;\r\n gap: var(--spacing-md) !important;\r\n margin-top: var(--spacing-lg) !important;\r\n }\r\n \r\n .cards-grid-2 {\r\n display: grid !important;\r\n grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n gap: var(--spacing-md) !important;\r\n margin-top: var(--spacing-lg) !important;\r\n }\r\n \r\n \/* ============================================\r\n SECTION SERVICES - SLIDER\r\n ============================================ *\/\r\n \r\n .section-services {\r\n padding-top: clamp(3rem, 5vw, 4rem) !important;\r\n padding-bottom: clamp(1.5rem, 3vw, 2rem) !important;\r\n }\r\n \r\n .services-slider-wrapper {\r\n margin-top: var(--spacing-md) !important;\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n padding-left: var(--spacing-md) !important;\r\n padding-right: var(--spacing-md) !important;\r\n }\r\n \r\n .services-slider-container {\r\n overflow: hidden !important;\r\n border-radius: var(--radius-lg) !important;\r\n background: transparent !important;\r\n border: none;\r\n box-shadow: none;\r\n padding: 0;\r\n width: 100% !important;\r\n }\r\n \r\n .services-slider {\r\n display: flex !important;\r\n gap: var(--spacing-sm) !important;\r\n transition: transform 0.4s ease-out !important;\r\n will-change: transform !important;\r\n width: 100% !important;\r\n }\r\n \r\n .service-card-slider {\r\n flex: 0 0 calc(33.333% - (2 * var(--spacing-sm) \/ 3)) !important;\r\n min-width: calc(33.333% - (2 * var(--spacing-sm) \/ 3)) !important;\r\n max-width: calc(33.333% - (2 * var(--spacing-sm) \/ 3)) !important;\r\n display: flex !important;\r\n flex-direction: column !important;\r\n border-radius: var(--radius-md) !important;\r\n border: var(--border-subtle) !important;\r\n box-shadow: var(--shadow-card) !important;\r\n padding: var(--spacing-lg) !important;\r\n background: var(--sd-white);\r\n position: relative;\r\n overflow: hidden;\r\n flex-shrink: 0 !important;\r\n text-align: center !important;\r\n }\r\n \r\n .service-card-slider::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 4px;\r\n background: var(--sd-primary);\r\n transform: scaleX(0);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .service-card-slider h4 {\r\n text-align: center !important;\r\n margin-bottom: var(--spacing-xs) !important;\r\n color: var(--sd-primary) !important;\r\n }\r\n \r\n .service-card-slider strong {\r\n display: block !important;\r\n margin-bottom: var(--spacing-xs) !important;\r\n font-size: var(--font-size-small) !important;\r\n color: var(--sd-gray-medium) !important;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n font-weight: 500 !important;\r\n text-align: center !important;\r\n }\r\n \r\n .typology-card strong {\r\n margin-bottom: var(--spacing-sm) !important;\r\n font-size: clamp(0.7rem, 1vw, 0.8rem) !important;\r\n }\r\n \r\n .service-card-slider p {\r\n text-align: center !important;\r\n margin-bottom: 0 !important;\r\n color: var(--sd-gray-text) !important;\r\n line-height: 1.6;\r\n }\r\n \r\n .typology-card p {\r\n text-align: justify !important;\r\n font-size: clamp(0.85rem, 1.1vw, 0.95rem) !important;\r\n }\r\n \r\n .service-card-slider:hover {\r\n transform: translateY(-6px);\r\n box-shadow: var(--shadow-hover);\r\n border-color: rgba(0, 105, 87, 0.2);\r\n }\r\n \r\n .service-card-slider:hover::before {\r\n transform: scaleX(1);\r\n }\r\n \r\n \/* ============================================\r\n LISTE VERTICALE\r\n ============================================ *\/\r\n \r\n .vertical-list {\r\n display: flex !important;\r\n flex-direction: column !important;\r\n gap: var(--spacing-sm) !important;\r\n }\r\n \r\n .vertical-item {\r\n display: flex !important;\r\n gap: var(--spacing-md) !important;\r\n align-items: flex-start !important;\r\n }\r\n \r\n .vertical-item .content {\r\n flex: 1 1 auto !important;\r\n }\r\n \r\n .vertical-item .icon-wrapper {\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n width: 56px;\r\n height: 56px;\r\n min-width: 56px;\r\n border-radius: var(--radius-md);\r\n background: var(--sd-primary-light-bg);\r\n transition: all var(--transition-smooth);\r\n flex-shrink: 0;\r\n }\r\n \r\n .vertical-item:hover .icon-wrapper {\r\n background: var(--sd-primary);\r\n transform: scale(1.05);\r\n }\r\n \r\n .vertical-item .icon {\r\n font-size: 1.5rem;\r\n color: var(--sd-primary);\r\n transition: all var(--transition-smooth);\r\n }\r\n \r\n .vertical-item:hover .icon {\r\n color: var(--sd-white);\r\n }\r\n \r\n .vertical-item h3 {\r\n margin-bottom: var(--spacing-xs) !important;\r\n text-align: left !important;\r\n color: var(--sd-primary) !important;\r\n }\r\n \r\n .vertical-item p {\r\n text-align: left !important;\r\n margin-bottom: 0 !important;\r\n color: var(--sd-gray-text) !important;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* ============================================\r\n SECTION CTA FINALE\r\n ============================================ *\/\r\n \r\n .cta-final-section {\r\n background-image: url('https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/it-group.jpg') !important;\r\n background-size: cover !important;\r\n background-position: center center !important;\r\n background-repeat: no-repeat !important;\r\n position: relative !important;\r\n color: var(--sd-white) !important;\r\n padding: clamp(4rem, 8vw, 6rem) var(--spacing-md) !important;\r\n display: flex !important;\r\n align-items: center !important;\r\n justify-content: center !important;\r\n min-height: 550px !important;\r\n width: 100vw !important;\r\n max-width: 100vw !important;\r\n margin-left: calc(50% - 50vw) !important;\r\n margin-right: calc(50% - 50vw) !important;\r\n }\r\n \r\n .cta-overlay {\r\n position: absolute !important;\r\n inset: 0 !important;\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(0, 105, 87, 0.92),\r\n rgba(0, 77, 63, 0.90)\r\n ) !important;\r\n z-index: 1 !important;\r\n }\r\n \r\n .cta-content {\r\n position: relative !important;\r\n z-index: 2 !important;\r\n max-width: 900px !important;\r\n text-align: center !important;\r\n padding: var(--spacing-xl) var(--spacing-md) !important;\r\n margin: 0 auto !important;\r\n }\r\n \r\n .cta-content h2 {\r\n color: var(--sd-white) !important;\r\n margin-bottom: var(--spacing-md) !important;\r\n font-size: clamp(1.75rem, 3.5vw, 2.5rem) !important;\r\n }\r\n \r\n .cta-content p {\r\n color: rgba(255, 255, 255, 0.95) !important;\r\n margin-bottom: var(--spacing-lg) !important;\r\n padding: 0 var(--spacing-md) !important;\r\n line-height: 1.7 !important;\r\n font-size: var(--font-size-body) !important;\r\n }\r\n \r\n .cta-content strong {\r\n color: var(--sd-white) !important;\r\n }\r\n \r\n \/* ============================================\r\n FAQ\r\n ============================================ *\/\r\n \r\n .faq-item {\r\n margin-bottom: var(--spacing-sm) !important;\r\n border-left: 3px solid transparent !important;\r\n }\r\n \r\n .faq-item:hover {\r\n border-left-color: var(--sd-primary) !important;\r\n }\r\n \r\n .faq-item h4 {\r\n margin-bottom: var(--spacing-xs) !important;\r\n text-align: left !important;\r\n color: var(--sd-primary) !important;\r\n }\r\n \r\n .faq-item p {\r\n text-align: left !important;\r\n color: var(--sd-gray-text) !important;\r\n }\r\n \r\n \/* ============================================\r\n TIMELINE HORIZONTALE\r\n ============================================ *\/\r\n \r\n .timeline-container {\r\n max-width: 1200px;\r\n margin: var(--spacing-lg) auto 0;\r\n padding: 0 var(--spacing-md);\r\n }\r\n \r\n .timeline {\r\n position: relative;\r\n padding: var(--spacing-lg) 0 var(--spacing-md);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n }\r\n \r\n .timeline::before {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 100px;\r\n height: 3px;\r\n background: linear-gradient(to right, \r\n transparent 0%, \r\n var(--sd-primary) 10%, \r\n var(--sd-primary) 90%, \r\n transparent 100%);\r\n opacity: 0.15;\r\n z-index: 0;\r\n }\r\n \r\n .timeline-item {\r\n position: relative;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n padding: 0 var(--spacing-xs);\r\n }\r\n \r\n .timeline-item:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n top: 100px;\r\n right: -50%;\r\n width: 100%;\r\n height: 3px;\r\n background: var(--sd-primary);\r\n opacity: 0.15;\r\n z-index: 0;\r\n }\r\n \r\n .timeline-marker {\r\n position: relative;\r\n z-index: 2;\r\n flex-shrink: 0;\r\n width: 100px;\r\n height: 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: var(--spacing-sm);\r\n }\r\n \r\n .timeline-icon-wrapper {\r\n position: relative;\r\n width: 90px;\r\n height: 90px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .timeline-icon {\r\n position: absolute;\r\n font-size: 3rem;\r\n z-index: 2;\r\n transition: all var(--transition-smooth);\r\n }\r\n \r\n .timeline-number {\r\n position: absolute;\r\n bottom: -8px;\r\n right: -8px;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: var(--sd-primary);\r\n color: var(--sd-white);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n box-shadow: 0 2px 8px rgba(0, 105, 87, 0.3);\r\n border: 3px solid var(--sd-white);\r\n transition: all var(--transition-smooth);\r\n z-index: 3;\r\n }\r\n \r\n .timeline-icon-wrapper::before {\r\n content: '';\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n background: var(--sd-primary-light-bg);\r\n border: 2px solid var(--sd-primary);\r\n opacity: 0.3;\r\n transition: all var(--transition-smooth);\r\n }\r\n \r\n .timeline-item:hover .timeline-icon-wrapper::before {\r\n background: var(--sd-primary);\r\n opacity: 0.1;\r\n transform: scale(1.1);\r\n }\r\n \r\n .timeline-item:hover .timeline-icon {\r\n transform: scale(1.15) rotate(5deg);\r\n }\r\n \r\n .timeline-item:hover .timeline-number {\r\n transform: scale(1.15);\r\n box-shadow: 0 4px 12px rgba(0, 105, 87, 0.4);\r\n }\r\n \r\n .timeline-content {\r\n flex: 1;\r\n background: var(--sd-white);\r\n border: var(--border-subtle);\r\n border-radius: var(--radius-md);\r\n padding: var(--spacing-md);\r\n box-shadow: var(--shadow-card);\r\n transition: all var(--transition-smooth);\r\n width: 100%;\r\n margin-top: var(--spacing-sm);\r\n }\r\n \r\n .timeline-item:hover .timeline-content {\r\n box-shadow: var(--shadow-hover);\r\n border-color: var(--sd-primary);\r\n transform: translateY(-4px);\r\n }\r\n \r\n .timeline-content h4 {\r\n color: var(--sd-primary);\r\n font-size: clamp(0.95rem, 1.3vw, 1.1rem);\r\n margin-bottom: var(--spacing-xs);\r\n font-weight: 600;\r\n }\r\n \r\n .timeline-content strong {\r\n display: block;\r\n color: var(--sd-gray-medium);\r\n font-size: clamp(0.75rem, 1vw, 0.85rem);\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n margin-bottom: var(--spacing-sm);\r\n font-weight: 500;\r\n }\r\n \r\n .timeline-content p {\r\n color: var(--sd-gray-text);\r\n line-height: 1.6;\r\n margin: 0;\r\n font-size: clamp(0.85rem, 1.1vw, 0.95rem);\r\n }\r\n \r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\r\n \r\n @media (max-width: 1024px) {\r\n .cards-grid-2 {\r\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n gap: var(--spacing-md) !important;\r\n }\r\n \r\n .cards-container {\r\n display: flex !important;\r\n overflow-x: auto !important;\r\n scroll-snap-type: x mandatory !important;\r\n gap: var(--spacing-md) !important;\r\n padding-bottom: 0.5rem !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n }\r\n \r\n .cards-container .card {\r\n min-width: min(85%, 340px) !important;\r\n scroll-snap-align: start !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n .services-slider-container {\r\n overflow-x: auto !important;\r\n scroll-snap-type: x mandatory !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n scrollbar-width: none !important;\r\n -ms-overflow-style: none !important;\r\n }\r\n \r\n .services-slider-container::-webkit-scrollbar {\r\n display: none !important;\r\n }\r\n \r\n .service-card-slider {\r\n flex: 0 0 min(75%, 380px) !important;\r\n min-width: min(75%, 380px) !important;\r\n scroll-snap-align: start !important;\r\n flex-shrink: 0 !important;\r\n }\r\n }\r\n \r\n @media (max-width: 900px) {\r\n .content-with-image {\r\n grid-template-columns: 1fr !important;\r\n gap: var(--spacing-lg) !important;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .timeline {\r\n flex-direction: column;\r\n padding: var(--spacing-md) 0;\r\n }\r\n \r\n .timeline::before {\r\n left: 40px;\r\n top: 0;\r\n bottom: 0;\r\n width: 2px;\r\n height: 100%;\r\n }\r\n \r\n .timeline-item {\r\n flex-direction: row !important;\r\n align-items: flex-start;\r\n text-align: left;\r\n padding: var(--spacing-sm) 0 var(--spacing-sm) 80px;\r\n width: 100%;\r\n }\r\n \r\n .timeline-item:not(:last-child)::after {\r\n display: none;\r\n }\r\n \r\n .timeline-marker {\r\n position: absolute;\r\n left: 0;\r\n width: 100px;\r\n height: 100px;\r\n margin-bottom: 0;\r\n }\r\n \r\n .timeline-icon-wrapper {\r\n width: 80px;\r\n height: 80px;\r\n }\r\n \r\n .timeline-icon {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .timeline-number {\r\n width: 28px;\r\n height: 28px;\r\n font-size: 0.75rem;\r\n }\r\n \r\n .timeline-content {\r\n width: 100%;\r\n }\r\n \r\n .timeline-content h4 {\r\n font-size: var(--font-size-h4);\r\n }\r\n \r\n .timeline-content p {\r\n font-size: var(--font-size-small);\r\n }\r\n \r\n .cards-grid-2 {\r\n display: flex !important;\r\n overflow-x: auto !important;\r\n scroll-snap-type: x mandatory !important;\r\n gap: var(--spacing-md) !important;\r\n padding-bottom: 0.5rem !important;\r\n -webkit-overflow-scrolling: touch !important;\r\n }\r\n \r\n .cards-grid-2 .card {\r\n min-width: min(85%, 280px) !important;\r\n scroll-snap-align: start !important;\r\n flex-shrink: 0 !important;\r\n }\r\n \r\n .section {\r\n padding-top: clamp(2.5rem, 5vw, 3.5rem) !important;\r\n padding-bottom: var(--spacing-md) !important;\r\n }\r\n \r\n .section .container {\r\n padding: 0 var(--spacing-sm) !important;\r\n }\r\n \r\n .section-header h2::after {\r\n width: 40px;\r\n }\r\n \r\n .cta-button {\r\n width: 100% !important;\r\n justify-content: center !important;\r\n }\r\n \r\n .content-with-image .text-content {\r\n padding-right: 0;\r\n }\r\n \r\n .content-with-image .image-content {\r\n padding-left: 0;\r\n margin-top: var(--spacing-md);\r\n }\r\n \r\n .content-with-image.reverse .text-content {\r\n padding-left: 0 !important;\r\n order: 1;\r\n }\r\n \r\n .content-with-image.reverse .image-content {\r\n padding-right: 0 !important;\r\n order: 2;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Section Hero -->\r\n <section class=\"section section-gray intro-main\">\r\n <div class=\"container\">\r\n <div class=\"content-with-image\">\r\n <div class=\"text-content\">\r\n <h1 class=\"intro-title text-left\">Solution IT - SD Group<\/h1>\r\n <p>\r\n SD Group renforce son offre de services avec un nouveau d\u00e9partement IT d\u00e9di\u00e9 \u00e0 l'accompagnement des entreprises dans leur transformation num\u00e9rique et leur optimisation technologique.\r\n <\/p>\r\n <p>\r\n Notre \u00e9quipe d'experts IT vous accompagne dans tous vos projets informatiques, de la conception \u00e0 la mise en production, en passant par la maintenance et l'optimisation de vos syst\u00e8mes.\r\n <\/p>\r\n <a class=\"cta-button\" href=\"https:\/\/sdgroup.sn\/en\/devis-gratuit-sd-group\/\">\r\n Demander un devis\r\n <\/a>\r\n <\/div>\r\n <div class=\"image-content\">\r\n <img decoding=\"async\" src=\"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/Une-expertise-diversifiee.jpg\" alt=\"Solution IT SD Group\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section Domaines de comp\u00e9tence -->\r\n <section class=\"section section-white section-services\">\r\n <div class=\"container\">\r\n <header class=\"section-header\">\r\n <h2>Nos Domaines de Comp\u00e9tence<\/h2>\r\n <p class=\"section-intro-text\">\r\n Six domaines d'expertise pour r\u00e9pondre \u00e0 tous vos besoins IT\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"services-slider-wrapper\">\r\n <div class=\"services-slider-container\">\r\n <div class=\"services-slider\">\r\n <article class=\"service-card-slider\">\r\n <div class=\"icon-wrapper\">\r\n <span class=\"icon\">\ud83d\udcbb<\/span>\r\n <\/div>\r\n <h4>D\u00e9veloppement<\/h4>\r\n <strong>Applications & Logiciels<\/strong>\r\n <p>\r\n D\u00e9veloppement d'applications web, mobiles et logiciels sur mesure adapt\u00e9s \u00e0 vos besoins m\u00e9tier.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"service-card-slider\">\r\n <div class=\"icon-wrapper\">\r\n <span class=\"icon\">\u2601\ufe0f<\/span>\r\n <\/div>\r\n <h4>Infrastructure Cloud<\/h4>\r\n <strong>Migration & Optimisation<\/strong>\r\n <p>\r\n Accompagnement dans la migration vers le cloud, optimisation de vos infrastructures et gestion de la scalabilit\u00e9.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"service-card-slider\">\r\n <div class=\"icon-wrapper\">\r\n <span class=\"icon\">\ud83d\udd12<\/span>\r\n <\/div>\r\n <h4>Cybers\u00e9curit\u00e9<\/h4>\r\n <strong>Protection & Conformit\u00e9<\/strong>\r\n <p>\r\n Audit de s\u00e9curit\u00e9, mise en place de solutions de protection et conformit\u00e9 RGPD.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"service-card-slider\">\r\n <div class=\"icon-wrapper\">\r\n <span class=\"icon\">\ud83d\udcca<\/span>\r\n <\/div>\r\n <h4>Business Intelligence<\/h4>\r\n <strong>Analyse & Reporting<\/strong>\r\n <p>\r\n Mise en place de solutions BI, cr\u00e9ation de tableaux de bord et analyse de donn\u00e9es pour la prise de d\u00e9cision.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"service-card-slider\">\r\n <div class=\"icon-wrapper\">\r\n <span class=\"icon\">\ud83d\udd04<\/span>\r\n <\/div>\r\n <h4>Transformation Digitale<\/h4>\r\n <strong>Strat\u00e9gie & Accompagnement<\/strong>\r\n <p>\r\n Accompagnement dans votre transformation digitale, d\u00e9finition de strat\u00e9gie et mise en \u0153uvre de solutions innovantes.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"service-card-slider\">\r\n <div class=\"icon-wrapper\">\r\n <span class=\"icon\">\ud83d\udee0\ufe0f<\/span>\r\n <\/div>\r\n <h4>Support & Maintenance<\/h4>\r\n <strong>Assistance & \u00c9volution<\/strong>\r\n <p>\r\n Support technique, maintenance pr\u00e9ventive et corrective, \u00e9volution de vos syst\u00e8mes existants.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section Profils IT -->\r\n <section class=\"section section-gray\">\r\n <div class=\"container\">\r\n <header class=\"section-header\">\r\n <h2>Nos Profils IT<\/h2>\r\n <p class=\"section-intro-text\">\r\n Une \u00e9quipe pluridisciplinaire d'experts \u00e0 votre service\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"content-with-image\">\r\n <div class=\"text-content\">\r\n <h3 style=\"color: var(--sd-primary); margin-bottom: var(--spacing-md); font-size: var(--font-size-h3);\">Une expertise diversifi\u00e9e<\/h3>\r\n <p>\r\n Notre \u00e9quipe r\u00e9unit des profils compl\u00e9mentaires couvrant l'ensemble du spectre IT. Des d\u00e9veloppeurs aux architectes, en passant par les experts DevOps et cybers\u00e9curit\u00e9, chaque membre apporte son expertise au service de vos projets.\r\n <\/p>\r\n <p>\r\n Nous mettons \u00e0 votre disposition des <strong>d\u00e9veloppeurs full-stack, front-end et back-end<\/strong> ma\u00eetrisant les technologies modernes, des <strong>experts DevOps<\/strong> sp\u00e9cialis\u00e9s en automatisation et CI\/CD, ainsi que des <strong>architectes techniques<\/strong> capables de concevoir des syst\u00e8mes robustes et \u00e9volutifs.\r\n <\/p>\r\n <p>\r\n Notre panel inclut \u00e9galement des <strong>sp\u00e9cialistes en cybers\u00e9curit\u00e9<\/strong> pour garantir la protection de vos donn\u00e9es, des <strong>data analysts<\/strong> experts en BI et intelligence artificielle, et des <strong>chefs de projet IT<\/strong> pour orchestrer la r\u00e9ussite de vos initiatives.\r\n <\/p>\r\n <\/div>\r\n <div class=\"image-content\">\r\n <img decoding=\"async\" src=\"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/Solution-IT-SD-Group.jpg\" alt=\"\u00c9quipe IT SD Group\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section Valeurs -->\r\n <section class=\"section section-white\">\r\n <div class=\"container\">\r\n <header class=\"section-header\">\r\n <h2>Nos Valeurs<\/h2>\r\n <p class=\"section-intro-text\">\r\n Les principes qui guident notre approche\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"cards-grid-2\">\r\n <article class=\"card\">\r\n <div class=\"icon-wrapper\">\r\n <span class=\"icon\">\ud83c\udfaf<\/span>\r\n <\/div>\r\n <h4>Excellence<\/h4>\r\n <p>\r\n Nous visons l'excellence dans chaque projet, en garantissant la qualit\u00e9 et la performance de nos solutions.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"icon-wrapper\">\r\n <span class=\"icon\">\ud83e\udd1d<\/span>\r\n <\/div>\r\n <h4>Proximit\u00e9<\/h4>\r\n <p>\r\n Un accompagnement personnalis\u00e9 et une relation de confiance avec nos clients.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"icon-wrapper\">\r\n <span class=\"icon\">\u26a1<\/span>\r\n <\/div>\r\n <h4>R\u00e9activit\u00e9<\/h4>\r\n <p>\r\n R\u00e9ponse rapide \u00e0 vos besoins et adaptation aux \u00e9volutions de votre environnement.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"card\">\r\n <div class=\"icon-wrapper\">\r\n <span class=\"icon\">\ud83d\udca1<\/span>\r\n <\/div>\r\n <h4>Innovation<\/h4>\r\n <p>\r\n Veille technologique constante et adoption des meilleures pratiques du march\u00e9.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section Typologies d'accompagnement -->\r\n <section class=\"section section-gray section-services\">\r\n <div class=\"container\">\r\n <header class=\"section-header\">\r\n <h2>Typologies d'Accompagnement<\/h2>\r\n <p class=\"section-intro-text\">\r\n Trois modes d'intervention adapt\u00e9s \u00e0 vos besoins\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"services-slider-wrapper\">\r\n <div class=\"services-slider-container\">\r\n <div class=\"services-slider\">\r\n <article class=\"service-card-slider typology-card typology-card-first\">\r\n <div class=\"icon-wrapper icon-wrapper-circle\">\r\n <span class=\"icon\">\ud83d\udccb<\/span>\r\n <\/div>\r\n <h4>Mission de Conseil<\/h4>\r\n <strong>AUDIT & RECOMMANDATIONS<\/strong>\r\n <p>\r\n Audit approfondi de votre syst\u00e8me d'information, analyse des opportunit\u00e9s d'optimisation et recommandations strat\u00e9giques pour d\u00e9finir votre roadmap IT.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"service-card-slider typology-card\">\r\n <div class=\"icon-wrapper icon-wrapper-circle\">\r\n <span class=\"icon\">\ud83d\ude80<\/span>\r\n <\/div>\r\n <h4>Projet de D\u00e9veloppement<\/h4>\r\n <strong>CONCEPTION \u00c0 PRODUCTION<\/strong>\r\n <p>\r\n D\u00e9veloppement de solutions sur mesure de la phase d'\u00e9tude \u00e0 la mise en production, avec approche agile et collaboration \u00e9troite avec vos \u00e9quipes.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"service-card-slider typology-card\">\r\n <div class=\"icon-wrapper icon-wrapper-circle\">\r\n <span class=\"icon\">\ud83d\udd04<\/span>\r\n <\/div>\r\n <h4>Renfort d'\u00c9quipe<\/h4>\r\n <strong>EXPERTS IT \u00c0 DISPOSITION<\/strong>\r\n <p>\r\n Mise \u00e0 disposition d'experts IT pour renforcer vos \u00e9quipes en interne sur des missions ponctuelles ou durables, avec int\u00e9gration rapide \u00e0 vos processus.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section Processus -->\r\n <section class=\"section section-white\">\r\n <div class=\"container\">\r\n <header class=\"section-header\">\r\n <h2>Notre Processus de Travail<\/h2>\r\n <p class=\"section-intro-text\">\r\n Une m\u00e9thodologie \u00e9prouv\u00e9e pour garantir le succ\u00e8s de vos projets\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"timeline-container\">\r\n <div class=\"timeline\">\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-marker\">\r\n <div class=\"timeline-icon-wrapper\">\r\n <span class=\"timeline-icon\">\ud83d\udd0d<\/span>\r\n <div class=\"timeline-number\">1<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-content\">\r\n <h4>Analyse & Cadrage<\/h4>\r\n <strong>Compr\u00e9hension & Audit<\/strong>\r\n <p>\r\n Compr\u00e9hension approfondie de vos besoins m\u00e9tier, audit complet de votre syst\u00e8me d'information et d\u00e9finition pr\u00e9cise du p\u00e9rim\u00e8tre du projet.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-marker\">\r\n <div class=\"timeline-icon-wrapper\">\r\n <span class=\"timeline-icon\">\ud83d\udcd0<\/span>\r\n <div class=\"timeline-number\">2<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-content\">\r\n <h4>Conception & Planification<\/h4>\r\n <strong>Architecture & Roadmap<\/strong>\r\n <p>\r\n \u00c9laboration d'une architecture robuste et \u00e9volutive, planification selon les m\u00e9thodes agiles avec sprints et jalons de livraison clairs.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-marker\">\r\n <div class=\"timeline-icon-wrapper\">\r\n <span class=\"timeline-icon\">\ud83d\udcbb<\/span>\r\n <div class=\"timeline-number\">3<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-content\">\r\n <h4>D\u00e9veloppement & Tests<\/h4>\r\n <strong>It\u00e9ration & Qualit\u00e9<\/strong>\r\n <p>\r\n D\u00e9veloppement it\u00e9ratif selon les meilleures pratiques agiles, avec tests unitaires, tests d'int\u00e9gration et revues de code rigoureuses.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-marker\">\r\n <div class=\"timeline-icon-wrapper\">\r\n <span class=\"timeline-icon\">\ud83d\ude80<\/span>\r\n <div class=\"timeline-number\">4<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-content\">\r\n <h4>D\u00e9ploiement & Formation<\/h4>\r\n <strong>Mise en Production<\/strong>\r\n <p>\r\n Mise en production orchestr\u00e9e avec soin, formation de vos \u00e9quipes et documentation technique compl\u00e8te pour assurer l'adoption r\u00e9ussie.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-marker\">\r\n <div class=\"timeline-icon-wrapper\">\r\n <span class=\"timeline-icon\">\ud83d\udd04<\/span>\r\n <div class=\"timeline-number\">5<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"timeline-content\">\r\n <h4>Support & \u00c9volution<\/h4>\r\n <strong>Accompagnement Continu<\/strong>\r\n <p>\r\n Support technique r\u00e9actif, maintenance pr\u00e9ventive et \u00e9volution continue de la solution selon vos besoins strat\u00e9giques \u00e0 long terme.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section FAQ -->\r\n <section class=\"section section-gray\">\r\n <div class=\"container\">\r\n <header class=\"section-header\">\r\n <h2>Questions Fr\u00e9quentes<\/h2>\r\n <\/header>\r\n\r\n <div class=\"vertical-list\">\r\n <article class=\"faq-item\">\r\n <h4>Quels sont les d\u00e9lais moyens pour un projet IT ?<\/h4>\r\n <p>\r\n Les d\u00e9lais varient selon la complexit\u00e9 du projet. Un audit peut prendre 1-2 semaines, tandis qu'un d\u00e9veloppement complet peut n\u00e9cessiter plusieurs mois. Nous \u00e9tablissons un planning d\u00e9taill\u00e9 d\u00e8s le cadrage.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"faq-item\">\r\n <h4>Proposez-vous des solutions cloud ?<\/h4>\r\n <p>\r\n Oui, nous accompagnons nos clients dans la migration vers le cloud (AWS, Azure, GCP) et proposons des solutions hybrides selon vos besoins.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"faq-item\">\r\n <h4>Comment garantissez-vous la s\u00e9curit\u00e9 des donn\u00e9es ?<\/h4>\r\n <p>\r\n Nous appliquons les meilleures pratiques de s\u00e9curit\u00e9, r\u00e9alisons des audits r\u00e9guliers et nous assurons de la conformit\u00e9 RGPD de toutes nos solutions.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"faq-item\">\r\n <h4>Pouvez-vous intervenir en urgence ?<\/h4>\r\n <p>\r\n Oui, nous proposons un service d'intervention d'urgence pour les situations critiques n\u00e9cessitant une r\u00e9solution rapide.\r\n <\/p>\r\n <\/article>\r\n\r\n <article class=\"faq-item\">\r\n <h4>Quels sont vos tarifs ?<\/h4>\r\n <p>\r\n Nos tarifs sont adapt\u00e9s \u00e0 chaque projet. Contactez-nous pour un devis personnalis\u00e9 selon vos besoins sp\u00e9cifiques.\r\n <\/p>\r\n <\/article>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section CTA Finale -->\r\n <section class=\"cta-final-section\" id=\"contact\">\r\n <div class=\"cta-overlay\"><\/div>\r\n <div class=\"cta-content\">\r\n <h2>Pr\u00eat \u00e0 transformer votre IT ?<\/h2>\r\n <p>\r\n Contactez notre \u00e9quipe pour discuter de votre projet et obtenir un devis personnalis\u00e9.\r\n <strong>Nous sommes l\u00e0 pour vous accompagner dans votre transformation num\u00e9rique.<\/strong>\r\n <\/p>\r\n <a class=\"cta-button\" href=\"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/it-group.jpg\">\r\n Demander un devis gratuit\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Solution IT – SD Group Solution IT – SD Group SD Group renforce son offre de services avec un nouveau d\u00e9partement IT d\u00e9di\u00e9 \u00e0 l’accompagnement des entreprises dans leur transformation num\u00e9rique et leur optimisation technologique. Notre \u00e9quipe d’experts IT vous accompagne dans tous vos projets informatiques, de la conception \u00e0 la mise en production, en […]<\/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-23843","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.2 (Yoast SEO v25.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Solution IT - SD Group - Industio<\/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:\/\/sdgroup.sn\/en\/solution-it-sd-group\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Solution IT - SD Group\" \/>\n<meta property=\"og:description\" content=\"Solution IT – SD Group Solution IT – SD Group SD Group renforce son offre de services avec un nouveau d\u00e9partement IT d\u00e9di\u00e9 \u00e0 l’accompagnement des entreprises dans leur transformation num\u00e9rique et leur optimisation technologique. Notre \u00e9quipe d’experts IT vous accompagne dans tous vos projets informatiques, de la conception \u00e0 la mise en production, en […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sdgroup.sn\/en\/solution-it-sd-group\/\" \/>\n<meta property=\"og:site_name\" content=\"Industio\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-18T10:36:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/Une-expertise-diversifiee.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sdgroup.sn\/solution-it-sd-group\/\",\"url\":\"https:\/\/sdgroup.sn\/solution-it-sd-group\/\",\"name\":\"Solution IT - SD Group - Industio\",\"isPartOf\":{\"@id\":\"https:\/\/sdgroup.sn\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/sdgroup.sn\/solution-it-sd-group\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/sdgroup.sn\/solution-it-sd-group\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/Une-expertise-diversifiee.jpg\",\"datePublished\":\"2025-12-18T10:24:47+00:00\",\"dateModified\":\"2025-12-18T10:36:29+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sdgroup.sn\/solution-it-sd-group\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sdgroup.sn\/solution-it-sd-group\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/sdgroup.sn\/solution-it-sd-group\/#primaryimage\",\"url\":\"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/Une-expertise-diversifiee.jpg\",\"contentUrl\":\"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/Une-expertise-diversifiee.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sdgroup.sn\/solution-it-sd-group\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sdgroup.sn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Solution IT – SD Group\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sdgroup.sn\/#website\",\"url\":\"https:\/\/sdgroup.sn\/\",\"name\":\"Industio\",\"description\":\"Industrial Industry & Factory\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sdgroup.sn\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Solution IT - SD Group - Industio","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:\/\/sdgroup.sn\/en\/solution-it-sd-group\/","og_locale":"en_US","og_type":"article","og_title":"Solution IT - SD Group","og_description":"Solution IT – SD Group Solution IT – SD Group SD Group renforce son offre de services avec un nouveau d\u00e9partement IT d\u00e9di\u00e9 \u00e0 l’accompagnement des entreprises dans leur transformation num\u00e9rique et leur optimisation technologique. Notre \u00e9quipe d’experts IT vous accompagne dans tous vos projets informatiques, de la conception \u00e0 la mise en production, en […]","og_url":"https:\/\/sdgroup.sn\/en\/solution-it-sd-group\/","og_site_name":"Industio","article_modified_time":"2025-12-18T10:36:29+00:00","og_image":[{"url":"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/Une-expertise-diversifiee.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sdgroup.sn\/solution-it-sd-group\/","url":"https:\/\/sdgroup.sn\/solution-it-sd-group\/","name":"Solution IT - SD Group - Industio","isPartOf":{"@id":"https:\/\/sdgroup.sn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sdgroup.sn\/solution-it-sd-group\/#primaryimage"},"image":{"@id":"https:\/\/sdgroup.sn\/solution-it-sd-group\/#primaryimage"},"thumbnailUrl":"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/Une-expertise-diversifiee.jpg","datePublished":"2025-12-18T10:24:47+00:00","dateModified":"2025-12-18T10:36:29+00:00","breadcrumb":{"@id":"https:\/\/sdgroup.sn\/solution-it-sd-group\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sdgroup.sn\/solution-it-sd-group\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/sdgroup.sn\/solution-it-sd-group\/#primaryimage","url":"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/Une-expertise-diversifiee.jpg","contentUrl":"https:\/\/sdgroup.sn\/wp-content\/uploads\/2025\/12\/Une-expertise-diversifiee.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/sdgroup.sn\/solution-it-sd-group\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sdgroup.sn\/"},{"@type":"ListItem","position":2,"name":"Solution IT – SD Group"}]},{"@type":"WebSite","@id":"https:\/\/sdgroup.sn\/#website","url":"https:\/\/sdgroup.sn\/","name":"Industio","description":"Industrial Industry & Factory","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sdgroup.sn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sdgroup.sn\/en\/wp-json\/wp\/v2\/pages\/23843","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdgroup.sn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sdgroup.sn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sdgroup.sn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdgroup.sn\/en\/wp-json\/wp\/v2\/comments?post=23843"}],"version-history":[{"count":13,"href":"https:\/\/sdgroup.sn\/en\/wp-json\/wp\/v2\/pages\/23843\/revisions"}],"predecessor-version":[{"id":23857,"href":"https:\/\/sdgroup.sn\/en\/wp-json\/wp\/v2\/pages\/23843\/revisions\/23857"}],"wp:attachment":[{"href":"https:\/\/sdgroup.sn\/en\/wp-json\/wp\/v2\/media?parent=23843"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}