CINXE.COM

<!DOCTYPE html><html class="" dir="ltr" lang="fr"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2"/><link rel="manifest" href="/manifest.json"/><link href="/icons/icon-32x32.png" rel="icon" type="image/png" sizes="32x32"/><meta name="theme-color" content="#317EFB"/><link rel="apple-touch-icon" href="/apple-icon.png"/><title>Agence digitale indépendante, leader de l’expérience utilisateur au Maroc. | VOID</title><meta name="description" content="Agence digitale indépendante, leader de l’expérience utilisateur au Maroc"/><link rel="canonical" href="https://void.fr/fr"/><meta property="og:title" content="Agence digitale indépendante, leader de l’expérience utilisateur au Maroc."/><meta property="og:description" content="Agence digitale indépendante, leader de l’expérience utilisateur au Maroc"/><meta property="og:image" content="https://media.void.fr/sites/default/files/void-logo_0.jpg"/><meta property="og:image:url" content="https://media.void.fr/sites/default/files/void-logo_0.jpg"/><meta property="og:image:secure_url" content="https://media.void.fr/sites/default/files/void-logo_0.jpg"/><link rel="alternate" hrefLang="fr-fr" href="https://void.fr/fr"/><meta name="next-head-count" content="16"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /><link rel="amphtml" href="/fr/?amp=1"/><link rel="preload" href="/_next/static/css/5bf21867a7e2fa2c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5bf21867a7e2fa2c.css" data-n-g=""/><link rel="preload" href="/_next/static/css/5bfd0d5722c6fa73.css" as="style"/><link rel="stylesheet" href="/_next/static/css/5bfd0d5722c6fa73.css"/><link rel="preload" href="/_next/static/css/c5f25ed92c1d3865.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c5f25ed92c1d3865.css"/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script defer="" src="/_next/static/chunks/933.d9ad5dbc1d25448f.js"></script><script defer="" src="/_next/static/chunks/120.1e04f5878ed18819.js"></script><script src="/_next/static/chunks/webpack-b2314898b72cedea.js" defer=""></script><script src="/_next/static/chunks/framework-41d8b58727bb8f36.js" defer=""></script><script src="/_next/static/chunks/main-71a26959f8c1d5e9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-9fe0fcf047708d08.js" defer=""></script><script src="/_next/static/chunks/020d8314-4eb9ffc5c07ea4f6.js" defer=""></script><script src="/_next/static/chunks/2edb282b-b63b89b6504edc29.js" defer=""></script><script src="/_next/static/chunks/495-6398a36c40556e27.js" defer=""></script><script src="/_next/static/chunks/213-d39af5d990a3db37.js" defer=""></script><script src="/_next/static/chunks/273-f524afab7c795d7f.js" defer=""></script><script src="/_next/static/chunks/pages/index-49f046dad86a41fa.js" defer=""></script><script src="/_next/static/a8IQXzGsS6pKCO9DeS04d/_buildManifest.js" defer=""></script><script src="/_next/static/a8IQXzGsS6pKCO9DeS04d/_ssgManifest.js" defer=""></script><style data-href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap">@font-face{font-family:'Roboto';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgWxM.woff) format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5vAA.woff) format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Me5g.woff) format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9vAA.woff) format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlvAA.woff) format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtvAA.woff) format('woff')}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style><style data-href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap">@font-face{font-family:'Poppins';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrLPTedA.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLFj_V1g.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8V1g.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrFJM.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9V1g.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6V1g.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLCz7V1g.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDD4V1g.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLBT5V1g.woff) format('woff')}@font-face{font-family:'Poppins';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrLPTufntAOvWDSHFF.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:100;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiGyp8kv8JHgFVrLPTucHtAOvWDSA.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLFj_Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:200;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLFj_Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLCz7Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLCz7Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDD4Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLDD4Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLBT5Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Poppins';font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v22/pxiByp8kv8JHgFVrLBT5Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style><style data-href="https://fonts.googleapis.com/css2?family=Inter&display=optional">@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZs.woff) format('woff')}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZJhjp-Ek-_EeAmM.woff) format('woff');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZthjp-Ek-_EeAmM.woff) format('woff');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZNhjp-Ek-_EeAmM.woff) format('woff');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZxhjp-Ek-_EeAmM.woff) format('woff');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZBhjp-Ek-_EeAmM.woff) format('woff');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZFhjp-Ek-_EeAmM.woff) format('woff');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hjp-Ek-_EeA.woff) format('woff');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}</style></head><body class=""><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NNWMC7R" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div id="__next"><div id="theme-selector" data-theme="default"></div><div class="font-sans"><div><div class="w-full py-0 vactory-block"><div class="font-roboto-pt h-[55px] xlg:h-[100px] top-0 left-0 w-full translate-transform duration-500 ease-in-out fixed z-[80] translate-y-[0px] bg-transparent text-white "><header><nav class="px-4 sm:px-6 xlg:px-8 xlg:py-6" aria-label="Top"><div class="w-full relative flex items-center justify-between"><button class="xlg:hidden burger__v2__button inline-flex"><span class="span__v2__1"><span class="span__v2__2"></span></span></button><div class="absolute top-[71px] left-0 w-0 h-0 border-l-[15px] border-r-[15px] border-b-[15px] border-l-transparent border-r-transparent border-b-white z-[100] transition-all duration-500 ease-in-out" style="transform:translateY(-0px) translateX(0px) scale(0);opacity:0;display:none"></div><div class="flex w-full items-center flex-grow"><a class="xlg:mx-0 mx-auto flex-shrink-0" href="/fr"><div class="logo__svg"><svg viewBox="0 0 707 337.97" xmlns="http://www.w3.org/2000/svg"><g> <path clip-rule="evenodd" d="M46.894,261.244c0-55.815,0-111.323,0-167.137 c177.545,0,354.63,0,532.367,0c0,55.593,0,111.08,0,167.137C401.944,261.244,224.718,261.244,46.894,261.244z M330.845,177.734 c-0.114-33.062-27.561-60.225-60.517-59.889c-33.395,0.341-60.716,27.596-60.332,60.183c0.395,33.398,27.365,60.003,60.544,59.724 C304.256,237.466,330.959,210.892,330.845,177.734z M449.442,234.406c14.651,0,28.532,1.284,42.087-0.275 c26.097-3,44.644-24.447,47.093-52.233c2.344-26.606-12.985-51.784-38.354-58.005c-16.147-3.961-33.386-3.481-50.825-5.055 C449.442,158.861,449.442,196.655,449.442,234.406z M181.33,120.784c-3.366-0.246-5.471-0.233-7.516-0.578 c-8.925-1.501-13.566,1.845-16.724,10.804c-6.689,18.974-14.871,37.424-22.449,56.084c-1.333,3.28-2.715,6.544-4.653,11.207 c-1.77-4.019-2.878-6.346-3.833-8.733c-8.361-20.907-16.625-41.855-25.128-62.703c-0.995-2.438-3.009-5.883-4.996-6.219 c-5.213-0.878-10.674-0.297-17.323-0.297c17.11,41.919,33.541,82.17,50.81,124.477C147.183,202.529,163.984,162.308,181.33,120.784 z M392.461,235.205c0-38.633,0-76.317,0-114.443c-5.914,0-11.29,0-16.948,0c0,38.411,0,76.289,0,114.443 C381.352,235.205,386.542,235.205,392.461,235.205z" fill="#FFFFFF" fill-rule="evenodd"></path> <path clip-rule="evenodd" d="M586.329,252.041c0-1.026,0-3.843,0-6.658 c0-21.927,0-43.853,0-66.316c25.542,0,50.264,0,73.777,0C635.867,203.041,611.011,227.628,586.329,252.041z" fill="#FFFFFF" fill-rule="evenodd"></path> <path clip-rule="evenodd" d="M228.586,177.352c0.054-24.169,18.198-42.386,42.15-42.317 c23.859,0.069,41.796,18.421,41.787,42.754c-0.009,24.455-18.423,42.972-42.625,42.861 C246.658,220.542,228.533,201.546,228.586,177.352z" fill="#FFFFFF" fill-rule="evenodd"></path> <path clip-rule="evenodd" d="M467.727,217.687c0-26.354,0-52.793,0-79.223 c14.591-4.382,35.439,2.086,44.43,13.766c10.021,13.021,10.935,34.01,2.092,48.038 C505.395,214.314,486.662,221.426,467.727,217.687z" fill="#FFFFFF" fill-rule="evenodd"></path></g></svg></div></a><ul class="w-full mx-[10px] xlx:mx-[20px] xl:mx-[30px] flex items-center justify-start gap-3 xlx:gap-6 lgDown:hidden tracking-wider"><li data-show="true"><div class="translate-y-[0px] transition-transform duration-500 fixed inset-0 z-[1] w-screen h-screen bg-[rgba(0,0,0,0.05)] hidden"></div><span class=" text-white/60 hover:text-white z-[2] first-letter:inline-flex mt-0.5 xlDown:text-[16px] xl:text-[16px] font-medium transition-opacity tracking-[0px] ease-in-out duration-200 gap-2 items-center cursor-pointer relative flex">Services<svg class="w-[15px] h-[15px] transition-transform fill-current ease-in-out duration-200 rotate-0"><use class="fill-current" href="/icons.svg#chevron-down"></use></svg></span></li><li data-show="true"><div class="translate-y-[0px] transition-transform duration-500 fixed inset-0 z-[1] w-screen h-screen bg-[rgba(0,0,0,0.05)] hidden"></div><span class=" text-white/60 hover:text-white z-[2] first-letter:inline-flex mt-0.5 xlDown:text-[16px] xl:text-[16px] font-medium transition-opacity tracking-[0px] ease-in-out duration-200 gap-2 items-center cursor-pointer relative flex">Solutions<svg class="w-[15px] h-[15px] transition-transform fill-current ease-in-out duration-200 rotate-0"><use class="fill-current" href="/icons.svg#chevron-down"></use></svg></span></li><li data-show="true"><div class="translate-y-[0px] transition-transform duration-500 fixed inset-0 z-[1] w-screen h-screen bg-[rgba(0,0,0,0.05)] hidden"></div><span class=" text-white/60 hover:text-white z-[2] first-letter:inline-flex mt-0.5 xlDown:text-[16px] xl:text-[16px] font-medium transition-opacity tracking-[0px] ease-in-out duration-200 gap-2 items-center cursor-pointer relative flex">Offres sectorielles<svg class="w-[15px] h-[15px] transition-transform fill-current ease-in-out duration-200 rotate-0"><use class="fill-current" href="/icons.svg#chevron-down"></use></svg></span></li><li data-show="false"><div class="translate-y-[0px] transition-transform duration-500 fixed inset-0 z-[1] w-screen h-screen bg-[rgba(0,0,0,0.05)] hidden"></div><a class=" text-white/60 hover:text-white relative z-[2] font-medium xlDown:text-[16px] xl:text-[16px] tracking-[0px] transition-opacity ease-in-out duration-200" href="/fr/etude-de-cas-marketing-digital">Études de cas</a></li><li data-show="false"><div class="translate-y-[0px] transition-transform duration-500 fixed inset-0 z-[1] w-screen h-screen bg-[rgba(0,0,0,0.05)] hidden"></div><a class=" text-white/60 hover:text-white relative z-[2] font-medium xlDown:text-[16px] xl:text-[16px] tracking-[0px] transition-opacity ease-in-out duration-200" href="/fr/agence-digitale">À propos</a></li><li data-show="false"><div class="translate-y-[0px] transition-transform duration-500 fixed inset-0 z-[1] w-screen h-screen bg-[rgba(0,0,0,0.05)] hidden"></div><a class=" text-white/60 hover:text-white relative z-[2] font-medium xlDown:text-[16px] xl:text-[16px] tracking-[0px] transition-opacity ease-in-out duration-200" href="/fr/jobs">Jobs</a></li><li data-show="false"><div class="translate-y-[0px] transition-transform duration-500 fixed inset-0 z-[1] w-screen h-screen bg-[rgba(0,0,0,0.05)] hidden"></div><a class=" text-white/60 hover:text-white relative z-[2] font-medium xlDown:text-[16px] xl:text-[16px] tracking-[0px] transition-opacity ease-in-out duration-200" href="/fr/insights">Insights</a></li><li data-show="false"><div class="translate-y-[0px] transition-transform duration-500 fixed inset-0 z-[1] w-screen h-screen bg-[rgba(0,0,0,0.05)] hidden"></div></li></ul><a data-injected-template="false" class="inline-flex gap-2 justify-center items-center bg-transparent border-[1.5px] border-current text-current transition-opacity uppercase text-sm leading-[21px] px-[14px] py-[4.5px] tracking-widest !text-white/60 hover:!text-white xlg:block hidden xl:mr-2.5 border-current text-current" id="db1a1fba-167d-426f-bff1-b510afae68e0" title="Contact" options="[object Object]" url="/fr/soumettre-un-cdc" href="/fr/soumettre-un-cdc">Contact</a></div><div class="lgDown:hidden space-x-4 flex items-center"></div></div></nav></header><div class="absolute left-0 top-[55px] xlg:top-[100px] z-[90] bg-progress w-full h-[5px] block hidden"><div id="percent" class="bg-percent h-full ease-out duration-500 transition-all"></div></div></div></div><div class="vactory-paragrphs-wrapper vactory-130"><div class="w-full py-0 relative paragraph paragraph--vactory_component"><div class="w-full relative"><div data-df-id="void_default:banner-homepage" data-df-template=""><div><div class="relative z-[1] w-full flex justify-center items-center relative w-full min-h-[700px] sm:_min-h-[570px] max-h-[700px] overflow-hidden bg-black"><div class="video-player bg-[100%] bg-right-bottom md:!bg-none bg-cover absolute bottom-0 left-0 w-full h-full min-w-full min-h-full object-cover object-bottom after:content-[''] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-black after:opacity-30 md:after:hidden md:block" style="background-image:url(https://media.void.fr/sites/default/files/2023-12/poster.png)"><video class="absolute top-0 left-0 w-full h-full" src="https://media.void.fr/sites/default/files/2023-12/bg_void.mp4" autoplay="" muted="" loop="" playsinline="playsinline" poster="/_next/static/media/poster.4e185c2a.png" horizontalAlign="0.5" verticalAlign="0.5" preload="auto" translate="no" volume="1" extraVideoElementProps="[object Object]" startTime="0" tabindex="-1"></video></div><div style="color:black" class="relative z-[2] w-full h-full"><div class="container px-4"><div class="pr-4 absolute top-1/2 -translate-y-1/2 text-white md:max-w-[500px] lg:max-w-[600px] xl:max-w-[700px]"><h1 class="text-[28px] font-normal leading-[34px] md:text-[40px] md:leading-[44px] font-roboto-ft">Agence digitale indépendante, leader de l’expérience utilisateur au Maroc.</h1><div class="t-wysiwyg text-base xl:text-lg xl:leading-6 font-roboto-ft font-light xxsDown:my-5 my-8 md:my-8"><div class="text-base">Depuis 2005, nous mettons en œuvre des solutions technologiques à haute valeur ajoutée, au service d’entreprises et institutions panafricaines et européennes, dans les secteurs de la <a href="/fr/industries/banques-et-secteur-financier-nos-expertises" class="text-white underline">Banque</a> Assurance, <a href="/fr/industries/sante" class="text-white underline">la Santé</a>, les télécoms, le retail et la culture.</div> <div class="text-base">Nos missions consistent à <a href="/fr/design-experience-ux" class="text-white underline">concevoir</a> des expériences digitales efficientes et à <a href="/fr/agence-digitale-experte-drupal" class="text-white underline">développer</a> des architectures robustes et pérennes, augmentées par des interfaces réactives.<br/> Axée sur la data et le résultat, nos équipes travaillent avec agilité pour répondre aux besoins métiers, sans cesse en évolution, de nos clients.</div> </div><div class="flex gap-4 items-start flex-col"><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] bg-transparent border border-white text-white relative hover:text-black before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-white before:left-0 before:top-0 hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6 w-fit" target="_self" id="link-mde2otk1mjexnje" rel="" href="/fr/soumettre-un-cdc">Faisons connaissance<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div></div></div></div></div></div></div></div></div><div class="w-full py-6 md:py-10 relative paragraph paragraph--vactory_component"><div class="container px-4 relative"><div data-df-id="void_default:expertises-metiers" data-df-template=""><div><div class="w-full py-6 md:py-12 flex justify-center items-center flex-col gap-10"><h2 class="text-[24px] leading-[30px] md:text-[40px] md:leading-[44px] text-center">Void, un partenaire business pour les marques</h2><img alt="Void, un partenaire business pour les marques" srcSet="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Flogos-clients-void_0.png&w=1920&q=100 1x" src="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Flogos-clients-void_0.png&w=1920&q=100" width="4000" height="1534" decoding="async" data-nimg="1" class="w-full h-full hidden md:block" loading="lazy" style="color:transparent"/><img alt="Void, un partenaire business pour les marques" srcSet="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Flogos-clients-void-mobile_0.png&w=1920&q=100 1x" src="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Flogos-clients-void-mobile_0.png&w=1920&q=100" width="2048" height="2005" decoding="async" data-nimg="1" class="w-full h-full md:hidden block" loading="lazy" style="color:transparent"/><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] font-sans bg-transparent border border-black text-black relative hover:text-white before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-black before:left-0 before:top-0 before:z-[1] hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6 w-fit" target="_self" id="link-mde2otk2mzm1mtu" rel="" href="/fr/etude-de-cas-marketing-digital">Voir nos études de cas clients<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div></div></div></div></div><div class="w-full py-0 relative paragraph paragraph--vactory_component"><div class="w-full relative"><div data-df-id="void_default:latest-realisations" data-df-template=""><div><div class="w-full text-white py-8 md:py-16" style="background:linear-gradient(180deg, #000000 0%, rgba(66, 66, 66, 0.62) 80.73%)"><div class="flex flex-col gap-8 md:gap-16"><h2 class="md:text-[40px] md:leading-[60px] text-[22px] leading-[33px] uppercase tracking-[2px] md:tracking-[8px] text-center !text-[20px] !leading-[26px] md:!text-[25px] md:!leading-[30px]">NOS DernièreS réalisations</h2><div class="px-5 w-full md:max-w-[85%] xl:max-w-[80%] mx-auto"><div class="relative"><div class="keen-slider grid grid-cols-1 w-full"><div class="keen-slider__slide grid justify-items-center"><div class="flex items-center justify-center lg:justify-between w-full gap-10 lg:flex-row flex-col"><div class="relative w-full aspect-all rounded-xl overflow-hidden group"><img alt="bourse-de-casablanca-void_3.png" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fbourse-de-casablanca-void_3.png&w=328&q=80 328w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fbourse-de-casablanca-void_3.png&w=640&q=80 640w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fbourse-de-casablanca-void_3.png&w=750&q=80 750w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fbourse-de-casablanca-void_3.png&w=828&q=80 828w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fbourse-de-casablanca-void_3.png&w=1080&q=80 1080w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fbourse-de-casablanca-void_3.png&w=1200&q=80 1200w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fbourse-de-casablanca-void_3.png&w=1920&q=80 1920w" src="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fbourse-de-casablanca-void_3.png&w=1920&q=80" decoding="async" data-nimg="fill" class="w-full h-full group-hover:scale-110 group-hover:brightness-90 transition-all duration-500" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></div><div><h2 class="text-[28px] font-light leading-[34px] md:text-[40px] md:leading-[44px]">Bourse de Casablanca</h2><div class="t-wysiwyg text-base xl:text-lg xl:leading-6 font-roboto-ft font-light"><div class="my-7">La nouvelle plateforme web qui facilite l’accès à l’information financière et crée de la valeur pour les émetteurs, les investisseurs et les analystes. Un véritable tableau de bord dédié à l’évolution en temps réel du marché boursier au Maroc.<br/> Découvrez comment Void a repensé l'expérience utilisateur et optimisé la performance technique du nouveau portail web de la Bourse de Casablanca.  #API #React, #Next, #Drupal, #Docker, #CI/CD, #CWV, #JSONAPI, #OAuth, #DataDriven, #SEO, #MobileFirst, #DesignSystem.</div> </div><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] bg-transparent border border-white text-white relative hover:text-black before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-white before:left-0 before:top-0 hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6 w-fit" target="_self" id="link-mde2otk1ntq0ntu" rel="" href="/fr/etude-de-cas-marketing-digital/le-portail-de-la-bourse-de-casablanca">Voir l’étude de cas Bourse de Casablanca<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div></div></div><div class="keen-slider__slide grid justify-items-center"><div class="flex items-center justify-center lg:justify-between w-full gap-10 lg:flex-row flex-col"><div class="relative w-full aspect-all rounded-xl overflow-hidden group"><img alt="adapg" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-04%2Fadagp_logo.jpeg&w=328&q=80 328w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-04%2Fadagp_logo.jpeg&w=640&q=80 640w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-04%2Fadagp_logo.jpeg&w=750&q=80 750w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-04%2Fadagp_logo.jpeg&w=828&q=80 828w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-04%2Fadagp_logo.jpeg&w=1080&q=80 1080w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-04%2Fadagp_logo.jpeg&w=1200&q=80 1200w, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-04%2Fadagp_logo.jpeg&w=1920&q=80 1920w" src="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-04%2Fadagp_logo.jpeg&w=1920&q=80" decoding="async" data-nimg="fill" class="w-full h-full group-hover:scale-110 group-hover:brightness-90 transition-all duration-500" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></div><div><h2 class="text-[28px] font-light leading-[34px] md:text-[40px] md:leading-[44px]">Repenser le site web de la 1ère société d’auteurs des arts visuels au monde</h2><div class="t-wysiwyg text-base xl:text-lg xl:leading-6 font-roboto-ft font-light"><div class="my-7">L’ADAGP fait appel à l’agence VOID pour la refonte de son site internet sur Drupal. Elle souhaite faciliter l’accès à l’information, et asseoir son image de 1ère société d’auteurs des arts visuels au monde.</div> </div><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] bg-transparent border border-white text-white relative hover:text-black before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-white before:left-0 before:top-0 hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6 w-fit" target="_self" id="link-mte2otk1ntq1mti" rel="" href="/fr/etude-de-cas-marketing-digital/adagpfr">Voir l’étude de cas<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div></div></div></div></div></div></div></div></div></div></div></div><div class="w-full py-0 relative paragraph paragraph--vactory_component"><div class="w-full relative"><div data-df-id="void_default:offres-sectorielles" data-df-template=""><div><div class="w-full py-8 md:py-16 flex flex-col justify-center items-center gap-10 md:gap-16"><h2 class="text-[24px] leading-[30px] md:text-[40px] md:leading-[44px] text-center">Nos offres sectorielles</h2><div class="px-5 w-full max-w-[95%] mx-auto"><div class="grid grid-flow-rows gap-10 md:gap-8 lg:gap-10 grid-cols-1 md:grid-cols-2 place-items-start lg:grid-cols-2"><div class="flex flex-col gap-6 w-full justify-start items-start group"><div class="relative w-full aspect-all min-h-[160px] overflow-hidden rounded-2xl group max-h-[450px]"><a class="" id="link-mde2otk1ntq2mzy" target="_self" rel="" href="/fr/industries/banques-et-secteur-financier-nos-expertises"><img alt="banque-assurance" src="https://media.void.fr/sites/default/files/2023-11/banque-assurance.webp" decoding="async" data-nimg="fill" class="w-full h-full group-hover:scale-110 transition-all duration-500 group-hover:brightness-90 object-cover" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></a></div><h2 class="text-[16px] font-bold leading-[20px] md:text-[20px] md:leading-[24px]">Banque & Assurance</h2><div class="t-wysiwyg text-base xl:text-lg xl:leading-6 font-roboto-ft font-light"><div class="text-base">Nous réalisons pour les plus grands acteurs de la place au Maroc, des plateformes web orientées acquisition, conseil et fidélisation client, ouverture de compte en ligne et vitrines institutionnelles au service des métiers de la Banque et de l’Assurance.</div> </div><a class="hovered_link mt-auto" id="link-mde2otk1ntq2mzy" target="_self" rel="" href="/fr/industries/banques-et-secteur-financier-nos-expertises">Notre offre dédiée à la Banque-Assurance</a></div><div class="flex flex-col gap-6 w-full justify-start items-start group"><div class="relative w-full aspect-all min-h-[160px] overflow-hidden rounded-2xl group max-h-[450px]"><a class="" id="link-mte2otk1ntq2nzg" target="_self" rel="" href="/fr/industries/sante"><img alt="sante-bienetre" src="https://media.void.fr/sites/default/files/2023-11/sante-bienetre.webp" decoding="async" data-nimg="fill" class="w-full h-full group-hover:scale-110 transition-all duration-500 group-hover:brightness-90 object-cover" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></a></div><h2 class="text-[16px] font-bold leading-[20px] md:text-[20px] md:leading-[24px]">Santé & bien-être</h2><div class="t-wysiwyg text-base xl:text-lg xl:leading-6 font-roboto-ft font-light"><div class="text-base">Nous accompagnons des établissements hospitaliers, cabinets médicaux, laboratoires, startups et médias en Santé et bien-être, dans leur transformation digitale, en développant leurs plateformes de relation patients, de services et de communication.</div> </div><a class="hovered_link mt-auto" id="link-mte2otk1ntq2nzg" target="_self" rel="" href="/fr/industries/sante">Notre offre dédiée aux acteurs de Santé</a></div></div></div><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] font-sans bg-transparent border border-black text-black relative hover:text-white before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-black before:left-0 before:top-0 before:z-[1] hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6 w-fit" target="_self" id="link-mty5otu1ndyzng" rel="" href="/fr/soumettre-un-cdc">Vous recherchez une agence spécialisée ?<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div></div></div></div></div><div class="w-full py-0 relative paragraph paragraph--vactory_component"><div class="w-full relative"><div data-df-id="void_default:success-story" data-df-template=""><div><div class="py-8 md:py-16 text-white flex flex-col gap-12" style="background:linear-gradient(180deg, #2D2D2D 0%, #9C9C9C 100%)"><h2 class="md:text-[40px] md:leading-[60px] text-[22px] leading-[33px] uppercase tracking-[2px] md:tracking-[8px] text-center !text-[20px] !leading-[26px] md:!text-[25px] md:!leading-[30px]">Success story</h2><div class="container px-4 grid gap-12 lg:gap-20 xl:gap-24"><div class="w-full grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-10 xl:gap-12"><div class="relative overflow-hidden rounded-2xl group"><div class="cursor-pointer shrink-0 absolute z-[20] left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2"><svg class="w-[100px] h-[100px] text-white"><use class="fill-current" href="/icons.svg#play1"></use></svg></div><img alt="image-cas-wafasalaf-_1_.webp" src="https://media.void.fr/sites/default/files/2023-11/image-cas-wafasalaf-_1_.webp" width="1210" height="680" decoding="async" data-nimg="1" class="w-full h-full group-hover:scale-110 group-hover:brightness-90 transition-all duration-500" loading="lazy" style="color:transparent"/></div><div class="grid gap-7 lg:gap-3"><h2 class="text-[24px] font-light leading-[30px] md:text-[40px] md:leading-[44px]">Wafasalaf</h2><div class="t-wysiwyg text-base xl:text-lg xl:leading-6 font-light"><div class="text-base">Présent sur le web depuis 2007, Wafasalaf fait figure de précurseur au Maroc dans l’eCommerce et les services en ligne. Leader du crédit à la consommation, l’entreprise a mis le digital au cœur de sa stratégie de conquête et de fidélisation client. En 2019, Wafasalaf accélère sa transformation digitale avec la refonte d’une nouvelle plateforme transactionnelle repensée et développée par Void. Depuis, Wafasalaf.ma est devenu le premier canal d’acquisition clients. En moins d’un an, la performance du site à été multipliée par trois.</div> </div><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] bg-transparent border border-white text-white relative hover:text-black before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-white before:left-0 before:top-0 hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6 w-fit" target="_self" id="-mty5otu1ndc5na" rel="" href="/fr/etude-de-cas-marketing-digital/wafasalaf-refonte-transactionnel-drupal-api-mobile-first">Voir l’étude de cas Wafasalaf<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div></div><div class="flex items-center justify-start gap-7 md:flex-row flex-col-reverse md:gap-14"><div class="relative bg-[#9D9E9E] w-full md:py-10 py-8 px-8 md:px-10"><div class="t-wysiwyg text-base xl:text-xl xl:leading-7 tracking-wider font-bold italic"><div class="text-base">“Nous avons la grande opportunité de collaborer avec Mehdi et ses équipes dans le cadre de la conception et mise en œuvre de notre stratégie digitale. Je peux témoigner d’un grand niveau d’expertise et de professionnalisme.”</div> </div><div class="hidden md:block absolute -right-[40px] top-1/2 -translate-y-[calc(50%+8px)] w-0 h-0 border-l-[30px] border-r-[30px] border-b-[30px] border-l-transparent border-r-transparent border-b-[#9D9E9E] -rotate-45"></div></div><div class="flex-col gap-2 text-[16px] leading-5 flex ipad:justify-center ipad:items-center"><div class="relative w-[80px] h-[80px]"><img alt="driss-fedoul_1.png" src="https://media.void.fr/sites/default/files/2023-11/driss-fedoul_1.png" decoding="async" data-nimg="fill" class="w-full h-full rounded-full" loading="lazy" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"/></div><div class="flex flex-col ipad:justify-center ipad:items-center"><p class="text-base font-bold">Driss Feddoul</p><p class="text-base">Président du Directoire Wafasalaf</p></div></div></div></div></div></div></div></div></div><div class="w-full py-6 md:py-10 relative paragraph paragraph--vactory_component"><div class="container px-4 relative"><div data-df-id="void_default:expertises-metiers" data-df-template=""><div><div class="w-full py-6 md:py-12 flex justify-center items-center flex-col gap-10"><h2 class="text-[24px] leading-[30px] md:text-[40px] md:leading-[44px] text-center">Nos expertises métiers</h2><img alt="image-metiers-void_2.gif" srcSet="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fimage-metiers-void_2.gif&w=1920&q=100 1x" src="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fimage-metiers-void_2.gif&w=1920&q=100" width="2980" height="1728" decoding="async" data-nimg="1" class="w-full h-full hidden md:block" loading="lazy" style="color:transparent"/><img alt="image-metiers-void_2.gif" srcSet="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fimage-metiers-void_2.gif&w=1920&q=100 1x" src="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fimage-metiers-void_2.gif&w=1920&q=100" width="2980" height="1728" decoding="async" data-nimg="1" class="w-full h-full md:hidden block" loading="lazy" style="color:transparent"/><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] font-sans bg-transparent border border-black text-black relative hover:text-white before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-black before:left-0 before:top-0 before:z-[1] hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6 w-fit" target="_self" id="link-mde2otk1ntq5mdg" rel="" href="/fr/jobs">Nous recrutons des talents, postulez<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div></div></div></div></div><div class="w-full py-0 relative paragraph paragraph--vactory_component"><div class="w-full relative"><div data-df-id="void_default:publication" data-df-template=""><div><div class="flex flex-col justify-center items-center gap-16 pt-8 md:pt-16" style="background:linear-gradient(180deg, #D1D1D1 0%, rgba(255, 255, 255, 0.00) 100%)"><h2 class="md:text-[40px] md:leading-[60px] text-[22px] leading-[33px] uppercase tracking-[2px] md:tracking-[8px] text-center !text-[20px] !leading-[26px] md:!text-[25px] md:!leading-[30px]">PUBLICATION</h2><div class="container px-4"><div class="flex justify-center items-center gap-10 lg:flex-row flex-col"><img alt="hardcover-book-hand_2.png" srcSet="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fhardcover-book-hand_2.png&w=640&q=80 1x, /_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fhardcover-book-hand_2.png&w=1200&q=80 2x" src="/_next/image?url=https%3A%2F%2Fmedia.void.fr%2Fsites%2Fdefault%2Ffiles%2F2023-11%2Fhardcover-book-hand_2.png&w=1200&q=80" width="548" height="519" decoding="async" data-nimg="1" class="shrink-0 self-center lg:self-end" loading="lazy" style="color:transparent"/><div class="grid gap-4 md:gap-8 pb-8 md:pb-16"><div class="grid gap-1.5 md:gap-3"><h2 class="text-[24px] font-bold leading-[30px] md:text-[40px] md:leading-[44px]">React Next.js</h2><p class="text-base md:text-[30px] md:leading-[40px] font-roboto-ft font-light">Le guide ultime du développeur Front-End</p></div><div class="t-wysiwyg text-base xl:text-lg xl:leading-6 font-roboto-ft font-light"><div class="text-base">C’est le fruit d'années d'expérience et de passion, condensées en une ressource complète et indispensable pour tout développeur sérieux souhaitant maîtriser les nuances de React et Next.js. Au fil des pages, Mehdi Najeddine explore le développement Front-End en détail, depuis les fondations essentielles d'ES6 jusqu'aux fonctionnalités avancées de Next.js. La raison ? ES6 est le prérequis pour saisir les subtilités de React. Comprendre des concepts tels que les classes, les promesses, les flèches et les modules est crucial avant de se lancer dans le monde réactif.</div> </div><div class="w-fit flex justify-center items-center flex-col gap-2"><p class="text-base text-xs font-bold uppercase tracking-wider">Gratuit sur :</p><a class="border border-black px-7 py-4" id="link-mde2otk1ntq5nji" target="_self" rel="" href="https://www.amazon.com/dp/B0CM7KTVGD"><img alt="amazon-kindle" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Famazon-kindle.7bbe5206.png&w=256&q=80 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Famazon-kindle.7bbe5206.png&w=328&q=80 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Famazon-kindle.7bbe5206.png&w=328&q=80" width="130" height="40" decoding="async" data-nimg="1" loading="lazy" style="color:transparent"/></a></div></div></div></div></div></div></div></div></div></div><div class="w-full py-0 vactory-block"><div class="bg-[#3C3C3C] text-white w-full py-8 md:py-16 mb-5 hidden"><div class="container px-4"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-14 md:gap-10 place-items-start"><div class="w-full flex flex-col gap-6"><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]">Ressources en régie :</h2><ul class="gap-3 grid text-[16px] leading-[20px] font-light"></ul></div><div class="w-full flex flex-col gap-6 row-span-2"><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]">Nos solutions clé en main :</h2><ul class="gap-3 grid text-[16px] leading-[20px] font-light"></ul></div><div class="w-full flex flex-col gap-6"><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]">Offres sectorielles :</h2><ul class="gap-3 grid text-[16px] leading-[20px] font-light"></ul></div><div class="w-full flex flex-col gap-6 row-span-2"><ul class="gap-8 grid text-[16px] leading-[20px] font-light"></ul></div><div class="w-full flex flex-col gap-6"><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]">Accompagnement :</h2><ul class="gap-3 grid text-[16px] leading-[20px] font-light"><li class="w-fit"><a class="hover:underline underline-offset-2" id="menu-link-mtcwodi4mjg4mg" href="https://agency.africa/">Brand Content</a></li></ul></div><div class="w-full flex flex-col gap-6 row-span-2"><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]">Prise de contact :</h2><ul class="gap-3 grid text-[16px] leading-[20px] font-light"></ul></div></div><div class="flex mt-8 md:mt-10 flex-wrap justify-center items-center gap-8 md:gap-16"><div class="flex items-center justify-center gap-2 flex-col"><h4 class="font-medium text-[16px] leading-[22px]">Vous avez un projet ?</h4><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] bg-transparent border border-white text-white relative hover:text-black before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-white before:left-0 before:top-0 hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6" target="_self" id="group-link1-bgluaze2otk5odewmdq" rel="" href="/fr/soumettre-un-cdc">Nous consulter<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div><div class="flex items-center justify-center gap-2 flex-col"><h4 class="font-medium text-[16px] leading-[22px]">Vous êtes candidat ?</h4><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] bg-transparent border border-white text-white relative hover:text-black before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-white before:left-0 before:top-0 hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6" target="_self" id="group-link2-bgluaze2otk5odewmdq" rel="" href="/fr/jobs/condidature-spontanee">Postulez chez Void<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div><div class="flex items-center justify-center gap-2 flex-col"><h4 class="font-medium text-[16px] leading-[22px]">Nouer un partenariat ?</h4><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] bg-transparent border border-white text-white relative hover:text-black before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-white before:left-0 before:top-0 hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6" target="_self" id="group-link3-bgluaze2otk5odewmdq" rel="" href="/fr/nouer-un-partenariat">Discutons<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div></div></div></div><div class="bg-[#3C3C3C] text-white w-full py-8 md:py-16"><div class="container px-4"><div class="grid xl:grid-cols-4 lg:grid-cols-3 gap-14 pb-14"><div class="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-14 md:gap-10 place-items-start lg:col-span-2 xl:col-span-3"><div class="w-full flex flex-col gap-6"><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]">Ressources en régie :</h2><ul class="grid text-[16px] leading-[20px] font-light gap-3 "><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1njq3ng" href="/fr/design-experience-ux">Consultant CX/UX</a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1njuynw" href="/fr/prestations-de-services/ressources-en-regie/besoin-developpeur-react">Développeur React</a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nju2mg" href="/fr/prestations-de-services/ressources-en-regie/digital-factory">Créer une Digital Factory</a></li></ul></div><div class="w-full flex flex-col gap-6"><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]">Accompagnement :</h2><ul class="grid text-[16px] leading-[20px] font-light gap-3 "><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nzm5na" href="/fr/insights/services/accompagnement/migration-simplifiee-de-drupal-7-vers-drupal-10">Migration Drupal 7 vers 10 </a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nzqymq" href="/fr/performance-strategie-digitale">Généreration des leads</a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nzq4oq" href="/fr/insights/comment-reussir-le-passage-duniversal-analytics-ga4">Migration GA4</a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mtcwmja1mzqyna" href="/fr/social-media">Stratégie social media</a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mtcwodm1njg1mw" href="https://agency.africa/">Brand Content</a></li></ul></div><div class="w-full flex flex-col gap-6"><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]">Prise de contact :</h2><ul class="grid text-[16px] leading-[20px] font-light gap-3 "><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1njy3na" href="/fr/soumettre-un-cdc">Lancer une consultation</a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nzu2ng" href="/fr/insights/nos-6-conseils-pour-rediger-votre-cps-pour-la-refonte-de-votre-site-web">Aide à la rédaction d’un CDC</a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nzu5oq" href="/fr/nouer-un-partenariat">Nouer un partenariat</a></li></ul></div><div class="w-full flex flex-col gap-6"><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]">Nos solutions clé en main :</h2><ul class="grid text-[16px] leading-[20px] font-light gap-3 "><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1njgyng" href="/fr/insights/digitalisez-votre-rapport-annuel">Rapport annuel digital</a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1njg0na" href="/fr/insights/lintranet-un-reseau-social-dentreprise-centre-collaborateur">Réseau social d’entreprise</a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1njg1oq" href="/fr/performance-strategie-digitale">Plateforme d’acquisition client</a></li></ul></div><div class="w-full flex flex-col gap-6"><ul class="grid text-[16px] leading-[20px] font-light gap-3 "><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nzawnq" href="/fr/store-locator">Store locator</a></li><li class="w-fit"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nza1oa" href="https://investor-relations.ma/">Espace investisseur</a></li></ul></div></div><div class="flex flex-col gap-6"><div class="w-full flex flex-col gap-6"><ul class="grid text-[16px] leading-[20px] font-light gap-3"><li><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nzmynw" href="/fr/etude-de-cas-marketing-digital">Études de cas<svg class="w-5 h-5 shrink-0"><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></h2></li></ul></div><div class="w-full flex flex-col gap-6"><ul class="grid text-[16px] leading-[20px] font-light gap-3"><li><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nzmznq" href="/fr/agence-digitale">À propos<svg class="w-5 h-5 shrink-0"><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></h2></li></ul></div><div class="w-full flex flex-col gap-6"><ul class="grid text-[16px] leading-[20px] font-light gap-3"><li><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nzm0nw" href="/fr/jobs">Jobs<svg class="w-5 h-5 shrink-0"><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></h2></li></ul></div><div class="w-full flex flex-col gap-6"><ul class="grid text-[16px] leading-[20px] font-light gap-3"><li><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5oty0nzawmq" href="/fr/insights">Insights<svg class="w-5 h-5 shrink-0"><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></h2></li></ul></div><div class="w-full flex flex-col gap-6"><ul class="grid text-[16px] leading-[20px] font-light gap-3"><li><h2 class="text-[16px] tracking-wide font-bold leading-[22px] md:text-[20px] md:leading-[26px]"><a class="hover:underline underline-offset-2 flex gap-4" id="menu-link-mty5otu1nzm1nq" href="/fr/soumettre-un-cdc">Contact<svg class="w-5 h-5 shrink-0"><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></h2></li></ul></div></div></div><div class="flex mt-8 md:mt-10 flex-wrap justify-center items-center gap-8 md:gap-16"><div class="flex items-center justify-center gap-2 flex-col"><h4 class="font-medium text-[16px] leading-[22px]">Vous avez un projet ?</h4><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] bg-transparent border border-white text-white relative hover:text-black before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-white before:left-0 before:top-0 hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6" target="_self" id="group-link1-bgluaze2otk5odewmdq" rel="" href="/fr/soumettre-un-cdc">Nous consulter<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div><div class="flex items-center justify-center gap-2 flex-col"><h4 class="font-medium text-[16px] leading-[22px]">Vous êtes candidat ?</h4><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] bg-transparent border border-white text-white relative hover:text-black before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-white before:left-0 before:top-0 hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6" target="_self" id="group-link2-bgluaze2otk5odewmdq" rel="" href="/fr/jobs/condidature-spontanee">Postulez chez Void<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div><div class="flex items-center justify-center gap-2 flex-col"><h4 class="font-medium text-[16px] leading-[22px]">Nouer un partenariat ?</h4><a class="focus:outline-none transition ease-in-out duration-300 border border-solid inline-flex gap-6 py-[13px] px-[13px] md:py-[16px] md:px-[30px] text-[15px] md:leading-[24px] md:text-[16px] leading-[19px] bg-transparent border border-white text-white relative hover:text-black before:absolute before:content-[''] before:transition overflow-hidden before:ease-in-out before:duration-500 before:w-full before:transform before:translate-x-[-102%] hover:before:translate-x-0 before:h-full before:bg-white before:left-0 before:top-0 hover:before:-z-[1] hover:z-[3] z-[1] tracking-normal flex items-center gap-6" target="_self" id="group-link3-bgluaze2otk5odewmdq" rel="" href="/fr/nouer-un-partenariat">Discutons<svg class="w-5 h-5 text-current "><use class="fill-current" href="/icons.svg#arrow-right-flat"></use></svg></a></div></div></div></div></div><div class="w-full py-0 vactory-block"><footer id="contact" class="pb-6 px-0 md:py-8 md:px-6 text-theme-blue font-sans font-light bg-black"><h2 class="font-sans tracking-widest font-light text-center text-[16px] md:text-[22px] border-b md:border-transparent md:pt-0 md:pb-0 pt-12 pb-12 md:mt-[52px] md:mb-7 border-gray-800">Rencontrons-nous...</h2><div class="md:grid grid-cols-3 pt-12 pb-10 hidden justify-around items-start gap-6 flex-wrap"><div class="flex flex-col p-3 items-center justify-center"><h2 class="text-[22px] leading-[27px] md:text-[40px] md:leading-[62px] mb-[20px] text-2xl font-light tracking-[8px] uppercase">Paris</h2><div class="w-full pt-0 pb-4 px-4 xl:px-9"><button type="button" aria-hidden="true" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0"></button><div class="flex p-1 gap-4 xl:gap-8 flex-wrap items-center space-x-1 bg-transparent justify-center" role="tablist" aria-orientation="horizontal"><button class="py-2.5 text-sm leading-5 font-light transition-all duration-300 ease-in focus:outline-0 active:border-0 active:outline-0 border-0 outline-0 focus:ring-0 active:ring-0 ring-0 text-white text-white" id="headlessui-tabs-tab-:Rmqsqum6:" role="tab" type="button" aria-selected="true" tabindex="0"><div class="relative bg-transparent text-theme-blue"><svg class="h-9 w-9 mx-auto fill-current"><use class="fill-current" href="/icons.svg#phone2"></use></svg><div class="bg-black absolute left-1/2 p-2.5 -translate-x-1/2 border-t-[1px] border-l-[1px] border-b-0 border-r-0 rotate-45 border-theme-blue transition-transform duration-500 ease-in-out translate-y-[24px] opacity-100 scale-100"></div></div></button><button class="py-2.5 text-sm leading-5 font-light transition-all duration-300 ease-in focus:outline-0 active:border-0 active:outline-0 border-0 outline-0 focus:ring-0 active:ring-0 ring-0 text-white text-gray-600" id="headlessui-tabs-tab-:R16qsqum6:" role="tab" type="button" aria-selected="false" tabindex="-1"><div class="relative bg-transparent text-theme-blue"><svg class="h-9 w-9 mx-auto fill-current"><use class="fill-current" href="/icons.svg#pin"></use></svg><div class="bg-black absolute left-1/2 p-2.5 -translate-x-1/2 border-t-[1px] border-l-[1px] border-b-0 border-r-0 rotate-45 border-theme-blue transition-transform duration-500 ease-in-out translate-y-[24px] opacity-0 scale-0 "></div></div></button><button class="py-2.5 text-sm leading-5 font-light transition-all duration-300 ease-in focus:outline-0 active:border-0 active:outline-0 border-0 outline-0 focus:ring-0 active:ring-0 ring-0 text-white text-gray-600" id="headlessui-tabs-tab-:R1mqsqum6:" role="tab" type="button" aria-selected="false" tabindex="-1"><div class="relative bg-transparent text-theme-blue"><svg class="h-9 w-9 mx-auto fill-current"><use class="fill-current" href="/icons.svg#mail"></use></svg><div class="bg-black absolute left-1/2 p-2.5 -translate-x-1/2 border-t-[1px] border-l-[1px] border-b-0 border-r-0 rotate-45 border-theme-blue transition-transform duration-500 ease-in-out translate-y-[24px] opacity-0 scale-0 "></div></div></button></div><div class="bg-theme-blue h-px w-[65%] mt-5 mb-1 mx-auto "></div><div class="mt-2"><div class="bg-transparent p-3 text-xl text-center tracking-wide" id="headlessui-tabs-panel-:Ruqsqum6:" role="tabpanel" tabindex="0"><a class="" id="itemcontent-1-mde2nzcwnty4ndg" target="_self" rel="" href="tel:+33610333755">+ 33 610 333 755</a></div></div></div></div><div class="flex flex-col p-3 items-center justify-center"><h2 class="text-[22px] leading-[27px] md:text-[40px] md:leading-[62px] mb-[20px] text-2xl font-light tracking-[8px] uppercase">Casablanca</h2><div class="w-full pt-0 pb-4 px-4 xl:px-9"><button type="button" aria-hidden="true" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0"></button><div class="flex p-1 gap-4 xl:gap-8 flex-wrap items-center space-x-1 bg-transparent justify-center" role="tablist" aria-orientation="horizontal"><button class="py-2.5 text-sm leading-5 font-light transition-all duration-300 ease-in focus:outline-0 active:border-0 active:outline-0 border-0 outline-0 focus:ring-0 active:ring-0 ring-0 text-white text-white" id="headlessui-tabs-tab-:Rmssqum6:" role="tab" type="button" aria-selected="true" tabindex="0"><div class="relative bg-transparent text-theme-blue"><svg class="h-9 w-9 mx-auto fill-current"><use class="fill-current" href="/icons.svg#phone2"></use></svg><div class="bg-black absolute left-1/2 p-2.5 -translate-x-1/2 border-t-[1px] border-l-[1px] border-b-0 border-r-0 rotate-45 border-theme-blue transition-transform duration-500 ease-in-out translate-y-[24px] opacity-100 scale-100"></div></div></button><button class="py-2.5 text-sm leading-5 font-light transition-all duration-300 ease-in focus:outline-0 active:border-0 active:outline-0 border-0 outline-0 focus:ring-0 active:ring-0 ring-0 text-white text-gray-600" id="headlessui-tabs-tab-:R16ssqum6:" role="tab" type="button" aria-selected="false" tabindex="-1"><div class="relative bg-transparent text-theme-blue"><svg class="h-9 w-9 mx-auto fill-current"><use class="fill-current" href="/icons.svg#pin"></use></svg><div class="bg-black absolute left-1/2 p-2.5 -translate-x-1/2 border-t-[1px] border-l-[1px] border-b-0 border-r-0 rotate-45 border-theme-blue transition-transform duration-500 ease-in-out translate-y-[24px] opacity-0 scale-0 "></div></div></button><button class="py-2.5 text-sm leading-5 font-light transition-all duration-300 ease-in focus:outline-0 active:border-0 active:outline-0 border-0 outline-0 focus:ring-0 active:ring-0 ring-0 text-white text-gray-600" id="headlessui-tabs-tab-:R1mssqum6:" role="tab" type="button" aria-selected="false" tabindex="-1"><div class="relative bg-transparent text-theme-blue"><svg class="h-9 w-9 mx-auto fill-current"><use class="fill-current" href="/icons.svg#mail"></use></svg><div class="bg-black absolute left-1/2 p-2.5 -translate-x-1/2 border-t-[1px] border-l-[1px] border-b-0 border-r-0 rotate-45 border-theme-blue transition-transform duration-500 ease-in-out translate-y-[24px] opacity-0 scale-0 "></div></div></button></div><div class="bg-theme-blue h-px w-[65%] mt-5 mb-1 mx-auto "></div><div class="mt-2"><div class="bg-transparent p-3 text-xl text-center tracking-wide" id="headlessui-tabs-panel-:Russqum6:" role="tabpanel" tabindex="0"><a class="" id="itemcontent-1-mte2nzcwnty5otq" target="_self" rel="" href="tel:+212667042085">+ 212 667 042 085</a></div></div></div></div><div class="flex flex-col p-3 items-center justify-center"><h2 class="text-[22px] leading-[27px] md:text-[40px] md:leading-[62px] mb-[20px] text-2xl font-light tracking-[8px] uppercase">AILLEURS</h2><div class="w-full pt-0 pb-4 px-4 xl:px-9"><button type="button" aria-hidden="true" style="position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0"></button><div class="flex p-1 gap-4 xl:gap-8 flex-wrap items-center space-x-1 bg-transparent justify-evenly" role="tablist" aria-orientation="horizontal"><button class="py-2.5 text-sm leading-5 font-light transition-all duration-300 ease-in focus:outline-0 active:border-0 active:outline-0 border-0 outline-0 focus:ring-0 active:ring-0 ring-0 text-white" id="headlessui-tabs-tab-:Rmusqum6:" role="tab" type="button" aria-selected="true" tabindex="0"><div class="relative bg-transparent text-theme-blue"><a class="" id="itemcontent-1-mje2nzcwntcwmjc" target="_blank" rel="" href="https://www.facebook.com/void.fr/"><svg class="h-9 w-9 mx-auto fill-current"><use class="fill-current" href="/icons.svg#facebook"></use></svg></a></div></button><button class="py-2.5 text-sm leading-5 font-light transition-all duration-300 ease-in focus:outline-0 active:border-0 active:outline-0 border-0 outline-0 focus:ring-0 active:ring-0 ring-0 text-white" id="headlessui-tabs-tab-:R16usqum6:" role="tab" type="button" aria-selected="false" tabindex="-1"><div class="relative bg-transparent text-theme-blue"><a class="" id="itemcontent-2-mje2nzcwntcwmjc" target="_blank" rel="" href="https://www.linkedin.com/company/void-maroc/"><svg class="h-9 w-9 mx-auto fill-current"><use class="fill-current" href="/icons.svg#linkedin"></use></svg></a></div></button></div><div class="mt-2"></div></div></div></div><div class="md:hidden flex flex-col"><div class="bg-transparent pt-5"><h2 class="text-[20px] leading-[21px] md:text-2xl md:leading-[32px] text-theme-blue pb-5 pl-5 font-sans font-light tracking-[3px] uppercase">Paris</h2><div class="border-gray-800 divide-gray-600 bg-glass border-t border-b px-5 divide-y "><a class="w-full inline-block" id="itemcontent-1-mde2nzcwnty4ndg" target="_self" rel="" href="tel:+33610333755"><div class="flex items-center justify-start py-4 gap-4"><svg class="w-6 h-6 fill-current"><use class="fill-current" href="/icons.svg#phone2"></use></svg><p class="text-base text-base">+ 33 610 333 755</p></div></a><a class="w-full inline-block" id="itemcontent-2-mde2nzcwnty4ndg" target="_blank" rel="" href="https://goo.gl/maps/a4P6h2CZ9AGHTmmc6"><div class="flex items-center justify-start py-4 gap-4"><svg class="w-6 h-6 fill-current"><use class="fill-current" href="/icons.svg#pin"></use></svg><p class="text-base text-base">11 rue Piccini 75016</p></div></a><a class="w-full inline-block" id="itemcontent-3-mde2nzcwnty4ndg" target="_self" rel="" href="mailto:paris@void.fr"><div class="flex items-center justify-start py-4 gap-4"><svg class="w-6 h-6 fill-current"><use class="fill-current" href="/icons.svg#mail"></use></svg><p class="text-base text-base">paris@void.fr</p></div></a></div></div><div class="bg-transparent pt-5"><h2 class="text-[20px] leading-[21px] md:text-2xl md:leading-[32px] text-theme-blue pb-5 pl-5 font-sans font-light tracking-[3px] uppercase">Casablanca</h2><div class="border-gray-800 divide-gray-600 bg-glass border-t border-b px-5 divide-y "><a class="w-full inline-block" id="itemcontent-1-mte2nzcwnty5otq" target="_self" rel="" href="tel:+212667042085"><div class="flex items-center justify-start py-4 gap-4"><svg class="w-6 h-6 fill-current"><use class="fill-current" href="/icons.svg#phone2"></use></svg><p class="text-base text-base">+ 212 667 042 085</p></div></a><a class="w-full inline-block" id="itemcontent-2-mte2nzcwnty5otq" target="_blank" rel="" href="https://goo.gl/maps/jXnxuaahNBZyG7yb7"><div class="flex items-center justify-start py-4 gap-4"><svg class="w-6 h-6 fill-current"><use class="fill-current" href="/icons.svg#pin"></use></svg><p class="text-base text-base">217 boulevard Zerktouni</p></div></a><a class="w-full inline-block" id="itemcontent-3-mte2nzcwnty5otq" target="_self" rel="" href="mailto:casa@void.fr"><div class="flex items-center justify-start py-4 gap-4"><svg class="w-6 h-6 fill-current"><use class="fill-current" href="/icons.svg#mail"></use></svg><p class="text-base text-base">casa@void.fr</p></div></a></div></div><div class="bg-transparent pt-5"><h2 class="text-[20px] leading-[21px] md:text-2xl md:leading-[32px] text-theme-blue pb-5 pl-5 font-sans font-light tracking-[3px] uppercase">AILLEURS</h2><div class="border-gray-800 divide-gray-600 bg-glass border-t border-b px-5 divide-y "><a class="w-full inline-block" id="itemcontent-1-mje2nzcwntcwmjc" target="_blank" rel="" href="https://www.facebook.com/void.fr/"><div class="flex items-center justify-start py-4 gap-4"><svg class="w-6 h-6 fill-current"><use class="fill-current" href="/icons.svg#facebook"></use></svg><p class="text-base text-base capitalize">facebook</p></div></a><a class="w-full inline-block" id="itemcontent-2-mje2nzcwntcwmjc" target="_blank" rel="" href="https://www.linkedin.com/company/void-maroc/"><div class="flex items-center justify-start py-4 gap-4"><svg class="w-6 h-6 fill-current"><use class="fill-current" href="/icons.svg#linkedin"></use></svg><p class="text-base text-base capitalize">linkedin</p></div></a></div></div></div><div class="flex justify-center items-center mb-3 pt-12 md:pt-0 mt-5"><a class="inline-block text-center " href="/fr/privacy-policy">Privacy Policy</a></div></footer></div><div class="w-full py-0 vactory-block"></div><button class="hidden items-center justify-center md:w-[60px] md:h-[60px] w-[57px] h-[57px] rounded-full shadow-gototop bg-theme-blue cursor-pointer fixed bottom-5 right-5 z-[99] text-void" aria-label="Go to top"><svg class="w-[17px] h-[17px] md:w-[27px] md:h-[27px] -rotate-90"><use class="fill-current" href="/icons.svg#chevron-right-flat"></use></svg></button></div></div><div class="relative"></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"session":null,"params":null,"locale":"fr","systemRoute":{"status":200},"document":{"htmlClass":"","bodyClass":""}},"__N_SSP":true},"page":"/","query":{},"buildId":"a8IQXzGsS6pKCO9DeS04d","runtimeConfig":{"i18n":{"default":"fr","enabled":["fr"],"labels":[{"code":"en","label":"English"},{"code":"fr","label":"Français"}]},"menus":["main","menu-top","footer","footer-bottom","homepage","mega-menu","accompagnement","call-to-action","nos-solutions-cle-en-main","offres-sectorielles","prise-de-contact","ressources-en-regie"]},"isFallback":false,"dynamicIds":[2933,120],"gssp":true,"appGip":true,"locale":"fr","locales":["default","fr"],"defaultLocale":"default","scriptLoader":[]}</script></body></html>