CV \u2014 Sylvain Fernandez<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* =============================================\n VAIN.DESIGN CV v5 \u2014 Variables\n ============================================= *\/\n :root {\n --teal: #2dd4bf;\n --coral: #f87171;\n --black: #1a1a1a;\n --gray-dark: #666666;\n --gray-medium: #999999;\n --gray-light: #e5e5e5;\n --gray-bg: #fafafa;\n --white: #ffffff;\n --font: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\n --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n --radius: 4px;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* =============================================\n Container\n ============================================= *\/\n .vain-cv {\n font-family: var(--font);\n color: var(--black);\n max-width: 960px;\n margin: 0 auto;\n padding: 4rem 2rem;\n }\n\n @media (max-width: 768px) {\n .vain-cv {\n padding: 2rem 1.25rem;\n }\n }\n\n @media (max-width: 480px) {\n .vain-cv {\n padding: 1.5rem 1rem;\n }\n }\n\n \/* =============================================\n Header\n ============================================= *\/\n .vain-header {\n margin-bottom: 3.5rem;\n }\n\n .vain-header__top {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n }\n\n .vain-header__title {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 700;\n letter-spacing: -0.03em;\n line-height: 1.05;\n }\n\n .vain-header__title span {\n display: block;\n }\n\n .vain-header__title .highlight {\n color: var(--teal);\n }\n\n \/* Contact icons *\/\n .vain-header__contact {\n display: flex;\n gap: 0.5rem;\n flex-shrink: 0;\n }\n\n .vain-contact-btn {\n position: relative;\n width: 40px;\n height: 40px;\n border: 1px solid var(--gray-light);\n border-radius: 50%;\n background: var(--white);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: var(--transition);\n }\n\n .vain-contact-btn:hover {\n border-color: var(--teal);\n background: var(--teal);\n }\n\n .vain-contact-btn:hover svg {\n stroke: var(--white);\n }\n\n .vain-contact-btn svg {\n width: 18px;\n height: 18px;\n stroke: var(--gray-dark);\n transition: var(--transition);\n }\n\n .vain-contact-btn__dropdown {\n position: absolute;\n top: calc(100% + 8px);\n right: 0;\n background: var(--white);\n border: 1px solid var(--gray-light);\n border-radius: var(--radius);\n padding: 0.75rem 1rem;\n font-size: 0.85rem;\n white-space: nowrap;\n opacity: 0;\n visibility: hidden;\n transform: translateY(-4px);\n transition: var(--transition);\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n z-index: 100;\n }\n\n .vain-contact-btn__dropdown a {\n color: var(--black);\n text-decoration: none;\n transition: var(--transition);\n }\n\n .vain-contact-btn__dropdown a:hover {\n color: var(--teal);\n }\n\n .vain-contact-btn:hover .vain-contact-btn__dropdown,\n .vain-contact-btn:focus-within .vain-contact-btn__dropdown {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n\n .vain-header__subtitle {\n font-size: 1rem;\n color: var(--gray-dark);\n font-weight: 400;\n max-width: 480px;\n line-height: 1.5;\n }\n\n @media (max-width: 600px) {\n .vain-header__top {\n flex-direction: column;\n gap: 1rem;\n }\n\n .vain-header__contact {\n align-self: flex-start;\n }\n\n .vain-contact-btn__dropdown {\n right: auto;\n left: 0;\n }\n }\n\n \/* =============================================\n Sections \/ Accord\u00e9ons\n ============================================= *\/\n .vain-section {\n border-top: 1px solid var(--gray-light);\n }\n\n .vain-section:last-of-type {\n border-bottom: 1px solid var(--gray-light);\n }\n\n .vain-section__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.25rem 0;\n cursor: pointer;\n user-select: none;\n gap: 1rem;\n }\n\n .vain-section__header:hover .vain-section__title {\n color: var(--teal);\n }\n\n .vain-section__label {\n display: flex;\n align-items: baseline;\n gap: 0.75rem;\n flex-wrap: wrap;\n min-width: 0;\n }\n\n .vain-section__number {\n font-size: 0.7rem;\n color: var(--coral);\n font-weight: 600;\n flex-shrink: 0;\n }\n\n .vain-section__title {\n font-size: 1.1rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.01em;\n transition: var(--transition);\n }\n\n .vain-section__date {\n font-size: 0.8rem;\n color: var(--gray-medium);\n font-weight: 400;\n }\n\n .vain-section__toggle {\n width: 32px;\n height: 32px;\n border: 1px solid var(--gray-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: var(--transition);\n flex-shrink: 0;\n background: var(--white);\n }\n\n .vain-section__toggle svg {\n width: 12px;\n height: 12px;\n stroke: var(--gray-dark);\n transition: var(--transition);\n }\n\n .vain-section__header:hover .vain-section__toggle {\n border-color: var(--teal);\n background: var(--teal);\n }\n\n .vain-section__header:hover .vain-section__toggle svg {\n stroke: var(--white);\n }\n\n .vain-section.is-open .vain-section__toggle {\n background: var(--black);\n border-color: var(--black);\n }\n\n .vain-section.is-open .vain-section__toggle svg {\n stroke: var(--white);\n transform: rotate(45deg);\n }\n\n .vain-section__content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .vain-section.is-open .vain-section__content {\n max-height: 8000px;\n }\n\n .vain-section__inner {\n padding-bottom: 2rem;\n }\n\n @media (max-width: 600px) {\n .vain-section__header {\n padding: 1rem 0;\n }\n\n .vain-section__title {\n font-size: 0.95rem;\n }\n\n .vain-section__label {\n gap: 0.5rem;\n }\n\n .vain-section__date {\n width: 100%;\n margin-top: 0.25rem;\n }\n }\n\n \/* =============================================\n Items\n ============================================= *\/\n .vain-item {\n display: grid;\n grid-template-columns: 180px 1fr;\n gap: 1.5rem;\n padding: 1.25rem 0;\n border-bottom: 1px solid var(--gray-bg);\n }\n\n .vain-item:last-child {\n border-bottom: none;\n }\n\n .vain-item__meta {\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n }\n\n .vain-item__company {\n font-weight: 600;\n font-size: 0.95rem;\n line-height: 1.3;\n }\n\n .vain-item__location {\n font-size: 0.75rem;\n color: var(--teal);\n }\n\n .vain-item__date {\n font-size: 0.75rem;\n color: var(--gray-medium);\n }\n\n .vain-item__content h4 {\n font-size: 0.9rem;\n font-weight: 500;\n margin-bottom: 0.5rem;\n color: var(--black);\n line-height: 1.4;\n }\n\n .vain-item__content p,\n .vain-item__content li {\n font-size: 0.85rem;\n color: var(--gray-dark);\n line-height: 1.6;\n }\n\n .vain-item__content ul {\n list-style: none;\n margin-top: 0.5rem;\n }\n\n .vain-item__content li {\n padding-left: 1rem;\n position: relative;\n margin-bottom: 0.25rem;\n }\n\n .vain-item__content li::before {\n content: '\u2014';\n position: absolute;\n left: 0;\n color: var(--teal);\n font-size: 0.8rem;\n }\n\n @media (max-width: 600px) {\n .vain-item {\n grid-template-columns: 1fr;\n gap: 0.75rem;\n padding: 1rem 0;\n }\n\n .vain-item__meta {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: baseline;\n gap: 0.5rem;\n }\n\n .vain-item__company {\n font-size: 0.9rem;\n }\n\n .vain-item__location,\n .vain-item__date {\n font-size: 0.7rem;\n }\n }\n\n \/* =============================================\n Clips avec vid\u00e9os\n ============================================= *\/\n .vain-clip {\n border: 1px solid var(--gray-light);\n border-radius: var(--radius);\n margin-bottom: 0.75rem;\n overflow: hidden;\n }\n\n .vain-clip__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1rem 1.25rem;\n cursor: pointer;\n background: var(--white);\n transition: var(--transition);\n gap: 1rem;\n }\n\n .vain-clip__header:hover {\n background: var(--gray-bg);\n }\n\n .vain-clip__info {\n min-width: 0;\n }\n\n .vain-clip__artist {\n font-weight: 600;\n font-size: 0.9rem;\n margin-bottom: 0.15rem;\n }\n\n .vain-clip__title {\n font-size: 0.8rem;\n color: var(--gray-dark);\n }\n\n .vain-clip__role {\n font-size: 0.7rem;\n color: var(--teal);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-top: 0.25rem;\n }\n\n .vain-clip__toggle {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .vain-clip__toggle svg {\n width: 12px;\n height: 12px;\n stroke: var(--gray-dark);\n transition: var(--transition);\n }\n\n .vain-clip.is-open .vain-clip__toggle svg {\n transform: rotate(180deg);\n }\n\n .vain-clip.is-open .vain-clip__header {\n border-bottom: 1px solid var(--gray-light);\n }\n\n .vain-clip__content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n }\n\n .vain-clip.is-open .vain-clip__content {\n max-height: 600px;\n }\n\n .vain-clip__video {\n background: var(--black);\n }\n\n .vain-clip__video iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n border: none;\n display: block;\n }\n\n @media (max-width: 600px) {\n .vain-clip__header {\n padding: 0.875rem 1rem;\n }\n\n .vain-clip__artist {\n font-size: 0.85rem;\n }\n\n .vain-clip__title {\n font-size: 0.75rem;\n }\n }\n\n \/* =============================================\n Clients toggle\n ============================================= *\/\n .vain-clients-group {\n margin-bottom: 2rem;\n }\n\n .vain-clients-group__title {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--gray-medium);\n margin-bottom: 0.75rem;\n font-weight: 500;\n }\n\n .vain-client {\n border: 1px solid var(--gray-light);\n border-radius: var(--radius);\n margin-bottom: 0.5rem;\n overflow: hidden;\n }\n\n .vain-client__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.875rem 1rem;\n cursor: pointer;\n background: var(--white);\n transition: var(--transition);\n }\n\n .vain-client__header:hover {\n background: var(--gray-bg);\n }\n\n .vain-client__name {\n font-weight: 500;\n font-size: 0.85rem;\n }\n\n .vain-client__toggle {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .vain-client__toggle svg {\n width: 10px;\n height: 10px;\n stroke: var(--gray-dark);\n transition: var(--transition);\n }\n\n .vain-client.is-open .vain-client__toggle svg {\n transform: rotate(180deg);\n }\n\n .vain-client.is-open .vain-client__header {\n border-bottom: 1px solid var(--gray-light);\n }\n\n .vain-client__content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n }\n\n .vain-client.is-open .vain-client__content {\n max-height: 800px;\n }\n\n .vain-client__inner {\n padding: 1rem;\n background: var(--gray-bg);\n }\n\n .vain-client__desc {\n font-size: 0.85rem;\n color: var(--gray-dark);\n line-height: 1.5;\n margin-bottom: 1rem;\n }\n\n .vain-client__desc:last-child {\n margin-bottom: 0;\n }\n\n .vain-client__video {\n border-radius: var(--radius);\n overflow: hidden;\n background: var(--black);\n }\n\n .vain-client__video iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n border: none;\n display: block;\n }\n\n \/* =============================================\n Projets \u00e9tudiants\n ============================================= *\/\n .vain-expand {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: 1rem;\n padding: 0.625rem 1rem;\n font-family: var(--font);\n font-size: 0.8rem;\n font-weight: 500;\n color: var(--black);\n background: none;\n border: 1px solid var(--gray-light);\n border-radius: var(--radius);\n cursor: pointer;\n transition: var(--transition);\n }\n\n .vain-expand:hover {\n border-color: var(--teal);\n background: var(--teal);\n color: var(--white);\n }\n\n .vain-expand svg {\n width: 10px;\n height: 10px;\n transition: var(--transition);\n }\n\n .vain-expand.is-open svg {\n transform: rotate(180deg);\n }\n\n .vain-projects {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease;\n }\n\n .vain-projects.is-open {\n max-height: 3000px;\n margin-top: 1rem;\n }\n\n .vain-projects__grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n }\n\n .vain-projects__item {\n background: var(--gray-bg);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n \/* =============================================\n Comp\u00e9tences\n ============================================= *\/\n .vain-skills {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n\n .vain-skills__group h4 {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--gray-medium);\n margin-bottom: 1.25rem;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid var(--gray-light);\n font-weight: 500;\n }\n\n .vain-skill {\n margin-bottom: 1rem;\n }\n\n .vain-skill__header {\n display: flex;\n justify-content: space-between;\n font-size: 0.85rem;\n margin-bottom: 0.4rem;\n }\n\n .vain-skill__name {\n font-weight: 500;\n }\n\n .vain-skill__bar {\n height: 2px;\n background: var(--gray-light);\n border-radius: 1px;\n overflow: hidden;\n }\n\n .vain-skill__progress {\n height: 100%;\n background: linear-gradient(90deg, var(--teal), var(--coral));\n border-radius: 1px;\n width: 0;\n transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .vain-section.is-open .vain-skill__progress {\n width: var(--level);\n }\n\n .vain-languages {\n display: flex;\n gap: 1.5rem;\n margin-top: 0.75rem;\n flex-wrap: wrap;\n }\n\n .vain-language {\n display: flex;\n align-items: baseline;\n gap: 0.4rem;\n }\n\n .vain-language__name {\n font-weight: 500;\n font-size: 0.85rem;\n }\n\n .vain-language__level {\n font-size: 0.75rem;\n color: var(--teal);\n font-weight: 600;\n }\n\n @media (max-width: 600px) {\n .vain-skills {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n }\n\n \/* =============================================\n Footer\n ============================================= *\/\n .vain-footer {\n margin-top: 3rem;\n padding-top: 2rem;\n display: flex;\n justify-content: center;\n gap: 0.75rem;\n flex-wrap: wrap;\n }\n\n .vain-footer__link {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.625rem 1.25rem;\n font-family: var(--font);\n font-size: 0.8rem;\n font-weight: 500;\n color: var(--black);\n text-decoration: none;\n border: 1px solid var(--gray-light);\n border-radius: var(--radius);\n transition: var(--transition);\n }\n\n .vain-footer__link:hover {\n background: var(--black);\n border-color: var(--black);\n color: var(--white);\n }\n\n .vain-footer__link--primary {\n background: var(--teal);\n border-color: var(--teal);\n color: var(--white);\n }\n\n .vain-footer__link--primary:hover {\n background: var(--black);\n border-color: var(--black);\n }\n\n \/* Showreel d\u00e9roulant *\/\n .vain-showreel {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), margin 0.3s ease;\n margin-top: 0;\n }\n\n .vain-showreel.is-open {\n max-height: 600px;\n margin-top: 2rem;\n }\n\n .vain-showreel__video {\n background: var(--black);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .vain-showreel__video iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n border: none;\n display: block;\n }\n\n #showreel-btn {\n cursor: pointer;\n font-family: var(--font);\n }\n\n \/* =============================================\n Animations\n ============================================= *\/\n .vain-section {\n opacity: 0;\n transform: translateY(16px);\n animation: fadeInUp 0.5s ease forwards;\n }\n\n .vain-section:nth-child(1) { animation-delay: 0.05s; }\n .vain-section:nth-child(2) { animation-delay: 0.1s; }\n .vain-section:nth-child(3) { animation-delay: 0.15s; }\n .vain-section:nth-child(4) { animation-delay: 0.2s; }\n .vain-section:nth-child(5) { animation-delay: 0.25s; }\n .vain-section:nth-child(6) { animation-delay: 0.3s; }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .vain-header {\n opacity: 0;\n animation: fadeIn 0.6s ease 0.1s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"vain-cv\">\n\n \n <header class=\"vain-header\">\n <div class=\"vain-header__top\">\n <h1 class=\"vain-header__title\">\n <span>Direction artistique<\/span>\n <span>Motion design<\/span>\n <span class=\"highlight\">Enseignement<\/span>\n <\/h1>\n <div class=\"vain-header__contact\">\n \n <button class=\"vain-contact-btn\" aria-label=\"T\u00e9l\u00e9phone\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n <\/svg>\n <div class=\"vain-contact-btn__dropdown\">\n <a href=\"tel:0787028817\">07 87 02 88 17<\/a>\n <\/div>\n <\/button>\n \n <button class=\"vain-contact-btn\" aria-label=\"Email\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n <div class=\"vain-contact-btn__dropdown\">\n <a href=\"mailto:sylvain.fez@gmail.com\">sylvain.fez@gmail.com<\/a>\n <\/div>\n <\/button>\n <\/div>\n <\/div>\n <p class=\"vain-header__subtitle\">\n Directeur artistique & motion designer. R\u00e9alisateur. Coordinateur p\u00e9dagogique et intervenant en \u00e9coles sup\u00e9rieures.\n <\/p>\n <\/header>\n\n \n <section class=\"vain-section is-open\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">01<\/span>\n <span class=\"vain-section__title\">Enseignement & Coordination<\/span>\n <span class=\"vain-section__date\">2013 \u2014 Pr\u00e9sent<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">Les Gobelins<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2024 \u2014 2025<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Coordinateur p\u00e9dagogique \u2014 Bachelor Motion Design, 3\u00e8me ann\u00e9e<\/h4>\n <ul>\n <li>Planification p\u00e9dagogique : \u00e9laboration des agendas et programmes<\/li>\n <li>R\u00e9daction des contenus Syllabus<\/li>\n <li>Coordination et recrutement d’intervenants<\/li>\n <li>R\u00e9daction des sujets d’examens, \u00e9laboration des bar\u00e8mes<\/li>\n <li>Enseignement : Design graphique, Motion Design, Histoire du graphisme<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">ICAN \/ ECITV<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2024 \u2014 2025<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Intervenant Motion Design & Design graphique<\/h4>\n <ul>\n <li>Workshop Motion Design \/ Design graphique<\/li>\n <li>Cours Design graphique<\/li>\n <li>Cours Motion Design<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">ECV<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2024 \u2014 2025<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Intervenant & Jury<\/h4>\n <ul>\n <li>Workshop Motion Design \/ Design graphique<\/li>\n <li>Jury dipl\u00f4mes<\/li>\n <\/ul>\n <button class=\"vain-expand\" data-expand=\"ecv-projects\">\n Voir les projets \u00e9tudiants\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/button>\n <div class=\"vain-projects\" id=\"ecv-projects\">\n <div class=\"vain-projects__grid\">\n <div class=\"vain-projects__item\">\n <blockquote class=\"instagram-media\" data-instgrm-captioned data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DRhzKWbDKw3\/?utm_source=ig_embed&utm_campaign=loading\" data-instgrm-version=\"14\" style=\"background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:100%; min-width:280px; padding:0; width:100%;\"><\/blockquote>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">LISAA<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">Depuis 2013<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Jury dipl\u00f4mes Motion Design<\/h4>\n <p>Participation r\u00e9guli\u00e8re aux jurys de fin d’\u00e9tudes.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"vain-section\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">02<\/span>\n <span class=\"vain-section__title\">Direction artistique \u2014 Clips<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n \n <div class=\"vain-clip\" data-clip>\n <div class=\"vain-clip__header\">\n <div class=\"vain-clip__info\">\n <div class=\"vain-clip__artist\">Jacques<\/div>\n <div class=\"vain-clip__title\">\u00ab\u00a0Hoo hoo hoo Ha ha ha\u00a0\u00bb<\/div>\n <div class=\"vain-clip__role\">Direction artistique & Animation<\/div>\n <\/div>\n <div class=\"vain-clip__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-clip__content\">\n <div class=\"vain-clip__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/IeekM1SXnDw\" title=\"Jacques - Hoo hoo hoo Ha ha ha\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"vain-clip\" data-clip>\n <div class=\"vain-clip__header\">\n <div class=\"vain-clip__info\">\n <div class=\"vain-clip__artist\">Charlotte Adig\u00e9ry<\/div>\n <div class=\"vain-clip__title\">\u00ab\u00a0Bear with me\u00a0\u00bb<\/div>\n <div class=\"vain-clip__role\">Co-direction artistique avec Alice Kunisue<\/div>\n <\/div>\n <div class=\"vain-clip__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-clip__content\">\n <div class=\"vain-clip__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/otIVx0HWlI4\" title=\"Charlotte Adig\u00e9ry - Bear with me\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"vain-clip\" data-clip>\n <div class=\"vain-clip__header\">\n <div class=\"vain-clip__info\">\n <div class=\"vain-clip__artist\">M\u00e9zigue<\/div>\n <div class=\"vain-clip__title\">\u00ab\u00a0Qui a dub maman\u00a0\u00bb<\/div>\n <div class=\"vain-clip__role\">R\u00e9alisation & Animation<\/div>\n <\/div>\n <div class=\"vain-clip__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-clip__content\">\n <div class=\"vain-clip__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/OBLTcgcMpfg\" title=\"M\u00e9zigue - Qui a dub maman\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"vain-clip\" data-clip>\n <div class=\"vain-clip__header\">\n <div class=\"vain-clip__info\">\n <div class=\"vain-clip__artist\">M\u00e9zigue<\/div>\n <div class=\"vain-clip__title\">\u00ab\u00a0Which is good\u00a0\u00bb<\/div>\n <div class=\"vain-clip__role\">R\u00e9alisation & Animation<\/div>\n <\/div>\n <div class=\"vain-clip__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-clip__content\">\n <div class=\"vain-clip__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/3u-CdTntgoQ\" title=\"M\u00e9zigue - Which is good\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"vain-clip\" data-clip>\n <div class=\"vain-clip__header\">\n <div class=\"vain-clip__info\">\n <div class=\"vain-clip__artist\">Snoop Dogg<\/div>\n <div class=\"vain-clip__title\">\u00ab\u00a0Last Dance with Mary Jane\u00a0\u00bb<\/div>\n <div class=\"vain-clip__role\">Animation \u2014 avec Temple Cach\u00e9<\/div>\n <\/div>\n <div class=\"vain-clip__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-clip__content\">\n <div class=\"vain-clip__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/rseqmSGH7xk\" title=\"Snoop Dogg - Last Dance with Mary Jane\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"vain-section\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">03<\/span>\n <span class=\"vain-section__title\">Production publicitaire & Corporate<\/span>\n <span class=\"vain-section__date\">2015 \u2014 Pr\u00e9sent<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n \n <div class=\"vain-clients-group\">\n <div class=\"vain-clients-group__title\">Via agences<\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Publicis<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">10 ans de collaboration sur grands comptes via Publicis&Nous, LiquidThread, Publicis la Maison.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">LVMH<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation du film B2B<\/p>\n <div class=\"vain-client__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/onFGQZfUxpg\" title=\"LVMH B2B\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Cartier<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Animations d’assets social media<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Heineken<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation du film institutionnel<\/p>\n <div class=\"vain-client__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/eHTOdDqh0Jg\" title=\"Heineken\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">La Poste<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation d’un film motion design pour les r\u00e9seaux sociaux<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Fauchon<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation de contenus social media anim\u00e9s<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Fred Joaillier<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation de contenus social anim\u00e9s<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Z\u00e9nith<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Montage et post-production de films pour campagnes institutionnelles, animation logo<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"vain-clients-group\">\n <div class=\"vain-clients-group__title\">Clients institutionnels<\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Soci\u00e9t\u00e9 G\u00e9n\u00e9rale<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation de films institutionnels motion design (So Music)<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Total Energies Gaz<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation de film motion design<\/p>\n <div class=\"vain-client__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/CNsykuiMKt4\" title=\"Total Energies Gaz\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">HEGP<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation d’un film de sensibilisation au HPV pour l’H\u00f4pital Europ\u00e9en Georges Pompidou<\/p>\n <div class=\"vain-client__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/ckqsTf79qnY\" title=\"HEGP HPV\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Haribo<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Cr\u00e9ation de contenus pour les r\u00e9seaux sociaux \u2014 Haribo Pik<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">McDonald’s<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Cr\u00e9ation de contenus pour les r\u00e9seaux sociaux<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Betclic<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Cr\u00e9ation de contenus pour les r\u00e9seaux sociaux<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Domino’s<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Cr\u00e9ation de contenus pour les r\u00e9seaux sociaux<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Paylib<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation d’un film institutionnel en motion design<\/p>\n <div class=\"vain-client__video\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/154725641\" title=\"Paylib\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"vain-section\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">04<\/span>\n <span class=\"vain-section__title\">Exp\u00e9rience en poste<\/span>\n <span class=\"vain-section__date\">2015 \u2014 2018<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">Spin Colors<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2016 \u2014 2018<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Motion Designer \u2014 CDI<\/h4>\n <p>R\u00e9alisation de films motion design pour grands comptes : Amundi, Flamiro, Accenture, Kramer, Aesio, Verallia, Nedap, Sogea-Satom, Syntec, SHOM.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">Fred & Farid<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2015<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Assistant Directeur Artistique \u2014 6 mois<\/h4>\n <p>Campagnes B’TWIN, Domyos, Quick, Carambar.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"vain-section\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">05<\/span>\n <span class=\"vain-section__title\">Formation<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">LISAA Vauquelin<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2014<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Licence Concepteur Designer Graphique \u2014 Mention Bien<\/h4>\n <p>Sp\u00e9cialisation Motion Design<\/p>\n <\/div>\n <\/div>\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">Universit\u00e9 Toulouse II<\/span>\n <span class=\"vain-item__location\">Le Mirail<\/span>\n <span class=\"vain-item__date\">2011<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Licence LEA \u2014 Anglais, Espagnol, Italien<\/h4>\n <p>Sp\u00e9cialisation Commerce International. Erasmus \u2014 Saragosse.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"vain-section\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">06<\/span>\n <span class=\"vain-section__title\">Comp\u00e9tences<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n <div class=\"vain-skills\">\n\n <div class=\"vain-skills__group\">\n <h4>Adobe Creative Suite<\/h4>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">After Effects<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 95%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Premiere Pro<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 95%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Illustrator<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 90%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Photoshop<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 85%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">InDesign<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 70%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Audition<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 75%\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-skills__group\">\n <h4>Savoir-faire<\/h4>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Conception graphique<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 95%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Illustration \/ Storyboard<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 90%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Montage \/ \u00c9talonnage<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 90%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Direction de projet<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 85%\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"vain-skills__group\" style=\"margin-top: 2rem;\">\n <h4>Langues<\/h4>\n <div class=\"vain-languages\">\n <div class=\"vain-language\">\n <span class=\"vain-language__name\">Anglais<\/span>\n <span class=\"vain-language__level\">C1<\/span>\n <\/div>\n <div class=\"vain-language\">\n <span class=\"vain-language__name\">Espagnol<\/span>\n <span class=\"vain-language__level\">C1<\/span>\n <\/div>\n <div class=\"vain-language\">\n <span class=\"vain-language__name\">Italien<\/span>\n <span class=\"vain-language__level\">B1<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"vain-footer\">\n <button class=\"vain-footer__link vain-footer__link--primary\" id=\"showreel-btn\">Showreel \u2192<\/button>\n <a href=\"https:\/\/fr.linkedin.com\/in\/sylvainfernandez\" class=\"vain-footer__link\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn<\/a>\n <\/footer>\n\n \n <div class=\"vain-showreel\" id=\"showreel-container\">\n <div class=\"vain-showreel__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/EWDJcWHhay4\" title=\"Showreel Sylvain Fernandez\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n\n<\/div>\n\n\n<script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\n\n<script>\n(function() {\n \/\/ Accord\u00e9ons principaux\n document.querySelectorAll('.vain-section__header').forEach(function(header) {\n header.addEventListener('click', function() {\n this.closest('.vain-section').classList.toggle('is-open');\n });\n });\n\n \/\/ Clips\n document.querySelectorAll('.vain-clip__header').forEach(function(header) {\n header.addEventListener('click', function() {\n this.closest('.vain-clip').classList.toggle('is-open');\n });\n });\n\n \/\/ Clients\n document.querySelectorAll('.vain-client__header').forEach(function(header) {\n header.addEventListener('click', function() {\n this.closest('.vain-client').classList.toggle('is-open');\n });\n });\n\n \/\/ Projets \u00e9tudiants\n document.querySelectorAll('.vain-expand').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var target = document.getElementById(this.getAttribute('data-expand'));\n if (target) {\n target.classList.toggle('is-open');\n this.classList.toggle('is-open');\n if (window.instgrm) {\n window.instgrm.Embeds.process();\n }\n }\n });\n });\n\n \/\/ Showreel toggle\n var showreelBtn = document.getElementById('showreel-btn');\n var showreelContainer = document.getElementById('showreel-container');\n if (showreelBtn && showreelContainer) {\n showreelBtn.addEventListener('click', function() {\n showreelContainer.classList.toggle('is-open');\n if (showreelContainer.classList.contains('is-open')) {\n showreelBtn.textContent = 'Fermer \u00d7';\n } else {\n showreelBtn.textContent = 'Showreel \u2192';\n }\n });\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>CV \u2014 Sylvain Fernandez Direction artistique Motion design Enseignement 07 87 02 88 17 sylvain.fez@gmail.com Directeur artistique & motion designer. R\u00e9alisateur. Coordinateur p\u00e9dagogique et intervenant en \u00e9coles sup\u00e9rieures. 01 Enseignement […]<\/p>\n<p><a href=\"https:\/\/vain.design\/?page_id=3939\" class=\"more-link style3-button\">Read More<\/a><\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3939","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/pages\/3939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vain.design\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3939"}],"version-history":[{"count":5,"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/pages\/3939\/revisions"}],"predecessor-version":[{"id":3971,"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/pages\/3939\/revisions\/3971"}],"wp:attachment":[{"href":"https:\/\/vain.design\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3939,"date":"2026-01-13T20:32:14","date_gmt":"2026-01-13T19:32:14","guid":{"rendered":"https:\/\/vain.design\/?page_id=3939"},"modified":"2026-01-14T05:02:38","modified_gmt":"2026-01-14T04:02:38","slug":"3939-2","status":"publish","type":"page","link":"https:\/\/vain.design\/?page_id=3939","title":{"rendered":"CURRICULUM"},"content":{"rendered":"\n\n\n\n \n \n CV \u2014 Sylvain Fernandez<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n \/* =============================================\n VAIN.DESIGN CV v5 \u2014 Variables\n ============================================= *\/\n :root {\n --teal: #2dd4bf;\n --coral: #f87171;\n --black: #1a1a1a;\n --gray-dark: #666666;\n --gray-medium: #999999;\n --gray-light: #e5e5e5;\n --gray-bg: #fafafa;\n --white: #ffffff;\n --font: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;\n --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n --radius: 4px;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n \/* =============================================\n Container\n ============================================= *\/\n .vain-cv {\n font-family: var(--font);\n color: var(--black);\n max-width: 960px;\n margin: 0 auto;\n padding: 4rem 2rem;\n }\n\n @media (max-width: 768px) {\n .vain-cv {\n padding: 2rem 1.25rem;\n }\n }\n\n @media (max-width: 480px) {\n .vain-cv {\n padding: 1.5rem 1rem;\n }\n }\n\n \/* =============================================\n Header\n ============================================= *\/\n .vain-header {\n margin-bottom: 3.5rem;\n }\n\n .vain-header__top {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n }\n\n .vain-header__title {\n font-size: clamp(2rem, 5vw, 3.5rem);\n font-weight: 700;\n letter-spacing: -0.03em;\n line-height: 1.05;\n }\n\n .vain-header__title span {\n display: block;\n }\n\n .vain-header__title .highlight {\n color: var(--teal);\n }\n\n \/* Contact icons *\/\n .vain-header__contact {\n display: flex;\n gap: 0.5rem;\n flex-shrink: 0;\n }\n\n .vain-contact-btn {\n position: relative;\n width: 40px;\n height: 40px;\n border: 1px solid var(--gray-light);\n border-radius: 50%;\n background: var(--white);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: var(--transition);\n }\n\n .vain-contact-btn:hover {\n border-color: var(--teal);\n background: var(--teal);\n }\n\n .vain-contact-btn:hover svg {\n stroke: var(--white);\n }\n\n .vain-contact-btn svg {\n width: 18px;\n height: 18px;\n stroke: var(--gray-dark);\n transition: var(--transition);\n }\n\n .vain-contact-btn__dropdown {\n position: absolute;\n top: calc(100% + 8px);\n right: 0;\n background: var(--white);\n border: 1px solid var(--gray-light);\n border-radius: var(--radius);\n padding: 0.75rem 1rem;\n font-size: 0.85rem;\n white-space: nowrap;\n opacity: 0;\n visibility: hidden;\n transform: translateY(-4px);\n transition: var(--transition);\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n z-index: 100;\n }\n\n .vain-contact-btn__dropdown a {\n color: var(--black);\n text-decoration: none;\n transition: var(--transition);\n }\n\n .vain-contact-btn__dropdown a:hover {\n color: var(--teal);\n }\n\n .vain-contact-btn:hover .vain-contact-btn__dropdown,\n .vain-contact-btn:focus-within .vain-contact-btn__dropdown {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n\n .vain-header__subtitle {\n font-size: 1rem;\n color: var(--gray-dark);\n font-weight: 400;\n max-width: 480px;\n line-height: 1.5;\n }\n\n @media (max-width: 600px) {\n .vain-header__top {\n flex-direction: column;\n gap: 1rem;\n }\n\n .vain-header__contact {\n align-self: flex-start;\n }\n\n .vain-contact-btn__dropdown {\n right: auto;\n left: 0;\n }\n }\n\n \/* =============================================\n Sections \/ Accord\u00e9ons\n ============================================= *\/\n .vain-section {\n border-top: 1px solid var(--gray-light);\n }\n\n .vain-section:last-of-type {\n border-bottom: 1px solid var(--gray-light);\n }\n\n .vain-section__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.25rem 0;\n cursor: pointer;\n user-select: none;\n gap: 1rem;\n }\n\n .vain-section__header:hover .vain-section__title {\n color: var(--teal);\n }\n\n .vain-section__label {\n display: flex;\n align-items: baseline;\n gap: 0.75rem;\n flex-wrap: wrap;\n min-width: 0;\n }\n\n .vain-section__number {\n font-size: 0.7rem;\n color: var(--coral);\n font-weight: 600;\n flex-shrink: 0;\n }\n\n .vain-section__title {\n font-size: 1.1rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.01em;\n transition: var(--transition);\n }\n\n .vain-section__date {\n font-size: 0.8rem;\n color: var(--gray-medium);\n font-weight: 400;\n }\n\n .vain-section__toggle {\n width: 32px;\n height: 32px;\n border: 1px solid var(--gray-light);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: var(--transition);\n flex-shrink: 0;\n background: var(--white);\n }\n\n .vain-section__toggle svg {\n width: 12px;\n height: 12px;\n stroke: var(--gray-dark);\n transition: var(--transition);\n }\n\n .vain-section__header:hover .vain-section__toggle {\n border-color: var(--teal);\n background: var(--teal);\n }\n\n .vain-section__header:hover .vain-section__toggle svg {\n stroke: var(--white);\n }\n\n .vain-section.is-open .vain-section__toggle {\n background: var(--black);\n border-color: var(--black);\n }\n\n .vain-section.is-open .vain-section__toggle svg {\n stroke: var(--white);\n transform: rotate(45deg);\n }\n\n .vain-section__content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .vain-section.is-open .vain-section__content {\n max-height: 8000px;\n }\n\n .vain-section__inner {\n padding-bottom: 2rem;\n }\n\n @media (max-width: 600px) {\n .vain-section__header {\n padding: 1rem 0;\n }\n\n .vain-section__title {\n font-size: 0.95rem;\n }\n\n .vain-section__label {\n gap: 0.5rem;\n }\n\n .vain-section__date {\n width: 100%;\n margin-top: 0.25rem;\n }\n }\n\n \/* =============================================\n Items\n ============================================= *\/\n .vain-item {\n display: grid;\n grid-template-columns: 180px 1fr;\n gap: 1.5rem;\n padding: 1.25rem 0;\n border-bottom: 1px solid var(--gray-bg);\n }\n\n .vain-item:last-child {\n border-bottom: none;\n }\n\n .vain-item__meta {\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n }\n\n .vain-item__company {\n font-weight: 600;\n font-size: 0.95rem;\n line-height: 1.3;\n }\n\n .vain-item__location {\n font-size: 0.75rem;\n color: var(--teal);\n }\n\n .vain-item__date {\n font-size: 0.75rem;\n color: var(--gray-medium);\n }\n\n .vain-item__content h4 {\n font-size: 0.9rem;\n font-weight: 500;\n margin-bottom: 0.5rem;\n color: var(--black);\n line-height: 1.4;\n }\n\n .vain-item__content p,\n .vain-item__content li {\n font-size: 0.85rem;\n color: var(--gray-dark);\n line-height: 1.6;\n }\n\n .vain-item__content ul {\n list-style: none;\n margin-top: 0.5rem;\n }\n\n .vain-item__content li {\n padding-left: 1rem;\n position: relative;\n margin-bottom: 0.25rem;\n }\n\n .vain-item__content li::before {\n content: '\u2014';\n position: absolute;\n left: 0;\n color: var(--teal);\n font-size: 0.8rem;\n }\n\n @media (max-width: 600px) {\n .vain-item {\n grid-template-columns: 1fr;\n gap: 0.75rem;\n padding: 1rem 0;\n }\n\n .vain-item__meta {\n flex-direction: row;\n flex-wrap: wrap;\n align-items: baseline;\n gap: 0.5rem;\n }\n\n .vain-item__company {\n font-size: 0.9rem;\n }\n\n .vain-item__location,\n .vain-item__date {\n font-size: 0.7rem;\n }\n }\n\n \/* =============================================\n Clips avec vid\u00e9os\n ============================================= *\/\n .vain-clip {\n border: 1px solid var(--gray-light);\n border-radius: var(--radius);\n margin-bottom: 0.75rem;\n overflow: hidden;\n }\n\n .vain-clip__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1rem 1.25rem;\n cursor: pointer;\n background: var(--white);\n transition: var(--transition);\n gap: 1rem;\n }\n\n .vain-clip__header:hover {\n background: var(--gray-bg);\n }\n\n .vain-clip__info {\n min-width: 0;\n }\n\n .vain-clip__artist {\n font-weight: 600;\n font-size: 0.9rem;\n margin-bottom: 0.15rem;\n }\n\n .vain-clip__title {\n font-size: 0.8rem;\n color: var(--gray-dark);\n }\n\n .vain-clip__role {\n font-size: 0.7rem;\n color: var(--teal);\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-top: 0.25rem;\n }\n\n .vain-clip__toggle {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .vain-clip__toggle svg {\n width: 12px;\n height: 12px;\n stroke: var(--gray-dark);\n transition: var(--transition);\n }\n\n .vain-clip.is-open .vain-clip__toggle svg {\n transform: rotate(180deg);\n }\n\n .vain-clip.is-open .vain-clip__header {\n border-bottom: 1px solid var(--gray-light);\n }\n\n .vain-clip__content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n }\n\n .vain-clip.is-open .vain-clip__content {\n max-height: 600px;\n }\n\n .vain-clip__video {\n background: var(--black);\n }\n\n .vain-clip__video iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n border: none;\n display: block;\n }\n\n @media (max-width: 600px) {\n .vain-clip__header {\n padding: 0.875rem 1rem;\n }\n\n .vain-clip__artist {\n font-size: 0.85rem;\n }\n\n .vain-clip__title {\n font-size: 0.75rem;\n }\n }\n\n \/* =============================================\n Clients toggle\n ============================================= *\/\n .vain-clients-group {\n margin-bottom: 2rem;\n }\n\n .vain-clients-group__title {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--gray-medium);\n margin-bottom: 0.75rem;\n font-weight: 500;\n }\n\n .vain-client {\n border: 1px solid var(--gray-light);\n border-radius: var(--radius);\n margin-bottom: 0.5rem;\n overflow: hidden;\n }\n\n .vain-client__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0.875rem 1rem;\n cursor: pointer;\n background: var(--white);\n transition: var(--transition);\n }\n\n .vain-client__header:hover {\n background: var(--gray-bg);\n }\n\n .vain-client__name {\n font-weight: 500;\n font-size: 0.85rem;\n }\n\n .vain-client__toggle {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .vain-client__toggle svg {\n width: 10px;\n height: 10px;\n stroke: var(--gray-dark);\n transition: var(--transition);\n }\n\n .vain-client.is-open .vain-client__toggle svg {\n transform: rotate(180deg);\n }\n\n .vain-client.is-open .vain-client__header {\n border-bottom: 1px solid var(--gray-light);\n }\n\n .vain-client__content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n }\n\n .vain-client.is-open .vain-client__content {\n max-height: 800px;\n }\n\n .vain-client__inner {\n padding: 1rem;\n background: var(--gray-bg);\n }\n\n .vain-client__desc {\n font-size: 0.85rem;\n color: var(--gray-dark);\n line-height: 1.5;\n margin-bottom: 1rem;\n }\n\n .vain-client__desc:last-child {\n margin-bottom: 0;\n }\n\n .vain-client__video {\n border-radius: var(--radius);\n overflow: hidden;\n background: var(--black);\n }\n\n .vain-client__video iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n border: none;\n display: block;\n }\n\n \/* =============================================\n Projets \u00e9tudiants\n ============================================= *\/\n .vain-expand {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n margin-top: 1rem;\n padding: 0.625rem 1rem;\n font-family: var(--font);\n font-size: 0.8rem;\n font-weight: 500;\n color: var(--black);\n background: none;\n border: 1px solid var(--gray-light);\n border-radius: var(--radius);\n cursor: pointer;\n transition: var(--transition);\n }\n\n .vain-expand:hover {\n border-color: var(--teal);\n background: var(--teal);\n color: var(--white);\n }\n\n .vain-expand svg {\n width: 10px;\n height: 10px;\n transition: var(--transition);\n }\n\n .vain-expand.is-open svg {\n transform: rotate(180deg);\n }\n\n .vain-projects {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s ease;\n }\n\n .vain-projects.is-open {\n max-height: 3000px;\n margin-top: 1rem;\n }\n\n .vain-projects__grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1rem;\n }\n\n .vain-projects__item {\n background: var(--gray-bg);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n \/* =============================================\n Comp\u00e9tences\n ============================================= *\/\n .vain-skills {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2.5rem;\n }\n\n .vain-skills__group h4 {\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--gray-medium);\n margin-bottom: 1.25rem;\n padding-bottom: 0.5rem;\n border-bottom: 1px solid var(--gray-light);\n font-weight: 500;\n }\n\n .vain-skill {\n margin-bottom: 1rem;\n }\n\n .vain-skill__header {\n display: flex;\n justify-content: space-between;\n font-size: 0.85rem;\n margin-bottom: 0.4rem;\n }\n\n .vain-skill__name {\n font-weight: 500;\n }\n\n .vain-skill__bar {\n height: 2px;\n background: var(--gray-light);\n border-radius: 1px;\n overflow: hidden;\n }\n\n .vain-skill__progress {\n height: 100%;\n background: linear-gradient(90deg, var(--teal), var(--coral));\n border-radius: 1px;\n width: 0;\n transition: width 1s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .vain-section.is-open .vain-skill__progress {\n width: var(--level);\n }\n\n .vain-languages {\n display: flex;\n gap: 1.5rem;\n margin-top: 0.75rem;\n flex-wrap: wrap;\n }\n\n .vain-language {\n display: flex;\n align-items: baseline;\n gap: 0.4rem;\n }\n\n .vain-language__name {\n font-weight: 500;\n font-size: 0.85rem;\n }\n\n .vain-language__level {\n font-size: 0.75rem;\n color: var(--teal);\n font-weight: 600;\n }\n\n @media (max-width: 600px) {\n .vain-skills {\n grid-template-columns: 1fr;\n gap: 2rem;\n }\n }\n\n \/* =============================================\n Footer\n ============================================= *\/\n .vain-footer {\n margin-top: 3rem;\n padding-top: 2rem;\n display: flex;\n justify-content: center;\n gap: 0.75rem;\n flex-wrap: wrap;\n }\n\n .vain-footer__link {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.625rem 1.25rem;\n font-family: var(--font);\n font-size: 0.8rem;\n font-weight: 500;\n color: var(--black);\n text-decoration: none;\n border: 1px solid var(--gray-light);\n border-radius: var(--radius);\n transition: var(--transition);\n }\n\n .vain-footer__link:hover {\n background: var(--black);\n border-color: var(--black);\n color: var(--white);\n }\n\n .vain-footer__link--primary {\n background: var(--teal);\n border-color: var(--teal);\n color: var(--white);\n }\n\n .vain-footer__link--primary:hover {\n background: var(--black);\n border-color: var(--black);\n }\n\n \/* Showreel d\u00e9roulant *\/\n .vain-showreel {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), margin 0.3s ease;\n margin-top: 0;\n }\n\n .vain-showreel.is-open {\n max-height: 600px;\n margin-top: 2rem;\n }\n\n .vain-showreel__video {\n background: var(--black);\n border-radius: var(--radius);\n overflow: hidden;\n }\n\n .vain-showreel__video iframe {\n width: 100%;\n aspect-ratio: 16\/9;\n border: none;\n display: block;\n }\n\n #showreel-btn {\n cursor: pointer;\n font-family: var(--font);\n }\n\n \/* =============================================\n Animations\n ============================================= *\/\n .vain-section {\n opacity: 0;\n transform: translateY(16px);\n animation: fadeInUp 0.5s ease forwards;\n }\n\n .vain-section:nth-child(1) { animation-delay: 0.05s; }\n .vain-section:nth-child(2) { animation-delay: 0.1s; }\n .vain-section:nth-child(3) { animation-delay: 0.15s; }\n .vain-section:nth-child(4) { animation-delay: 0.2s; }\n .vain-section:nth-child(5) { animation-delay: 0.25s; }\n .vain-section:nth-child(6) { animation-delay: 0.3s; }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .vain-header {\n opacity: 0;\n animation: fadeIn 0.6s ease 0.1s forwards;\n }\n\n @keyframes fadeIn {\n to { opacity: 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"vain-cv\">\n\n \n <header class=\"vain-header\">\n <div class=\"vain-header__top\">\n <h1 class=\"vain-header__title\">\n <span>Direction artistique<\/span>\n <span>Motion design<\/span>\n <span class=\"highlight\">Enseignement<\/span>\n <\/h1>\n <div class=\"vain-header__contact\">\n \n <button class=\"vain-contact-btn\" aria-label=\"T\u00e9l\u00e9phone\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n <\/svg>\n <div class=\"vain-contact-btn__dropdown\">\n <a href=\"tel:0787028817\">07 87 02 88 17<\/a>\n <\/div>\n <\/button>\n \n <button class=\"vain-contact-btn\" aria-label=\"Email\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n <\/svg>\n <div class=\"vain-contact-btn__dropdown\">\n <a href=\"mailto:sylvain.fez@gmail.com\">sylvain.fez@gmail.com<\/a>\n <\/div>\n <\/button>\n <\/div>\n <\/div>\n <p class=\"vain-header__subtitle\">\n Directeur artistique & motion designer. R\u00e9alisateur. Coordinateur p\u00e9dagogique et intervenant en \u00e9coles sup\u00e9rieures.\n <\/p>\n <\/header>\n\n \n <section class=\"vain-section is-open\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">01<\/span>\n <span class=\"vain-section__title\">Enseignement & Coordination<\/span>\n <span class=\"vain-section__date\">2013 \u2014 Pr\u00e9sent<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">Les Gobelins<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2024 \u2014 2025<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Coordinateur p\u00e9dagogique \u2014 Bachelor Motion Design, 3\u00e8me ann\u00e9e<\/h4>\n <ul>\n <li>Planification p\u00e9dagogique : \u00e9laboration des agendas et programmes<\/li>\n <li>R\u00e9daction des contenus Syllabus<\/li>\n <li>Coordination et recrutement d’intervenants<\/li>\n <li>R\u00e9daction des sujets d’examens, \u00e9laboration des bar\u00e8mes<\/li>\n <li>Enseignement : Design graphique, Motion Design, Histoire du graphisme<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">ICAN \/ ECITV<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2024 \u2014 2025<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Intervenant Motion Design & Design graphique<\/h4>\n <ul>\n <li>Workshop Motion Design \/ Design graphique<\/li>\n <li>Cours Design graphique<\/li>\n <li>Cours Motion Design<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">ECV<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2024 \u2014 2025<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Intervenant & Jury<\/h4>\n <ul>\n <li>Workshop Motion Design \/ Design graphique<\/li>\n <li>Jury dipl\u00f4mes<\/li>\n <\/ul>\n <button class=\"vain-expand\" data-expand=\"ecv-projects\">\n Voir les projets \u00e9tudiants\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/button>\n <div class=\"vain-projects\" id=\"ecv-projects\">\n <div class=\"vain-projects__grid\">\n <div class=\"vain-projects__item\">\n <blockquote class=\"instagram-media\" data-instgrm-captioned data-instgrm-permalink=\"https:\/\/www.instagram.com\/reel\/DRhzKWbDKw3\/?utm_source=ig_embed&utm_campaign=loading\" data-instgrm-version=\"14\" style=\"background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:100%; min-width:280px; padding:0; width:100%;\"><\/blockquote>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">LISAA<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">Depuis 2013<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Jury dipl\u00f4mes Motion Design<\/h4>\n <p>Participation r\u00e9guli\u00e8re aux jurys de fin d’\u00e9tudes.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"vain-section\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">02<\/span>\n <span class=\"vain-section__title\">Direction artistique \u2014 Clips<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n \n <div class=\"vain-clip\" data-clip>\n <div class=\"vain-clip__header\">\n <div class=\"vain-clip__info\">\n <div class=\"vain-clip__artist\">Jacques<\/div>\n <div class=\"vain-clip__title\">\u00ab\u00a0Hoo hoo hoo Ha ha ha\u00a0\u00bb<\/div>\n <div class=\"vain-clip__role\">Direction artistique & Animation<\/div>\n <\/div>\n <div class=\"vain-clip__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-clip__content\">\n <div class=\"vain-clip__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/IeekM1SXnDw\" title=\"Jacques - Hoo hoo hoo Ha ha ha\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"vain-clip\" data-clip>\n <div class=\"vain-clip__header\">\n <div class=\"vain-clip__info\">\n <div class=\"vain-clip__artist\">Charlotte Adig\u00e9ry<\/div>\n <div class=\"vain-clip__title\">\u00ab\u00a0Bear with me\u00a0\u00bb<\/div>\n <div class=\"vain-clip__role\">Co-direction artistique avec Alice Kunisue<\/div>\n <\/div>\n <div class=\"vain-clip__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-clip__content\">\n <div class=\"vain-clip__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/otIVx0HWlI4\" title=\"Charlotte Adig\u00e9ry - Bear with me\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"vain-clip\" data-clip>\n <div class=\"vain-clip__header\">\n <div class=\"vain-clip__info\">\n <div class=\"vain-clip__artist\">M\u00e9zigue<\/div>\n <div class=\"vain-clip__title\">\u00ab\u00a0Qui a dub maman\u00a0\u00bb<\/div>\n <div class=\"vain-clip__role\">R\u00e9alisation & Animation<\/div>\n <\/div>\n <div class=\"vain-clip__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-clip__content\">\n <div class=\"vain-clip__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/OBLTcgcMpfg\" title=\"M\u00e9zigue - Qui a dub maman\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"vain-clip\" data-clip>\n <div class=\"vain-clip__header\">\n <div class=\"vain-clip__info\">\n <div class=\"vain-clip__artist\">M\u00e9zigue<\/div>\n <div class=\"vain-clip__title\">\u00ab\u00a0Which is good\u00a0\u00bb<\/div>\n <div class=\"vain-clip__role\">R\u00e9alisation & Animation<\/div>\n <\/div>\n <div class=\"vain-clip__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-clip__content\">\n <div class=\"vain-clip__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/3u-CdTntgoQ\" title=\"M\u00e9zigue - Which is good\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"vain-clip\" data-clip>\n <div class=\"vain-clip__header\">\n <div class=\"vain-clip__info\">\n <div class=\"vain-clip__artist\">Snoop Dogg<\/div>\n <div class=\"vain-clip__title\">\u00ab\u00a0Last Dance with Mary Jane\u00a0\u00bb<\/div>\n <div class=\"vain-clip__role\">Animation \u2014 avec Temple Cach\u00e9<\/div>\n <\/div>\n <div class=\"vain-clip__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-clip__content\">\n <div class=\"vain-clip__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/rseqmSGH7xk\" title=\"Snoop Dogg - Last Dance with Mary Jane\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"vain-section\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">03<\/span>\n <span class=\"vain-section__title\">Production publicitaire & Corporate<\/span>\n <span class=\"vain-section__date\">2015 \u2014 Pr\u00e9sent<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n \n <div class=\"vain-clients-group\">\n <div class=\"vain-clients-group__title\">Via agences<\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Publicis<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">10 ans de collaboration sur grands comptes via Publicis&Nous, LiquidThread, Publicis la Maison.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">LVMH<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation du film B2B<\/p>\n <div class=\"vain-client__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/onFGQZfUxpg\" title=\"LVMH B2B\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Cartier<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Animations d’assets social media<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Heineken<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation du film institutionnel<\/p>\n <div class=\"vain-client__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/eHTOdDqh0Jg\" title=\"Heineken\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">La Poste<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation d’un film motion design pour les r\u00e9seaux sociaux<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Fauchon<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation de contenus social media anim\u00e9s<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Fred Joaillier<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation de contenus social anim\u00e9s<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Z\u00e9nith<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Montage et post-production de films pour campagnes institutionnelles, animation logo<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"vain-clients-group\">\n <div class=\"vain-clients-group__title\">Clients institutionnels<\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Soci\u00e9t\u00e9 G\u00e9n\u00e9rale<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation de films institutionnels motion design (So Music)<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Total Energies Gaz<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation de film motion design<\/p>\n <div class=\"vain-client__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/CNsykuiMKt4\" title=\"Total Energies Gaz\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">HEGP<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation d’un film de sensibilisation au HPV pour l’H\u00f4pital Europ\u00e9en Georges Pompidou<\/p>\n <div class=\"vain-client__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/ckqsTf79qnY\" title=\"HEGP HPV\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Haribo<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Cr\u00e9ation de contenus pour les r\u00e9seaux sociaux \u2014 Haribo Pik<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">McDonald’s<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Cr\u00e9ation de contenus pour les r\u00e9seaux sociaux<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Betclic<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Cr\u00e9ation de contenus pour les r\u00e9seaux sociaux<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Domino’s<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">Cr\u00e9ation de contenus pour les r\u00e9seaux sociaux<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-client\" data-client>\n <div class=\"vain-client__header\">\n <span class=\"vain-client__name\">Paylib<\/span>\n <div class=\"vain-client__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6 9 12 15 18 9\"><\/polyline><\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-client__content\">\n <div class=\"vain-client__inner\">\n <p class=\"vain-client__desc\">R\u00e9alisation d’un film institutionnel en motion design<\/p>\n <div class=\"vain-client__video\">\n <iframe src=\"https:\/\/player.vimeo.com\/video\/154725641\" title=\"Paylib\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"vain-section\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">04<\/span>\n <span class=\"vain-section__title\">Exp\u00e9rience en poste<\/span>\n <span class=\"vain-section__date\">2015 \u2014 2018<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">Spin Colors<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2016 \u2014 2018<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Motion Designer \u2014 CDI<\/h4>\n <p>R\u00e9alisation de films motion design pour grands comptes : Amundi, Flamiro, Accenture, Kramer, Aesio, Verallia, Nedap, Sogea-Satom, Syntec, SHOM.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">Fred & Farid<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2015<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Assistant Directeur Artistique \u2014 6 mois<\/h4>\n <p>Campagnes B’TWIN, Domyos, Quick, Carambar.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"vain-section\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">05<\/span>\n <span class=\"vain-section__title\">Formation<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">LISAA Vauquelin<\/span>\n <span class=\"vain-item__location\">Paris<\/span>\n <span class=\"vain-item__date\">2014<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Licence Concepteur Designer Graphique \u2014 Mention Bien<\/h4>\n <p>Sp\u00e9cialisation Motion Design<\/p>\n <\/div>\n <\/div>\n\n <div class=\"vain-item\">\n <div class=\"vain-item__meta\">\n <span class=\"vain-item__company\">Universit\u00e9 Toulouse II<\/span>\n <span class=\"vain-item__location\">Le Mirail<\/span>\n <span class=\"vain-item__date\">2011<\/span>\n <\/div>\n <div class=\"vain-item__content\">\n <h4>Licence LEA \u2014 Anglais, Espagnol, Italien<\/h4>\n <p>Sp\u00e9cialisation Commerce International. Erasmus \u2014 Saragosse.<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"vain-section\" data-section>\n <div class=\"vain-section__header\">\n <div class=\"vain-section__label\">\n <span class=\"vain-section__number\">06<\/span>\n <span class=\"vain-section__title\">Comp\u00e9tences<\/span>\n <\/div>\n <div class=\"vain-section__toggle\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line>\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n <\/svg>\n <\/div>\n <\/div>\n <div class=\"vain-section__content\">\n <div class=\"vain-section__inner\">\n\n <div class=\"vain-skills\">\n\n <div class=\"vain-skills__group\">\n <h4>Adobe Creative Suite<\/h4>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">After Effects<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 95%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Premiere Pro<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 95%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Illustrator<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 90%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Photoshop<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 85%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">InDesign<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 70%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Audition<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 75%\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"vain-skills__group\">\n <h4>Savoir-faire<\/h4>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Conception graphique<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 95%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Illustration \/ Storyboard<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 90%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Montage \/ \u00c9talonnage<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 90%\"><\/div><\/div>\n <\/div>\n <div class=\"vain-skill\">\n <div class=\"vain-skill__header\"><span class=\"vain-skill__name\">Direction de projet<\/span><\/div>\n <div class=\"vain-skill__bar\"><div class=\"vain-skill__progress\" style=\"--level: 85%\"><\/div><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"vain-skills__group\" style=\"margin-top: 2rem;\">\n <h4>Langues<\/h4>\n <div class=\"vain-languages\">\n <div class=\"vain-language\">\n <span class=\"vain-language__name\">Anglais<\/span>\n <span class=\"vain-language__level\">C1<\/span>\n <\/div>\n <div class=\"vain-language\">\n <span class=\"vain-language__name\">Espagnol<\/span>\n <span class=\"vain-language__level\">C1<\/span>\n <\/div>\n <div class=\"vain-language\">\n <span class=\"vain-language__name\">Italien<\/span>\n <span class=\"vain-language__level\">B1<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n \n <footer class=\"vain-footer\">\n <button class=\"vain-footer__link vain-footer__link--primary\" id=\"showreel-btn\">Showreel \u2192<\/button>\n <a href=\"https:\/\/fr.linkedin.com\/in\/sylvainfernandez\" class=\"vain-footer__link\" target=\"_blank\" rel=\"noopener noreferrer\">LinkedIn<\/a>\n <\/footer>\n\n \n <div class=\"vain-showreel\" id=\"showreel-container\">\n <div class=\"vain-showreel__video\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/EWDJcWHhay4\" title=\"Showreel Sylvain Fernandez\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n\n<\/div>\n\n\n<script async src=\"\/\/www.instagram.com\/embed.js\"><\/script>\n\n<script>\n(function() {\n \/\/ Accord\u00e9ons principaux\n document.querySelectorAll('.vain-section__header').forEach(function(header) {\n header.addEventListener('click', function() {\n this.closest('.vain-section').classList.toggle('is-open');\n });\n });\n\n \/\/ Clips\n document.querySelectorAll('.vain-clip__header').forEach(function(header) {\n header.addEventListener('click', function() {\n this.closest('.vain-clip').classList.toggle('is-open');\n });\n });\n\n \/\/ Clients\n document.querySelectorAll('.vain-client__header').forEach(function(header) {\n header.addEventListener('click', function() {\n this.closest('.vain-client').classList.toggle('is-open');\n });\n });\n\n \/\/ Projets \u00e9tudiants\n document.querySelectorAll('.vain-expand').forEach(function(btn) {\n btn.addEventListener('click', function() {\n var target = document.getElementById(this.getAttribute('data-expand'));\n if (target) {\n target.classList.toggle('is-open');\n this.classList.toggle('is-open');\n if (window.instgrm) {\n window.instgrm.Embeds.process();\n }\n }\n });\n });\n\n \/\/ Showreel toggle\n var showreelBtn = document.getElementById('showreel-btn');\n var showreelContainer = document.getElementById('showreel-container');\n if (showreelBtn && showreelContainer) {\n showreelBtn.addEventListener('click', function() {\n showreelContainer.classList.toggle('is-open');\n if (showreelContainer.classList.contains('is-open')) {\n showreelBtn.textContent = 'Fermer \u00d7';\n } else {\n showreelBtn.textContent = 'Showreel \u2192';\n }\n });\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>CV \u2014 Sylvain Fernandez Direction artistique Motion design Enseignement 07 87 02 88 17 sylvain.fez@gmail.com Directeur artistique & motion designer. R\u00e9alisateur. Coordinateur p\u00e9dagogique et intervenant en \u00e9coles sup\u00e9rieures. 01 Enseignement […]<\/p>\n<p><a href=\"https:\/\/vain.design\/?page_id=3939\" class=\"more-link style3-button\">Read More<\/a><\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3939","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/pages\/3939","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vain.design\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3939"}],"version-history":[{"count":5,"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/pages\/3939\/revisions"}],"predecessor-version":[{"id":3971,"href":"https:\/\/vain.design\/index.php?rest_route=\/wp\/v2\/pages\/3939\/revisions\/3971"}],"wp:attachment":[{"href":"https:\/\/vain.design\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}