{"id":405,"date":"2026-08-30T23:10:11","date_gmt":"2026-08-30T21:10:11","guid":{"rendered":"https:\/\/my-grafik.com\/?page_id=405"},"modified":"2026-10-24T18:17:18","modified_gmt":"2026-10-24T16:17:18","slug":"identite-visuelle","status":"publish","type":"page","link":"https:\/\/my-grafik.com\/en\/identite-visuelle\/","title":{"rendered":"Identit\u00e9 visuelle"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"405\" class=\"elementor elementor-405\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5c366393 mg-gridbg elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c366393\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-52 elementor-top-column elementor-element elementor-element-2cbd4a6e\" data-id=\"2cbd4a6e\" 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-38f599a0 mg-global elementor-widget elementor-widget-html\" data-id=\"38f599a0\" 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-7277599 mg-homefx elementor-widget elementor-widget-html\" data-id=\"7277599\" 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.mg-cross,.mg-clipx{overflow:hidden;overflow:clip}\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 identit\u00e9 visuelle ===== *\/\n.mgrv{position:relative;border-radius:30px;overflow:hidden;clip-path:inset(calc(14% - min(1,var(--p,0)*1.8)*14%) calc(10% - min(1,var(--p,0)*1.8)*10%) round 30px);box-shadow:0 40px 90px rgba(0,0,0,.35)}\n.mgrv img{display:block;width:100%;height:auto;transform:scale(calc(1.18 - min(1,var(--p,0)*1.8)*.18))}\n.pv-static .mgrv{clip-path:none}.pv-static .mgrv img{transform:none}\n.mg-num2 .elementor-heading-title{-webkit-text-stroke:1.5px #E8590C;color:transparent!important;transition:color .5s}\n.mg-card:hover .mg-num2 .elementor-heading-title{color:#E8590C!important}\n.mg-bento>.elementor-widget-wrap{position:relative;overflow:hidden;isolation:isolate;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}\n.mg-bento>.elementor-widget-wrap:before{content:\"\";position:absolute;z-index:-1;width:460px;height:460px;right:-180px;top:-200px;border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);animation:mg-morph 12s ease-in-out infinite}\n.mg-bento:hover>.elementor-widget-wrap{transform:translateY(-10px) rotate(-.4deg);box-shadow:0 40px 80px rgba(20,27,45,.22)}\n.mg-bento .mg-outline .elementor-heading-title{-webkit-text-stroke:1.5px rgba(255,255,255,.55)}\n.mg-bento:hover .mg-outline .elementor-heading-title{color:#fff!important}\n.mg-how .elementor-tab-title{transition:background .4s}\n.pv-static .mg-bento>.elementor-widget-wrap:before{animation:none}\n<\/style>\n<div class=\"mg-prog\" aria-hidden=\"true\"><\/div><div class=\"mg-cur\" aria-hidden=\"true\"><\/div><div class=\"mg-cur2\" aria-hidden=\"true\"><\/div>\n<div class=\"mg-intro\" aria-hidden=\"true\"><b><span style=\"--i:0\">M<\/span><span style=\"--i:1\">Y<\/span><span style=\"--i:2\">&nbsp;<\/span><span class=\"o\" style=\"--i:3\">G<\/span><span class=\"o\" style=\"--i:4\">R<\/span><span class=\"o\" style=\"--i:5\">A<\/span><span class=\"o\" style=\"--i:6\">F<\/span><span class=\"o\" style=\"--i:7\">I<\/span><span class=\"o\" style=\"--i:8\">K<\/span><\/b><small>Cr\u00e9ateur d\u2019identit\u00e9<\/small><i><\/i><\/div>\n<script>\n(function(){if(window.mgHomeFx)return;window.mgHomeFx=1;function init(){\n var D=document,H=D.documentElement,RM=window.matchMedia('(prefers-reduced-motion:reduce)').matches,ST=H.classList.contains('pv-static');\n \/* intro : une seule fois par visite *\/\n var intro=D.querySelector('.mg-intro'),seen=false;try{seen=sessionStorage.getItem('mgIntro')==='1';sessionStorage.setItem('mgIntro','1');}catch(e){}\n if(intro){if(seen||RM||ST||D.body.classList.contains('elementor-editor-active')){intro.remove();}else{D.body.appendChild(intro);setTimeout(function(){intro.classList.add('out');setTimeout(function(){intro.remove();},1100);},1300);}}\n \/* barre de progression + curseur : d\u00e9plac\u00e9s dans <body> pour rester au-dessus de tout *\/\n ['.mg-prog','.mg-cur','.mg-cur2'].forEach(function(s){var e=D.querySelector(s);if(e)D.body.appendChild(e);});\n var prog=D.querySelector('.mg-prog'),c1=D.querySelector('.mg-cur'),c2=D.querySelector('.mg-cur2');\n if(c1&&window.matchMedia('(hover:hover) and (pointer:fine)').matches&&!RM){\n  var x=innerWidth\/2,y=innerHeight\/2,x2=x,y2=y;\n  D.addEventListener('mousemove',function(e){x=e.clientX;y=e.clientY;H.classList.add('mg-cur-on');\n   var t=e.target.closest&&e.target.closest('[data-cursor],a,button,.elementor-button');\n   H.classList.toggle('mg-cur-view',!!(t&&t.hasAttribute('data-cursor')));H.classList.toggle('mg-cur-link',!!(t&&!t.hasAttribute('data-cursor')));\n   c2.textContent=t&&t.getAttribute('data-cursor')||'';});\n  D.addEventListener('mouseleave',function(){H.classList.remove('mg-cur-on');});\n  (function f(){x2+=(x-x2)*.18;y2+=(y-y2)*.18;c1.style.transform='translate('+x+'px,'+y+'px)';c2.style.transform='translate('+x2+'px,'+y2+'px)';requestAnimationFrame(f);})();\n }else{if(c1)c1.remove();if(c2)c2.remove();}\n \/* manifeste : d\u00e9coupe en mots *\/\n D.querySelectorAll('.mg-manif .elementor-heading-title').forEach(function(h){\n  (function walk(n){[].slice.call(n.childNodes).forEach(function(c){if(c.nodeType===3){var fr=D.createDocumentFragment();c.textContent.split(\/(\\s+)\/).forEach(function(w){if(!w)return;if(\/^\\s+$\/.test(w)){fr.appendChild(D.createTextNode(w));return;}var s=D.createElement('span');s.className='mw';s.textContent=w;fr.appendChild(s);});n.replaceChild(fr,c);}else if(c.nodeType===1)walk(c);});})(h);\n });\n var man=[].slice.call(D.querySelectorAll('.mg-manif')),pins=[].slice.call(D.querySelectorAll('[data-mgp]'));\n function tick(){var vh=innerHeight,sh=H.scrollHeight-vh;if(prog)prog.style.setProperty('--sp',sh>0?scrollY\/sh:0);\n  man.forEach(function(m){var r=m.getBoundingClientRect(),p=Math.min(1,Math.max(0,(vh*.85-r.top)\/(r.height+vh*.35))),ws=m.querySelectorAll('.mw'),n=ws.length;\n   for(var i=0;i<n;i++)ws[i].classList.toggle('on',ST||RM||i<p*n*1.05);});\n  pins.forEach(function(el){var r=el.getBoundingClientRect(),p=Math.min(1,Math.max(0,(vh*.75-r.top)\/(r.height)));el.style.setProperty('--p',p.toFixed(4));if(el.mgTick)el.mgTick(p,r);});\n }\n addEventListener('scroll',tick,{passive:true});addEventListener('resize',tick);addEventListener('load',tick);tick();window.mgTick=tick;\n}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-273d2b4f elementor-widget elementor-widget-html\" data-id=\"273d2b4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Hero Identit\u00e9 visuelle \u2014 v5 : texte ===== *\/\n.mg9y{font-family:Inter,sans-serif;color:#FFFFFF}\n.mg9y *{box-sizing:border-box}\n.mg9y .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.mg9y .bd b{color:#FFFFFF}.mg9y .bd i{color:#F7862B}.mg9y .bd span{width:1px;height:14px;background:#2C3854}\n.mg9y h1{margin:0 0 26px;font:800 104px\/.92 Inter,sans-serif;letter-spacing:-5.5px;color:#FFFFFF!important}\n.mg9y h1 i{font-style:normal;color:#F7862B}.mg9y h1 em{font-style:normal;color:#F7862B}\n.mg9y .rt{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 14px;margin:18px 0 24px;font:800 40px\/1.15 Inter,sans-serif;letter-spacing:-1.3px;color:#FFFFFF}\n.mg9y .rt .w{position:relative;display:inline-block;height:1.15em;overflow:hidden;vertical-align:bottom}\n.mg9y .rt .w span{display:block;line-height:1.15em;color:#F7862B;animation:mg9y-r 7.5s cubic-bezier(.7,0,.2,1) infinite}\n@keyframes mg9y-r{0%,28%{transform:translateY(0)}33%,61%{transform:translateY(-1.15em)}66%,94%{transform:translateY(-2.3em)}100%{transform:translateY(-3.45em)}}\n.mg9y .ld{margin:0 0 30px;max-width:600px;font:400 17.5px\/1.7 Inter,sans-serif;color:#C9D1E0}\n.mg9y .ld strong,.mg9y .qt strong{color:#FFFFFF}\n.mg9y .ld{margin-bottom:18px}\n.mg9y .qt{margin:0 0 30px;max-width:600px;padding:4px 0 4px 18px;border-left:3px solid #E8590C;font:400 15.5px\/1.7 Inter,sans-serif;color:#AEB6C6}\n.mg9y .ft{display:flex;flex-wrap:wrap;gap:0;max-width:620px;margin:0 0 36px;padding:0;list-style:none;border-top:1px solid #26314A;border-bottom:1px solid #26314A}\n.mg9y .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.mg9y .ft li+li{padding-left:18px;border-left:1px solid #26314A}\n.mg9y .ft i{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#E8590C;color:#FFFFFF;font-size:14px}\n.mg9y .ft b{display:block;font:800 14px\/1.3 Inter,sans-serif;color:#FFFFFF}\n.mg9y .ft span{font:500 12.5px\/1.35 Inter,sans-serif;color:#9AA3B5}\n.mg9y .ct{display:flex;flex-wrap:wrap;gap:12px}\n.mg9y .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.mg9y .ct a.p{background:#E8590C;color:#FFFFFF!important}\n.mg9y .ct a.p:hover{background:#C2410C;transform:translateY(-2px)}\n.mg9y .ct a.s{border:1.5px solid #3A4663;color:#FFFFFF!important}\n.mg9y .ct a.s:hover{border-color:#F7862B;transform:translateY(-2px)}\n.pv-static .mg9y .rt .w span{animation:none}\n@media(max-width:1024px){.mg9y h1{font-size:88px}}\n@media(max-width:767px){.mg9y h1{font-size:56px;letter-spacing:-2.2px}.mg9y .rt{font-size:27px;letter-spacing:-.8px}.mg9y .ft{flex-direction:column}.mg9y .ft li,.mg9y .ft li+li{padding:14px 0;border-left:0}.mg9y .ft li+li{border-top:1px solid #26314A}.mg9y .ct a{flex:1 1 100%;justify-content:center;padding:16px 20px}}\n@media(prefers-reduced-motion:reduce){.mg9y .rt .w span{animation:none}}\n<\/style>\n<div class=\"mg9y\">\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>My Grafik \u2013 Cr\u00e9ateur d\u2019identit\u00e9<\/p>\n <h1>Identit\u00e9<br><em>visuelle<\/em><i>.<\/i><\/h1>\n  <p class=\"ld\"><strong>Du logo \u00e0 la charte graphique<\/strong>, en passant par vos <strong>supports de communication<\/strong>, nous cr\u00e9ons un univers visuel coh\u00e9rent qui r\u00e9v\u00e8le l\u2019essence de votre marque. Couleurs, typographies, formes et images : chaque \u00e9l\u00e9ment est pens\u00e9 pour traduire vos valeurs, affirmer votre personnalit\u00e9 et vous distinguer de la concurrence.<\/p>\n <p class=\"qt\">Chez <strong>MY GRAFIK<\/strong>, nous donnons \u00e0 votre entreprise une identit\u00e9 reconnaissable et adapt\u00e9e \u00e0 votre public. Sur vos cartes de visite, vos r\u00e9seaux sociaux, vos emballages ou votre site web, votre marque s\u2019exprime avec la m\u00eame force et la m\u00eame coh\u00e9rence : une image professionnelle qui inspire confiance et laisse une impression durable.<\/p>\n <ul class=\"ft\">\n  <li><i class=\"fas fa-shapes\" aria-hidden=\"true\"><\/i><div><b>Logo &amp; d\u00e9clinaisons<\/b><span>Pour tous les usages<\/span><\/div><\/li>\n  <li><i class=\"fas fa-book-open\" aria-hidden=\"true\"><\/i><div><b>Charte graphique<\/b><span>Les r\u00e8gles d\u2019usage<\/span><\/div><\/li>\n  <li><i class=\"fas fa-file-archive\" aria-hidden=\"true\"><\/i><div><b>Fichiers sources<\/b><span>Supports inclus<\/span><\/div><\/li>\n <\/ul>\n <div class=\"ct\"><a class=\"p\" href=\"#contact\">J\u2019ai un projet <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><a class=\"s\" href=\"#charte\">D\u00e9couvrir la charte graphique <i class=\"fas fa-arrow-down\" aria-hidden=\"true\"><\/i><\/a><\/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<div class=\"elementor-column elementor-col-48 elementor-top-column elementor-element elementor-element-22d036e7\" data-id=\"22d036e7\" 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-24dd86c8 elementor-widget elementor-widget-html\" data-id=\"24dd86c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Hero Identit\u00e9 visuelle \u2014 v5 : un logo, tous vos supports (SVG autonome, sans halo) ===== *\/\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.mg-liquid:before,.mg-liquid:after,.mg-rings:before,.mg-rings:after,.mg-bento>.elementor-widget-wrap:before,.mg-stack:before,.mg-card>.elementor-widget-wrap:after,.mg-glass>.elementor-widget-wrap:after,.mg-imp>.elementor-widget-wrap:before,.mgfl-c:after,.mgau-r:before,.mg-kpi>.elementor-widget-wrap:before{display:none!important}\n.mg9z{display:block;width:100%;max-width:600px;margin:0 auto}\n.mg9z svg{display:block;width:100%;height:auto;overflow:visible;font-family:Inter,Arial,sans-serif}\n.mg9z .ln{fill:none;stroke:#F7862B;stroke-width:1.4;stroke-dasharray:3 6;opacity:.7;animation:mg9z-m 1.6s linear infinite}\n@keyframes mg9z-m{to{stroke-dashoffset:-18}}\n.mg9z .ap{animation:mg9z-f 7s ease-in-out infinite}\n@keyframes mg9z-f{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}\n.mg9z .cg{fill:none;stroke:#3A4663;stroke-width:1;stroke-dasharray:3 4}\n.pv-static .mg9z .ln,.pv-static .mg9z .ap{animation:none}\n@media(prefers-reduced-motion:reduce){.mg9z .ln,.mg9z .ap{animation:none}}\n<\/style>\n<div class=\"mg9z\" role=\"img\" aria-label=\"Un m\u00eame logo d\u00e9clin\u00e9 sur une application mobile, une carte de visite, une publication, une enseigne, un sac et un site web\">\n<svg viewBox=\"0 0 600 540\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <defs><symbol id=\"mg9z-mk\" viewBox=\"0 0 48 56\"><path d=\"M24 4 L46 52 L36 52 L24 25 L12 52 L2 52 Z\" fill=\"#E8590C\"\/><circle cx=\"41\" cy=\"50\" r=\"5\" fill=\"#F7B267\"\/><\/symbol><\/defs>\n <path class=\"ln\" d=\"M290 262 L125 160\" style=\"animation-delay:-0.0s\"\/><path class=\"ln\" d=\"M290 262 L462 88\" style=\"animation-delay:-0.4s\"\/><path class=\"ln\" d=\"M290 262 L98 382\" style=\"animation-delay:-0.8s\"\/><path class=\"ln\" d=\"M290 262 L490 226\" style=\"animation-delay:-1.2000000000000002s\"\/><path class=\"ln\" d=\"M290 262 L479 388\" style=\"animation-delay:-1.6s\"\/><path class=\"ln\" d=\"M290 262 L290 410\" style=\"animation-delay:-2.0s\"\/>\n <g transform=\"translate(202 174)\">\n  <rect width=\"176\" height=\"176\" rx=\"28\" fill=\"#141B2D\" stroke=\"#E8590C\" stroke-width=\"2\"\/>\n  <circle class=\"cg\" cx=\"88\" cy=\"76\" r=\"46\"\/><line class=\"cg\" x1=\"20\" y1=\"76\" x2=\"156\" y2=\"76\"\/><line class=\"cg\" x1=\"88\" y1=\"16\" x2=\"88\" y2=\"136\"\/>\n  <use href=\"#mg9z-mk\" x=\"58\" y=\"40\" width=\"60\" height=\"70\"\/>\n  <text x=\"88\" y=\"144\" text-anchor=\"middle\" font-size=\"17\" font-weight=\"900\" letter-spacing=\"-.5\" fill=\"#FFFFFF\">votre<tspan fill=\"#F7862B\">marque<\/tspan><\/text>\n  <g transform=\"translate(40 154)\"><rect width=\"22\" height=\"8\" rx=\"2\" fill=\"#E8590C\"\/><rect x=\"26\" width=\"22\" height=\"8\" rx=\"2\" fill=\"#F7B267\"\/><rect x=\"52\" width=\"22\" height=\"8\" rx=\"2\" fill=\"#F4EFE9\"\/><rect x=\"78\" width=\"22\" height=\"8\" rx=\"2\" fill=\"#3A4663\"\/><\/g>\n <\/g>\n <g class=\"ap\" style=\"animation-delay:-0.0s\"><g transform=\"translate(70 40)\"><rect width=\"96\" height=\"168\" rx=\"16\" fill=\"#141B2D\" stroke=\"#2C3854\"\/><rect x=\"7\" y=\"12\" width=\"82\" height=\"144\" rx=\"9\" fill=\"#FFF1E6\"\/><rect x=\"18\" y=\"26\" width=\"28\" height=\"28\" rx=\"8\" fill=\"#141B2D\"\/><use href=\"#mg9z-mk\" x=\"23\" y=\"30\" width=\"18\" height=\"20\"\/><rect x=\"52\" y=\"26\" width=\"28\" height=\"28\" rx=\"8\" fill=\"#E8590C\"\/><rect x=\"18\" y=\"62\" width=\"28\" height=\"28\" rx=\"8\" fill=\"#F7B267\"\/><rect x=\"52\" y=\"62\" width=\"28\" height=\"28\" rx=\"8\" fill=\"#FFFFFF\"\/><rect x=\"18\" y=\"104\" width=\"62\" height=\"6\" rx=\"3\" fill=\"#141B2D\"\/><rect x=\"18\" y=\"116\" width=\"44\" height=\"5\" rx=\"2.5\" fill=\"#E3D5C8\"\/><text x=\"48\" y=\"146\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"800\" fill=\"#E8590C\">APPLI<\/text><\/g><\/g><g class=\"ap\" style=\"animation-delay:-1.1s\"><g transform=\"translate(392 48)\"><rect width=\"160\" height=\"92\" rx=\"10\" fill=\"#E8590C\"\/><use href=\"#mg9z-mk\" x=\"14\" y=\"16\" width=\"26\" height=\"30\"\/><text x=\"14\" y=\"70\" font-size=\"13\" font-weight=\"800\" fill=\"#FFFFFF\">votre marque<\/text><text x=\"14\" y=\"83\" font-size=\"8\" font-weight=\"600\" fill=\"#FFE1CC\">Carte de visite<\/text><circle cx=\"140\" cy=\"20\" r=\"26\" fill=\"none\" stroke=\"#FFFFFF\" stroke-opacity=\".3\" stroke-width=\"8\"\/><\/g><\/g><g class=\"ap\" style=\"animation-delay:-2.2s\"><g transform=\"translate(28 318)\"><rect width=\"136\" height=\"150\" rx=\"12\" fill=\"#FFFFFF\"\/><circle cx=\"16\" cy=\"16\" r=\"7\" fill=\"#141B2D\"\/><text x=\"28\" y=\"19\" font-size=\"8\" font-weight=\"800\" fill=\"#141B2D\">votremarque<\/text><rect x=\"8\" y=\"30\" width=\"120\" height=\"96\" rx=\"6\" fill=\"#141B2D\"\/><path d=\"M8 126 L128 52 L128 126 Z\" fill=\"#E8590C\"\/><text x=\"18\" y=\"56\" font-size=\"11\" font-weight=\"900\" fill=\"#FFFFFF\">Nouvelle<\/text><text x=\"18\" y=\"70\" font-size=\"11\" font-weight=\"900\" fill=\"#F7B267\">collection<\/text><text x=\"10\" y=\"141\" font-size=\"7.5\" font-weight=\"700\" fill=\"#7A8394\">\u2665 248 \u00b7 #VotreMarque<\/text><\/g><\/g><g class=\"ap\" style=\"animation-delay:-3.3000000000000003s\"><g transform=\"translate(420 190)\"><rect x=\"8\" y=\"0\" width=\"4\" height=\"22\" fill=\"#5B6475\"\/><rect x=\"128\" y=\"0\" width=\"4\" height=\"22\" fill=\"#5B6475\"\/><rect y=\"20\" width=\"140\" height=\"60\" rx=\"8\" fill=\"#141B2D\"\/><use href=\"#mg9z-mk\" x=\"12\" y=\"32\" width=\"30\" height=\"36\"\/><text x=\"50\" y=\"57\" font-size=\"16\" font-weight=\"900\" fill=\"#FFFFFF\">marque<\/text><text x=\"50\" y=\"69\" font-size=\"7\" font-weight=\"700\" letter-spacing=\"1.5\" fill=\"#F7862B\">ENSEIGNE<\/text><\/g><\/g><g class=\"ap\" style=\"animation-delay:-4.4s\"><g transform=\"translate(424 318)\"><path d=\"M34 28 C34 2 76 2 76 28\" fill=\"none\" stroke=\"#141B2D\" stroke-width=\"6\"\/><path d=\"M8 28 H102 L110 150 H0 Z\" fill=\"#F4EFE9\"\/><use href=\"#mg9z-mk\" x=\"34\" y=\"62\" width=\"40\" height=\"46\"\/><text x=\"55\" y=\"132\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"900\" fill=\"#141B2D\">marque<\/text><\/g><\/g><g class=\"ap\" style=\"animation-delay:-5.5s\"><g transform=\"translate(200 410)\"><rect width=\"180\" height=\"112\" rx=\"10\" fill=\"#FFFFFF\"\/><rect width=\"180\" height=\"18\" rx=\"10\" fill=\"#E3E8F0\"\/><rect y=\"9\" width=\"180\" height=\"9\" fill=\"#E3E8F0\"\/><circle cx=\"10\" cy=\"9\" r=\"3\" fill=\"#F87171\"\/><circle cx=\"20\" cy=\"9\" r=\"3\" fill=\"#FBBF24\"\/><circle cx=\"30\" cy=\"9\" r=\"3\" fill=\"#34D399\"\/><use href=\"#mg9z-mk\" x=\"10\" y=\"26\" width=\"12\" height=\"14\"\/><text x=\"26\" y=\"37\" font-size=\"8\" font-weight=\"900\" fill=\"#141B2D\">marque<\/text><rect x=\"10\" y=\"48\" width=\"96\" height=\"10\" rx=\"3\" fill=\"#141B2D\"\/><rect x=\"10\" y=\"64\" width=\"70\" height=\"5\" rx=\"2.5\" fill=\"#C9D1E0\"\/><rect x=\"10\" y=\"80\" width=\"46\" height=\"16\" rx=\"8\" fill=\"#E8590C\"\/><rect x=\"116\" y=\"46\" width=\"54\" height=\"54\" rx=\"8\" fill=\"#F7B267\"\/><\/g><\/g>\n<\/svg>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4420544c mg-cross elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4420544c\" 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-369bc962\" data-id=\"369bc962\" 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-1584d966 elementor-widget elementor-widget-html\" data-id=\"1584d966\" 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=\"Logo, Charte graphique, Palette de couleurs, Typographies, Iconographie, Papeterie, Signal\u00e9tique, Univers graphique, Identit\u00e9 visuelle, Branding, Coh\u00e9rence, Print, Digital, R\u00e9seaux sociaux, Packaging, Abidjan\">\n <div class=\"mgx2-b a\"><div class=\"mgx2-t\" aria-hidden=\"true\">\n  <span>Logo<i>\u2726<\/i><\/span><span><em>Charte graphique<\/em><i>\u2726<\/i><\/span><span>Palette de couleurs<i>\u2726<\/i><\/span><span><em>Typographies<\/em><i>\u2726<\/i><\/span><span>Iconographie<i>\u2726<\/i><\/span><span><em>Papeterie<\/em><i>\u2726<\/i><\/span><span>Signal\u00e9tique<i>\u2726<\/i><\/span><span><em>Univers graphique<\/em><i>\u2726<\/i><\/span>\n  <span>Logo<i>\u2726<\/i><\/span><span><em>Charte graphique<\/em><i>\u2726<\/i><\/span><span>Palette de couleurs<i>\u2726<\/i><\/span><span><em>Typographies<\/em><i>\u2726<\/i><\/span><span>Iconographie<i>\u2726<\/i><\/span><span><em>Papeterie<\/em><i>\u2726<\/i><\/span><span>Signal\u00e9tique<i>\u2726<\/i><\/span><span><em>Univers graphique<\/em><i>\u2726<\/i><\/span>\n <\/div><\/div>\n <div class=\"mgx2-b b\"><div class=\"mgx2-t\" aria-hidden=\"true\">\n  <span>Identit\u00e9 visuelle<i>\u25cf<\/i><\/span><span><em>Branding<\/em><i>\u25cf<\/i><\/span><span>Coh\u00e9rence<i>\u25cf<\/i><\/span><span><em>Print<\/em><i>\u25cf<\/i><\/span><span>Digital<i>\u25cf<\/i><\/span><span><em>R\u00e9seaux sociaux<\/em><i>\u25cf<\/i><\/span><span>Packaging<i>\u25cf<\/i><\/span><span><em>Abidjan<\/em><i>\u25cf<\/i><\/span>\n  <span>Identit\u00e9 visuelle<i>\u25cf<\/i><\/span><span><em>Branding<\/em><i>\u25cf<\/i><\/span><span>Coh\u00e9rence<i>\u25cf<\/i><\/span><span><em>Print<\/em><i>\u25cf<\/i><\/span><span>Digital<i>\u25cf<\/i><\/span><span><em>R\u00e9seaux sociaux<\/em><i>\u25cf<\/i><\/span><span>Packaging<i>\u25cf<\/i><\/span><span><em>Abidjan<\/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-171c1260 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"171c1260\" 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-54d44c0f\" data-id=\"54d44c0f\" 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-4d5bf3aa elementor-invisible elementor-widget elementor-widget-html\" data-id=\"4d5bf3aa\" 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\/* ===== Une identit\u00e9 visuelle sur mesure \u2014 v5 : vue \u00e9clat\u00e9e en couches ===== *\/\n.mg9l{font-family:Inter,sans-serif;color:#141B2D;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}\n.mg9l *{box-sizing:border-box}\n.mg9l .eb{margin:0 0 6px;font:italic 600 26px\/1.15 Lora,Georgia,serif;color:#E8590C}\n.mg9l h2{margin:0 0 18px;font:800 56px\/1.02 Inter,sans-serif;letter-spacing:-2px;color:#141B2D!important}\n.mg9l .ld{margin:0 0 22px;font:700 21px\/1.4 Inter,sans-serif;letter-spacing:-.3px;color:#141B2D}\n.mg9l .tx p{margin:0 0 14px;font:400 16.5px\/1.72 Inter,sans-serif;color:#5B6475}\n.mg9l .tx strong{color:#141B2D}\n.mg9l .ls{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:6px}\n.mg9l .ls li{margin:0}\n.mg9l .ls button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 14px;padding:12px 14px;border-radius:14px;border:1.5px solid transparent;transition:background .3s,border-color .3s}\n.mg9l .ls button:hover{background:#FFF7F0}\n.mg9l .ls button:focus-visible{outline:3px solid #F7862B;outline-offset:2px}\n.mg9l .ls .n{grid-row:span 2;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#F1F3F6;font:900 12.5px\/1 Inter,sans-serif;color:#5B6475;transition:.3s}\n.mg9l .ls b{font:800 15.5px\/1.35 Inter,sans-serif;color:#141B2D}\n.mg9l .ls span.d{font:400 14px\/1.5 Inter,sans-serif;color:#7A8394}\n.mg9l .ls li.on button{background:#FFF7F0;border-color:#F7B98A}\n.mg9l .ls li.on .n{background:#E8590C;color:#FFFFFF}\n.mg9l .cl{margin:0;padding:18px 20px;border-radius:18px;background:#141B2D;font:500 15px\/1.65 Inter,sans-serif;color:#C9D1E0}\n.mg9l .cl strong{color:#FFFFFF}\n.mg9l .cl a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:#F7862B!important;font-weight:800;text-decoration:none;border-bottom:2px solid currentColor}\n\/* pile \u00e9clat\u00e9e *\/\n.mg9l .st{position:relative;height:760px}\n.mg9l .lay{position:absolute;left:50%;top:var(--t);width:270px;height:270px;margin-left:-135px;transform:rotateX(58deg) rotateZ(-42deg);transform-style:preserve-3d;border-radius:26px;background:var(--b);box-shadow:-14px 14px 0 rgba(20,27,45,.08);transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s,opacity .4s;display:grid;place-items:center;overflow:hidden}\n.mg9l .lay.on{transform:rotateX(58deg) rotateZ(-42deg) translateZ(34px);box-shadow:-24px 24px 0 rgba(232,89,12,.25)}\n.mg9l .st.f .lay:not(.on){filter:saturate(.75)}\n.mg9l .tag{position:absolute;right:0;top:calc(var(--t) + 110px);display:flex;align-items:center;gap:8px;white-space:nowrap;font:800 12px\/1 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#9AA3B5;transition:color .3s}\n.mg9l .tag:before{content:\"\";width:34px;height:1.5px;background:currentColor}\n.mg9l .tag.on{color:#E8590C}\n.mg9l .l1{--b:#FFFFFF;border:1.5px solid #E6E9EF}\n.mg9l .l1 svg{width:58%}\n.mg9l .l2{--b:#E8590C}\n.mg9l .l2 i{position:absolute;top:0;bottom:0;width:25%}\n.mg9l .l2 i:nth-child(1){left:0;background:#E8590C}.mg9l .l2 i:nth-child(2){left:25%;background:#F7B267}.mg9l .l2 i:nth-child(3){left:50%;background:#141B2D}.mg9l .l2 i:nth-child(4){left:75%;background:#F4EFE9}\n.mg9l .l3{--b:#141B2D}\n.mg9l .l3 b{font:900 120px\/1 Inter,sans-serif;letter-spacing:-6px;color:#FFFFFF}.mg9l .l3 b i{font-style:normal;color:#F7862B}\n.mg9l .l4{--b:#FFF1E6;background-image:radial-gradient(circle at 25% 25%,#E8590C 0 22px,transparent 23px),radial-gradient(circle at 75% 75%,#141B2D 0 22px,transparent 23px),linear-gradient(45deg,transparent 46%,#F7B267 46% 54%,transparent 54%);background-size:90px 90px}\n.mg9l .l5{--b:#F4F5F8;background-image:linear-gradient(#D9DEE7 1px,transparent 1px),linear-gradient(90deg,#D9DEE7 1px,transparent 1px);background-size:27px 27px}\n.mg9l .l5 span{padding:10px 16px;border-radius:10px;background:#141B2D;font:800 14px\/1 Inter,sans-serif;letter-spacing:.08em;color:#FFFFFF}\n@media(max-width:1100px){.mg9l{grid-template-columns:minmax(0,1fr);gap:20px}.mg9l .st{order:-1;height:700px}}\n@media(max-width:640px){.mg9l h2{font-size:38px;letter-spacing:-1.2px}.mg9l .ld{font-size:18px}.mg9l .st{height:520px}.mg9l .lay{width:190px;height:190px;margin-left:-95px;top:calc(var(--t) * .7)}.mg9l .l3 b{font-size:84px}.mg9l .tag{display:none}}\n@media(prefers-reduced-motion:reduce){.mg9l .lay{transition:none}}\n<\/style>\n<div class=\"mg9l\">\n <div>\n  <p class=\"eb\">Une identit\u00e9 visuelle<\/p>\n  <h2>sur mesure<\/h2>\n  <p class=\"ld\">Une identit\u00e9 visuelle qui donne du caract\u00e8re \u00e0 votre marque.<\/p>\n  <div class=\"tx\">\n   <p>Votre <strong>identit\u00e9 visuelle<\/strong> est bien plus qu\u2019un simple logo. Elle rassemble tous les codes graphiques qui permettent \u00e0 votre entreprise d\u2019\u00eatre <strong>reconnue, coh\u00e9rente et m\u00e9morable<\/strong>, quel que soit le support : site web, r\u00e9seaux sociaux, documents commerciaux, affiches, packaging ou supports imprim\u00e9s.<\/p>\n   <p>Chez <strong>My Grafik<\/strong>, nous cr\u00e9ons une <strong>identit\u00e9 visuelle sur mesure<\/strong>, pens\u00e9e \u00e0 partir de votre activit\u00e9, de vos valeurs, de votre positionnement et de votre public. Votre identit\u00e9 peut notamment comprendre :<\/p>\n  <\/div>\n  <ol class=\"ls\">\n   <li class=\"on\"><button type=\"button\" data-i=\"0\"><span class=\"n\">01<\/span><b>Un logo et ses d\u00e9clinaisons<\/b><span class=\"d\">Adapt\u00e9s \u00e0 tous les usages et formats.<\/span><\/button><\/li>\n   <li><button type=\"button\" data-i=\"1\"><span class=\"n\">02<\/span><b>Une palette de couleurs<\/b><span class=\"d\">Harmonieuse et repr\u00e9sentative de votre univers.<\/span><\/button><\/li>\n   <li><button type=\"button\" data-i=\"2\"><span class=\"n\">03<\/span><b>Des typographies choisies<\/b><span class=\"d\">Pour votre personnalit\u00e9 et une excellente lisibilit\u00e9.<\/span><\/button><\/li>\n   <li><button type=\"button\" data-i=\"3\"><span class=\"n\">04<\/span><b>Un univers graphique compl\u00e9mentaire<\/b><span class=\"d\">Ic\u00f4nes, motifs, illustrations et \u00e9l\u00e9ments distinctifs.<\/span><\/button><\/li>\n   <li><button type=\"button\" data-i=\"4\"><span class=\"n\">05<\/span><b>Une charte graphique compl\u00e8te<\/b><span class=\"d\">Les r\u00e8gles pour une utilisation coh\u00e9rente de votre identit\u00e9.<\/span><\/button><\/li>\n  <\/ol>\n  <p class=\"cl\">Que vous lanciez une nouvelle marque ou souhaitiez <strong>moderniser une identit\u00e9 existante<\/strong>, notre objectif reste le m\u00eame : construire une image forte, professionnelle et durable, capable de vous distinguer et de cr\u00e9er une v\u00e9ritable connexion avec votre audience.<br><a href=\"#etapes\">Voir les \u00e9tapes <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\n <\/div>\n <div class=\"st\" aria-hidden=\"true\">\n  <div class=\"lay l5\" style=\"--t:440px\"><span>CHARTE<\/span><\/div>\n  <div class=\"lay l4\" style=\"--t:330px\"><\/div>\n  <div class=\"lay l3\" style=\"--t:220px\"><b>Aa<i>.<\/i><\/b><\/div>\n  <div class=\"lay l2\" style=\"--t:110px\"><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n  <div class=\"lay l1 on\" style=\"--t:10px\"><svg viewBox=\"0 0 150 56\"><path d=\"M24 4 L46 52 L36 52 L24 25 L12 52 L2 52 Z\" fill=\"#E8590C\"\/><circle cx=\"41\" cy=\"50\" r=\"5\" fill=\"#141B2D\"\/><text x=\"56\" y=\"38\" font-family=\"Inter,Arial,sans-serif\" font-size=\"27\" font-weight=\"900\" letter-spacing=\"-1.2\" fill=\"#141B2D\">marque<\/text><\/svg><\/div>\n  <span class=\"tag on\" style=\"--t:10px\">Logo<\/span><span class=\"tag\" style=\"--t:110px\">Couleurs<\/span><span class=\"tag\" style=\"--t:220px\">Typographies<\/span><span class=\"tag\" style=\"--t:330px\">Univers graphique<\/span><span class=\"tag\" style=\"--t:440px\">Charte<\/span>\n <\/div>\n<\/div>\n<script>\n(function(){function init(){document.querySelectorAll('.mg9l:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var L=[].slice.call(w.querySelectorAll('.ls li')),st=w.querySelector('.st'),Y=[].slice.call(w.querySelectorAll('.lay')).reverse(),T=[].slice.call(w.querySelectorAll('.tag')),k=0,tm=null,\n RM=matchMedia('(prefers-reduced-motion:reduce)').matches||document.documentElement.classList.contains('pv-static');\n function go(i){k=i;L.forEach(function(l,j){l.classList.toggle('on',j===i);l.querySelector('button').setAttribute('aria-pressed',j===i?'true':'false');});Y.forEach(function(y,j){y.classList.toggle('on',j===i);});T.forEach(function(t,j){t.classList.toggle('on',j===i);});st.classList.add('f');}\n L.forEach(function(l,i){l.querySelector('button').addEventListener('click',function(){clearInterval(tm);tm=null;go(i);});});\n go(0);\n if(!RM&&'IntersectionObserver' in window){new IntersectionObserver(function(e){if(e[0].isIntersecting&&!tm){tm=setInterval(function(){go((k+1)%L.length);},3000);}else if(!e[0].isIntersecting&&tm){clearInterval(tm);tm=null;}},{threshold:.3}).observe(w);}\n});}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\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-58ffc27b mg-clipx elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"58ffc27b\" data-element_type=\"section\" data-e-type=\"section\" id=\"definition\" 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-44b3e83d\" data-id=\"44b3e83d\" 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-5cb93912 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5cb93912\" 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\/* ===== D\u00e9finition \u2014 v5 : le test \u00ab sans le logo \u00bb ===== *\/\n.mg9n{font-family:Inter,sans-serif;color:#FFFFFF;--c1:#E8590C;--c2:#141B2D;--c3:#F7B267;--ff:Inter,Arial,sans-serif;--fw:900}\n.mg9n *{box-sizing:border-box}\n.mg9n .mf{margin:0 0 70px;max-width:1100px;font:800 44px\/1.15 Inter,sans-serif;letter-spacing:-1.4px;color:#FFFFFF}\n.mg9n .mf strong{color:#F7862B}\n.mg9n .top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin:0 0 44px;padding-top:54px;border-top:1px solid #26314A}\n.mg9n .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.mg9n .eb:before{content:\"\";width:34px;height:2px;background:#F7862B}\n.mg9n h2{margin:0;font:800 50px\/1.06 Inter,sans-serif;letter-spacing:-1.6px;color:#FFFFFF!important}\n.mg9n h2 em{font-style:normal;color:#F7862B}\n.mg9n .top>p{margin:0;font:400 17px\/1.7 Inter,sans-serif;color:#C9D1E0}\n.mg9n .top>p strong{color:#FFFFFF}\n.mg9n .lab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}\n\/* affiche *\/\n.mg9n .ps{position:relative;min-height:470px;border-radius:26px;overflow:hidden;background:var(--c1);transition:background .5s,filter .5s;display:flex;flex-direction:column;padding:30px}\n.mg9n.nc .ps{filter:grayscale(1)}\n.mg9n .ph{position:absolute;right:0;bottom:0;width:58%;height:64%;border-radius:200px 0 0 0;background:linear-gradient(160deg,#FFD8B5,#C2410C);transition:.5s;overflow:hidden}\n.mg9n .ph:before{content:\"\";position:absolute;left:44%;top:22%;width:64px;height:64px;border-radius:50%;background:#7C2D12}\n.mg9n .ph:after{content:\"\";position:absolute;left:26%;bottom:-30px;width:150px;height:130px;border-radius:75px 75px 0 0;background:var(--c2)}\n.mg9n.ni .ph{background:repeating-linear-gradient(45deg,#C9D1E0 0 10px,#B5BCCB 10px 20px)}\n.mg9n.ni .ph:before,.mg9n.ni .ph:after{opacity:.25;background:#7A8394}\n.mg9n .sh1{position:absolute;left:-40px;bottom:-40px;width:180px;height:180px;border-radius:50%;border:26px solid var(--c3);transition:.5s}\n.mg9n .sh2{position:absolute;right:30px;top:30px;width:70px;height:70px;border-radius:0 0 70px 0;background:var(--c2);transition:.5s}\n.mg9n.ns .sh1,.mg9n.ns .sh2{opacity:0;transform:scale(.6)}\n.mg9n .lg{position:relative;z-index:2;display:flex;align-items:center;gap:10px;transition:opacity .4s}\n.mg9n .lg span{width:44px;height:44px;border-radius:12px;background:var(--c2);display:grid;place-items:center}\n.mg9n .lg svg{width:26px;height:30px}\n.mg9n .lg b{font:var(--fw) 22px\/1 var(--ff);letter-spacing:-.5px;color:#FFFFFF}\n.mg9n.nl .lg{opacity:0}\n.mg9n .hl{position:relative;z-index:2;margin:auto 0 0;max-width:62%;font:var(--fw) 46px\/1.02 var(--ff);letter-spacing:-1.5px;color:#FFFFFF}\n.mg9n .hl em{font-style:normal;color:var(--c2)}\n.mg9n.nt{--ff:'Times New Roman',Times,serif;--fw:400}\n.mg9n.nt .hl{letter-spacing:0}\n.mg9n .cta{position:relative;z-index:2;align-self:flex-start;margin-top:18px;padding:10px 16px;border-radius:999px;background:var(--c2);font:800 13px\/1 var(--ff);color:#FFFFFF}\n\/* commandes *\/\n.mg9n .pn{display:flex;flex-direction:column;border-radius:26px;background:#1A2439;border:1px solid #26314A;padding:24px}\n.mg9n .pn h3{margin:0 0 6px;font:800 20px\/1.25 Inter,sans-serif;color:#FFFFFF!important}\n.mg9n .pn>p{margin:0 0 16px;font:400 14.5px\/1.55 Inter,sans-serif;color:#AEB6C6}\n.mg9n ul{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}\n.mg9n li{margin:0}\n.mg9n li button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:2px 14px;align-items:center;padding:12px 14px;border-radius:14px;background:#141B2D;border:1px solid #26314A;transition:border-color .3s}\n.mg9n li button:hover{border-color:#3A4663}\n.mg9n li button:focus-visible{outline:3px solid #F7862B;outline-offset:2px}\n.mg9n li b{font:800 15px\/1.3 Inter,sans-serif;color:#FFFFFF}\n.mg9n li small{grid-column:1;font:400 13px\/1.45 Inter,sans-serif;color:#9AA3B5}\n.mg9n li .sw{grid-column:2;grid-row:1\/span 2;width:46px;height:26px;border-radius:999px;background:#E8590C;position:relative;transition:background .3s}\n.mg9n li .sw:after{content:\"\";position:absolute;top:3px;left:23px;width:20px;height:20px;border-radius:50%;background:#FFFFFF;transition:left .3s}\n.mg9n li button[aria-pressed=\"false\"] .sw{background:#3A4663}\n.mg9n li button[aria-pressed=\"false\"] .sw:after{left:3px}\n.mg9n li button[aria-pressed=\"false\"] b{color:#7A8394;text-decoration:line-through}\n.mg9n .pn>p.rs{margin:auto 0 0;padding:16px;border-radius:16px;background:#E8590C;font:700 15px\/1.45 Inter,sans-serif;color:#FFFFFF;display:flex;gap:12px;align-items:flex-start}\n.mg9n .rs i{margin-top:2px}\n.mg9n .pn>p.rs.w{background:#26314A;color:#E6E9EF}\n.mg9n .qt{margin:22px 0 0;font:italic 600 21px\/1.45 Lora,Georgia,serif;color:#E6E9EF}\n.mg9n .qt b{color:#F7862B;font-weight:600}\n@media(max-width:1024px){.mg9n .top,.mg9n .lab{grid-template-columns:minmax(0,1fr)}.mg9n .top{gap:20px}.mg9n .mf{font-size:34px}}\n@media(max-width:767px){.mg9n .mf{font-size:25px;letter-spacing:-.6px;margin-bottom:46px}.mg9n h2{font-size:34px;letter-spacing:-1px}.mg9n .ps{min-height:380px;padding:22px}.mg9n .hl{font-size:32px;max-width:70%}.mg9n .pn{padding:18px}.mg9n .qt{font-size:18px}}\n@media(prefers-reduced-motion:reduce){.mg9n .ps,.mg9n .ph,.mg9n .sh1,.mg9n .sh2,.mg9n .lg{transition:none}}\n<\/style>\n<div class=\"mg9n\">\n <p class=\"mf\">Cr\u00e9er ou repenser son identit\u00e9 visuelle n\u2019est pas une simple d\u00e9pense graphique : <strong>c\u2019est un investissement strat\u00e9gique dans la valeur, la cr\u00e9dibilit\u00e9 et l\u2019avenir de votre marque.<\/strong><\/p>\n <div class=\"top\">\n  <div><p class=\"eb\">D\u00e9finition<\/p><h2>Qu\u2019est-ce que l\u2019identit\u00e9 visuelle <em>?<\/em><\/h2><\/div>\n  <p>L\u2019identit\u00e9 visuelle est l\u2019ensemble des <strong>\u00e9l\u00e9ments graphiques coh\u00e9rents<\/strong> qui repr\u00e9sentent votre marque : logo, couleurs, typographies, formes et style d\u2019images. R\u00e9unis et utilis\u00e9s avec les m\u00eames r\u00e8gles, ils permettent de <strong>reconna\u00eetre votre marque au premier regard<\/strong>, sur tous vos supports.<\/p>\n <\/div>\n <div class=\"lab\">\n  <div class=\"ps\" aria-hidden=\"true\">\n   <span class=\"ph\"><\/span><span class=\"sh1\"><\/span><span class=\"sh2\"><\/span>\n   <div class=\"lg\"><span><svg viewBox=\"0 0 48 56\"><path d=\"M24 4 L46 52 L36 52 L24 25 L12 52 L2 52 Z\" fill=\"#E8590C\"\/><circle cx=\"41\" cy=\"50\" r=\"5\" fill=\"#F7B267\"\/><\/svg><\/span><b>votre marque<\/b><\/div>\n   <p class=\"hl\">Une image qui <em>vous ressemble.<\/em><\/p>\n   <span class=\"cta\">D\u00e9couvrir \u2192<\/span>\n  <\/div>\n  <div class=\"pn\">\n   <h3>Le test : retirez un \u00e9l\u00e9ment<\/h3>\n   <p>D\u00e9sactivez chaque \u00e9l\u00e9ment et observez ce que la marque perd. Commencez par le logo.<\/p>\n   <ul>\n    <li><button type=\"button\" data-c=\"nl\" aria-pressed=\"true\"><b>01 \u00b7 Le logo<\/b><span class=\"sw\" aria-hidden=\"true\"><\/span><small>La signature de votre marque, son point de rep\u00e8re.<\/small><\/button><\/li>\n    <li><button type=\"button\" data-c=\"nc\" aria-pressed=\"true\"><b>02 \u00b7 Les couleurs<\/b><span class=\"sw\" aria-hidden=\"true\"><\/span><small>Une palette qui cr\u00e9e l\u2019\u00e9motion et la reconnaissance.<\/small><\/button><\/li>\n    <li><button type=\"button\" data-c=\"nt\" aria-pressed=\"true\"><b>03 \u00b7 Les typographies<\/b><span class=\"sw\" aria-hidden=\"true\"><\/span><small>La voix \u00e9crite de votre marque, du titre au texte.<\/small><\/button><\/li>\n    <li><button type=\"button\" data-c=\"ns\" aria-pressed=\"true\"><b>04 \u00b7 Les \u00e9l\u00e9ments graphiques<\/b><span class=\"sw\" aria-hidden=\"true\"><\/span><small>Formes, motifs, ic\u00f4nes : ce qui rend l\u2019univers unique.<\/small><\/button><\/li>\n    <li><button type=\"button\" data-c=\"ni\" aria-pressed=\"true\"><b>05 \u00b7 Le style d\u2019images<\/b><span class=\"sw\" aria-hidden=\"true\"><\/span><small>Photos et illustrations qui parlent le m\u00eame langage.<\/small><\/button><\/li>\n   <\/ul>\n   <p class=\"rs\" aria-live=\"polite\"><i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i><span class=\"rt\">Identit\u00e9 compl\u00e8te : votre marque est reconnaissable au premier regard.<\/span><\/p>\n  <\/div>\n <\/div>\n <p class=\"qt\">Le logo est votre <b>signature<\/b>. L\u2019identit\u00e9 visuelle, c\u2019est <b>toute votre tenue<\/b> : ce qui fait qu\u2019on vous reconna\u00eet m\u00eame sans lire votre nom.<\/p>\n<\/div>\n<script>\n(function(){function init(){document.querySelectorAll('.mg9n:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var B=[].slice.call(w.querySelectorAll('li button')),rs=w.querySelector('.rs'),rt=w.querySelector('.rt');\n function up(){var off=B.filter(function(b){return b.getAttribute('aria-pressed')==='false';}).map(function(b){return b.dataset.c;});\n  B.forEach(function(b){w.classList.toggle(b.dataset.c,b.getAttribute('aria-pressed')==='false');});\n  var m;if(!off.length)m='Identit\u00e9 compl\u00e8te : votre marque est reconnaissable au premier regard.';\n  else if(off.length===1&&off[0]==='nl')m='Sans logo, on vous reconna\u00eet encore : c\u2019est la force d\u2019une vraie identit\u00e9 visuelle.';\n  else if(off.length>=4)m='Il ne reste presque rien : une marque sans identit\u00e9 se fond dans la masse.';\n  else m='Moins d\u2019\u00e9l\u00e9ments, moins de caract\u00e8re : la marque devient plus difficile \u00e0 reconna\u00eetre.';\n  rt.textContent=m;rs.classList.toggle('w',off.length>0&&!(off.length===1&&off[0]==='nl'));}\n B.forEach(function(b){b.addEventListener('click',function(){b.setAttribute('aria-pressed',b.getAttribute('aria-pressed')==='true'?'false':'true');up();});});\n up();\n});}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\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-6cfefd70 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6cfefd70\" data-element_type=\"section\" data-e-type=\"section\" id=\"systeme\" 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-cdc8b85\" data-id=\"cdc8b85\" 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-2f02c902 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2f02c902\" 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-58 elementor-inner-column elementor-element elementor-element-4bba3875\" data-id=\"4bba3875\" 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-143f65f3 pv-h mg-eyebrow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"143f65f3\" 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\">Un syst\u00e8me, pas seulement un logo<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-68b9b683 pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"68b9b683\" 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 identit\u00e9, <span class=\"mg-grad\">tous vos supports.<\/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-42 elementor-inner-column elementor-element elementor-element-5ae0f297\" data-id=\"5ae0f297\" 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-41e2bb58 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"41e2bb58\" 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>Une identit\u00e9 visuelle est un <strong style='color:#141B2D'>syst\u00e8me<\/strong> : couleurs, typographies et formes travaillent ensemble. Changez d\u2019univers et regardez la carte de visite, la publication et le packaging \u00e9voluer d\u2019un seul geste.<\/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-2966a3f1 elementor-widget elementor-widget-spacer\" data-id=\"2966a3f1\" 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-10575cbe elementor-invisible elementor-widget elementor-widget-html\" data-id=\"10575cbe\" 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.mgsy{--sa:#E8590C;--sb:#141B2D;--sc:#FFF1E6;--sff:Inter,sans-serif;--sfw:900;--sls:-.04em;--sr:18px;font-family:Inter,sans-serif;display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}\n.mgsy-ui{background:#fff;border:1px solid #ECEFF4;border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:0 20px 50px rgba(20,27,45,.06)}\n.mgsy-ui h4{margin:0 0 10px;font:700 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#E8590C}\n.mgsy-br{display:flex;flex-direction:column;gap:8px}\n.mgsy-br button{cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:16px;border:1.5px solid #ECEFF4;background:#F8FAFC;text-align:left;font:inherit;transition:.35s cubic-bezier(.2,.8,.2,1)}\n.mgsy-br button:hover{transform:translateX(4px);border-color:rgba(232,89,12,.4)}\n.mgsy-br button.on{border-color:#E8590C;background:#FFF6EE;box-shadow:0 10px 24px rgba(232,89,12,.12)}\n.mgsy-br .sw{display:flex}.mgsy-br .sw i{width:20px;height:34px;border-radius:7px;margin-right:3px}\n.mgsy-br b{display:block;font:700 14.5px Inter,sans-serif;color:#141B2D}.mgsy-br small{display:block;font:500 12px Inter,sans-serif;color:#7A8394}\n.mgsy-pal{display:flex;gap:6px}.mgsy-pal i{flex:1;height:44px;border-radius:12px;transition:background .6s;position:relative}\n.mgsy-pal i:after{content:attr(data-h);position:absolute;left:6px;bottom:4px;font:700 9px ui-monospace,monospace;color:#141B2D;background:rgba(255,255,255,.88);padding:2px 5px;border-radius:5px}\n.mgsy-type{display:flex;align-items:baseline;gap:12px;background:#F8FAFC;border-radius:16px;padding:12px 14px}\n.mgsy-type b{font-family:var(--sff);font-weight:var(--sfw);letter-spacing:var(--sls);font-size:42px;line-height:1;color:var(--sb);transition:color .6s}\n.mgsy-type span{font:500 12.5px\/1.4 Inter,sans-serif;color:#5B6475}\n.mgsy-st{position:relative;border-radius:32px;background:var(--sc);overflow:hidden;min-height:520px;transition:background .7s;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:18px;padding:30px;isolation:isolate}\n.mgsy-st:before{content:\"\";position:absolute;z-index:-1;width:460px;height:460px;right:-140px;top:-160px;border-radius:42% 58% 63% 37%\/41% 44% 56% 59%;background:var(--sa);opacity:.18;transition:background .7s;animation:mg-morph 14s ease-in-out infinite}\n.mgsy-lg{display:inline-flex;align-items:center;gap:8px;font-family:var(--sff);font-weight:var(--sfw);letter-spacing:var(--sls);color:var(--sb);line-height:1;transition:color .6s}\n.mgsy-lg i{display:inline-block;width:.85em;height:.85em;background:var(--sa);border-radius:var(--sr);transition:background .6s,border-radius .6s;flex:none}\n.mgsy-o{position:relative;border-radius:22px;box-shadow:0 22px 44px rgba(20,27,45,.16);transition:transform .6s cubic-bezier(.2,.8,.2,1);overflow:hidden}\n.mgsy-o:hover{transform:translateY(-6px) rotate(-.6deg)}\n.mgsy-o.chg{animation:mgsy-pop .7s cubic-bezier(.34,1.56,.64,1)}\n.mgsy-o.chg:nth-child(2){animation-delay:.06s}.mgsy-o.chg:nth-child(3){animation-delay:.12s}.mgsy-o.chg:nth-child(4){animation-delay:.18s}\n@keyframes mgsy-pop{40%{transform:scale(.95)}}\n.mgsy-card{background:var(--sb);color:#fff;padding:26px;aspect-ratio:1.7;display:flex;flex-direction:column;justify-content:space-between;transition:background .6s}\n.mgsy-card .mgsy-lg{color:#fff;font-size:30px}\n.mgsy-card small{font:500 12px\/1.6 Inter,sans-serif;opacity:.75}.mgsy-card u{text-decoration:none;display:block;height:4px;width:60px;border-radius:4px;background:var(--sa);transition:background .6s}\n.mgsy-post{background:#fff;grid-row:span 2;display:flex;flex-direction:column}\n.mgsy-post .h{display:flex;align-items:center;gap:10px;padding:12px 14px;font:700 12.5px Inter,sans-serif;color:#141B2D}\n.mgsy-post .h i{width:30px;height:30px;border-radius:50%;background:var(--sa);transition:background .6s}\n.mgsy-post .im{flex:1;min-height:220px;background:var(--sa);display:grid;place-items:center;position:relative;transition:background .6s;overflow:hidden}\n.mgsy-post .im:before{content:\"\";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:var(--sc);opacity:.25;left:-20%;bottom:-30%;transition:background .6s}\n.mgsy-post .im b{position:relative;overflow-wrap:anywhere;font-family:var(--sff);font-weight:var(--sfw);letter-spacing:var(--sls);font-size:34px;line-height:1.05;color:#fff;text-align:center;padding:0 18px}\n.mgsy-post .f{padding:12px 14px;font:500 12px Inter,sans-serif;color:#5B6475}.mgsy-post .f span{color:#E8590C}\n.mgsy-bag{background:#fff;display:flex;align-items:center;gap:16px;padding:18px}\n.mgsy-bag .t{width:92px;height:110px;flex:none;border-radius:8px 8px 14px 14px;background:var(--sc);position:relative;display:grid;place-items:center;border:2px solid var(--sb);transition:background .6s,border-color .6s}\n.mgsy-bag .t:before{content:\"\";position:absolute;top:-22px;left:22px;width:44px;height:30px;border:3px solid var(--sb);border-bottom:0;border-radius:30px 30px 0 0;transition:border-color .6s}\n.mgsy-bag .t .mgsy-lg{font-size:12px;white-space:nowrap;gap:5px}\n.mgsy-bag p{margin:0;font:500 13px\/1.5 Inter,sans-serif;color:#5B6475}.mgsy-bag p b{display:block;color:#141B2D;font:700 14px Inter,sans-serif}\n.mgsy-ok{position:absolute;left:30px;bottom:22px;font:700 12.5px Inter,sans-serif;color:#16A34A;background:#fff;border-radius:999px;padding:8px 14px;box-shadow:0 10px 24px rgba(20,27,45,.12)}\n.pv-static .mgsy-st:before{animation:none}\n@media(max-width:1024px){.mgsy{grid-template-columns:minmax(0,1fr)}.mgsy-ui,.mgsy-st,.mgsy-o{min-width:0}.mgsy-br{flex-direction:row;overflow-x:auto;scrollbar-width:none}.mgsy-br button{flex:none}.mgsy-br button:hover{transform:none}}\n@media(max-width:640px){.mgsy-post .im b{font-size:26px}.mgsy-st{grid-template-columns:minmax(0,1fr);padding:18px 18px 64px}.mgsy-post{grid-row:auto}.mgsy-post .im{min-height:180px}}\n@media(prefers-reduced-motion:reduce){.mgsy *{animation:none!important;transition:none!important}}\n<\/style>\n<!-- D\u00e9monstration avec des marques fictives : cliquez sur une marque pour voir toute l'identit\u00e9 se d\u00e9cliner. -->\n<div class=\"mgsy\">\n <div class=\"mgsy-ui\">\n  <div><h4>1 \u00b7 Choisissez un univers<\/h4>\n   <div class=\"mgsy-br\">\n    <button class=\"on\" data-a=\"#E8590C\" data-b=\"#141B2D\" data-c=\"#FFF1E6\" data-ff=\"Inter,sans-serif\" data-fw=\"900\" data-ls=\"-.04em\" data-r=\"6px\" data-n=\"Kaya\" data-s=\"Cosm\u00e9tiques naturelles\" data-m=\"La beaut\u00e9 qui vous ressemble.\"><span class=\"sw\"><i style=\"background:#E8590C\"><\/i><i style=\"background:#141B2D\"><\/i><i style=\"background:#FFF1E6\"><\/i><\/span><span><b>Kaya<\/b><small>Moderne &amp; chaleureux<\/small><\/span><\/button>\n    <button data-a=\"#2D6A4F\" data-b=\"#1B4332\" data-c=\"#EEF5E9\" data-ff=\"Georgia,'Times New Roman',serif\" data-fw=\"700\" data-ls=\"-.01em\" data-r=\"50%\" data-n=\"Sanaga\" data-s=\"Caf\u00e9 d\u2019origine\" data-m=\"Le go\u00fbt authentique du terroir.\"><span class=\"sw\"><i style=\"background:#2D6A4F\"><\/i><i style=\"background:#1B4332\"><\/i><i style=\"background:#EEF5E9\"><\/i><\/span><span><b>Sanaga<\/b><small>Naturel &amp; authentique<\/small><\/span><\/button>\n    <button data-a=\"#7C3AED\" data-b=\"#0F0A1E\" data-c=\"#F1ECFF\" data-ff=\"ui-monospace,Menlo,monospace\" data-fw=\"800\" data-ls=\"-.06em\" data-r=\"0px\" data-n=\"Nexa\" data-s=\"Fintech\" data-m=\"Votre argent, en toute simplicit\u00e9.\"><span class=\"sw\"><i style=\"background:#7C3AED\"><\/i><i style=\"background:#0F0A1E\"><\/i><i style=\"background:#F1ECFF\"><\/i><\/span><span><b>Nexa<\/b><small>Tech &amp; audacieux<\/small><\/span><\/button>\n    <button data-a=\"#C9A227\" data-b=\"#1C1917\" data-c=\"#F7F3EA\" data-ff=\"'Didot','Bodoni MT',Georgia,serif\" data-fw=\"400\" data-ls=\".02em\" data-r=\"2px\" data-n=\"Maison \u00c9l\u00e9\" data-s=\"Haute couture\" data-m=\"L\u2019\u00e9l\u00e9gance \u00e0 l\u2019\u00e9tat pur.\"><span class=\"sw\"><i style=\"background:#C9A227\"><\/i><i style=\"background:#1C1917\"><\/i><i style=\"background:#F7F3EA\"><\/i><\/span><span><b>Maison \u00c9l\u00e9<\/b><small>Luxe &amp; raffin\u00e9<\/small><\/span><\/button>\n   <\/div><\/div>\n  <div><h4>2 \u00b7 Palette<\/h4><div class=\"mgsy-pal\"><i class=\"p1\"><\/i><i class=\"p2\"><\/i><i class=\"p3\"><\/i><\/div><\/div>\n  <div><h4>3 \u00b7 Typographie<\/h4><div class=\"mgsy-type\"><b>Aa<\/b><span class=\"tn\">Titres affirm\u00e9s,<br>textes lisibles<\/span><\/div><\/div>\n <\/div>\n <div class=\"mgsy-st\" aria-live=\"polite\">\n  <div class=\"mgsy-o mgsy-card\"><span class=\"mgsy-lg\"><i><\/i><span class=\"nm\">Kaya<\/span><\/span><div><u><\/u><small class=\"sl\">Cosm\u00e9tiques naturelles<br>Abidjan \u00b7 C\u00f4te d\u2019Ivoire<\/small><\/div><\/div>\n  <div class=\"mgsy-o mgsy-post\"><div class=\"h\"><i><\/i><span class=\"nm\">Kaya<\/span><\/div><div class=\"im\"><b class=\"ms\">La beaut\u00e9 qui vous ressemble.<\/b><\/div><div class=\"f\">\u2665 248 \u00b7 <span>#NouvelleCollection<\/span><\/div><\/div>\n  <div class=\"mgsy-o mgsy-bag\"><div class=\"t\"><span class=\"mgsy-lg\"><i><\/i><span class=\"nm\">Kaya<\/span><\/span><\/div><p><b>Packaging &amp; goodies<\/b>Le m\u00eame univers, sur chaque point de contact.<\/p><\/div>\n  <span class=\"mgsy-ok\">\u2713 Une identit\u00e9, tous les supports<\/span>\n <\/div>\n<\/div>\n<script>\n(function(){function init(){document.querySelectorAll('.mgsy:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var bs=[].slice.call(w.querySelectorAll('.mgsy-br button')),os=w.querySelectorAll('.mgsy-o'),k=0,t,auto=!document.documentElement.classList.contains('pv-static')&&!window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n function apply(b){var d=b.dataset;['a','b','c','ff','fw','ls','r'].forEach(function(x){w.style.setProperty('--s'+x,d[x]);});\n  w.querySelectorAll('.nm').forEach(function(e){e.textContent=d.n;});w.querySelector('.sl').innerHTML=d.s+'<br>Abidjan \u00b7 C\u00f4te d\u2019Ivoire';w.querySelector('.ms').textContent=d.m;\n  var p=w.querySelectorAll('.mgsy-pal i');[d.a,d.b,d.c].forEach(function(c,i){p[i].style.background=c;p[i].setAttribute('data-h',c.toUpperCase());});\n  bs.forEach(function(x){x.classList.toggle('on',x===b);});os.forEach(function(o){o.classList.remove('chg');void o.offsetWidth;o.classList.add('chg');});}\n function go(i){k=i;apply(bs[i]);}\n bs.forEach(function(b,i){b.addEventListener('click',function(){clearInterval(t);go(i);});});\n go(0);\n if(auto){var io=new IntersectionObserver(function(es){clearInterval(t);if(es[0].isIntersecting)t=setInterval(function(){go((k+1)%bs.length);},4200);});io.observe(w);}\n});}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\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-682aa4d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"682aa4d5\" 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-35005534\" data-id=\"35005534\" 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-2153bedb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2153bedb\" 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-50 elementor-inner-column elementor-element elementor-element-225803ef mg-bento elementor-invisible\" data-id=\"225803ef\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;animation_delay&quot;:0}\">\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-39b7c0e8 pv-h mg-outline elementor-widget elementor-widget-heading\" data-id=\"39b7c0e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">01<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-156b5e60 pv-h elementor-widget elementor-widget-heading\" data-id=\"156b5e60\" 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\">L\u2019identit\u00e9 visuelle : un \u00e9l\u00e9ment cl\u00e9 de votre pr\u00e9sence en ligne<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-334dbd05 elementor-widget elementor-widget-text-editor\" data-id=\"334dbd05\" 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>L\u2019identit\u00e9 visuelle est la premi\u00e8re chose que les visiteurs de votre site web remarqueront, il est donc <strong style='color:#fff'>important de faire bonne impression<\/strong>. En ayant une identit\u00e9 graphique bien con\u00e7ue, vous <strong style='color:#fff'>transmettez des id\u00e9es pr\u00e9con\u00e7ues positives<\/strong> sur votre organisation et ce qu\u2019elle repr\u00e9sente.<\/p><p>Cela peut contribuer \u00e0 vous d\u00e9marquer de vos concurrents et donner aux clients potentiels une bonne raison de choisir votre entreprise ou votre marque plut\u00f4t que d\u2019autres. On fait plus facilement <strong style='color:#fff'>confiance \u00e0 un site internet soign\u00e9 et moderne<\/strong>.<\/p><p>Prenez donc soin de votre pr\u00e9sence en ligne et assurez-vous que votre identit\u00e9 visuelle est \u00e0 la hauteur. Cela pourrait faire toute la diff\u00e9rence dans la conqu\u00eate de nouveaux march\u00e9s.<\/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<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-683fdb36 mg-bento elementor-invisible\" data-id=\"683fdb36\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&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-68ac0bb8 pv-h mg-outline elementor-widget elementor-widget-heading\" data-id=\"68ac0bb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">02<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-593447da pv-h elementor-widget elementor-widget-heading\" data-id=\"593447da\" 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\">Une identit\u00e9 de marque pens\u00e9e dans sa globalit\u00e9<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3083ef90 elementor-widget elementor-widget-text-editor\" data-id=\"3083ef90\" 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>L\u2019identit\u00e9 visuelle d\u2019une entreprise n\u2019est pas seulement r\u00e9serv\u00e9e \u00e0 son site internet. Il est beaucoup plus pertinent de travailler sur <strong style='color:#fff'>une identit\u00e9 visuelle globale<\/strong> qui repr\u00e9sente votre entreprise et peut \u00eatre appliqu\u00e9e \u00e0 toutes sortes de supports diff\u00e9rents. Les sites web ne sont qu\u2019un de ces supports.<\/p><p>En vous concentrant sur la cr\u00e9ation de votre identit\u00e9 visuelle forte, vous serez en mesure de cr\u00e9er une <strong style='color:#fff'>apparence coh\u00e9rente pour votre entreprise<\/strong> qui s\u2019\u00e9tendra bien au-del\u00e0 de votre site web. Votre marque doit \u00eatre repr\u00e9sent\u00e9e de mani\u00e8re uniforme, quel que soit l\u2019endroit o\u00f9 elle est vue.<\/p><p>Que ce soit pour le print ou en ligne, sur vos r\u00e9seaux sociaux, et bien s\u00fbr votre site internet, on doit \u00eatre capable de reconnaitre votre marque en un clin d\u2019\u0153il.<\/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\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-5b2a8d0c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5b2a8d0c\" 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-1ada17c\" data-id=\"1ada17c\" 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-5ee068b5 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5ee068b5\" 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\/* ===== Une marque forte, un levier puissant \u2014 v7 : 3 terrains de rentabilit\u00e9 ===== *\/\n.mg9lv2{font-family:Inter,sans-serif;color:#141B2D}\n.mg9lv2 *{box-sizing:border-box}\n.mg9lv2 .hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;margin:0 0 50px}\n.mg9lv2 .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.mg9lv2 .eb:before{content:\"\";width:34px;height:2px;background:#E8590C}\n.mg9lv2 h2{margin:0 0 20px;font:800 60px\/1.02 Inter,sans-serif;letter-spacing:-2.2px;color:#141B2D!important}\n.mg9lv2 h2 em{font:italic 600 1em\/1 Lora,Georgia,serif;letter-spacing:-.5px;color:#E8590C}\n.mg9lv2 .hd p.ld{margin:0;font:400 17.5px\/1.7 Inter,sans-serif;color:#5B6475}\n.mg9lv2 .hd p.ld strong{color:#141B2D}\n.mg9lv2 figure{position:relative;margin:0}\n.mg9lv2 figure .im{display:block;border-radius:28px;overflow:hidden;aspect-ratio:4\/3}\n.mg9lv2 figure img{display:block;width:100%;height:100%;object-fit:cover}\n.mg9lv2 .lv{position:absolute;left:-26px;bottom:-26px;display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:18px;background:#141B2D;color:#FFFFFF;box-shadow:0 20px 40px rgba(20,27,45,.2)}\n.mg9lv2 .lv svg{width:70px;height:40px;flex:none}\n.mg9lv2 .lv .bar{transform-origin:28px 26px;transform:rotate(12deg);transition:transform 1.2s cubic-bezier(.3,1.4,.5,1) .4s}\n.mg9lv2.in .lv .bar{transform:rotate(-12deg)}\n.mg9lv2 .lv b{display:block;font:800 15px\/1.25 Inter,sans-serif}\n.mg9lv2 .lv span{display:block;font:500 12.5px\/1.35 Inter,sans-serif;color:#AEB6C6}\n\/* colonnes *\/\n.mg9lv2 .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}\n.mg9lv2 .col{margin:0;border-radius:26px;background:#FFFFFF;border:1px solid #E6E9EF;overflow:hidden;display:flex;flex-direction:column}\n.mg9lv2 .ch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px;background:var(--h);color:#FFFFFF}\n.mg9lv2 .ch b{display:flex;align-items:center;gap:10px;font:800 17px\/1.2 Inter,sans-serif}\n.mg9lv2 .ch b i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:14px}\n.mg9lv2 .sp{display:flex;align-items:flex-end;gap:4px;height:30px}\n.mg9lv2 .sp i{display:block;width:7px;border-radius:2px;background:rgba(255,255,255,.9);height:20%;transition:height .9s cubic-bezier(.2,.8,.2,1)}\n.mg9lv2.in .sp i:nth-child(1){height:30%;transition-delay:.2s}.mg9lv2.in .sp i:nth-child(2){height:45%;transition-delay:.3s}.mg9lv2.in .sp i:nth-child(3){height:62%;transition-delay:.4s}.mg9lv2.in .sp i:nth-child(4){height:80%;transition-delay:.5s}.mg9lv2.in .sp i:nth-child(5){height:100%;transition-delay:.6s}\n.mg9lv2 .it{position:relative;padding:22px 22px 22px 70px;flex:1}\n.mg9lv2 .it+.it{border-top:1px dashed #E6E9EF}\n.mg9lv2 .it .n{position:absolute;left:22px;top:22px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--h);font:900 12px\/1 Inter,sans-serif;color:var(--h)}\n.mg9lv2 .it h3{margin:0 0 8px;font:800 17px\/1.3 Inter,sans-serif;letter-spacing:-.2px;color:#141B2D!important}\n.mg9lv2 .it p{margin:0;font:400 14.5px\/1.6 Inter,sans-serif;color:#5B6475}\n.mg9lv2 .cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:22px 26px;border-radius:22px;background:#141B2D;color:#FFFFFF}\n.mg9lv2 .cta p{margin:0;font:700 18px\/1.4 Inter,sans-serif}.mg9lv2 .cta p em{font-style:normal;color:#F7862B}\n.mg9lv2 .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.mg9lv2 .cta a:hover{background:#C2410C;transform:translateY(-2px)}\n.pv-static .mg9lv2 .lv .bar{transform:rotate(-12deg)}\n.pv-static .mg9lv2 .sp i:nth-child(1){height:30%}.pv-static .mg9lv2 .sp i:nth-child(2){height:45%}.pv-static .mg9lv2 .sp i:nth-child(3){height:62%}.pv-static .mg9lv2 .sp i:nth-child(4){height:80%}.pv-static .mg9lv2 .sp i:nth-child(5){height:100%}\n@media(max-width:1100px){.mg9lv2 .hd{grid-template-columns:minmax(0,1fr);gap:40px}.mg9lv2 .g{grid-template-columns:minmax(0,1fr)}.mg9lv2 .lv{left:16px;bottom:-22px}}\n@media(max-width:640px){.mg9lv2 h2{font-size:38px;letter-spacing:-1.3px}.mg9lv2 .it{padding:20px 18px 20px 62px}.mg9lv2 .it .n{left:16px}.mg9lv2 .cta a{width:100%;justify-content:center}.mg9lv2 .lv{right:16px}}\n@media(prefers-reduced-motion:reduce){.mg9lv2 .lv .bar{transform:rotate(-12deg);transition:none}.mg9lv2 .sp i{transition:none;height:70%}}\n<\/style>\n<div class=\"mg9lv2\">\n <div class=\"hd\">\n  <div>\n   <p class=\"eb\">B\u00e9n\u00e9fices<\/p>\n   <h2>Une marque forte, <em>un levier<\/em> puissant pour votre business<\/h2>\n   <p class=\"ld\">Une identit\u00e9 visuelle bien construite ne sert pas qu\u2019\u00e0 \u00eatre belle : elle agit sur <strong>vos ventes<\/strong>, sur <strong>la relation avec vos clients<\/strong> et sur <strong>la valeur de votre entreprise<\/strong>.<\/p>\n  <\/div>\n  <figure><span class=\"im\"><img decoding=\"async\" src=\"https:\/\/my-grafik.com\/wp-content\/uploads\/mygrafik-image-cache\/01719050fd60c2e612f3c9e0fc4bbec79e8f8135740e73db2645a8d0fcff98e2.webp\" alt=\"\u00c9quipe r\u00e9unie autour d\u2019un projet de marque\"><\/span>\n   <figcaption class=\"lv\"><svg viewBox=\"0 0 70 40\" aria-hidden=\"true\"><path d=\"M20 38 L28 26 L36 38 Z\" fill=\"#E8590C\"\/><g class=\"bar\"><rect x=\"2\" y=\"24\" width=\"66\" height=\"5\" rx=\"2.5\" fill=\"#FFFFFF\"\/><rect x=\"4\" y=\"12\" width=\"12\" height=\"12\" rx=\"3\" fill=\"#F7862B\"\/><rect x=\"50\" y=\"14\" width=\"16\" height=\"10\" rx=\"3\" fill=\"#AEB6C6\"\/><\/g><\/svg><div><b>Petit effort, grand effet<\/b><span>Votre marque soul\u00e8ve tout le reste<\/span><\/div><\/figcaption>\n  <\/figure>\n <\/div>\n <ul class=\"g\">\n  <li class=\"col\" style=\"--h:#E8590C\"><div class=\"ch\"><b><i class=\"fas fa-chart-line\" aria-hidden=\"true\"><\/i>Vos ventes<\/b><span class=\"sp\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/span><\/div>\n   <div class=\"it\"><span class=\"n\">01<\/span><h3>Une marque forte permet de l\u00e9gitimer des tarifs premium<\/h3><p>Une marque premium peut pratiquer des tarifs plus \u00e9lev\u00e9s gr\u00e2ce \u00e0 une identit\u00e9 forte et une valeur per\u00e7ue renforc\u00e9e.<\/p><\/div>\n   <div class=\"it\"><span class=\"n\">02<\/span><h3>Se d\u00e9marquer clairement de la concurrence<\/h3><p>Dans un march\u00e9 satur\u00e9, une identit\u00e9 distinctive permet \u00e0 votre marque d\u2019\u00eatre imm\u00e9diatement identifiable, reconnaissable et m\u00e9morable.<\/p><\/div><\/li>\n  <li class=\"col\" style=\"--h:#141B2D\"><div class=\"ch\"><b><i class=\"fas fa-heart\" aria-hidden=\"true\"><\/i>Vos clients<\/b><span class=\"sp\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/span><\/div>\n   <div class=\"it\"><span class=\"n\">03<\/span><h3>Renforcer la confiance de vos clients<\/h3><p>Une identit\u00e9 visuelle soign\u00e9e inspire imm\u00e9diatement confiance et cr\u00e9dibilise votre marque aupr\u00e8s de vos clients, partenaires et investisseurs.<\/p><\/div>\n   <div class=\"it\"><span class=\"n\">04<\/span><h3>Une fid\u00e9lisation client renforc\u00e9e<\/h3><p>Les clients s\u2019attachent naturellement aux marques fortes. Une identit\u00e9 \u00e9motionnelle cr\u00e9e un lien durable et transforme votre audience en v\u00e9ritables ambassadeurs.<\/p><\/div><\/li>\n  <li class=\"col\" style=\"--h:#2D6A4F\"><div class=\"ch\"><b><i class=\"fas fa-building\" aria-hidden=\"true\"><\/i>Votre entreprise<\/b><span class=\"sp\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/span><\/div>\n   <div class=\"it\"><span class=\"n\">05<\/span><h3>Renforcer l\u2019attractivit\u00e9 aupr\u00e8s des talents<\/h3><p>Une marque forte attire les talents, renforce votre image employeur et devient un levier strat\u00e9gique pour recruter les meilleurs profils.<\/p><\/div>\n   <div class=\"it\"><span class=\"n\">06<\/span><h3>Une valeur d\u2019entreprise renforc\u00e9e<\/h3><p>Une marque forte constitue un v\u00e9ritable actif immat\u00e9riel, capable d\u2019augmenter la valeur de votre entreprise lors d\u2019une lev\u00e9e de fonds ou d\u2019une cession.<\/p><\/div><\/li>\n <\/ul>\n <div class=\"cta\"><p>Votre identit\u00e9 visuelle est <em>un investissement<\/em>, pas une d\u00e9pense.<\/p><a href=\"#contact\">Parlons de votre marque <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/div>\n<\/div>\n<script>\n(function(){function init(){document.querySelectorAll('.mg9lv2: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});}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\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-1d21ebc8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d21ebc8\" data-element_type=\"section\" data-e-type=\"section\" id=\"etapes\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42b4efd4\" data-id=\"42b4efd4\" 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-77202bc9 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"77202bc9\" 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 \u00e9tapes de votre identit\u00e9 visuelle \u2014 v6 : la planche qui se remplit au fil du d\u00e9filement ===== *\/\n.mg9et{font-family:Inter,sans-serif;color:#FFFFFF}\n.mg9et *{box-sizing:border-box}\n.mg9et .top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;margin:0 0 56px}\n.mg9et .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.mg9et .eb:before{content:\"\";width:34px;height:2px;background:#F7862B}\n.mg9et h2{margin:0;font:800 52px\/1.06 Inter,sans-serif;letter-spacing:-1.7px;color:#FFFFFF!important}\n.mg9et h2 em{font:italic 600 1em\/1 Lora,Georgia,serif;letter-spacing:-.5px;color:#F7862B}\n.mg9et .top>div+div p{margin:0 0 20px;font:400 17px\/1.7 Inter,sans-serif;color:#C9D1E0}\n.mg9et .top 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.mg9et .top a:hover{background:#C2410C;transform:translateY(-2px)}\n.mg9et .lay{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}\n\/* planche *\/\n.mg9et .pl{position:sticky;top:110px;border-radius:28px;background:#F6F3EF;color:#141B2D;padding:22px}\n.mg9et .ph{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;font:800 11.5px\/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7A8394}\n.mg9et .ph b{font:900 13px\/1 Inter,sans-serif;letter-spacing:0;color:#E8590C}\n.mg9et .pg{height:6px;margin:0 0 16px;border-radius:3px;background:#E6DED4;overflow:hidden}\n.mg9et .pg i{display:block;height:100%;width:calc(var(--p,1)\/6*100%);background:#E8590C;transition:width .6s cubic-bezier(.2,.8,.2,1)}\n.mg9et .tl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}\n.mg9et .t{position:relative;height:150px;border-radius:16px;border:1.5px dashed #D3C6B8;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .5s,border-color .5s,transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}\n.mg9et .t>small{position:absolute;left:12px;top:10px;font:800 10px\/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9AA3B5;transition:color .4s}\n.mg9et .t>.ill{opacity:0;transform:scale(.85);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}\n.mg9et .t.on{border-style:solid;border-color:#E6DED4;background:#FFFFFF}\n.mg9et .t.on>.ill{opacity:1;transform:none}\n.mg9et .t.cur{border-color:#E8590C;box-shadow:0 14px 28px rgba(232,89,12,.18);transform:translateY(-3px)}\n.mg9et .t.cur>small{color:#E8590C}\n.mg9et .pf{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:12px 14px;border-radius:14px;background:#141B2D;font:700 13px\/1.35 Inter,sans-serif;color:#FFFFFF;opacity:.35;transition:opacity .5s}\n.mg9et .pf i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#16A34A;font-size:11px}\n.mg9et.done .pf{opacity:1}\n\/* illustrations *\/\n.mg9et .i1{width:120px;padding:10px;border-radius:8px;background:#FFF7F0;transform:rotate(-3deg)}\n.mg9et .i1 span{display:flex;align-items:center;gap:6px;margin-top:5px;font:600 10px\/1 Inter,sans-serif;color:#141B2D}.mg9et .i1 span i{color:#16A34A;font-size:9px}\n.mg9et .i2{position:relative;width:110px;height:110px;border-left:1.5px solid #141B2D;border-bottom:1.5px solid #141B2D}\n.mg9et .i2 b{position:absolute;width:12px;height:12px;border-radius:50%;background:#C9D1E0}\n.mg9et .i2 b.y{width:18px;height:18px;background:#E8590C;box-shadow:0 0 0 5px rgba(232,89,12,.2)}\n.mg9et .i3{display:grid;grid-template-columns:repeat(3,34px);gap:5px}.mg9et .i3 i{height:34px;border-radius:7px}\n.mg9et .i3 b{display:grid;place-items:center;border-radius:7px;background:#141B2D;font:900 15px\/1 Lora,Georgia,serif;color:#FFFFFF}\n.mg9et .i4{display:flex;align-items:center;gap:10px}\n.mg9et .i4 svg{width:46px;height:52px}.mg9et .i4 div{display:grid;gap:4px}.mg9et .i4 div i{display:block;width:44px;height:12px;border-radius:3px}\n.mg9et .i5{position:relative;width:130px;height:96px}\n.mg9et .i5 .cv{position:absolute;left:0;top:18px;width:84px;height:50px;border-radius:6px;background:#E8590C;transform:rotate(-8deg);box-shadow:0 8px 14px rgba(20,27,45,.15)}\n.mg9et .i5 .ph2{position:absolute;right:4px;top:0;width:46px;height:88px;border-radius:9px;background:#141B2D;border:3px solid #141B2D;box-shadow:0 8px 14px rgba(20,27,45,.2)}\n.mg9et .i5 .ph2:after{content:\"\";position:absolute;inset:6px 4px 16px;border-radius:4px;background:linear-gradient(160deg,#F7B267,#E8590C)}\n.mg9et .i6{display:flex;align-items:flex-end;gap:10px}\n.mg9et .i6 .bk{width:62px;height:82px;border-radius:4px 8px 8px 4px;background:#141B2D;position:relative;box-shadow:0 8px 14px rgba(20,27,45,.2)}\n.mg9et .i6 .bk:before{content:\"CHARTE\";position:absolute;left:8px;bottom:10px;font:900 8px\/1 Inter,sans-serif;letter-spacing:.12em;color:#F7862B}\n.mg9et .i6 .bk:after{content:\"\";position:absolute;left:8px;top:10px;width:24px;height:24px;border-radius:50%;background:#E8590C}\n.mg9et .i6 .fs{display:grid;gap:4px}.mg9et .i6 .fs span{padding:4px 7px;border-radius:5px;font:900 9px\/1 Inter,sans-serif;color:#FFFFFF}\n\/* \u00e9tapes *\/\n.mg9et ol.st{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:mg9et}\n.mg9et .s{position:relative;margin:0;padding:28px 28px 26px 92px;border-radius:24px;background:#141B2D;border:1px solid #26314A;transition:border-color .4s,background .4s}\n.mg9et .s.cur{border-color:#F7862B;background:#18213A}\n.mg9et .s .n{position:absolute;left:24px;top:26px;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#1F2A44;font:900 18px\/1 Inter,sans-serif;color:#AEB6C6;transition:.4s}\n.mg9et .s.cur .n,.mg9et .s.pass .n{background:#E8590C;color:#FFFFFF}\n.mg9et .s small{display:block;margin:0 0 6px;font:800 11px\/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#F7862B}\n.mg9et .s h3{margin:0 0 12px;font:800 22px\/1.25 Inter,sans-serif;letter-spacing:-.4px;color:#FFFFFF!important}\n.mg9et .s p{margin:0 0 10px;font:400 15px\/1.7 Inter,sans-serif;color:#AEB6C6}\n.mg9et .s p:first-of-type{color:#E6E9EF}\n.mg9et .s ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}\n.mg9et .s ul li{margin:0;padding:7px 11px;border-radius:999px;background:#1F2A44;font:700 12px\/1 Inter,sans-serif;color:#E6E9EF}\n.mg9et .fin{display:flex;align-items:center;gap:14px;margin:18px 0 0;padding:20px 22px;border-radius:20px;background:#E8590C;font:700 16px\/1.45 Inter,sans-serif;color:#FFFFFF}\n.mg9et .fin i{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#FFFFFF;color:#E8590C;font-size:15px}\n@media(max-width:1100px){.mg9et .top,.mg9et .lay{grid-template-columns:minmax(0,1fr);gap:24px}.mg9et .pl{position:sticky;top:70px;z-index:2;padding:12px;border-radius:18px}.mg9et .tl{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.mg9et .t{height:54px;border-radius:10px}.mg9et .t>small{display:none}.mg9et .t>.ill{transform:scale(.38)!important}.mg9et .pf,.mg9et .ph{display:none}.mg9et .pg{margin:0 0 8px}}\n@media(max-width:640px){.mg9et h2{font-size:34px;letter-spacing:-1px}.mg9et .s{padding:22px 18px 20px}.mg9et .s .n{position:static;margin-bottom:12px;width:42px;height:42px}.mg9et .top a{width:100%;justify-content:center}.mg9et .t{height:44px}.mg9et .t>.ill{transform:scale(.3)!important}}\n@media(prefers-reduced-motion:reduce){.mg9et .t,.mg9et .t>.ill,.mg9et .pg i,.mg9et .s{transition:none}}\n<\/style>\n<div class=\"mg9et\">\n <div class=\"top\">\n  <div><p class=\"eb\">M\u00e9thode<\/p><h2>Les \u00e9tapes de votre <em>identit\u00e9 visuelle<\/em><\/h2><\/div>\n  <div><p>De la premi\u00e8re rencontre \u00e0 la remise de votre charte graphique : une m\u00e9thode claire en six \u00e9tapes, o\u00f9 vous \u00eates impliqu\u00e9 \u00e0 chaque validation.<\/p><a href=\"#contact\">D\u00e9marrer mon projet <i class=\"fas fa-arrow-right\" aria-hidden=\"true\"><\/i><\/a><\/div>\n <\/div>\n <div class=\"lay\">\n  <div class=\"pl\" aria-hidden=\"true\">\n   <p class=\"ph\" style=\"margin:0 0 14px\">Votre identit\u00e9 prend forme<b class=\"pc\">1 \/ 6<\/b><\/p>\n   <div class=\"pg\"><i><\/i><\/div>\n   <div class=\"tl\">\n    <div class=\"t\"><small>01 \u00b7 Brief<\/small><div class=\"ill i1\"><span><i class=\"fas fa-check\"><\/i>Valeurs<\/span><span><i class=\"fas fa-check\"><\/i>Cible<\/span><span><i class=\"fas fa-check\"><\/i>Inspirations<\/span><\/div><\/div>\n    <div class=\"t\"><small>02 \u00b7 Strat\u00e9gie<\/small><div class=\"ill i2\"><b style=\"left:18px;top:70px\"><\/b><b style=\"left:70px;top:76px\"><\/b><b style=\"left:30px;top:22px\"><\/b><b class=\"y\" style=\"left:76px;top:16px\"><\/b><\/div><\/div>\n    <div class=\"t\"><small>03 \u00b7 Direction<\/small><div class=\"ill i3\"><i style=\"background:#E8590C\"><\/i><i style=\"background:#F7B267\"><\/i><b>Aa<\/b><i style=\"background:#141B2D\"><\/i><i style=\"background:repeating-linear-gradient(45deg,#E8590C 0 4px,#FFF1E6 4px 8px)\"><\/i><i style=\"background:#2D6A4F\"><\/i><\/div><\/div>\n    <div class=\"t\"><small>04 \u00b7 Identit\u00e9<\/small><div class=\"ill i4\"><svg viewBox=\"0 0 48 56\"><path d=\"M24 4 L46 52 L36 52 L24 25 L12 52 L2 52 Z\" fill=\"#E8590C\"\/><circle cx=\"41\" cy=\"50\" r=\"5\" fill=\"#141B2D\"\/><\/svg><div><i style=\"background:#E8590C\"><\/i><i style=\"background:#141B2D\"><\/i><i style=\"background:#F7B267\"><\/i><\/div><\/div><\/div>\n    <div class=\"t\"><small>05 \u00b7 Supports<\/small><div class=\"ill i5\"><span class=\"cv\"><\/span><span class=\"ph2\"><\/span><\/div><\/div>\n    <div class=\"t\"><small>06 \u00b7 Livraison<\/small><div class=\"ill i6\"><span class=\"bk\"><\/span><span class=\"fs\"><span style=\"background:#E8590C\">AI<\/span><span style=\"background:#2563EB\">SVG<\/span><span style=\"background:#16A34A\">PNG<\/span><\/span><\/div><\/div>\n   <\/div>\n   <p class=\"pf\"><i class=\"fas fa-check\"><\/i>Votre identit\u00e9 est pr\u00eate, sur le digital comme sur vos supports physiques.<\/p>\n  <\/div>\n  <ol class=\"st\">\n   <li class=\"s\"><span class=\"n\">1<\/span><small>\u00c9tape 1<\/small><h3>Brief &amp; d\u00e9couverte<\/h3><p>Chaque projet d\u2019identit\u00e9 visuelle commence par une phase d\u2019\u00e9change et de d\u00e9couverte. Nous prenons le temps de comprendre votre entreprise, votre marque, vos valeurs, vos objectifs et votre positionnement.<\/p><p>Cette \u00e9tape nous permet d\u2019identifier vos attentes, votre cible, votre univers et les \u00e9l\u00e9ments qui vous diff\u00e9rencient de vos concurrents.<\/p><p>Vous avez d\u00e9j\u00e0 des inspirations, des pr\u00e9f\u00e9rences ou des contraintes particuli\u00e8res ? Partagez-les avec nous : elles nous aideront \u00e0 construire une identit\u00e9 qui vous ressemble et qui r\u00e9pond r\u00e9ellement \u00e0 vos besoins.<\/p><ul><li>Entreprise &amp; valeurs<\/li><li>Cible<\/li><li>Inspirations<\/li><\/ul><\/li>\n   <li class=\"s\"><span class=\"n\">2<\/span><small>\u00c9tape 2<\/small><h3>Analyse &amp; strat\u00e9gie de marque<\/h3><p>Nous analysons votre march\u00e9, vos concurrents et les attentes de votre public afin de d\u00e9finir un positionnement clair.<\/p><p>Cette r\u00e9flexion strat\u00e9gique guide chaque choix graphique et garantit une identit\u00e9 pertinente, coh\u00e9rente et diff\u00e9renciante.<\/p><ul><li>March\u00e9<\/li><li>Concurrents<\/li><li>Positionnement<\/li><\/ul><\/li>\n   <li class=\"s\"><span class=\"n\">3<\/span><small>\u00c9tape 3<\/small><h3>Direction artistique<\/h3><p>Nous traduisons cette strat\u00e9gie en pistes cr\u00e9atives : ambiances, couleurs, typographies et r\u00e9f\u00e9rences visuelles.<\/p><p>Ensemble, nous validons la direction artistique qui servira de base \u00e0 la cr\u00e9ation de votre identit\u00e9.<\/p><ul><li>Ambiances<\/li><li>Couleurs<\/li><li>Typographies<\/li><\/ul><\/li>\n   <li class=\"s\"><span class=\"n\">4<\/span><small>\u00c9tape 4<\/small><h3>Cr\u00e9ation de l\u2019identit\u00e9 visuelle<\/h3><p>Sur la base de la direction valid\u00e9e, nous concevons l\u2019ensemble des \u00e9l\u00e9ments de votre identit\u00e9.<\/p><p>Logo, palette de couleurs, typographies, iconographie, formes, illustrations et \u00e9l\u00e9ments graphiques : chaque composant est pens\u00e9 pour fonctionner avec les autres et construire un univers imm\u00e9diatement reconnaissable.<\/p><p>Votre identit\u00e9 visuelle prend forme et devient un v\u00e9ritable syst\u00e8me graphique capable de repr\u00e9senter votre marque de mani\u00e8re coh\u00e9rente.<\/p><ul><li>Logo<\/li><li>Palette<\/li><li>Iconographie<\/li><li>Illustrations<\/li><\/ul><\/li>\n   <li class=\"s\"><span class=\"n\">5<\/span><small>\u00c9tape 5<\/small><h3>D\u00e9clinaisons &amp; supports<\/h3><p>Une identit\u00e9 forte doit pouvoir vivre sur tous vos supports de communication.<\/p><p>Nous adaptons votre univers graphique aux formats n\u00e9cessaires : cartes de visite, papier \u00e0 en-t\u00eate, documents professionnels, pr\u00e9sentations, affiches, flyers, r\u00e9seaux sociaux, banni\u00e8res, site web, signal\u00e9tique, packaging ou encore goodies.<\/p><p>Chaque d\u00e9clinaison respecte les codes d\u00e9finis afin de pr\u00e9server une image coh\u00e9rente, quel que soit le point de contact avec votre audience.<\/p><ul><li>Print<\/li><li>Digital<\/li><li>Signal\u00e9tique<\/li><li>Packaging<\/li><\/ul><\/li>\n   <li class=\"s\"><span class=\"n\">6<\/span><small>\u00c9tape 6<\/small><h3>Livraison &amp; charte graphique<\/h3><p>Une fois le projet finalis\u00e9 et valid\u00e9, nous pr\u00e9parons l\u2019ensemble des \u00e9l\u00e9ments pr\u00e9vus dans votre offre.<\/p><p>Vous recevez votre logo dans les formats adapt\u00e9s \u00e0 vos usages, votre palette de couleurs, vos r\u00e9f\u00e9rences typographiques et les \u00e9l\u00e9ments graphiques cr\u00e9\u00e9s.<\/p><p>Nous vous remettons \u00e9galement votre <a href=\"#charte\" style=\"color:#F7862B;font-weight:700\">charte graphique<\/a>, qui rassemble les r\u00e8gles essentielles pour utiliser votre identit\u00e9 correctement et conserver une communication coh\u00e9rente dans le temps.<\/p><ul><li>Fichiers<\/li><li>Charte graphique<\/li><\/ul><\/li>\n  <\/ol>\n <\/div>\n <p class=\"fin\"><i class=\"fas fa-check\" aria-hidden=\"true\"><\/i>Votre nouvelle identit\u00e9 est pr\u00eate \u00e0 prendre sa place, sur le digital comme sur vos supports physiques.<\/p>\n<\/div>\n<script>\n(function(){function init(){document.querySelectorAll('.mg9et:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var S=[].slice.call(w.querySelectorAll('.s')),T=[].slice.call(w.querySelectorAll('.t')),pc=w.querySelector('.pc'),cur=-1;\n function go(i){if(i===cur)return;cur=i;w.style.setProperty('--p',i+1);pc.textContent=(i+1)+' \/ 6';\n  T.forEach(function(t,j){t.classList.toggle('on',j<=i);t.classList.toggle('cur',j===i);});\n  S.forEach(function(s,j){s.classList.toggle('cur',j===i);s.classList.toggle('pass',j<i);});\n  w.classList.toggle('done',i===S.length-1);}\n if(document.documentElement.classList.contains('pv-static')||!('IntersectionObserver' in window)){go(S.length-1);return;}\n go(0);\n var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting)go(S.indexOf(e.target));});},{rootMargin:'-45% 0px -45% 0px'});\n S.forEach(function(s){io.observe(s);});\n});}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\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-220c03b1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"220c03b1\" data-element_type=\"section\" data-e-type=\"section\" id=\"charte\" 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-7bbe7790\" data-id=\"7bbe7790\" 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-47f609e3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"47f609e3\" 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-58 elementor-inner-column elementor-element elementor-element-13984f44\" data-id=\"13984f44\" 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-2c5e1496 pv-h mg-eyebrow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2c5e1496\" 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\">Le livrable cl\u00e9<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b9befc0 pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"4b9befc0\" 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\">Votre charte graphique, <span class=\"mg-grad\">page apr\u00e8s page.<\/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-42 elementor-inner-column elementor-element elementor-element-72e09f3b\" data-id=\"72e09f3b\" 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-653456c0 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"653456c0\" 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>La charte graphique est le <strong style='color:#fff'>mode d\u2019emploi de votre identit\u00e9<\/strong>. Elle permet \u00e0 votre \u00e9quipe, \u00e0 votre imprimeur ou \u00e0 votre agence web d\u2019utiliser votre marque correctement, partout et tout le temps.<\/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-3de4fafd elementor-widget elementor-widget-spacer\" data-id=\"3de4fafd\" 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-58a30075 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"58a30075\" 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.mggd{font-family:Inter,sans-serif;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:30px;align-items:center}\n.mggd-bk{position:relative;perspective:1800px;aspect-ratio:1.55}\n.mggd-sp{position:absolute;inset:0;border-radius:18px;background:#0B1222;box-shadow:0 40px 80px rgba(0,0,0,.45)}\n.mggd-sp:after{content:\"\";position:absolute;left:50%;top:0;bottom:0;width:30px;margin-left:-15px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.35),transparent);z-index:5}\n.mggd-pg{position:absolute;top:8px;bottom:8px;left:50%;width:calc(50% - 8px);transform-origin:left center;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.6,0,.2,1);z-index:var(--z)}\n.mggd-pg.flip{transform:rotateY(-180deg)}\n.mggd-f,.mggd-b{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#FDFBF8;border-radius:0 12px 12px 0;padding:22px 24px;overflow:hidden;display:flex;flex-direction:column}\n.mggd-b{transform:rotateY(180deg);border-radius:12px 0 0 12px}\n.mggd-f:after,.mggd-b:after{content:\"\";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 12%)}\n.mggd-b:after{background:linear-gradient(270deg,rgba(0,0,0,.08),transparent 12%)}\n.mggd-left{position:absolute;top:8px;bottom:8px;left:8px;width:calc(50% - 8px);background:#FDFBF8;border-radius:12px 0 0 12px;padding:22px 24px;display:flex;flex-direction:column;justify-content:space-between}\n.mggd small.k{font:800 10px Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#E8590C}\n.mggd h5{margin:6px 0 12px;font:800 clamp(15px,1.8vw,22px)\/1.1 Inter,sans-serif;letter-spacing:-.4px;color:#141B2D}\n.mggd p.d{margin:auto 0 0;font:500 clamp(9.5px,1vw,12px)\/1.5 Inter,sans-serif;color:#5B6475}\n.mggd-n{position:absolute;right:16px;bottom:12px;font:700 10px ui-monospace,monospace;color:#B0B6C2}\n.mggd-cv{background:#141B2D!important;color:#fff;justify-content:center;align-items:flex-start}\n.mggd-cv b{font:900 clamp(22px,3.2vw,40px)\/1 Inter,sans-serif;letter-spacing:-.04em}.mggd-cv b span{color:#F7862B}\n.mggd-cv em{font-style:normal;font:600 clamp(9px,1vw,12px) Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#AEB6C6;margin-top:10px}\n.mggd-lgo{display:grid;place-items:center;flex:1;position:relative}\n.mggd-lgo .z{position:relative;padding:18px;border:1.5px dashed #E8590C;border-radius:6px}\n.mggd-lgo .z:before{content:\"x\";position:absolute;top:2px;left:4px;font:700 9px ui-monospace,monospace;color:#E8590C}\n.mggd-lgo .z b{font:900 clamp(18px,2.4vw,30px)\/1 Inter,sans-serif;letter-spacing:-.05em;color:#141B2D}.mggd-lgo .z b i{display:inline-block;width:.7em;height:.7em;border-radius:5px;background:#E8590C;margin-right:5px}\n.mggd-cl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex:1;align-content:center}\n.mggd-cl i{aspect-ratio:.7;border-radius:8px;position:relative}\n.mggd-cl i:after{content:attr(data-h);position:absolute;left:5px;bottom:5px;font:600 clamp(6px,.7vw,8.5px) ui-monospace,monospace;color:#fff;mix-blend-mode:difference}\n.mggd-ty{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}\n.mggd-ty b{font:900 clamp(30px,4vw,54px)\/1 Inter,sans-serif;letter-spacing:-.04em;color:#141B2D}\n.mggd-ty span{font:500 clamp(8px,.9vw,11px) ui-monospace,monospace;color:#7A8394;letter-spacing:.04em}\n.mggd-ic{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;flex:1;align-content:center}\n.mggd-ic i{aspect-ratio:1;border-radius:10px;background:#FFF1E6;display:grid;place-items:center;color:#E8590C;font-style:normal;font-size:clamp(12px,1.4vw,18px)}\n.mggd-no{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;align-content:center}\n.mggd-no span{position:relative;aspect-ratio:1.4;border-radius:10px;background:#F1F3F7;display:grid;place-items:center;font:900 clamp(10px,1.3vw,16px) Inter,sans-serif;color:#141B2D}\n.mggd-no span:after{content:\"\u2715\";position:absolute;right:5px;top:3px;color:#DC2626;font-size:12px}\n.mggd-mk{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center}\n.mggd-mk span{border-radius:10px;aspect-ratio:1.3;background:#141B2D;display:grid;place-items:center;color:#fff;font:800 clamp(9px,1vw,12px) Inter,sans-serif}\n.mggd-mk span:nth-child(2){background:#E8590C}.mggd-mk span:nth-child(3){background:#FFF1E6;color:#141B2D}.mggd-mk span:nth-child(4){background:#F7B267;color:#141B2D}\n.mggd-ls{display:flex;flex-direction:column;gap:8px}\n.mggd-ls button{cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;padding:13px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;transition:.35s cubic-bezier(.2,.8,.2,1)}\n.mggd-ls button:hover{transform:translateX(6px);border-color:rgba(247,134,43,.5)}\n.mggd-ls button.on{background:linear-gradient(135deg,rgba(247,134,43,.22),rgba(232,89,12,.06));border-color:#F7862B}\n.mggd-ls button i{width:32px;height:32px;border-radius:10px;flex:none;display:grid;place-items:center;font-style:normal;background:rgba(255,255,255,.08);font-size:14px;transition:.35s}\n.mggd-ls button.on i{background:linear-gradient(135deg,#F7862B,#E8590C)}\n.mggd-ls b{display:block;font:700 15px Inter,sans-serif}.mggd-ls small{display:block;font:500 12.5px Inter,sans-serif;color:#AEB6C6;margin-top:2px}\n@media(max-width:1024px){.mggd{grid-template-columns:minmax(0,1fr)}.mggd-ls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mggd-ls button{padding:11px 12px;gap:9px}.mggd-ls b{font-size:13.5px}.mggd-ls small{display:none}.mggd-ls button:hover{transform:none}}\n@media(prefers-reduced-motion:reduce){.mggd-pg{transition:none}}\n<\/style>\n<!-- Aper\u00e7u d'une charte graphique (marque fictive \u00ab Kaya \u00bb). -->\n<div class=\"mggd\">\n <div class=\"mggd-bk\" aria-hidden=\"true\">\n  <div class=\"mggd-sp\"><\/div>\n  <div class=\"mggd-left mggd-cv\"><b>kaya<span>.<\/span><\/b><em>Charte graphique \u00b7 v1.0<\/em><\/div>\n  <div class=\"mggd-pg\" style=\"--z:6\"><div class=\"mggd-f\"><small class=\"k\">01 \u00b7 Logo<\/small><h5>Logo &amp; zone de protection<\/h5><div class=\"mggd-lgo\"><div class=\"z\"><b><i><\/i>kaya<\/b><\/div><\/div><p class=\"d\">Un espace minimum autour du logo garantit sa lisibilit\u00e9.<\/p><span class=\"mggd-n\">02<\/span><\/div>\n   <div class=\"mggd-b\"><small class=\"k\">02 \u00b7 Couleurs<\/small><h5>Palette de couleurs<\/h5><div class=\"mggd-cl\"><i style=\"background:#E8590C\" data-h=\"#E8590C\"><\/i><i style=\"background:#141B2D\" data-h=\"#141B2D\"><\/i><i style=\"background:#F7B267\" data-h=\"#F7B267\"><\/i><i style=\"background:#FFF1E6\" data-h=\"#FFF1E6\"><\/i><\/div><p class=\"d\">Couleurs principales et secondaires, avec leurs codes CMJN, RVB et HEX.<\/p><span class=\"mggd-n\">03<\/span><\/div><\/div>\n  <div class=\"mggd-pg\" style=\"--z:5\"><div class=\"mggd-f\"><small class=\"k\">03 \u00b7 Typographies<\/small><h5>Hi\u00e9rarchie typographique<\/h5><div class=\"mggd-ty\"><b>Aa<\/b><span>TITRES \u00b7 Inter Black 900<\/span><span>Textes \u00b7 Inter Regular 400<\/span><\/div><p class=\"d\">Titres, sous-titres et textes : chaque usage a sa police et sa taille.<\/p><span class=\"mggd-n\">04<\/span><\/div>\n   <div class=\"mggd-b\"><small class=\"k\">04 \u00b7 Iconographie<\/small><h5>Ic\u00f4nes &amp; \u00e9l\u00e9ments graphiques<\/h5><div class=\"mggd-ic\"><i>\u2726<\/i><i>\u2665<\/i><i>\u2600<\/i><i>\u273f<\/i><i>\u25c6<\/i><i>\u279c<\/i><i>\u2605<\/i><i>\u25cf<\/i><\/div><p class=\"d\">Un langage visuel compl\u00e9mentaire, reconnaissable au premier regard.<\/p><span class=\"mggd-n\">05<\/span><\/div><\/div>\n  <div class=\"mggd-pg\" style=\"--z:4\"><div class=\"mggd-f\"><small class=\"k\">05 \u00b7 \u00c0 \u00e9viter<\/small><h5>Les usages interdits<\/h5><div class=\"mggd-no\"><span style=\"transform:skewX(-14deg)\">kaya<\/span><span style=\"color:#22C55E\">kaya<\/span><span style=\"filter:blur(1.2px)\">kaya<\/span><span style=\"background:#E8590C;color:#F7862B\">kaya<\/span><\/div><p class=\"d\">D\u00e9former, recolorer ou flouter le logo : ce qu\u2019il ne faut jamais faire.<\/p><span class=\"mggd-n\">06<\/span><\/div>\n   <div class=\"mggd-b\"><small class=\"k\">06 \u00b7 Applications<\/small><h5>Exemples d\u2019application<\/h5><div class=\"mggd-mk\"><span>Carte de visite<\/span><span>R\u00e9seaux sociaux<\/span><span>Packaging<\/span><span>Signal\u00e9tique<\/span><\/div><p class=\"d\">Votre identit\u00e9 mise en situation sur vos principaux supports.<\/p><span class=\"mggd-n\">07<\/span><\/div><\/div>\n  <div class=\"mggd-pg\" style=\"--z:3\"><div class=\"mggd-f mggd-cv\" style=\"border-radius:0 12px 12px 0\"><b>Merci<span>.<\/span><\/b><em>My Grafik \u00b7 Cr\u00e9ateur d\u2019identit\u00e9<\/em><\/div><div class=\"mggd-b mggd-cv\"><b>kaya<span>.<\/span><\/b><em>Fin du document<\/em><\/div><\/div>\n <\/div>\n <div class=\"mggd-ls\">\n  <button class=\"on\" data-p=\"0\"><i>\u2726<\/i><span><b>Logo &amp; zone de protection<\/b><small>Versions, tailles minimales<\/small><\/span><\/button>\n  <button data-p=\"1\"><i>\ud83c\udfa8<\/i><span><b>Couleurs<\/b><small>Codes CMJN \u00b7 RVB \u00b7 HEX<\/small><\/span><\/button>\n  <button data-p=\"1\"><i>Aa<\/i><span><b>Typographies<\/b><small>Hi\u00e9rarchie des textes<\/small><\/span><\/button>\n  <button data-p=\"2\"><i>\u25c6<\/i><span><b>Iconographie<\/b><small>\u00c9l\u00e9ments graphiques<\/small><\/span><\/button>\n  <button data-p=\"2\"><i>\u2715<\/i><span><b>Usages interdits<\/b><small>Ce qu\u2019il faut \u00e9viter<\/small><\/span><\/button>\n  <button data-p=\"3\"><i>\u25a3<\/i><span><b>Applications<\/b><small>Mises en situation<\/small><\/span><\/button>\n <\/div>\n<\/div>\n<script>\n(function(){function init(){document.querySelectorAll('.mggd:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var pg=[].slice.call(w.querySelectorAll('.mggd-pg')),bs=[].slice.call(w.querySelectorAll('.mggd-ls button')),k=0,t,\n st=document.documentElement.classList.contains('pv-static'),auto=!st&&!window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n function open(n){pg.forEach(function(p,i){p.classList.toggle('flip',i<n);p.style.zIndex=i<n?(10+i):(6-i);});}\n var map=[0,1,1,2,2,3];function go2(i){k=i;bs.forEach(function(b,j){b.classList.toggle('on',j===i);});open(map[i]);}\n bs.forEach(function(b,i){b.addEventListener('click',function(){clearInterval(t);go2(i);});});\n go2(st?1:0);\n if(auto){var io=new IntersectionObserver(function(es){clearInterval(t);if(es[0].isIntersecting)t=setInterval(function(){go2((k+1)%bs.length);},3200);},{threshold:.4});io.observe(w);}\n});}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\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-ae1e5af elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ae1e5af\" 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-792995aa\" data-id=\"792995aa\" 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-7f2c011f pv-h mg-eyebrow mg-center elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7f2c011f\" 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\">Nos formules<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-635b8ef9 pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"635b8ef9\" 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 formule pour <span class=\"mg-grad\">chaque \u00e9tape<\/span> de votre marque<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4eea5edc elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"4eea5edc\" 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>Lancement, structuration ou modernisation : choisissez le point de d\u00e9part, nous ajustons le reste \u00e0 votre besoin.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48c87dfb elementor-widget elementor-widget-spacer\" data-id=\"48c87dfb\" 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-28292d4b elementor-invisible elementor-widget elementor-widget-html\" data-id=\"28292d4b\" 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.mgfl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;font-family:Inter,sans-serif}\n.mgfl-c{position:relative;display:flex;flex-direction:column;border-radius:30px;padding:32px 28px;background:#fff;border:1px solid #ECEFF4;box-shadow:0 24px 60px rgba(20,27,45,.07);color:#141B2D;\n transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0));transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s;overflow:hidden;isolation:isolate}\n.mgfl-c:after{content:\"\";position:absolute;inset:0;z-index:-1;background:radial-gradient(300px circle at var(--gx,50%) var(--gy,0%),rgba(247,134,43,.12),transparent 60%);opacity:0;transition:opacity .4s}\n.mgfl-c:hover{--ty:-8px;box-shadow:0 34px 80px rgba(20,27,45,.14)}.mgfl-c:hover:after{opacity:1}\n.mgfl-c.pop{background:linear-gradient(160deg,#1A2440,#0B1222);color:#fff;border-color:transparent;box-shadow:0 34px 80px rgba(11,18,34,.35);--ty:-14px}\n.mgfl-c.pop:hover{--ty:-20px}\n.mgfl-bd{position:absolute;right:20px;top:20px;padding:6px 11px;border-radius:999px;font:800 11px Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,#F7862B,#E8590C);color:#fff}\n.mgfl-ic{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:24px;background:#FFF1E6;margin-bottom:20px;transform:rotate(-6deg)}\n.mgfl-c.pop .mgfl-ic{background:rgba(247,134,43,.18)}\n.mgfl-c small{font:800 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#E8590C}\n.mgfl-c.pop small{color:#FFB067}\n.mgfl-c h3{margin:6px 0 8px;font:800 26px\/1.15 Inter,sans-serif;letter-spacing:-.6px}\n.mgfl-c>p{margin:0 0 20px;font:500 15px\/1.55 Inter,sans-serif;color:#5B6475}.mgfl-c.pop>p{color:#C9D1E0}\n.mgfl-c ul{margin:0 0 24px;padding:20px 0 0;list-style:none;display:grid;gap:10px;border-top:1px solid #F0F2F6}\n.mgfl-c.pop ul{border-color:rgba(255,255,255,.1)}\n.mgfl-c li{display:flex;gap:10px;font:600 14.5px\/1.4 Inter,sans-serif}\n.mgfl-c li:before{content:\"\u2713\";flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:900;background:#FFF1E6;color:#E8590C}\n.mgfl-c.pop li:before{background:#E8590C;color:#fff}\n.mgfl-pr{margin-top:auto;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:16px}.mgfl-pr b{white-space:nowrap}\n.mgfl-pr b{font:900 30px\/1 Inter,sans-serif;letter-spacing:-1px}.mgfl-pr span{font:600 13px Inter,sans-serif;color:#7A8394}.mgfl-c.pop .mgfl-pr span{color:#AEB6C6}\n.mgfl-c 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;border:1.5px solid #141B2D;color:#141B2D;transition:.35s}\n.mgfl-c a:hover{background:#141B2D;color:#fff}\n.mgfl-c.pop a{border:0;background:linear-gradient(135deg,#F7862B,#E8590C);color:#fff;box-shadow:0 14px 30px rgba(232,89,12,.35)}\n.mgfl-c.pop a:hover{transform:translateY(-2px)}\n.mgfl-c a:focus-visible{outline:3px solid #F7862B;outline-offset:3px}\n.mgfl-nt{grid-column:1\/-1;text-align:center;margin-top:6px;font:500 14px Inter,sans-serif;color:#7A8394}\n@media(max-width:980px){.mgfl{grid-template-columns:minmax(0,1fr);max-width:520px;margin:0 auto}.mgfl-c.pop{--ty:0}}\n<\/style>\n<div class=\"mgfl\">\n <div class=\"mgfl-c\"><div class=\"mgfl-ic\">\ud83c\udf31<\/div><small>Lancement<\/small><h3>Identit\u00e9 Essentielle<\/h3><p>Pour d\u00e9marrer avec une image coh\u00e9rente et professionnelle, sans se disperser.<\/p>\n  <ul><li>Cr\u00e9ation du logo et ses d\u00e9clinaisons<\/li><li>Palette de couleurs et typographies<\/li><li>Carte de visite<\/li><li>Mini charte d\u2019utilisation<\/li><\/ul>\n  <div class=\"mgfl-pr\"><b>Sur devis<\/b><span>adapt\u00e9 \u00e0 votre projet<\/span><\/div><a href=\"#contact\">Demander un devis \u2192<\/a><\/div>\n <div class=\"mgfl-c pop\"><span class=\"mgfl-bd\">\u2605 Le plus choisi<\/span><div class=\"mgfl-ic\">\ud83c\udfaf<\/div><small>Compl\u00e8te<\/small><h3>Identit\u00e9 Compl\u00e8te<\/h3><p>Un syst\u00e8me visuel complet, pr\u00eat pour tous vos supports print et digitaux.<\/p>\n  <ul><li>Logo, couleurs, typographies, \u00e9l\u00e9ments graphiques<\/li><li>Charte graphique d\u00e9taill\u00e9e<\/li><li>Papeterie : cartes, en-t\u00eates, signature e-mail<\/li><li>Kit r\u00e9seaux sociaux (profils, couvertures, mod\u00e8les)<\/li><li>Fichiers sources et vectoriels<\/li><\/ul>\n  <div class=\"mgfl-pr\"><b>Sur devis<\/b><span>devis gratuit sous 24 h<\/span><\/div><a href=\"#contact\">Choisir l\u2019Identit\u00e9 Compl\u00e8te \u2192<\/a><\/div>\n <div class=\"mgfl-c\"><div class=\"mgfl-ic\">\ud83d\udd04<\/div><small>Modernisation<\/small><h3>Refonte d\u2019identit\u00e9<\/h3><p>Votre marque a grandi ? On modernise votre image sans perdre ce qui fait votre force.<\/p>\n  <ul><li>Audit de votre identit\u00e9 actuelle<\/li><li>\u00c9volution ou refonte du logo<\/li><li>Nouvelle charte graphique<\/li><li>Plan de d\u00e9ploiement sur vos supports<\/li><\/ul>\n  <div class=\"mgfl-pr\"><b>Sur devis<\/b><span>sur mesure<\/span><\/div><a href=\"#contact\">Moderniser mon image \u2192<\/a><\/div>\n <p class=\"mgfl-nt\">Chaque formule est ajust\u00e9e \u00e0 votre besoin apr\u00e8s un premier \u00e9change gratuit.<\/p>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mgfl:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n if(document.documentElement.classList.contains('pv-static')||matchMedia('(hover:none)').matches||matchMedia('(prefers-reduced-motion:reduce)').matches)return;\n w.querySelectorAll('.mgfl-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;c.style.setProperty('--ry',((x-.5)*10).toFixed(1)+'deg');c.style.setProperty('--rx',(-(y-.5)*10).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-29e78c69 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"29e78c69\" 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-73118f1c\" data-id=\"73118f1c\" 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-3139234f pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"3139234f\" 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\">Comment cr\u00e9er une <span class=\"mg-grad\">identit\u00e9 visuelle<\/span> ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d6806c6 elementor-widget elementor-widget-spacer\" data-id=\"2d6806c6\" 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-6baea511 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"6baea511\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Comment cr\u00e9er une identit\u00e9 visuelle \u2014 v3 : la marque se construit couche par couche ===== *\/\n.mg3c{font-family:Inter,sans-serif;color:#141B2D;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:center}\n.mg3c *{box-sizing:border-box}\n.mg3c .st{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:mg3c}\n.mg3c .st li{margin:0;border-radius:22px;background:#FFFFFF;border:1.5px solid #F1E4D8;transition:border-color .35s,box-shadow .35s}\n.mg3c .st li:hover{border-color:#F7B98A}\n.mg3c .st button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 16px;align-items:center;padding:18px 20px;border-radius:22px}\n.mg3c .st button:focus-visible{outline:3px solid #F7862B;outline-offset:2px}\n.mg3c .st .n{grid-row:span 2;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font:900 15px\/1 Inter,sans-serif;color:#E8590C;background:#FFF1E6;transition:background .35s,color .35s}\n.mg3c .st b{font:800 19px\/1.25 Inter,sans-serif;letter-spacing:-.3px;color:#141B2D}\n.mg3c .st small{font:600 13px\/1.3 Inter,sans-serif;color:#9AA3B5}\n.mg3c .st .tx{display:none;padding:0 22px 20px 88px;font:400 15px\/1.65 Inter,sans-serif;color:#5B6475}\n.mg3c .st .tx strong{color:#141B2D}\n.mg3c .st .tx a{display:inline-block;margin-top:8px;color:#E8590C;font-weight:800;text-decoration:none;border-bottom:2px solid currentColor}\n.mg3c .st li.on{border-color:#E8590C;box-shadow:0 18px 40px rgba(232,89,12,.12)}\n.mg3c .st li.on .n{background:#E8590C;color:#FFFFFF}\n.mg3c .st li.on .tx{display:block}\n.mg3c:not(.js) .st .tx{display:block}\n\/* planche qui se construit *\/\n.mg3c .bd{position:relative;border-radius:30px;padding:26px;background:#141B2D;color:#FFFFFF;box-shadow:0 34px 70px rgba(20,27,45,.22)}\n.mg3c .bd .tp{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font:800 11.5px\/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7D8597}\n.mg3c .bd .tp b{color:#F7862B}\n.mg3c .gd{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;gap:12px}\n.mg3c .z{position:relative;border-radius:20px;padding:18px;background:#1B2540;border:1px dashed #33405F;transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1),background .6s,border-color .6s;opacity:.28;transform:scale(.97)}\n.mg3c .z.on{opacity:1;transform:none;border-style:solid;border-color:#2C3854}\n.mg3c .z.cur{border-color:#F7862B;box-shadow:0 0 0 3px rgba(247,134,43,.18)}\n.mg3c .z small{display:block;margin-bottom:12px;font:800 10.5px\/1 Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7D8597}\n.mg3c .z1{grid-row:span 2;display:flex;flex-direction:column}\n.mg3c .lg{flex:1;display:grid;place-items:center;border-radius:14px;background:#FFFFFF;min-height:170px}\n.mg3c .lg svg{width:72%;height:auto}\n.mg3c .lg .gr{stroke:#C9D1E0;stroke-width:1;fill:none;stroke-dasharray:3 4}\n.mg3c .lg .mk{fill:#E8590C}.mg3c .lg .tx2{fill:#141B2D}\n.mg3c .pl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}\n.mg3c .pl i{height:46px;border-radius:10px;display:flex;align-items:flex-end;padding:5px;font:700 8.5px\/1 ui-monospace,monospace;font-style:normal;color:#FFFFFF}\n.mg3c .pl i.l{color:#141B2D}\n.mg3c .ty{display:flex;align-items:flex-end;gap:14px}\n.mg3c .ty b{font:900 54px\/1 Inter,sans-serif;letter-spacing:-2px;color:#FFFFFF}\n.mg3c .ty span{font:500 12px\/1.5 Inter,sans-serif;color:#AEB6C6}.mg3c .ty span em{display:block;font:italic 600 15px Georgia,serif;color:#FFFFFF}\n.mg3c .z4{grid-column:1\/-1;display:flex;align-items:center;gap:16px}\n.mg3c .pg{display:flex;gap:6px;flex:none}\n.mg3c .pg i{width:38px;height:50px;border-radius:5px;background:#FFFFFF;position:relative;box-shadow:0 6px 14px rgba(0,0,0,.25)}\n.mg3c .pg i:before{content:\"\";position:absolute;left:6px;right:6px;top:8px;height:10px;border-radius:3px;background:#E8590C}\n.mg3c .pg i:after{content:\"\";position:absolute;left:6px;right:12px;top:24px;height:3px;border-radius:2px;background:#C9D1E0;box-shadow:0 6px 0 #C9D1E0,0 12px 0 #E6E9EF}\n.mg3c .pg i:nth-child(2):before{background:#141B2D}.mg3c .pg i:nth-child(3):before{background:#F7B267}\n.mg3c .z4 p{margin:0;font:600 13.5px\/1.5 Inter,sans-serif;color:#C9D1E0}.mg3c .z4 p b{display:block;color:#FFFFFF;font-size:15px}\n.mg3c .ok{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border-radius:14px;background:rgba(22,163,74,.14);font:700 13px\/1.3 Inter,sans-serif;color:#86EFAC;opacity:0;transition:opacity .5s}\n.mg3c .bd.done .ok{opacity:1}\n@media(max-width:1024px){.mg3c{grid-template-columns:minmax(0,1fr)}.mg3c .bd{order:-1}}\n@media(max-width:560px){.mg3c .bd{padding:18px;border-radius:24px}.mg3c .gd{grid-template-columns:minmax(0,1fr)}.mg3c .z1{grid-row:auto}.mg3c .lg{min-height:130px}.mg3c .st button{padding:16px;grid-template-columns:44px minmax(0,1fr)}.mg3c .st .n{width:44px;height:44px}.mg3c .st .tx{padding:0 16px 18px}}\n@media(prefers-reduced-motion:reduce){.mg3c .z{transition:none}}\n<\/style>\n<div class=\"mg3c\">\n <ol class=\"st\">\n  <li class=\"on\"><button type=\"button\" aria-expanded=\"true\"><span class=\"n\">01<\/span><b>Cr\u00e9er un logo<\/b><small>Le symbole de votre marque<\/small><\/button><div class=\"tx\"><p>Cr\u00e9er un <strong>logo<\/strong> est une \u00e9tape essentielle pour construire votre <strong>identit\u00e9 graphique<\/strong>. V\u00e9ritable symbole de votre <strong>marque<\/strong>, il incarne les <strong>valeurs<\/strong> et l'<strong>ADN de votre entreprise<\/strong>. Au c\u0153ur de votre <strong>communication visuelle<\/strong>, il permet de vous d\u00e9marquer et d\u2019\u00eatre facilement reconnu par votre public.<\/p><a href=\"\/creation-de-logo\/\">D\u00e9couvrir la cr\u00e9ation de logo \u2192<\/a><\/div><\/li>\n  <li><button type=\"button\" aria-expanded=\"false\"><span class=\"n\">02<\/span><b>Choisir ses couleurs<\/b><small>L\u2019\u00e9motion de votre marque<\/small><\/button><div class=\"tx\"><p>Les couleurs v\u00e9hiculent des \u00e9motions et des valeurs. Une palette harmonieuse, compos\u00e9e de couleurs principales et secondaires, renforce la reconnaissance de votre marque et assure la coh\u00e9rence de tous vos supports.<\/p><\/div><\/li>\n  <li><button type=\"button\" aria-expanded=\"false\"><span class=\"n\">03<\/span><b>Trouver une typographie<\/b><small>La voix de votre marque<\/small><\/button><div class=\"tx\"><p>La typographie exprime la personnalit\u00e9 de votre marque. Nous s\u00e9lectionnons des polices lisibles et distinctives, et d\u00e9finissons leur hi\u00e9rarchie (titres, sous-titres, textes) pour une communication claire et coh\u00e9rente.<\/p><\/div><\/li>\n  <li><button type=\"button\" aria-expanded=\"false\"><span class=\"n\">04<\/span><b>Cr\u00e9er sa charte graphique<\/b><small>Le mode d\u2019emploi de votre identit\u00e9<\/small><\/button><div class=\"tx\"><p>La charte graphique rassemble toutes les r\u00e8gles d\u2019utilisation de votre identit\u00e9 : logo, couleurs, typographies, \u00e9l\u00e9ments graphiques et exemples d\u2019application. Elle garantit une image coh\u00e9rente, quel que soit le support ou la personne qui l\u2019utilise.<\/p><\/div><\/li>\n <\/ol>\n <div class=\"bd\" aria-hidden=\"true\">\n  <div class=\"tp\"><span>Votre identit\u00e9 en construction<\/span><b class=\"pc\">1 \/ 4<\/b><\/div>\n  <div class=\"gd\">\n   <div class=\"z z1\"><small>01 \u00b7 Logo<\/small><div class=\"lg\"><svg viewBox=\"0 0 250 120\"><circle class=\"gr\" cx=\"60\" cy=\"60\" r=\"40\"\/><line class=\"gr\" x1=\"0\" y1=\"60\" x2=\"200\" y2=\"60\"\/><line class=\"gr\" x1=\"60\" y1=\"0\" x2=\"60\" y2=\"120\"\/><path class=\"mk\" d=\"M60 24 L92 92 L76 92 L60 56 L44 92 L28 92 Z\"\/><text class=\"tx2\" x=\"104\" y=\"72\" font-family=\"Inter,sans-serif\" font-size=\"30\" font-weight=\"900\" letter-spacing=\"-1.5\">marque<\/text><\/svg><\/div><\/div>\n   <div class=\"z z2\"><small>02 \u00b7 Couleurs<\/small><div class=\"pl\"><i style=\"background:#E8590C\">#E8590C<\/i><i style=\"background:#141B2D\">#141B2D<\/i><i style=\"background:#F7B267\" class=\"l\">#F7B267<\/i><i style=\"background:#F4F1EE\" class=\"l\">#F4F1EE<\/i><\/div><\/div>\n   <div class=\"z z3\"><small>03 \u00b7 Typographies<\/small><div class=\"ty\"><b>Aa<\/b><span>Titres affirm\u00e9s<em>Textes \u00e9l\u00e9gants<\/em><\/span><\/div><\/div>\n   <div class=\"z z4\"><div class=\"pg\"><i><\/i><i><\/i><i><\/i><\/div><p><b>04 \u00b7 Charte graphique<\/b>Toutes les r\u00e8gles r\u00e9unies dans un guide clair.<\/p><\/div>\n  <\/div>\n  <div class=\"ok\"><i class=\"fas fa-check-circle\" aria-hidden=\"true\"><\/i>Identit\u00e9 compl\u00e8te : pr\u00eate pour tous vos supports.<\/div>\n <\/div>\n<\/div>\n<script>\n(function(){function init(){document.querySelectorAll('.mg3c:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);w.classList.add('js');\n var L=[].slice.call(w.querySelectorAll('.st li')),Z=[].slice.call(w.querySelectorAll('.z')),bd=w.querySelector('.bd'),pc=w.querySelector('.pc'),cur=0,t=null,\n RM=matchMedia('(prefers-reduced-motion:reduce)').matches||document.documentElement.classList.contains('pv-static');\n function go(i){cur=i;L.forEach(function(l,j){l.classList.toggle('on',j===i);l.querySelector('button').setAttribute('aria-expanded',j===i?'true':'false');});\n  Z.forEach(function(z,j){z.classList.toggle('on',j<=i);z.classList.toggle('cur',j===i);});pc.textContent=(i+1)+' \/ '+L.length;bd.classList.toggle('done',i===L.length-1);}\n L.forEach(function(l,i){l.querySelector('button').addEventListener('click',function(){clearInterval(t);t=null;go(i);});});\n go(RM?L.length-1:0);\n if(!RM&&'IntersectionObserver' in window){new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting&&!t&&cur===0){t=setInterval(function(){if(cur>=L.length-1){clearInterval(t);return;}go(cur+1);},3200);}});},{threshold:.4}).observe(w);}\n});}if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();})();\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-62466b29 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"62466b29\" data-element_type=\"section\" data-e-type=\"section\" id=\"audit\" 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-467447f5\" data-id=\"467447f5\" 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-65609fa7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"65609fa7\" 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-56 elementor-inner-column elementor-element elementor-element-330ae333\" data-id=\"330ae333\" 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-1f026b19 pv-h mg-eyebrow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1f026b19\" 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\">Audit express \u00b7 30 secondes<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-54629e39 pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"54629e39\" 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\">O\u00f9 en est <span class=\"mg-grad\">votre identit\u00e9 visuelle ?<\/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-44 elementor-inner-column elementor-element elementor-element-4d717469\" data-id=\"4d717469\" 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-679e4661 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"679e4661\" 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>Cochez ce dont vous disposez d\u00e9j\u00e0. Vous obtenez un score, les <strong style='color:#141B2D'>priorit\u00e9s<\/strong> \u00e0 traiter, et vous pouvez nous envoyer le r\u00e9sultat en un clic pour un <strong style='color:#141B2D'>audit gratuit<\/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-5182bc45 elementor-widget elementor-widget-spacer\" data-id=\"5182bc45\" 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-136b0bdf elementor-invisible elementor-widget elementor-widget-html\" data-id=\"136b0bdf\" 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.mgau{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start;font-family:Inter,sans-serif;color:#141B2D}\n.mgau *{box-sizing:border-box}\n.mgau-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}\n.mgau-i{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#fff;border:1.5px solid #ECEFF4;box-shadow:0 8px 20px rgba(20,27,45,.04);transition:border-color .35s,background .35s,transform .35s cubic-bezier(.2,.8,.2,1)}\n.mgau-i:hover{transform:translateY(-3px);border-color:#FFD3B3}\n.mgau-i:focus-visible{outline:3px solid #F7862B;outline-offset:2px}\n.mgau-i i{flex:none;width:26px;height:26px;border-radius:9px;border:2px solid #CBD2DD;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:900;color:transparent;transition:.35s}\n.mgau-i span{font:700 14.5px\/1.35 Inter,sans-serif}.mgau-i span small{display:block;font:500 12.5px Inter,sans-serif;color:#7A8394;margin-top:2px}\n.mgau-i[aria-pressed=\"true\"]{border-color:#E8590C;background:#FFF6EE}\n.mgau-i[aria-pressed=\"true\"] i{background:#E8590C;border-color:#E8590C;color:#fff;transform:rotate(-8deg)}\n.mgau-r{position:sticky;top:110px;padding:28px 26px;border-radius:28px;background:linear-gradient(160deg,#1A2440,#0B1222);color:#fff;box-shadow:0 30px 70px rgba(11,18,34,.3);overflow:hidden;isolation:isolate}\n.mgau-r:before{content:\"\";position:absolute;z-index:-1;width:260px;height:260px;right:-90px;top:-110px;border-radius:50%;background:radial-gradient(circle,rgba(247,134,43,.22),transparent 70%)}\n.mgau-r small{font:800 11.5px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#FFB067}\n.mgau-gg{position:relative;width:170px;aspect-ratio:1;margin:16px auto 6px}\n.mgau-gg svg{width:100%;height:100%;transform:rotate(-90deg)}\n.mgau-gg circle{fill:none;stroke-width:12}.mgau-gg .t{stroke:rgba(255,255,255,.08)}.mgau-gg .v{stroke:url(#mgauG);stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}\n.mgau-gg b{position:absolute;inset:0;display:grid;place-items:center;align-content:center;font:900 44px\/1 Inter,sans-serif;letter-spacing:-2px}\n.mgau-gg b span{display:block;font:700 12px Inter,sans-serif;letter-spacing:0;color:#AEB6C6;margin-top:4px}\n.mgau-r h4{margin:6px 0 6px;text-align:center;font:800 20px\/1.3 Inter,sans-serif}\n.mgau-r p{margin:0 0 16px;text-align:center;font:500 14.5px\/1.55 Inter,sans-serif;color:#C9D1E0;min-height:68px}\n.mgau-m{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:6px}\n.mgau-m li{display:flex;gap:8px;font:600 13.5px\/1.4 Inter,sans-serif;color:#E6EAF2}.mgau-m li:before{content:\"\u2192\";color:#F7862B;font-weight:900}\n.mgau-r 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;background:linear-gradient(135deg,#F7862B,#E8590C);color:#fff;box-shadow:0 14px 30px rgba(232,89,12,.35);transition:transform .35s}\n.mgau-r a:hover{transform:translateY(-2px)}.mgau-r a:focus-visible{outline:3px solid #fff;outline-offset:3px}\n@media(max-width:980px){.mgau{grid-template-columns:minmax(0,1fr)}.mgau-r{position:relative;top:0}}\n@media(max-width:560px){.mgau-g{grid-template-columns:minmax(0,1fr)}}\n<\/style>\n<div class=\"mgau\">\n <div class=\"mgau-g\">\n  <button type=\"button\" class=\"mgau-i\" aria-pressed=\"false\" data-m=\"un logo vectoriel (AI\/SVG)\"><i>\u2713<\/i><span>Un logo en fichier vectoriel<small>AI, SVG ou PDF, pas seulement un JPG<\/small><\/span><\/button>\n  <button type=\"button\" class=\"mgau-i\" aria-pressed=\"false\" data-m=\"une palette de couleurs d\u00e9finie\"><i>\u2713<\/i><span>Des couleurs d\u00e9finies<small>Codes pr\u00e9cis, toujours les m\u00eames<\/small><\/span><\/button>\n  <button type=\"button\" class=\"mgau-i\" aria-pressed=\"false\" data-m=\"des typographies officielles\"><i>\u2713<\/i><span>Des typographies officielles<small>Pour les titres et les textes<\/small><\/span><\/button>\n  <button type=\"button\" class=\"mgau-i\" aria-pressed=\"false\" data-m=\"une charte graphique\"><i>\u2713<\/i><span>Une charte graphique<small>Les r\u00e8gles d\u2019utilisation \u00e9crites<\/small><\/span><\/button>\n  <button type=\"button\" class=\"mgau-i\" aria-pressed=\"false\" data-m=\"des supports print coh\u00e9rents\"><i>\u2713<\/i><span>Des supports print coh\u00e9rents<small>Cartes, flyers, enseigne\u2026<\/small><\/span><\/button>\n  <button type=\"button\" class=\"mgau-i\" aria-pressed=\"false\" data-m=\"des r\u00e9seaux sociaux harmonis\u00e9s\"><i>\u2713<\/i><span>Des r\u00e9seaux sociaux harmonis\u00e9s<small>Profils et publications reconnaissables<\/small><\/span><\/button>\n  <button type=\"button\" class=\"mgau-i\" aria-pressed=\"false\" data-m=\"un site web aux couleurs de la marque\"><i>\u2713<\/i><span>Un site aux couleurs de la marque<small>M\u00eame univers que vos autres supports<\/small><\/span><\/button>\n  <button type=\"button\" class=\"mgau-i\" aria-pressed=\"false\" data-m=\"une image qui refl\u00e8te le niveau actuel de l\u2019entreprise\"><i>\u2713<\/i><span>Une image \u00e0 jour<small>Elle refl\u00e8te votre niveau actuel<\/small><\/span><\/button>\n <\/div>\n <div class=\"mgau-r\" aria-live=\"polite\">\n  <small>Votre r\u00e9sultat<\/small>\n  <div class=\"mgau-gg\"><svg viewBox=\"0 0 160 160\"><defs><linearGradient id=\"mgauG\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\"><stop offset=\"0\" stop-color=\"#F7862B\"\/><stop offset=\"1\" stop-color=\"#2BD07B\"\/><\/linearGradient><\/defs><circle class=\"t\" cx=\"80\" cy=\"80\" r=\"70\"\/><circle class=\"v\" cx=\"80\" cy=\"80\" r=\"70\"\/><\/svg><b><em class=\"n\" style=\"font-style:normal\">0<\/em><span>sur 8<\/span><\/b><\/div>\n  <h4 class=\"h\">Cochez ce que vous avez d\u00e9j\u00e0<\/h4>\n  <p class=\"d\">\u00c9valuez votre identit\u00e9 visuelle en 30 secondes, et d\u00e9couvrez par o\u00f9 commencer.<\/p>\n  <ul class=\"mgau-m\"><\/ul>\n  <a class=\"c\" href=\"https:\/\/wa.me\/2250160101002\" target=\"_blank\" rel=\"noopener\">\ud83d\udcac Recevoir mon audit gratuit<\/a>\n <\/div>\n<\/div>\n<script>\n(function(){document.querySelectorAll('.mgau:not([data-ok])').forEach(function(w){w.setAttribute('data-ok',1);\n var I=[].slice.call(w.querySelectorAll('.mgau-i')),v=w.querySelector('.mgau-gg .v'),n=w.querySelector('.n'),h=w.querySelector('.h'),d=w.querySelector('.d'),m=w.querySelector('.mgau-m'),c=w.querySelector('.c'),touched=false;\n var R=[[0,'Cochez ce que vous avez d\u00e9j\u00e0','\u00c9valuez votre identit\u00e9 visuelle en 30 secondes, et d\u00e9couvrez par o\u00f9 commencer.'],\n  [1,'Votre identit\u00e9 est \u00e0 construire','Les bases manquent : une identit\u00e9 compl\u00e8te vous ferait gagner en cr\u00e9dibilit\u00e9 et en temps.'],\n  [4,'De bonnes bases, \u00e0 structurer','Vous avez des \u00e9l\u00e9ments, mais ils ne forment pas encore un syst\u00e8me coh\u00e9rent.'],\n  [7,'Une identit\u00e9 presque compl\u00e8te','Il reste quelques r\u00e9glages pour une image parfaitement coh\u00e9rente.'],\n  [8,'Bravo, votre identit\u00e9 est solide','Pensez \u00e0 la faire vivre et \u00e9voluer : d\u00e9clinaisons, nouveaux supports, rafra\u00eechissement.']];\n function up(){var on=I.filter(function(x){return x.getAttribute('aria-pressed')==='true';}),k=on.length,miss=I.filter(function(x){return on.indexOf(x)<0;});\n  n.textContent=k;v.style.strokeDashoffset=440-440*k\/8;\n  var r=R[0];if(touched){r=R[1];R.forEach(function(x){if(k>=x[0]&&x[0]>0)r=x;});}\n  h.textContent=r[1];d.textContent=r[2];\n  m.innerHTML=touched?miss.slice(0,3).map(function(x){return '<li>\u00c0 pr\u00e9voir : '+x.getAttribute('data-m')+'<\/li>';}).join(''):'';\n  var msg='Bonjour My Grafik, j\u2019ai fait l\u2019audit d\u2019identit\u00e9 visuelle sur votre site : '+k+'\/8.'+(miss.length?' Il me manque : '+miss.map(function(x){return x.getAttribute('data-m');}).join(', ')+'.':'')+' J\u2019aimerais un audit gratuit.';\n  c.href='https:\/\/wa.me\/2250160101002?text='+encodeURIComponent(msg);}\n I.forEach(function(x){x.addEventListener('click',function(){touched=true;x.setAttribute('aria-pressed',x.getAttribute('aria-pressed')==='true'?'false':'true');up();});});\n up();\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-875bf27 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"875bf27\" 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-24439375\" data-id=\"24439375\" 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-7d0bbd8a elementor-widget elementor-widget-html\" data-id=\"7d0bbd8a\" 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\">Cr\u00e9ons votre identit\u00e9 <i>\u2726<\/i><\/a><a href=\"#contact\" data-cursor=\"Go\">Cr\u00e9ons votre identit\u00e9 <i>\u2726<\/i><\/a><a href=\"#contact\" data-cursor=\"Go\">Cr\u00e9ons votre identit\u00e9 <i>\u2726<\/i><\/a><a href=\"#contact\" data-cursor=\"Go\">Cr\u00e9ons votre identit\u00e9 <i>\u2726<\/i><\/a><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c79264 elementor-widget elementor-widget-spacer\" data-id=\"2c79264\" 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-6f6b4fca elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6f6b4fca\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-42 elementor-inner-column elementor-element elementor-element-22f774af mg-sticky\" data-id=\"22f774af\" 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-45e8189e pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"45e8189e\" 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 image de marque qui se d\u00e9marque : tout commence avec My Grafik.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5125818c elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"5125818c\" 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>Contactez notre \u00e9quipe d\u00e8s maintenant pour discuter de votre projet et donner vie \u00e0 vos id\u00e9es avec des solutions sur mesure.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8c4dee elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-invisible elementor-widget elementor-widget-icon-list\" data-id=\"d8c4dee\" 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 sans engagement<\/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\">Une identit\u00e9 pens\u00e9e pour tous vos supports<\/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\">Charte graphique remise \u00e0 la livraison<\/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-5ae6b349 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5ae6b349\" 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\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-58 elementor-inner-column elementor-element elementor-element-20add327 mg-formcard elementor-invisible\" data-id=\"20add327\" 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-7d51885a elementor-button-align-stretch elementor-widget elementor-widget-form\" data-id=\"7d51885a\" 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=\"Identit\u00e9 visuelle \u2013 My Grafik\" aria-label=\"Identit\u00e9 visuelle \u2013 My Grafik\">\n\t\t\t<input type=\"hidden\" name=\"post_id\" value=\"405\"\/>\n\t\t\t<input type=\"hidden\" name=\"form_id\" value=\"7d51885a\"\/>\n\t\t\t<input type=\"hidden\" name=\"referer_title\" value=\"Identit\u00e9 visuelle \u00e0 Abidjan | My Grafik\" \/>\n\n\t\t\t\t\t\t\t<input type=\"hidden\" name=\"queried_id\" value=\"405\"\/>\n\t\t\t\n\t\t\t<div class=\"elementor-form-fields-wrapper elementor-labels-above\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-nom elementor-col-50 elementor-sm-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-nom\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNom\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input size=\"1\" type=\"text\" name=\"form_fields[nom]\" id=\"form-field-nom\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Votre nom\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-text elementor-field-group elementor-column elementor-field-group-marque elementor-col-50 elementor-sm-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-marque\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tNom de votre marque\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[marque]\" id=\"form-field-marque\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Ex. : Kaya Cosm\u00e9tiques\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-tel elementor-field-group elementor-column elementor-field-group-telephone elementor-col-50 elementor-sm-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-telephone\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tT\u00e9l\u00e9phone\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<input size=\"1\" type=\"tel\" name=\"form_fields[telephone]\" id=\"form-field-telephone\" class=\"elementor-field elementor-size-md  elementor-field-textual\" placeholder=\"Votre t\u00e9l\u00e9phone\" required=\"required\" pattern=\"[0-9()#&amp;+*-=.]+\" title=\"Only numbers and phone characters (#, -, *, etc) are accepted.\">\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-50 elementor-sm-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-email\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tEmail\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=\"Votre email\" required=\"required\">\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-projet elementor-col-50 elementor-sm-100 elementor-field-required\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-projet\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tVotre projet\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[projet]\" id=\"form-field-projet\" class=\"elementor-field-textual elementor-size-md\" required=\"required\">\n\t\t\t\t\t\t\t\t\t<option value=\"Nouvelle identit\u00e9 visuelle\">Nouvelle identit\u00e9 visuelle<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Refonte de mon identit\u00e9\">Refonte de mon identit\u00e9<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Charte graphique seule\">Charte graphique seule<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Logo + supports de communication\">Logo + supports de communication<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Je ne sais pas encore\">Je ne sais pas encore<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-select elementor-field-group elementor-column elementor-field-group-supports elementor-col-50 elementor-sm-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-supports\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tSupports \u00e0 pr\u00e9voir\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field elementor-select-wrapper remove-before \">\n\t\t\t<div class=\"select-caret-down-wrapper\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-caret-down\" viewBox=\"0 0 571.4 571.4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M571 393Q571 407 561 418L311 668Q300 679 286 679T261 668L11 418Q0 407 0 393T11 368 36 357H536Q550 357 561 368T571 393Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t\t<select name=\"form_fields[supports]\" id=\"form-field-supports\" class=\"elementor-field-textual elementor-size-md\">\n\t\t\t\t\t\t\t\t\t<option value=\"\u00c0 d\u00e9finir ensemble\">\u00c0 d\u00e9finir ensemble<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Papeterie &amp; documents\">Papeterie &amp; documents<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"R\u00e9seaux sociaux &amp; web\">R\u00e9seaux sociaux &amp; web<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Signal\u00e9tique &amp; packaging\">Signal\u00e9tique &amp; packaging<\/option>\n\t\t\t\t\t\t\t\t\t<option value=\"Tous les supports\">Tous les supports<\/option>\n\t\t\t\t\t\t\t<\/select>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"elementor-field-type-textarea elementor-field-group elementor-column elementor-field-group-message elementor-col-100 elementor-sm-100\">\n\t\t\t\t\t\t\t\t\t\t\t\t<label for=\"form-field-message\" class=\"elementor-field-label\">\n\t\t\t\t\t\t\t\tMessage\t\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<textarea class=\"elementor-field-textual elementor-field  elementor-size-md\" name=\"form_fields[message]\" id=\"form-field-message\" rows=\"4\" placeholder=\"Parlez-nous de votre projet et de vos besoins cr\u00e9atifs.\"><\/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\">Envoyer ma demande<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/form>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-52fc644d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"52fc644d\" 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-40 elementor-top-column elementor-element elementor-element-4950bcc4 mg-sticky\" data-id=\"4950bcc4\" 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-71e9c8f pv-h mg-eyebrow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"71e9c8f\" 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\">FAQ \u00b7 Identit\u00e9 visuelle<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2acba3b5 pv-h mg-split elementor-widget elementor-widget-heading\" data-id=\"2acba3b5\" 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\">Questions fr\u00e9quentes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-296cc49c elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"296cc49c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Avec My Grafik, donnez vie \u00e0 vos id\u00e9es en toute confiance. Notre \u00e9quipe vous accompagne \u00e0 chaque \u00e9tape de votre projet et reste disponible par e-mail pour r\u00e9pondre \u00e0 toutes vos questions<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3802017d elementor-invisible elementor-widget elementor-widget-html\" data-id=\"3802017d\" 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.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=\"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\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-60 elementor-top-column elementor-element elementor-element-161739bd\" data-id=\"161739bd\" 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-136f4660 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"136f4660\" 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 \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<\/style>\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 qu\u2019une identit\u00e9 visuelle ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Une identit\u00e9 visuelle est un ensemble d\u2019\u00e9l\u00e9ments graphiques coh\u00e9rents (logo, charte graphique, support de communication). Elle permet de reconna\u00eetre instinctivement une marque par le visuel graphique.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">02<\/span><h3>Pourquoi cr\u00e9er une identit\u00e9 visuelle ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Il y a plusieurs raisons pour lesquelles il est important de cr\u00e9er une identit\u00e9 visuelle forte pour votre entreprise, organisation ou marque.<\/p><ul><li><strong>Renforcer la confiance dans votre marque<\/strong> : un bon design inspire confiance et cr\u00e9dibilit\u00e9, ce qui est essentiel pour toute entreprise qui tente de conqu\u00e9rir des clients<\/li><li><strong>Un facteur de diff\u00e9renciation majeur<\/strong> : un logo unique et m\u00e9morable, par exemple, permet aux clients potentiels de se souvenir plus facilement de l\u2019entreprise en question et de ses activit\u00e9s. C\u2019est vital lorsqu\u2019ils prennent des d\u00e9cisions d\u2019achat.<\/li><\/ul><\/div><\/details>\n <details><summary><span class=\"n\">03<\/span><h3>Qu\u2019est-ce que la charte graphique d\u2019une entreprise ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>La charte graphique est le document de r\u00e9f\u00e9rence qui d\u00e9finit les r\u00e8gles d\u2019utilisation de votre identit\u00e9 visuelle : logo et ses d\u00e9clinaisons, couleurs, typographies, \u00e9l\u00e9ments graphiques et exemples d\u2019application. Elle garantit une communication coh\u00e9rente sur tous vos supports.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">04<\/span><h3>Combien co\u00fbte un logo ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Le tarif d\u00e9pend de la complexit\u00e9 du projet, du nombre de propositions et des d\u00e9clinaisons souhait\u00e9es. Contactez-nous pour recevoir un devis gratuit et personnalis\u00e9, adapt\u00e9 \u00e0 votre besoin.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">05<\/span><h3>Comment annoncer une nouvelle identit\u00e9 visuelle ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Pr\u00e9parez le lancement en amont : mettez \u00e0 jour l\u2019ensemble de vos supports (site web, r\u00e9seaux sociaux, documents), puis pr\u00e9sentez votre nouvelle identit\u00e9 \u00e0 vos clients et partenaires en expliquant ce qu\u2019elle repr\u00e9sente, par une publication, une newsletter ou un \u00e9v\u00e9nement d\u00e9di\u00e9.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">06<\/span><h3>Pourquoi changer d\u2019identit\u00e9 graphique ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Une nouvelle identit\u00e9 devient n\u00e9cessaire lorsque votre image ne refl\u00e8te plus votre entreprise : \u00e9volution de votre activit\u00e9, nouveau positionnement, fusion ou simplement une image devenue dat\u00e9e. La moderniser permet de rester coh\u00e9rent avec vos ambitions.<\/p><\/div><\/details>\n <details><summary><span class=\"n\">07<\/span><h3>Quelle diff\u00e9rence entre identit\u00e9 visuelle et branding ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>L\u2019identit\u00e9 visuelle est la partie visible de votre marque : logo, couleurs, typographies, supports. Le branding est plus large : il englobe aussi votre positionnement, vos valeurs, votre ton et l\u2019exp\u00e9rience que vous faites vivre \u00e0 vos clients. <a href=\"\/branding\/\" style=\"color:#E8590C;font-weight:700\">D\u00e9couvrir le branding \u2192<\/a><\/p><\/div><\/details>\n <details><summary><span class=\"n\">08<\/span><h3>Peut-on faire \u00e9voluer une identit\u00e9 existante sans tout changer ?<\/h3><span class=\"ic\" aria-hidden=\"true\"><\/span><\/summary><div class=\"a\"><p>Oui. Il est souvent possible de moderniser une identit\u00e9 en conservant ses \u00e9l\u00e9ments reconnus : simplification du logo, mise \u00e0 jour de la palette, nouvelles typographies ou cr\u00e9ation d\u2019une charte graphique pour harmoniser l\u2019existant.<\/p><\/div><\/details>\n<\/div>\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Qu\u2019est-ce qu\u2019une identit\u00e9 visuelle ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Une identit\u00e9 visuelle est un ensemble d\u2019\u00e9l\u00e9ments graphiques coh\u00e9rents (logo, charte graphique, support de communication). Elle permet de reconna\u00eetre instinctivement une marque par le visuel graphique.\"}}, {\"@type\": \"Question\", \"name\": \"Pourquoi cr\u00e9er une identit\u00e9 visuelle ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Il y a plusieurs raisons pour lesquelles il est important de cr\u00e9er une identit\u00e9 visuelle forte pour votre entreprise, organisation ou marque. Renforcer la confiance dans votre marque : un bon design inspire confiance et cr\u00e9dibilit\u00e9, ce qui est essentiel pour toute entreprise qui tente de conqu\u00e9rir des clients Un facteur de diff\u00e9renciation majeur : un logo unique et m\u00e9morable, par exemple, permet aux clients potentiels de se souvenir plus facilement de l\u2019entreprise en question et de ses activit\u00e9s. C\u2019est vital lorsqu\u2019ils prennent des d\u00e9cisions d\u2019achat.\"}}, {\"@type\": \"Question\", \"name\": \"Qu\u2019est-ce que la charte graphique d\u2019une entreprise ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"La charte graphique est le document de r\u00e9f\u00e9rence qui d\u00e9finit les r\u00e8gles d\u2019utilisation de votre identit\u00e9 visuelle : logo et ses d\u00e9clinaisons, couleurs, typographies, \u00e9l\u00e9ments graphiques et exemples d\u2019application. Elle garantit une communication coh\u00e9rente sur tous vos supports.\"}}, {\"@type\": \"Question\", \"name\": \"Combien co\u00fbte un logo ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Le tarif d\u00e9pend de la complexit\u00e9 du projet, du nombre de propositions et des d\u00e9clinaisons souhait\u00e9es. Contactez-nous pour recevoir un devis gratuit et personnalis\u00e9, adapt\u00e9 \u00e0 votre besoin.\"}}, {\"@type\": \"Question\", \"name\": \"Comment annoncer une nouvelle identit\u00e9 visuelle ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Pr\u00e9parez le lancement en amont : mettez \u00e0 jour l\u2019ensemble de vos supports (site web, r\u00e9seaux sociaux, documents), puis pr\u00e9sentez votre nouvelle identit\u00e9 \u00e0 vos clients et partenaires en expliquant ce qu\u2019elle repr\u00e9sente, par une publication, une newsletter ou un \u00e9v\u00e9nement d\u00e9di\u00e9.\"}}, {\"@type\": \"Question\", \"name\": \"Pourquoi changer d\u2019identit\u00e9 graphique ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Une nouvelle identit\u00e9 devient n\u00e9cessaire lorsque votre image ne refl\u00e8te plus votre entreprise : \u00e9volution de votre activit\u00e9, nouveau positionnement, fusion ou simplement une image devenue dat\u00e9e. La moderniser permet de rester coh\u00e9rent avec vos ambitions.\"}}, {\"@type\": \"Question\", \"name\": \"Quelle diff\u00e9rence entre identit\u00e9 visuelle et branding ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"L\u2019identit\u00e9 visuelle est la partie visible de votre marque : logo, couleurs, typographies, supports. Le branding est plus large : il englobe aussi votre positionnement, vos valeurs, votre ton et l\u2019exp\u00e9rience que vous faites vivre \u00e0 vos clients.\"}}, {\"@type\": \"Question\", \"name\": \"Peut-on faire \u00e9voluer une identit\u00e9 existante sans tout changer ?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Oui. Il est souvent possible de moderniser une identit\u00e9 en conservant ses \u00e9l\u00e9ments reconnus : simplification du logo, mise \u00e0 jour de la palette, nouvelles typographies ou cr\u00e9ation d\u2019une charte graphique pour harmoniser l\u2019existant.\"}}]}<\/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\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MY&nbsp;GRAFIKCr\u00e9ateur d\u2019identit\u00e9 4,95 \/ 5 avis clientsMy Grafik \u2013 Cr\u00e9ateur d\u2019identit\u00e9 Identit\u00e9visuelle. Du logo \u00e0 la charte graphique, en passant par vos [&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-405","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\/405","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=405"}],"version-history":[{"count":0,"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/pages\/405\/revisions"}],"wp:attachment":[{"href":"https:\/\/my-grafik.com\/en\/wp-json\/wp\/v2\/media?parent=405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}