{"id":570,"date":"2026-08-31T15:05:52","date_gmt":"2026-08-31T13:05:52","guid":{"rendered":"https:\/\/my-grafik.com\/?page_id=570"},"modified":"2026-10-24T18:11:32","modified_gmt":"2026-10-24T16:11:32","slug":"hebergement","status":"publish","type":"page","link":"https:\/\/my-grafik.com\/en\/hebergement\/","title":{"rendered":"H\u00e9bergement web"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"570\" class=\"elementor elementor-570\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4c5e9876 mg-gridbg elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4c5e9876\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-52 elementor-top-column elementor-element elementor-element-598e3f1b\" data-id=\"598e3f1b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3eb8546b mg-global elementor-widget elementor-widget-html\" data-id=\"3eb8546b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=Lora:ital,wght@1,500;1,600&display=swap');\n\/* ===== MY GRAFIK \u2013 effets globaux (ne pas supprimer ce widget) ===== *\/\n:root{--mg-o:#E8590C;--mg-o2:#F7862B;--mg-d:#141B2D;--mg-p:#FFF1E6;--mg-ease:cubic-bezier(.2,.8,.2,1)}\n.mg-global{margin:0!important;height:0;overflow:hidden}\nhtml{scroll-behavior:smooth}\n\n\/* Sur-titre num\u00e9rot\u00e9 avec trait orange *\/\n.mg-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:14px}\n.mg-eyebrow .elementor-heading-title:before{content:\"\";width:42px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--mg-o),var(--mg-o2));flex:none}\n.mg-center .elementor-heading-title{justify-content:center}\n\n\/* Texte en d\u00e9grad\u00e9 anim\u00e9 *\/\n.mg-grad{background:linear-gradient(90deg,#E8590C,#F7862B,#FFB067,#E8590C);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:mg-shine 7s linear infinite}\n@keyframes mg-shine{to{background-position:300% 0}}\n\n\/* Blobs liquides en fond de section *\/\n.mg-liquid{position:relative;overflow:hidden;overflow:clip}\n.mg-liquid>.elementor-container{position:relative;z-index:2}\n.mg-liquid:before,.mg-liquid:after{content:\"\";position:absolute;z-index:0;pointer-events:none;border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;animation:mg-morph 16s ease-in-out infinite}\n.mg-liquid:before{width:620px;height:620px;right:-200px;top:-220px;background:radial-gradient(circle at 35% 35%,rgba(247,134,43,.30),rgba(232,89,12,.06) 70%)}\n.mg-liquid:after{width:460px;height:460px;left:-220px;bottom:-240px;background:radial-gradient(circle at 60% 40%,rgba(247,134,43,.16),rgba(247,134,43,0) 70%);animation-delay:-7s}\n.mg-liquid-dark:before{background:radial-gradient(circle at 35% 35%,rgba(232,89,12,.55),rgba(232,89,12,0) 70%);filter:blur(20px)}\n.mg-liquid-dark:after{background:radial-gradient(circle at 50% 50%,rgba(247,134,43,.22),rgba(247,134,43,0) 70%)}\n@keyframes mg-morph{0%,100%{border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;transform:translate(0,0) rotate(0)}33%{border-radius:63% 37% 38% 62%\/55% 62% 38% 45%;transform:translate(-30px,30px) rotate(25deg)}66%{border-radius:35% 65% 52% 48%\/38% 32% 68% 62%;transform:translate(20px,-20px) rotate(-15deg)}}\n@keyframes mg-morph-r{0%,100%{border-radius:42% 58% 63% 37%\/41% 44% 56% 59%}33%{border-radius:63% 37% 38% 62%\/55% 62% 38% 45%}66%{border-radius:35% 65% 52% 48%\/38% 32% 68% 62%}}\n\n\/* Cartes : remplissage liquide, spotlight, ic\u00f4ne qui ondule *\/\n.mg-card>.elementor-widget-wrap{position:relative;overflow:hidden;isolation:isolate;transition:transform .55s var(--mg-ease),box-shadow .55s var(--mg-ease),border-color .55s}\n.mg-card>.elementor-widget-wrap:before{content:\"\";position:absolute;z-index:-1;left:-50%;width:200%;aspect-ratio:1;height:auto;top:calc(100% + 70px);border-radius:40%;background:linear-gradient(180deg,rgba(247,134,43,.16),rgba(232,89,12,.06));animation:mg-wave 9s linear infinite;transition:top 1s var(--mg-ease)}\n.mg-card>.elementor-widget-wrap:after{content:\"\";position:absolute;z-index:-1;inset:0;background:radial-gradient(260px circle at var(--x,50%) var(--y,0%),rgba(247,134,43,.16),transparent 70%);opacity:0;transition:opacity .4s}\n.mg-card:hover>.elementor-widget-wrap{transform:translateY(-10px);box-shadow:0 30px 60px rgba(20,27,45,.12)!important;border-color:rgba(232,89,12,.35)!important}\n.mg-card:hover>.elementor-widget-wrap:before{top:58%}\n.mg-card:hover>.elementor-widget-wrap:after{opacity:1}\n@keyframes mg-wave{to{transform:rotate(360deg)}}\n.mg-card .elementor-icon{animation:mg-morph-r 9s ease-in-out infinite;transition:background .5s,color .5s,transform .5s var(--mg-ease)}\n.mg-card:hover .elementor-icon{background:linear-gradient(135deg,var(--mg-o2),var(--mg-o))!important;color:#fff!important;transform:scale(1.08) rotate(-6deg)}\n.mg-card:hover .elementor-icon i{color:#fff!important}\n.mg-card:hover .elementor-icon svg{fill:#fff!important}\n\n\/* Cartes \"verre\" sur fond sombre *\/\n.mg-glass>.elementor-widget-wrap{background:rgba(255,255,255,.06)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden;isolation:isolate;transition:transform .55s var(--mg-ease),border-color .5s}\n.mg-glass>.elementor-widget-wrap:after{content:\"\";position:absolute;z-index:-1;inset:0;background:radial-gradient(240px circle at var(--x,50%) var(--y,0%),rgba(247,134,43,.22),transparent 70%);opacity:0;transition:opacity .4s}\n.mg-glass:hover>.elementor-widget-wrap{transform:translateY(-8px);border-color:rgba(247,134,43,.6)!important}\n.mg-glass:hover>.elementor-widget-wrap:after{opacity:1}\n\n\/* Boutons : reflet + fl\u00e8che + effet magn\u00e9tique (JS) *\/\n.mg-btn .elementor-button{position:relative;overflow:hidden;transition:transform .3s var(--mg-ease),box-shadow .4s,background .4s,color .4s!important}\n.mg-btn .elementor-button:before{content:\"\";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .8s var(--mg-ease)}\n.mg-btn .elementor-button:hover:before{left:140%}\n.mg-btn .elementor-button:hover{box-shadow:none}\n.mg-btn .elementor-button-icon{transition:transform .35s var(--mg-ease)}\n.mg-btn .elementor-button:hover .elementor-button-icon{transform:translateX(5px)}\n\n\/* \u00c9tapes : pastilles qui pulsent + ligne anim\u00e9e *\/\n.mg-steps>.elementor-container{position:relative}\n.mg-steps>.elementor-container:before{content:\"\";position:absolute;top:73px;left:14%;right:14%;height:2px;background:repeating-linear-gradient(90deg,rgba(232,89,12,.55) 0 10px,transparent 10px 20px);background-size:40px 2px;animation:mg-dash 1.4s linear infinite;z-index:0}\n@keyframes mg-dash{to{background-position:40px 0}}\n.mg-num{position:relative;z-index:3}\n.mg-num .elementor-heading-title{position:relative;display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--mg-o2),var(--mg-o));box-shadow:none}\n.mg-num .elementor-heading-title:after{content:\"\";position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(232,89,12,.35);animation:mg-pulse 2.4s ease-out infinite}\n@keyframes mg-pulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.35);opacity:0}}\n\n\/* Grand num\u00e9ro en d\u00e9grad\u00e9 (cartes \"diff\u00e9rence\") *\/\n.mg-bignum .elementor-heading-title{background:linear-gradient(135deg,#FFB067,#E8590C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n\n\/* FAQ en cartes *\/\n.mg-faq .elementor-accordion-item{border:1px solid #ECEFF4!important;border-radius:18px;margin-bottom:12px;background:#fff;overflow:hidden;transition:border-color .4s,box-shadow .4s,transform .4s var(--mg-ease)}\n.mg-faq .elementor-accordion-item:hover{transform:translateX(4px);box-shadow:0 14px 30px rgba(20,27,45,.06)}\n.mg-faq .elementor-accordion-item:has(.elementor-active){border-color:rgba(232,89,12,.45)!important;box-shadow:none;background:linear-gradient(180deg,#FFF7F0,#fff)}\n.mg-faq .elementor-tab-title{border:0!important;display:flex;align-items:center;flex-direction:row-reverse;justify-content:space-between;gap:16px}\n.mg-faq .elementor-tab-content{border:0!important}\n.mg-faq .elementor-accordion-icon{flex:none;width:40px;height:40px;border-radius:50%;background:var(--mg-p);display:grid!important;place-items:center;transition:transform .4s var(--mg-ease),background .4s}\n.mg-faq .elementor-active .elementor-accordion-icon{background:var(--mg-o);transform:rotate(180deg)}\n.mg-faq .elementor-active .elementor-accordion-icon i{color:#fff!important}\n\n\/* Anneaux lumineux de la section finale *\/\n.mg-rings{position:relative;overflow:hidden;overflow:clip}\n.mg-rings>.elementor-container{position:relative;z-index:2}\n.mg-rings:before{content:\"\";position:absolute;width:1300px;height:1300px;right:-420px;top:50%;margin-top:-650px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(247,134,43,0) 0 138px,rgba(247,134,43,.45) 139px 140px);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);animation:mg-rings 7s ease-in-out infinite}\n.mg-rings:after{content:\"\";position:absolute;width:760px;height:760px;right:-120px;top:50%;margin-top:-380px;border-radius:50%;background:radial-gradient(circle,rgba(232,89,12,.55),rgba(232,89,12,0) 65%);animation:mg-morph 14s ease-in-out infinite}\n@keyframes mg-rings{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.06);opacity:1}}\n\n\/* Formulaire en verre *\/\n.mg-formcard>.elementor-widget-wrap{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}\n\n\n\/* ===== Page Cr\u00e9ation de logo ===== *\/\n.mg-serif{font-family:\"Lora\",Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.01em;display:inline-block;padding:0 .32em .06em;margin:0 .05em;border:1.5px solid currentColor;border-radius:999px;line-height:1.05;position:relative}\n.mg-serif.o{color:#F7862B}.mg-serif.b{color:#7CC4FF}\n.mg-serif:after{content:\"\";position:absolute;inset:-6px;border-radius:999px;border:1px solid currentColor;opacity:0;animation:mg-ring 3.2s ease-out infinite}\n@keyframes mg-ring{0%{opacity:.6;transform:scale(.96)}100%{opacity:0;transform:scale(1.12)}}\n.mg-badge .elementor-heading-title{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #F1E4D8;border-radius:999px;padding:9px 16px;box-shadow:0 10px 26px rgba(20,27,45,.06)}\n.mg-badge .elementor-heading-title b{color:#E8590C}\n\/* Images : cadre liquide + zoom *\/\n.mg-img{overflow:hidden;border-radius:28px;animation:mg-morph-soft 14s ease-in-out infinite;box-shadow:0 30px 60px rgba(20,27,45,.14);isolation:isolate}\n.mg-img img{display:block;width:100%;height:auto;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}\n.mg-img:hover img{transform:scale(1.06)}\n@keyframes mg-morph-soft{0%,100%{border-radius:28px}25%{border-radius:64px 24px 48px 28px}50%{border-radius:28px 64px 28px 52px}75%{border-radius:44px 28px 64px 24px}}\n\/* Cadre lumineux qui tourne (photo d'\u00e9quipe) *\/\n@property --a{syntax:\"<angle>\";initial-value:0deg;inherits:false}\n.mg-glow{border-radius:32px;padding:6px;background:conic-gradient(from var(--a),#E8590C,#F7B267,rgba(255,255,255,.15),#E8590C);animation:mg-spin 6s linear infinite;box-shadow:0 40px 80px rgba(0,0,0,.35)}\n.mg-glow img{display:block;width:100%;height:auto;border-radius:26px}\n@keyframes mg-spin{to{--a:360deg}}\n.mg-liquid-light:before{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.28),rgba(255,255,255,0) 70%)}\n.mg-liquid-light:after{background:radial-gradient(circle at 50% 50%,rgba(255,214,170,.35),rgba(255,214,170,0) 70%)}\n\/* Lignes du processus *\/\n.mg-row{position:relative}\n.mg-row:before{content:\"\";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.14)}\n.mg-row:after{content:\"\";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,#E8590C,#F7B267);transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.8,.2,1)}\n.mg-row:hover:after{transform:scaleX(1)}\n.mg-row>.elementor-container{transition:transform .6s cubic-bezier(.2,.8,.2,1)}\n.mg-row:hover>.elementor-container{transform:translateX(10px)}\n.mg-outline .elementor-heading-title{-webkit-text-stroke:1.5px rgba(255,255,255,.35);color:transparent!important;transition:color .5s,-webkit-text-stroke-color .5s}\n.mg-row:hover .mg-outline .elementor-heading-title{color:#E8590C!important;-webkit-text-stroke-color:#E8590C}\n.mg-row:hover .mg-rowtitle .elementor-heading-title{color:#F7B267!important}\n.mg-rowtitle .elementor-heading-title{transition:color .5s}\n\/* Cartes bento *\/\n.mg-bento>.elementor-widget-wrap{position:relative;overflow:hidden;isolation:isolate;transition:transform .6s cubic-bezier(.2,.8,.2,1)}\n.mg-bento:hover>.elementor-widget-wrap{transform:translateY(-8px)}\n.mg-bento>.elementor-widget-wrap:before{content:\"\";position:absolute;z-index:-1;width:420px;height:420px;right:-160px;top:-160px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;animation:mg-morph 12s ease-in-out infinite}\n.mg-tag .elementor-heading-title{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:8px 16px}\n.mg-tag .elementor-heading-title:before{content:\"\";width:8px;height:8px;border-radius:50%;background:currentColor;animation:mgv-blink 1.8s ease-in-out infinite}\n@keyframes mgv-blink{50%{transform:scale(1.4);opacity:.5}}\n.mg-check ul{list-style:none;padding:0;margin:0}\n.mg-check li{position:relative;padding-left:30px;margin-bottom:10px}\n.mg-check li:before{content:\"\";position:absolute;left:0;top:.35em;width:18px;height:18px;border-radius:50%;background:#FFE7D4 url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8590C' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'\/%3E%3C\/svg%3E\") center\/11px no-repeat}\n.mg-check.w li:before{background-color:rgba(255,255,255,.2);background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'\/%3E%3C\/svg%3E\")}\n.mg-obj{display:inline-flex;gap:8px;align-items:flex-start;background:rgba(232,89,12,.12);border:1px solid rgba(232,89,12,.35);border-radius:14px;padding:10px 14px;color:#fff;font-weight:600}\n.mg-diamond li:before{border-radius:3px;transform:rotate(45deg) scale(.8);background:linear-gradient(135deg,#F7862B,#E8590C)}\n@media(max-width:767px){.mg-row:hover>.elementor-container{transform:none}.mg-serif:after{display:none}}\n@media(prefers-reduced-motion:reduce){.mg-img,.mg-glow,.mg-serif:after{animation:none!important}}\n\n\/* ===== Page Identit\u00e9 visuelle : \u00e9tapes empil\u00e9es (sticky) ===== *\/\n.mg-stack{position:sticky!important;z-index:2;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}\n.mg-sk7{top:206px}.mg-sk1{top:110px}.mg-sk2{top:126px}.mg-sk3{top:142px}.mg-sk4{top:158px}.mg-sk5{top:174px}.mg-sk6{top:190px}\n.mg-stack:hover{transform:translateY(-6px)}\n.mg-stack>.elementor-container{position:relative;z-index:2}\n.mg-stack:before{content:\"\";position:absolute;z-index:1;width:360px;height:360px;right:-120px;top:-160px;border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);animation:mg-morph 12s ease-in-out infinite;pointer-events:none}\n.mg-stack{overflow:hidden}\n.mg-float{max-width:470px;margin:0 auto}\n.mg-float img{display:block;width:100%;height:auto;border-radius:32px;background:#fff;box-shadow:0 30px 70px rgba(20,27,45,.12);border:1px solid #F1E4D8;animation:mg-floaty 7s ease-in-out infinite}\n@keyframes mg-floaty{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(-1.2deg)}}\n.mg-dot{position:absolute;border-radius:50%;animation:mg-floaty 6s ease-in-out infinite}\n@media (max-width:767px){.mg-stack{position:relative!important;top:auto!important}}\n.mg-steps5>.elementor-container:before{top:42px;left:10%;right:10%}\n.mg-step>.elementor-widget-wrap{transition:transform .5s cubic-bezier(.2,.8,.2,1)}\n.mg-step:hover>.elementor-widget-wrap{transform:translateY(-8px)}\n@media (max-width:1024px){.mg-steps5>.elementor-container:before{display:none}}\n\n\/* ===================== V2 : effets premium ===================== *\/\n\/* Hero : grille + halo qui suit la souris *\/\n.mg-gridbg{position:relative;overflow:hidden;background:\n radial-gradient(600px circle at var(--mx,70%) var(--my,30%),rgba(247,134,43,.22),transparent 60%),\n radial-gradient(900px circle at 100% 0%,rgba(232,89,12,.28),transparent 55%),\n linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0\/64px 64px,\n linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0\/64px 64px,\n linear-gradient(160deg,#0B1222,#141B2D 60%,#1B1420)!important}\n.mg-gridbg>.elementor-container{position:relative;z-index:2}\n.mg-gridbg:after{content:\"\";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 70%,rgba(11,18,34,.9));z-index:1}\n\/* Mots qui tournent dans un titre *\/\n.mg-rot{display:inline-grid;vertical-align:bottom;overflow:hidden;padding-bottom:.08em}\n.mg-rot>span{grid-area:1\/1;opacity:0;transform:translateY(100%);animation:mg-rotw 9s cubic-bezier(.2,.8,.2,1) infinite}\n.mg-rot>span:nth-child(2){animation-delay:3s}.mg-rot>span:nth-child(3){animation-delay:6s}\n@keyframes mg-rotw{0%{opacity:0;transform:translateY(100%)}5%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-100%)}}\n\/* R\u00e9v\u00e9lation des titres mot \u00e0 mot *\/\n.mg-split.mg-ready .mg-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em}\n.mg-split.mg-ready .mg-w>span{display:inline-block;transform:translateY(105%);transition:transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*55ms)}\n.mg-split.mg-in .mg-w>span{transform:none}\n\/* Ligne de progression au d\u00e9filement (process) *\/\n.mg-progress>.elementor-container:after{content:\"\";position:absolute;top:42px;left:10%;right:10%;height:3px;border-radius:3px;background:linear-gradient(90deg,#F7862B,#E8590C);transform-origin:left;transform:scaleX(var(--p,0));z-index:1;box-shadow:none}\n.mg-progress>.elementor-container>.elementor-column{z-index:2}\n.mg-progress>.elementor-container:before{background:rgba(232,89,12,.18)!important;animation:none!important;height:3px!important}\n.mg-progress .mg-num .elementor-heading-title{background:#fff;color:#E8590C!important;border:2px solid #F7B267;box-shadow:none;transition:background .5s,color .5s,box-shadow .5s,transform .5s cubic-bezier(.2,.8,.2,1)}\n.mg-progress .mg-num .elementor-heading-title:after{display:none}\n.mg-progress .mg-on .mg-num .elementor-heading-title{background:linear-gradient(135deg,#F7862B,#E8590C);color:#fff!important;border-color:transparent;box-shadow:none;transform:scale(1.08)}\n.mg-progress .mg-on .mg-num .elementor-heading-title:after{display:block}\n\/* Citation *\/\n.mg-quote .elementor-heading-title{border-left:4px solid #E8590C;padding:4px 0 4px 20px;font-family:Lora,Georgia,serif!important;font-style:italic}\n\/* Compteurs *\/\n.mg-stat .elementor-counter{display:flex;flex-direction:column;align-items:flex-start}\n.mg-stat .elementor-counter-number-wrapper{background:linear-gradient(135deg,#FFFFFF,#FFD0AA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n.mg-stat>.elementor-widget-wrap{border-left:1px solid rgba(255,255,255,.12)}\n\/* Carte service avec visuel *\/\n.mg-svc>.elementor-widget-wrap{padding:0!important;overflow:hidden}\n.mg-svc .mg-svc-body{padding:0 28px 30px}\n.mg-svc .elementor-widget-html{margin-bottom:22px!important}\n\/* ---------- mini-visuels ---------- *\/\n.mgs{position:relative;height:190px;background:radial-gradient(circle at 80% 10%,rgba(247,134,43,.22),transparent 55%),linear-gradient(160deg,#FFF6EE,#FFE9D6);display:grid;place-items:center;overflow:hidden;font-family:Inter,sans-serif}\n.mgs em{position:absolute;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.08em;color:#141B2D;background:#fff;border-radius:999px;padding:6px 11px;box-shadow:0 8px 18px rgba(20,27,45,.08)}\n.mgs .t1{left:14px;bottom:14px}.mgs .t2{right:14px;top:14px}\n.mgs-radar .r{position:relative;width:140px;height:140px;border-radius:50%}\n.mgs-radar .r i{position:absolute;border-radius:50%;border:1.5px solid rgba(232,89,12,.3)}\n.mgs-radar .r i:nth-child(1){inset:0}.mgs-radar .r i:nth-child(2){inset:22%}.mgs-radar .r i:nth-child(3){inset:44%;background:#E8590C;border:0}\n.mgs-radar .sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(247,134,43,.45),transparent 25%);animation:mgs-spin 3s linear infinite}\n.mgs-radar .bl{position:absolute;width:10px;height:10px;margin:-5px;border-radius:50%;background:#141B2D;animation:mgs-blip 3s ease-out infinite}\n.mgs-radar .bl.hot{background:#E8590C;box-shadow:none}\n@keyframes mgs-spin{to{transform:rotate(360deg)}}\n@keyframes mgs-blip{0%,100%{transform:scale(.6);opacity:.4}20%{transform:scale(1.3);opacity:1}}\n.mgs-logo svg{width:76%;height:auto;overflow:visible}\n.mgs-logo .g{fill:none;stroke:rgba(20,27,45,.12);stroke-width:1;stroke-dasharray:4 5}\n.mgs-logo .d{fill:none;stroke:#E8590C;stroke-width:5;stroke-linecap:round;stroke-dasharray:260;stroke-dashoffset:260;animation:mgs-draw 4.5s ease-in-out infinite}\n.mgs-logo .h{fill:#fff;stroke:#141B2D;stroke-width:1.5}.mgs-logo .h2{fill:#141B2D}.mgs-logo .hl{stroke:#141B2D;stroke-width:1;opacity:.5}\n@keyframes mgs-draw{0%{stroke-dashoffset:260}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-260}}\n.mgs-sys .sw{display:flex;gap:7px;align-items:flex-end;height:96px}\n.mgs-sys .sw i{width:30px;border-radius:9px;animation:mgs-bar 3.5s ease-in-out infinite}\n.mgs-sys .sw i:nth-child(1){height:90px}.mgs-sys .sw i:nth-child(2){height:70px;animation-delay:-.6s}.mgs-sys .sw i:nth-child(3){height:80px;animation-delay:-1.2s}.mgs-sys .sw i:nth-child(4){height:56px;animation-delay:-1.8s;border:1px solid #ddd}.mgs-sys .sw i:nth-child(5){height:66px;animation-delay:-2.4s}\n.mgs-sys .aa{position:absolute;right:20px;top:14px;font:800 46px\/1 Lora,Georgia,serif;color:#141B2D;animation:mgs-aa 3.5s ease-in-out infinite}\n@keyframes mgs-bar{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.6)}}\n@keyframes mgs-aa{0%,100%{font-style:normal;color:#141B2D}50%{font-style:italic;color:#E8590C}}\n.mgs-book .bk{position:relative;width:170px;height:110px;perspective:600px;display:flex}\n.mgs-book .pg{width:50%;height:100%;background:#fff;padding:12px 10px;display:flex;flex-direction:column;gap:7px;box-shadow:0 14px 30px rgba(20,27,45,.12)}\n.mgs-book .pg.l{border-radius:10px 0 0 10px}.mgs-book .pg.r{border-radius:0 10px 10px 0}\n.mgs-book .pg s{display:block;height:6px;border-radius:4px;background:#ECEFF4}.mgs-book .pg s.c{height:26px;background:linear-gradient(90deg,#E8590C 33%,#F7B267 33% 66%,#141B2D 66%)}.mgs-book .pg s.o{height:30px;width:30px;border-radius:50%;background:#E8590C}\n.mgs-book .fl{position:absolute;left:50%;top:0;width:50%;height:100%;background:linear-gradient(90deg,#fff,#F5F7FA);border-radius:0 10px 10px 0;transform-origin:left center;animation:mgs-flip 4s ease-in-out infinite}\n.mgs-book .f2{animation-delay:-2s}\n@keyframes mgs-flip{0%{transform:rotateY(0)}50%,100%{transform:rotateY(-180deg)}}\n.mgs-print{perspective:700px}\n.mgs-print .cd{position:relative;width:150px;height:88px;transform-style:preserve-3d;animation:mgs-card 5s ease-in-out infinite;z-index:2}\n.mgs-print .fr,.mgs-print .bk2{position:absolute;inset:0;border-radius:10px;backface-visibility:hidden;box-shadow:0 18px 30px rgba(20,27,45,.18)}\n.mgs-print .fr{background:linear-gradient(135deg,#F7862B,#E8590C);display:grid;place-items:center;font:800 15px\/1.05 Inter,sans-serif;color:#fff;text-align:center}\n.mgs-print .bk2{background:#141B2D;transform:rotateY(180deg);padding:14px;display:flex;flex-direction:column;gap:6px}\n.mgs-print .bk2 s{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.3);width:70%}.mgs-print .bk2 i{position:absolute;right:12px;bottom:12px;width:20px;height:20px;border-radius:50%;background:#F7862B}\n.mgs-print .env{position:absolute;width:170px;height:100px;border-radius:8px;background:#fff;transform:rotate(-10deg) translate(-20px,18px);box-shadow:0 10px 24px rgba(20,27,45,.08)}\n@keyframes mgs-card{0%,35%{transform:rotateY(0) rotateX(8deg)}50%,85%{transform:rotateY(180deg) rotateX(8deg)}100%{transform:rotateY(360deg) rotateX(8deg)}}\n.mgs-phone .ph{width:92px;height:160px;border-radius:22px;background:#141B2D;padding:6px;transform:translateY(22px) rotate(-6deg);box-shadow:0 20px 40px rgba(20,27,45,.25)}\n.mgs-phone .feed{height:100%;border-radius:17px;background:#fff;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:6px}\n.mgs-phone .po{flex:none;height:60px;border-radius:10px;animation:mgs-feed 6s linear infinite}\n.mgs-phone .po.a{background:linear-gradient(135deg,#F7862B,#E8590C)}.mgs-phone .po.b{background:#141B2D}.mgs-phone .po.c{background:#FFD9BD}\n.mgs-phone .lk{position:absolute;right:18%;top:26%;background:#fff;color:#E8590C;font:700 12px Inter,sans-serif;border-radius:999px;padding:6px 10px;box-shadow:0 8px 18px rgba(20,27,45,.12);animation:mgs-like 3s ease-in-out infinite}\n@keyframes mgs-feed{to{transform:translateY(-198px)}}\n@keyframes mgs-like{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.08)}}\n@media (max-width:767px){.mg-stat>.elementor-widget-wrap{border-left:0}.mg-progress>.elementor-container:after{display:none}}\n@media (prefers-reduced-motion:reduce){.mgs *,.mg-rot>span{animation:none!important}.mg-rot>span:first-child{opacity:1;transform:none}.mg-split.mg-ready .mg-w>span{transform:none}}\n\n\/* ---------- mini-visuels supports imprim\u00e9s ---------- *\/\n.mgs-flyer .fy{position:absolute;width:86px;height:122px;border-radius:6px;box-shadow:0 16px 30px rgba(20,27,45,.18)}\n.mgs-flyer .f2{background:#141B2D;transform:rotate(-12deg) translate(-34px,4px)}\n.mgs-flyer .f1{background:#fff;padding:10px;display:flex;flex-direction:column;gap:6px;animation:mgs-slide 4s ease-in-out infinite}\n.mgs-flyer .f1 b{font:800 15px Inter,sans-serif;color:#141B2D}.mgs-flyer .f1 span{align-self:flex-start;background:#E8590C;color:#fff;font:800 16px Inter,sans-serif;padding:4px 8px;border-radius:8px;animation:mgs-pulse2 1.6s ease-in-out infinite}\n.mgs-flyer .f1 s{display:block;height:4px;border-radius:3px;background:#E3E8F0}\n@keyframes mgs-slide{0%,100%{transform:rotate(6deg) translate(18px,0)}50%{transform:rotate(2deg) translate(8px,-8px)}}\n@keyframes mgs-pulse2{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}\n.mgs-post .wall{position:relative;width:110px;height:150px}\n.mgs-post .ps{position:absolute;inset:0;background:linear-gradient(160deg,#F7862B,#C2410C);border-radius:3px;padding:12px;color:#fff;transform-origin:top;animation:mgs-unr 5s cubic-bezier(.6,0,.2,1) infinite;box-shadow:0 16px 30px rgba(20,27,45,.2);overflow:hidden}\n.mgs-post .ps b{font:800 17px\/1 Inter,sans-serif}.mgs-post .ps i{position:absolute;right:-18px;bottom:28px;width:70px;height:70px;border-radius:50%;background:#141B2D}\n.mgs-post .ps s{position:absolute;left:12px;bottom:12px;width:50%;height:4px;border-radius:3px;background:rgba(255,255,255,.7)}\n.mgs-post .tp{position:absolute;top:-6px;width:26px;height:12px;background:rgba(255,255,255,.75);box-shadow:0 2px 4px rgba(0,0,0,.1)}.mgs-post .tp.a{left:-8px;transform:rotate(-30deg)}.mgs-post .tp.b{right:-8px;transform:rotate(30deg)}\n@keyframes mgs-unr{0%,8%{transform:scaleY(.05)}35%,85%{transform:scaleY(1)}100%{transform:scaleY(.05)}}\n.mgs-fold2{perspective:600px}\n.mgs-fold2 .dp{position:relative;width:180px;height:110px;transform-style:preserve-3d;transform:rotateX(14deg)}\n.mgs-fold2 .pp{position:absolute;top:0;width:60px;height:110px;background:#fff;padding:10px 8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 14px 26px rgba(20,27,45,.16)}\n.mgs-fold2 .pp s{display:block;height:4px;border-radius:3px;background:#E3E8F0}.mgs-fold2 .pp s.o{height:26px;background:linear-gradient(135deg,#FFD9BD,#E8590C)}\n.mgs-fold2 .c{left:60px;z-index:2}.mgs-fold2 .l{left:0;transform-origin:right;animation:mgs-fl 5s ease-in-out infinite;background:#FAFBFC}.mgs-fold2 .r{left:120px;transform-origin:left;animation:mgs-fr 5s ease-in-out infinite;background:#FAFBFC}\n@keyframes mgs-fl{0%,15%{transform:rotateY(0)}40%,65%{transform:rotateY(175deg)}90%,100%{transform:rotateY(0)}}\n@keyframes mgs-fr{0%,25%{transform:rotateY(0)}50%,70%{transform:rotateY(-175deg)}100%{transform:rotateY(0)}}\n.mgs-bache svg{width:84%;overflow:visible}\n.mgs-bache .wv,.mgs-bache .wvt{animation:mgs-wind 3s ease-in-out infinite;transform-box:fill-box;transform-origin:left center}\n@keyframes mgs-wind{0%,100%{transform:skewY(0) scaleX(1)}25%{transform:skewY(1.5deg) scaleX(.985)}75%{transform:skewY(-1.5deg) scaleX(1.01)}}\n.mgs-kake .kk{display:flex;flex-direction:column;align-items:center;height:160px;width:70px;transform:translateY(10px)}\n.mgs-kake .bar{width:100%;height:6px;border-radius:3px;background:#9AA2B1;z-index:2}\n.mgs-kake .sh{width:90%;flex:1;background:linear-gradient(180deg,#fff 0 45%,#FFD9BD);transform-origin:bottom;animation:mgs-up 5s cubic-bezier(.6,0,.2,1) infinite;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:12px;box-shadow:0 14px 26px rgba(20,27,45,.16)}\n.mgs-kake .sh i{width:28px;height:28px;border-radius:50%;background:#E8590C}.mgs-kake .sh b{font:800 10px\/1 Inter,sans-serif;color:#141B2D;text-align:center}.mgs-kake .sh s{display:block;height:3px;width:70%;border-radius:2px;background:#E3E8F0}\n.mgs-kake .base{width:120%;height:9px;border-radius:5px;background:#5B6475}\n@keyframes mgs-up{0%,8%{transform:scaleY(0)}35%,85%{transform:scaleY(1)}100%{transform:scaleY(0)}}\n.mg-steps4>.elementor-container:before,.mg-steps4.mg-progress>.elementor-container:after{left:12.5%!important;right:12.5%!important;top:42px!important}\n\/* Carte support : badge \"objectif\" *\/\n.mg-tagpill .elementor-heading-title{display:inline-block;border:1px solid #141B2D;border-radius:999px;padding:6px 12px}\n.mg-ideal .elementor-widget-container,.mg-ideal>.pv-text{border-top:1px solid #ECEFF4;padding-top:14px!important}\n.mg-imgtile>.elementor-widget-wrap{padding:0!important;overflow:hidden}\n.mg-imgtile .elementor-widget-image,.mg-imgtile .elementor-widget-image .elementor-widget-container{height:100%}\n.mg-imgtile img{width:100%;height:100%!important;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}\n.mg-imgtile:hover img{transform:scale(1.06)}\n\n\/* ---------- mini-visuels packaging ---------- *\/\n.mgs-sizes{display:flex;align-items:flex-end;justify-content:center;gap:14px;padding-bottom:30px}\n.mgs-sizes .bx{position:relative;background:linear-gradient(160deg,#F7862B,#C2410C);border-radius:6px;box-shadow:0 14px 26px rgba(20,27,45,.16);animation:mgs-grow 4.5s ease-in-out infinite;transform-origin:bottom}\n.mgs-sizes .bx i{position:absolute;left:50%;top:22%;width:40%;aspect-ratio:1;margin-left:-20%;border-radius:50%;background:#141B2D}\n.mgs-sizes .s1{width:42px;height:56px}.mgs-sizes .s2{width:58px;height:84px;animation-delay:.3s}.mgs-sizes .s3{width:74px;height:110px;animation-delay:.6s}\n@keyframes mgs-grow{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.88)}}\n.mgs-label svg{height:150px}\n.mgs-label .wrap{animation:mgs-wrap 4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}\n@keyframes mgs-wrap{0%,10%{transform:scaleX(0)}40%,85%{transform:scaleX(1)}100%{transform:scaleX(0)}}\n.mgs-eco .ring{width:110px;height:110px;border-radius:50%;border:3px dashed #2D6A4F;display:grid;place-items:center;animation:mgs-spin 9s linear infinite}\n.mgs-eco .ring span{font-size:44px;color:#2D6A4F;animation:mgs-spin 9s linear infinite reverse}\n.mgs-eco .leaf{position:absolute;right:26%;top:18%;width:46px;animation:mgs-leaf 4s ease-in-out infinite;transform-origin:bottom left}\n@keyframes mgs-leaf{0%,100%{transform:rotate(-8deg) scale(.9)}50%{transform:rotate(8deg) scale(1.05)}}\n\/* Images en forme de goutte (m\u00e9thodologie) *\/\n.mg-blob img,.mg-blob>img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;animation:mg-morph-r 10s ease-in-out infinite;box-shadow:0 20px 40px rgba(0,0,0,.35)}\n.mg-row:hover .mg-blob img{animation-duration:3s}\n.mg-gal img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 24px 50px rgba(20,27,45,.16);transition:transform .9s cubic-bezier(.2,.8,.2,1),border-radius .9s}\n.mg-gal:hover img{transform:scale(1.04) rotate(-1deg);border-radius:40px 22px 40px 22px}\n.mg-gal{overflow:visible!important}\n\n\/* ---------- mini-visuels site vitrine ---------- *\/\n.mgs-tap .ph{width:84px;height:150px;border-radius:20px;background:#141B2D;padding:5px;transform:translateY(16px)}\n.mgs-tap .mn{height:100%;border-radius:16px;background:#fff;padding:22px 8px;display:flex;flex-direction:column;gap:8px}\n.mgs-tap .mn s{display:block;height:14px;border-radius:5px;background:#ECEFF4}.mgs-tap .mn s.o{animation:mgs-hl 2.4s ease-in-out infinite}\n@keyframes mgs-hl{0%,40%{background:#ECEFF4}55%,90%{background:#E8590C}}\n.mgs-tap .fg{position:absolute;left:54%;top:58%;width:26px;height:26px;border-radius:50%;background:rgba(232,89,12,.25);border:2px solid #E8590C;animation:mgs-tp 2.4s ease-in-out infinite}\n@keyframes mgs-tp{0%{transform:translate(30px,30px) scale(1);opacity:0}30%{opacity:1}45%{transform:translate(0,0) scale(1)}52%{transform:scale(.7)}60%,100%{transform:scale(1);opacity:0}}\n.mgs-clock .ck{position:relative;width:110px;height:110px;border-radius:50%;background:#fff;border:4px solid #141B2D;box-shadow:0 14px 28px rgba(20,27,45,.15)}\n.mgs-clock .ck i{position:absolute;left:50%;bottom:50%;transform-origin:bottom center;border-radius:3px;background:#141B2D}\n.mgs-clock .hh{width:5px;height:28px;margin-left:-2.5px;animation:mgs-spin 24s linear infinite}\n.mgs-clock .mm{width:3px;height:40px;margin-left:-1.5px;background:#E8590C!important;animation:mgs-spin 2s linear infinite}\n.mgs-clock .ck b{position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:#141B2D}\n.mgs-clock .b24{position:absolute;right:14px;top:14px;background:#16A34A;color:#fff;border-radius:999px;padding:6px 10px;font:700 11px Inter,sans-serif}\n.mgs-trust .sh{width:84px;height:96px;background:linear-gradient(160deg,#F7862B,#C2410C);clip-path:path(\"M42 0 L84 14 V50 C84 76 64 90 42 96 C20 90 0 76 0 50 V14 Z\");display:grid;place-items:center;color:#fff;font:800 38px Inter,sans-serif;animation:mgs-pulse2 2.4s ease-in-out infinite}\n.mgs-trust .stars{position:absolute;right:16px;top:16px;display:flex;gap:2px}\n.mgs-trust .stars i{font-style:normal;color:#F7B267;font-size:18px;opacity:.25;animation:mgs-star 3s infinite}\n.mgs-trust .stars i:nth-child(2){animation-delay:.2s}.mgs-trust .stars i:nth-child(3){animation-delay:.4s}.mgs-trust .stars i:nth-child(4){animation-delay:.6s}.mgs-trust .stars i:nth-child(5){animation-delay:.8s}\n@keyframes mgs-star{0%,10%{opacity:.25;transform:scale(.8)}25%,85%{opacity:1;transform:none}100%{opacity:.25}}\n\/* Cartes inclin\u00e9es qui se redressent *\/\n.mg-tilt>.elementor-widget-wrap{transition:transform .7s cubic-bezier(.2,.8,.2,1)!important}\n.mg-tilt.t1>.elementor-widget-wrap{transform:rotate(-3deg) translateY(30px)}\n.mg-tilt.t2>.elementor-widget-wrap{transform:rotate(1.5deg)}\n.mg-tilt.t3>.elementor-widget-wrap{transform:rotate(3deg) translateY(24px)}\n.mg-tilt:hover>.elementor-widget-wrap{transform:none!important}\n.mg-bigdig .elementor-heading-title{background:linear-gradient(135deg,#141B2D,#E8590C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n@media (max-width:767px){.mg-tilt>.elementor-widget-wrap{transform:none!important}}\n\n@media (max-width:767px){\n .mg-steps>.elementor-container:before{display:none}\n .mg-liquid:before{width:380px;height:380px;right:-180px;top:-120px}\n .mg-rings:before{width:900px;height:900px;right:-520px}\n}\n@media (prefers-reduced-motion:reduce){\n .mg-liquid:before,.mg-liquid:after,.mg-grad,.mg-card .elementor-icon,.mg-card>.elementor-widget-wrap:before,.mg-steps>.elementor-container:before,.mg-num .elementor-heading-title:after,.mg-rings:before,.mg-rings:after{animation:none!important}\n}\n<\/style>\n<script>\n(function(){\n if(window.__mgInit)return;window.__mgInit=1;\n function init(){\n  var fine=window.matchMedia('(pointer:fine)').matches;\n  document.querySelectorAll('.mg-card>.elementor-widget-wrap,.mg-glass>.elementor-widget-wrap').forEach(function(el){\n   el.addEventListener('pointermove',function(e){var r=el.getBoundingClientRect();el.style.setProperty('--x',(e.clientX-r.left)+'px');el.style.setProperty('--y',(e.clientY-r.top)+'px');});\n  });\n\n \/* V2 : r\u00e9v\u00e9lation mot \u00e0 mot, progression, halo *\/\n var stat=document.documentElement.classList.contains('pv-static'),red=window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n document.querySelectorAll('.mg-split .elementor-heading-title').forEach(function(h){\n  var w=h.closest('.mg-split');if(w.classList.contains('mg-ready'))return;var n=0,out=document.createDocumentFragment();\n  [].slice.call(h.childNodes).forEach(function(c){\n   if(c.nodeType===3){c.textContent.split(\/(\\s+)\/).forEach(function(p){if(!p)return;if(\/^\\s+$\/.test(p)){out.appendChild(document.createTextNode(p));return;}\n     var a=document.createElement('span');a.className='mg-w';var b=document.createElement('span');b.style.setProperty('--i',n++);b.textContent=p;a.appendChild(b);out.appendChild(a);});}\n   else if(c.nodeName==='BR'){out.appendChild(c);}\n   else{var a=document.createElement('span');a.className='mg-w';var b=document.createElement('span');b.style.setProperty('--i',n++);b.appendChild(c);a.appendChild(b);out.appendChild(a);}\n  });\n  h.innerHTML='';h.appendChild(out);w.classList.add('mg-ready');\n  if(stat||red){w.classList.add('mg-in');return;}\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){w.classList.add('mg-in');io.disconnect();}});},{threshold:.2});io.observe(w);\n });\n var prog=[].slice.call(document.querySelectorAll('.mg-progress'));\n function tick(){prog.forEach(function(p){var r=p.getBoundingClientRect(),v=stat?1:Math.min(1,Math.max(0,(innerHeight*.85-r.top)\/(innerHeight*.5)));\n   p.style.setProperty('--p',v.toFixed(3));var cols=p.querySelectorAll(':scope>.elementor-container>.elementor-column');\n   cols.forEach(function(c,k){c.classList.toggle('mg-on',v>=(cols.length>1?k\/(cols.length-1):0)-0.001);});});}\n if(prog.length){tick();window.addEventListener('scroll',tick,{passive:true});window.addEventListener('resize',tick);}\n document.querySelectorAll('.mg-gridbg').forEach(function(s){s.addEventListener('pointermove',function(e){var r=s.getBoundingClientRect();s.style.setProperty('--mx',(e.clientX-r.left)+'px');s.style.setProperty('--my',(e.clientY-r.top)+'px');});});\n  if(!fine||window.matchMedia('(prefers-reduced-motion:reduce)').matches)return;\n  document.querySelectorAll('.mg-btn .elementor-button').forEach(function(b){\n   b.addEventListener('pointermove',function(e){var r=b.getBoundingClientRect();b.style.transform='translate('+((e.clientX-r.left-r.width\/2)*.18)+'px,'+((e.clientY-r.top-r.height\/2)*.3)+'px)';});\n   b.addEventListener('pointerleave',function(){b.style.transform='';});\n  });\n }\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66c09af mg-homefx elementor-widget elementor-widget-html\" data-id=\"66c09af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== MY GRAFIK \u2013 effets propres \u00e0 la page d'accueil (ne pas supprimer ce widget) ===== *\/\n.mg-homefx{margin:0!important;height:0;overflow:hidden}\n\/* M\u00e9thode : les cartes s'allument \u00e0 tour de r\u00f4le, en phase avec la ligne de progression *\/\n.mg-mc>.elementor-widget-wrap{transition:transform .5s cubic-bezier(.2,.8,.2,1);animation:mg-mc 9s infinite;animation-delay:var(--mcd,0s)}\n.mg-mc2{--mcd:3s}.mg-mc3{--mcd:6s}\n@keyframes mg-mc{0%,2%{transform:none;box-shadow:0 0 0 rgba(0,0,0,0);background-color:#EDEFF3}6%,30%{transform:translateY(-10px);background-color:#FFFFFF;box-shadow:none}36%,100%{transform:none;background-color:#EDEFF3;box-shadow:0 0 0 rgba(0,0,0,0)}}\n.mg-mc:hover>.elementor-widget-wrap{animation-play-state:paused}\n.pv-static .mg-mc>.elementor-widget-wrap{animation:none}\n\/* P\u00f4les de services : cartes empil\u00e9es *\/\n.mg-pole .mg-outline .elementor-heading-title{-webkit-text-stroke:1.5px rgba(232,89,12,.55);color:transparent!important}\n.mg-pole .mg-img{animation:none;border-radius:26px}\n.mg-chips{display:flex;flex-wrap:wrap;gap:8px}\n.mg-chips a{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:#FFF1E6;color:#C2410C;font:700 13.5px Inter,sans-serif;text-decoration:none;border:1px solid #FBE3D0;transition:.35s cubic-bezier(.2,.8,.2,1)}\n.mg-chips a:after{content:\"\u2192\";transition:transform .35s}\n.mg-chips a:hover{background:linear-gradient(135deg,#F7862B,#E8590C);color:#fff;border-color:transparent;transform:translateY(-2px)}\n.mg-chips a:hover:after{transform:translateX(3px)}\n.mg-chips.w a{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}\n\/* R\u00e9alisations *\/\n.mg-proj>.elementor-widget-wrap{position:relative;overflow:hidden;isolation:isolate;transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .5s}\n.mg-proj .elementor-widget-image{overflow:hidden;border-radius:20px}\n.mg-proj .elementor-widget-image img{display:block;width:100%;aspect-ratio:4\/3;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s}\n.mg-proj:hover .elementor-widget-image img{transform:scale(1.08) rotate(-1deg)}\n.mg-proj>.elementor-widget-wrap:before{content:\"\";position:absolute;z-index:-1;left:-50%;width:200%;aspect-ratio:1;top:calc(100% + 60px);border-radius:40%;background:linear-gradient(180deg,rgba(247,134,43,.22),rgba(232,89,12,.05));animation:mg-wave 9s linear infinite;transition:top .9s cubic-bezier(.2,.8,.2,1)}\n.mg-proj:hover>.elementor-widget-wrap{transform:translateY(-10px);border-color:rgba(247,134,43,.55)!important}\n.mg-proj:hover>.elementor-widget-wrap:before{top:45%}\n\/* Chiffres cl\u00e9s *\/\n.mg-imp>.elementor-widget-wrap{position:relative;overflow:hidden;isolation:isolate;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .5s}\n.mg-imp>.elementor-widget-wrap:before{content:\"\";position:absolute;z-index:-1;width:260px;height:260px;left:-80px;top:-120px;border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;background:radial-gradient(circle,rgba(247,134,43,.45),transparent 70%);animation:mg-morph 12s ease-in-out infinite}\n.mg-imp:nth-child(2)>.elementor-widget-wrap:before{animation-delay:-3s;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 70%)}\n.mg-imp:nth-child(3)>.elementor-widget-wrap:before{animation-delay:-6s}\n.mg-imp:nth-child(4)>.elementor-widget-wrap:before{animation-delay:-9s;background:radial-gradient(circle,rgba(59,130,246,.35),transparent 70%)}\n.mg-imp:hover>.elementor-widget-wrap{transform:translateY(-8px);border-color:rgba(247,134,43,.6)!important}\n.mg-imp .elementor-counter-number-wrapper,.mg-imp .mg-bign .elementor-heading-title{background:linear-gradient(135deg,#FFFFFF,#FFD0AA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n.mg-arrow{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;color:#141B2D;font-size:22px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .4s,color .4s}\n.mg-imp:hover .mg-arrow{transform:rotate(45deg);background:#E8590C;color:#fff}\n.mg-stars{color:#F7862B;letter-spacing:3px;font-size:16px}\n.mg-stars span{display:inline-block;animation:mg-star 3s ease-in-out infinite}\n.mg-stars span:nth-child(2){animation-delay:.12s}.mg-stars span:nth-child(3){animation-delay:.24s}.mg-stars span:nth-child(4){animation-delay:.36s}.mg-stars span:nth-child(5){animation-delay:.48s}\n@keyframes mg-star{0%,70%,100%{transform:none}80%{transform:scale(1.35) rotate(14deg)}}\n\/* CTA final : bordure d\u00e9grad\u00e9e anim\u00e9e *\/\n.mg-cbord{position:relative;isolation:isolate}\n.mg-cbord:before{content:\"\";position:absolute;inset:0;border-radius:40px;padding:2px;background:conic-gradient(from var(--mgcb,0deg),#1A8FC4,#F7862B,#E8590C,#16A34A,#1A8FC4);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:mg-cb 6s linear infinite;pointer-events:none;z-index:3}\n@property --mgcb{syntax:\"<angle>\";inherits:false;initial-value:0deg}\n@keyframes mg-cb{to{--mgcb:360deg}}\n.mg-cbord>.elementor-container{position:relative;z-index:2}\n.mg-cbord:after{content:\"\";position:absolute;z-index:0;width:520px;height:520px;left:38%;top:-30%;border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,0));animation:mg-morph 16s ease-in-out infinite;pointer-events:none}\n.mg-ctaimg img{display:block;width:100%;max-width:330px;margin:0 auto;border-radius:50% 50% 34px 34px;animation:mg-float 6s ease-in-out infinite}\n@keyframes mg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}\n\/* Blog *\/\n.mg-posts .elementor-post{background:#16306B;border-radius:24px;overflow:hidden;padding:18px;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s}\n.mg-posts .elementor-post:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(22,48,107,.35)}\n.mg-posts .elementor-post__thumbnail{border-radius:18px;overflow:hidden}\n.mg-posts .elementor-post__thumbnail img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}\n.mg-posts .elementor-post:hover .elementor-post__thumbnail img{transform:scale(1.07)}\n.pv-static .mg-imp *,.pv-static .mg-cbord:before,.pv-static .mg-ctaimg img,.pv-static .mg-stars span{animation:none!important}\n@media(max-width:767px){.mg-cbord:before{border-radius:28px}.mg-pole,.mg-cbord{padding:28px 20px!important}.mg-pole>.elementor-container>.elementor-column>.elementor-widget-wrap,.mg-cbord>.elementor-container>.elementor-column>.elementor-widget-wrap{padding:0 0 20px!important}.mg-ctaimg img{max-width:260px}}\n@media(prefers-reduced-motion:reduce){.mg-mc>.elementor-widget-wrap,.mg-cbord:before,.mg-ctaimg img,.mg-stars span{animation:none!important}}\n\n\/* ===== V2 : barre de progression, curseur liquide, intro ===== *\/\n.mg-prog{position:fixed;left:0;top:0;height:3px;width:100%;z-index:99999;transform-origin:left;transform:scaleX(var(--sp,0));background:linear-gradient(90deg,#F7862B,#E8590C,#FFB067);pointer-events:none}\n.mg-cur,.mg-cur2{position:fixed;left:0;top:0;z-index:99998;pointer-events:none;border-radius:50%;opacity:0;transition:opacity .3s}\n.mg-cur{width:8px;height:8px;margin:-4px 0 0 -4px;background:#F7862B}\n.mg-cur2{width:44px;height:44px;margin:-22px 0 0 -22px;border:1.5px solid rgba(247,134,43,.8);transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),margin .35s cubic-bezier(.2,.8,.2,1),background .35s,border-color .35s,opacity .3s;display:grid;place-items:center;font:800 11px Inter,sans-serif;letter-spacing:.08em;color:#fff;text-transform:uppercase}\n.mg-cur-on .mg-cur,.mg-cur-on .mg-cur2{opacity:1}\n.mg-cur-link .mg-cur2{width:72px;height:72px;margin:-36px 0 0 -36px;background:rgba(247,134,43,.18);border-color:transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}\n.mg-cur-view .mg-cur2{width:96px;height:96px;margin:-48px 0 0 -48px;background:#E8590C;border-color:transparent}\n.mg-cur-view .mg-cur{opacity:0}\n@media(hover:none),(pointer:coarse){.mg-cur,.mg-cur2{display:none}}\n.mg-intro{position:fixed;inset:0;z-index:100000;background:#0B1222;display:grid;place-items:center;transition:clip-path 1s cubic-bezier(.77,0,.18,1);clip-path:inset(0 0 0 0)}\n.mg-intro.out{clip-path:inset(0 0 100% 0)}\n.mg-intro b{display:flex;gap:.04em;font:900 clamp(40px,9vw,120px)\/1 Inter,sans-serif;letter-spacing:-.04em;color:#fff;overflow:hidden}\n.mg-intro b span{display:inline-block;transform:translateY(110%);animation:mg-in-l .8s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*45ms)}\n.mg-intro b span.o{color:#F7862B}\n.mg-intro small{position:absolute;bottom:12%;font:600 13px Inter,sans-serif;letter-spacing:.4em;text-transform:uppercase;color:#AEB6C6;opacity:0;animation:mg-fade .8s .5s forwards}\n.mg-intro i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#F7862B,#E8590C);transform-origin:left;animation:mg-bar 1.1s cubic-bezier(.6,0,.3,1) forwards}\n@keyframes mg-in-l{to{transform:none}}@keyframes mg-fade{to{opacity:1}}@keyframes mg-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n.mg-intro{animation:mg-kill 0s 3s forwards}@keyframes mg-kill{to{visibility:hidden;clip-path:inset(0 0 100% 0)}}\n.pv-static .mg-intro,.elementor-editor-active .mg-intro,.pv-static .mg-prog{display:none}\n\/* Manifeste : les mots s'allument au d\u00e9filement *\/\n.mg-manif .elementor-heading-title .mw{opacity:.16;transition:opacity .35s,color .35s}\n.mg-manif .elementor-heading-title .mw.on{opacity:1}\n.mg-manif .elementor-heading-title strong{color:#FFB067}\n.pv-static .mg-manif .mw{opacity:1}\n.mg-cross{background:linear-gradient(180deg,#0B1222 50%,#FFFFFF 50%)!important;position:relative;z-index:3}\n.pv-form>div,.pv-form input,.pv-form select,.pv-form textarea{min-width:0}\n@media(max-width:767px){.pv-form{grid-template-columns:1fr!important}.pv-form>div{grid-column:1\/-1!important}.mg-formcard>.elementor-widget-wrap{padding:26px 20px!important}}\n.mg-faq ul{margin:0;padding-left:18px}.mg-faq li{margin-bottom:6px}\n\/* Colonne collante *\/\n@media(min-width:1025px){.mg-sticky>.elementor-widget-wrap{position:sticky!important;top:120px;align-self:flex-start}}\n.mg-sticky{align-self:flex-start}\n\/* Mini visuels des chiffres *\/\n.mgk-av{display:flex}.mgk-av i{width:34px;height:34px;border-radius:50%;margin-left:-10px;border:2px solid #22202B;font-style:normal;display:grid;place-items:center;font:700 12px Inter,sans-serif;color:#fff;animation:mgk-b 3s ease-in-out infinite;animation-delay:calc(var(--i)*.2s)}\n.mgk-av i:first-child{margin-left:0}\n@keyframes mgk-b{0%,100%{transform:none}50%{transform:translateY(-5px)}}\n.mgk-bars{display:flex;align-items:flex-end;gap:5px;height:46px}.mgk-bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#F7862B,rgba(232,89,12,.25));transform-origin:bottom;animation:mgk-g 2.6s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.3s)}\n@keyframes mgk-g{from{transform:scaleY(.45)}to{transform:scaleY(1)}}\n.mgk-win{position:relative;height:46px}.mgk-win i{position:absolute;width:70px;height:40px;border-radius:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);left:calc(var(--i)*22px);top:calc(var(--i)*3px);animation:mgk-w 4s ease-in-out infinite;animation-delay:calc(var(--i)*.3s)}\n.mgk-win i:before{content:\"\";position:absolute;left:6px;top:6px;width:18px;height:3px;border-radius:2px;background:#F7862B;box-shadow:0 7px 0 rgba(255,255,255,.3),0 14px 0 rgba(255,255,255,.2)}\n@keyframes mgk-w{0%,100%{transform:none}50%{transform:translateY(-6px)}}\n.pv-static .mgk-av i,.pv-static .mgk-bars i,.pv-static .mgk-win i{animation:none}\n\/* CTA : image dans une forme liquide *\/\n.mg-ctaimg{position:relative}\n.mg-ctaimg img{border-radius:0!important;animation:none!important;max-width:100%!important}\n.mg-ctablob{position:relative;max-width:360px;margin:0 auto;background:#061A2A;overflow:hidden;border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;animation:mg-morph-r 12s ease-in-out infinite;box-shadow:none}\n.mg-ctablob img{display:block;width:100%;height:auto}\n.pv-static .mg-ctablob{animation:none}\n\n\/* ===== Page Maintenance ===== *\/\n.mg-kpi>.elementor-widget-wrap{position:relative;overflow:hidden;isolation:isolate;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s}\n.mg-kpi>.elementor-widget-wrap:before{content:\"\";position:absolute;z-index:-1;width:240px;height:240px;left:-90px;top:-120px;border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;background:radial-gradient(circle,rgba(247,134,43,.38),transparent 70%);animation:mg-morph 12s ease-in-out infinite}\n.mg-kpi:hover>.elementor-widget-wrap{transform:translateY(-6px);border-color:rgba(247,134,43,.5)}\n.mg-kpi .elementor-counter-number-wrapper,.mg-kpi .mg-kbig .elementor-heading-title{background:linear-gradient(135deg,#FFFFFF,#FFD0AA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n.mg-kpi.mg-kfeat>.elementor-widget-wrap{background:linear-gradient(150deg,#F7862B,#C2410C);border-color:transparent}\n.mg-kpi.mg-kfeat .elementor-counter-number-wrapper{background:none;-webkit-text-fill-color:#fff}\n.mg-kpi.mg-kfeat .elementor-counter-title{color:#FFE8D6!important}\n.mg-wsvc>.elementor-widget-wrap{position:relative;overflow:hidden;isolation:isolate;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .4s}\n.mg-wsvc>.elementor-widget-wrap:before{content:\"\";position:absolute;z-index:-1;inset:0;width:auto;height:auto;border-radius:inherit;background:linear-gradient(150deg,#141B2D,#0B1222);clip-path:circle(0% at 100% 0%);transition:clip-path .7s cubic-bezier(.65,0,.35,1)}\n.mg-wsvc:hover>.elementor-widget-wrap{transform:translateY(-8px);box-shadow:0 30px 60px rgba(20,27,45,.18)!important;border-color:transparent!important}\n.mg-wsvc:hover>.elementor-widget-wrap:before{clip-path:circle(150% at 100% 0%)}\n.mg-wsvc h3,.mg-wsvc p,.mg-wsvc .mg-snum .elementor-heading-title,.mg-wsvc .mg-more a{transition:color .45s}\n.mg-wsvc:hover h3,.mg-wsvc:hover .elementor-icon-box-title{color:#fff!important}\n.mg-wsvc:hover p{color:#C9D1E0!important}\n.mg-wsvc:hover .mg-more a{color:#FFB067!important}\n.mg-wsvc .elementor-icon{transition:transform .6s cubic-bezier(.34,1.56,.64,1),background .4s,color .4s}\n.mg-wsvc:hover .elementor-icon{transform:rotate(-12deg) scale(1.08);background:linear-gradient(135deg,#F7862B,#E8590C)!important;color:#fff!important}\n.mg-snum{position:absolute!important;top:26px;right:28px;width:auto!important}\n.mg-snum .elementor-heading-title{font-variant-numeric:tabular-nums}\n.mg-wsvc:hover .mg-snum .elementor-heading-title{color:rgba(255,255,255,.35)!important}\n.mg-more a{text-decoration:none;font-weight:700}\n.mg-more a i{display:inline-block;transition:transform .4s}\n.mg-wsvc:hover .mg-more a i{transform:translateX(6px)}\n.mg-res>.elementor-widget-wrap{border-radius:26px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.01));transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s}\n.mg-res:hover>.elementor-widget-wrap{transform:translateX(-8px);border-color:rgba(247,134,43,.55)}\n.mg-ctaband{position:relative;overflow:hidden}\n.mg-ctaband:after{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 2px,transparent 2px 26px);pointer-events:none}\n.mg-ctaband>.elementor-container{position:relative;z-index:2}\n.mg-photo img{border-radius:30px;box-shadow:0 40px 80px rgba(20,27,45,.25);aspect-ratio:4\/5;object-fit:cover;width:100%}\n.mg-photo{position:relative}\n.mg-ptag{position:relative;z-index:3;margin-top:-90px!important;margin-left:-20px!important;width:auto!important}\n.mg-ptag .mgpt{display:inline-flex;align-items:center;gap:12px;background:#fff;border-radius:20px;padding:14px 18px 14px 14px;box-shadow:0 24px 50px rgba(20,27,45,.2);font:800 15px Inter,sans-serif;color:#141B2D;animation:mgwp-f 6s ease-in-out infinite}\n.mg-ptag .mgpt i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:18px;background:linear-gradient(135deg,#F7862B,#E8590C);color:#fff}\n.mg-ptag .mgpt small{display:block;font:500 12px Inter,sans-serif;color:#7A8394}\n.mg-why .elementor-icon-list-item{padding:14px 16px!important;border-radius:16px;background:#fff;border:1px solid #ECEFF4;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s}\n.mg-why .elementor-icon-list-item:hover{transform:translateX(8px);border-color:#F7862B}\n.pv-static .mg-kpi>.elementor-widget-wrap:before,.pv-static .mg-ptag .mgpt{animation:none}\n@media(max-width:767px){.mg-ptag{margin-left:0!important;margin-top:-60px!important}.mg-snum{top:20px;right:20px}}\n<\/style>\n<div class=\"mg-prog\" aria-hidden=\"true\"><\/div><div class=\"mg-cur\" aria-hidden=\"true\"><\/div><div class=\"mg-cur2\" aria-hidden=\"true\"><\/div>\n<div class=\"mg-intro\" aria-hidden=\"true\"><b><span style=\"--i:0\">M<\/span><span style=\"--i:1\">Y<\/span><span style=\"--i:2\">&nbsp;<\/span><span class=\"o\" style=\"--i:3\">G<\/span><span class=\"o\" style=\"--i:4\">R<\/span><span class=\"o\" style=\"--i:5\">A<\/span><span class=\"o\" style=\"--i:6\">F<\/span><span class=\"o\" style=\"--i:7\">I<\/span><span class=\"o\" style=\"--i:8\">K<\/span><\/b><small>Cr\u00e9ateur d\u2019identit\u00e9<\/small><i><\/i><\/div>\n<script>\n(function(){if(window.mgHomeFx)return;window.mgHomeFx=1;function init(){\n var D=document,H=D.documentElement,RM=window.matchMedia('(prefers-reduced-motion:reduce)').matches,ST=H.classList.contains('pv-static');\n \/* intro : une seule fois par visite *\/\n var intro=D.querySelector('.mg-intro'),seen=false;try{seen=sessionStorage.getItem('mgIntro')==='1';sessionStorage.setItem('mgIntro','1');}catch(e){}\n if(intro){if(seen||RM||ST||D.body.classList.contains('elementor-editor-active')){intro.remove();}else{D.body.appendChild(intro);setTimeout(function(){intro.classList.add('out');setTimeout(function(){intro.remove();},1100);},1300);}}\n \/* barre de progression + curseur : d\u00e9plac\u00e9s dans <body> pour rester au-dessus de tout *\/\n ['.mg-prog','.mg-cur','.mg-cur2'].forEach(function(s){var e=D.querySelector(s);if(e)D.body.appendChild(e);});\n var prog=D.querySelector('.mg-prog'),c1=D.querySelector('.mg-cur'),c2=D.querySelector('.mg-cur2');\n if(c1&&window.matchMedia('(hover:hover) and (pointer:fine)').matches&&!RM){\n  var x=innerWidth\/2,y=innerHeight\/2,x2=x,y2=y;\n  D.addEventListener('mousemove',function(e){x=e.clientX;y=e.clientY;H.classList.add('mg-cur-on');\n   var t=e.target.closest&&e.target.closest('[data-cursor],a,button,.elementor-button');\n   H.classList.toggle('mg-cur-view',!!(t&&t.hasAttribute('data-cursor')));H.classList.toggle('mg-cur-link',!!(t&&!t.hasAttribute('data-cursor')));\n   c2.textContent=t&&t.getAttribute('data-cursor')||'';});\n  D.addEventListener('mouseleave',function(){H.classList.remove('mg-cur-on');});\n  (function f(){x2+=(x-x2)*.18;y2+=(y-y2)*.18;c1.style.transform='translate('+x+'px,'+y+'px)';c2.style.transform='translate('+x2+'px,'+y2+'px)';requestAnimationFrame(f);})();\n }else{if(c1)c1.remove();if(c2)c2.remove();}\n \/* manifeste : d\u00e9coupe en mots *\/\n D.querySelectorAll('.mg-manif .elementor-heading-title').forEach(function(h){\n  (function walk(n){[].slice.call(n.childNodes).forEach(function(c){if(c.nodeType===3){var fr=D.createDocumentFragment();c.textContent.split(\/(\\s+)\/).forEach(function(w){if(!w)return;if(\/^\\s+$\/.test(w)){fr.appendChild(D.createTextNode(w));return;}var s=D.createElement('span');s.className='mw';s.textContent=w;fr.appendChild(s);});n.replaceChild(fr,c);}else if(c.nodeType===1)walk(c);});})(h);\n });\n var man=[].slice.call(D.querySelectorAll('.mg-manif')),pins=[].slice.call(D.querySelectorAll('[data-mgp]'));\n function tick(){var vh=innerHeight,sh=H.scrollHeight-vh;if(prog)prog.style.setProperty('--sp',sh>0?scrollY\/sh:0);\n  man.forEach(function(m){var r=m.getBoundingClientRect(),p=Math.min(1,Math.max(0,(vh*.85-r.top)\/(r.height+vh*.35))),ws=m.querySelectorAll('.mw'),n=ws.length;\n   for(var i=0;i<n;i++)ws[i].classList.toggle('on',ST||RM||i<p*n*1.05);});\n  pins.forEach(function(el){var r=el.getBoundingClientRect(),p=Math.min(1,Math.max(0,(vh*.75-r.top)\/(r.height)));el.style.setProperty('--p',p.toFixed(4));if(el.mgTick)el.mgTick(p,r);});\n }\n addEventListener('scroll',tick,{passive:true});addEventListener('resize',tick);addEventListener('load',tick);tick();window.mgTick=tick;\n}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a06f3fd elementor-widget elementor-widget-html\" data-id=\"3a06f3fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Hero H\u00e9bergement : texte ===== *\/\n.mghbh{font-family:Inter,sans-serif;color:#FFFFFF}\n.mghbh *{box-sizing:border-box}\n.mg-cur,.mg-cur2{display:none!important}\n.elementor-section.mg-gridbg{position:relative;overflow:hidden;overflow:clip;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0\/64px 64px,linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0\/64px 64px,#0B1222!important}\n.elementor-section.mg-gridbg:before,.elementor-section.mg-gridbg:after{display:none!important}\n.mghbh .bd{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 26px;padding:9px 16px;border-radius:999px;border:1px solid #2C3854;background:#141B2D;font:600 13.5px\/1.3 Inter,sans-serif;color:#C9D1E0}\n.mghbh .bd b{color:#FFFFFF}.mghbh .bd i{color:#F7862B}.mghbh .bd span{width:1px;height:14px;background:#2C3854}\n.mghbh h1{margin:0;font:800 88px\/.92 Inter,sans-serif;letter-spacing:-4px;color:#FFFFFF!important}\n.mghbh h1 em{display:block;white-space:nowrap;font-style:normal;color:#F7862B}\n.mghbh .sb{margin:24px 0 16px;max-width:560px;font:700 22px\/1.35 Inter,sans-serif;letter-spacing:-.4px;color:#FFFFFF}\n.mghbh .ld{margin:0 0 26px;max-width:560px;font:400 16.5px\/1.7 Inter,sans-serif;color:#C9D1E0}\n.mghbh .ld strong{color:#FFFFFF}\n.mghbh .pc{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;list-style:none}\n.mghbh .pc li{display:flex;align-items:center;gap:8px;margin:0;font:700 14px\/1 Inter,sans-serif;color:#C9D1E0}\n.mghbh .pc li i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1.5px solid #3A4663;color:#F7862B;font-size:13px}\n.mghbh .pc li.ar{color:#3A4663}\n.mghbh .pc li:last-child i{background:#E8590C;border-color:#E8590C;color:#FFFFFF}\n.mghbh .ct{display:flex;flex-wrap:wrap;gap:12px}\n.mghbh .ct a{display:inline-flex;align-items:center;gap:10px;padding:17px 28px;border-radius:14px;font:800 16px\/1 Inter,sans-serif;text-decoration:none;transition:transform .3s,background .3s,border-color .3s}\n.mghbh .ct a.p{background:#E8590C;color:#FFFFFF!important}.mghbh .ct a.p:hover{background:#C2410C;transform:translateY(-2px)}\n.mghbh .ct a.s{background:#141B2D;border:1.5px solid #26314A;color:#FFFFFF!important}.mghbh .ct a.s:hover{border-color:#F7862B;transform:translateY(-2px)}\n@media(max-width:1300px){.mghbh h1{font-size:80px;letter-spacing:-3.6px}}\n@media(max-width:767px){.mghbh h1{font-size:52px;letter-spacing:-2.2px}.mghbh .sb{font-size:18.5px}.mghbh .pc li.ar{display:none}.mghbh .pc{gap:10px 14px}.mghbh .ct a{flex:1 1 100%;justify-content:center}}\n.mghbh .in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;max-width:580px;margin:0 0 26px;padding:18px 0 0;list-style:none;border-top:1px solid #26314A}\n.mghbh .in li{display:flex;gap:10px;align-items:flex-start;margin:0;font:500 14px\/1.45 Inter,sans-serif;color:#C9D1E0}\n.mghbh .in li i{flex:none;margin-top:2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#E8590C;color:#FFFFFF;font-size:8px}\n.mghbh .in li b{color:#FFFFFF}\n.mghbh .nt{display:flex;align-items:center;gap:8px;margin:16px 0 0;font:600 13.5px\/1.4 Inter,sans-serif;color:#9AA3B5}\n.mghbh .nt i{color:#5FD39A}\n@media(max-width:767px){.mghbh .in{grid-template-columns:minmax(0,1fr)}}\n<\/style>\n<div class=\"mghbh\">\n <p class=\"bd\"><i class=\"fas fa-star\" aria-hidden=\"true\"><\/i><b>4,95 \/ 5<\/b> avis clients<span aria-hidden=\"true\"><\/span>H\u00e9bergement de site web \u00e0 Abidjan<\/p>\n <h1>H\u00e9bergement <em>site web.<\/em><\/h1>\n <p class=\"sb\">Un site rapide, s\u00e9curis\u00e9 et toujours en ligne.<\/p>\n <p class=\"ld\">My Grafik h\u00e9berge votre site sur des <strong>serveurs rapides et s\u00e9curis\u00e9s<\/strong>, avec votre <strong>nom de domaine, vos adresses e-mail professionnelles<\/strong>, le certificat SSL et des sauvegardes automatiques. Un seul interlocuteur \u00e0 Abidjan pour tout g\u00e9rer.<\/p>\n <ul class=\"in\" aria-label=\"Ce qui est inclus\">\n  <li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><span><b>Nom de domaine<\/b> .ci ou .com<\/span><\/li>\n  <li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><span><b>E-mails pro<\/b> \u00e0 votre nom<\/span><\/li>\n  <li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><span><b>Certificat SSL<\/b> (HTTPS)<\/span><\/li>\n  <li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><span><b>Sauvegardes<\/b> automatiques<\/span><\/li>\n  <li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><span><b>Migration<\/b> gratuite<\/span><\/li>\n  <li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><span><b>Support<\/b> local et r\u00e9actif<\/span><\/li>\n <\/ul>\n <div class=\"ct\"><a class=\"p\" href=\"#contact\">H\u00e9berger mon site <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><a class=\"s\" href=\"#forfaits\">Voir les offres <i class=\"fas fa-arrow-down\" aria-hidden=\"true\"><\/i><\/a><\/div>\n <p class=\"nt\"><i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i>Migration de votre site offerte \u00b7 D\u00e8s 6 000 FCFA \/ mois<\/p>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-48 elementor-top-column elementor-element elementor-element-7ede17d5\" data-id=\"7ede17d5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-36d4661c elementor-widget elementor-widget-html\" data-id=\"36d4661c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Hero H\u00e9bergement : l\u2019espace client ===== *\/\n.mghbv{position:relative;font-family:Inter,sans-serif;color:#141B2D;max-width:600px;margin-left:auto}\n.mghbv *{box-sizing:border-box}\n.mghbv .cd{padding:22px;border-radius:22px;background:#FFFFFF}\n.mghbv .dm{display:flex;align-items:center;gap:14px;margin:18px 0 16px;padding:0 0 16px;border-bottom:1px solid #EEF0F4}\n.mghbv .dm>i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#141B2D;color:#F7B267;font-size:18px}\n.mghbv .dm b{display:block;font:900 17px\/1.2 Inter,sans-serif}\n.mghbv .dm small{display:flex;align-items:center;gap:6px;margin-top:4px;font:600 12px\/1.3 Inter,sans-serif;color:#1F6F4A}\n.mghbv .dm em{margin-left:auto;display:flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#E7F6EE;color:#1F6F4A;font:800 11.5px\/1 Inter,sans-serif;font-style:normal}\n.mghbv .dm em:before{content:\"\";width:7px;height:7px;border-radius:50%;background:#2D9D5F;animation:mghbv-b 1.6s infinite}\n@keyframes mghbv-b{50%{opacity:.3}}\n.mghbv .gr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}\n.mghbv .gr div{padding:12px;border-radius:14px;background:#FFF8F2}\n.mghbv .gr small{display:block;font:800 10px\/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase;color:#9AA3B5}\n.mghbv .gr b{display:block;margin:8px 0 8px;font:900 18px\/1 Inter,sans-serif}\n.mghbv .gr b span{font:700 11px\/1 Inter,sans-serif;color:#7D8597}\n.mghbv .gr u{display:block;height:6px;border-radius:3px;background:#F1E2D2;overflow:hidden;text-decoration:none}\n.mghbv .gr u i{display:block;height:100%;border-radius:3px;background:#E8590C}\n.mghbv .ch{padding:14px;border-radius:14px;background:#141B2D;color:#C9D1E0}\n.mghbv .ch p{display:flex;justify-content:space-between;margin:0 0 8px;font:800 10.5px\/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;text-transform:uppercase}\n.mghbv .ch p b{font:900 13px\/1 Inter,sans-serif;letter-spacing:0;color:#5FD39A}\n.mghbv svg{display:block;width:100%;height:56px}\n.mghbv .ml{position:absolute;left:-28px;top:-24px;display:flex;align-items:center;gap:10px;max-width:270px;padding:12px 14px;border-radius:14px;background:#FFFFFF;border:1px solid #F1E2D2;font:600 11.5px\/1.35 Inter,sans-serif;color:#5B6475;animation:mghbv-f 4s ease-in-out infinite}\n@keyframes mghbv-f{50%{transform:translateY(-6px)}}\n.mghbv .ml>i{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#E8590C;color:#FFFFFF;font-size:13px}\n.mghbv .ml b{display:block;font:800 12.5px\/1.25 Inter,sans-serif;color:#141B2D}\n.mghbv .kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 0}\n.mghbv .kp div{padding:12px 14px;border-radius:14px;background:#141B2D;border:1px solid #26314A;color:#C9D1E0;font:600 11.5px\/1.3 Inter,sans-serif}\n.mghbv .kp b{display:block;margin-bottom:5px;font:800 19px\/1 Inter,sans-serif;color:#FFFFFF}\n.mghbv .kp div:first-child b{color:#F7B267}\n.mghbv .cp{margin:10px 0 0;font:500 12px\/1.4 Inter,sans-serif;color:#7D8597;text-align:right}\n@media(max-width:1024px){.mghbv{margin:40px auto 0}.mghbv .ml{left:auto;right:12px}}\n@media(max-width:560px){.mghbv .cd{padding:14px}.mghbv .dm em{display:none}.mghbv .gr{grid-template-columns:minmax(0,1fr)}.mghbv .ml{position:relative;right:auto;top:auto;max-width:none;margin:10px 0 0}.mghbv .kp b{font-size:16px}.mghbv .kp div{padding:10px}}\n@media(prefers-reduced-motion:reduce){.mghbv *{animation:none!important}}\n.pv-static .mghbv *{animation:none!important}\n<\/style>\n<div class=\"mghbv\" aria-hidden=\"true\">\n <div class=\"cd\">\n  <div class=\"dm\"><i class=\"fas fa-globe\"><\/i><div><b>votre-entreprise.ci<\/b><small><i class=\"fas fa-lock\"><\/i>Certificat SSL valide \u00b7 renouvel\u00e9 automatiquement<\/small><\/div><em>En ligne<\/em><\/div>\n  <div class=\"gr\">\n   <div><small>Stockage SSD<\/small><b>3,2 <span>\/ 10 Go<\/span><\/b><u><i style=\"width:32%\"><\/i><\/u><\/div>\n   <div><small>Adresses e-mail<\/small><b>4 <span>\/ 5<\/span><\/b><u><i style=\"width:80%\"><\/i><\/u><\/div>\n   <div><small>Sauvegardes<\/small><b>30 <span>jours<\/span><\/b><u><i style=\"width:100%;background:#2D9D5F\"><\/i><\/u><\/div>\n  <\/div>\n  <div class=\"ch\"><p>Temps de r\u00e9ponse \u00b7 en direct<b class=\"ms\">280 ms<\/b><\/p><svg viewBox=\"0 0 300 56\" preserveAspectRatio=\"none\"><polyline class=\"pl\" fill=\"none\" stroke=\"#F7862B\" stroke-width=\"2.5\" stroke-linejoin=\"round\" points=\"\"\/><\/svg><\/div>\n <\/div>\n <div class=\"ml\"><i class=\"fas fa-envelope\"><\/i><span><b>Nouveau message<\/b>sur contact@votre-entreprise.ci<\/span><\/div>\n <div class=\"kp\"><div><b>99,9 %<\/b>disponibilit\u00e9<\/div><div><b>SSD<\/b>serveurs rapides<\/div><div><b>Abidjan<\/b>support local<\/div><\/div>\n <p class=\"cp\">Espace client fictif, \u00e0 titre d\u2019illustration<\/p>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mghbv:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var pl=w.querySelector('.pl'),ms=w.querySelector('.ms'),P=[];for(var i=0;i<31;i++)P.push(26+Math.sin(i*.7)*8+Math.random()*8);\n function draw(){pl.setAttribute('points',P.map(function(v,i){return(i*10)+','+v.toFixed(1);}).join(' '));ms.textContent=Math.round(200+(56-P[P.length-1])*4)+' ms';}\n draw();\n if(document.documentElement.classList.contains('pv-static')||matchMedia('(prefers-reduced-motion:reduce)').matches)return;\n setInterval(function(){P.shift();P.push(Math.max(10,Math.min(48,P[P.length-1]+(Math.random()-.5)*12)));draw();},700);\n});})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-356a409e mg-cross elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"356a409e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-11a367eb\" data-id=\"11a367eb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3dbb8d38 elementor-widget elementor-widget-html\" data-id=\"3dbb8d38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.mgx2{position:relative;height:190px;overflow:hidden;font-family:Inter,sans-serif}\n.mgx2-b{position:absolute;left:-5%;width:110%;top:50%;padding:20px 0;overflow:hidden;white-space:nowrap}\n.mgx2-b.a{background:linear-gradient(90deg,#F7862B,#E8590C);transform:translateY(-50%) rotate(-3.2deg);z-index:2;box-shadow:0 20px 40px rgba(232,89,12,.3)}\n.mgx2-b.b{background:#141B2D;transform:translateY(-50%) rotate(2.6deg);z-index:1}\n.mgx2-t{display:inline-flex;gap:0;animation:mgx2 32s linear infinite}\n.mgx2-b.b .mgx2-t{animation-direction:reverse;animation-duration:40s}\n.mgx2-t span{display:inline-flex;align-items:center;gap:26px;padding-right:26px;font:800 30px Inter,sans-serif;letter-spacing:-.6px;color:#fff;text-transform:uppercase}\n.mgx2-t span em{font-style:normal;color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.85)}\n.mgx2-b.b .mgx2-t span em{-webkit-text-stroke-color:#F7862B}\n.mgx2-t span i{font-style:normal;font-size:22px;color:#FFD0AA}\n.mgx2-b.b .mgx2-t span i{color:#F7862B}\n.mgx2:hover .mgx2-t{animation-play-state:paused}\n@keyframes mgx2{to{transform:translateX(-50%)}}\n.pv-static .mgx2-t{animation:none}\n@media(max-width:767px){.mgx2{height:140px}.mgx2-b{padding:14px 0}.mgx2-t span{font-size:20px;gap:16px;padding-right:16px}}\n@media(prefers-reduced-motion:reduce){.mgx2-t{animation:none}}\n<\/style>\n<div class=\"mgx2\" aria-label=\"H\u00e9bergement, Nom de domaine, E-mails pro, SSL, Serveurs SSD, Sauvegardes, Migration offerte, Support, Rapide, S\u00e9curis\u00e9, Toujours en ligne, .ci & .com, Abidjan, Sans frais cach\u00e9s, Support local, \u00c9volutif\">\n <div class=\"mgx2-b a\"><div class=\"mgx2-t\" aria-hidden=\"true\">\n  <span>H\u00e9bergement<i>\u2726<\/i><\/span><span><em>Nom de domaine<\/em><i>\u2726<\/i><\/span><span>E-mails pro<i>\u2726<\/i><\/span><span><em>SSL<\/em><i>\u2726<\/i><\/span><span>Serveurs SSD<i>\u2726<\/i><\/span><span><em>Sauvegardes<\/em><i>\u2726<\/i><\/span><span>Migration offerte<i>\u2726<\/i><\/span><span><em>Support<\/em><i>\u2726<\/i><\/span>\n  <span>H\u00e9bergement<i>\u2726<\/i><\/span><span><em>Nom de domaine<\/em><i>\u2726<\/i><\/span><span>E-mails pro<i>\u2726<\/i><\/span><span><em>SSL<\/em><i>\u2726<\/i><\/span><span>Serveurs SSD<i>\u2726<\/i><\/span><span><em>Sauvegardes<\/em><i>\u2726<\/i><\/span><span>Migration offerte<i>\u2726<\/i><\/span><span><em>Support<\/em><i>\u2726<\/i><\/span>\n <\/div><\/div>\n <div class=\"mgx2-b b\"><div class=\"mgx2-t\" aria-hidden=\"true\">\n  <span>Rapide<i>\u25cf<\/i><\/span><span><em>S\u00e9curis\u00e9<\/em><i>\u25cf<\/i><\/span><span>Toujours en ligne<i>\u25cf<\/i><\/span><span><em>.ci &amp; .com<\/em><i>\u25cf<\/i><\/span><span>Abidjan<i>\u25cf<\/i><\/span><span><em>Sans frais cach\u00e9s<\/em><i>\u25cf<\/i><\/span><span>Support local<i>\u25cf<\/i><\/span><span><em>\u00c9volutif<\/em><i>\u25cf<\/i><\/span>\n  <span>Rapide<i>\u25cf<\/i><\/span><span><em>S\u00e9curis\u00e9<\/em><i>\u25cf<\/i><\/span><span>Toujours en ligne<i>\u25cf<\/i><\/span><span><em>.ci &amp; .com<\/em><i>\u25cf<\/i><\/span><span>Abidjan<i>\u25cf<\/i><\/span><span><em>Sans frais cach\u00e9s<\/em><i>\u25cf<\/i><\/span><span>Support local<i>\u25cf<\/i><\/span><span><em>\u00c9volutif<\/em><i>\u25cf<\/i><\/span>\n <\/div><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-57ce7065 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"57ce7065\" data-element_type=\"section\" data-e-type=\"section\" id=\"forfaits\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1cba6324\" data-id=\"1cba6324\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-76a411ba elementor-invisible elementor-widget elementor-widget-html\" data-id=\"76a411ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Offres d\u2019h\u00e9bergement ===== *\/\n.mghbf{font-family:Inter,sans-serif;color:#141B2D}\n.mghbf *{box-sizing:border-box}\n.mghbf .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;margin:0 0 30px}\n.mghbf .eb{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 12.5px\/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#E8590C}\n.mghbf .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mghbf h2{margin:0;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#141B2D!important}\n.mghbf h2 em{font-style:normal;color:#E8590C}\n.mghbf .top>div+div p{margin:0 0 18px;font:400 17px\/1.7 Inter,sans-serif;color:#5B6475}\n.mghbf .sw{display:inline-flex;padding:5px;border-radius:999px;background:#FFFFFF;border:1px solid #E6E9EF}\n.mghbf .sw button{padding:11px 20px;border:0;border-radius:999px;background:none;color:#5B6475;font:800 14px\/1 Inter,sans-serif;cursor:pointer;transition:background .3s,color .3s}\n.mghbf .sw button[aria-pressed=\"true\"]{background:#141B2D;color:#FFFFFF}\n.mghbf .sw button:focus-visible{outline:2px solid #E8590C;outline-offset:2px}\n.mghbf .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;list-style:none;margin:0;padding:0}\n.mghbf .g>li{position:relative;display:flex;flex-direction:column;margin:0;padding:30px 28px;border-radius:26px;background:#FFFFFF;border:1px solid #E6E9EF}\n.mghbf .g>li.pop{background:#141B2D;border-color:#141B2D;color:#FFFFFF}\n.mghbf .tg{position:absolute;top:-13px;left:28px;padding:7px 12px;border-radius:999px;background:#E8590C;color:#FFFFFF;font:800 10.5px\/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase}\n.mghbf .hd{display:flex;align-items:center;gap:12px;margin:0 0 14px}\n.mghbf .hd>i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#FFF4E8;color:#E8590C;font-size:18px}\n.mghbf .pop .hd>i{background:#E8590C;color:#FFFFFF}\n.mghbf h3{margin:0;font:900 21px\/1.15 Inter,sans-serif;letter-spacing:-.4px;color:inherit!important}\n.mghbf .g>li>p{margin:0 0 20px;font:500 14.5px\/1.5 Inter,sans-serif;color:#5B6475}\n.mghbf .pop>p{color:#C9D1E0!important}\n.mghbf .pr{padding:18px 0;border-top:1px solid #EEF0F4;border-bottom:1px solid #EEF0F4;margin:0 0 18px}\n.mghbf .pop .pr{border-color:#2C3650}\n.mghbf .pr small{display:block;font:700 12px\/1 Inter,sans-serif;color:#9AA3B5}\n.mghbf .pr b{display:flex;align-items:baseline;gap:6px;margin:6px 0 6px;font:900 40px\/1 Inter,sans-serif;letter-spacing:-1.6px}\n.mghbf .pr b span.per{font:700 13px\/1 Inter,sans-serif;letter-spacing:0;color:#7D8597}\n.mghbf .pop .pr b span.per{color:#C9D1E0}\n.mghbf .pr em{display:block;font:700 12.5px\/1.3 Inter,sans-serif;font-style:normal;color:#1F6F4A}\n.mghbf .pop .pr em{color:#5FD39A}\n.mghbf ul.it{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:9px}\n.mghbf ul.it li{display:flex;gap:10px;align-items:flex-start;margin:0;font:600 14px\/1.4 Inter,sans-serif}\n.mghbf ul.it li i{flex:none;margin-top:2px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#FFF4E8;color:#E8590C;font-size:8px}\n.mghbf .pop ul.it li i{background:#E8590C;color:#FFFFFF}\n.mghbf .g>li>a{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 18px;border-radius:14px;border:1.5px solid #141B2D;color:#141B2D!important;font:800 14.5px\/1 Inter,sans-serif;text-decoration:none;transition:background .3s,color .3s}\n.mghbf .g>li>a:hover{background:#141B2D;color:#FFFFFF!important}\n.mghbf .pop>a{background:#E8590C;border-color:#E8590C!important;color:#FFFFFF!important}\n.mghbf .pop>a:hover{background:#C2410C!important}\n.mghbf .no{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin:24px 0 0;font:600 14px\/1.4 Inter,sans-serif;color:#5B6475}\n.mghbf .no span{display:flex;align-items:center;gap:8px}\n.mghbf .no i{color:#E8590C}\n@media(max-width:1100px){.mghbf .top{grid-template-columns:minmax(0,1fr);gap:20px}.mghbf .g{grid-template-columns:minmax(0,1fr);max-width:560px;gap:24px}}\n@media(max-width:640px){.mghbf h2{font-size:36px;letter-spacing:-1.2px}.mghbf .g>li{padding:24px 20px}.mghbf .pr b{font-size:34px}.mghbf .no{justify-content:flex-start;flex-direction:column}}\n<\/style>\n<div class=\"mghbf\">\n <div class=\"top\">\n  <div><p class=\"eb\">Nos offres<\/p><h2>Nos offres <em>d\u2019h\u00e9bergement<\/em><\/h2><\/div>\n  <div><p>Nom de domaine, e-mails professionnels, SSL et sauvegardes : tout est compris. Payez au mois, ou \u00e0 l\u2019ann\u00e9e avec 2 mois offerts.<\/p>\n   <div class=\"sw\" role=\"group\" aria-label=\"Afficher les tarifs\"><button type=\"button\" aria-pressed=\"true\" data-p=\"m\">Mensuel<\/button><button type=\"button\" aria-pressed=\"false\" data-p=\"a\">Annuel <small style=\"margin-left:6px;padding:3px 7px;border-radius:999px;background:#E7F6EE;color:#1F6F4A;font:800 10.5px\/1 Inter,sans-serif\">\u22122 mois<\/small><\/button><\/div><\/div>\n <\/div>\n <ul class=\"g\" aria-live=\"polite\">\n  <li><div class=\"hd\"><i class=\"fas fa-store\" aria-hidden=\"true\"><\/i><h3>H\u00e9bergement Essentiel<\/h3><\/div><p>Pour un site vitrine rapide et s\u00e9curis\u00e9.<\/p>\n   <div class=\"pr\"><small class=\"u\" data-m=\"Par mois\" data-a=\"Par an\">Par mois<\/small><b><span class=\"v\" data-m=\"6 000\" data-a=\"60 000\">6 000<\/span><span class=\"per\" data-m=\"FCFA \/ mois\" data-a=\"FCFA \/ an\">FCFA \/ mois<\/span><\/b><em class=\"eq\" data-m=\"Soit 72 000 FCFA \/ an sans engagement\" data-a=\"2 mois offerts : 12 000 FCFA d\u2019\u00e9conomie\">Soit 72 000 FCFA \/ an sans engagement<\/em><\/div>\n   <ul class=\"it\"><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Nom de domaine .ci ou .com inclus<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>10 Go d\u2019espace SSD<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>5 adresses e-mail professionnelles<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Certificat SSL (HTTPS)<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Sauvegardes hebdomadaires<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Migration gratuite<\/li><\/ul>\n   <a href=\"#contact\">Choisir cette offre <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/li>\n  <li class=\"pop\"><span class=\"tg\">Le plus choisi<\/span><div class=\"hd\"><i class=\"fas fa-shopping-cart\" aria-hidden=\"true\"><\/i><h3>H\u00e9bergement Business<\/h3><\/div><p>Pour une boutique en ligne ou un site \u00e0 fort trafic.<\/p>\n   <div class=\"pr\"><small class=\"u\" data-m=\"Par mois\" data-a=\"Par an\">Par mois<\/small><b><span class=\"v\" data-m=\"12 000\" data-a=\"120 000\">12 000<\/span><span class=\"per\" data-m=\"FCFA \/ mois\" data-a=\"FCFA \/ an\">FCFA \/ mois<\/span><\/b><em class=\"eq\" data-m=\"Soit 144 000 FCFA \/ an sans engagement\" data-a=\"2 mois offerts : 24 000 FCFA d\u2019\u00e9conomie\">Soit 144 000 FCFA \/ an sans engagement<\/em><\/div>\n   <ul class=\"it\"><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Nom de domaine .ci ou .com inclus<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>30 Go d\u2019espace SSD<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>20 adresses e-mail professionnelles<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Certificat SSL (HTTPS)<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Sauvegardes quotidiennes<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Optimis\u00e9 pour WooCommerce<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Migration gratuite<\/li><\/ul>\n   <a href=\"#contact\">Choisir cette offre <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/li>\n  <li><div class=\"hd\"><i class=\"fas fa-server\" aria-hidden=\"true\"><\/i><h3>Serveur d\u00e9di\u00e9 (VPS)<\/h3><\/div><p>Des ressources r\u00e9serv\u00e9es pour les projets exigeants.<\/p>\n   <div class=\"pr\"><small class=\"u\" data-m=\"\u00c0 partir de\" data-a=\"Tarif annuel\">\u00c0 partir de<\/small><b><span class=\"v\" data-m=\"35 000\" data-a=\"Sur devis\">35 000<\/span><span class=\"per\" data-m=\"FCFA \/ mois\" data-a=\"\">FCFA \/ mois<\/span><\/b><em class=\"eq\" data-m=\"Configuration selon vos besoins\" data-a=\"Configuration selon vos besoins\">Configuration selon vos besoins<\/em><\/div>\n   <ul class=\"it\"><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Ressources d\u00e9di\u00e9es (processeur, m\u00e9moire)<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Espace SSD et e-mails selon besoin<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Certificat SSL et pare-feu<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Sauvegardes quotidiennes<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Surveillance 24 h\/24<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Migration et mise en place incluses<\/li><\/ul>\n   <a href=\"#contact\">Demander un devis <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/li>\n <\/ul>\n <p class=\"no\"><span><i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i>Tarifs nets, sans frais cach\u00e9s<\/span><span><i class=\"fas fa-exchange-alt\" aria-hidden=\"true\"><\/i>Changement d\u2019offre \u00e0 tout moment<\/span><span><i class=\"fas fa-truck-moving\" aria-hidden=\"true\"><\/i>Migration de votre site offerte<\/span><\/p>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mghbf:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var B=[].slice.call(w.querySelectorAll('.sw button'));\n B.forEach(function(b){b.addEventListener('click',function(){var p=b.dataset.p;B.forEach(function(x){x.setAttribute('aria-pressed',x===b);});\n  w.querySelectorAll('[data-m]').forEach(function(e){e.textContent=e.dataset[p];});});});\n});})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5fe25f5f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5fe25f5f\" data-element_type=\"section\" data-e-type=\"section\" id=\"pourquoi\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4f71b120\" data-id=\"4f71b120\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-21cd7a41 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"21cd7a41\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Pourquoi nous choisir : h\u00e9bergement ===== *\/\n.mghby{font-family:Inter,sans-serif;color:#141B2D}\n.mghby *{box-sizing:border-box}\n.mghby .w{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:start}\n.mghby .ph{position:sticky;top:110px}\n.mghby .ph img{display:block;width:100%;aspect-ratio:4\/4.8;object-fit:cover;border-radius:28px}\n.mghby .ph .bd{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;background:#141B2D;color:#C9D1E0;font:600 13px\/1.35 Inter,sans-serif}\n.mghby .ph .bd>i{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#E8590C;color:#FFFFFF;font-size:18px}\n.mghby .ph .bd b{display:block;font:900 18px\/1.15 Inter,sans-serif;color:#FFFFFF}\n.mghby .eb{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 12.5px\/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#E8590C}\n.mghby .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mghby h2{margin:0 0 16px;font:800 46px\/1.08 Inter,sans-serif;letter-spacing:-1.5px;color:#141B2D!important}\n.mghby h2 em{font:italic 600 1em\/1 Lora,Georgia,serif;letter-spacing:-.5px;color:#E8590C}\n.mghby .ld{margin:0 0 24px;font:400 16.5px\/1.7 Inter,sans-serif;color:#5B6475}\n.mghby .ld strong{color:#141B2D}\n.mghby ol{list-style:none;margin:0 0 20px;padding:0;counter-reset:e}\n.mghby ol li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;margin:0;padding:18px 0;border-top:1px solid #EEF0F4}\n.mghby ol li:last-child{border-bottom:1px solid #EEF0F4}\n.mghby ol li>i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#FFF4E8;color:#E8590C;font-size:18px}\n.mghby ol li b{display:block;margin:2px 0 4px;font:800 17px\/1.25 Inter,sans-serif}\n.mghby ol li span{display:block;font:400 14.5px\/1.55 Inter,sans-serif;color:#5B6475}\n.mghby .seo{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:22px;border-radius:20px;background:#141B2D;color:#C9D1E0}\n.mghby .seo b{display:block;margin:0 0 6px;font:800 17px\/1.25 Inter,sans-serif;color:#FFFFFF}\n.mghby .seo p{margin:0;font:400 14px\/1.55 Inter,sans-serif}\n.mghby .seo a{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:12px;background:#E8590C;color:#FFFFFF!important;font:800 14px\/1 Inter,sans-serif;text-decoration:none;white-space:nowrap;transition:background .3s}\n.mghby .seo a:hover{background:#C2410C}\n@media(max-width:1100px){.mghby .w{grid-template-columns:minmax(0,1fr);gap:40px}.mghby .ph{position:relative;top:auto;max-width:520px;width:100%;margin:0 auto}}\n@media(max-width:640px){.mghby h2{font-size:34px;letter-spacing:-1.1px}.mghby .ph .bd{left:10px;right:10px;bottom:10px}.mghby .seo{grid-template-columns:minmax(0,1fr)}.mghby .seo a{justify-content:center}}\n<\/style>\n <div class=\"mghby\">\n <div class=\"w\">\n  <div class=\"ph\"><img decoding=\"async\" src=\"https:\/\/my-grafik.com\/wp-content\/uploads\/mygrafik-image-cache\/6e0bd0061d7738f5c6b9de092694f9645953b00f8857f8b7caacc399d3a93c9a.webp\" alt=\"L\u2019\u00e9quipe My Grafik, h\u00e9bergement et support de sites web \u00e0 Abidjan\"><div class=\"bd\"><i class=\"fas fa-headset\" aria-hidden=\"true\"><\/i><span><b>Un support \u00e0 Abidjan<\/b>qui vous r\u00e9pond, en fran\u00e7ais<\/span><\/div><\/div>\n  <div>\n   <p class=\"eb\">Pourquoi nous choisir<\/p>\n   <h2>Pourquoi h\u00e9berger votre site chez <em>My Grafik<\/em>&nbsp;?<\/h2>\n   <p class=\"ld\">Chez un h\u00e9bergeur classique, vous \u00eates seul face \u00e0 un panneau technique. Chez My Grafik, <strong>nous installons, surveillons et g\u00e9rons tout pour vous<\/strong>, et vous avez un interlocuteur qui conna\u00eet votre site.<\/p>\n   <ol>\n    <li><i class=\"fas fa-bolt\" aria-hidden=\"true\"><\/i><div><b>Des serveurs rapides<\/b><span>Disques SSD et cache optimis\u00e9 : vos pages s\u2019affichent vite, m\u00eame sur mobile.<\/span><\/div><\/li>\n    <li><i class=\"fas fa-shield-alt\" aria-hidden=\"true\"><\/i><div><b>Une s\u00e9curit\u00e9 incluse<\/b><span>Certificat SSL, pare-feu et sauvegardes automatiques, sans option \u00e0 payer en plus.<\/span><\/div><\/li>\n    <li><i class=\"fas fa-layer-group\" aria-hidden=\"true\"><\/i><div><b>Tout au m\u00eame endroit<\/b><span>Site, nom de domaine et adresses e-mail r\u00e9unis, avec une seule facture.<\/span><\/div><\/li>\n    <li><i class=\"fas fa-truck-moving\" aria-hidden=\"true\"><\/i><div><b>Une migration sans coupure<\/b><span>Nous transf\u00e9rons votre site et vos e-mails depuis votre h\u00e9bergeur actuel.<\/span><\/div><\/li>\n    <li><i class=\"fas fa-user-friends\" aria-hidden=\"true\"><\/i><div><b>Un vrai interlocuteur<\/b><span>Une \u00e9quipe locale et r\u00e9active, joignable par t\u00e9l\u00e9phone et WhatsApp.<\/span><\/div><\/li>\n   <\/ol>\n   <div class=\"seo\"><div><b>Envie d\u2019aller plus loin&nbsp;?<\/b><p>Associez votre h\u00e9bergement \u00e0 notre maintenance : mises \u00e0 jour, surveillance et petites interventions incluses.<\/p><\/div><a href=\"https:\/\/my-grafik.com\/maintenance-web\/\">D\u00e9couvrir la maintenance <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/div>\n  <\/div>\n <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-53e0ff4a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"53e0ff4a\" data-element_type=\"section\" data-e-type=\"section\" id=\"comparatif\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-28967f4f\" data-id=\"28967f4f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-651f32a2 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"651f32a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Votre site tourne\u2026 : sans \/ avec maintenance ===== *\/\n.mghbs{font-family:Inter,sans-serif;color:#141B2D}\n.mghbs *{box-sizing:border-box}\n.mghbs .top{max-width:820px;margin:0 auto 34px;text-align:center}\n.mghbs .eb{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;font:800 12.5px\/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#E8590C}\n.mghbs .eb:before,.mghbs .eb:after{content:\"\";width:34px;height:2px;background:#E8590C}\n.mghbs h2{margin:0 0 16px;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#141B2D!important}\n.mghbs h2 em{font-style:normal;color:#E8590C}\n.mghbs .top>p:not(.eb){margin:0 0 24px;font:400 17px\/1.7 Inter,sans-serif;color:#5B6475}\n.mghbs .sw{display:inline-flex;padding:5px;border-radius:999px;background:#FFFFFF;border:1px solid #F1E2D2}\n.mghbs .sw button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:0;border-radius:999px;background:none;color:#5B6475;font:800 14px\/1 Inter,sans-serif;cursor:pointer;transition:background .3s,color .3s}\n.mghbs .sw button[aria-pressed=\"true\"]{background:#B42318;color:#FFFFFF}\n.mghbs.ok .sw button[aria-pressed=\"true\"]{background:#2D9D5F}\n.mghbs .sw button:focus-visible{outline:2px solid #E8590C;outline-offset:2px}\n.mghbs .bx{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;align-items:stretch}\n.mghbs .br{border-radius:20px;background:#FFFFFF;border:1px solid #F1E2D2;overflow:hidden}\n.mghbs .tb{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#F6F7FA;border-bottom:1px solid #EEF0F4}\n.mghbs .tb>i{width:10px;height:10px;border-radius:50%;background:#D5DAE3}\n.mghbs .tb span{flex:1;margin-left:6px;padding:7px 12px;border-radius:8px;background:#FFFFFF;font:600 12px\/1 Inter,sans-serif;color:#5B6475}\n.mghbs .tb span b{margin-right:6px;color:#B42318}\n.mghbs.ok .tb span b{color:#1F6F4A}\n.mghbs .vp{position:relative;height:300px;padding:16px;display:flex;flex-direction:column;gap:10px}\n.mghbs .vp .h{height:22px;border-radius:7px;background:#141B2D}\n.mghbs .vp .hr{flex:1;border-radius:12px;background:linear-gradient(135deg,#F7862B,#C2410C);transition:filter .5s,transform .5s}\n.mghbs .vp .cd{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;height:60px}\n.mghbs .vp .cd i{border-radius:10px;background:#F6F7FA;transition:transform .5s}\n.mghbs .er{position:absolute;left:50%;top:50%;width:250px;margin:-60px 0 0 -125px;padding:20px;border-radius:16px;background:#FFFFFF;border:2px solid #B42318;text-align:center;transition:opacity .4s,transform .4s}\n.mghbs .er b{display:block;font:900 26px\/1 Inter,sans-serif;color:#B42318}\n.mghbs .er small{display:block;margin-top:8px;font:600 13px\/1.4 Inter,sans-serif;color:#3A4356}\n.mghbs:not(.ok) .vp .hr{filter:grayscale(1) brightness(.75);transform:rotate(-2deg)}\n.mghbs:not(.ok) .vp .cd i:nth-child(1){transform:rotate(4deg) translateY(6px)}\n.mghbs:not(.ok) .vp .cd i:nth-child(3){transform:rotate(-5deg) translateY(4px)}\n.mghbs.ok .er{opacity:0;transform:scale(.9)}\n.mghbs .mt{display:flex;flex-direction:column;gap:10px}\n.mghbs .mt div{flex:1;display:flex;flex-direction:column;justify-content:center;padding:18px 20px;border-radius:18px;background:#141B2D;color:#C9D1E0}\n.mghbs .mt small{font:800 11px\/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#9AA3B5}\n.mghbs .mt b{display:block;margin:8px 0 10px;font:900 22px\/1.1 Inter,sans-serif;letter-spacing:-.6px;color:#FFFFFF}\n.mghbs .mt span{display:block;height:6px;border-radius:3px;background:#2C3650;overflow:hidden}\n.mghbs .mt span i{display:block;height:100%;border-radius:3px;background:#E5484D;transition:width .6s,background .6s}\n.mghbs.ok .mt span i{background:#2D9D5F}\n.mghbs .ft{margin:20px auto 0;max-width:720px;text-align:center;font:500 16px\/1.6 Inter,sans-serif;color:#3A4356}\n.mghbs .ft strong{color:#141B2D}\n@media(max-width:900px){.mghbs .bx{grid-template-columns:minmax(0,1fr)}.mghbs .mt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}\n@media(max-width:640px){.mghbs h2{font-size:34px;letter-spacing:-1.1px}.mghbs .eb:after{display:none}.mghbs .sw button{padding:11px 14px;font-size:13px}.mghbs .vp{height:240px}.mghbs .er{width:210px;margin-left:-105px;padding:14px}.mghbs .mt{grid-template-columns:minmax(0,1fr)}.mghbs .mt div{padding:14px 16px}.mghbs .mt b{font-size:22px}}\n@media(prefers-reduced-motion:reduce){.mghbs *{transition:none!important}}\n<\/style>\n<div class=\"mghbs ok\">\n <div class=\"top\">\n  <p class=\"eb\">Le bon h\u00e9bergement<\/p>\n  <h2>Votre site est-il <em>bien h\u00e9berg\u00e9&nbsp;?<\/em><\/h2>\n  <p>Un h\u00e9bergement au rabais se paie autrement : pages lentes, avertissements de s\u00e9curit\u00e9, e-mails qui tombent en spam\u2026 et des visiteurs qui partent. Comparez.<\/p>\n  <div class=\"sw\" role=\"group\" aria-label=\"Comparer\"><button type=\"button\" aria-pressed=\"false\"><i class=\"fas fa-exclamation-triangle\" aria-hidden=\"true\"><\/i>H\u00e9bergement bas de gamme<\/button><button type=\"button\" aria-pressed=\"true\"><i class=\"fas fa-rocket\" aria-hidden=\"true\"><\/i>H\u00e9berg\u00e9 par My Grafik<\/button><\/div>\n <\/div>\n <div class=\"bx\" aria-live=\"polite\">\n  <div class=\"br\" aria-hidden=\"true\"><div class=\"tb\"><i><\/i><i><\/i><i><\/i><span><b class=\"st\" data-a=\"\u26a0 Non s\u00e9curis\u00e9\" data-b=\"\ud83d\udd12 S\u00e9curis\u00e9\">\ud83d\udd12 S\u00e9curis\u00e9<\/b>votre-site.ci<\/span><\/div><div class=\"vp\"><div class=\"h\"><\/div><div class=\"hr\"><\/div><div class=\"cd\"><i><\/i><i><\/i><i><\/i><\/div><div class=\"er\"><b>Chargement\u2026<\/b><small>Le site met trop de temps \u00e0 r\u00e9pondre<\/small><\/div><\/div><\/div>\n  <div class=\"mt\">\n   <div><small>Temps de chargement<\/small><b data-a=\"6,5 s\" data-b=\"1,1 s\">1,1 s<\/b><span><i data-a=\"20%\" data-b=\"100%\" style=\"width:100%\"><\/i><\/span><\/div>\n   <div><small>Disponibilit\u00e9<\/small><b data-a=\"Coupures fr\u00e9quentes\" data-b=\"99,9 %\">99,9 %<\/b><span><i data-a=\"15%\" data-b=\"92%\" style=\"width:92%\"><\/i><\/span><\/div>\n   <div><small>Support<\/small><b data-a=\"Ticket, sans d\u00e9lai\" data-b=\"WhatsApp, sous 24 h\">WhatsApp, sous 24 h<\/b><span><i data-a=\"4%\" data-b=\"100%\" style=\"width:100%\"><\/i><\/span><\/div>\n  <\/div>\n <\/div>\n <p class=\"ft\" data-a=\"Serveurs surcharg\u00e9s, pas de SSL, aucun interlocuteur : &lt;strong&gt;chaque seconde de chargement vous co\u00fbte des&amp;nbsp;clients.&lt;\/strong&gt;\" data-b=\"Serveurs SSD, SSL et support local : &lt;strong&gt;votre site s\u2019affiche vite et inspire&amp;nbsp;confiance.&lt;\/strong&gt;\">Serveurs SSD, SSL et support local : <strong>votre site s\u2019affiche vite et inspire&nbsp;confiance.<\/strong><\/p>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mghbs:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var B=[].slice.call(w.querySelectorAll('.sw button')),t,user=false,on=true;\n function set(v){on=v;w.classList.toggle('ok',v);B.forEach(function(b,i){b.setAttribute('aria-pressed',(i===1)===v);});var k=v?'b':'a';\n  w.querySelectorAll('.st,.mt b').forEach(function(e){e.textContent=e.dataset[k];});\n  w.querySelectorAll('.mt span i').forEach(function(e){e.style.width=e.dataset[k];});\n  var f=w.querySelector('.ft');f.innerHTML=f.dataset[k];}\n B.forEach(function(b,i){b.addEventListener('click',function(){user=true;clearInterval(t);set(i===1);});});\n if(document.documentElement.classList.contains('pv-static')||matchMedia('(prefers-reduced-motion:reduce)').matches||!('IntersectionObserver' in window))return;\n new IntersectionObserver(function(e){clearInterval(t);if(!e[0].isIntersecting||user)return;set(false);t=setInterval(function(){set(!on);},3200);},{threshold:.35}).observe(w);\n});})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5b4ae0d6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5b4ae0d6\" data-element_type=\"section\" data-e-type=\"section\" id=\"inclus\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7cea2f9b\" data-id=\"7cea2f9b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-33e6b6db elementor-invisible elementor-widget elementor-widget-html\" data-id=\"33e6b6db\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Ce qui est inclus dans l\u2019h\u00e9bergement ===== *\/\n.mghbi{font-family:Inter,sans-serif;color:#141B2D}\n.mghbi *{box-sizing:border-box}\n.mghbi .w{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}\n.mghbi .sk{position:sticky;top:110px}\n.mghbi .eb{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 12.5px\/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#E8590C}\n.mghbi .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mghbi h2{margin:0 0 18px;font:800 46px\/1.08 Inter,sans-serif;letter-spacing:-1.5px;color:#141B2D!important}\n.mghbi h2 em{font-style:normal;color:#E8590C}\n.mghbi .sk>p:not(.eb){margin:0 0 14px;font:400 16px\/1.7 Inter,sans-serif;color:#5B6475}\n.mghbi .sk strong{color:#141B2D}\n.mghbi .bt{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:16px 26px;border-radius:14px;background:#E8590C;color:#FFFFFF!important;font:800 15px\/1 Inter,sans-serif;text-decoration:none;transition:background .3s}\n.mghbi .bt:hover{background:#C2410C}\n.mghbi .cn{border-radius:26px;background:#FFFFFF;border:1px solid #F1E2D2;overflow:hidden}\n.mghbi .cn>p{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:18px 24px;background:#141B2D;color:#FFFFFF;font:800 15px\/1.2 Inter,sans-serif}\n.mghbi .cn>p span{display:flex;align-items:center;gap:8px;font:700 12px\/1 Inter,sans-serif;color:#F7B267}\n.mghbi ol{list-style:none;margin:0;padding:6px 10px 10px}\n.mghbi ol li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;margin:0;padding:16px 14px;border-radius:16px;transition:background .3s}\n.mghbi ol li+li{border-top:1px solid #F4EFE9}\n.mghbi ol li:hover{background:#FFF8F2}\n.mghbi ol li>i{position:relative;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#FFF4E8;color:#E8590C;font-size:19px}\n.mghbi ol li>i:after{content:\"\u2713\";position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#2D9D5F;color:#FFFFFF;border:2px solid #FFFFFF;font:900 9px\/1 Inter,sans-serif}\n.mghbi h3{margin:0 0 4px;font:800 17px\/1.25 Inter,sans-serif;color:#141B2D!important}\n.mghbi ol li p{margin:0;font:400 14.5px\/1.5 Inter,sans-serif;color:#5B6475}\n.mghbi ol li em{padding:7px 11px;border-radius:999px;background:#F4EFE9;font:800 11.5px\/1 Inter,sans-serif;font-style:normal;color:#3A4356;white-space:nowrap}\n@media(max-width:1100px){.mghbi .w{grid-template-columns:minmax(0,1fr);gap:34px}.mghbi .sk{position:static}}\n@media(max-width:640px){.mghbi h2{font-size:34px;letter-spacing:-1.1px}.mghbi ol li{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px 8px}.mghbi ol li>i{width:44px;height:44px;font-size:16px}.mghbi ol li em{grid-column:2;justify-self:start}.mghbi .cn>p{padding:16px 18px}.mghbi .bt{width:100%;justify-content:center}}\n<\/style>\n<div class=\"mghbi\">\n <div class=\"w\">\n  <div class=\"sk\">\n   <p class=\"eb\">Ce qui est inclus<\/p>\n   <h2>Tout ce qu\u2019il faut pour <em>\u00eatre en ligne<\/em><\/h2>\n   <p>Un site internet a besoin de plusieurs \u00e9l\u00e9ments pour fonctionner : un <strong>espace sur un serveur<\/strong>, une <strong>adresse<\/strong> (le nom de domaine), des <strong>e-mails<\/strong> et une <strong>connexion s\u00e9curis\u00e9e<\/strong>.<\/p>\n   <p>Avec My Grafik, tout est r\u00e9uni dans une seule offre : <strong>vous n\u2019avez rien \u00e0 configurer<\/strong>, nous nous occupons de tout.<\/p>\n   <a class=\"bt\" href=\"#forfaits\">Voir les offres <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n  <\/div>\n  <div class=\"cn\">\n   <p>Inclus dans votre h\u00e9bergement<span><i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i>6 services<\/span><\/p>\n   <ol>\n    <li><i class=\"fas fa-globe\" aria-hidden=\"true\"><\/i><div><h3>Nom de domaine<\/h3><p>Votre adresse .ci ou .com, r\u00e9serv\u00e9e et renouvel\u00e9e pour vous.<\/p><\/div><em>.ci \u00b7 .com<\/em><\/li>\n    <li><i class=\"fas fa-envelope\" aria-hidden=\"true\"><\/i><div><h3>Adresses e-mail professionnelles<\/h3><p>contact@votre-entreprise.ci, sur ordinateur et smartphone.<\/p><\/div><em>5 \u00e0 20 comptes<\/em><\/li>\n    <li><i class=\"fas fa-lock\" aria-hidden=\"true\"><\/i><div><h3>Certificat SSL (HTTPS)<\/h3><p>Le cadenas qui rassure vos visiteurs et Google.<\/p><\/div><em>Renouvel\u00e9 auto.<\/em><\/li>\n    <li><i class=\"fas fa-cloud-upload-alt\" aria-hidden=\"true\"><\/i><div><h3>Sauvegardes automatiques<\/h3><p>Votre site et vos e-mails restaurables en cas de probl\u00e8me.<\/p><\/div><em>Hebdo. ou quotidiennes<\/em><\/li>\n    <li><i class=\"fas fa-truck-moving\" aria-hidden=\"true\"><\/i><div><h3>Migration gratuite<\/h3><p>Nous transf\u00e9rons votre site existant, sans coupure.<\/p><\/div><em>Offerte<\/em><\/li>\n    <li><i class=\"fas fa-headset\" aria-hidden=\"true\"><\/i><div><h3>Support local<\/h3><p>Une \u00e9quipe \u00e0 Abidjan, joignable par t\u00e9l\u00e9phone et WhatsApp.<\/p><\/div><em>Sous 24 h<\/em><\/li>\n   <\/ol>\n  <\/div>\n <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-330f8274 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"330f8274\" data-element_type=\"section\" data-e-type=\"section\" id=\"types\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7a89bc0a\" data-id=\"7a89bc0a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-36b4141b elementor-invisible elementor-widget elementor-widget-html\" data-id=\"36b4141b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Les types d\u2019h\u00e9bergement ===== *\/\n.mghbt{font-family:Inter,sans-serif;color:#FFFFFF}\n.mghbt *{box-sizing:border-box}\n.mghbt .top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin:0 0 40px}\n.mghbt .eb{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 12.5px\/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#F7B267}\n.mghbt .eb:before{content:\"\";width:34px;height:2px;background:#F7B267}\n.mghbt h2{margin:0;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#FFFFFF!important}\n.mghbt h2 em{font-style:normal;color:#F7B267}\n.mghbt .top>div+div p{margin:0;font:400 16.5px\/1.7 Inter,sans-serif;color:#C9D1E0}\n.mghbt .top strong{color:#FFFFFF}\n.mghbt .tl{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 14px}\n.mghbt .tl:before{content:\"\";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,#2D9D5F,#E8590C 50%,#F7B267)}\n.mghbt .tl span{position:relative;justify-self:start;padding:8px 14px;border-radius:999px;background:#141B2D;border:1.5px solid #2C3650;font:800 12px\/1 Inter,sans-serif;color:#C9D1E0}\n.mghbt .tl span b{color:#FFFFFF}\n.mghbt .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}\n.mghbt .g>li{display:flex;flex-direction:column;margin:0;padding:28px;border-radius:24px;background:#222B3F;border:1px solid #2C3650;transition:border-color .3s,transform .3s}\n.mghbt .g>li:hover{border-color:var(--c);transform:translateY(-4px)}\n.mghbt .hd{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}\n.mghbt .hd>i{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--c);color:#FFFFFF;font-size:22px}\n.mghbt .hd small{font:900 40px\/1 Inter,sans-serif;letter-spacing:-2px;color:transparent;-webkit-text-stroke:1.5px #4A5470}\n.mghbt .vb{display:inline-block;align-self:flex-start;margin:0 0 10px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.08);font:800 11.5px\/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--c)}\n.mghbt h3{margin:0 0 12px;font:900 23px\/1.15 Inter,sans-serif;letter-spacing:-.5px;color:#FFFFFF!important}\n.mghbt .g>li>p{margin:0 0 16px;font:400 14.5px\/1.65 Inter,sans-serif;color:#C9D1E0}\n.mghbt .g>li>p strong{color:#FFFFFF}\n.mghbt .ex{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px;padding:0;list-style:none}\n.mghbt .ex li{margin:0;padding:6px 10px;border-radius:8px;background:#141B2D;font:700 12px\/1 Inter,sans-serif;color:#E6E9EF}\n.mghbt .mg{margin-top:auto;display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#141B2D;font:500 13px\/1.5 Inter,sans-serif;color:#C9D1E0}\n.mghbt .mg>i{flex:none;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#E8590C;color:#FFFFFF;font-size:12px}\n.mghbt .mg strong{color:#FFFFFF}\n@media(max-width:1100px){.mghbt .top{grid-template-columns:minmax(0,1fr);gap:20px}.mghbt .tl{display:none}.mghbt .g{grid-template-columns:minmax(0,1fr);max-width:640px}}\n@media(max-width:640px){.mghbt h2{font-size:36px;letter-spacing:-1.2px}.mghbt .g>li{padding:22px}}\n@media(prefers-reduced-motion:reduce){.mghbt .g>li{transition:none}.mghbt .g>li:hover{transform:none}}\n<\/style>\n<div class=\"mghbt\">\n <div class=\"top\">\n  <div><p class=\"eb\">Les types d\u2019h\u00e9bergement<\/p><h2>Quel h\u00e9bergement <em>pour votre site&nbsp;?<\/em><\/h2><\/div>\n  <div><p>Il existe <strong>plusieurs types d\u2019h\u00e9bergement<\/strong>, selon la taille de votre site et votre trafic. Pas besoin d\u2019\u00eatre expert : nous vous conseillons la formule adapt\u00e9e, et vous pouvez \u00e9voluer \u00e0 tout moment.<\/p><\/div>\n <\/div>\n <div class=\"tl\" aria-hidden=\"true\"><span><b>Pour d\u00e9marrer<\/b><\/span><span><b>Pour grandir<\/b><\/span><span><b>Pour les gros projets<\/b><\/span><\/div>\n <ul class=\"g\">\n  <li style=\"--c:#2D9D5F\"><div class=\"hd\"><i class=\"fas fa-home\" aria-hidden=\"true\"><\/i><small aria-hidden=\"true\">01<\/small><\/div><span class=\"vb\">Site vitrine<\/span><h3>L\u2019h\u00e9bergement mutualis\u00e9<\/h3><p>Votre site partage un serveur performant avec d\u2019autres sites. C\u2019est la solution <strong>la plus \u00e9conomique<\/strong>, id\u00e9ale pour un site vitrine ou un blog.<\/p><ul class=\"ex\"><li>\u00c9conomique<\/li><li>Sans gestion technique<\/li><li>\u00c9volutif<\/li><\/ul><p class=\"mg\"><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><span><strong>Offre Essentiel<\/strong> : d\u00e8s 6 000 FCFA \/ mois.<\/span><\/p><\/li>\n  <li style=\"--c:#E8590C\"><div class=\"hd\"><i class=\"fas fa-store\" aria-hidden=\"true\"><\/i><small aria-hidden=\"true\">02<\/small><\/div><span class=\"vb\">E-commerce<\/span><h3>L\u2019h\u00e9bergement renforc\u00e9<\/h3><p>Plus de ressources, d\u2019espace et de sauvegardes pour <strong>une boutique en ligne ou un site tr\u00e8s visit\u00e9<\/strong> qui doit rester rapide aux heures de pointe.<\/p><ul class=\"ex\"><li>Plus de ressources<\/li><li>WooCommerce<\/li><li>Sauvegardes quotidiennes<\/li><\/ul><p class=\"mg\"><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><span><strong>Offre Business<\/strong> : d\u00e8s 12 000 FCFA \/ mois.<\/span><\/p><\/li>\n  <li style=\"--c:#F7B267\"><div class=\"hd\"><i class=\"fas fa-server\" aria-hidden=\"true\"><\/i><small aria-hidden=\"true\">03<\/small><\/div><span class=\"vb\">Projets exigeants<\/span><h3>Le serveur d\u00e9di\u00e9 (VPS)<\/h3><p>Des ressources <strong>r\u00e9serv\u00e9es \u00e0 votre seul site<\/strong> : id\u00e9al pour une plateforme, une application web ou un tr\u00e8s gros catalogue.<\/p><ul class=\"ex\"><li>Ressources d\u00e9di\u00e9es<\/li><li>Configuration sur mesure<\/li><li>Surveillance 24 h\/24<\/li><\/ul><p class=\"mg\"><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i><span><strong>Serveur d\u00e9di\u00e9<\/strong> : d\u00e8s 35 000 FCFA \/ mois.<\/span><\/p><\/li>\n <\/ul>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2715a5d9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2715a5d9\" data-element_type=\"section\" data-e-type=\"section\" id=\"etapes\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1b393d23\" data-id=\"1b393d23\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1be0e771 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"1be0e771\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Comment \u00e7a marche : mise en ligne puis suivi ===== *\/\n.mghbm{font-family:Inter,sans-serif;color:#141B2D}\n.mghbm *{box-sizing:border-box}\n.mghbm .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;margin:0 0 40px}\n.mghbm .eb{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 12.5px\/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#E8590C}\n.mghbm .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mghbm h2{margin:0;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#141B2D!important}\n.mghbm h2 em{font-style:normal;color:#E8590C}\n.mghbm .top>div+div p{margin:0 0 20px;font:400 17px\/1.7 Inter,sans-serif;color:#5B6475}\n.mghbm .bt{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:14px;background:#E8590C;color:#FFFFFF!important;font:800 15px\/1 Inter,sans-serif;text-decoration:none;transition:background .3s}\n.mghbm .bt:hover{background:#C2410C}\n.mghbm .bx{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px}\n.mghbm .ph{display:flex;flex-direction:column;padding:22px;border-radius:26px;background:#FFFFFF;border:1px solid #F1E2D2}\n.mghbm .ph.lp{background:#141B2D;border-color:#141B2D;color:#FFFFFF}\n.mghbm .ph>p{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:800 12px\/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#E8590C}\n.mghbm .ph.lp>p{color:#F7B267}\n.mghbm .ph>p i{font-size:13px}\n.mghbm ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}\n.mghbm .st{flex:1;grid-template-columns:repeat(3,minmax(0,1fr))}\n.mghbm ol li{display:flex;flex-direction:column;margin:0;padding:18px;border-radius:18px;background:#FFF8F2;border:1px solid #F4EFE9}\n.mghbm .lp ol li{background:#222B3F;border-color:#2C3650}\n.mghbm .lp>ol{flex:1}.mghbm .lp>ol>li{height:100%}\n.mghbm .n{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}\n.mghbm .n b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#141B2D;color:#FFFFFF;font:900 15px\/1 Inter,sans-serif}\n.mghbm .lp .n b{background:#E8590C}\n.mghbm .n i{color:#E8590C;font-size:16px}\n.mghbm .lp .n i{color:#F7B267}\n.mghbm h3{margin:0 0 8px;font:800 16.5px\/1.25 Inter,sans-serif;color:inherit!important}\n.mghbm ol li p{margin:0 0 12px;font:400 13.5px\/1.55 Inter,sans-serif;color:#5B6475}\n.mghbm .lp ol li p{color:#C9D1E0}\n.mghbm ol li ul{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}\n.mghbm ol li ul li{display:block;padding:5px 9px;border:0;border-radius:999px;background:#FFFFFF;font:700 11px\/1 Inter,sans-serif;color:#3A4356}\n.mghbm .lp ol li ul li{background:#141B2D;color:#E6E9EF}\n.mghbm .cy{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0 0;padding:12px;border-radius:14px;border:1.5px dashed #4A5470;font:700 13px\/1.3 Inter,sans-serif;color:#C9D1E0}\n.mghbm .cy i{color:#F7B267;animation:mghbm-r 4s linear infinite}\n@keyframes mghbm-r{to{transform:rotate(360deg)}}\n.mghbm .ft{display:flex;align-items:center;gap:10px;margin:18px 0 0;font:500 14.5px\/1.5 Inter,sans-serif;color:#5B6475}\n.mghbm .ft i{color:#E8590C}\n@media(max-width:1100px){.mghbm .top{grid-template-columns:minmax(0,1fr);gap:20px}.mghbm .bx{grid-template-columns:minmax(0,1fr)}}\n@media(max-width:700px){.mghbm h2{font-size:36px;letter-spacing:-1.2px}.mghbm .st{grid-template-columns:minmax(0,1fr)}.mghbm .ph{padding:16px}.mghbm .bt{width:100%;justify-content:center}}\n@media(prefers-reduced-motion:reduce){.mghbm .cy i{animation:none}}\n.pv-static .mghbm .cy i{animation:none}\n<\/style>\n<div class=\"mghbm\">\n <div class=\"top\">\n  <div><p class=\"eb\">Comment \u00e7a marche<\/p><h2>Votre site en ligne <em>en 4 \u00e9tapes<\/em><\/h2><\/div>\n  <div><p>Nouveau site ou site existant \u00e0 transf\u00e9rer : nous nous occupons de tout, sans coupure et sans jargon technique.<\/p><a class=\"bt\" href=\"#contact\">H\u00e9berger mon site <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/div>\n <\/div>\n <div class=\"bx\">\n  <div class=\"ph\">\n   <p><i class=\"fas fa-flag-checkered\" aria-hidden=\"true\"><\/i>La mise en place \u00b7 une seule fois<\/p>\n   <ol class=\"st\">\n    <li><div class=\"n\"><b>1<\/b><i class=\"fas fa-comments\" aria-hidden=\"true\"><\/i><\/div><h3>\u00c9change &amp; choix de l\u2019offre<\/h3><p>Votre site, votre trafic, vos e-mails : nous vous conseillons l\u2019offre adapt\u00e9e.<\/p><ul><li>Besoins<\/li><li>Offre<\/li><li>Domaine<\/li><\/ul><\/li>\n    <li><div class=\"n\"><b>2<\/b><i class=\"fas fa-globe\" aria-hidden=\"true\"><\/i><\/div><h3>Domaine &amp; e-mails<\/h3><p>Nous r\u00e9servons ou transf\u00e9rons votre nom de domaine et cr\u00e9ons vos adresses e-mail.<\/p><ul><li>.ci \u00b7 .com<\/li><li>E-mails pro<\/li><li>DNS<\/li><\/ul><\/li>\n    <li><div class=\"n\"><b>3<\/b><i class=\"fas fa-truck-moving\" aria-hidden=\"true\"><\/i><\/div><h3>Mise en ligne ou migration<\/h3><p>Installation de votre site, ou transfert depuis votre h\u00e9bergeur actuel, sans coupure. SSL activ\u00e9.<\/p><ul><li>Migration<\/li><li>SSL<\/li><li>Tests<\/li><\/ul><\/li>\n   <\/ol>\n  <\/div>\n  <div class=\"ph lp\">\n   <p><i class=\"fas fa-redo-alt\" aria-hidden=\"true\"><\/i>Ensuite \u00b7 au quotidien<\/p>\n   <ol>\n    <li><div class=\"n\"><b>4<\/b><i class=\"fas fa-heartbeat\" aria-hidden=\"true\"><\/i><\/div><h3>Surveillance &amp; support<\/h3><p>Nous surveillons votre serveur, g\u00e9rons les sauvegardes et renouvelons domaine et SSL. Une question ? Vous nous \u00e9crivez, nous r\u00e9pondons.<\/p><ul><li>Surveillance<\/li><li>Sauvegardes<\/li><li>Renouvellements<\/li><li>Support<\/li><\/ul><\/li>\n   <\/ol>\n   <p class=\"cy\"><i class=\"fas fa-sync-alt\" aria-hidden=\"true\"><\/i>Vous n\u2019avez plus rien \u00e0 surveiller<\/p>\n  <\/div>\n <\/div>\n <p class=\"ft\"><i class=\"fas fa-bell\" aria-hidden=\"true\"><\/i>Plus d\u2019\u00e9ch\u00e9ance oubli\u00e9e : nous vous pr\u00e9venons avant chaque renouvellement.<\/p>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-69ea36f3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"69ea36f3\" data-element_type=\"section\" data-e-type=\"section\" id=\"nom-de-domaine\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4fa11f0a\" data-id=\"4fa11f0a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-236c5de3 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"236c5de3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Bien choisir son nom de domaine ===== *\/\n.mghbd{font-family:Inter,sans-serif;color:#141B2D}\n.mghbd *{box-sizing:border-box}\n.mghbd .w{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center}\n.mghbd .eb{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 12.5px\/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#E8590C}\n.mghbd .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mghbd h2{margin:0 0 18px;font:800 48px\/1.07 Inter,sans-serif;letter-spacing:-1.6px;color:#141B2D!important}\n.mghbd h2 em{font-style:normal;color:#E8590C}\n.mghbd .tx>p:not(.eb){margin:0 0 16px;font:400 16px\/1.7 Inter,sans-serif;color:#5B6475}\n.mghbd .tx strong{color:#141B2D}\n.mghbd .ad{margin:22px 0 24px;padding:20px;border-radius:20px;background:#141B2D;color:#C9D1E0}\n.mghbd .ad small{display:block;margin:0 0 12px;font:800 11px\/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#F7B267}\n.mghbd .ad p{display:flex;flex-wrap:wrap;align-items:baseline;margin:0 0 14px;font:800 24px\/1.2 ui-monospace,Menlo,monospace;color:#FFFFFF;word-break:break-all}\n.mghbd .ad p span{color:#9AA3B5}\n.mghbd .ad p em{font-style:normal;color:#F7862B}\n.mghbd .ad ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}\n.mghbd .ad li{display:flex;align-items:center;gap:6px;margin:0;padding:7px 11px;border-radius:999px;background:#222B3F;font:700 12px\/1 Inter,sans-serif}\n.mghbd .ad li i{color:#5FD39A}\n.mghbd .bt{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:14px;background:#E8590C;color:#FFFFFF!important;font:800 15px\/1 Inter,sans-serif;text-decoration:none;transition:background .3s}\n.mghbd .bt:hover{background:#C2410C}\n.mghbd .g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0;counter-reset:d}\n.mghbd .g li{position:relative;margin:0;padding:24px;border-radius:20px;background:#FFFFFF;border:1px solid #F1E2D2}\n.mghbd .g li:before{counter-increment:d;content:\"0\" counter(d);position:absolute;right:20px;top:18px;font:900 30px\/1 Inter,sans-serif;letter-spacing:-1.5px;color:#F4EFE9}\n.mghbd .g li>i{width:46px;height:46px;margin:0 0 16px;border-radius:14px;display:grid;place-items:center;background:#FFF4E8;color:#E8590C;font-size:18px}\n.mghbd h3{margin:0 0 8px;font:800 17px\/1.25 Inter,sans-serif;color:#141B2D!important}\n.mghbd .g li p{margin:0;font:400 14.5px\/1.55 Inter,sans-serif;color:#5B6475}\n.mghbd .g li p b{color:#141B2D}\n@media(max-width:1100px){.mghbd .w{grid-template-columns:minmax(0,1fr);gap:40px}}\n@media(max-width:640px){.mghbd h2{font-size:34px;letter-spacing:-1.1px}.mghbd .g{grid-template-columns:minmax(0,1fr)}.mghbd .ad p{font-size:18px}.mghbd .bt{width:100%;justify-content:center}}\n<\/style>\n<div class=\"mghbd\">\n <div class=\"w\">\n  <div class=\"tx\">\n   <p class=\"eb\">Nom de domaine<\/p>\n   <h2>Bien choisir son <em>nom de domaine<\/em><\/h2>\n   <p>Votre nom de domaine est <strong>l\u2019adresse de votre entreprise sur internet<\/strong> : il appara\u00eet sur vos cartes de visite, vos e-mails et vos r\u00e9seaux sociaux. Il m\u00e9rite d\u2019\u00eatre bien choisi.<\/p>\n   <div class=\"ad\" aria-hidden=\"true\"><small>Exemple<\/small><p><span>www.<\/span>votre-entreprise<em>.ci<\/em><\/p><ul><li><i class=\"fas fa-check\"><\/i>Court<\/li><li><i class=\"fas fa-check\"><\/i>Facile \u00e0 dire<\/li><li><i class=\"fas fa-check\"><\/i>Local<\/li><\/ul><\/div>\n   <a class=\"bt\" href=\"#contact\">R\u00e9server mon nom de domaine <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a>\n  <\/div>\n  <ul class=\"g\">\n   <li><i class=\"fas fa-compress-alt\" aria-hidden=\"true\"><\/i><h3>Court et m\u00e9morable<\/h3><p>Un nom simple \u00e0 retenir et \u00e0 \u00e9peler <b>au t\u00e9l\u00e9phone<\/b>, id\u00e9alement le nom de votre marque.<\/p><\/li>\n   <li><i class=\"fas fa-flag\" aria-hidden=\"true\"><\/i><h3>.ci ou .com&nbsp;?<\/h3><p>Le <b>.ci<\/b> affiche votre ancrage en C\u00f4te d\u2019Ivoire ; le <b>.com<\/b> vise un public international. Vous pouvez r\u00e9server les deux.<\/p><\/li>\n   <li><i class=\"fas fa-ban\" aria-hidden=\"true\"><\/i><h3>Sans pi\u00e8ges<\/h3><p>\u00c9vitez les accents, les chiffres et les tirets multiples, sources d\u2019<b>erreurs de saisie<\/b>.<\/p><\/li>\n   <li><i class=\"fas fa-shield-alt\" aria-hidden=\"true\"><\/i><h3>\u00c0 votre nom<\/h3><p>Chez My Grafik, le domaine est <b>enregistr\u00e9 au nom de votre entreprise<\/b> : il vous appartient.<\/p><\/li>\n  <\/ul>\n <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3fbd1c1f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3fbd1c1f\" data-element_type=\"section\" data-e-type=\"section\" id=\"contact\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7cf5036b\" data-id=\"7cf5036b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-32602f8f elementor-widget elementor-widget-html\" data-id=\"32602f8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.mgbm{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;white-space:nowrap;font-family:Inter,sans-serif}.mgbm-t{display:inline-flex;animation:mgbm 26s linear infinite}.mgbm a{display:inline-flex;align-items:center;gap:34px;padding-right:34px;font:900 clamp(56px,9vw,150px)\/1.05 Inter,sans-serif;letter-spacing:-.05em;color:#fff;text-decoration:none;transition:color .4s}.mgbm a:nth-child(even){color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.65)}.mgbm a i{font-style:normal;color:#141B2D;font-size:.5em}.mgbm:hover .mgbm-t{animation-play-state:paused}.mgbm a:hover{color:#141B2D;-webkit-text-stroke-color:#141B2D}@keyframes mgbm{to{transform:translateX(-50%)}}.pv-static .mgbm-t{animation:none}@media(prefers-reduced-motion:reduce){.mgbm-t{animation:none}}<\/style><div class=\"mgbm\"><div class=\"mgbm-t\"><a href=\"#contact\" data-cursor=\"Go\">H\u00e9bergeons votre site <i>\u2726<\/i><\/a><a href=\"#contact\" data-cursor=\"Go\">H\u00e9bergeons votre site <i>\u2726<\/i><\/a><a href=\"#contact\" data-cursor=\"Go\">H\u00e9bergeons votre site <i>\u2726<\/i><\/a><a href=\"#contact\" data-cursor=\"Go\">H\u00e9bergeons votre site <i>\u2726<\/i><\/a><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e2c34fe elementor-widget elementor-widget-spacer\" data-id=\"7e2c34fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-73575a8c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"73575a8c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-42 elementor-inner-column elementor-element elementor-element-2ba863f2 mg-sticky\" data-id=\"2ba863f2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-53629aa8 pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"53629aa8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Pr\u00eat \u00e0 h\u00e9berger votre site <span style=\"white-space:nowrap\">en toute s\u00e9r\u00e9nit\u00e9\u00a0?<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50c69595 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"50c69595\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Parlez-nous de votre site et de vos besoins (e-mails, nom de domaine, trafic) : nous vous conseillons l\u2019offre adapt\u00e9e et nous occupons de la mise en ligne.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bd5444 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"2bd5444\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Migration de votre site offerte<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Nom de domaine et e-mails inclus<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">R\u00e9ponse sous un jour ouvr\u00e9<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48dcf168 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"48dcf168\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.mg5c{font-family:Inter,sans-serif;display:grid;gap:10px;margin-top:26px;margin-bottom:34px}\n.mg5c a{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#FFFFFF;color:#141B2D;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}\n.mg5c a:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(20,27,45,.18)}\n.mg5c a:focus-visible{outline:3px solid #141B2D;outline-offset:2px}\n.mg5c i{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:17px;color:#FFFFFF;background:#141B2D}\n.mg5c a.w i{background:#25D366}\n.mg5c small{display:block;font:700 11.5px\/1.2 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7A8394}\n.mg5c b{display:block;margin-top:3px;font:800 16px\/1.3 Inter,sans-serif;color:#141B2D}\n<\/style>\n<div class=\"mg5c\">\n <a class=\"w\" href=\"https:\/\/wa.me\/2250160101002\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-whatsapp\" aria-hidden=\"true\"><\/i><span><small>WhatsApp<\/small><b>+225 01 60 10 10 02<\/b><\/span><\/a>\n <a href=\"tel:+2250544180002\"><i class=\"fas fa-phone-alt\" aria-hidden=\"true\"><\/i><span><small>T\u00e9l\u00e9phone<\/small><b>+225 05 44 18 00 02<\/b><\/span><\/a>\n <a href=\"mailto:contact@my-grafik.com\"><i class=\"fas fa-envelope\" aria-hidden=\"true\"><\/i><span><small>E-mail<\/small><b>contact@my-grafik.com<\/b><\/span><\/a>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-87b1007 elementor-widget elementor-widget-spacer\" data-id=\"87b1007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-50f9fb4b elementor-align-left elementor-mobile-align-justify elementor-widget__width-auto elementor-widget-mobile__width-inherit mg-btn elementor-invisible elementor-widget elementor-widget-button\" data-id=\"50f9fb4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:250}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/wa.me\/2250160101002\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-whatsapp\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Une question ? WhatsApp<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-58 elementor-inner-column elementor-element elementor-element-95c2333 mg-formcard elementor-invisible\" data-id=\"95c2333\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:150}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-485ad278 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"485ad278\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;step_next_label&quot;:&quot;Next&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}\" data-widget_type=\"form.default\">\n\t\t\t\t\t\t\t<form class=\"elementor-form\" method=\"post\" name=\"H\u00e9bergement de site web \u2013 My Grafik\" aria-label=\"H\u00e9bergement de site web \u2013 My Grafik\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"570\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"485ad278\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"H\u00e9bergement web \u00e0 Abidjan | My Grafik\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"570\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-nom elementor-col-50 elementor-sm-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-nom\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNom\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[nom]\" id=\"form-field-nom\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Votre nom\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-url elementor-field-group elementor-column elementor-field-group-site elementor-col-50 elementor-sm-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-site\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tAdresse de votre site (si existant)\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"url\" name=\"form_fields[site]\" id=\"form-field-site\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"https:\/\/www.votre-site.ci\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-telephone elementor-col-50 elementor-sm-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-telephone\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tT\u00e9l\u00e9phone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[telephone]\" id=\"form-field-telephone\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Votre t\u00e9l\u00e9phone\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-sm-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tE-mail\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"email\" name=\"form_fields[email]\" id=\"form-field-email\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"vous@exemple.com\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-projet elementor-col-50 elementor-sm-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-projet\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVotre projet\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[projet]\" id=\"form-field-projet\" class=\"elementor-field-textual elementor-size-md\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Offre Essentiel (site vitrine)\">Offre Essentiel (site vitrine)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Offre Business (e-commerce)\">Offre Business (e-commerce)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Serveur d\u00e9di\u00e9 (VPS)\">Serveur d\u00e9di\u00e9 (VPS)<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Migration de mon site\">Migration de mon site<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Nom de domaine et e-mails\">Nom de domaine et e-mails<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Je ne sais pas encore\">Je ne sais pas encore<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-supports elementor-col-50 elementor-sm-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-supports\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVotre site\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[supports]\" id=\"form-field-supports\" class=\"elementor-field-textual elementor-size-md\">\n\t\t\t\t\t\t\t\t\t<option value=\"J\u2019ai d\u00e9j\u00e0 un site \u00e0 transf\u00e9rer\">J\u2019ai d\u00e9j\u00e0 un site \u00e0 transf\u00e9rer<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Mon site est en cours de cr\u00e9ation\">Mon site est en cours de cr\u00e9ation<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Je n\u2019ai pas encore de site\">Je n\u2019ai pas encore de site<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-sm-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-md\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Votre site actuel, vos besoins en e-mails, votre trafic\u2026\"><\/textarea>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-html elementor-field-group elementor-column elementor-field-group-note elementor-col-100 elementor-sm-100\">\n\t\t\t\t\t<p style='font-size:13.5px;line-height:1.6;color:#5B6475;margin:0'>Nous vous r\u00e9pondons sous un jour ouvr\u00e9. Pour une demande urgente, appelez-nous au <strong>+225 05 44 18 00 02<\/strong> ou \u00e9crivez-nous sur WhatsApp au <strong>+225 01 60 10 10 02<\/strong>.<\/p>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons\">\n\t\t\t\t\t<button class=\"elementor-button elementor-size-md\" type=\"submit\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Demandez un devis<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-54d01c32 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"54d01c32\" data-element_type=\"section\" data-e-type=\"section\" id=\"faq\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a1e55c\" data-id=\"6a1e55c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30a45d61 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"30a45d61\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== FAQ Visuels publicitaires \u2014 m\u00eame design que les autres pages ===== *\/\n.mg9fq{font-family:Inter,sans-serif;color:#141B2D;display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:64px;align-items:start}\n.mg9fq *{box-sizing:border-box}\n.mg9fq .l{position:sticky;top:110px}\n.mg9fq .eb{display:flex;align-items:center;gap:12px;margin:0 0 18px;font:800 12.5px\/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#E8590C}\n.mg9fq .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mg9fq h2{margin:0 0 18px;font:800 52px\/1.04 Inter,sans-serif;letter-spacing:-1.8px;color:#141B2D!important}\n.mg9fq .l>p:not(.eb){margin:0 0 26px;font:400 16px\/1.7 Inter,sans-serif;color:#5B6475}\n@media(max-width:1024px){.mg9fq{grid-template-columns:minmax(0,1fr);gap:36px}.mg9fq .l{position:static}}\n@media(max-width:640px){.mg9fq h2{font-size:36px;letter-spacing:-1.2px}}\n\n\/* ===== FAQ \u2014 v12 : liste num\u00e9rot\u00e9e \u00e9pur\u00e9e ===== *\/\n.mg8q{font-family:Inter,sans-serif;color:#141B2D;border-top:1px solid #E3E7ED}\n.mg8q details{border-bottom:1px solid #E3E7ED}\n.mg8q summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px minmax(0,1fr) 40px;gap:14px;align-items:center;padding:24px 0;outline:none}\n.mg8q summary::-webkit-details-marker{display:none}\n.mg8q .n{font:800 13px\/1 Inter,sans-serif;letter-spacing:.06em;color:#B0B7C4;transition:color .3s}\n.mg8q h3{margin:0;font:700 19px\/1.4 Inter,sans-serif;letter-spacing:-.3px;color:#141B2D;transition:color .3s}\n.mg8q .ic{position:relative;width:40px;height:40px;border-radius:50%;border:1.5px solid #D9DEE7;transition:background .35s,border-color .35s,transform .45s cubic-bezier(.2,.8,.2,1)}\n.mg8q .ic:before,.mg8q .ic:after{content:\"\";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:#141B2D;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .35s}\n.mg8q .ic:after{transform:rotate(90deg)}\n.mg8q summary:hover h3{color:#E8590C}\n.mg8q summary:hover .ic{border-color:#E8590C}\n.mg8q summary:focus-visible{box-shadow:inset 0 0 0 2px #F7862B;border-radius:10px}\n.mg8q details[open] .n,.mg8q details[open] h3{color:#E8590C}\n.mg8q details[open] .ic{background:#E8590C;border-color:#E8590C;transform:rotate(180deg)}\n.mg8q details[open] .ic:before{background:#fff}\n.mg8q details[open] .ic:after{transform:rotate(0);background:#fff}\n.mg8q .a{padding:0 54px 26px 58px;font:400 16px\/1.7 Inter,sans-serif;color:#5B6475}\n.mg8q .a p{margin:0 0 10px;color:#5B6475}.mg8q .a p:last-child{margin:0}\n.mg8q .a ul{margin:8px 0 0;padding-left:18px}.mg8q .a li{margin:0 0 6px;color:#5B6475}\n.mg8q .a strong{color:#141B2D}\n.mg8q details[open] .a{animation:mg8q-in .45s cubic-bezier(.2,.8,.2,1)}\n@keyframes mg8q-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}\n@media(max-width:600px){.mg8q summary{grid-template-columns:30px minmax(0,1fr) 34px;gap:10px;padding:20px 0}.mg8q h3{font-size:16.5px}.mg8q .ic{width:34px;height:34px}.mg8q .a{padding:0 0 22px 40px;font-size:15px}}\n@media(prefers-reduced-motion:reduce){.mg8q *{transition:none!important;animation:none!important}}\n\n.mg8h{font-family:Inter,sans-serif;margin-top:8px;padding:26px;border-radius:24px;background:#141B2D;color:#FFFFFF}\n.mg8h .mg8h-t{display:flex;align-items:center;gap:12px;margin-bottom:10px}\n.mg8h .mg8h-t i{flex:none;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:17px;color:#F7862B;background:rgba(247,134,43,.15)}\n.mg8h .mg8h-t b{font:800 18px\/1.3 Inter,sans-serif;color:#FFFFFF}\n.mg8h p{margin:0 0 18px;font:400 15px\/1.6 Inter,sans-serif;color:#C9D1E0}\n.mg8h .mg8h-b{display:flex;flex-wrap:wrap;gap:10px}\n.mg8h .mg8h-b a{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border-radius:999px;font:800 14.5px Inter,sans-serif;text-decoration:none;transition:background .3s,color .3s,border-color .3s}\n.mg8h .mg8h-b a.w{background:#E8590C;color:#FFFFFF}.mg8h .mg8h-b a.w:hover{background:#FFFFFF;color:#141B2D}\n.mg8h .mg8h-b a.c{border:1.5px solid #3A4766;color:#FFFFFF}.mg8h .mg8h-b a.c:hover{border-color:#FFFFFF}\n.mg8h .mg8h-b a:focus-visible{outline:3px solid #F7862B;outline-offset:2px}\n@media(max-width:480px){.mg8h .mg8h-b a{flex:1 1 100%;justify-content:center}}\n<\/style>\n<div class=\"mg9fq\">\n <div class=\"l\">\n  <p class=\"eb\">FAQ \u00b7 H\u00e9bergement<\/p>\n  <h2>Questions fr\u00e9quentes<\/h2>\n  <p>Tout ce qu\u2019il faut savoir avant d\u2019h\u00e9berger votre site chez My Grafik.<\/p>\n<div class=\"mg8h\">\n <div class=\"mg8h-t\"><i class=\"fas fa-headset\" aria-hidden=\"true\"><\/i><b>Votre question n\u2019est pas dans la liste&nbsp;?<\/b><\/div>\n <p>\u00c9crivez-nous : notre \u00e9quipe vous r\u00e9pond sous 24 h ouvr\u00e9es.<\/p>\n <div class=\"mg8h-b\"><a class=\"w\" href=\"https:\/\/wa.me\/2250160101002\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-whatsapp\" aria-hidden=\"true\"><\/i>WhatsApp<\/a><a class=\"c\" href=\"tel:+2250544180002\"><i class=\"fas fa-phone-alt\" aria-hidden=\"true\"><\/i>Appeler<\/a><a class=\"c\" href=\"mailto:contact@my-grafik.com\"><i class=\"fas fa-envelope\" aria-hidden=\"true\"><\/i>E-mail<\/a><\/div>\n<\/div>\n <\/div>\n <div class=\"r\">\n<!-- FAQ : un bloc <details> par question. Ajoutez \u00ab open \u00bb sur <details> pour l\u2019ouvrir par d\u00e9faut.\n     Le balisage FAQPage (en bas) aide Google \u00e0 afficher vos questions : gardez-le synchronis\u00e9 avec le texte. -->\n<div class=\"mg8q\">\n <details open><summary><span class=\"n\">01<\/span><h3>Qu\u2019est-ce que l\u2019h\u00e9bergement d\u2019un site web&nbsp;?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>C\u2019est la location d\u2019un espace sur un serveur connect\u00e9 \u00e0 internet 24 h\/24, o\u00f9 sont stock\u00e9s les fichiers, images et bases de donn\u00e9es de votre site. Sans h\u00e9bergement, votre site ne peut pas \u00eatre visible en ligne.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">02<\/span><h3>Quelle diff\u00e9rence entre nom de domaine et h\u00e9bergement&nbsp;?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Le nom de domaine est l\u2019<strong>adresse<\/strong> de votre site (votre-entreprise.ci) ; l\u2019h\u00e9bergement est l\u2019<strong>espace<\/strong> o\u00f9 il est stock\u00e9. Les deux sont n\u00e9cessaires, et nos offres les incluent tous les deux.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">03<\/span><h3>Le nom de domaine m\u2019appartient-il&nbsp;?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Oui. Nous l\u2019enregistrons au nom de votre entreprise et le renouvelons pour vous tant que votre offre est active. Vous pouvez le transf\u00e9rer si vous le souhaitez.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">04<\/span><h3>Pouvez-vous transf\u00e9rer mon site actuel&nbsp;?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Oui, la migration est offerte. Nous transf\u00e9rons votre site, vos e-mails et votre nom de domaine depuis votre h\u00e9bergeur actuel, en planifiant l\u2019op\u00e9ration pour \u00e9viter toute coupure.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">05<\/span><h3>Combien d\u2019adresses e-mail sont incluses&nbsp;?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>5 adresses avec l\u2019offre Essentiel et 20 avec l\u2019offre Business. Elles fonctionnent sur ordinateur et smartphone (Outlook, Gmail, application de messagerie). Le serveur d\u00e9di\u00e9 s\u2019adapte \u00e0 vos besoins.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">06<\/span><h3>Que se passe-t-il si mon site tombe en panne&nbsp;?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Notre surveillance nous alerte rapidement. Nous identifions la cause et r\u00e9tablissons votre site, si besoin \u00e0 partir de la derni\u00e8re sauvegarde. Vous pouvez aussi nous joindre directement par WhatsApp.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">07<\/span><h3>Puis-je changer d\u2019offre plus tard&nbsp;?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Oui, \u00e0 tout moment. Si votre trafic augmente ou si vous ouvrez une boutique en ligne, nous passons votre site sur une offre plus puissante, sans interruption.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">08<\/span><h3>L\u2019h\u00e9bergement comprend-il la maintenance du site&nbsp;?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>L\u2019h\u00e9bergement couvre le serveur, le domaine, les e-mails, le SSL et les sauvegardes. Les mises \u00e0 jour de WordPress, des extensions et les petites modifications rel\u00e8vent de notre <a href=\"https:\/\/my-grafik.com\/maintenance-web\/\" style=\"color:#E8590C;font-weight:700\">offre de maintenance<\/a>, que vous pouvez ajouter.<\/p><\/div><\/details>\n<\/div>\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Qu\u2019est-ce que l\u2019h\u00e9bergement d\u2019un site web\u00a0?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"C\u2019est la location d\u2019un espace sur un serveur connect\u00e9 \u00e0 internet 24 h\/24, o\u00f9 sont stock\u00e9s les fichiers, images et bases de donn\u00e9es de votre site. Sans h\u00e9bergement, votre site ne peut pas \u00eatre visible en ligne.\"}}, {\"@type\": \"Question\", \"name\": \"Quelle diff\u00e9rence entre nom de domaine et h\u00e9bergement\u00a0?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Le nom de domaine est l\u2019adresse de votre site (votre-entreprise.ci) ; l\u2019h\u00e9bergement est l\u2019espace o\u00f9 il est stock\u00e9. Les deux sont n\u00e9cessaires, et nos offres les incluent tous les deux.\"}}, {\"@type\": \"Question\", \"name\": \"Le nom de domaine m\u2019appartient-il\u00a0?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Oui. Nous l\u2019enregistrons au nom de votre entreprise et le renouvelons pour vous tant que votre offre est active. Vous pouvez le transf\u00e9rer si vous le souhaitez.\"}}, {\"@type\": \"Question\", \"name\": \"Pouvez-vous transf\u00e9rer mon site actuel\u00a0?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Oui, la migration est offerte. Nous transf\u00e9rons votre site, vos e-mails et votre nom de domaine depuis votre h\u00e9bergeur actuel, en planifiant l\u2019op\u00e9ration pour \u00e9viter toute coupure.\"}}, {\"@type\": \"Question\", \"name\": \"Combien d\u2019adresses e-mail sont incluses\u00a0?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"5 adresses avec l\u2019offre Essentiel et 20 avec l\u2019offre Business. Elles fonctionnent sur ordinateur et smartphone (Outlook, Gmail, application de messagerie). Le serveur d\u00e9di\u00e9 s\u2019adapte \u00e0 vos besoins.\"}}, {\"@type\": \"Question\", \"name\": \"Que se passe-t-il si mon site tombe en panne\u00a0?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Notre surveillance nous alerte rapidement. Nous identifions la cause et r\u00e9tablissons votre site, si besoin \u00e0 partir de la derni\u00e8re sauvegarde. Vous pouvez aussi nous joindre directement par WhatsApp.\"}}, {\"@type\": \"Question\", \"name\": \"Puis-je changer d\u2019offre plus tard\u00a0?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Oui, \u00e0 tout moment. Si votre trafic augmente ou si vous ouvrez une boutique en ligne, nous passons votre site sur une offre plus puissante, sans interruption.\"}}, {\"@type\": \"Question\", \"name\": \"L\u2019h\u00e9bergement comprend-il la maintenance du site\u00a0?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"L\u2019h\u00e9bergement couvre le serveur, le domaine, les e-mails, le SSL et les sauvegardes. Les mises \u00e0 jour de WordPress, des extensions et les petites modifications rel\u00e8vent de notre offre de maintenance, que vous pouvez ajouter.\"}}]}<\/script>\n<script>\n(function(){document.querySelectorAll('.mg8q:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n \/* une seule r\u00e9ponse ouverte \u00e0 la fois *\/\n var D=[].slice.call(w.querySelectorAll('details'));D.forEach(function(d){d.addEventListener('toggle',function(){if(d.open)D.forEach(function(o){if(o!==d)o.open=false;});});});\n});})();\n<\/script>\n <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MY&nbsp;GRAFIKCr\u00e9ateur d\u2019identit\u00e9 4,95 \/ 5 avis clientsH\u00e9bergement de site web \u00e0 Abidjan H\u00e9bergement site web. Un site rapide, s\u00e9curis\u00e9 et toujours en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-570","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/pages\/570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/comments?post=570"}],"version-history":[{"count":0,"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/pages\/570\/revisions"}],"wp:attachment":[{"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/media?parent=570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}