{"id":426,"date":"2026-08-30T23:16:54","date_gmt":"2026-08-30T21:16:54","guid":{"rendered":"https:\/\/my-grafik.com\/?page_id=426"},"modified":"2026-10-25T21:16:29","modified_gmt":"2026-10-25T20:16:29","slug":"motion-design","status":"publish","type":"page","link":"https:\/\/my-grafik.com\/en\/motion-design\/","title":{"rendered":"Motion design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"426\" class=\"elementor elementor-426\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4f50d04a mg-gridbg elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4f50d04a\" 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-48 elementor-top-column elementor-element elementor-element-142b42fc\" data-id=\"142b42fc\" 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-3e54b8d4 mg-global elementor-widget elementor-widget-html\" data-id=\"3e54b8d4\" 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:0 18px 36px rgba(232,89,12,.35)}\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:0 10px 24px rgba(232,89,12,.35)}\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:0 18px 40px rgba(232,89,12,.10);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:0 0 14px rgba(247,134,43,.6)}\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:0 10px 24px rgba(232,89,12,.35);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:0 0 0 0 rgba(232,89,12,.5)}\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-3460083a mg-homefx elementor-widget elementor-widget-html\" data-id=\"3460083a\" 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:0 0 0 2px #F7862B,0 30px 60px rgba(247,134,43,.30)}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:0 0 0 10px rgba(247,134,43,.12),0 40px 80px rgba(0,0,0,.45)}\n.mg-ctablob img{display:block;width:100%;height:auto}\n.pv-static .mg-ctablob{animation:none}\n\n\/* ===== Page Motion design ===== *\/\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<style>.ad{position:relative;overflow:hidden;border-radius:18px;font-family:Inter,sans-serif;color:#fff;display:flex;flex-direction:column;isolation:isolate;box-shadow:0 30px 60px rgba(0,0,0,.35)}\n.ad:before{content:\"\";position:absolute;z-index:-1;border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;width:75%;aspect-ratio:1;right:-18%;bottom:-14%;background:var(--blob,rgba(255,255,255,.18));animation:mg-morph 10s ease-in-out infinite}\n.ad .br{font:900 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;opacity:.92}\n.ad .hl{font:900 22px\/1 Inter,sans-serif;letter-spacing:-.04em}\n.ad .hl em{font-style:normal;color:var(--acc,#FFD0AA)}\n.ad .sb{font:500 11px\/1.35 Inter,sans-serif;opacity:.85}\n.ad .cta{align-self:flex-start;font:800 11px Inter,sans-serif;border-radius:999px;padding:7px 12px;background:var(--ctab,#fff);color:var(--ctac,#141B2D);box-shadow:0 8px 18px rgba(0,0,0,.2)}\n.ad .pr{position:absolute;font:900 14px\/1 Inter,sans-serif;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--prb,#fff);color:var(--prc,#E8590C);transform:rotate(-12deg);box-shadow:0 10px 24px rgba(0,0,0,.25)}\n.ad .ob{position:absolute;border-radius:22px;background:var(--ob,rgba(255,255,255,.9));box-shadow:0 20px 40px rgba(0,0,0,.25)}\n.ad.o{background:linear-gradient(150deg,#F7862B,#C2410C)}\n.ad.n{background:linear-gradient(150deg,#1E2A44,#0B1222);--acc:#F7862B;--ctab:#E8590C;--ctac:#fff}\n.ad.g{background:linear-gradient(150deg,#2D6A4F,#123524);--acc:#B7F5C8}\n.ad.v{background:linear-gradient(150deg,#7C3AED,#3B0F8C);--acc:#FDE68A;--ctac:#3B0F8C}\n.ad.c{background:linear-gradient(150deg,#FFF1E6,#FFD9BD);color:#141B2D;--acc:#E8590C;--ctab:#141B2D;--ctac:#fff;--blob:rgba(232,89,12,.16)}\n.ad.r{background:linear-gradient(150deg,#E11D48,#7F1028);--acc:#FFE4E6;--ctac:#9F1239}\n.pv-static .ad:before{animation:none}\n\n.mg-tilt>.elementor-widget-wrap{transform-style:preserve-3d;will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .4s!important}\n.mg-tilt>.elementor-widget-wrap>*{transform:translateZ(0);transition:transform .5s cubic-bezier(.2,.8,.2,1)}\n.mg-tilt.tl>.elementor-widget-wrap>*{transform:translateZ(28px)}\n.mg-tilt>.elementor-widget-wrap .mg-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(320px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.45),transparent 55%);opacity:0;transition:opacity .4s;mix-blend-mode:soft-light;z-index:2}\n.mg-tilt.tl>.elementor-widget-wrap .mg-glare{opacity:1}\n.mg-glass>.elementor-widget-wrap{border-radius:26px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));overflow:hidden;position:relative}\n.mg-glass:hover>.elementor-widget-wrap{border-color:rgba(247,134,43,.55)}\n.mg-glass .mg-gnum .elementor-heading-title{background:linear-gradient(135deg,#FFB067,#E8590C);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}\n.mg-bens{display:flex;flex-wrap:wrap;gap:0;font-family:Inter,sans-serif}\n.mg-bens div{display:flex;align-items:center;gap:12px;padding:4px 24px 4px 0;margin-right:24px;border-right:1px solid rgba(255,255,255,.14)}\n.mg-bens div:last-child{border:0;margin:0}\n.mg-bens i{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:18px;background:rgba(247,134,43,.16);color:#F7862B;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}\n.mg-bens div:hover i{transform:rotate(-12deg) scale(1.1)}\n.mg-bens span{font:500 13.5px\/1.3 Inter,sans-serif;color:#AEB6C6}.mg-bens b{display:block;font:800 15px Inter,sans-serif;color:#fff}\n@media(max-width:767px){.mg-bens{flex-direction:column;gap:12px}.mg-bens div{border:0;margin:0;padding:0}}\n<\/style>\n<script>\n(function(){if(window.mgTiltOk)return;window.mgTiltOk=1;\n function init(){if(matchMedia('(hover:none)').matches||document.documentElement.classList.contains('pv-static')||matchMedia('(prefers-reduced-motion:reduce)').matches)return;\n  document.querySelectorAll('.mg-tilt>.elementor-widget-wrap').forEach(function(w){var col=w.parentElement,g=document.createElement('span');g.className='mg-glare';w.appendChild(g);\n   w.addEventListener('mousemove',function(e){var b=w.getBoundingClientRect(),x=(e.clientX-b.left)\/b.width,y=(e.clientY-b.top)\/b.height;col.classList.add('tl');\n    w.style.transform='perspective(900px) rotateX('+((.5-y)*12).toFixed(2)+'deg) rotateY('+((x-.5)*14).toFixed(2)+'deg) translateY(-6px)';w.style.setProperty('--gx',(x*100)+'%');w.style.setProperty('--gy',(y*100)+'%');});\n   w.addEventListener('mouseleave',function(){col.classList.remove('tl');w.style.transform='';});});}\n if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7838c917 elementor-widget elementor-widget-html\" data-id=\"7838c917\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Hero Motion design \u2014 v2 : texte ===== *\/\n.mg9mh{font-family:Inter,sans-serif;color:#FFFFFF}\n.mg9mh *{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.mg9mh .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.mg9mh .bd b{color:#FFFFFF}.mg9mh .bd i{color:#F7862B}.mg9mh .bd span{width:1px;height:14px;background:#2C3854}\n.mg9mh h1{margin:0;font:800 104px\/.92 Inter,sans-serif;letter-spacing:-5.2px;color:#FFFFFF!important}\n.mg9mh h1 em{display:block;font-style:normal;color:#F7862B}\n.mg9mh h1 i{font-style:normal;color:#F7862B}\n.mg9mh .sb{margin:22px 0 10px;font:800 24px\/1.25 Inter,sans-serif;letter-spacing:-.6px}\n.mg9mh .sb span{color:#F7862B}\n.mg9mh .kf{position:relative;display:flex;flex-wrap:wrap;gap:0;margin:0 0 24px;padding:0;list-style:none;max-width:560px}\n.mg9mh .kf:before{content:\"\";position:absolute;left:8px;right:8px;top:9px;height:2px;background:#26314A}\n.mg9mh .kf li{position:relative;flex:1 1 0;margin:0;padding:28px 6px 0 0;font:700 13.5px\/1.3 Inter,sans-serif;color:#7D8597;transition:color .4s}\n.mg9mh .kf li:before{content:\"\";position:absolute;left:2px;top:3px;width:12px;height:12px;background:#26314A;transform:rotate(45deg);transition:background .4s}\n.mg9mh .kf li.on{color:#FFFFFF}.mg9mh .kf li.on:before{background:#F7862B}\n.mg9mh .ld{margin:0 0 28px;max-width:600px;font:400 17px\/1.7 Inter,sans-serif;color:#C9D1E0}\n.mg9mh .ld strong{color:#FFFFFF}\n.mg9mh .ft{display:flex;flex-wrap:wrap;max-width:620px;margin:0 0 34px;padding:0;list-style:none;border-top:1px solid #26314A;border-bottom:1px solid #26314A}\n.mg9mh .ft li{flex:1 1 0;min-width:170px;margin:0;padding:16px 18px 16px 0;display:flex;gap:12px;align-items:flex-start}\n.mg9mh .ft li+li{padding-left:18px;border-left:1px solid #26314A}\n.mg9mh .ft i{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#E8590C;color:#FFFFFF;font-size:14px}\n.mg9mh .ft b{display:block;font:800 14px\/1.3 Inter,sans-serif;color:#FFFFFF}\n.mg9mh .ft span{font:500 12.5px\/1.35 Inter,sans-serif;color:#9AA3B5}\n.mg9mh .ct{display:flex;flex-wrap:wrap;gap:12px}\n.mg9mh .ct a{display:inline-flex;align-items:center;gap:10px;padding:17px 28px;border-radius:999px;font:800 16px\/1 Inter,sans-serif;text-decoration:none;transition:transform .3s,background .3s,border-color .3s}\n.mg9mh .ct a.p{background:#E8590C;color:#FFFFFF!important}.mg9mh .ct a.p:hover{background:#C2410C;transform:translateY(-2px)}\n.mg9mh .ct a.s{border:1.5px solid #3A4663;color:#FFFFFF!important}.mg9mh .ct a.s:hover{border-color:#F7862B;transform:translateY(-2px)}\n.pv-static .mg9mh .kf li{color:#FFFFFF}.pv-static .mg9mh .kf li:before{background:#F7862B}\n@media(max-width:1024px){.mg9mh h1{font-size:86px;letter-spacing:-4px}}\n@media(max-width:767px){.mg9mh h1{font-size:56px;letter-spacing:-2.4px}.mg9mh .sb{font-size:19px}.mg9mh .kf li{font-size:12px}.mg9mh .ft{flex-direction:column}.mg9mh .ft li,.mg9mh .ft li+li{padding:14px 0;border-left:0}.mg9mh .ft li+li{border-top:1px solid #26314A}.mg9mh .ct a{flex:1 1 100%;justify-content:center;padding:16px 20px}}\n@media(prefers-reduced-motion:reduce){.mg9mh .kf li{color:#FFFFFF}.mg9mh .kf li:before{background:#F7862B}}\n<\/style>\n<div class=\"mg9mh\">\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>Motion design \u00e0 Abidjan<\/p>\n <h1>Motion <em>design<i>.<\/i><\/em><\/h1>\n <p class=\"sb\">Donnez du mouvement <span>\u00e0 votre marque.<\/span><\/p>\n <ul class=\"kf\" aria-label=\"Nos sp\u00e9cialit\u00e9s\"><li class=\"on\">Animations<\/li><li>Vid\u00e9os explicatives<\/li><li>Logos anim\u00e9s<\/li><\/ul>\n <p class=\"ld\">My Grafik con\u00e7oit des <strong>vid\u00e9os en motion design<\/strong> pour les entreprises, marques et organisations \u00e0 Abidjan : animation de logo, vid\u00e9o explicative, typographie anim\u00e9e, contenus pour les r\u00e9seaux sociaux et infographies. Des animations <strong>fid\u00e8les \u00e0 votre identit\u00e9 visuelle<\/strong>, qui captent l\u2019attention et rendent votre message clair en quelques secondes.<\/p>\n <ul class=\"ft\">\n  <li><i class=\"fas fa-eye\" aria-hidden=\"true\"><\/i><div><b>Attention capt\u00e9e<\/b><span>Le mouvement arr\u00eate l\u2019\u0153il<\/span><\/div><\/li>\n  <li><i class=\"fas fa-lightbulb\" aria-hidden=\"true\"><\/i><div><b>Message compris<\/b><span>Clair en quelques secondes<\/span><\/div><\/li>\n  <li><i class=\"fas fa-film\" aria-hidden=\"true\"><\/i><div><b>Marque m\u00e9morable<\/b><span>Un style qui vous ressemble<\/span><\/div><\/li>\n <\/ul>\n <div class=\"ct\"><a class=\"p\" href=\"#contact\">Lancer mon projet vid\u00e9o <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><a class=\"s\" href=\"#showreel\">Voir notre showreel <i class=\"fas fa-arrow-down\" aria-hidden=\"true\"><\/i><\/a><\/div>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mg9mh:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n if(document.documentElement.classList.contains('pv-static')||matchMedia('(prefers-reduced-motion:reduce)').matches)return;\n var L=[].slice.call(w.querySelectorAll('.kf li')),k=0;setInterval(function(){k=(k+1)%(L.length+2);L.forEach(function(l,j){l.classList.toggle('on',j<=k);});},1100);\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<div class=\"elementor-column elementor-col-52 elementor-top-column elementor-element elementor-element-20d84481\" data-id=\"20d84481\" 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-e87961b elementor-widget elementor-widget-html\" data-id=\"e87961b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Hero Motion design \u2014 v2 : l\u2019aper\u00e7u et sa pellicule ===== *\/\n.mg9mv{position:relative;font-family:Inter,sans-serif;max-width:560px;margin:0 auto;color:#FFFFFF}\n.mg9mv *{box-sizing:border-box}\n.mg9mv .cv{position:relative;aspect-ratio:16\/10;border-radius:22px;background:#FFFFFF;overflow:hidden}\n.mg9mv .cv .tg{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:#141B2D;font:700 11px\/1 ui-monospace,Menlo,monospace;color:#C9D1E0;z-index:2}\n.mg9mv .cv .tg i{width:7px;height:7px;border-radius:50%;background:#D92D20;animation:mg9mv-r 1s infinite}\n@keyframes mg9mv-r{50%{opacity:.2}}\n.mg9mv .lg{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:16px;transform:translate(-50%,-50%)}\n.mg9mv .mk{position:relative;width:86px;height:86px}\n.mg9mv .mk i{position:absolute;display:block}\n.mg9mv .mk .c1{inset:0;border-radius:50%;background:#E8590C;animation:mg9mv-p 4s cubic-bezier(.34,1.56,.64,1) infinite}\n.mg9mv .mk .c2{left:22px;top:22px;width:42px;height:42px;border-radius:50%;background:#FFFFFF;animation:mg9mv-p 4s cubic-bezier(.34,1.56,.64,1) .15s infinite}\n.mg9mv .mk .c3{left:34px;top:34px;width:18px;height:18px;border-radius:50%;background:#141B2D;animation:mg9mv-p 4s cubic-bezier(.34,1.56,.64,1) .3s infinite}\n@keyframes mg9mv-p{0%,6%{transform:scale(0)}22%,86%{transform:scale(1)}96%,100%{transform:scale(0)}}\n.mg9mv .tx{overflow:hidden}\n.mg9mv .tx b{display:block;font:900 40px\/1 Inter,sans-serif;letter-spacing:-1.6px;color:#141B2D;animation:mg9mv-t 4s cubic-bezier(.2,.8,.2,1) infinite}\n.mg9mv .tx small{display:block;margin-top:6px;font:800 11px\/1 Inter,sans-serif;letter-spacing:.24em;color:#E8590C;animation:mg9mv-t 4s cubic-bezier(.2,.8,.2,1) .15s infinite}\n@keyframes mg9mv-t{0%,22%{transform:translateY(120%);opacity:0}36%,86%{transform:none;opacity:1}94%,100%{transform:translateY(-120%);opacity:0}}\n.mg9mv .tl{margin-top:12px;padding:14px;border-radius:18px;background:#141B2D;border:1px solid #26314A}\n.mg9mv .tl .hd{display:flex;justify-content:space-between;margin:0 0 10px;font:700 11px\/1 ui-monospace,Menlo,monospace;color:#7D8597}\n.mg9mv .tl .hd b{color:#F7862B}\n.mg9mv .fs{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}\n.mg9mv .fs span{position:relative;aspect-ratio:16\/10;border-radius:6px;background:#FFFFFF;overflow:hidden}\n.mg9mv .fs span:before{content:\"\";position:absolute;left:18%;top:50%;width:var(--s);aspect-ratio:1;border-radius:50%;background:#E8590C;transform:translateY(-50%)}\n.mg9mv .fs span:after{content:\"\";position:absolute;left:50%;top:44%;width:var(--w);height:5px;border-radius:3px;background:#141B2D}\n.mg9mv .fs small{position:absolute;right:4px;bottom:3px;font:700 8px\/1 ui-monospace,Menlo,monospace;color:#9AA3B5}\n.mg9mv .ph{position:absolute;top:-6px;bottom:-6px;left:0;width:2px;background:#F7862B;animation:mg9mv-h 4s linear infinite}\n.mg9mv .ph:before{content:\"\";position:absolute;left:-5px;top:-6px;width:12px;height:10px;border-radius:2px;background:#F7862B}\n@keyframes mg9mv-h{from{left:0}to{left:100%}}\n.mg9mv .kk{position:relative;height:18px;margin-top:10px;border-top:1px dashed #2C3854}\n.mg9mv .kk i{position:absolute;top:4px;width:9px;height:9px;margin-left:-4px;background:#F7862B;transform:rotate(45deg)}\n.mg9mv .bg{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;font:800 13px\/1.2 Inter,sans-serif}\n.mg9mv .bg small{display:block;font:500 11.5px\/1.3 Inter,sans-serif}\n.mg9mv .bg i.ic{flex:none;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:13px}\n.mg9mv .b1{right:-30px;top:-18px;background:#E8590C;transform:rotate(3deg)}.mg9mv .b1 i.ic{background:#FFFFFF;color:#E8590C}.mg9mv .b1 small{color:#FFE3CC}\n.mg9mv .b2{left:-40px;top:52%;background:#FFFFFF;color:#141B2D}.mg9mv .b2 i.ic{background:#141B2D;color:#F7862B}.mg9mv .b2 small{color:#7A8394}\n.pv-static .mg9mv *{animation:none!important}.pv-static .mg9mv .ph{left:62%}\n@media(max-width:767px){.mg9mv .b1{right:6px;top:-14px}.mg9mv .b2{display:none}.mg9mv .tx b{font-size:28px}.mg9mv .mk{width:60px;height:60px}.mg9mv .mk .c2{left:15px;top:15px;width:30px;height:30px}.mg9mv .mk .c3{left:24px;top:24px;width:12px;height:12px}}\n@media(prefers-reduced-motion:reduce){.mg9mv *{animation:none!important}}\n<\/style>\n<div class=\"mg9mv\" role=\"img\" aria-label=\"Animation d\u2019un logo en cours, avec sa pellicule image par image et sa ligne de temps\">\n <span class=\"bg b1\" aria-hidden=\"true\"><i class=\"ic fas fa-play\"><\/i><span>Animation livr\u00e9e<small>MP4 \u00b7 formats r\u00e9seaux<\/small><\/span><\/span>\n <div class=\"cv\"><span class=\"tg\" aria-hidden=\"true\"><i><\/i>animation-logo.mp4 \u00b7 60 i\/s<\/span>\n  <div class=\"lg\" aria-hidden=\"true\"><span class=\"mk\"><i class=\"c1\"><\/i><i class=\"c2\"><\/i><i class=\"c3\"><\/i><\/span><span class=\"tx\"><b>Votre marque<\/b><small>EN MOUVEMENT<\/small><\/span><\/div><\/div>\n <div class=\"tl\" aria-hidden=\"true\">\n  <p class=\"hd\"><span>Pellicule \u00b7 5 images cl\u00e9s<\/span><b>00:00:04:00<\/b><\/p>\n  <div class=\"fs\"><span style=\"--s:0%;--w:0%\"><small>0s<\/small><\/span><span style=\"--s:22%;--w:0%\"><small>1s<\/small><\/span><span style=\"--s:30%;--w:16%\"><small>2s<\/small><\/span><span style=\"--s:30%;--w:32%\"><small>3s<\/small><\/span><span style=\"--s:30%;--w:36%\"><small>4s<\/small><\/span><i class=\"ph\"><\/i><\/div>\n  <div class=\"kk\"><i style=\"left:4%\"><\/i><i style=\"left:24%\"><\/i><i style=\"left:46%\"><\/i><i style=\"left:68%\"><\/i><i style=\"left:92%\"><\/i><\/div>\n <\/div>\n <span class=\"bg b2\" aria-hidden=\"true\"><i class=\"ic fas fa-palette\"><\/i><span>Fid\u00e8le \u00e0 votre charte<small>couleurs, typos, rythme<\/small><\/span><\/span>\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-7e11244c mg-cross elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7e11244c\" 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-22ec659f\" data-id=\"22ec659f\" 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-448a0880 elementor-widget elementor-widget-html\" data-id=\"448a0880\" 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=\"Motion design, Animation de logo, Vid\u00e9o explicative, Typographie anim\u00e9e, Reels, Infographie anim\u00e9e, 2D, Habillage vid\u00e9o, Captivant, M\u00e9morable, Storytelling, Fluide, Sur mesure, Abidjan, Voix off, Formats r\u00e9seaux\">\n <div class=\"mgx2-b a\"><div class=\"mgx2-t\" aria-hidden=\"true\">\n  <span>Motion design<i>\u2726<\/i><\/span><span><em>Animation de logo<\/em><i>\u2726<\/i><\/span><span>Vid\u00e9o explicative<i>\u2726<\/i><\/span><span><em>Typographie anim\u00e9e<\/em><i>\u2726<\/i><\/span><span>Reels<i>\u2726<\/i><\/span><span><em>Infographie anim\u00e9e<\/em><i>\u2726<\/i><\/span><span>2D<i>\u2726<\/i><\/span><span><em>Habillage vid\u00e9o<\/em><i>\u2726<\/i><\/span>\n  <span>Motion design<i>\u2726<\/i><\/span><span><em>Animation de logo<\/em><i>\u2726<\/i><\/span><span>Vid\u00e9o explicative<i>\u2726<\/i><\/span><span><em>Typographie anim\u00e9e<\/em><i>\u2726<\/i><\/span><span>Reels<i>\u2726<\/i><\/span><span><em>Infographie anim\u00e9e<\/em><i>\u2726<\/i><\/span><span>2D<i>\u2726<\/i><\/span><span><em>Habillage vid\u00e9o<\/em><i>\u2726<\/i><\/span>\n <\/div><\/div>\n <div class=\"mgx2-b b\"><div class=\"mgx2-t\" aria-hidden=\"true\">\n  <span>Captivant<i>\u25cf<\/i><\/span><span><em>M\u00e9morable<\/em><i>\u25cf<\/i><\/span><span>Storytelling<i>\u25cf<\/i><\/span><span><em>Fluide<\/em><i>\u25cf<\/i><\/span><span>Sur mesure<i>\u25cf<\/i><\/span><span><em>Abidjan<\/em><i>\u25cf<\/i><\/span><span>Voix off<i>\u25cf<\/i><\/span><span><em>Formats r\u00e9seaux<\/em><i>\u25cf<\/i><\/span>\n  <span>Captivant<i>\u25cf<\/i><\/span><span><em>M\u00e9morable<\/em><i>\u25cf<\/i><\/span><span>Storytelling<i>\u25cf<\/i><\/span><span><em>Fluide<\/em><i>\u25cf<\/i><\/span><span>Sur mesure<i>\u25cf<\/i><\/span><span><em>Abidjan<\/em><i>\u25cf<\/i><\/span><span>Voix off<i>\u25cf<\/i><\/span><span><em>Formats r\u00e9seaux<\/em><i>\u25cf<\/i><\/span>\n <\/div><\/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-6a777955 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a777955\" 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-100 elementor-top-column elementor-element elementor-element-3c828b92\" data-id=\"3c828b92\" 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-1d1b0ce6 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"1d1b0ce6\" 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\/* ===== Intro \u2014 v2 : image fixe vs mouvement ===== *\/\n.mg9mi2{font-family:Inter,sans-serif;color:#141B2D}\n.mg9mi2 *{box-sizing:border-box}\n.mg9mi2 h2{max-width:980px;margin:0 0 44px;font:800 46px\/1.12 Inter,sans-serif;letter-spacing:-1.6px;color:#9AA3B5!important}\n.mg9mi2 h2 strong{color:#141B2D;font-weight:800}\n.mg9mi2 h2 strong em{font-style:normal;color:#E8590C}\n.mg9mi2 .g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}\n.mg9mi2 .c{border-radius:24px;border:1px solid #E6E9EF;overflow:hidden}\n.mg9mi2 .vz{position:relative;height:230px;background:#F6F7FA;overflow:hidden}\n.mg9mi2 .c.b .vz{background:#141B2D}\n.mg9mi2 .sh{position:absolute;border-radius:50%}\n.mg9mi2 .a .s1{left:16%;top:30%;width:90px;height:90px;background:#CDD3DD}\n.mg9mi2 .a .s2{left:42%;top:44%;width:120px;height:18px;border-radius:9px;background:#CDD3DD}\n.mg9mi2 .a .s3{left:42%;top:30%;width:70px;height:12px;border-radius:6px;background:#E1E5EC}\n.mg9mi2 .b .s1{left:16%;top:30%;width:90px;height:90px;background:#E8590C;animation:mg9mi2-b 3s cubic-bezier(.34,1.56,.64,1) infinite}\n.mg9mi2 .b .s2{left:42%;top:44%;width:120px;height:18px;border-radius:9px;background:#FFFFFF;animation:mg9mi2-x 3s cubic-bezier(.2,.8,.2,1) infinite}\n.mg9mi2 .b .s3{left:42%;top:30%;width:70px;height:12px;border-radius:6px;background:#F7862B;animation:mg9mi2-x 3s cubic-bezier(.2,.8,.2,1) .15s infinite}\n.mg9mi2 .b .s4{right:12%;top:18%;width:30px;height:30px;background:#F7B267;animation:mg9mi2-o 3s ease-in-out infinite}\n@keyframes mg9mi2-b{0%,8%{transform:scale(.2)}30%,80%{transform:scale(1)}100%{transform:scale(.2)}}\n@keyframes mg9mi2-x{0%,15%{transform:translateX(60px);opacity:0}38%,80%{transform:none;opacity:1}100%{transform:translateX(-30px);opacity:0}}\n@keyframes mg9mi2-o{0%,100%{transform:translateY(0)}50%{transform:translateY(90px)}}\n.mg9mi2 .tg{position:absolute;left:16px;bottom:14px;padding:6px 10px;border-radius:8px;font:700 11px\/1 ui-monospace,Menlo,monospace;background:#FFFFFF;color:#7A8394;border:1px solid #E6E9EF}\n.mg9mi2 .c.b .tg{background:#E8590C;color:#FFFFFF;border-color:#E8590C}\n.mg9mi2 .bd{display:flex;gap:14px;align-items:center;padding:20px 22px}\n.mg9mi2 .bd i{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#F3F4F7;color:#7A8394;font-size:17px}\n.mg9mi2 .c.b .bd i{background:#E8590C;color:#FFFFFF}\n.mg9mi2 .bd b{display:block;font:800 17px\/1.3 Inter,sans-serif}\n.mg9mi2 .bd span{display:block;margin-top:3px;font:400 14px\/1.5 Inter,sans-serif;color:#5B6475}\n.pv-static .mg9mi2 *{animation:none!important}\n@media(max-width:900px){.mg9mi2 .g{grid-template-columns:minmax(0,1fr)}}\n@media(max-width:640px){.mg9mi2 h2{font-size:30px;letter-spacing:-.9px;margin-bottom:30px}.mg9mi2 .vz{height:180px}}\n@media(prefers-reduced-motion:reduce){.mg9mi2 *{animation:none!important}}\n<\/style>\n<div class=\"mg9mi2\">\n <h2>Une image attire le regard. <strong>Le mouvement le retient, <em>et raconte votre histoire<\/em>.<\/strong><\/h2>\n <div class=\"g\">\n  <div class=\"c a\"><div class=\"vz\" aria-hidden=\"true\"><span class=\"sh s1\"><\/span><span class=\"sh s3\"><\/span><span class=\"sh s2\"><\/span><span class=\"tg\">image_fixe.jpg<\/span><\/div><div class=\"bd\"><i class=\"far fa-image\" aria-hidden=\"true\"><\/i><div><b>Une image attire le regard<\/b><span>Un coup d\u2019\u0153il, puis le client passe \u00e0 autre chose.<\/span><\/div><\/div><\/div>\n  <div class=\"c b\"><div class=\"vz\" aria-hidden=\"true\"><span class=\"sh s1\"><\/span><span class=\"sh s3\"><\/span><span class=\"sh s2\"><\/span><span class=\"sh s4\"><\/span><span class=\"tg\">\u25b6 en_mouvement.mp4<\/span><\/div><div class=\"bd\"><i class=\"fas fa-play\" aria-hidden=\"true\"><\/i><div><b>Le mouvement le retient<\/b><span>Il guide l\u2019\u0153il, raconte une histoire et laisse un souvenir.<\/span><\/div><\/div><\/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-47d72d9f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"47d72d9f\" data-element_type=\"section\" data-e-type=\"section\" id=\"motion-design\" 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-6f7a1cd1\" data-id=\"6f7a1cd1\" 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-65c41c0f elementor-invisible elementor-widget elementor-widget-html\" data-id=\"65c41c0f\" 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\/* ===== Le motion design \u2014 v2 : la course des courbes ===== *\/\n.mg9cr{font-family:Inter,sans-serif;color:#141B2D}\n.mg9cr *{box-sizing:border-box}\n.mg9cr .w{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}\n.mg9cr .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.mg9cr .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mg9cr h2{margin:0 0 20px;font:800 50px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#141B2D!important}\n.mg9cr h2 em{font:italic 600 1em\/1 Lora,Georgia,serif;letter-spacing:-.5px;color:#E8590C}\n.mg9cr .tx>p:not(.eb){margin:0 0 14px;font:400 16.5px\/1.7 Inter,sans-serif;color:#5B6475}\n.mg9cr .tx>p strong{color:#141B2D}\n.mg9cr .ls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:22px 0 0;padding:0}\n.mg9cr .ls li{display:flex;gap:10px;align-items:flex-start;margin:0;padding:14px;border-radius:14px;background:#FFFFFF;border:1px solid #E6E9EF;font:700 14px\/1.4 Inter,sans-serif}\n.mg9cr .ls li i{flex:none;margin-top:1px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#E8590C;color:#FFFFFF;font-size:10px}\n.mg9cr .rc{padding:24px;border-radius:28px;background:#141B2D;color:#FFFFFF}\n.mg9cr .rc>p{display:flex;justify-content:space-between;align-items:center;margin:0 0 6px;font:800 17px\/1.2 Inter,sans-serif}\n.mg9cr .rc>p button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:0;background:#E8590C;color:#FFFFFF;font:800 13px\/1 Inter,sans-serif;cursor:pointer}\n.mg9cr .rc>p button:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}\n.mg9cr .rc>small{display:block;margin:0 0 18px;font:500 13px\/1.4 Inter,sans-serif;color:#9AA3B5}\n.mg9cr .ln{margin:0 0 12px;padding:14px 16px;border-radius:16px;background:#0B1222;border:1px solid #26314A}\n.mg9cr .ln:last-of-type{margin:0}\n.mg9cr .ln .h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px}\n.mg9cr .ln .h b{font:800 15px\/1.2 Inter,sans-serif}\n.mg9cr .ln .h small{font:600 12px\/1.2 Inter,sans-serif;color:#9AA3B5}\n.mg9cr .tk{position:relative;height:30px;border-radius:15px;background:#1F2A44}\n.mg9cr .tk i{position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:var(--c)}\n.mg9cr .rc.go .tk i{animation:var(--a) 1.6s var(--e,linear) forwards}\n@keyframes mg9cr-m{to{left:calc(100% - 27px)}}\n@keyframes mg9cr-bo{0%{left:3px}50%{left:calc(100% - 27px)}62%{left:calc(100% - 70px)}74%{left:calc(100% - 27px)}84%{left:calc(100% - 44px)}92%,100%{left:calc(100% - 27px)}}\n@keyframes mg9cr-el{0%{left:3px}55%{left:calc(100% - 10px)}70%{left:calc(100% - 46px)}82%{left:calc(100% - 20px)}92%,100%{left:calc(100% - 27px)}}\n.mg9cr .ln p{margin:10px 0 0;font:400 13px\/1.5 Inter,sans-serif;color:#AEB6C6}\n.mg9cr .ln p strong{color:#FFFFFF}\n.pv-static .mg9cr .tk i{left:calc(100% - 27px)!important;animation:none!important}\n@media(max-width:1100px){.mg9cr .w{grid-template-columns:minmax(0,1fr);gap:40px}}\n@media(max-width:640px){.mg9cr h2{font-size:34px;letter-spacing:-1.1px}.mg9cr .ls{grid-template-columns:minmax(0,1fr)}.mg9cr .rc{padding:18px}}\n@media(prefers-reduced-motion:reduce){.mg9cr .tk i{left:calc(100% - 27px)!important;animation:none!important}}\n<\/style>\n<div class=\"mg9cr\">\n <div class=\"w\">\n  <div class=\"tx\">\n   <p class=\"eb\">Le motion design<\/p>\n   <h2>Le graphisme <em>en mouvement<\/em><\/h2>\n   <p>Le <strong>motion design<\/strong> consiste \u00e0 animer des \u00e9l\u00e9ments graphiques : formes, textes, logos, illustrations et ic\u00f4nes. Il combine <strong>design, animation et son<\/strong> pour expliquer, promouvoir ou divertir dans un format court et m\u00e9morable.<\/p>\n   <p>Sa force tient dans les d\u00e9tails : le rythme, les transitions et la fa\u00e7on dont chaque \u00e9l\u00e9ment bouge. Un mouvement bien choisi donne une <strong>personnalit\u00e9<\/strong> \u00e0 votre marque.<\/p>\n   <ul class=\"ls\">\n    <li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Simplifie les messages complexes<\/li>\n    <li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Capte l\u2019attention d\u00e8s les premi\u00e8res secondes<\/li>\n    <li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Renforce la m\u00e9morisation de votre marque<\/li>\n    <li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>S\u2019adapte \u00e0 tous les \u00e9crans et r\u00e9seaux<\/li>\n   <\/ul>\n  <\/div>\n  <div class=\"rc\">\n   <p>La m\u00eame distance, quatre caract\u00e8res<button type=\"button\" class=\"rp\"><i class=\"fas fa-redo\" aria-hidden=\"true\"><\/i>Rejouer<\/button><\/p>\n   <small>Quatre ronds font le m\u00eame trajet en 1,6 s. Seule la courbe d\u2019animation change.<\/small>\n   <div class=\"ln\" style=\"--c:#7D8597;--a:mg9cr-m\"><div class=\"h\"><b>Lin\u00e9aire<\/b><small>M\u00e9canique, sans vie<\/small><\/div><div class=\"tk\" aria-hidden=\"true\"><i><\/i><\/div><p>Vitesse constante, d\u00e9part et arr\u00eat brutaux : c\u2019est le mouvement <strong>d\u2019un robot<\/strong>. \u00c0 \u00e9viter pour un rendu professionnel.<\/p><\/div>\n   <div class=\"ln\" style=\"--c:#3B82F6;--a:mg9cr-m;--e:cubic-bezier(.65,0,.35,1)\"><div class=\"h\"><b>Douce (ease)<\/b><small>Naturelle, \u00e9l\u00e9gante<\/small><\/div><div class=\"tk\" aria-hidden=\"true\"><i><\/i><\/div><p>Le mouvement acc\u00e9l\u00e8re puis ralentit, <strong>comme un objet r\u00e9el<\/strong>. C\u2019est la base d\u2019une animation agr\u00e9able \u00e0 regarder.<\/p><\/div>\n   <div class=\"ln\" style=\"--c:#2D9D5F;--a:mg9cr-bo;--e:ease-out\"><div class=\"h\"><b>Rebond<\/b><small>Ludique, dynamique<\/small><\/div><div class=\"tk\" aria-hidden=\"true\"><i><\/i><\/div><p>L\u2019objet rebondit \u00e0 l\u2019arriv\u00e9e : id\u00e9al pour une <strong>marque jeune et joyeuse<\/strong>, une app ou un contenu pour les r\u00e9seaux.<\/p><\/div>\n   <div class=\"ln\" style=\"--c:#E8590C;--a:mg9cr-el;--e:ease-out\"><div class=\"h\"><b>\u00c9lastique<\/b><small>\u00c9nergique, surprenante<\/small><\/div><div class=\"tk\" aria-hidden=\"true\"><i><\/i><\/div><p>Un l\u00e9ger d\u00e9passement puis un retour en place : ce petit d\u00e9tail donne de <strong>l\u2019\u00e9nergie et du caract\u00e8re<\/strong> \u00e0 votre logo ou \u00e0 vos titres.<\/p><\/div>\n  <\/div>\n <\/div>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mg9cr:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var rc=w.querySelector('.rc');function go(){rc.classList.remove('go');void rc.offsetWidth;rc.classList.add('go');}\n w.querySelector('.rp').addEventListener('click',go);\n if(!('IntersectionObserver' in window)){go();return;}\n var io=new IntersectionObserver(function(e){if(e[0].isIntersecting){go();io.disconnect();}},{threshold:.4});io.observe(rc);\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-3cf2b4b5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3cf2b4b5\" data-element_type=\"section\" data-e-type=\"section\" id=\"creations\" 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-166e2245\" data-id=\"166e2245\" 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-995f250 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"995f250\" 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\/* ===== Nos cr\u00e9ations \u2014 v2 : six formats, six aper\u00e7us anim\u00e9s ===== *\/\n.mg9cn{font-family:Inter,sans-serif;color:#FFFFFF}\n.mg9cn *{box-sizing:border-box}\n.mg9cn .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;margin:0 0 44px}\n.mg9cn .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:#F7862B}\n.mg9cn .eb:before{content:\"\";width:34px;height:2px;background:#F7862B}\n.mg9cn h2{margin:0;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#FFFFFF!important}\n.mg9cn h2 em{font-style:normal;color:#F7862B}\n.mg9cn .top>div+div p{margin:0;font:400 17px\/1.7 Inter,sans-serif;color:#C9D1E0}\n.mg9cn .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}\n.mg9cn .c{margin:0;display:flex;flex-direction:column;border-radius:24px;background:#141B2D;border:1px solid #26314A;overflow:hidden;transition:border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}\n.mg9cn .c:hover{border-color:#F7862B;transform:translateY(-4px)}\n.mg9cn .vz{position:relative;height:180px;background:#FFFFFF;overflow:hidden;display:grid;place-items:center;color:#141B2D}\n.mg9cn .vz .du{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:6px;background:#141B2D;color:#FFFFFF;font:700 10.5px\/1 ui-monospace,Menlo,monospace}\n.mg9cn .bd{padding:20px 22px 22px}\n.mg9cn .bd .n{margin:0 0 8px;font:700 11px\/1 ui-monospace,Menlo,monospace;color:#F7862B}\n.mg9cn h3{margin:0 0 8px;font:800 19px\/1.25 Inter,sans-serif;color:#FFFFFF!important}\n.mg9cn .bd>p:not(.n){margin:0;font:400 14.5px\/1.6 Inter,sans-serif;color:#C9D1E0}\n\/* animations *\/\n.mg9cn .a1 i{width:70px;height:70px;border-radius:50%;background:#E8590C;animation:mg9cn-p 2.6s cubic-bezier(.34,1.56,.64,1) infinite}\n.mg9cn .a1 b{position:absolute;left:50%;top:50%;margin:-10px 0 0 -9px;width:18px;height:18px;border-radius:50%;background:#FFFFFF;animation:mg9cn-p 2.6s cubic-bezier(.34,1.56,.64,1) .2s infinite}\n@keyframes mg9cn-p{0%,10%{transform:scale(0)}35%,85%{transform:scale(1)}100%{transform:scale(0)}}\n.mg9cn .a2{grid-template-columns:auto auto;gap:22px}\n.mg9cn .a2 .pp{position:relative;width:36px;height:70px}\n.mg9cn .a2 .pp:before{content:\"\";position:absolute;left:8px;top:0;width:20px;height:20px;border-radius:50%;background:#141B2D}\n.mg9cn .a2 .pp:after{content:\"\";position:absolute;left:3px;top:24px;width:30px;height:46px;border-radius:12px 12px 4px 4px;background:#E8590C}\n.mg9cn .a2 .bb{padding:8px 12px;border-radius:12px 12px 12px 3px;background:#F3F4F7;font:800 13px\/1.2 Inter,sans-serif;animation:mg9cn-f 2.6s ease-in-out infinite}\n@keyframes mg9cn-f{0%,15%{opacity:0;transform:translateY(8px)}30%,85%{opacity:1;transform:none}100%{opacity:0}}\n.mg9cn .a3{font:900 28px\/1.05 Inter,sans-serif;letter-spacing:-1px;text-align:center}\n.mg9cn .a3 span{display:inline-block;opacity:0;animation:mg9cn-k 3s cubic-bezier(.2,.8,.2,1) infinite}\n.mg9cn .a3 span:nth-child(2){animation-delay:.3s;color:#E8590C}.mg9cn .a3 span:nth-child(3){animation-delay:.6s}\n@keyframes mg9cn-k{0%{opacity:0;transform:translateY(20px) scale(.8)}12%,80%{opacity:1;transform:none}100%{opacity:0}}\n.mg9cn .a4 .ph{position:relative;width:78px;height:140px;border-radius:14px;background:#141B2D;padding:8px;overflow:hidden}\n.mg9cn .a4 .ph i{display:block;height:100%;border-radius:8px;background:#E8590C;animation:mg9cn-s 3s ease-in-out infinite}\n.mg9cn .a4 .ph b{position:absolute;right:-8px;bottom:22px;width:24px;height:24px;border-radius:50%;background:#FFFFFF;display:grid;place-items:center;font-size:12px;animation:mg9cn-h 1.5s ease-in-out infinite}\n@keyframes mg9cn-s{0%,40%{transform:none}50%,90%{transform:translateY(-110%)}100%{transform:none}}\n@keyframes mg9cn-h{50%{transform:translateY(-14px) scale(1.15)}}\n.mg9cn .a5{display:flex;align-items:flex-end;gap:10px;height:110px}\n.mg9cn .a5 i{width:26px;border-radius:5px 5px 0 0;background:var(--c);height:10%;animation:mg9cn-g 3s cubic-bezier(.2,.8,.2,1) infinite}\n.mg9cn .a5 i:nth-child(2){animation-delay:.15s}.mg9cn .a5 i:nth-child(3){animation-delay:.3s}.mg9cn .a5 i:nth-child(4){animation-delay:.45s}\n@keyframes mg9cn-g{0%{height:10%}30%,80%{height:var(--h)}100%{height:10%}}\n.mg9cn .a6 .bt{position:relative;padding:14px 22px;border-radius:999px;background:#141B2D;color:#FFFFFF;font:800 14px\/1 Inter,sans-serif;animation:mg9cn-b 2.4s ease-in-out infinite}\n.mg9cn .a6 .bt:after{content:\"\ud83d\udc46\";position:absolute;right:-22px;bottom:-26px;font-size:24px;animation:mg9cn-t 2.4s ease-in-out infinite}\n@keyframes mg9cn-b{0%,40%{transform:none;background:#141B2D}48%{transform:scale(.92)}56%,100%{transform:none;background:#E8590C}}\n@keyframes mg9cn-t{0%,30%{transform:translate(10px,10px)}45%{transform:none}100%{transform:none}}\n.pv-static .mg9cn .vz *,.pv-static .mg9cn .vz *:before,.pv-static .mg9cn .vz *:after{animation:none!important;opacity:1!important}.pv-static .mg9cn .a5 i{height:var(--h)}\n@media(max-width:1100px){.mg9cn .top{grid-template-columns:minmax(0,1fr);gap:20px}.mg9cn .g{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:640px){.mg9cn h2{font-size:36px;letter-spacing:-1.2px}.mg9cn .g{grid-template-columns:minmax(0,1fr)}}\n@media(prefers-reduced-motion:reduce){.mg9cn .vz *,.mg9cn .vz *:before,.mg9cn .vz *:after{animation:none!important;opacity:1!important}.mg9cn .a5 i{height:var(--h)}}\n<\/style>\n<div class=\"mg9cn\">\n <div class=\"top\">\n  <div><p class=\"eb\">Nos cr\u00e9ations<\/p><h2>Ce que nous <em>mettons en mouvement<\/em><\/h2><\/div>\n  <div><p>Six formats pour r\u00e9pondre \u00e0 chaque objectif : faire conna\u00eetre, expliquer, vendre ou animer vos supports.<\/p><\/div>\n <\/div>\n <ul class=\"g\">\n  <li class=\"c\"><div class=\"vz a1\" aria-hidden=\"true\"><i><\/i><b><\/b><span class=\"du\">3 \u00e0 8 s<\/span><\/div><div class=\"bd\"><p class=\"n\">01 \u00b7 Faire conna\u00eetre<\/p><h3>Animation de logo<\/h3><p>Votre logo prend vie en quelques secondes : id\u00e9al en ouverture de vid\u00e9os, en signature ou sur vos r\u00e9seaux.<\/p><\/div><\/li>\n  <li class=\"c\"><div class=\"vz a2\" aria-hidden=\"true\"><span class=\"pp\"><\/span><span class=\"bb\">Simple, non ?<\/span><span class=\"du\">60 \u00e0 120 s<\/span><\/div><div class=\"bd\"><p class=\"n\">02 \u00b7 Expliquer<\/p><h3>Vid\u00e9o explicative<\/h3><p>Expliquez un service, un produit ou une d\u00e9marche complexe avec des personnages et des illustrations anim\u00e9es.<\/p><\/div><\/li>\n  <li class=\"c\"><div class=\"vz a3\" aria-hidden=\"true\"><p style=\"margin:0\"><span>Bougez.<\/span> <span>Captez.<\/span> <span>Marquez.<\/span><\/p><span class=\"du\" style=\"opacity:1;animation:none\">Kinetic typography<\/span><\/div><div class=\"bd\"><p class=\"n\">03 \u00b7 Marquer les esprits<\/p><h3>Typographie anim\u00e9e<\/h3><p>Des mots qui apparaissent au rythme de la voix ou de la musique, pour un message percutant et m\u00e9morable.<\/p><\/div><\/li>\n  <li class=\"c\"><div class=\"vz a4\" aria-hidden=\"true\"><span class=\"ph\"><i><\/i><b>\u2764\ufe0f<\/b><\/span><span class=\"du\">9:16 \u00b7 1:1 \u00b7 4:5<\/span><\/div><div class=\"bd\"><p class=\"n\">04 \u00b7 Arr\u00eater le d\u00e9filement<\/p><h3>Contenus r\u00e9seaux sociaux<\/h3><p>Reels, Stories anim\u00e9es, posts en mouvement et publicit\u00e9s vid\u00e9o pour arr\u00eater le d\u00e9filement.<\/p><\/div><\/li>\n  <li class=\"c\"><div class=\"vz\" aria-hidden=\"true\"><div class=\"a5\"><i style=\"--c:#141B2D;--h:40%\"><\/i><i style=\"--c:#3A4663;--h:60%\"><\/i><i style=\"--c:#F7862B;--h:78%\"><\/i><i style=\"--c:#E8590C;--h:100%\"><\/i><\/div><span class=\"du\">Data &amp; rapports<\/span><\/div><div class=\"bd\"><p class=\"n\">05 \u00b7 Rendre les chiffres clairs<\/p><h3>Infographie anim\u00e9e<\/h3><p>Chiffres, rapports et donn\u00e9es pr\u00e9sent\u00e9s de fa\u00e7on dynamique pour vos pr\u00e9sentations et vos r\u00e9seaux.<\/p><\/div><\/li>\n  <li class=\"c\"><div class=\"vz a6\" aria-hidden=\"true\"><span class=\"bt\">Commander<\/span><span class=\"du\">Web &amp; mobile<\/span><\/div><div class=\"bd\"><p class=\"n\">06 \u00b7 Animer vos interfaces<\/p><h3>Animations d\u2019interface<\/h3><p>Micro-interactions et animations pour sites web et applications, qui rendent la navigation vivante.<\/p><\/div><\/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-2338dc07 mg-ctaband elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2338dc07\" data-element_type=\"section\" data-e-type=\"section\" 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-550e9c7c\" data-id=\"550e9c7c\" 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-249ce3fa pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"249ce3fa\" 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\">Un produit \u00e0 lancer ? Un service \u00e0 expliquer ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3106d867 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"3106d867\" 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>Racontez-le en mouvement : une vid\u00e9o anim\u00e9e dit en 60 secondes ce qu\u2019une page de texte peine \u00e0 expliquer.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d50b12d elementor-widget elementor-widget-spacer\" data-id=\"1d50b12d\" 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-4e9e413 elementor-align-center elementor-mobile-align-justify mg-btn elementor-invisible elementor-widget elementor-widget-button\" data-id=\"4e9e413\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" 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=\"#contact\">\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-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<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Demander un devis vid\u00e9o<\/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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3b03dcdc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3b03dcdc\" data-element_type=\"section\" data-e-type=\"section\" id=\"storyboard\" 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-310a01a9\" data-id=\"310a01a9\" 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-a4ebc8f elementor-invisible elementor-widget elementor-widget-html\" data-id=\"a4ebc8f\" 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 coulisses \u2014 v2 : la pellicule du storyboard ===== *\/\n.mg9sb{font-family:Inter,sans-serif;color:#141B2D}\n.mg9sb *{box-sizing:border-box}\n.mg9sb .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;margin:0 0 40px}\n.mg9sb .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.mg9sb .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mg9sb h2{margin:0;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#141B2D!important}\n.mg9sb h2 em{font-style:normal;color:#E8590C}\n.mg9sb .top>div+div p{margin:0;font:400 17px\/1.7 Inter,sans-serif;color:#5B6475}\n.mg9sb .fm{position:relative;padding:34px 22px;border-radius:20px;background:#141B2D}\n.mg9sb .fm:before,.mg9sb .fm:after{content:\"\";position:absolute;left:14px;right:14px;height:12px;background:repeating-linear-gradient(90deg,#FFFFFF 0 14px,transparent 14px 34px);opacity:.85;border-radius:3px}\n.mg9sb .fm:before{top:11px}.mg9sb .fm:after{bottom:11px}\n.mg9sb ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}\n.mg9sb ol li{margin:0;display:flex;flex-direction:column;border-radius:10px;background:#FFFFFF;overflow:hidden;opacity:0;transform:translateX(-14px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}\n.mg9sb.in ol li{opacity:1;transform:none}\n.mg9sb.in ol li:nth-child(2){transition-delay:.2s}.mg9sb.in ol li:nth-child(3){transition-delay:.4s}.mg9sb.in ol li:nth-child(4){transition-delay:.6s}\n.mg9sb .sk{position:relative;height:150px;margin:10px 10px 0;border-radius:6px;border:2px dashed #CDD3DD;background:#FAFBFC;overflow:hidden}\n.mg9sb .sk svg{position:absolute;inset:0;width:100%;height:100%}\n.mg9sb .sk svg *{fill:none;stroke:#141B2D;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}\n.mg9sb .sk svg .o{stroke:#E8590C}\n.mg9sb .sk span{position:absolute;left:8px;top:8px;padding:3px 7px;border-radius:5px;background:#141B2D;color:#FFFFFF;font:800 10px\/1 ui-monospace,Menlo,monospace}\n.mg9sb .tx{padding:14px 14px 16px;flex:1;display:flex;flex-direction:column}\n.mg9sb .tx b{display:block;font:800 16px\/1.25 Inter,sans-serif}\n.mg9sb .tx p{margin:4px 0 10px;font:400 13.5px\/1.5 Inter,sans-serif;color:#5B6475}\n.mg9sb .tx small{margin-top:auto;align-self:flex-start;padding:5px 8px;border-radius:6px;background:#FFF4E8;font:800 11px\/1 ui-monospace,Menlo,monospace;color:#C2410C}\n.mg9sb .pp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:22px 0 0;padding:0;list-style:none}\n.mg9sb .pp li{position:relative;margin:0;padding:14px 16px 14px 44px;background:#F6F7FA;font:700 14px\/1.3 Inter,sans-serif;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}\n.mg9sb .pp li:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);border-radius:12px 0 0 12px}\n.mg9sb .pp li b{position:absolute;left:22px;top:50%;transform:translateY(-50%);font:900 13px\/1 Inter,sans-serif;color:#E8590C}\n.mg9sb .pp li:first-child b{left:14px}\n.mg9sb .pp li.on{background:#E8590C;color:#FFFFFF}.mg9sb .pp li.on b{color:#FFFFFF}\n.pv-static .mg9sb ol li{opacity:1;transform:none}\n@media(max-width:1100px){.mg9sb .top{grid-template-columns:minmax(0,1fr);gap:20px}.mg9sb ol{grid-template-columns:repeat(2,minmax(0,1fr))}.mg9sb .pp{grid-template-columns:minmax(0,1fr)}.mg9sb .pp li,.mg9sb .pp li:first-child{clip-path:none;border-radius:10px}}\n@media(max-width:640px){.mg9sb h2{font-size:36px;letter-spacing:-1.2px}.mg9sb ol{grid-template-columns:minmax(0,1fr)}.mg9sb .fm{padding:32px 12px}}\n@media(prefers-reduced-motion:reduce){.mg9sb ol li{opacity:1;transform:none;transition:none}}\n<\/style>\n<div class=\"mg9sb\">\n <div class=\"top\">\n  <div><p class=\"eb\">Les coulisses<\/p><h2>De l\u2019id\u00e9e <em>\u00e0 l\u2019\u00e9cran<\/em><\/h2><\/div>\n  <div><p>Chaque vid\u00e9o commence sur le papier. Le storyboard d\u00e9coupe votre histoire sc\u00e8ne par sc\u00e8ne et permet de tout valider avant l\u2019animation.<\/p><\/div>\n <\/div>\n <div class=\"fm\" aria-label=\"Exemple de storyboard en 4 sc\u00e8nes\">\n  <ol>\n   <li><div class=\"sk\" aria-hidden=\"true\"><span>SC.01<\/span><svg viewBox=\"0 0 200 150\"><circle cx=\"70\" cy=\"50\" r=\"14\"\/><path d=\"M70 64 L70 104 M70 76 L52 92 M70 76 L92 84 M70 104 L58 132 M70 104 L82 132\"\/><rect x=\"104\" y=\"70\" width=\"60\" height=\"44\" rx=\"4\"\/><path class=\"o\" d=\"M112 82 h44 M112 94 h30 M112 106 h38\"\/><path class=\"o\" d=\"M150 34 l6 -10 M160 40 l10 -4 M140 30 l-2 -10\"\/><\/svg><\/div><div class=\"tx\"><b>Le probl\u00e8me<\/b><p>Une commer\u00e7ante perd du temps avec ses commandes.<\/p><small>0:00 \u2013 0:08<\/small><\/div><\/li>\n   <li><div class=\"sk\" aria-hidden=\"true\"><span>SC.02<\/span><svg viewBox=\"0 0 200 150\"><rect x=\"74\" y=\"20\" width=\"52\" height=\"96\" rx=\"8\"\/><rect class=\"o\" x=\"82\" y=\"34\" width=\"36\" height=\"22\" rx=\"3\"\/><path d=\"M84 66 h32 M84 76 h24\"\/><circle class=\"o\" cx=\"100\" cy=\"100\" r=\"7\"\/><path class=\"o\" d=\"M40 70 h20 M140 70 h20 M48 62 l12 8 -12 8 M152 62 l-12 8 12 8\"\/><\/svg><\/div><div class=\"tx\"><b>La solution<\/b><p>Votre application appara\u00eet et simplifie tout.<\/p><small>0:08 \u2013 0:20<\/small><\/div><\/li>\n   <li><div class=\"sk\" aria-hidden=\"true\"><span>SC.03<\/span><svg viewBox=\"0 0 200 150\"><path d=\"M40 120 h130\"\/><rect x=\"54\" y=\"90\" width=\"20\" height=\"30\"\/><rect x=\"86\" y=\"70\" width=\"20\" height=\"50\"\/><rect class=\"o\" x=\"118\" y=\"44\" width=\"20\" height=\"76\"\/><path class=\"o\" d=\"M50 80 L96 58 L128 34 L150 24 M142 22 l8 2 -2 8\"\/><circle cx=\"160\" cy=\"70\" r=\"14\"\/><path d=\"M160 62 v8 l6 4\"\/><\/svg><\/div><div class=\"tx\"><b>Les b\u00e9n\u00e9fices<\/b><p>Chiffres et ic\u00f4nes anim\u00e9s : temps gagn\u00e9, ventes.<\/p><small>0:20 \u2013 0:40<\/small><\/div><\/li>\n   <li><div class=\"sk\" aria-hidden=\"true\"><span>SC.04<\/span><svg viewBox=\"0 0 200 150\"><circle class=\"o\" cx=\"100\" cy=\"52\" r=\"22\"\/><circle cx=\"100\" cy=\"52\" r=\"9\"\/><path d=\"M60 92 h80\"\/><rect class=\"o\" x=\"66\" y=\"104\" width=\"68\" height=\"20\" rx=\"10\"\/><path d=\"M84 114 h32\"\/><\/svg><\/div><div class=\"tx\"><b>Appel \u00e0 l\u2019action<\/b><p>Logo anim\u00e9, site web et bouton \u00ab T\u00e9l\u00e9charger \u00bb.<\/p><small>0:40 \u2013 0:45<\/small><\/div><\/li>\n  <\/ol>\n <\/div>\n <ol class=\"pp\" aria-label=\"Les 5 \u00e9tapes de production\">\n  <li class=\"on\"><b>1.<\/b>Script<\/li><li class=\"on\"><b>2.<\/b>Storyboard<\/li><li><b>3.<\/b>Illustration<\/li><li><b>4.<\/b>Animation<\/li><li><b>5.<\/b>Son &amp; voix off<\/li>\n <\/ol>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mg9sb:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n if(!('IntersectionObserver' in window)){w.classList.add('in');return;}\n var io=new IntersectionObserver(function(e){if(e[0].isIntersecting){w.classList.add('in');io.disconnect();}},{threshold:.25});io.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-6bd2ce38 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6bd2ce38\" data-element_type=\"section\" data-e-type=\"section\" id=\"avantages\" 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-7ffb338c\" data-id=\"7ffb338c\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-60e10321 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"60e10321\" 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-55 elementor-inner-column elementor-element elementor-element-48730d02\" data-id=\"48730d02\" 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-64606ae0 pv-h mg-eyebrow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"64606ae0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:0}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Pourquoi le motion design<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e0e3e9d pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"5e0e3e9d\" 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\">Une vid\u00e9o qui <span class=\"mg-grad\">fait la diff\u00e9rence.<\/span><\/h2>\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-45 elementor-inner-column elementor-element elementor-element-22a68ad\" data-id=\"22a68ad\" 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-1ce1526f elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1ce1526f\" 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>Pas besoin de tournage, d\u2019acteurs ni de mat\u00e9riel : tout est cr\u00e9\u00e9 en graphisme, aux couleurs de votre marque. Comparez <strong style='color:#141B2D'>une image fixe et une animation<\/strong>.<\/p>\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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bce0f97 elementor-widget elementor-widget-spacer\" data-id=\"6bce0f97\" 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-21d99fed elementor-invisible elementor-widget elementor-widget-html\" data-id=\"21d99fed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:0}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.mgav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;font-family:Inter,sans-serif;color:#141B2D}\n.mgav *{box-sizing:border-box}\n.mgav-c{position:relative;display:flex;flex-direction:column;padding:26px 24px 22px;border-radius:28px;background:#fff;border:1px solid #ECEFF4;box-shadow:0 20px 50px rgba(20,27,45,.06);overflow:hidden;isolation:isolate;\n transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}\n.mgav-c:before{content:\"\";position:absolute;inset:0;z-index:-1;background:none}\n.mgav-c:hover{--ty:-6px;box-shadow:0 30px 70px rgba(20,27,45,.12)}\n.mgav-top{display:flex;align-items:center;justify-content:space-between}\n.mgav-ic{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;font-size:19px;background:#FFF1E6;color:#E8590C;transform:rotate(-6deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}\n.mgav-c:hover .mgav-ic{transform:rotate(6deg) scale(1.06)}\n.mgav-n{font:900 44px\/1 Inter,sans-serif;letter-spacing:-2px;color:transparent;-webkit-text-stroke:1.5px rgba(232,89,12,.25)}\n.mgav-c h3{margin:18px 0 6px;font:800 20px\/1.25 Inter,sans-serif;letter-spacing:-.4px;color:#141B2D}\n.mgav-c>p{margin:0 0 18px;font:500 14.5px\/1.55 Inter,sans-serif;color:#5B6475}\n.mgav-ba{margin-top:auto;display:grid;gap:8px}\n.mgav-ba div{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;font:600 13px\/1.45 Inter,sans-serif}\n.mgav-ba div i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:900 10px Inter,sans-serif;font-style:normal;margin-top:1px}\n.mgav-ba .s{background:#F6F7FA;color:#7A8394}.mgav-ba .s i{background:#E2E5EC;color:#7A8394}\n.mgav-ba .a{background:linear-gradient(135deg,#FFF5EC,#FFE9D6);color:#141B2D}.mgav-ba .a i{background:#E8590C;color:#fff}\n.mgav-ba small{display:block;font:800 10px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-bottom:1px}\n.mgav-c.d{background:linear-gradient(160deg,#1A2440,#0B1222);border-color:transparent}\n.mgav-c.d h3{color:#fff}.mgav-c.d>p{color:#C9D1E0}.mgav-c.d .mgav-ic{background:rgba(247,134,43,.18);color:#FFB067}.mgav-c.d .mgav-n{-webkit-text-stroke-color:rgba(255,255,255,.18)}\n.mgav-c.d .mgav-ba .s{background:rgba(255,255,255,.06);color:#AEB6C6}.mgav-c.d .mgav-ba .s i{background:rgba(255,255,255,.12);color:#AEB6C6}\n.mgav-c.d .mgav-ba .a{background:rgba(247,134,43,.16);color:#fff}\n@media(max-width:1024px){.mgav{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:640px){.mgav{grid-template-columns:minmax(0,1fr)}}\n@media(prefers-reduced-motion:reduce){.mgav *{transition:none!important}}\n<\/style>\n<div class=\"mgav\">\n <div class=\"mgav-c \"><div class=\"mgav-top\"><i class=\"mgav-ic fas fa-eye\"><\/i><span class=\"mgav-n\">01<\/span><\/div><h3>Plus d\u2019attention<\/h3><p>Le mouvement capte le regard, surtout sur les r\u00e9seaux o\u00f9 tout d\u00e9file vite.<\/p>\n  <div class=\"mgav-ba\"><div class=\"s\"><i>\u2715<\/i><span><small>Image fixe<\/small>Une affiche qu\u2019on fait d\u00e9filer sans la voir.<\/span><\/div><div class=\"a\"><i>\u2713<\/i><span><small>En motion design<\/small>Une animation qui arr\u00eate le pouce en 1 seconde.<\/span><\/div><\/div><\/div>\n <div class=\"mgav-c d\"><div class=\"mgav-top\"><i class=\"mgav-ic fas fa-lightbulb\"><\/i><span class=\"mgav-n\">02<\/span><\/div><h3>Un message clair<\/h3><p>Les id\u00e9es complexes deviennent simples et visuelles.<\/p>\n  <div class=\"mgav-ba\"><div class=\"s\"><i>\u2715<\/i><span><small>Image fixe<\/small>Un long texte que personne ne lit jusqu\u2019au bout.<\/span><\/div><div class=\"a\"><i>\u2713<\/i><span><small>En motion design<\/small>Une d\u00e9monstration \u00e9tape par \u00e9tape, facile \u00e0 suivre.<\/span><\/div><\/div><\/div>\n <div class=\"mgav-c \"><div class=\"mgav-top\"><i class=\"mgav-ic fas fa-brain\"><\/i><span class=\"mgav-n\">03<\/span><\/div><h3>Une meilleure m\u00e9morisation<\/h3><p>Images, rythme et son ancrent votre marque dans les esprits.<\/p>\n  <div class=\"mgav-ba\"><div class=\"s\"><i>\u2715<\/i><span><small>Image fixe<\/small>Un visuel vite oubli\u00e9.<\/span><\/div><div class=\"a\"><i>\u2713<\/i><span><small>En motion design<\/small>Un logo anim\u00e9 et un son reconnaissables.<\/span><\/div><\/div><\/div>\n <div class=\"mgav-c \"><div class=\"mgav-top\"><i class=\"mgav-ic fas fa-gem\"><\/i><span class=\"mgav-n\">04<\/span><\/div><h3>Une image moderne<\/h3><p>Des animations soign\u00e9es qui positionnent votre marque comme innovante.<\/p>\n  <div class=\"mgav-ba\"><div class=\"s\"><i>\u2715<\/i><span><small>Image fixe<\/small>Une communication qui para\u00eet dat\u00e9e.<\/span><\/div><div class=\"a\"><i>\u2713<\/i><span><small>En motion design<\/small>Une marque per\u00e7ue comme moderne et soign\u00e9e.<\/span><\/div><\/div><\/div>\n <div class=\"mgav-c \"><div class=\"mgav-top\"><i class=\"mgav-ic fas fa-share-alt\"><\/i><span class=\"mgav-n\">05<\/span><\/div><h3>Plus de partages<\/h3><p>Les vid\u00e9os courtes et ludiques circulent davantage.<\/p>\n  <div class=\"mgav-ba\"><div class=\"s\"><i>\u2715<\/i><span><small>Image fixe<\/small>Un post vu une fois, puis oubli\u00e9.<\/span><\/div><div class=\"a\"><i>\u2713<\/i><span><small>En motion design<\/small>Une vid\u00e9o que l\u2019on transf\u00e8re sur WhatsApp.<\/span><\/div><\/div><\/div>\n <div class=\"mgav-c d\"><div class=\"mgav-top\"><i class=\"mgav-ic fas fa-sync\"><\/i><span class=\"mgav-n\">06<\/span><\/div><h3>Facile \u00e0 mettre \u00e0 jour<\/h3><p>Un chiffre ou un texte change ? Pas besoin de tout refaire.<\/p>\n  <div class=\"mgav-ba\"><div class=\"s\"><i>\u2715<\/i><span><small>Image fixe<\/small>Un nouveau tournage \u00e0 chaque changement.<\/span><\/div><div class=\"a\"><i>\u2713<\/i><span><small>En motion design<\/small>Un texte ou un prix modifi\u00e9 en quelques heures.<\/span><\/div><\/div><\/div>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mgav:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n if(matchMedia('(hover:none)').matches||matchMedia('(prefers-reduced-motion:reduce)').matches)return;\n w.querySelectorAll('.mgav-c').forEach(function(c){c.addEventListener('mousemove',function(e){var b=c.getBoundingClientRect(),x=(e.clientX-b.left)\/b.width,y=(e.clientY-b.top)\/b.height;\n  c.style.setProperty('--ry',((x-.5)*8).toFixed(1)+'deg');c.style.setProperty('--rx',(-(y-.5)*8).toFixed(1)+'deg');c.style.setProperty('--gx',x*100+'%');c.style.setProperty('--gy',y*100+'%');});\n  c.addEventListener('mouseleave',function(){c.style.removeProperty('--rx');c.style.removeProperty('--ry');});});\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-765605cd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"765605cd\" data-element_type=\"section\" data-e-type=\"section\" id=\"showreel\" 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-b76fc4a\" data-id=\"b76fc4a\" 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-4ce63692 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"4ce63692\" 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\/* ===== Showreel \u2014 v2 : le lecteur et ses chapitres ===== *\/\n.mg9sr{font-family:Inter,sans-serif;color:#FFFFFF}\n.mg9sr *{box-sizing:border-box}\n.mg9sr .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;margin:0 0 40px}\n.mg9sr .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:#F7862B}\n.mg9sr .eb:before{content:\"\";width:34px;height:2px;background:#F7862B}\n.mg9sr h2{margin:0;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#FFFFFF!important}\n.mg9sr h2 em{font-style:normal;color:#F7862B}\n.mg9sr .top>div+div p{margin:0;font:400 17px\/1.7 Inter,sans-serif;color:#C9D1E0}\n.mg9sr .pl{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr);gap:16px}\n.mg9sr .sc{position:relative;display:block;aspect-ratio:16\/9;border-radius:22px;overflow:hidden;background:#141B2D;text-decoration:none;color:#FFFFFF!important}\n.mg9sr .sc .fr{position:absolute;inset:0;display:grid;place-items:center;background:var(--b,#E8590C);transition:background .5s}\n.mg9sr .sc .fr span{font:900 46px\/1 Inter,sans-serif;letter-spacing:-2px;color:var(--t,#FFFFFF);text-align:center;padding:0 30px;transition:color .5s}\n.mg9sr .sc .fr small{display:block;margin-top:10px;font:800 12px\/1 Inter,sans-serif;letter-spacing:.2em;opacity:.8}\n.mg9sr .sc .pb{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:grid;place-items:center;background:#FFFFFF;color:#E8590C;font-size:26px;opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}\n.mg9sr .sc:hover .pb,.mg9sr .sc:focus-visible .pb{opacity:1;transform:none}\n.mg9sr .sc:focus-visible{outline:3px solid #F7862B;outline-offset:3px}\n.mg9sr .sc .ct{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(11,18,34,.85)}\n.mg9sr .sc .ct i{font-size:14px}\n.mg9sr .sc .ct .bar{flex:1;height:4px;border-radius:2px;background:#3A4663;overflow:hidden}\n.mg9sr .sc .ct .bar b{display:block;height:100%;width:var(--p,0%);background:#E8590C;transition:width .5s}\n.mg9sr .sc .ct em{font:700 12px\/1 ui-monospace,Menlo,monospace;font-style:normal;color:#C9D1E0}\n.mg9sr .ch{display:flex;flex-direction:column;gap:6px;margin:0;padding:14px;list-style:none;border-radius:22px;background:#141B2D;border:1px solid #26314A}\n.mg9sr .ch>.lb{margin:0 0 6px;padding:4px 6px;font:800 12px\/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9AA3B5}\n.mg9sr .ch button{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:0;border-radius:12px;background:none;text-align:left;cursor:pointer;color:#FFFFFF;font-family:inherit;transition:background .25s}\n.mg9sr .ch button i{display:block;height:30px;border-radius:6px;background:var(--b)}\n.mg9sr .ch button b{display:block;font:700 14px\/1.2 Inter,sans-serif}\n.mg9sr .ch button small{display:block;margin-top:2px;font:500 11.5px\/1 Inter,sans-serif;color:#9AA3B5}\n.mg9sr .ch button em{font:700 11px\/1 ui-monospace,Menlo,monospace;font-style:normal;color:#7D8597}\n.mg9sr .ch button:hover,.mg9sr .ch button.on{background:#1F2A44}\n.mg9sr .ch button.on em{color:#F7862B}\n.mg9sr .ch button:focus-visible{outline:2px solid #F7862B;outline-offset:-2px}\n.mg9sr .cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}\n.mg9sr .cta p{margin:0;font:500 14px\/1.5 Inter,sans-serif;color:#9AA3B5}\n.mg9sr .cta a{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;background:#E8590C;color:#FFFFFF!important;font:800 15px\/1 Inter,sans-serif;text-decoration:none;transition:background .3s,transform .3s}\n.mg9sr .cta a:hover{background:#C2410C;transform:translateY(-2px)}\n@media(max-width:1100px){.mg9sr .top{grid-template-columns:minmax(0,1fr);gap:20px}.mg9sr .pl{grid-template-columns:minmax(0,1fr)}.mg9sr .ch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mg9sr .ch>.lb{grid-column:1\/-1}}\n@media(max-width:640px){.mg9sr h2{font-size:36px;letter-spacing:-1.2px}.mg9sr .sc .fr span{font-size:28px}.mg9sr .ch{grid-template-columns:minmax(0,1fr)}.mg9sr .cta a{width:100%;justify-content:center}}\n<\/style>\n<div class=\"mg9sr\">\n <div class=\"top\">\n  <div><p class=\"eb\">Showreel<\/p><h2>Nos animations <em>en mouvement<\/em><\/h2><\/div>\n  <div><p>Logos, vid\u00e9os explicatives, Reels, infographies : un aper\u00e7u de ce que nous pouvons cr\u00e9er pour votre marque.<\/p><\/div>\n <\/div>\n <div class=\"pl\">\n  <a class=\"sc\" href=\"\/portfolio\/\" aria-label=\"Voir notre showreel sur le portfolio\"><span class=\"fr\" aria-hidden=\"true\"><span class=\"tt\">Animation de logo<small>LOGO<\/small><\/span><\/span><span class=\"pb\" aria-hidden=\"true\"><i class=\"fas fa-play\"><\/i><\/span><span class=\"ct\" aria-hidden=\"true\"><i class=\"fas fa-play\"><\/i><span class=\"bar\"><b><\/b><\/span><em class=\"tc\">01 \/ 08<\/em><\/span><\/a>\n  <ul class=\"ch\" aria-label=\"Chapitres du showreel\">\n   <li class=\"lb\" aria-hidden=\"true\">Chapitres<\/li>\n   <li><button type=\"button\" class=\"on\" data-b=\"#E8590C\" data-t=\"#FFFFFF\" style=\"--b:#E8590C\"><i aria-hidden=\"true\"><\/i><span><b>Animation de logo<\/b><small>Logo<\/small><\/span><em>01<\/em><\/button><\/li>\n   <li><button type=\"button\" data-b=\"#FFF4E8\" data-t=\"#141B2D\" style=\"--b:#FFF4E8\"><i aria-hidden=\"true\"><\/i><span><b>Vid\u00e9o explicative<\/b><small>Explicatif<\/small><\/span><em>02<\/em><\/button><\/li>\n   <li><button type=\"button\" data-b=\"#141B2D\" data-t=\"#F7862B\" style=\"--b:#3A4663\"><i aria-hidden=\"true\"><\/i><span><b>Reel de lancement<\/b><small>R\u00e9seaux<\/small><\/span><em>03<\/em><\/button><\/li>\n   <li><button type=\"button\" data-b=\"#F7B267\" data-t=\"#141B2D\" style=\"--b:#F7B267\"><i aria-hidden=\"true\"><\/i><span><b>Typographie anim\u00e9e<\/b><small>Typo<\/small><\/span><em>04<\/em><\/button><\/li>\n   <li><button type=\"button\" data-b=\"#2563EB\" data-t=\"#FFFFFF\" style=\"--b:#2563EB\"><i aria-hidden=\"true\"><\/i><span><b>Infographie anim\u00e9e<\/b><small>Data<\/small><\/span><em>05<\/em><\/button><\/li>\n   <li><button type=\"button\" data-b=\"#C2410C\" data-t=\"#FFFFFF\" style=\"--b:#C2410C\"><i aria-hidden=\"true\"><\/i><span><b>Publicit\u00e9 vid\u00e9o<\/b><small>Pub<\/small><\/span><em>06<\/em><\/button><\/li>\n   <li><button type=\"button\" data-b=\"#2D6A4F\" data-t=\"#FFFFFF\" style=\"--b:#2D6A4F\"><i aria-hidden=\"true\"><\/i><span><b>Animation d\u2019interface<\/b><small>UI<\/small><\/span><em>07<\/em><\/button><\/li>\n   <li><button type=\"button\" data-b=\"#0F1E3D\" data-t=\"#FFFFFF\" style=\"--b:#0F1E3D\"><i aria-hidden=\"true\"><\/i><span><b>Teaser \u00e9v\u00e9nement<\/b><small>\u00c9v\u00e9nement<\/small><\/span><em>08<\/em><\/button><\/li>\n  <\/ul>\n <\/div>\n <div class=\"cta\"><p>Le showreel complet et nos projets r\u00e9cents sont disponibles sur notre portfolio.<\/p><a href=\"\/portfolio\/\">Voir notre showreel <i class=\"fas fa-play\" aria-hidden=\"true\"><\/i><\/a><\/div>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mg9sr:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var B=[].slice.call(w.querySelectorAll('.ch button')),fr=w.querySelector('.fr'),tt=w.querySelector('.tt'),tc=w.querySelector('.tc'),sc=w.querySelector('.sc'),k=0,t,user=false;\n function set(i){k=i;var b=B[i];B.forEach(function(x){x.classList.toggle('on',x===b);});fr.style.setProperty('--b',b.dataset.b);fr.style.setProperty('--t',b.dataset.t);tt.innerHTML=b.querySelector('b').textContent+'<small>'+b.querySelector('small').textContent.toUpperCase()+'<\/small>';tc.textContent='0'+(i+1)+' \/ 08';sc.style.setProperty('--p',((i+1)\/8*100)+'%');}\n B.forEach(function(b,i){b.addEventListener('click',function(){user=true;clearInterval(t);set(i);});});set(0);\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;t=setInterval(function(){set((k+1)%B.length);},2400);},{threshold:.3}).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-543baf05 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"543baf05\" data-element_type=\"section\" data-e-type=\"section\" id=\"methode\" 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-77969a74\" data-id=\"77969a74\" 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-4be634bc elementor-invisible elementor-widget elementor-widget-html\" data-id=\"4be634bc\" 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\/* ===== Notre m\u00e9thode \u2014 v2 : la ligne de temps de montage ===== *\/\n.mg9tm{font-family:Inter,sans-serif;color:#141B2D}\n.mg9tm *{box-sizing:border-box}\n.mg9tm .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;margin:0 0 40px}\n.mg9tm .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.mg9tm .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mg9tm h2{margin:0;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#141B2D!important}\n.mg9tm h2 em{font-style:normal;color:#E8590C}\n.mg9tm .top>div+div p{margin:0 0 20px;font:400 17px\/1.7 Inter,sans-serif;color:#5B6475}\n.mg9tm .bt{display:inline-flex;align-items:center;gap:10px;padding:16px 26px;border-radius:999px;background:#E8590C;color:#FFFFFF!important;font:800 15px\/1 Inter,sans-serif;text-decoration:none;transition:background .3s,transform .3s}\n.mg9tm .bt:hover{background:#C2410C;transform:translateY(-2px)}\n.mg9tm .ed{position:relative;padding:18px;border-radius:26px;background:#141B2D}\n.mg9tm .rl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 10px;font:700 11px\/1 ui-monospace,Menlo,monospace;color:#7D8597}\n.mg9tm .rl span{padding:0 0 8px 6px;border-left:1px solid #3A4663}\n.mg9tm .tr{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}\n.mg9tm .clp{height:46px;border-radius:8px;background:var(--c);display:flex;align-items:center;gap:8px;padding:0 12px;font:800 13px\/1.1 Inter,sans-serif;color:#FFFFFF;overflow:hidden;white-space:nowrap}\n.mg9tm .clp i{font-size:13px;opacity:.9}\n.mg9tm .wv{height:22px;margin-top:6px;border-radius:6px;background:repeating-linear-gradient(90deg,#3A4663 0 2px,transparent 2px 6px);opacity:.6}\n.mg9tm .ph{position:absolute;top:10px;bottom:10px;left:18px;width:2px;background:#F7862B;transition:left 3s linear}\n.mg9tm .ph:before{content:\"\";position:absolute;left:-6px;top:0;width:14px;height:12px;border-radius:3px;background:#F7862B}\n.mg9tm.in .ph{left:calc(100% - 20px)}\n.mg9tm ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;margin:16px 0 0;padding:0}\n.mg9tm ol>li{margin:0;display:flex;flex-direction:column;padding:20px 18px;border-radius:20px;background:#FFFFFF;border:1px solid #E6E9EF;border-top:4px solid var(--c)}\n.mg9tm ol>li .n{margin:0 0 8px;font:700 11px\/1 ui-monospace,Menlo,monospace;color:#9AA3B5}\n.mg9tm h3{margin:0 0 8px;font:800 17px\/1.25 Inter,sans-serif;color:#141B2D!important}\n.mg9tm ol>li>p:not(.n){margin:0 0 12px;font:400 14px\/1.55 Inter,sans-serif;color:#5B6475}\n.mg9tm ol>li ul{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}\n.mg9tm ol>li ul li{margin:0;padding:5px 9px;border-radius:999px;background:#F3F4F7;font:700 11.5px\/1 Inter,sans-serif;color:#3A4356}\n.pv-static .mg9tm .ph{left:calc(100% - 20px);transition:none}\n@media(max-width:1100px){.mg9tm .top{grid-template-columns:minmax(0,1fr);gap:20px}.mg9tm ol{grid-template-columns:repeat(2,minmax(0,1fr))}.mg9tm .clp span{display:none}.mg9tm .clp{justify-content:center}}\n@media(max-width:640px){.mg9tm h2{font-size:36px;letter-spacing:-1.2px}.mg9tm ol{grid-template-columns:minmax(0,1fr)}.mg9tm .bt{width:100%;justify-content:center}.mg9tm .rl{font-size:9px}}\n@media(prefers-reduced-motion:reduce){.mg9tm .ph{transition:none;left:calc(100% - 20px)}}\n<\/style>\n<div class=\"mg9tm\">\n <div class=\"top\">\n  <div><p class=\"eb\">Notre m\u00e9thode<\/p><h2>Votre vid\u00e9o <em>en 5 \u00e9tapes<\/em><\/h2><\/div>\n  <div><p>Vous validez chaque \u00e9tape : aucune surprise, du script \u00e0 la vid\u00e9o finale.<\/p><a class=\"bt\" href=\"#contact\">D\u00e9marrer mon projet <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/div>\n <\/div>\n <div class=\"ed\" aria-hidden=\"true\">\n  <div class=\"rl\"><span>\u00c9TAPE 1<\/span><span>\u00c9TAPE 2<\/span><span>\u00c9TAPE 3<\/span><span>\u00c9TAPE 4<\/span><span>\u00c9TAPE 5<\/span><\/div>\n  <div class=\"tr\"><div class=\"clp\" style=\"--c:#3A4663\"><i class=\"fas fa-pen\"><\/i><span>Brief &amp; script<\/span><\/div><div class=\"clp\" style=\"--c:#7C3AED\"><i class=\"fas fa-th-large\"><\/i><span>Storyboard<\/span><\/div><div class=\"clp\" style=\"--c:#2563EB\"><i class=\"fas fa-palette\"><\/i><span>Direction artistique<\/span><\/div><div class=\"clp\" style=\"--c:#E8590C\"><i class=\"fas fa-film\"><\/i><span>Animation &amp; son<\/span><\/div><div class=\"clp\" style=\"--c:#2D9D5F\"><i class=\"fas fa-check\"><\/i><span>Livraison<\/span><\/div><\/div>\n  <div class=\"wv\"><\/div>\n  <span class=\"ph\"><\/span>\n <\/div>\n <ol>\n  <li style=\"--c:#3A4663\"><p class=\"n\">\u00c9TAPE 1<\/p><h3>Brief &amp; script<\/h3><p>Nous d\u00e9finissons votre message, votre cible et la dur\u00e9e, puis r\u00e9digeons le script et le texte de la voix off.<\/p><ul><li>Message<\/li><li>Script<\/li><li>Voix off<\/li><\/ul><\/li>\n  <li style=\"--c:#7C3AED\"><p class=\"n\">\u00c9TAPE 2<\/p><h3>Storyboard<\/h3><p>Chaque sc\u00e8ne est dessin\u00e9e et minut\u00e9e : vous visualisez la vid\u00e9o compl\u00e8te avant toute animation.<\/p><ul><li>Sc\u00e8nes<\/li><li>Minutage<\/li><li>Validation<\/li><\/ul><\/li>\n  <li style=\"--c:#2563EB\"><p class=\"n\">\u00c9TAPE 3<\/p><h3>Direction artistique<\/h3><p>Nous cr\u00e9ons les illustrations, personnages et d\u00e9cors aux couleurs de votre charte graphique.<\/p><ul><li>Illustrations<\/li><li>Couleurs<\/li><li>Typographies<\/li><\/ul><\/li>\n  <li style=\"--c:#E8590C\"><p class=\"n\">\u00c9TAPE 4<\/p><h3>Animation &amp; son<\/h3><p>Les \u00e9l\u00e9ments prennent vie : mouvements, transitions, musique, effets sonores et voix off synchronis\u00e9s.<\/p><ul><li>Animation<\/li><li>Musique<\/li><li>Sound design<\/li><\/ul><\/li>\n  <li style=\"--c:#2D9D5F\"><p class=\"n\">\u00c9TAPE 5<\/p><h3>Retouches &amp; livraison<\/h3><p>Vous donnez vos retours, nous ajustons, puis livrons la vid\u00e9o dans tous les formats n\u00e9cessaires.<\/p><ul><li>Retours<\/li><li>MP4 HD<\/li><li>Formats r\u00e9seaux<\/li><\/ul><\/li>\n <\/ol>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mg9tm:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n if(!('IntersectionObserver' in window)){w.classList.add('in');return;}\n var io=new IntersectionObserver(function(e){if(e[0].isIntersecting){w.classList.add('in');io.disconnect();}},{threshold:.4});io.observe(w.querySelector('.ed'));\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-68da3f71 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"68da3f71\" data-element_type=\"section\" data-e-type=\"section\" id=\"usages\" 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-1351a4e4\" data-id=\"1351a4e4\" 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-341f49bd elementor-invisible elementor-widget elementor-widget-html\" data-id=\"341f49bd\" 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\/* ===== O\u00f9 les diffuser ? \u2014 v2 : un \u00e9cran par usage ===== *\/\n.mg9ud{font-family:Inter,sans-serif;color:#141B2D}\n.mg9ud *{box-sizing:border-box}\n.mg9ud .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;margin:0 0 44px}\n.mg9ud .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.mg9ud .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mg9ud h2{margin:0;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#141B2D!important}\n.mg9ud h2 em{font-style:normal;color:#E8590C}\n.mg9ud .top>div+div p{margin:0;font:400 17px\/1.7 Inter,sans-serif;color:#5B6475}\n.mg9ud .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}\n.mg9ud .c{margin:0;display:flex;flex-direction:column;border-radius:24px;background:#FFFFFF;border:1px solid #F0E3D6;overflow:hidden;transition:border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}\n.mg9ud .c:hover{border-color:#E8590C;transform:translateY(-4px)}\n.mg9ud .dv{height:200px;display:grid;place-items:center;background:#FFF4E8;border-bottom:1px solid #F0E3D6}\n.mg9ud .sc{display:block;position:relative;width:var(--w);aspect-ratio:var(--r);border-radius:var(--rd,8px);background:#141B2D;border:var(--bd,6px) solid #141B2D;overflow:hidden}\n.mg9ud .sc i{position:absolute;inset:0;background:#E8590C;animation:mg9ud-s 3s cubic-bezier(.65,0,.35,1) infinite}\n.mg9ud .sc i:after{content:\"\";position:absolute;left:14%;top:34%;width:28%;aspect-ratio:1;border-radius:50%;background:#FFFFFF}\n.mg9ud .sc b{position:absolute;left:50%;top:40%;width:34%;height:6%;min-height:4px;border-radius:3px;background:#141B2D;z-index:1}\n@keyframes mg9ud-s{0%{transform:translateX(-101%)}25%,75%{transform:none}100%{transform:translateX(101%)}}\n.mg9ud .sc.lap{border-bottom-width:12px}\n.mg9ud .lb{position:relative;display:inline-block}\n.mg9ud .lb:after{content:\"\";position:absolute;left:-14%;right:-14%;bottom:-8px;height:8px;border-radius:0 0 8px 8px;background:#3A4663}\n.mg9ud .bd{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}\n.mg9ud .hd{display:flex;align-items:center;gap:12px;margin:0 0 8px}\n.mg9ud .hd i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#141B2D;color:#F7862B;font-size:15px}\n.mg9ud h3{margin:0;font:800 18px\/1.25 Inter,sans-serif;color:#141B2D!important}\n.mg9ud .bd>p{margin:0 0 12px;font:400 14px\/1.55 Inter,sans-serif;color:#5B6475}\n.mg9ud .bd>p.d{padding:12px 14px;border-radius:12px;background:#F6F7FA;font-size:13.5px;color:#3A4356}\n.mg9ud .bd>p.d b{color:#141B2D}\n.mg9ud .sp{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}\n.mg9ud .sp span{padding:6px 10px;border-radius:999px;font:800 12px\/1 Inter,sans-serif;background:#141B2D;color:#FFFFFF}\n.mg9ud .sp span+span{background:#FFF4E8;color:#C2410C}\n.pv-static .mg9ud .sc i{animation:none}\n@media(max-width:1100px){.mg9ud .top{grid-template-columns:minmax(0,1fr);gap:20px}.mg9ud .g{grid-template-columns:repeat(2,minmax(0,1fr))}}\n@media(max-width:640px){.mg9ud h2{font-size:36px;letter-spacing:-1.2px}.mg9ud .g{grid-template-columns:minmax(0,1fr)}}\n@media(prefers-reduced-motion:reduce){.mg9ud .sc i{animation:none}}\n<\/style>\n<div class=\"mg9ud\">\n <div class=\"top\">\n  <div><p class=\"eb\">O\u00f9 les diffuser ?<\/p><h2>Une vid\u00e9o, <em>mille usages<\/em><\/h2><\/div>\n  <div><p>Nous livrons votre animation dans tous les formats dont vous avez besoin, adapt\u00e9s \u00e0 chaque \u00e9cran.<\/p><\/div>\n <\/div>\n <ul class=\"g\">\n  <li class=\"c\"><div class=\"dv\" aria-hidden=\"true\"><span class=\"lb\"><span class=\"sc lap\" style=\"--w:220px;--r:16\/9\"><i><\/i><b><\/b><\/span><\/span><\/div><div class=\"bd\"><div class=\"hd\"><i class=\"fas fa-globe\" aria-hidden=\"true\"><\/i><h3>Site internet<\/h3><\/div><p>En page d\u2019accueil, pour pr\u00e9senter votre activit\u00e9.<\/p><p class=\"d\"><b>Format paysage 1920 \u00d7 1080.<\/b> Une version courte en boucle, sans son, pour l\u2019arri\u00e8re-plan de la page d\u2019accueil.<\/p><div class=\"sp\"><span>16:9<\/span><span>30 \u00e0 60 s<\/span><\/div><\/div><\/li>\n  <li class=\"c\"><div class=\"dv\" aria-hidden=\"true\"><span class=\"sc\" style=\"--w:86px;--r:9\/16;--rd:16px\"><i><\/i><b><\/b><\/span><\/div><div class=\"bd\"><div class=\"hd\"><i class=\"fas fa-hashtag\" aria-hidden=\"true\"><\/i><h3>Reels &amp; Stories<\/h3><\/div><p>Des vid\u00e9os verticales qui arr\u00eatent le d\u00e9filement.<\/p><p class=\"d\"><b>Format vertical 1080 \u00d7 1920.<\/b> Le message tient dans la zone centrale pour ne pas \u00eatre cach\u00e9 par les boutons de l\u2019application.<\/p><div class=\"sp\"><span>9:16<\/span><span>6 \u00e0 30 s<\/span><\/div><\/div><\/li>\n  <li class=\"c\"><div class=\"dv\" aria-hidden=\"true\"><span class=\"sc\" style=\"--w:120px;--r:4\/5;--rd:12px\"><i><\/i><b><\/b><\/span><\/div><div class=\"bd\"><div class=\"hd\"><i class=\"fas fa-th-large\" aria-hidden=\"true\"><\/i><h3>Fil d\u2019actualit\u00e9<\/h3><\/div><p>Posts anim\u00e9s pour Facebook, Instagram et LinkedIn.<\/p><p class=\"d\"><b>Format 1080 \u00d7 1350.<\/b> Il occupe plus de place dans le fil que le carr\u00e9, avec des sous-titres pour une lecture sans son.<\/p><div class=\"sp\"><span>4:5<\/span><span>10 \u00e0 30 s<\/span><\/div><\/div><\/li>\n  <li class=\"c\"><div class=\"dv\" aria-hidden=\"true\"><span class=\"sc\" style=\"--w:240px;--r:16\/9;--rd:4px;--bd:4px\"><i><\/i><b><\/b><\/span><\/div><div class=\"bd\"><div class=\"hd\"><i class=\"fas fa-chalkboard-teacher\" aria-hidden=\"true\"><\/i><h3>Pr\u00e9sentations<\/h3><\/div><p>Pitchs, salons, conf\u00e9rences et r\u00e9unions.<\/p><p class=\"d\"><b>Format paysage HD ou 4K.<\/b> Une version avec voix off et une version muette pour les \u00e9crans de stand.<\/p><div class=\"sp\"><span>16:9<\/span><span>60 \u00e0 120 s<\/span><\/div><\/div><\/li>\n  <li class=\"c\"><div class=\"dv\" aria-hidden=\"true\"><span class=\"lb\" style=\"display:inline-block\"><span class=\"sc\" style=\"--w:92px;--r:9\/16;--rd:6px;--bd:8px\"><i><\/i><b><\/b><\/span><\/span><\/div><div class=\"bd\"><div class=\"hd\"><i class=\"fas fa-tv\" aria-hidden=\"true\"><\/i><h3>\u00c9crans &amp; \u00e9v\u00e9nements<\/h3><\/div><p>Boutiques, stands, c\u00e9r\u00e9monies et lancements.<\/p><p class=\"d\"><b>\u00c9cran vertical ou paysage selon votre support.<\/b> Une animation en boucle lisible de loin, avec de gros textes.<\/p><div class=\"sp\"><span>9:16<\/span><span>Boucle 15 s<\/span><\/div><\/div><\/li>\n  <li class=\"c\"><div class=\"dv\" aria-hidden=\"true\"><span class=\"sc\" style=\"--w:120px;--r:1\/1;--rd:18px 18px 18px 4px\"><i><\/i><b><\/b><\/span><\/div><div class=\"bd\"><div class=\"hd\"><i class=\"fab fa-whatsapp\" aria-hidden=\"true\"><\/i><h3>WhatsApp &amp; e-mails<\/h3><\/div><p>Des messages plus vivants pour vos clients.<\/p><p class=\"d\"><b>Format carr\u00e9, fichier l\u00e9ger.<\/b> Une vid\u00e9o courte ou un GIF anim\u00e9 qui s\u2019envoie facilement et se charge vite.<\/p><div class=\"sp\"><span>1:1<\/span><span>6 \u00e0 15 s<\/span><\/div><\/div><\/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-4cbdade4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4cbdade4\" data-element_type=\"section\" data-e-type=\"section\" id=\"formules\" 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-59a5dcda\" data-id=\"59a5dcda\" 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-590c85e0 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"590c85e0\" 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\/* ===== Nos formules \u2014 v2 : les claps ===== *\/\n.mg9cl{font-family:Inter,sans-serif;color:#FFFFFF}\n.mg9cl *{box-sizing:border-box}\n.mg9cl .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;margin:0 0 48px}\n.mg9cl .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:#F7862B}\n.mg9cl .eb:before{content:\"\";width:34px;height:2px;background:#F7862B}\n.mg9cl h2{margin:0;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#FFFFFF!important}\n.mg9cl h2 em{font-style:normal;color:#F7862B}\n.mg9cl .top>div+div p{margin:0;font:400 17px\/1.7 Inter,sans-serif;color:#C9D1E0}\n.mg9cl .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;list-style:none;margin:0;padding:0}\n.mg9cl .c{position:relative;margin:0;display:flex;flex-direction:column;padding-top:20px}\n.mg9cl .cp{position:absolute;left:0;right:0;top:0;height:30px;border-radius:10px 10px 0 0;background:repeating-linear-gradient(-55deg,#FFFFFF 0 20px,#141B2D 20px 40px);transform-origin:8px 30px;transform:rotate(-8deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1);border:2px solid #141B2D}\n.mg9cl .c:hover .cp,.mg9cl .c.clap .cp{transform:none}\n.mg9cl .pop .cp{background:repeating-linear-gradient(-55deg,#E8590C 0 20px,#141B2D 20px 40px)}\n.mg9cl .bd{flex:1;display:flex;flex-direction:column;margin-top:12px;border-radius:0 0 22px 22px;background:#141B2D;border:1px solid #26314A;overflow:hidden}\n.mg9cl .pop .bd{background:#E8590C;border-color:#E8590C}\n.mg9cl .sl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #26314A}\n.mg9cl .pop .sl{border-bottom-color:rgba(255,255,255,.35)}\n.mg9cl .sl span{padding:10px 14px;font:700 10px\/1.2 ui-monospace,Menlo,monospace;color:#7D8597;text-transform:uppercase}\n.mg9cl .sl span b{display:block;margin-top:3px;font:800 13px\/1.2 Inter,sans-serif;color:#FFFFFF;text-transform:none}\n.mg9cl .pop .sl span{color:#FFE3CC}\n.mg9cl .sl span+span{border-left:1px solid #26314A}\n.mg9cl .pop .sl span+span{border-left-color:rgba(255,255,255,.35)}\n.mg9cl .in{padding:24px;display:flex;flex-direction:column;flex:1}\n.mg9cl .in .ic{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}\n.mg9cl .in .ic i{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#26314A;color:#F7862B;font-size:19px}\n.mg9cl .pop .in .ic i{background:#FFFFFF;color:#E8590C}\n.mg9cl .in .ic span{padding:7px 11px;border-radius:999px;background:#FFFFFF;color:#E8590C;font:800 10.5px\/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase}\n.mg9cl h3{margin:0 0 6px;font:900 26px\/1.1 Inter,sans-serif;letter-spacing:-.7px;color:#FFFFFF!important}\n.mg9cl .in>p{margin:0 0 18px;font:500 15px\/1.5 Inter,sans-serif;color:#AEB6C6}\n.mg9cl .pop .in>p{color:#FFE3CC}\n.mg9cl .in ul{list-style:none;margin:0 0 22px;padding:16px 0 0;border-top:1px dashed #3A4663}\n.mg9cl .pop .in ul{border-top-color:rgba(255,255,255,.4)}\n.mg9cl .in li{display:flex;gap:10px;align-items:flex-start;margin:0;padding:6px 0;font:600 14.5px\/1.4 Inter,sans-serif}\n.mg9cl .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.mg9cl .pop .in li i{background:#FFFFFF;color:#E8590C}\n.mg9cl .pr{margin-top:auto}\n.mg9cl .pr b{display:block;font:900 24px\/1 Inter,sans-serif;letter-spacing:-.5px}\n.mg9cl .pr small{display:block;margin:5px 0 14px;font:500 12.5px\/1.3 Inter,sans-serif;color:#9AA3B5}\n.mg9cl .pop .pr small{color:#FFE3CC}\n.mg9cl .pr a{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;border-radius:999px;background:#FFFFFF;color:#141B2D!important;font:800 14.5px\/1 Inter,sans-serif;text-decoration:none;transition:background .3s,transform .3s,color .3s}\n.mg9cl .pr a:hover{background:#F7862B;color:#FFFFFF!important;transform:translateY(-2px)}\n.mg9cl .pop .pr a{background:#141B2D;color:#FFFFFF!important}\n.mg9cl .no{margin:24px 0 0;display:flex;align-items:center;gap:10px;font:500 14.5px\/1.5 Inter,sans-serif;color:#AEB6C6}\n.mg9cl .no i{color:#F7862B}\n@media(max-width:1100px){.mg9cl .top{grid-template-columns:minmax(0,1fr);gap:20px}.mg9cl .g{grid-template-columns:minmax(0,1fr);max-width:520px}}\n@media(max-width:640px){.mg9cl h2{font-size:36px;letter-spacing:-1.2px}.mg9cl .in{padding:20px}}\n@media(prefers-reduced-motion:reduce){.mg9cl .cp{transition:none}}\n<\/style>\n<div class=\"mg9cl\">\n <div class=\"top\">\n  <div><p class=\"eb\">Nos formules<\/p><h2>Une formule pour <em>chaque projet<\/em><\/h2><\/div>\n  <div><p>Le tarif d\u00e9pend de la dur\u00e9e, du style d\u2019animation, du nombre de personnages et de la voix off.<\/p><\/div>\n <\/div>\n <ul class=\"g\">\n  <li class=\"c\"><span class=\"cp\" aria-hidden=\"true\"><\/span><div class=\"bd\"><div class=\"sl\" aria-hidden=\"true\"><span>Prod.<b>Logo<\/b><\/span><span>Dur\u00e9e<b>3 \u00e0 8 s<\/b><\/span><span>Prise<b>01<\/b><\/span><\/div><div class=\"in\"><div class=\"ic\"><i class=\"fas fa-bolt\" aria-hidden=\"true\"><\/i><\/div><h3>Logo anim\u00e9<\/h3><p>Pour signer toutes vos vid\u00e9os.<\/p><ul><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Animation de 3 \u00e0 8 secondes<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Effets sonores inclus<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Versions fond clair et fonc\u00e9<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Formats 16:9, 1:1 et 9:16<\/li><\/ul><div class=\"pr\"><b>Sur devis<\/b><small>Selon le style d\u2019animation<\/small><a href=\"#contact\">Demander un devis <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/div><\/div><\/div><\/li>\n  <li class=\"c pop\"><span class=\"cp\" aria-hidden=\"true\"><\/span><div class=\"bd\"><div class=\"sl\" aria-hidden=\"true\"><span>Prod.<b>Explicative<\/b><\/span><span>Dur\u00e9e<b>\u2264 90 s<\/b><\/span><span>Prise<b>02<\/b><\/span><\/div><div class=\"in\"><div class=\"ic\"><i class=\"fas fa-film\" aria-hidden=\"true\"><\/i><span>Le plus demand\u00e9<\/span><\/div><h3>Vid\u00e9o explicative<\/h3><p>Pour pr\u00e9senter une offre ou un service.<\/p><ul><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Script et storyboard<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Illustrations sur mesure<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Animation 2D jusqu\u2019\u00e0 90 s<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Musique et voix off<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>D\u00e9clinaisons r\u00e9seaux sociaux<\/li><\/ul><div class=\"pr\"><b>Sur devis<\/b><small>Selon la dur\u00e9e et les personnages<\/small><a href=\"#contact\">Demander un devis <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/div><\/div><\/div><\/li>\n  <li class=\"c\"><span class=\"cp\" aria-hidden=\"true\"><\/span><div class=\"bd\"><div class=\"sl\" aria-hidden=\"true\"><span>Prod.<b>R\u00e9seaux<\/b><\/span><span>Rythme<b>Mensuel<\/b><\/span><span>Prise<b>03<\/b><\/span><\/div><div class=\"in\"><div class=\"ic\"><i class=\"fas fa-layer-group\" aria-hidden=\"true\"><\/i><\/div><h3>Pack r\u00e9seaux<\/h3><p>Pour des contenus anim\u00e9s r\u00e9guliers.<\/p><ul><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Reels et Stories anim\u00e9s<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Posts en mouvement<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Gabarits \u00e0 vos couleurs<\/li><li><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Livraison chaque mois<\/li><\/ul><div class=\"pr\"><b>Sur devis<\/b><small>Selon le volume mensuel<\/small><a href=\"#contact\">Demander un devis <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/div><\/div><\/div><\/li>\n <\/ul>\n <p class=\"no\"><i class=\"fas fa-info-circle\" aria-hidden=\"true\"><\/i>Devis gratuit et d\u00e9taill\u00e9 apr\u00e8s un premier \u00e9change.<\/p>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mg9cl:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n if(document.documentElement.classList.contains('pv-static')||matchMedia('(prefers-reduced-motion:reduce)').matches||!('IntersectionObserver' in window))return;\n var C=[].slice.call(w.querySelectorAll('.c'));\n var io=new IntersectionObserver(function(e){if(!e[0].isIntersecting)return;io.disconnect();C.forEach(function(c,i){setTimeout(function(){c.classList.add('clap');setTimeout(function(){c.classList.remove('clap');},500);},400+i*350);});},{threshold:.4});io.observe(w.querySelector('.g'));\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-3ebeeb29 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3ebeeb29\" data-element_type=\"section\" data-e-type=\"section\" id=\"devis-express\" 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-66396c9a\" data-id=\"66396c9a\" 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<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-41939c69 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"41939c69\" 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-55 elementor-inner-column elementor-element elementor-element-76cb5841\" data-id=\"76cb5841\" 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-48796321 pv-h mg-eyebrow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"48796321\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:0}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">Devis express \u00b7 30 secondes<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f12983 pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"5f12983\" 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\">D\u00e9crivez <span class=\"mg-grad\">votre vid\u00e9o<\/span><\/h2>\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-45 elementor-inner-column elementor-element elementor-element-2dba30c1\" data-id=\"2dba30c1\" 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-75bbc187 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"75bbc187\" 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>Cinq choix rapides et votre demande est pr\u00eate : envoyez-la sur WhatsApp ou retrouvez-la <strong style='color:#141B2D'>pr\u00e9remplie dans le formulaire<\/strong> en bas de page.<\/p>\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\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-16735797 elementor-widget elementor-widget-spacer\" data-id=\"16735797\" 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-567fbce6 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"567fbce6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:0}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.mgdx{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px;align-items:start;font-family:Inter,sans-serif;color:#141B2D}\n.mgdx *{box-sizing:border-box}\n.mgdx-q{padding:24px 0 22px;border-bottom:1px solid #ECEFF4}.mgdx-q:first-child{padding-top:0}\n.mgdx-q h4{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:800 16px Inter,sans-serif}\n.mgdx-q h4 i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font:800 12px Inter,sans-serif;font-style:normal;background:#FFF1E6;color:#E8590C;transition:.35s}\n.mgdx-q.ok h4 i{background:#E8590C;color:#fff}\n.mgdx-o{display:flex;flex-wrap:wrap;gap:8px}\n.mgdx-o button{all:unset;box-sizing:border-box;cursor:pointer;padding:11px 16px;border-radius:14px;font:700 14px Inter,sans-serif;background:#fff;border:1.5px solid #E6E9F0;transition:border-color .3s,background .3s,color .3s,transform .3s cubic-bezier(.2,.8,.2,1)}\n.mgdx-o button:hover{transform:translateY(-2px);border-color:#FFC79E}\n.mgdx-o button[aria-pressed=\"true\"]{background:#141B2D;border-color:#141B2D;color:#fff}\n.mgdx-o button:focus-visible{outline:3px solid #F7862B;outline-offset:2px}\n\/* ticket *\/\n.mgdx-t{position:sticky;top:110px;filter:drop-shadow(0 30px 50px rgba(20,27,45,.18))}\n.mgdx-tk{position:relative;padding:26px 24px 22px;background:#fff;border-radius:22px 22px 0 0;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}\n.mgdx-tk:after{content:\"\";position:absolute;left:0;right:0;bottom:-14px;height:14px;background:radial-gradient(circle at 10px 0,transparent 9px,#fff 10px) 0 0\/20px 14px repeat-x}\n.mgdx-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:14px;border-bottom:2px dashed #E6E9F0}\n.mgdx-hd b{font:900 18px Inter,sans-serif;letter-spacing:-.4px}.mgdx-hd span{font:700 11px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#E8590C}\n.mgdx-r{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #F3F4F7;font:600 14px Inter,sans-serif}\n.mgdx-r span{color:#7A8394}.mgdx-r b{text-align:right;color:#141B2D;transition:color .3s}.mgdx-r b.em{color:#C0C6D2;font-weight:600}\n.mgdx-r b.fl{animation:mgdx-f .6s}@keyframes mgdx-f{30%{color:#E8590C}}\n.mgdx-pr{display:flex;align-items:center;gap:10px;margin:16px 0 4px}\n.mgdx-pr i{flex:1;height:6px;border-radius:6px;background:#F0F2F6;overflow:hidden}.mgdx-pr i:after{content:\"\";display:block;height:100%;width:var(--w,0%);background:linear-gradient(90deg,#F7862B,#E8590C);transition:width .6s cubic-bezier(.2,.8,.2,1)}\n.mgdx-pr small{font:700 12px Inter,sans-serif;color:#7A8394;white-space:nowrap}\n.mgdx-bt{display:grid;gap:8px;margin-top:22px}\n.mgdx-bt a{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:999px;font:800 14.5px Inter,sans-serif;text-decoration:none;transition:transform .3s,background .3s,color .3s}\n.mgdx-bt a.p{background:linear-gradient(135deg,#F7862B,#E8590C);color:#fff;box-shadow:0 14px 30px rgba(232,89,12,.3)}\n.mgdx-bt a.s{border:1.5px solid #141B2D;color:#141B2D}.mgdx-bt a.s:hover{background:#141B2D;color:#fff}\n.mgdx-bt a:hover{transform:translateY(-2px)}.mgdx-bt a:focus-visible{outline:3px solid #F7862B;outline-offset:3px}\n.mgdx-nt{margin:12px 0 0;text-align:center;font:500 12.5px Inter,sans-serif;color:#7A8394}\n@media(max-width:980px){.mgdx{grid-template-columns:minmax(0,1fr)}.mgdx-t{position:relative;top:0}}\n@media(max-width:560px){.mgdx-o button{padding:10px 13px;font-size:13.5px}.mgdx-tk{padding:22px 18px 18px}}\n<\/style>\n<div class=\"mgdx\">\n <div>\n  <div class=\"mgdx-q\" data-k=\"besoin\"><h4><i>1<\/i>Type d\u2019animation<\/h4><div class=\"mgdx-o\"><button type=\"button\">Animation de logo<\/button><button type=\"button\">Vid\u00e9o explicative<\/button><button type=\"button\">Typographie anim\u00e9e<\/button><button type=\"button\">Contenus anim\u00e9s pour les r\u00e9seaux<\/button><button type=\"button\">Infographie anim\u00e9e<\/button><button type=\"button\">Publicit\u00e9 vid\u00e9o<\/button><button type=\"button\">Autre projet<\/button><\/div><\/div>\n  <div class=\"mgdx-q\" data-k=\"duree\"><h4><i>2<\/i>Dur\u00e9e souhait\u00e9e<\/h4><div class=\"mgdx-o\"><button type=\"button\">Moins de 15 s<\/button><button type=\"button\">15 \u00e0 30 s<\/button><button type=\"button\">30 \u00e0 60 s<\/button><button type=\"button\">60 \u00e0 120 s<\/button><button type=\"button\">\u00c0 me conseiller<\/button><\/div><\/div>\n  <div class=\"mgdx-q\" data-k=\"formats\" data-m=\"1\"><h4><i>3<\/i>Formats <em style=\"font:600 12px Inter,sans-serif;font-style:normal;color:#7A8394\">\u00b7 plusieurs choix possibles<\/em><\/h4><div class=\"mgdx-o\"><button type=\"button\">16:9 (site, \u00e9cran)<\/button><button type=\"button\">9:16 (Reels, Stories)<\/button><button type=\"button\">4:5 (fil d\u2019actualit\u00e9)<\/button><button type=\"button\">1:1 (carr\u00e9)<\/button><\/div><\/div>\n  <div class=\"mgdx-q\" data-k=\"son\"><h4><i>4<\/i>Son<\/h4><div class=\"mgdx-o\"><button type=\"button\">Voix off + musique<\/button><button type=\"button\">Musique seule<\/button><button type=\"button\">Sans son (sous-titres)<\/button><button type=\"button\">\u00c0 me conseiller<\/button><\/div><\/div>\n  <div class=\"mgdx-q\" data-k=\"delai\"><h4><i>5<\/i>Pour quand ?<\/h4><div class=\"mgdx-o\"><button type=\"button\">Sous 2 semaines<\/button><button type=\"button\">Dans le mois<\/button><button type=\"button\">Pas press\u00e9<\/button><\/div><\/div>\n <\/div>\n <div class=\"mgdx-t\">\n  <div class=\"mgdx-tk\">\n   <div class=\"mgdx-hd\"><b>Ma demande<\/b><span>Devis express<\/span><\/div>\n   <div class=\"mgdx-r\"><span>Animation<\/span><b class=\"em\" data-v=\"besoin\">\u00c0 choisir<\/b><\/div>\n   <div class=\"mgdx-r\"><span>Dur\u00e9e<\/span><b class=\"em\" data-v=\"duree\">\u00c0 choisir<\/b><\/div>\n   <div class=\"mgdx-r\"><span>Formats<\/span><b class=\"em\" data-v=\"formats\">\u00c0 choisir<\/b><\/div>\n   <div class=\"mgdx-r\"><span>Son<\/span><b class=\"em\" data-v=\"son\">\u00c0 choisir<\/b><\/div>\n   <div class=\"mgdx-r\"><span>D\u00e9lai<\/span><b class=\"em\" data-v=\"delai\">\u00c0 choisir<\/b><\/div>\n   <div class=\"mgdx-pr\"><i><\/i><small class=\"pc\">0 \/ 5<\/small><\/div>\n   <div class=\"mgdx-bt\"><a class=\"p wa\" href=\"https:\/\/wa.me\/2250160101002\" target=\"_blank\" rel=\"noopener\">\ud83d\udcac Envoyer sur WhatsApp<\/a><a class=\"s fm\" href=\"#contact\">Compl\u00e9ter le formulaire \u2193<\/a><\/div>\n   <p class=\"mgdx-nt\">Devis gratuit, r\u00e9ponse sous un jour ouvr\u00e9.<\/p>\n  <\/div>\n <\/div>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mgdx:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var V={},Q=[].slice.call(w.querySelectorAll('.mgdx-q')),tk=w.querySelector('.mgdx-tk'),wa=w.querySelector('.wa'),fm=w.querySelector('.fm');\n var L={besoin:'Animation',duree:'Dur\u00e9e',formats:'Formats',son:'Son',delai:'D\u00e9lai'};\n function txt(){return 'Bonjour My Grafik, je souhaite un devis motion design :\\n'+Object.keys(L).filter(function(k){return V[k];}).map(function(k){return '\u2022 '+L[k]+' : '+V[k];}).join('\\n');}\n function up(){var n=Object.keys(V).length;tk.querySelector('.mgdx-pr i').style.setProperty('--w',n*20+'%');tk.querySelector('.pc').textContent=n+' \/ 5';\n  wa.href='https:\/\/wa.me\/2250160101002?text='+encodeURIComponent(n?txt():'Bonjour My Grafik, je souhaite un devis pour une vid\u00e9o en motion design.');}\n Q.forEach(function(q){var k=q.getAttribute('data-k'),m=q.hasAttribute('data-m'),B=[].slice.call(q.querySelectorAll('button'));\n  B.forEach(function(b){b.setAttribute('aria-pressed','false');b.addEventListener('click',function(){\n   if(m){b.setAttribute('aria-pressed',b.getAttribute('aria-pressed')!=='true');var sel=B.filter(function(x){return x.getAttribute('aria-pressed')==='true';}).map(function(x){return x.textContent;});\n    if(sel.length)V[k]=sel.join(', ');else delete V[k];}\n   else{B.forEach(function(x){x.setAttribute('aria-pressed',x===b);});V[k]=b.textContent;}\n   q.classList.toggle('ok',!!V[k]);var o=tk.querySelector('[data-v=\"'+k+'\"]');o.textContent=V[k]||'\u00c0 choisir';o.classList.remove('fl');o.classList.toggle('em',!V[k]);void o.offsetWidth;if(V[k])o.classList.add('fl');up();});});});\n fm.addEventListener('click',function(){var f=document.querySelector('#contact textarea');if(f&&Object.keys(V).length){f.value=txt();}\n  var s=document.querySelector('#contact select');if(s&&V.besoin){[].forEach.call(s.options,function(o){if(o.text.trim().toLowerCase()===V.besoin.toLowerCase())s.value=o.value;});}});\n up();\n if(!matchMedia('(hover:none)').matches&&!matchMedia('(prefers-reduced-motion:reduce)').matches){\n  tk.addEventListener('mousemove',function(e){var b=tk.getBoundingClientRect();tk.style.setProperty('--ry',(((e.clientX-b.left)\/b.width-.5)*8).toFixed(1)+'deg');tk.style.setProperty('--rx',(-((e.clientY-b.top)\/b.height-.5)*8).toFixed(1)+'deg');});\n  tk.addEventListener('mouseleave',function(){tk.style.removeProperty('--rx');tk.style.removeProperty('--ry');});}\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-4882ea2a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4882ea2a\" data-element_type=\"section\" data-e-type=\"section\" id=\"pourquoi-nous\" 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-5f7e5ae7\" data-id=\"5f7e5ae7\" 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-23403ac7 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"23403ac7\" 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 \u2014 v2 : la vid\u00e9o de l\u2019\u00e9quipe ===== *\/\n.mg9pv{font-family:Inter,sans-serif;color:#141B2D}\n.mg9pv *{box-sizing:border-box}\n.mg9pv .w{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}\n.mg9pv .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.mg9pv .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mg9pv h2{margin:0 0 28px;font:800 48px\/1.06 Inter,sans-serif;letter-spacing:-1.6px;color:#141B2D!important}\n.mg9pv h2 em{font:italic 600 1em\/1 Lora,Georgia,serif;letter-spacing:-.5px;color:#E8590C}\n.mg9pv figure{margin:0;border-radius:24px;background:#141B2D;padding:10px;color:#FFFFFF}\n.mg9pv figure .im{position:relative;display:block;aspect-ratio:16\/10;border-radius:16px;overflow:hidden}\n.mg9pv figure img{display:block;width:100%;height:100%;object-fit:cover}\n.mg9pv figure .rt{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#FFFFFF;color:#141B2D}\n.mg9pv figure .rt b{font:900 22px\/1 Inter,sans-serif;letter-spacing:-.8px}\n.mg9pv figure .rt b i{color:#F7862B;font-size:15px;margin-right:5px}\n.mg9pv figure .rt span{font:600 12px\/1.3 Inter,sans-serif;color:#5B6475}\n.mg9pv figure .bar{display:flex;align-items:center;gap:12px;padding:14px 8px 4px}\n.mg9pv figure .bar i{color:#F7862B}\n.mg9pv figure .bar .tl{position:relative;flex:1;height:6px;border-radius:3px;background:#3A4663}\n.mg9pv figure .bar .tl b{position:absolute;left:0;top:0;bottom:0;width:var(--p,25%);border-radius:3px;background:#E8590C;transition:width .5s}\n.mg9pv figure .bar .tl u{position:absolute;top:-3px;width:3px;height:12px;border-radius:2px;background:#FFFFFF;text-decoration:none}\n.mg9pv figure .bar em{font:700 12px\/1 ui-monospace,Menlo,monospace;font-style:normal;color:#C9D1E0}\n.mg9pv figcaption{padding:4px 8px 6px;font:600 13px\/1.4 Inter,sans-serif;color:#9AA3B5}\n.mg9pv ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}\n.mg9pv ol li{margin:0}\n.mg9pv ol button{width:100%;display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;align-items:start;padding:16px 18px;border-radius:18px;border:1.5px solid #E6DED3;background:#FFFFFF;text-align:left;cursor:pointer;font-family:inherit;color:#141B2D;transition:border-color .3s,transform .3s}\n.mg9pv ol button code{padding:7px 0;border-radius:8px;background:#141B2D;color:#FFFFFF;text-align:center;font:700 12px\/1 ui-monospace,Menlo,monospace;transition:background .3s}\n.mg9pv ol button b{display:block;margin:2px 0 4px;font:800 17px\/1.25 Inter,sans-serif}\n.mg9pv ol button span{display:block;font:400 14.5px\/1.55 Inter,sans-serif;color:#5B6475}\n.mg9pv ol button.on{border-color:#E8590C;transform:translateX(4px)}\n.mg9pv ol button.on code{background:#E8590C}\n.mg9pv ol button:focus-visible{outline:2px solid #E8590C;outline-offset:2px}\n.mg9pv .ct{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}\n.mg9pv .ct a{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;font:800 15px\/1 Inter,sans-serif;text-decoration:none;transition:background .3s,transform .3s,color .3s}\n.mg9pv .ct a.p{background:#E8590C;color:#FFFFFF!important}.mg9pv .ct a.p:hover{background:#C2410C;transform:translateY(-2px)}\n.mg9pv .ct a.s{border:1.5px solid #141B2D;color:#141B2D!important}.mg9pv .ct a.s:hover{background:#141B2D;color:#FFFFFF!important}\n@media(max-width:1100px){.mg9pv .w{grid-template-columns:minmax(0,1fr);gap:40px}}\n@media(max-width:640px){.mg9pv h2{font-size:34px;letter-spacing:-1.1px}.mg9pv ol button{grid-template-columns:54px minmax(0,1fr);padding:14px}.mg9pv ol button.on{transform:none}.mg9pv .ct a{width:100%;justify-content:center}}\n<\/style>\n<div class=\"mg9pv\">\n <div class=\"w\">\n  <div>\n   <p class=\"eb\">Pourquoi nous choisir<\/p>\n   <h2>Pourquoi confier vos animations \u00e0 <em>My Grafik<\/em> ?<\/h2>\n   <figure><span class=\"im\"><img decoding=\"async\" src=\"https:\/\/my-grafik.com\/wp-content\/uploads\/mygrafik-image-cache\/63182b09abf56e90f14f102ee667bba1b67834e1370cbaa01be67899d6c86713.webp\" alt=\"L\u2019\u00e9quipe My Grafik au travail sur un storyboard, une cam\u00e9ra et un montage vid\u00e9o \u00e0 Abidjan\"><span class=\"rt\"><b><i class=\"fas fa-star\" aria-hidden=\"true\"><\/i>4,95\/5<\/b><span>de satisfaction<br>client<\/span><\/span><\/span>\n    <div class=\"bar\" aria-hidden=\"true\"><i class=\"fas fa-play\"><\/i><span class=\"tl\"><b><\/b><u style=\"left:0\"><\/u><u style=\"left:25%\"><\/u><u style=\"left:50%\"><\/u><u style=\"left:75%\"><\/u><\/span><em class=\"tc\">00:01<\/em><\/div>\n    <figcaption>Une \u00e9quipe cr\u00e9ative \u00e0 Abidjan : du script au montage, tout est fait en interne.<\/figcaption><\/figure>\n  <\/div>\n  <div>\n   <ol aria-label=\"Nos raisons, comme des chapitres\">\n    <li><button type=\"button\" class=\"on\"><code>00:01<\/code><div><b>Cr\u00e9ateur d\u2019identit\u00e9<\/b><span>Vos animations prolongent votre charte : couleurs, formes et typographies.<\/span><\/div><\/button><\/li>\n    <li><button type=\"button\"><code>00:02<\/code><div><b>Du script \u00e0 l\u2019\u00e9cran<\/b><span>R\u00e9daction, illustration, animation et son : tout est r\u00e9alis\u00e9 en interne.<\/span><\/div><\/button><\/li>\n    <li><button type=\"button\"><code>00:03<\/code><div><b>Ancrage local<\/b><span>Des personnages, d\u00e9cors et voix qui parlent au public ivoirien.<\/span><\/div><\/button><\/li>\n    <li><button type=\"button\"><code>00:04<\/code><div><b>Tous les formats<\/b><span>Une vid\u00e9o d\u00e9clin\u00e9e pour YouTube, Instagram, TikTok, \u00e9crans et salons.<\/span><\/div><\/button><\/li>\n   <\/ol>\n   <div class=\"ct\"><a class=\"p\" href=\"#contact\">Lancer mon projet vid\u00e9o <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><a class=\"s\" href=\"https:\/\/wa.me\/2250160101002\" target=\"_blank\" rel=\"noopener\"><i class=\"fab fa-whatsapp\" aria-hidden=\"true\"><\/i> \u00c9crire sur WhatsApp<\/a><\/div>\n  <\/div>\n <\/div>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mg9pv:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var B=[].slice.call(w.querySelectorAll('ol button')),tl=w.querySelector('.tl'),tc=w.querySelector('.tc'),k=0,t,user=false;\n function set(i){k=i;B.forEach(function(b,j){b.classList.toggle('on',j===i);b.setAttribute('aria-pressed',j===i);});tl.style.setProperty('--p',((i+1)*25)+'%');tc.textContent='00:0'+(i+1);}\n B.forEach(function(b,i){b.addEventListener('click',function(){user=true;clearInterval(t);set(i);});b.addEventListener('mouseenter',function(){user=true;clearInterval(t);set(i);});});set(0);\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;t=setInterval(function(){set((k+1)%4);},2400);},{threshold:.3}).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-2c703b9b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c703b9b\" 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-6740b7e\" data-id=\"6740b7e\" 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-4e9a478a elementor-invisible elementor-widget elementor-widget-html\" data-id=\"4e9a478a\" 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 Motion design<\/p>\n  <h2>Questions fr\u00e9quentes<\/h2>\n  <p>Tout ce qu\u2019il faut savoir avant de lancer votre projet de motion design avec 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 ?<\/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 le motion design ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>C\u2019est l\u2019art d\u2019animer des \u00e9l\u00e9ments graphiques (formes, textes, logos, illustrations) pour cr\u00e9er des vid\u00e9os. Contrairement au film tourn\u00e9, tout est con\u00e7u en graphisme : pas besoin de cam\u00e9ra, d\u2019acteurs ni de lieu de tournage.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">02<\/span><h3>Quelle dur\u00e9e id\u00e9ale pour une vid\u00e9o ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Cela d\u00e9pend de l\u2019usage : <strong>3 \u00e0 8 secondes<\/strong> pour un logo anim\u00e9, <strong>15 \u00e0 30 secondes<\/strong> pour une publicit\u00e9 sur les r\u00e9seaux, et <strong>60 \u00e0 90 secondes<\/strong> pour une vid\u00e9o explicative. Plus court, c\u2019est souvent plus efficace.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">03<\/span><h3>Combien de temps faut-il pour r\u00e9aliser une vid\u00e9o ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Comptez g\u00e9n\u00e9ralement <strong>quelques jours<\/strong> pour un logo anim\u00e9 et <strong>2 \u00e0 4 semaines<\/strong> pour une vid\u00e9o explicative compl\u00e8te (script, storyboard, illustration, animation, son). Le planning exact est pr\u00e9cis\u00e9 dans le devis.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">04<\/span><h3>Proposez-vous la voix off et la musique ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Oui. Nous s\u00e9lectionnons une musique libre de droits adapt\u00e9e et pouvons enregistrer une <strong>voix off professionnelle<\/strong> en fran\u00e7ais, ou dans une autre langue sur demande.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">05<\/span><h3>Combien de retouches sont possibles ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Vous validez le script et le storyboard avant l\u2019animation, ce qui limite les modifications importantes. Des s\u00e9ries de retouches sont ensuite incluses sur la vid\u00e9o ; leur nombre est pr\u00e9cis\u00e9 dans le devis.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">06<\/span><h3>Dans quels formats livrez-vous la vid\u00e9o ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>En <strong>MP4 haute d\u00e9finition<\/strong>, au format horizontal (16:9) et, selon votre formule, en carr\u00e9 (1:1) et vertical (9:16) pour les r\u00e9seaux sociaux. D\u2019autres formats (GIF, animation web) sont possibles sur demande.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">07<\/span><h3>Faut-il fournir des \u00e9l\u00e9ments ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Votre logo, votre charte graphique si vous en avez une et les informations cl\u00e9s de votre message. Nous nous occupons du reste : r\u00e9daction, illustrations et animation.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">08<\/span><h3>Combien co\u00fbte une vid\u00e9o en motion design ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Le prix d\u00e9pend de la dur\u00e9e, de la complexit\u00e9 des animations, du nombre de personnages et de la voix off. Apr\u00e8s un premier \u00e9change, nous vous remettons un <strong>devis gratuit et d\u00e9taill\u00e9<\/strong>.<\/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 le motion design ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"C\u2019est l\u2019art d\u2019animer des \u00e9l\u00e9ments graphiques (formes, textes, logos, illustrations) pour cr\u00e9er des vid\u00e9os. Contrairement au film tourn\u00e9, tout est con\u00e7u en graphisme : pas besoin de cam\u00e9ra, d\u2019acteurs ni de lieu de tournage.\"}}, {\"@type\": \"Question\", \"name\": \"Quelle dur\u00e9e id\u00e9ale pour une vid\u00e9o ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Cela d\u00e9pend de l\u2019usage : 3 \u00e0 8 secondes pour un logo anim\u00e9, 15 \u00e0 30 secondes pour une publicit\u00e9 sur les r\u00e9seaux, et 60 \u00e0 90 secondes pour une vid\u00e9o explicative. Plus court, c\u2019est souvent plus efficace.\"}}, {\"@type\": \"Question\", \"name\": \"Combien de temps faut-il pour r\u00e9aliser une vid\u00e9o ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Comptez g\u00e9n\u00e9ralement quelques jours pour un logo anim\u00e9 et 2 \u00e0 4 semaines pour une vid\u00e9o explicative compl\u00e8te (script, storyboard, illustration, animation, son). Le planning exact est pr\u00e9cis\u00e9 dans le devis.\"}}, {\"@type\": \"Question\", \"name\": \"Proposez-vous la voix off et la musique ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Oui. Nous s\u00e9lectionnons une musique libre de droits adapt\u00e9e et pouvons enregistrer une voix off professionnelle en fran\u00e7ais, ou dans une autre langue sur demande.\"}}, {\"@type\": \"Question\", \"name\": \"Combien de retouches sont possibles ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Vous validez le script et le storyboard avant l\u2019animation, ce qui limite les modifications importantes. Des s\u00e9ries de retouches sont ensuite incluses sur la vid\u00e9o ; leur nombre est pr\u00e9cis\u00e9 dans le devis.\"}}, {\"@type\": \"Question\", \"name\": \"Dans quels formats livrez-vous la vid\u00e9o ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"En MP4 haute d\u00e9finition , au format horizontal (16:9) et, selon votre formule, en carr\u00e9 (1:1) et vertical (9:16) pour les r\u00e9seaux sociaux. D\u2019autres formats (GIF, animation web) sont possibles sur demande.\"}}, {\"@type\": \"Question\", \"name\": \"Faut-il fournir des \u00e9l\u00e9ments ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Votre logo, votre charte graphique si vous en avez une et les informations cl\u00e9s de votre message. Nous nous occupons du reste : r\u00e9daction, illustrations et animation.\"}}, {\"@type\": \"Question\", \"name\": \"Combien co\u00fbte une vid\u00e9o en motion design ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Le prix d\u00e9pend de la dur\u00e9e, de la complexit\u00e9 des animations, du nombre de personnages et de la voix off. Apr\u00e8s un premier \u00e9change, nous vous remettons un devis gratuit et d\u00e9taill\u00e9 .\"}}]}<\/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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-353bcfda elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"353bcfda\" 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-744dda8b\" data-id=\"744dda8b\" 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-17217a9f elementor-widget elementor-widget-html\" data-id=\"17217a9f\" 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\">Mettons votre marque en mouvement <i>\u2726<\/i><\/a><a href=\"#contact\" data-cursor=\"Go\">Mettons votre marque en mouvement <i>\u2726<\/i><\/a><a href=\"#contact\" data-cursor=\"Go\">Mettons votre marque en mouvement <i>\u2726<\/i><\/a><a href=\"#contact\" data-cursor=\"Go\">Mettons votre marque en mouvement <i>\u2726<\/i><\/a><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-45808bed elementor-widget elementor-widget-spacer\" data-id=\"45808bed\" 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-77f9a42b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"77f9a42b\" 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-44 elementor-inner-column elementor-element elementor-element-13619630 mg-sticky\" data-id=\"13619630\" 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-39c30d15 pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"39c30d15\" 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 mettre votre marque en mouvement ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1083176e elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1083176e\" 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 message et de l\u2019endroit o\u00f9 la vid\u00e9o sera diffus\u00e9e : nous vous proposons le format et le style adapt\u00e9s.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-101ca9d6 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"101ca9d6\" 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\">Devis gratuit et d\u00e9taill\u00e9<\/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 24 h ouvr\u00e9es<\/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\">Script et storyboard valid\u00e9s avec vous<\/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-726e7736 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"726e7736\" 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}\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-7fd82e93 elementor-widget elementor-widget-spacer\" data-id=\"7fd82e93\" 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-2b0cb7af 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=\"2b0cb7af\" 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\">\u00c9crire sur 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-56 elementor-inner-column elementor-element elementor-element-5416b7b1 mg-formcard elementor-invisible\" data-id=\"5416b7b1\" 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-307eed7d pv-h elementor-widget elementor-widget-heading\" data-id=\"307eed7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Votre devis gratuit<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3337e128 elementor-widget elementor-widget-text-editor\" data-id=\"3337e128\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>R\u00e9ponse sous 24 h ouvr\u00e9es.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-25aaeb22 elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"25aaeb22\" 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=\"Motion design \u2013 My Grafik\" aria-label=\"Motion design \u2013 My Grafik\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"426\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"25aaeb22\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Motion design \u00e0 Abidjan : 5 \u00e9tapes pour une vid\u00e9o unique\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"426\"\/>\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 complet\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-text elementor-field-group elementor-column elementor-field-group-entreprise elementor-col-50 elementor-sm-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-entreprise\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEntreprise\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[entreprise]\" id=\"form-field-entreprise\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Votre entreprise\">\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-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-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 \/ WhatsApp\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 num\u00e9ro\" 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-select elementor-field-group elementor-column elementor-field-group-besoin elementor-col-100 elementor-sm-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-besoin\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVotre besoin\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[besoin]\" id=\"form-field-besoin\" class=\"elementor-field-textual elementor-size-md\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Animation de logo\">Animation de logo<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Vid\u00e9o explicative\">Vid\u00e9o explicative<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Typographie anim\u00e9e\">Typographie anim\u00e9e<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Contenus anim\u00e9s pour les r\u00e9seaux\">Contenus anim\u00e9s pour les r\u00e9seaux<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Infographie anim\u00e9e\">Infographie anim\u00e9e<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Publicit\u00e9 vid\u00e9o\">Publicit\u00e9 vid\u00e9o<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Autre projet\">Autre projet<\/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\tVotre projet\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 message, la dur\u00e9e souhait\u00e9e, la date de diffusion\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\">Recevoir mon devis gratuit<\/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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MY&nbsp;GRAFIKCr\u00e9ateur d\u2019identit\u00e9 4,95 \/ 5 avis clientsMotion design \u00e0 Abidjan Motion design. Donnez du mouvement \u00e0 votre marque. Animations Vid\u00e9os explicatives Logos [&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-426","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\/426","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=426"}],"version-history":[{"count":3,"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/pages\/426\/revisions"}],"predecessor-version":[{"id":9237,"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/pages\/426\/revisions\/9237"}],"wp:attachment":[{"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/media?parent=426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}