<!DOCTYPE html>
<html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#">
<head>
<!-- Didomi -->
<script type="text/javascript">(function(){function i(e){if(!window.frames[e]){if(document.body&&document.body.firstChild){var t=document.body;var n=document.createElement("iframe");n.style.display="none";n.name=e;n.title=e;t.insertBefore(n,t.firstChild)}else{setTimeout(function(){i(e)},5)}}}function e(n,o,r,f,s){function e(e,t,n,i){if(typeof n!=="function"){return}if(!window[o]){window[o]=[]}var a=false;if(s){a=s(e,i,n)}if(!a){window[o].push({command:e,version:t,callback:n,parameter:i})}}e.stub=true;e.stubVersion=2;function t(i){if(!window[n]||window[n].stub!==true){return}if(!i.data){return}var a=typeof i.data==="string";var e;try{e=a?JSON.parse(i.data):i.data}catch(t){return}if(e[r]){var o=e[r];window[n](o.command,o.version,function(e,t){var n={};n[f]={returnValue:e,success:t,callId:o.callId};if(i.source){i.source.postMessage(a?JSON.stringify(n):n,"*")}},o.parameter)}}if(typeof window[n]!=="function"){window[n]=e;if(window.addEventListener){window.addEventListener("message",t,false)}else{window.attachEvent("onmessage",t)}}}e("__tcfapi","__tcfapiBuffer","__tcfapiCall","__tcfapiReturn");i("__tcfapiLocator")})();</script><script type="text/javascript">(function(){(function(e,r){var t=document.createElement("link");t.rel="preconnect";t.as="script";var n=document.createElement("link");n.rel="dns-prefetch";n.as="script";var i=document.createElement("script");i.id="spcloader";i.type="text/javascript";i["async"]=true;i.charset="utf-8";var o="https://sdk.privacy-center.org/"+e+"/loader.js?target_type=notice&target="+r;if(window.didomiConfig&&window.didomiConfig.user){var a=window.didomiConfig.user;var c=a.country;var d=a.region;if(c){o=o+"&country="+c;if(d){o=o+"®ion="+d}}}t.href="https://sdk.privacy-center.org/";n.href="https://sdk.privacy-center.org/";i.src=o;var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s);s.parentNode.insertBefore(n,s);s.parentNode.insertBefore(i,s)})("f5e45378-4fd5-4ce7-8e23-a6659b090828","akZ9hFmC")})();</script>
<!-- GTM -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PNK8QC9');</script>
<meta charset="utf-8" />
<meta name="description" content="Découvrez le bachelor design graphique, formation de niveau bac+3 dispensée par l'école Studio M." />
<link rel="canonical" href="https://www.studio-m.fr/formations/bachelor-design-graphique" />
<meta name="robots" content="index, follow" />
<link rel="image_src" href="/files/studiom/2026-04/bachelor%20design%20graphique.png" />
<meta property="og:site_name" content="Studio M" />
<meta property="og:type" content="Formation" />
<meta property="og:url" content="https://www.studio-m.fr/formations/bachelor-design-graphique" />
<meta property="og:title" content="Bachelor Design Graphique" />
<meta property="og:description" content="Découvrez le Bachelor Design Graphique, formation Bac + 3 dispensée en initial ou en alternance par l'école Studio M" />
<meta property="og:image" content="https://www.studio-m.fr/files/studiom/2026-04/bachelor%20design%20graphique.png" />
<meta property="og:image:url" content="https://www.studio-m.fr/media/3278/edit" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Bachelor Design Graphique" />
<meta name="apple-mobile-web-app-title" content="StudioM" />
<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script type="application/ld+json">{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Article",
"@id": "https://www.studio-m.fr/formations/bachelor-design-graphique",
"headline": "Bachelor Design Graphique",
"name": "Bachelor Design Graphique",
"dateModified": "2026-09-23T10:42:55+0200",
"isAccessibleForFree": "True",
"author": {
"@type": "Organization",
"name": "studiom_admin"
}
},
{
"@type": "Organization",
"@id": "https://www.studio-m.fr/",
"name": "Studio M",
"url": "https://www.studio-m.fr/"
},
{
"@type": "WebPage",
"@id": "https://www.studio-m.fr/",
"breadcrumb": {
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Accueil",
"item": "https://www.studio-m.fr/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Toutes nos formations",
"item": "https://www.studio-m.fr/toutes-les-formations"
},
{
"@type": "ListItem",
"position": 3,
"name": "Bachelor Design Graphique",
"item": "https://www.studio-m.fr/formations/bachelor-design-graphique"
}
]
},
"author": {
"@type": "Organization",
"name": "studiom_admin"
},
"isAccessibleForFree": "True"
},
{
"@type": "WebSite",
"@id": "https://www.studio-m.fr/",
"name": "Studio M",
"url": "https://www.studio-m.fr/"
}
]
}</script>
<meta name="language" content="fr" />
<link rel="dns-prefetch" href="https//fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous" />
<link rel="icon" type="image/png" href="/themes/custom/koriolis_starterkit/logos/www_studiom_fr/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/themes/custom/koriolis_starterkit/logos/www_studiom_fr/favicon.svg" />
<link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/koriolis_starterkit/logos/www_studiom_fr/apple-touch-icon.png" />
<link rel="manifest" href="/themes/custom/koriolis_starterkit/logos/www_studiom_fr/site.webmanifest" />
<title>Bachelor design graphique - Studio M</title>
<link rel="stylesheet" media="all" href="/files/studiom/css/css_SQHf4ZXIDt08DJxIog72phk9AjwDjiTUSCJzhu7ic1Y.css?delta=0&language=fr&theme=koriolis_starterkit&include=eJyVlMtuxCAMRX8ok6j9IcsBD7FCMDIwj359adpMu-jC2URKdA6CG3OdKE1OtiyJUi3jKsoSuUCpqJV05Xq5oHOiniUN7hQOd8WcSY1acosoFHK1u8UmzVjYQeS0GvkoDt7ASZSU6ITzfjjWjXVpBVfxDM6pqhgFJfRO2zYb-Var9Qc6VA94Y-NR6ZExefJQ6VFtypUfnTen88Jho9SMjki1jl7AGEmfNnjpwVsXXkgFgrK34Ss94cqhqXXK_gjAlbYTWpY-bd-WTdqQ04n8N_KMUG7BiIvHaEMLoboF9itjNfZO2buFmhpTOqyekHBIGIx9USX3nEp5CUl0w8gfNPQL8tVVk9eWMY4_r8M_y0whytwTyagYeo0u5ZB-v4wt5TZ3byE_lGfpG516IdJwY7qXaX-OPdgW6ROLW1hB" />
<link rel="stylesheet" media="all" href="/files/studiom/css/css_UT0O3-4p5A4i4ljEc3QwHB02Z82lpAMAwk9oKCir-Zw.css?delta=1&language=fr&theme=koriolis_starterkit&include=eJyVlMtuxCAMRX8ok6j9IcsBD7FCMDIwj359adpMu-jC2URKdA6CG3OdKE1OtiyJUi3jKsoSuUCpqJV05Xq5oHOiniUN7hQOd8WcSY1acosoFHK1u8UmzVjYQeS0GvkoDt7ASZSU6ITzfjjWjXVpBVfxDM6pqhgFJfRO2zYb-Var9Qc6VA94Y-NR6ZExefJQ6VFtypUfnTen88Jho9SMjki1jl7AGEmfNnjpwVsXXkgFgrK34Ss94cqhqXXK_gjAlbYTWpY-bd-WTdqQ04n8N_KMUG7BiIvHaEMLoboF9itjNfZO2buFmhpTOqyekHBIGIx9USX3nEp5CUl0w8gfNPQL8tVVk9eWMY4_r8M_y0whytwTyagYeo0u5ZB-v4wt5TZ3byE_lGfpG516IdJwY7qXaX-OPdgW6ROLW1hB" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,200..800&display=swap" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Bebas+Neue&display=swap" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Anton&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" />
<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap" />
<link rel="stylesheet" media="all" href="/files/studiom/css/css_g6d9UzIxGN3UZF0LmcphUQMlskHROijmNaQCcGCON8U.css?delta=11&language=fr&theme=koriolis_starterkit&include=eJyVlMtuxCAMRX8ok6j9IcsBD7FCMDIwj359adpMu-jC2URKdA6CG3OdKE1OtiyJUi3jKsoSuUCpqJV05Xq5oHOiniUN7hQOd8WcSY1acosoFHK1u8UmzVjYQeS0GvkoDt7ASZSU6ITzfjjWjXVpBVfxDM6pqhgFJfRO2zYb-Var9Qc6VA94Y-NR6ZExefJQ6VFtypUfnTen88Jho9SMjki1jl7AGEmfNnjpwVsXXkgFgrK34Ss94cqhqXXK_gjAlbYTWpY-bd-WTdqQ04n8N_KMUG7BiIvHaEMLoboF9itjNfZO2buFmhpTOqyekHBIGIx9USX3nEp5CUl0w8gfNPQL8tVVk9eWMY4_r8M_y0whytwTyagYeo0u5ZB-v4wt5TZ3byE_lGfpG516IdJwY7qXaX-OPdgW6ROLW1hB" />
<script async data-browser-key="e6bbf71c8d5fb916a6d64185d81ec47fbdb9837473a18a847ff41b14d72b2c70" data-sample-rate="1.000000" data-parent-trace-id="ab03de628806a78b8abef9fb7dba4022" data-transaction-name="Drupal\page_cache\StackMiddleware\PageCache" data-collector="https://ingest.upsun-fr-3.observability-pipeline.blackfire.io" src="https://admin-pipeline.upsun-fr-3.observability-pipeline.blackfire.io/js/probe.js"></script></head>
<body class="path-node page-node-type-training">
<!-- GTM (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PNK8QC9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<a href="#main-content" class="visually-hidden focusable skip-link">
Aller au contenu principal
</a>
<style>:root{--font-size-desktop-h1-campus:66px;--font-size-desktop-h1:62px;--font-size-desktop-h2:52px;--font-size-desktop-h3:50px;--font-size-desktop-h4:36px;--font-size-desktop-h5:28px;--font-size-desktop-h6:22px;--font-size-desktop-quote:50px;--colors-brand-main:#3A2E83;--colors-brand-brand:#3A2E83;--colors-brand-brand-darker:#2A1E5C;--colors-brand-brand-alt:#ED7218;--colors-brand-brand-alt-darker:#C05E11;--colors-brand-brand-alt5:#FFF5ED;--colors-brand-brand-alt-secondary:#542E82;--colors-brand-bg:#F0F1FA;--colors-brand-content:#3D3941;--colors-components-announcement-slider-text-and-close:var(--colors-neutrals-white);--colors-components-announcement-slider-bg:var(--colors-brand-brand-alt);--colors-components-block-cta-3-links-bg:var(--colors-brand-brand-alt);--colors-components-block-cta-3-links-text:var(--colors-neutrals-white);--colors-components-block-cta-button-bg:var(--colors-brand-brand-alt);--colors-components-block-cta-button-text:var(--colors-neutrals-white);--colors-components-block-key-figures-bg:var(--colors-brand-brand);--colors-components-block-key-figures-text:var(--colors-neutrals-white);--colors-components-block-key-figures-hero-home-bg:var(--colors-brand-bg);--colors-components-block-key-figures-hero-home-text:var(--colors-brand-brand);--colors-components-block-news-bg:var(--colors-brand-brand-alt5);--colors-components-block-news-text:var(--colors-brand-main);--colors-components-block-scrolling-text-bg:var(--colors-brand-brand-alt);--colors-components-block-scrolling-text-text:var(--colors-neutrals-white);--colors-components-button-city-text-city:var(--colors-brand-brand-alt);--colors-components-button-city-border-city:var(--colors-neutrals-light-border);--colors-components-button-city-bg-city-hover:var(--colors-neutrals-white);--colors-components-button-fixed-bg-fixed:var(--colors-brand-main);--colors-components-button-fixed-bg-fixed-hover:var(--colors-brand-brand-alt);--colors-components-button-fixed-text-fixed:var(--colors-neutrals-white);--colors-components-button-fixed-text-fixed-hover:var(--colors-neutrals-white);--colors-components-button-fixed-border-fixed:var(--colors-brand-main);--colors-components-button-fixed-border-fixed-hover:var(--colors-brand-brand-alt);--colors-components-button-primary-bg-primary:var(--colors-brand-brand-alt);--colors-components-button-primary-bg-primary-hover:var(--colors-brand-brand-alt-darker);--colors-components-button-primary-text-primary:var(--colors-neutrals-white);--colors-components-button-primary-text-primary-hover:var(--colors-neutrals-white);--colors-components-button-primary-border-primary:var(--colors-brand-brand-alt);--colors-components-button-primary-border-primary-hover:var(--colors-brand-brand-alt-darker);--colors-components-button-secondary-bg-secondary:var(--colors-brand-brand);--colors-components-button-secondary-bg-secondary-hover:var(--colors-brand-brand-darker);--colors-components-button-secondary-text-secondary:var(--colors-neutrals-white);--colors-components-button-secondary-text-secondary-hover:var(--colors-neutrals-white);--colors-components-button-secondary-border-secondary:var(--colors-brand-brand);--colors-components-button-secondary-border-secondary-hover:var(--colors-brand-brand-darker);--colors-components-button-tertiary-bg-tertiary:var(--colors-neutrals-white);--colors-components-button-tertiary-bg-tertiary-hover:var(--colors-brand-brand-darker);--colors-components-button-tertiary-text-tertiary:var(--colors-brand-brand);--colors-components-button-tertiary-text-tertiary-hover:#FFFFFF;--colors-components-button-tertiary-border-tertiary:var(--colors-neutrals-lighter-divider);--colors-components-button-tertiary-border-tertiary-hover:var(--colors-neutrals-white);--colors-components-cards-event-date:var(--colors-brand-brand-alt);--colors-components-cards-formation-title-and-picto:var(--colors-brand-main);--colors-components-cards-formation-circle:var(--colors-brand-main);--colors-components-cards-formation-bg:var(--colors-neutrals-white);--colors-components-cards-sector-bg:var(--colors-neutrals-white);--colors-components-cards-sector-bg-hover:var(--colors-brand-brand-alt5);--colors-components-cards-sector-border:var(--colors-neutrals-lighter-divider);--colors-components-cards-sector-border-hover:var(--colors-brand-main);--colors-components-footer-button-bg:var(--colors-brand-brand-darker);--colors-components-footer-button-bg-hover:var(--colors-brand-brand);--colors-components-footer-button-text:var(--colors-components-button-primary-text-primary);--colors-components-footer-button-text-hover:var(--colors-components-button-primary-text-primary-hover);--colors-components-footer-button-border:var(--colors-neutrals-white);--colors-components-footer-bg:var(--colors-brand-brand-darker);--colors-components-footer-button-border-hover:var(--colors-neutrals-white);--colors-components-labels-formation-bg:var(--colors-brand-brand-alt);--colors-components-labels-formation-text:var(--colors-neutrals-white);--colors-components-labels-formation-border:var(--colors-brand-brand-alt);--colors-components-link-text:var(--colors-brand-brand-alt);--colors-components-pictos-01-bg:var(--colors-brand-brand-alt5);--colors-components-pictos-01-line:var(--colors-brand-brand-alt);--colors-components-pictos-02-bg:var(--colors-brand-brand-alt);--colors-components-pictos-02-line:var(--colors-brand-brand-alt);--colors-components-wrapper-color-01-bg:var(--colors-brand-bg);--colors-components-wrapper-color-01-title:var(--colors-brand-main);--colors-components-wrapper-color-02-bg:var(--colors-brand-brand-alt5);--colors-components-wrapper-color-02-title:var(--colors-brand-brand-alt);--colors-neutrals-white:#FFFFFF;--colors-neutrals-lightest:#F2F4F8;--colors-neutrals-lighter-divider:#E1E2E6;--colors-neutrals-light-border:#C8C9CC;--colors-neutrals-neutral:#757678;--colors-neutrals-dark:#1B1B1C;--colors-states-error:#E63247;--colors-states-warning:#FAAD14;--colors-states-success:#47B036;--font-family-heading:Bebas Neue;--font-family-content:Archivo;--font-family-heading-condensed:Antonio;--font-letter-spacing-desktop-h1:0px;--font-letter-spacing-desktop-h2:0px;--font-letter-spacing-desktop-h3:0px;--font-letter-spacing-desktop-h4:0px;--font-letter-spacing-desktop-h5:0px;--font-letter-spacing-desktop-h6:0px;--font-letter-spacing-desktop-quote:0px;--font-letter-spacing-mobile-h1:0px;--font-letter-spacing-mobile-h2:0px;--font-letter-spacing-mobile-h3:0px;--font-letter-spacing-mobile-h4:0px;--font-letter-spacing-mobile-h5:0px;--font-letter-spacing-mobile-h6:0px;--font-letter-spacing-mobile-quote:0px;--font-line-height-desktop-h1:58px;--font-line-height-desktop-h2:49px;--font-line-height-desktop-h3:48px;--font-line-height-desktop-h4:36px;--font-line-height-desktop-h5:28px;--font-line-height-desktop-h6:24px;--font-line-height-desktop-quote:50px;--font-line-height-mobile-h1:40px;--font-line-height-mobile-h2:34px;--font-line-height-mobile-h3:30px;--font-line-height-mobile-h4:28px;--font-line-height-mobile-h5:26px;--font-line-height-mobile-h6:22px;--font-line-height-mobile-quote:29px;--font-line-height-text-large:30px;--font-line-height-text-medium:26px;--font-line-height-text-regular:24px;--font-line-height-text-small:20px;--font-line-height-text-tiny:18px;--font-size-mobile-h1-home:40px;--font-size-mobile-h1-campus:40px;--font-size-mobile-h1:40px;--font-size-mobile-h2:36px;--font-size-mobile-h3:30px;--font-size-mobile-h4:24px;--font-size-mobile-h5:22px;--font-size-mobile-h6:18px;--font-size-mobile-quote:28px;--font-size-text-large:20px;--font-size-text-medium:18px;--font-size-text-regular:16px;--font-size-text-small:14px;--font-size-text-tiny:12px;--font-size-text-mini-caps:10;--font-weight-h1:700;--font-weight-h2:700;--font-weight-h3:700;--font-weight-h4:700;--font-weight-h5:700;--font-weight-h6:700;--font-weight-quote:700;--font-weight-excerpt:Bold;--font-weight-body-bold:Bold;--font-weight-body-normal:Regular;--radius-0:0px;--radius-global-radius:4px;--radius-card-radius:6px;--radius-big-radius:24px;--radius-full-radius:52px;--radius-buttons:62px;--colors-components-block-key-figures-hero-home-bg-hero:var(--colors-brand-brand);--colors-components-labels-formation-bg-alt:var(--colors-brand-bg);--colors-components-labels-formation-text-alt:var(--colors-brand-main);--colors-components-labels-formation-border-alt:var(--colors-neutrals-light-border);--colors-components-cards-formation-stroke:var(--colors-neutrals-light-border);--colors-components-cards-formation-stroke-hover:var(--colors-brand-brand-alt);--colors-components-cards-formation-bg-hover:var(--colors-brand-brand-alt5);--colors-components-cards-focus-bg:var(--colors-neutrals-white);--colors-components-cards-focus-bg-hover:var(--colors-brand-brand-alt5);--colors-components-cards-focus-border:var(--colors-neutrals-lighter-divider);--colors-components-cards-focus-border-hover:var(--colors-brand-main);--colors-components-button-fixed-mobile-bg-fixed:var(--colors-brand-main);--colors-components-button-fixed-mobile-bg-fixed-hover:var(--colors-brand-main);--colors-components-button-fixed-mobile-border-fixed:var(--colors-brand-main);--colors-components-button-fixed-mobile-border-fixed-hover:var(--colors-brand-brand-alt);--heading:Archivo;--colors-components-button-city-border-city-hover:var(--colors-brand-brand-alt);--colors-brand-brand-alt-tertiary:#5D327C;--colors-components-color-menu-default:var(--colors-brand-main);--colors-components-color-menu-hover:var(--colors-brand-brand-alt);--colors-components-hero-detail-formation-title:var(--colors-neutrals-white);--colors-components-hero-detail-formation-text:var(--colors-neutrals-white);--colors-components-hero-detail-formation-bg-square:var(--colors-brand-main);--colors-components-hero-detail-formation-text-square:var(--colors-neutrals-white);--colors-components-hero-detail-formation-gradient-hero-left:var(--colors-brand-brand);--colors-components-hero-detail-formation-gradient-hero-center:var(--colors-brand-brand-alt-secondary);--colors-components-hero-detail-formation-gradient-hero-right:var(--colors-brand-brand-alt);--colors-components-hero-std-title:var(--colors-neutrals-white);--colors-components-hero-std-text:var(--colors-neutrals-white);--colors-components-hero-std-gradient-hero-left:var(--colors-brand-brand);--colors-components-hero-std-gradient-hero-center:var(--colors-brand-brand-alt-secondary);--colors-components-hero-std-gradient-hero-right:var(--colors-brand-brand-alt);--colors-components-hero-std-button-left-bg:var(--colors-components-button-primary-bg-primary);--colors-components-hero-std-button-left-bg-hover:var(--colors-components-button-primary-bg-primary-hover);--colors-components-hero-std-button-left-text-picto:var(--colors-components-button-primary-text-primary);--colors-components-hero-std-button-left-text-picto-hover:var(--colors-components-button-primary-text-primary-hover);--colors-components-hero-std-button-left-border:var(--colors-components-button-primary-border-primary);--colors-components-hero-std-button-left-border-hover:var(--colors-components-button-primary-border-primary-hover);--colors-components-hero-std-button-right-bg:var(--colors-components-button-tertiary-bg-tertiary);--colors-components-hero-std-button-right-bg-hover:var(--colors-components-button-tertiary-bg-tertiary-hover);--colors-components-hero-std-button-right-text-picto:var(--colors-components-button-tertiary-text-tertiary);--colors-components-hero-std-button-right-text-picto-hover:var(--colors-components-button-tertiary-text-tertiary-hover);--colors-components-hero-std-button-right-border:var(--colors-components-button-tertiary-border-tertiary);--colors-components-hero-std-button-right-border-hover:var(--colors-components-button-tertiary-border-tertiary-hover);--colors-components-hero-sector-title:var(--colors-neutrals-white);--colors-components-hero-level-title:var(--colors-neutrals-white);--colors-components-hero-level-text:var(--colors-neutrals-white);--colors-components-hero-level-bg-square:var(--colors-brand-brand-alt-tertiary);--colors-components-hero-level-gradient-hero-left:var(--colors-brand-brand);--colors-components-hero-level-gradient-hero-center:var(--colors-brand-brand-alt-secondary);--colors-components-hero-level-gradient-hero-right:var(--colors-brand-brand-alt);--colors-components-hero-sector-text:var(--colors-neutrals-white);--colors-components-hero-sector-bg-square:var(--colors-brand-brand-darker);--colors-components-hero-sector-gradient-hero-left:var(--colors-brand-brand);--colors-components-hero-sector-gradient-hero-center:var(--colors-brand-brand-alt-secondary);--colors-components-hero-sector-gradient-hero-right:var(--colors-brand-brand-alt);--colors-components-hero-form-gradient-hero-left:var(--colors-brand-brand);--colors-components-hero-form-gradient-hero-center:var(--colors-brand-brand-alt-secondary);--colors-components-hero-form-gradient-hero-right:var(--colors-brand-brand-alt);--colors-components-block-key-figures-hero-home-bg-key:var(--colors-brand-bg);--colors-components-block-key-figures-hero-home-text-key:var(--colors-brand-main);--colors-components-block-rating-google-bg-google:var(--colors-brand-main);--colors-components-block-rating-google-text-google:var(--colors-neutrals-white);--colors-components-block-rating-google-bg-reviews:var(--colors-neutrals-white);--colors-components-block-rating-google-star-reviews:var(--colors-brand-main);--colors-components-block-folding-3-cols-bg:var(--colors-brand-brand-alt5);--colors-components-block-folding-3-cols-text:var(--colors-brand-content);--colors-components-block-folding-3-cols-border:var(--colors-neutrals-lighter-divider);--colors-components-block-key-figures-bg-gradient-left:var(--colors-brand-brand);--colors-components-block-key-figures-bg-gradient-center:var(--colors-brand-brand-alt-secondary);--colors-components-block-key-figures-bg-gradient-right:var(--colors-brand-brand-alt);--colors-components-block-key-figures-hero-home-title-hero:#FFFFFF;--colors-components-block-key-figures-hero-home-text-hero:#FFFFFF;--colors-components-block-key-figures-hero-home-gradient-left:var(--colors-brand-brand);--colors-components-block-key-figures-hero-home-gradient-center:var(--colors-brand-brand-alt-secondary);--colors-components-block-key-figures-hero-home-gradient-right:var(--colors-brand-brand-alt);--colors-components-block-cta-3-links-bg-gradient-left:var(--colors-brand-brand);--colors-components-block-cta-3-links-bg-gradient-center:var(--colors-brand-brand-alt-secondary);--colors-components-block-cta-3-links-bg-gradient-right:var(--colors-brand-brand-alt);--colors-components-block-cta-button-bg-gradient-left:var(--colors-brand-brand);--colors-components-block-cta-button-bg-gradient-center:var(--colors-brand-brand-alt-secondary);--colors-components-block-cta-button-bg-gradient-right:var(--colors-brand-brand-alt);--colors-components-cards-sector-desktop-text-size:16px;--colors-components-cards-sector-desktop-line-height:22px;--colors-components-cards-sector-mobile-text-size:14px;--colors-components-cards-sector-mobile-line-height:20px;--colors-components-hero-detail-formation-button-left-bg:var(--colors-components-button-tertiary-bg-tertiary);--colors-components-hero-detail-formation-button-left-bg-hover:var(--colors-components-button-tertiary-bg-tertiary-hover);--colors-components-hero-detail-formation-button-left-text-picto:var(--colors-components-button-tertiary-text-tertiary);--colors-components-hero-detail-formation-button-left-text-picto-hover:var(--colors-components-button-tertiary-text-tertiary-hover);--colors-components-hero-detail-formation-button-left-border:#645D98;--colors-components-hero-detail-formation-button-left-border-hover:#645D98;--colors-components-hero-detail-formation-button-right-bg:var(--colors-components-button-primary-bg-primary);--colors-components-hero-detail-formation-button-right-bg-hover:var(--colors-components-button-primary-bg-primary-hover);--colors-components-hero-detail-formation-button-right-text-picto:var(--colors-components-button-primary-text-primary);--colors-components-hero-detail-formation-button-right-text-picto-hover:var(--colors-components-button-primary-text-primary-hover);--colors-components-hero-detail-formation-button-right-border:var(--colors-components-button-primary-border-primary);--colors-components-hero-detail-formation-button-right-border-hover:var(--colors-components-button-primary-border-primary-hover);}</style>
<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
<div data-component-id="koriolis_starterkit:top_message" class="top-message">
<div class="top-message__body">
<div class="clearfix text-formatted field field--name-field-body field--type-text-long field--label-hidden field__item"><p><strong>Admission immédiate tous les mercredis</strong> <a href="https://www.studio-m.fr/evenements">réserve ta place</a></p>
</div>
</div>
<button type="button" class="top-message__close" aria-label="Close message">
<svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</button>
</div>
<header data-component-id="koriolis_starterkit:header" class="header header--component" role="banner">
<div class="header__container">
<div class="header__logo">
<a href="/" class="header__logo-link" rel="home">
<img loading="eager" fetchpriority="high" src="/themes/custom/koriolis_starterkit/logos/www_studiom_fr/logo.svg" alt="Studio M" class="header__logo-image" />
</a>
</div>
<button type="button" class="header__menu-toggle" aria-label="Ouvrir le menu" data-menu-toggle>
<span class="header__menu-toggle-icon header__menu-toggle-icon--open">
<svg class="icon--burger" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.9004 16.4004C17.342 16.4006 17.7002 16.7585 17.7002 17.2002C17.7001 17.6418 17.342 17.9998 16.9004 18H5C4.55824 18 4.2003 17.6419 4.2002 17.2002C4.2002 16.7584 4.55817 16.4004 5 16.4004H16.9004ZM19 10.7998C19.4417 10.7998 19.7996 11.158 19.7998 11.5996C19.7998 12.0414 19.4418 12.4004 19 12.4004H5C4.55817 12.4004 4.2002 12.0414 4.2002 11.5996C4.2004 11.158 4.5583 10.7998 5 10.7998H19ZM14.0996 5.2002C14.5414 5.2002 14.9004 5.55817 14.9004 6C14.9004 6.44183 14.5414 6.7998 14.0996 6.7998H5C4.55817 6.7998 4.2002 6.44183 4.2002 6C4.2002 5.55817 4.55817 5.2002 5 5.2002H14.0996Z" fill="currentColor"/>
</svg>
</span>
<span class="header__menu-toggle-icon header__menu-toggle-icon--close" hidden>
<svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</button>
<nav class="header__menu" role="navigation" aria-label="Menu principal" data-mobile-menu>
<nav role="navigation" aria-labelledby="block-koriolis-starterkit-navigationprincipale-menu" id="block-koriolis-starterkit-navigationprincipale" class="block block-menu navigation menu--main">
<ul data-component-id="koriolis_starterkit:main_menu" class="menu main-menu">
<li class="menu-item menu-item--expanded menu-item--active-trail">
<span>Formations</span>
<div class="megamenu-wrapper">
<div class="megamenu-mobile-header">
<button type="button" class="megamenu-back-button" aria-label="Back to main menu">
<svg class="icon--chevron-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.54 5.53999C14.7939 5.28615 15.2061 5.28615 15.46 5.53999C15.7138 5.79383 15.7138 6.20607 15.46 6.45991L9.91992 12L15.46 17.54C15.7138 17.7938 15.7138 18.2061 15.46 18.4599C15.2061 18.7138 14.7939 18.7138 14.54 18.4599L8.54004 12.4599C8.2862 12.2061 8.2862 11.7938 8.54004 11.54L14.54 5.53999Z" fill="currentColor"/>
</svg>
<span class="megamenu-back-text">Formations</span>
</button>
</div>
<div class="megamenu_desktop-header">
<div class="megamenu-content">
<ul class="menu">
<li class="menu-item menu-item--expanded">
<span>Par niveau</span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="/bac-1/formations" data-drupal-link-system-path="training_level-subpath/bac-1/formations">Bac +1</a>
</li>
<li class="menu-item">
<a href="/bac-2/formations" data-drupal-link-system-path="training_level-subpath/bac-2/formations">Bac +2</a>
</li>
<li class="menu-item">
<a href="/bac-3/formations" data-drupal-link-system-path="training_level-subpath/bac-3/formations">Bac +3</a>
</li>
<li class="menu-item">
<a href="/bac-4/formations" data-drupal-link-system-path="training_level-subpath/bac-4/formations">Bac +4</a>
</li>
<li class="menu-item">
<a href="/bac-5/formations" data-drupal-link-system-path="training_level-subpath/bac-5/formations">Bac +5</a>
</li>
<li class="menu-item">
<a href="/formation-courte-stage-decouverte/formations" data-drupal-link-system-path="training_level-subpath/formation-courte-stage-decouverte/formations">Formations pro.</a>
</li>
</ul>
</li>
<li class="menu-item menu-item--expanded">
<span>Par secteur</span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="/ecole-audiovisuel" data-drupal-link-system-path="node/25">Audiovisuel</a>
</li>
<li class="menu-item">
<a href="/ecole-design" data-drupal-link-system-path="node/22">Design</a>
</li>
<li class="menu-item">
<a href="/ecole-son" data-drupal-link-system-path="node/4216">Son</a>
</li>
<li class="menu-item">
<a href="/ecole-jeux-video" data-drupal-link-system-path="node/23">Jeux vidéo et Infographie 3D</a>
</li>
<li class="menu-item">
<a href="/ecole-radio" data-drupal-link-system-path="node/4217">Radio</a>
</li>
<li class="menu-item">
<a href="/ecole-les-formations-pro" data-drupal-link-system-path="node/26">Les Formations pro.</a>
</li>
</ul>
</li>
<li class="menu-item menu-item--expanded">
<span>Ateliers Découverte</span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="https://www.studio-m.fr/atelier-decouverte-audiovisuel">Atelier Découverte Audiovisuel</a>
</li>
<li class="menu-item">
<a href="https://www.studio-m.fr/atelier-decouverte-metiers-du-son-et-de-la-musique">Atelier Découverte Son</a>
</li>
<li class="menu-item">
<a href="https://www.studio-m.fr/atelier-decouverte-design-graphique-et-arts-appliques">Atelier Découverte Design et Arts Appliqués</a>
</li>
<li class="menu-item">
<a href="https://www.studio-m.fr/atelier-decouverte-jeux-video-et-animation-3d">Atelier Découverte Jeux Vidéo & Animation 3D</a>
</li>
<li class="menu-item">
<a href="https://www.studio-m.fr/atelier-decouverte-photographie">Atelier Découverte Photographie</a>
</li>
<li class="menu-item">
<a href="https://www.studio-m.fr/atelier-decouverte-radio">Atelier Découverte Radio</a>
</li>
</ul>
</li>
<li class="menu-item menu-item--active-trail">
<a href="/toutes-les-formations">
<span>Toutes nos formations</span>
<svg class="icon--arrow-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.54 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999L19.46 11.54C19.7138 11.7938 19.7138 12.2061 19.46 12.4599L12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.54 19.4599C11.2862 19.2061 11.2862 18.7938 11.54 18.54L17.4297 12.6503H5C4.64102 12.6503 4.34961 12.3589 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H17.4297L11.54 5.45991C11.2862 5.20607 11.2862 4.79383 11.54 4.53999Z" fill="currentColor"/>
</svg>
</a>
</li>
</ul>
</div>
<div class="megamenu-cta">
<div class="megamenu-cta__image">
<div class="field field--name-field-cta-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/files/studiom/styles/focal_408x235/public/menu_cta_images/m%C3%A9tier-art-design.png?h=f8c04d57&itok=tJXHhGaK" width="408" height="235" alt="métier art design - studio m" class="image-style-focal-408x235" />
</div>
</div>
<div class="megamenu-cta__title">Envie de découvrir nos formations ?</div>
<a href="/node/3877"
class="megamenu-cta__link">
<span>Télécharge la brochure</span>
<svg class="icon--arrow-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.54 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999L19.46 11.54C19.7138 11.7938 19.7138 12.2061 19.46 12.4599L12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.54 19.4599C11.2862 19.2061 11.2862 18.7938 11.54 18.54L17.4297 12.6503H5C4.64102 12.6503 4.34961 12.3589 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H17.4297L11.54 5.45991C11.2862 5.20607 11.2862 4.79383 11.54 4.53999Z" fill="currentColor"/>
</svg>
</a>
</div>
</div>
</div>
</li>
<li class="menu-item">
<a href="/tous-les-campus" class="campus-links" data-drupal-link-system-path="node/3985">Campus</a>
<div class="megamenu-wrapper">
<div class="megamenu-mobile-header">
<button type="button" class="megamenu-back-button" aria-label="Back to main menu">
<svg class="icon--chevron-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.54 5.53999C14.7939 5.28615 15.2061 5.28615 15.46 5.53999C15.7138 5.79383 15.7138 6.20607 15.46 6.45991L9.91992 12L15.46 17.54C15.7138 17.7938 15.7138 18.2061 15.46 18.4599C15.2061 18.7138 14.7939 18.7138 14.54 18.4599L8.54004 12.4599C8.2862 12.2061 8.2862 11.7938 8.54004 11.54L14.54 5.53999Z" fill="currentColor"/>
</svg>
<span class="megamenu-back-text">Campus</span>
</button>
</div>
<div class="megamenu_desktop-header">
<div class="megamenu-content">
<ul class="menu automated-level-2-links">
<li class="menu-item">
<a href="/ecole-audiovisuel-arts-appliques-angers">
<span>Angers</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-digital-beziers">
<span>Béziers</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-audiovisuel-bordeaux">
<span>Bordeaux</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-digital-grenoble">
<span>Grenoble</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-audiovisuel-arts-appliques-lille">
<span>Lille</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-digital-lyon">
<span>Lyon</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-digital-melun">
<span>Melun</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-digital-montpellier">
<span>Montpellier</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-digital-nantes">
<span>Nantes</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-audiovisuel-arts-appliques-nice">
<span>Nice</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-digital-paris">
<span>Paris</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-audiovisuel-arts-appliques-rennes">
<span>Rennes</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-digital-strasbourg">
<span>Strasbourg</span>
</a>
</li>
<li class="menu-item">
<a href="/ecole-digital-toulouse">
<span>Toulouse</span>
</a>
</li>
<li class="menu-item list-all-link">
<a href="/tous-les-campus">
<span>Tous les campus</span>
<svg class="icon--arrow-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.54 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999L19.46 11.54C19.7138 11.7938 19.7138 12.2061 19.46 12.4599L12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.54 19.4599C11.2862 19.2061 11.2862 18.7938 11.54 18.54L17.4297 12.6503H5C4.64102 12.6503 4.34961 12.3589 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H17.4297L11.54 5.45991C11.2862 5.20607 11.2862 4.79383 11.54 4.53999Z" fill="currentColor"/>
</svg>
</a>
</li>
</ul>
</div>
<div class="megamenu-cta">
<div class="megamenu-cta__image">
<div class="field field--name-field-cta-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/files/studiom/styles/focal_408x235/public/menu_cta_images/stage_decouverte_photographie_pages_campus.png?h=7dead406&itok=gDREUGN9" width="408" height="235" alt="Découvrir les campus" class="image-style-focal-408x235" />
</div>
</div>
<div class="megamenu-cta__title">Viens nous rencontrer !</div>
<a href="/node/3981"
class="megamenu-cta__link">
<span>Inscris-toi à une JPO</span>
<svg class="icon--arrow-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.54 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999L19.46 11.54C19.7138 11.7938 19.7138 12.2061 19.46 12.4599L12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.54 19.4599C11.2862 19.2061 11.2862 18.7938 11.54 18.54L17.4297 12.6503H5C4.64102 12.6503 4.34961 12.3589 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H17.4297L11.54 5.45991C11.2862 5.20607 11.2862 4.79383 11.54 4.53999Z" fill="currentColor"/>
</svg>
</a>
</div>
</div>
</div>
</li>
<li class="menu-item menu-item--expanded">
<span>Expérience Pro.</span>
<div class="megamenu-wrapper">
<div class="megamenu-mobile-header">
<button type="button" class="megamenu-back-button" aria-label="Back to main menu">
<svg class="icon--chevron-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.54 5.53999C14.7939 5.28615 15.2061 5.28615 15.46 5.53999C15.7138 5.79383 15.7138 6.20607 15.46 6.45991L9.91992 12L15.46 17.54C15.7138 17.7938 15.7138 18.2061 15.46 18.4599C15.2061 18.7138 14.7939 18.7138 14.54 18.4599L8.54004 12.4599C8.2862 12.2061 8.2862 11.7938 8.54004 11.54L14.54 5.53999Z" fill="currentColor"/>
</svg>
<span class="megamenu-back-text">Expérience Pro.</span>
</button>
</div>
<div class="megamenu_desktop-header">
<div class="megamenu-content">
<ul class="menu">
<li class="menu-item">
<a href="/formation-courte-stage-decouverte" data-drupal-link-system-path="node/3903">Ateliers découvertes</a>
</li>
<li class="menu-item">
<a href="https://www.studio-m.fr/offres-demploi">Offres d'alternance & stages</a>
</li>
<li class="menu-item menu-item--expanded">
<span>Métiers & débouchés</span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="/formation-photographie" data-drupal-link-system-path="node/19">Les métiers de la photographie</a>
</li>
<li class="menu-item">
<a href="/formation-audiovisuel" data-drupal-link-system-path="node/17">Les métiers de l’audiovisuel</a>
</li>
<li class="menu-item">
<a href="/formation-design" data-drupal-link-system-path="node/16">Les métiers des arts et du design</a>
</li>
<li class="menu-item">
<a href="/formation-jeu-video" data-drupal-link-system-path="node/20">Les métiers du jeu vidéo</a>
</li>
<li class="menu-item">
<a href="/formation-son" data-drupal-link-system-path="node/18">Les métiers du son</a>
</li>
<li class="menu-item">
<a href="/formations-digital-audiovisuel">
<span>Tous les secteurs métiers</span>
<svg class="icon--arrow-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.54 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999L19.46 11.54C19.7138 11.7938 19.7138 12.2061 19.46 12.4599L12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.54 19.4599C11.2862 19.2061 11.2862 18.7938 11.54 18.54L17.4297 12.6503H5C4.64102 12.6503 4.34961 12.3589 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H17.4297L11.54 5.45991C11.2862 5.20607 11.2862 4.79383 11.54 4.53999Z" fill="currentColor"/>
</svg>
</a>
</li>
</ul>
</li>
<li class="menu-item menu-item--expanded">
<span>Portfolio Étudiant</span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="/portfolio-etudiants" data-drupal-link-system-path="node/3984">Portfolio des étudiants</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="megamenu-cta">
<div class="megamenu-cta__image">
<div class="field field--name-field-cta-image field--type-image field--label-hidden field__item"> <img loading="lazy" src="/files/studiom/styles/focal_408x235/public/menu_cta_images/bachelor-cinema-animation-3-D.png?h=f8c04d57&itok=dS35MaqM" width="408" height="235" alt="étudiante dessin de design - Studio M" class="image-style-focal-408x235" />
</div>
</div>
<div class="megamenu-cta__title">Envie de découvrir les métiers créatifs ?</div>
<a href="/node/27"
class="megamenu-cta__link">
<span>Inscris-toi à un atelier découverte</span>
<svg class="icon--arrow-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.54 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999L19.46 11.54C19.7138 11.7938 19.7138 12.2061 19.46 12.4599L12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.54 19.4599C11.2862 19.2061 11.2862 18.7938 11.54 18.54L17.4297 12.6503H5C4.64102 12.6503 4.34961 12.3589 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H17.4297L11.54 5.45991C11.2862 5.20607 11.2862 4.79383 11.54 4.53999Z" fill="currentColor"/>
</svg>
</a>
</div>
</div>
</div>
</li>
<li class="menu-item menu-item--expanded">
<span>Pédagogie</span>
<div class="megamenu-wrapper">
<div class="megamenu-mobile-header">
<button type="button" class="megamenu-back-button" aria-label="Back to main menu">
<svg class="icon--chevron-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.54 5.53999C14.7939 5.28615 15.2061 5.28615 15.46 5.53999C15.7138 5.79383 15.7138 6.20607 15.46 6.45991L9.91992 12L15.46 17.54C15.7138 17.7938 15.7138 18.2061 15.46 18.4599C15.2061 18.7138 14.7939 18.7138 14.54 18.4599L8.54004 12.4599C8.2862 12.2061 8.2862 11.7938 8.54004 11.54L14.54 5.53999Z" fill="currentColor"/>
</svg>
<span class="megamenu-back-text">Pédagogie</span>
</button>
</div>
<div class="megamenu_desktop-header">
<div class="megamenu-content">
<ul class="menu">
<li class="menu-item menu-item--expanded">
<span>Admission</span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="/financez-vos-etudes" data-drupal-link-system-path="node/3993">Financer ses études</a>
</li>
<li class="menu-item">
<a href="/processus-dadmission" data-drupal-link-system-path="node/4030">Processus d'admission</a>
</li>
</ul>
</li>
<li class="menu-item menu-item--expanded">
<span>Les contrats </span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="/contrat-dapprentissage" data-drupal-link-system-path="node/4199">Contrat d'apprentissage</a>
</li>
<li class="menu-item">
<a href="/le-contrat-de-professionnalisation" data-drupal-link-system-path="node/4200">Contrat de professionnalisation</a>
</li>
</ul>
</li>
<li class="menu-item menu-item--expanded">
<span>Les diplômes</span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="/bts-digital" data-drupal-link-system-path="node/3979">BTS</a>
</li>
<li class="menu-item">
<a href="/bachelor-digital" data-drupal-link-system-path="node/3978">Bachelor</a>
</li>
<li class="menu-item">
<a href="/mba-digital" data-drupal-link-system-path="node/3977">Mastère</a>
</li>
</ul>
</li>
<li class="menu-item menu-item--expanded">
<span>Vie Étudiante</span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="/toute-lactualite" data-drupal-link-system-path="node/3980">Actualité</a>
</li>
<li class="menu-item">
<a href="/evenements" data-drupal-link-system-path="node/3981">Évènements</a>
</li>
<li class="menu-item">
<a href="/faq" data-drupal-link-system-path="node/3982">Foire Aux Questions</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
<li class="menu-item menu-item--expanded">
<span>L'École Studio M</span>
<div class="megamenu-wrapper">
<div class="megamenu-mobile-header">
<button type="button" class="megamenu-back-button" aria-label="Back to main menu">
<svg class="icon--chevron-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.54 5.53999C14.7939 5.28615 15.2061 5.28615 15.46 5.53999C15.7138 5.79383 15.7138 6.20607 15.46 6.45991L9.91992 12L15.46 17.54C15.7138 17.7938 15.7138 18.2061 15.46 18.4599C15.2061 18.7138 14.7939 18.7138 14.54 18.4599L8.54004 12.4599C8.2862 12.2061 8.2862 11.7938 8.54004 11.54L14.54 5.53999Z" fill="currentColor"/>
</svg>
<span class="megamenu-back-text">L'École Studio M</span>
</button>
</div>
<div class="megamenu_desktop-header">
<div class="megamenu-content">
<ul class="menu">
<li class="menu-item menu-item--expanded">
<span>Bienvenue chez Studio M</span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="/ecole-audio-video" data-drupal-link-system-path="node/3990">L'École Studio M</a>
</li>
<li class="menu-item">
<a href="/groupe-eduservices" data-drupal-link-system-path="node/4219">Groupe Eduservices</a>
</li>
<li class="menu-item">
<a href="https://www.studio-m.fr/label-et-accreditations">Certifications Qualiopi</a>
</li>
<li class="menu-item">
<a href="https://www.studio-m.fr/titres-rncp">Diplômes & taux de réussite</a>
</li>
</ul>
</li>
<li class="menu-item menu-item--expanded">
<span>Démarches & contacts</span>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
<ul class="menu">
<li class="menu-item">
<a href="/demande-de-documentation" data-drupal-link-system-path="node/3877">Télécharger la brochure</a>
</li>
<li class="menu-item">
<a href="/inscription-aux-jpo-et-sessions-dadmissions" data-drupal-link-system-path="node/3878">S'inscrire à un évènement</a>
</li>
<li class="menu-item">
<a href="/etre-appele" data-drupal-link-system-path="node/3880">Parler à un conseiller</a>
</li>
<li class="menu-item">
<a href="/formulaire-de-contact" data-drupal-link-system-path="node/3879">Contacter Studio M</a>
</li>
<li class="menu-item">
<a href="/dossier-de-candidature" data-drupal-link-system-path="node/3874">Candidater à une formation</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</nav>
<div data-component-id="koriolis_starterkit:fixed_cta_menu">
<div class="wrapper-fixed-cta text-normal">
<div class="fixed-cta fixed-cta-brochure">
<div data-component-id="koriolis_starterkit:button" class="button button--tertiary button--size-medium button--rounded-full button-border">
<span class="icon before">
<svg class="icon--download" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.34961 19V15C2.34961 14.641 2.64101 14.3496 3 14.3496C3.35899 14.3496 3.65039 14.641 3.65039 15V19C3.65039 19.358 3.79175 19.7019 4.04492 19.9551C4.2981 20.2083 4.64196 20.3496 5 20.3496H19C19.358 20.3496 19.7019 20.2083 19.9551 19.9551C20.2083 19.7019 20.3496 19.358 20.3496 19V15C20.3496 14.641 20.641 14.3496 21 14.3496C21.359 14.3496 21.6504 14.641 21.6504 15V19C21.6504 19.7028 21.371 20.3771 20.874 20.874C20.3771 21.371 19.7028 21.6504 19 21.6504H5C4.29718 21.6504 3.62295 21.371 3.12598 20.874C2.62901 20.3771 2.34961 19.7028 2.34961 19ZM11.3496 3C11.3496 2.64101 11.641 2.34961 12 2.34961C12.359 2.34961 12.6504 2.64101 12.6504 3V13.4297L16.54 9.54004C16.7939 9.2862 17.2061 9.2862 17.46 9.54004C17.7138 9.79388 17.7138 10.2061 17.46 10.46L12.46 15.46C12.3381 15.5819 12.1724 15.6504 12 15.6504C11.8276 15.6504 11.6619 15.5819 11.54 15.46L6.54004 10.46C6.2862 10.2061 6.2862 9.79388 6.54004 9.54004C6.79388 9.2862 7.20612 9.2862 7.45996 9.54004L11.3496 13.4297V3Z" fill="currentColor"/>
</svg>
</span>
<a href="/demande-de-documentation">
Téléchargez notre brochure
</a>
</div>
</div>
<div class="fixed-cta fixed-cta-jpo">
<div data-component-id="koriolis_starterkit:button" class="button button--primary button--size-medium button--rounded-full">
<span class="icon before">
<svg class="icon--calendar" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3496 10.6504H3.65039V20C3.65039 20.7456 4.25442 21.3496 5 21.3496H19C19.7456 21.3496 20.3496 20.7456 20.3496 20V10.6504ZM15.3496 6V4.65039H8.65039V6C8.65039 6.35898 8.35898 6.65039 8 6.65039C7.64102 6.65039 7.34961 6.35898 7.34961 6V4.65039H5C4.25442 4.65039 3.65039 5.25442 3.65039 6V9.34961H20.3496V6C20.3496 5.25442 19.7456 4.65039 19 4.65039H16.6504V6C16.6504 6.35898 16.359 6.65039 16 6.65039C15.641 6.65039 15.3496 6.35898 15.3496 6ZM21.6504 20C21.6504 21.4636 20.4636 22.6504 19 22.6504H5C3.53645 22.6504 2.34961 21.4636 2.34961 20V6C2.34961 4.53645 3.53645 3.34961 5 3.34961H7.34961V2C7.34961 1.64102 7.64102 1.34961 8 1.34961C8.35898 1.34961 8.65039 1.64101 8.65039 2V3.34961H15.3496V2C15.3496 1.64101 15.641 1.34961 16 1.34961C16.359 1.34961 16.6504 1.64101 16.6504 2V3.34961H19C20.4636 3.34961 21.6504 4.53645 21.6504 6V20Z" fill="currentColor"/>
</svg>
</span>
<a href="/evenements">
Portes ouvertes
</a>
</div>
</div>
<div class="fixed-cta fixed-cta-application">
<div data-component-id="koriolis_starterkit:button" class="button button--primary button--size-medium button--rounded-full">
<span class="icon before">
<svg class="icon--pencil" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.3497 4.81885C21.3498 4.24363 21.1216 3.69146 20.7149 3.28467C20.3083 2.87804 19.7567 2.65009 19.1817 2.6499C18.6065 2.64983 18.0543 2.87797 17.6475 3.28467L15.9258 5.00635L18.9923 8.07275L20.7139 6.35205C21.1205 5.94543 21.3496 5.39386 21.3497 4.81885ZM4.30085 16.6343C4.14418 16.7905 4.0288 16.9833 3.96394 17.1948L3.96296 17.1938L2.72468 21.2739L6.80769 20.0356C7.01907 19.9714 7.21175 19.8567 7.36823 19.7007L18.0733 8.99268L15.0059 5.92529L4.30085 16.6343ZM22.6495 4.81885C22.6494 5.73884 22.2845 6.62152 21.6339 7.27197L21.6329 7.271L19.5235 9.38037C19.5038 9.40737 19.4844 9.4351 19.46 9.45947C19.4369 9.48257 19.4103 9.50113 19.3848 9.52002L8.2862 20.6206C7.97914 20.9267 7.60138 21.1536 7.18659 21.2798L2.83308 22.6001H2.83112C2.63237 22.6598 2.42107 22.6653 2.2198 22.6147C2.0185 22.5641 1.83448 22.4596 1.68757 22.313C1.54065 22.1663 1.43577 21.982 1.38483 21.7808C1.33404 21.5797 1.33912 21.3682 1.39851 21.1694L1.39948 21.1675L2.7198 16.8149L2.72077 16.813C2.84815 16.3978 3.07534 16.02 3.38288 15.7134L14.4766 4.6167C14.4959 4.59038 14.5163 4.56433 14.5401 4.54053C14.564 4.51663 14.5908 4.49645 14.6173 4.47705L16.7286 2.36572C17.3792 1.71545 18.2619 1.34901 19.1817 1.34912C20.1015 1.34931 20.9835 1.7153 21.6339 2.36572C22.2843 3.01635 22.6496 3.89884 22.6495 4.81885Z" fill="currentColor"/>
</svg>
</span>
<a href="/dossier-de-candidature">
Candidature
</a>
</div>
</div>
</div>
</div>
</nav>
<div class="header__actions">
<div class="header__search">
<button type="button" class="header__search-button" aria-label="Ouvrir la recherche" data-search-toggle>
<svg class="icon--search" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.3496 11C18.3496 6.94071 15.0593 3.65039 11 3.65039C6.94071 3.65039 3.65039 6.94071 3.65039 11C3.65039 15.0593 6.94071 18.3496 11 18.3496C15.0593 18.3496 18.3496 15.0593 18.3496 11ZM19.6504 11C19.6504 13.1547 18.8599 15.1234 17.5566 16.6377L21.46 20.54C21.7138 20.7939 21.7138 21.2061 21.46 21.46C21.2061 21.7138 20.7939 21.7138 20.54 21.46L16.6377 17.5566C15.1234 18.8599 13.1547 19.6504 11 19.6504C6.22274 19.6504 2.34961 15.7773 2.34961 11C2.34961 6.22274 6.22274 2.34961 11 2.34961C15.7773 2.34961 19.6504 6.22274 19.6504 11Z" fill="currentColor"/>
</svg>
</button>
<div class="header__search-form" data-search-form>
<div data-component-id="koriolis_starterkit:search_block" class="header header--component search-block">
<button type="button" class="search-block__close" aria-label="Fermer la recherche" data-search-close>
<svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</button>
<div class="search-block__header">
<div class="search-block__title">Tu cherches, on t'aide à trouver !</div>
<p class="search-block__description"><strong>Tape un mot-clé</strong> et découvre les formations, événements, actualités... qui te correspondent.</p>
</div>
<form class="search-block__form" action="/recherche" method="GET">
<div class="search-block__input-wrapper">
<input
type="text"
name="search_api_fulltext"
class="search-block__input"
placeholder="Mots clés..."
aria-label="Rechercher"
required
/>
<button type="submit" class="search-block__submit">
C'est parti !
</button>
</div>
</form>
</div>
</div>
</div>
<div class="header__callback">
<a href="/etre-appele" class="header__callback-button header__callback-button--mobile" aria-label="Contactez-nous">
<span class="icon">
<svg class="icon--phone-call" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.85352 3.10981C7.1538 3.07419 7.45796 3.13714 7.71973 3.28852C7.978 3.43797 8.18029 3.66669 8.29981 3.93989H8.30176L10.2822 8.3647L10.2871 8.37446H10.2861C10.377 8.58661 10.4147 8.81839 10.3945 9.04829C10.3744 9.27816 10.2973 9.49974 10.1709 9.69282C10.1567 9.71444 10.1416 9.73554 10.125 9.75532L8.16211 12.0874C8.15625 12.0987 8.15128 12.1107 8.15039 12.1235C8.1494 12.1389 8.1518 12.1544 8.1582 12.1684C8.869 13.6216 10.4013 15.1352 11.8623 15.8403C11.8762 15.8464 11.8911 15.8492 11.9063 15.8481C11.9187 15.8472 11.9294 15.8411 11.9404 15.8354L14.2402 13.8803C14.2597 13.8638 14.2805 13.8486 14.3018 13.8344C14.4956 13.7055 14.7184 13.627 14.9502 13.6059C15.1241 13.5901 15.2991 13.6065 15.4658 13.6547L15.6299 13.7133L15.6387 13.7182L20.0498 15.6938C20.3279 15.8127 20.5605 16.0189 20.7119 16.2807C20.8633 16.5425 20.9253 16.8466 20.8897 17.1469L20.8887 17.1567C20.722 18.4012 20.1093 19.5431 19.1641 20.3696C18.2189 21.196 17.0055 21.6497 15.75 21.6489V21.6499C12.1961 21.6499 8.7874 20.238 6.27442 17.725C3.84007 15.2905 2.4396 12.0158 2.35449 8.58247L2.34961 8.25044C2.34868 6.99478 2.80433 5.78164 3.63086 4.83638C4.45744 3.8911 5.59915 3.27833 6.84375 3.11177L6.85352 3.10981ZM3.65039 8.25044C3.65049 11.4594 4.92524 14.537 7.19434 16.8061C9.46351 19.0752 12.541 20.35 15.75 20.35H15.751C16.6914 20.3507 17.6006 20.0101 18.3086 19.3911C19.0142 18.774 19.472 17.9221 19.5986 16.9936C19.6012 16.9721 19.5968 16.9498 19.5859 16.9311C19.5752 16.9127 19.5587 16.8985 19.5391 16.8901L19.5283 16.8852L15.1162 14.9077C15.1012 14.9013 15.0847 14.8994 15.0684 14.9008C15.056 14.9019 15.0442 14.9061 15.0332 14.9116L12.7363 16.8666C12.718 16.8822 12.6986 16.8971 12.6787 16.9106C12.4781 17.046 12.2453 17.1268 12.0039 17.145C11.7626 17.1631 11.5204 17.118 11.3018 17.0141L11.2988 17.0122C9.57746 16.1819 7.82952 14.4566 6.98926 12.7368L6.98731 12.7319C6.88309 12.5146 6.83694 12.2741 6.85352 12.0336C6.87015 11.7931 6.94884 11.5608 7.08203 11.3598L7.12598 11.3002L9.08692 8.96821C9.09215 8.9574 9.09852 8.94704 9.09961 8.93501C9.10105 8.91859 9.09829 8.90133 9.0918 8.88618H9.09082L7.11524 4.47114L7.11035 4.46138C7.10186 4.44151 7.08706 4.42434 7.06836 4.41352C7.05034 4.40318 7.02944 4.39882 7.00879 4.40083C6.07935 4.52702 5.22692 4.98563 4.60938 5.69184C3.99021 6.39993 3.6497 7.30885 3.65039 8.24946V8.25044Z" fill="currentColor"/>
</svg>
</span>
</a>
<div class="header__callback-button--desktop">
<div data-component-id="koriolis_starterkit:button" class="button button--primary button--size-medium button--rounded-full">
<span class="icon before">
<svg class="icon--phone-call" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.85352 3.10981C7.1538 3.07419 7.45796 3.13714 7.71973 3.28852C7.978 3.43797 8.18029 3.66669 8.29981 3.93989H8.30176L10.2822 8.3647L10.2871 8.37446H10.2861C10.377 8.58661 10.4147 8.81839 10.3945 9.04829C10.3744 9.27816 10.2973 9.49974 10.1709 9.69282C10.1567 9.71444 10.1416 9.73554 10.125 9.75532L8.16211 12.0874C8.15625 12.0987 8.15128 12.1107 8.15039 12.1235C8.1494 12.1389 8.1518 12.1544 8.1582 12.1684C8.869 13.6216 10.4013 15.1352 11.8623 15.8403C11.8762 15.8464 11.8911 15.8492 11.9063 15.8481C11.9187 15.8472 11.9294 15.8411 11.9404 15.8354L14.2402 13.8803C14.2597 13.8638 14.2805 13.8486 14.3018 13.8344C14.4956 13.7055 14.7184 13.627 14.9502 13.6059C15.1241 13.5901 15.2991 13.6065 15.4658 13.6547L15.6299 13.7133L15.6387 13.7182L20.0498 15.6938C20.3279 15.8127 20.5605 16.0189 20.7119 16.2807C20.8633 16.5425 20.9253 16.8466 20.8897 17.1469L20.8887 17.1567C20.722 18.4012 20.1093 19.5431 19.1641 20.3696C18.2189 21.196 17.0055 21.6497 15.75 21.6489V21.6499C12.1961 21.6499 8.7874 20.238 6.27442 17.725C3.84007 15.2905 2.4396 12.0158 2.35449 8.58247L2.34961 8.25044C2.34868 6.99478 2.80433 5.78164 3.63086 4.83638C4.45744 3.8911 5.59915 3.27833 6.84375 3.11177L6.85352 3.10981ZM3.65039 8.25044C3.65049 11.4594 4.92524 14.537 7.19434 16.8061C9.46351 19.0752 12.541 20.35 15.75 20.35H15.751C16.6914 20.3507 17.6006 20.0101 18.3086 19.3911C19.0142 18.774 19.472 17.9221 19.5986 16.9936C19.6012 16.9721 19.5968 16.9498 19.5859 16.9311C19.5752 16.9127 19.5587 16.8985 19.5391 16.8901L19.5283 16.8852L15.1162 14.9077C15.1012 14.9013 15.0847 14.8994 15.0684 14.9008C15.056 14.9019 15.0442 14.9061 15.0332 14.9116L12.7363 16.8666C12.718 16.8822 12.6986 16.8971 12.6787 16.9106C12.4781 17.046 12.2453 17.1268 12.0039 17.145C11.7626 17.1631 11.5204 17.118 11.3018 17.0141L11.2988 17.0122C9.57746 16.1819 7.82952 14.4566 6.98926 12.7368L6.98731 12.7319C6.88309 12.5146 6.83694 12.2741 6.85352 12.0336C6.87015 11.7931 6.94884 11.5608 7.08203 11.3598L7.12598 11.3002L9.08692 8.96821C9.09215 8.9574 9.09852 8.94704 9.09961 8.93501C9.10105 8.91859 9.09829 8.90133 9.0918 8.88618H9.09082L7.11524 4.47114L7.11035 4.46138C7.10186 4.44151 7.08706 4.42434 7.06836 4.41352C7.05034 4.40318 7.02944 4.39882 7.00879 4.40083C6.07935 4.52702 5.22692 4.98563 4.60938 5.69184C3.99021 6.39993 3.6497 7.30885 3.65039 8.24946V8.25044Z" fill="currentColor"/>
</svg>
</span>
<a href="/etre-appele">
Être rappelé
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="region region-breadcrumb">
<div id="block-koriolis-starterkit-filsdariane" class="block block-system block-system-breadcrumb-block">
<nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb">
<ol>
<li>
<a href="/">
<svg class="icon--house" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3496 9.99951C20.3496 9.80324 20.3072 9.60919 20.2246 9.43115C20.142 9.25306 20.021 9.095 19.8711 8.96826L19.8682 8.96533L12.8711 2.96729V2.96826C12.6275 2.76247 12.3189 2.6499 12 2.6499C11.6811 2.6499 11.3725 2.76247 11.1289 2.96826L11.1279 2.96729L4.13184 8.96533L4.12891 8.96826C3.97895 9.095 3.85805 9.25306 3.77539 9.43115C3.69278 9.60919 3.65039 9.80324 3.65039 9.99951V18.9995C3.65039 19.3574 3.7919 19.7014 4.04492 19.9546C4.2981 20.2078 4.64196 20.3501 5 20.3501H19C19.358 20.3501 19.7019 20.2078 19.9551 19.9546C20.2081 19.7014 20.3496 19.3574 20.3496 18.9995V9.99951ZM21.6504 18.9995C21.6504 19.7022 21.3708 20.3766 20.874 20.8735C20.3771 21.3705 19.7028 21.6499 19 21.6499H5C4.29718 21.6499 3.62295 21.3705 3.12598 20.8735C2.62915 20.3766 2.34961 19.7022 2.34961 18.9995V9.99951C2.34961 9.61436 2.43363 9.23368 2.5957 8.88428C2.75795 8.5346 2.99464 8.22393 3.28906 7.9751L10.2861 1.97803L10.2891 1.9751C10.7674 1.57086 11.3738 1.34912 12 1.34912C12.5479 1.34912 13.0804 1.51928 13.5254 1.83252L13.7109 1.9751L13.7139 1.97803L20.71 7.9751C21.0044 8.22393 21.242 8.5346 21.4043 8.88428C21.5664 9.23368 21.6504 9.61436 21.6504 9.99951V18.9995Z" fill="currentColor"/>
</svg>
</a>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
</li>
<li>
<a href="/toutes-les-formations">
Toutes nos formations
</a>
<svg class="icon--chevron-right" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.54004 5.53999C8.79388 5.28615 9.20612 5.28615 9.45996 5.53999L15.46 11.54C15.7138 11.7938 15.7138 12.2061 15.46 12.4599L9.45996 18.4599C9.20612 18.7138 8.79388 18.7138 8.54004 18.4599C8.2862 18.2061 8.2862 17.7938 8.54004 17.54L14.0801 12L8.54004 6.45991C8.2862 6.20607 8.2862 5.79383 8.54004 5.53999Z" fill="currentColor"/>
</svg>
</li>
<li>
Bachelor Design Graphique
</li>
</ol>
</nav>
</div>
</div>
<div class="layout-container">
<main role="main">
<a id="main-content" tabindex="-1"></a>
<div class="layout-content">
<div class="region region-content">
<div data-drupal-messages-fallback class="hidden"></div>
<article class="node node--type-training node--view-mode-full">
<section class="hero-section">
<div data-component-id="koriolis_starterkit:hero_grid" class="style-hero-detail-formation title-default">
<div class="hero-grid-texte text-normal">
<h1 class="color-brand">Bachelor Design Graphique</h1>
<div class="clearfix text-formatted field field--name-field-heading field--type-text-long field--label-hidden field__item"><p><strong>Le Bachelor Design Graphique</strong> de <strong>Studio M </strong>forme en <strong>3 ans </strong>des experts de la communication visuelle, print et digital. <strong>Accessible après le Bac</strong>, il développe créativité, maîtrise des outils et projets concrets avec entreprises. <strong>Stages </strong>+ <strong>alternance </strong>dès la 2e année. <strong>Débouchés </strong>: graphiste, designer, illustrateur.</p>
</div>
<div class="buttons">
<div data-component-id="koriolis_starterkit:button" class="button button--hero-detail-formation-left button--size-medium button--rounded-full">
<span class="icon before">
<svg class="icon--download" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.34961 19V15C2.34961 14.641 2.64101 14.3496 3 14.3496C3.35899 14.3496 3.65039 14.641 3.65039 15V19C3.65039 19.358 3.79175 19.7019 4.04492 19.9551C4.2981 20.2083 4.64196 20.3496 5 20.3496H19C19.358 20.3496 19.7019 20.2083 19.9551 19.9551C20.2083 19.7019 20.3496 19.358 20.3496 19V15C20.3496 14.641 20.641 14.3496 21 14.3496C21.359 14.3496 21.6504 14.641 21.6504 15V19C21.6504 19.7028 21.371 20.3771 20.874 20.874C20.3771 21.371 19.7028 21.6504 19 21.6504H5C4.29718 21.6504 3.62295 21.371 3.12598 20.874C2.62901 20.3771 2.34961 19.7028 2.34961 19ZM11.3496 3C11.3496 2.64101 11.641 2.34961 12 2.34961C12.359 2.34961 12.6504 2.64101 12.6504 3V13.4297L16.54 9.54004C16.7939 9.2862 17.2061 9.2862 17.46 9.54004C17.7138 9.79388 17.7138 10.2061 17.46 10.46L12.46 15.46C12.3381 15.5819 12.1724 15.6504 12 15.6504C11.8276 15.6504 11.6619 15.5819 11.54 15.46L6.54004 10.46C6.2862 10.2061 6.2862 9.79388 6.54004 9.54004C6.79388 9.2862 7.20612 9.2862 7.45996 9.54004L11.3496 13.4297V3Z" fill="currentColor"/>
</svg>
</span>
<a href="/demande-de-documentation">
Télécharger la brochure
</a>
</div>
<div data-component-id="koriolis_starterkit:button" class="button button--hero-detail-formation-right button--size-medium button--rounded-full">
<span class="icon before">
<svg class="icon--calendar" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3496 10.6504H3.65039V20C3.65039 20.7456 4.25442 21.3496 5 21.3496H19C19.7456 21.3496 20.3496 20.7456 20.3496 20V10.6504ZM15.3496 6V4.65039H8.65039V6C8.65039 6.35898 8.35898 6.65039 8 6.65039C7.64102 6.65039 7.34961 6.35898 7.34961 6V4.65039H5C4.25442 4.65039 3.65039 5.25442 3.65039 6V9.34961H20.3496V6C20.3496 5.25442 19.7456 4.65039 19 4.65039H16.6504V6C16.6504 6.35898 16.359 6.65039 16 6.65039C15.641 6.65039 15.3496 6.35898 15.3496 6ZM21.6504 20C21.6504 21.4636 20.4636 22.6504 19 22.6504H5C3.53645 22.6504 2.34961 21.4636 2.34961 20V6C2.34961 4.53645 3.53645 3.34961 5 3.34961H7.34961V2C7.34961 1.64102 7.64102 1.34961 8 1.34961C8.35898 1.34961 8.65039 1.64101 8.65039 2V3.34961H15.3496V2C15.3496 1.64101 15.641 1.34961 16 1.34961C16.359 1.34961 16.6504 1.64101 16.6504 2V3.34961H19C20.4636 3.34961 21.6504 4.53645 21.6504 6V20Z" fill="currentColor"/>
</svg>
</span>
<a href="/evenements">
Portes ouvertes
</a>
</div>
</div>
</div>
<div class="hero-grid-vertical-img">
<div class="field field--name-field-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-hero-vertical">
<div class="field field--name-field-media-image field--type-image field--label-hidden field__item"> <picture>
<source srcset="/files/studiom/styles/hero_vertical_desktop/public/2026-04/bachelor%20design%20graphique.webp?h=0bbc924f&itok=lGprDKHb 1x, /files/studiom/styles/hero_vertical_desktop_retina/public/2026-04/bachelor%20design%20graphique.webp?h=0bbc924f&itok=MR6pwIlk 1.5x" type="image/webp" width="312" height="575"/>
<source srcset="/files/studiom/styles/hero_vertical_desktop/public/2026-04/bachelor%20design%20graphique.png?h=0bbc924f&itok=lGprDKHb 1x, /files/studiom/styles/hero_vertical_desktop_retina/public/2026-04/bachelor%20design%20graphique.png?h=0bbc924f&itok=MR6pwIlk 1.5x" type="image/png" width="312" height="575"/>
<img fetchpriority="high" loading="eager" srcset="/files/studiom/styles/hero_vertical_desktop/public/2026-04/bachelor%20design%20graphique.png?h=0bbc924f&itok=lGprDKHb 1x, /files/studiom/styles/hero_vertical_desktop_retina/public/2026-04/bachelor%20design%20graphique.png?h=0bbc924f&itok=MR6pwIlk 1.5x" width="312" height="575" src="/files/studiom/styles/hero_vertical_desktop/public/2026-04/bachelor%20design%20graphique.png?h=0bbc924f&itok=lGprDKHb" alt="bachelor design graphique" title="bachelor design graphique" />
</picture>
</div>
</article>
</div>
</div>
<div class="hero-grid-square-img">
<div class="field field--name-field-img-second field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-hero-square">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <picture>
<source srcset="/files/studiom/styles/hero_square_desktop/public/2026-04/bachelor-design-graphique-secondaire.webp?h=f8c04d57&itok=UPmHNVJC 1x, /files/studiom/styles/hero_square_desktop_retina/public/2026-04/bachelor-design-graphique-secondaire.webp?h=f8c04d57&itok=cIYYIoUd 1.5x" type="image/webp" width="312" height="280"/>
<source srcset="/files/studiom/styles/hero_square_desktop/public/2026-04/bachelor-design-graphique-secondaire.png?h=f8c04d57&itok=UPmHNVJC 1x, /files/studiom/styles/hero_square_desktop_retina/public/2026-04/bachelor-design-graphique-secondaire.png?h=f8c04d57&itok=cIYYIoUd 1.5x" type="image/png" width="312" height="280"/>
<img fetchpriority="high" loading="eager" srcset="/files/studiom/styles/hero_square_desktop/public/2026-04/bachelor-design-graphique-secondaire.png?h=f8c04d57&itok=UPmHNVJC 1x, /files/studiom/styles/hero_square_desktop_retina/public/2026-04/bachelor-design-graphique-secondaire.png?h=f8c04d57&itok=cIYYIoUd 1.5x" width="312" height="280" src="/files/studiom/styles/hero_square_desktop/public/2026-04/bachelor-design-graphique-secondaire.png?h=f8c04d57&itok=UPmHNVJC" alt="bachelor-design-graphique-secondaire" title="bachelor-design-graphique-secondaire" />
</picture>
</div>
</div>
</article>
</div>
</div>
<div class="hero-grid-infos">
<div>
<svg class="icon--graduation-cap" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.3498 13.4822L13.0988 15.4109C12.7538 15.5682 12.3794 15.6501 12.0002 15.6501C11.6209 15.6501 11.2457 15.5692 10.9006 15.4119L6.64963 13.4724V15.9998C6.64963 16.4245 7.00347 17.0175 8.04807 17.5398C9.06233 18.0469 10.4838 18.3503 12.0002 18.3503C13.5165 18.3503 14.9381 18.0469 15.9524 17.5398C16.9967 17.0175 17.3498 16.4245 17.3498 15.9998V13.4822ZM21.3498 15.9998V11.6677L18.6496 12.8933V15.9998C18.6496 17.1663 17.7392 18.1 16.5334 18.7029C15.2973 19.3209 13.6663 19.6501 12.0002 19.6501C10.3342 19.6501 8.70315 19.3209 7.46701 18.7029C6.26125 18.1 5.34982 17.1663 5.34982 15.9998V12.8806L2.33029 11.5037V11.5027C2.04064 11.3737 1.79395 11.1646 1.62033 10.8992C1.44485 10.6307 1.3508 10.3165 1.3508 9.99585C1.35085 9.67528 1.44493 9.36184 1.62033 9.09351C1.794 8.82785 2.04047 8.61803 2.33029 8.48901V8.48804L10.9006 4.58862L11.0315 4.53296C11.3396 4.41197 11.6683 4.34937 12.0002 4.34937C12.3796 4.34939 12.7546 4.43117 13.0998 4.58862L21.6506 8.48413L21.761 8.53491C22.0117 8.66174 22.2271 8.85059 22.385 9.08472C22.5654 9.35235 22.6629 9.66726 22.6662 9.98999C22.6671 10.0743 22.6615 10.1582 22.6496 10.241V15.9998C22.6496 16.3587 22.3591 16.65 22.0002 16.6501C21.6412 16.6501 21.3498 16.3587 21.3498 15.9998ZM2.65158 9.99585C2.65158 10.0638 2.67111 10.1304 2.70822 10.1873C2.72678 10.2156 2.74902 10.2417 2.77463 10.2634L2.86057 10.3171L2.86935 10.321L11.4397 14.2283C11.6155 14.3085 11.8069 14.3503 12.0002 14.3503C12.1934 14.3503 12.384 14.3084 12.5598 14.2283H12.5617L21.1516 10.3298L21.1574 10.3269C21.2201 10.2993 21.2737 10.2545 21.3108 10.197C21.3281 10.1701 21.3405 10.1404 21.3498 10.1101V9.99976C21.3498 9.97859 21.3537 9.95791 21.3557 9.93726C21.3465 9.89277 21.3325 9.8493 21.3069 9.81128C21.2686 9.75453 21.2138 9.71066 21.1506 9.68433C21.1443 9.68169 21.1383 9.67837 21.132 9.67554L12.5608 5.77124H12.5598C12.3841 5.69119 12.1933 5.65018 12.0002 5.65015C11.8069 5.65015 11.6155 5.69102 11.4397 5.77124V5.77222L2.86935 9.67163L2.86057 9.67554C2.79837 9.70282 2.7454 9.74761 2.70822 9.80444C2.67105 9.86131 2.65163 9.92792 2.65158 9.99585Z" fill="currentColor"/>
</svg>
<div><span>Pré-requis:</span> Bac</div>
</div>
<div>
</div>
<div>
<svg class="icon--mapin" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18.8496 9.75C18.8496 7.93327 18.1284 6.19087 16.8438 4.90625C15.5591 3.62163 13.8167 2.90039 12 2.90039C10.1833 2.90039 8.44087 3.62163 7.15625 4.90625C5.87163 6.19087 5.15039 7.93327 5.15039 9.75C5.15039 12.8908 6.90253 15.7411 8.74023 17.8545C9.65119 18.9021 10.564 19.7468 11.249 20.3291C11.5508 20.5856 11.8083 20.7893 12 20.9375C12.1917 20.7893 12.4492 20.5856 12.751 20.3291C13.436 19.7468 14.3488 18.9021 15.2598 17.8545C17.0975 15.7411 18.8496 12.8908 18.8496 9.75ZM14.3496 9.75C14.3496 8.45213 13.2979 7.40039 12 7.40039C10.7021 7.40039 9.65039 8.45213 9.65039 9.75C9.65039 11.0479 10.7021 12.0996 12 12.0996C13.2979 12.0996 14.3496 11.0479 14.3496 9.75ZM15.6504 9.75C15.6504 11.7658 14.0158 13.4004 12 13.4004C9.98416 13.4004 8.34961 11.7658 8.34961 9.75C8.34961 7.73416 9.98416 6.09961 12 6.09961C14.0158 6.09961 15.6504 7.73416 15.6504 9.75ZM20.1504 9.75C20.1504 13.359 18.1524 16.509 16.2402 18.708C15.2763 19.8165 14.3139 20.7063 13.5928 21.3193C13.2317 21.6262 12.9298 21.8646 12.7168 22.0273C12.6103 22.1088 12.5264 22.1721 12.4678 22.2148C12.4385 22.2362 12.4153 22.2523 12.3994 22.2637C12.3915 22.2694 12.3853 22.2742 12.3809 22.2773C12.3787 22.2789 12.3763 22.2794 12.375 22.2803L12.374 22.2822H12.373C12.1773 22.4192 11.9248 22.4366 11.7148 22.334L11.627 22.2822L11.625 22.2803C11.6237 22.2794 11.6213 22.2789 11.6191 22.2773C11.6147 22.2742 11.6085 22.2694 11.6006 22.2637C11.5847 22.2523 11.5615 22.2362 11.5322 22.2148C11.4736 22.1721 11.3897 22.1088 11.2832 22.0273C11.0702 21.8646 10.7683 21.6262 10.4072 21.3193C9.68606 20.7063 8.72372 19.8165 7.75977 18.708C5.84756 16.509 3.84961 13.359 3.84961 9.75C3.84961 7.58849 4.70888 5.51573 6.2373 3.9873C7.76573 2.45888 9.83849 1.59961 12 1.59961C14.1615 1.59961 16.2343 2.45888 17.7627 3.9873C19.2911 5.51573 20.1504 7.58849 20.1504 9.75Z" fill="currentColor"/>
</svg>
<div>8 campus</div>
</div>
</div>
</div>
</section>
<section data-component-id="koriolis_starterkit:anchor_sections" class="wrapper-anchor-training" >
<div class="anchor-wrapper">
<a href="#wrapper-presentation" class="anchor-training">
Présentation
</a>
<a href="#wrapper-admission" class="anchor-training">
Admission
</a>
<a href="#wrapper-programme" class="anchor-training">
Programme
</a>
<a href="#wrapper-metiers" class="anchor-training">
Métiers
</a>
<a href="#wrapper-campus" class="anchor-training">
Campus
</a>
<a href="#wrapper-alternance" class="anchor-training">
Alternance
</a>
<a href="#wrapper-temoignages" class="anchor-training">
Témoignages
</a>
<a href="#wrapper-faq" class="anchor-training">
FAQ
</a>
</div>
</section>
<section class="wrapper-presentation extra-padding" id="wrapper-presentation">
<div data-component-id="koriolis_starterkit:block_intro" class="text-normal max-w-m">
<div class="section-header">
<h2>Présentation</h2>
</div>
<section class="section-presentation">
<div class="field field--name-field-key-points field--type-entity-reference-revisions field--label-hidden field__items">
<div class="field__item"><div data-component-id="koriolis_starterkit:key_points_item">
<div class="field field--name-field-icon field--type-entity-reference field--label-hidden field__item">
<article class="media media--type-image-svg media--view-mode-default fill" data-component-id="koriolis_starterkit:media_svg">
<div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden">
<div class="field__item"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" fill="none">
<path d="M36.3447 7.55078L29.1465 12.0479L34.7998 21.8408L35.7158 21.3955L36.2842 22.5645L34.8242 23.2744C34.5175 23.4236 34.1481 23.3101 33.9775 23.0146L33.6328 22.4189L32.6758 23.0303C32.7628 23.5644 32.6743 24.1307 32.3838 24.6348C31.911 25.4549 31.0308 25.8897 30.1465 25.8418C30.1904 26.3242 30.0926 26.824 29.833 27.2744C29.3601 28.0947 28.4802 28.5296 27.5957 28.4814C27.6397 28.964 27.543 29.4644 27.2832 29.915C26.8106 30.7346 25.9316 31.1685 25.0479 31.1211C25.0896 31.6007 24.9914 32.0974 24.7334 32.5449C24.0633 33.7072 22.5753 34.1015 21.416 33.4336L21.415 33.4326L21.2012 33.3086C21.149 33.4053 21.0913 33.5005 21.0244 33.5918L20.1953 34.7324L20.1934 34.7344C19.4048 35.8084 17.8893 36.06 16.8047 35.2637C16.2347 34.845 15.899 34.2214 15.8262 33.5664C15.18 33.7016 14.482 33.5776 13.9053 33.1543C13.3384 32.7381 13.0032 32.1187 12.9277 31.4678C12.2838 31.6002 11.5889 31.4753 11.0146 31.0537C10.4472 30.637 10.112 30.017 10.0371 29.3652C9.39053 29.5009 8.6923 29.3777 8.11523 28.9541C7.04192 28.1661 6.78966 26.6519 7.58398 25.5674L8.41406 24.4277L8.41602 24.4258C8.46217 24.3629 8.51062 24.3023 8.56152 24.2451L6.2002 22.6875L6.0127 23.0146C5.84181 23.3106 5.47102 23.4237 5.16406 23.2734L3.71387 22.5635L4.28613 21.3965L5.19043 21.8389L10.8428 12.0479L3.65527 7.55078L4.34473 6.44922L12.0645 11.2793C12.3612 11.4649 12.4582 11.8522 12.2832 12.1553L12.2646 12.1865L13.5488 12.8535L13.5518 12.8545L13.6689 12.9111C13.9446 13.0356 14.2398 13.0996 14.54 13.0996C14.7127 13.0996 14.8874 13.0777 15.0654 13.0312L15.0723 13.0293C15.7465 12.8607 16.4517 12.892 17.1045 13.1348L17.6201 12.459L17.7676 12.2793C18.5329 11.4166 19.7375 11.1018 20.833 11.4629L24.7637 12.7627L24.7705 12.7646C25.0185 12.8497 25.2731 12.8694 25.5156 12.8223L25.5244 12.8203L27.8486 12.4014L27.707 12.1553C27.532 11.852 27.6288 11.4639 27.9258 11.2783L35.6553 6.44922L36.3447 7.55078ZM19.7256 31.2539C19.2309 30.8907 18.5261 30.9978 18.1543 31.502L18.1553 31.5029L17.3252 32.6426L17.3242 32.6445C16.9606 33.1398 17.0685 33.8443 17.5742 34.2158C18.0694 34.5794 18.774 34.4713 19.1455 33.9658L19.9746 32.8271L19.9756 32.8252C20.3392 32.3299 20.2313 31.6254 19.7256 31.2539ZM6.85254 21.5596L9.7959 23.501C10.4661 23.335 11.2019 23.4539 11.8047 23.8965C12.3716 24.3128 12.7059 24.9319 12.7812 25.583C13.428 25.4471 14.1268 25.5723 14.7041 25.9961C15.2708 26.4122 15.606 27.0309 15.6816 27.6816C16.3256 27.5492 17.0204 27.6741 17.5947 28.0957C18.1647 28.5142 18.4992 29.1381 18.5723 29.793C19.2188 29.6574 19.9171 29.7825 20.4941 30.2061C21.0833 30.6386 21.4234 31.2899 21.4805 31.9688L22.0635 32.3066C22.6041 32.6183 23.2976 32.4329 23.6074 31.8955C23.9079 31.3742 23.7449 30.713 23.251 30.3887L19.835 28.4121C19.5244 28.2324 19.4181 27.8351 19.5977 27.5244C19.7549 27.2527 20.0786 27.1377 20.3652 27.2334L20.4854 27.2871L23.8438 29.2266C23.8687 29.2409 23.8928 29.2583 23.917 29.2734L24.6143 29.6768C25.1548 29.9884 25.8474 29.8029 26.1572 29.2656C26.4689 28.725 26.2825 28.0324 25.7451 27.7227L21.6143 25.333C21.3036 25.1533 21.1973 24.755 21.377 24.4443C21.5565 24.1339 21.954 24.0278 22.2646 24.207L27.165 27.0371L27.2676 27.0898C27.7901 27.3242 28.4166 27.1288 28.707 26.625C28.9989 26.1182 28.8537 25.4786 28.3916 25.1455L28.2949 25.083L23.3945 22.2529L23.3984 22.2441L23.3945 22.2422L23.7207 21.6797L24.0459 21.1172L29.7139 24.3965C30.2544 24.7081 30.947 24.5227 31.2568 23.9854C31.5684 23.4448 31.383 22.7532 30.8457 22.4434L30.8516 22.4316L21.3467 16.9941C21.0631 16.8324 20.6948 16.8953 20.4736 17.1533L20.4727 17.1523L17.666 20.4697L17.665 20.4707C16.8954 21.3754 15.589 21.6141 14.5605 21.0107C13.2935 20.2827 12.9621 18.6115 13.8154 17.4463L13.8232 17.4355L16.252 14.251C15.969 14.2064 15.6766 14.2188 15.3877 14.291L15.3867 14.29C15.1073 14.3623 14.8248 14.4004 14.54 14.4004C13.9833 14.4004 13.4398 14.2638 12.9482 14.0059L11.6143 13.3135L6.85254 21.5596ZM16.8252 29.1436C16.3307 28.7807 15.6268 28.8879 15.2549 29.3916L15.2559 29.3926L14.4258 30.5322L14.4238 30.5352C14.0604 31.0305 14.169 31.7351 14.6748 32.1064C15.1694 32.4693 15.8723 32.3613 16.2441 31.8574L17.0742 30.7178L17.0762 30.7148C17.4395 30.2195 17.331 29.5149 16.8252 29.1436ZM13.9355 27.0439C13.4409 26.6807 12.7361 26.7878 12.3643 27.292L12.3652 27.293L11.5352 28.4326L11.5342 28.4346C11.1706 28.9298 11.2785 29.6344 11.7842 30.0059C12.2795 30.3695 12.984 30.2608 13.3555 29.7549L14.1846 28.6172L14.1855 28.6152C14.5492 28.12 14.4412 27.4155 13.9355 27.0439ZM11.0352 24.9443C10.5407 24.5813 9.83679 24.6877 9.46484 25.1914L9.46582 25.1924L8.63574 26.333L8.63379 26.335C8.27029 26.8303 8.3789 27.5349 8.88477 27.9062C9.37941 28.2692 10.0823 28.1613 10.4541 27.6572L11.2842 26.5176L11.2861 26.5156C11.6498 26.0203 11.541 25.3158 11.0352 24.9443ZM20.4258 12.6973C19.7744 12.4827 19.0678 12.6988 18.6592 13.2412L18.6562 13.2441L14.8643 18.2139L14.7949 18.3203C14.5028 18.8267 14.6399 19.478 15.1064 19.8174L15.2119 19.8857L15.2188 19.8896C15.6903 20.1662 16.3045 20.0642 16.6748 19.6289L19.4834 16.3105L19.4863 16.3066C20.105 15.5851 21.156 15.3875 21.9922 15.8652L31.5029 21.3057L31.4961 21.3164C31.7409 21.4576 31.9492 21.6377 32.123 21.8408L32.9824 21.292L28.5391 13.5977L25.7549 14.0996L25.7539 14.0986C25.2796 14.1891 24.7976 14.149 24.3486 13.9951L20.4258 12.6973Z" fill="#1B1B1C"></path>
</svg></div>
</div>
</article>
</div>
<div class="text-bold field field--name-field-title field--type-string field--label-hidden field__item">Formation professionnalisante</div>
<div class="text-normal field field--name-field-subtitle field--type-string field--label-hidden field__item">créativité, outils graphiques et portfolio solide</div>
</div>
</div>
<div class="field__item"><div data-component-id="koriolis_starterkit:key_points_item">
<div class="field field--name-field-icon field--type-entity-reference field--label-hidden field__item">
<article class="media media--type-image-svg media--view-mode-default fill" data-component-id="koriolis_starterkit:media_svg">
<div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden">
<div class="field__item"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" fill="none">
<path d="M15.5361 9.94531C16.5316 9.92647 17.4337 10.4625 17.9111 11.292C18.294 10.9232 18.8042 10.6578 19.4326 10.5811C20.1342 10.4934 20.8713 10.6815 21.4404 11.1309C21.9313 11.5185 22.2638 12.0543 22.3984 12.6543L22.4443 12.916V12.9189L22.5029 13.4072C22.8291 13.1667 23.2279 12.9963 23.6982 12.9395H23.7002C24.9957 12.7856 26.2185 13.6383 26.5098 14.8994L26.5557 15.1572L27.8447 25.7002C27.9195 26.3111 27.921 27.239 27.7861 28.1777C27.6667 29.0092 27.4279 29.9267 26.9775 30.6475L27.1367 31.6895L27.5147 31.625L27.6426 31.6162C27.7698 31.6197 27.8945 31.6599 28 31.7344C28.1409 31.8339 28.2365 31.9863 28.2656 32.1562L28.8984 35.8477L28.2578 35.957L27.6172 36.0674L27.0938 33.0166L14.0752 35.2578C14.0705 35.2588 14.0663 35.2618 14.0615 35.2627C14.0546 35.264 14.047 35.2626 14.04 35.2637L13.7041 35.3223L14.1943 38.1895L12.9131 38.4082L12.3135 34.9014C12.2531 34.5479 12.4903 34.2122 12.8438 34.1514L13.1777 34.0938L13.0479 33.4141C11.3524 32.5774 9.82991 31.4632 8.83789 29.6367L8.58789 29.1943C7.33416 27.0554 6.01705 25.9493 5.19239 25.2578C4.8679 24.9861 4.51911 24.6976 4.28223 24.3926C4.01794 24.0522 3.84075 23.6252 3.94922 23.1035L3.9502 23.0996C4.0761 22.5127 4.4799 21.9906 4.96875 21.6201C5.46659 21.2429 6.11425 20.9737 6.81641 20.9453H6.82032C8.12926 20.9002 9.11429 21.3489 9.87696 21.9326L9.09864 15.4434C8.95061 14.2162 9.73024 12.7533 11.2891 12.4805L11.4424 12.457C11.9434 12.395 12.44 12.4788 12.8857 12.6865C12.8701 11.4752 13.7221 10.1514 15.2627 9.96484L15.5361 9.94531ZM25.3467 35.1064C25.6984 35.0364 26.0408 35.2646 26.1113 35.6162C26.1817 35.9681 25.9534 36.3113 25.6016 36.3818L25.4893 36.4043C25.1372 36.4747 24.795 36.2456 24.7246 35.8936C24.6545 35.5417 24.8825 35.1993 25.2344 35.1289L25.3467 35.1064ZM16.958 12.4639C16.8666 11.7059 16.1771 11.1639 15.4189 11.2549C14.6274 11.3507 14.1723 12.0374 14.1846 12.6689L14.1934 12.7949L15.2012 21.2607C15.2434 21.6168 14.9898 21.9396 14.6338 21.9824C14.2776 22.0251 13.9541 21.7712 13.9111 21.415L13.1318 14.9561V14.9521C13.0904 14.5914 12.9068 14.2651 12.6133 14.0332C12.3222 13.8034 11.9632 13.7027 11.6006 13.748H11.5986C10.7619 13.8494 10.3084 14.616 10.3897 15.2871L11.3926 23.6465C11.4267 23.9324 11.2684 24.2065 11.0039 24.3203C10.7389 24.434 10.43 24.3598 10.2461 24.1377C9.42566 23.1466 8.48486 22.1896 6.86817 22.2441C6.46165 22.2608 6.06523 22.4204 5.75391 22.6562C5.43354 22.899 5.26302 23.1749 5.22071 23.3721C5.21189 23.4151 5.20636 23.463 5.3086 23.5947C5.44117 23.7655 5.66419 23.9568 6.02832 24.2617C6.95237 25.0365 8.53722 26.3705 9.97852 29.0137L9.9795 29.0146C10.7906 30.5088 12.0437 31.4648 13.5898 32.2324L13.9023 32.3838L13.9707 32.4209C14.1234 32.5163 14.2306 32.6714 14.2647 32.8506L14.459 33.873L25.8545 31.9102L25.6543 30.5938C25.6282 30.4224 25.6721 30.2476 25.7754 30.1084C26.1387 29.6188 26.378 28.8416 26.5 27.9922C26.62 27.1568 26.6133 26.3453 26.5537 25.8584L25.2656 15.3174L25.2432 15.1934C25.1017 14.5854 24.5007 14.1518 23.8535 14.2285L23.8545 14.2295C23.1092 14.3195 22.6986 15.0065 22.7695 15.6133L23.4736 21.4922L23.4805 21.5459C23.523 21.9021 23.2693 22.2257 22.9131 22.2686C22.5567 22.3113 22.2332 22.0566 22.1904 21.7002L21.1533 13.0742C21.1063 12.7056 20.9237 12.3796 20.6348 12.1514C20.3526 11.9286 19.9685 11.8245 19.5947 11.8711H19.5918C18.7549 11.9724 18.3013 12.74 18.3828 13.4111L19.3408 21.3604C19.3837 21.7167 19.1298 22.04 18.7734 22.083C18.4171 22.1259 18.0938 21.872 18.0508 21.5156L16.958 12.4639ZM4.94532 14.8389C5.3043 14.8399 5.59479 15.1322 5.59375 15.4912C5.59254 15.85 5.30028 16.1397 4.94141 16.1387L2.99805 16.1338C2.6391 16.1327 2.34858 15.8404 2.34961 15.4814C2.35069 15.1225 2.643 14.832 3.00196 14.833L4.94532 14.8389ZM5.53809 8.32812C5.79234 8.07505 6.20373 8.07612 6.45703 8.33008L7.83008 9.70801C8.0834 9.96237 8.08248 10.3746 7.82813 10.6279C7.57388 10.8811 7.16251 10.88 6.90918 10.626L5.53614 9.24805C5.28281 8.99369 5.28373 8.58145 5.53809 8.32812ZM14.7129 7.86523C14.7129 6.45082 15.8972 5.32129 17.29 5.32129C17.7638 5.32133 18.1805 5.4423 18.5332 5.6416V5.14844C18.5332 4.4313 18.8149 3.75787 19.3135 3.25195L19.3174 3.24902C19.8328 2.73358 20.5337 2.46484 21.2393 2.46484C21.8719 2.46491 22.4103 2.66688 22.835 2.9873C23.2436 2.02608 24.1973 1.34963 25.3057 1.34961C26.8612 1.34961 27.8611 2.5626 27.9902 3.76953C28.4099 3.50986 28.8931 3.37214 29.3945 3.37207C31.0684 3.37207 32.084 4.77342 32.084 6.05566V12.624C32.1932 12.5167 32.3057 12.4099 32.4248 12.3086C33.1041 11.731 33.9941 11.2373 35.0527 11.2373C35.718 11.2373 36.3716 11.4137 36.9063 11.7109C37.431 12.0027 37.9078 12.4498 38.1055 13.0342C38.2792 13.5398 38.1541 13.9856 37.9316 14.3555C37.7325 14.6865 37.4181 15.0138 37.1289 15.3213C36.3411 16.1638 35.0572 17.5335 34.0322 20.1094C33.4153 21.6601 32.8948 22.796 32.2422 23.6787C31.6487 24.4813 30.9622 25.0513 30.0498 25.5576L30.0772 26.5518H31.0303L31.1592 26.5645C31.4515 26.6232 31.6738 26.8782 31.6807 27.1875L31.7588 30.7441L30.459 30.7734L30.3945 27.8516H28.4932V26.5518H28.7773L28.7393 25.1924C28.7323 24.9409 28.8713 24.7073 29.0957 24.5938C30.0566 24.1081 30.672 23.6166 31.1973 22.9062C31.7405 22.1715 32.2088 21.1758 32.8242 19.6289L33.0361 19.1182C34.1131 16.641 35.4058 15.2622 36.1797 14.4346L36.1807 14.4326C36.5072 14.0853 36.706 13.8707 36.8174 13.6855C36.9051 13.5398 36.8894 13.4964 36.875 13.4551L36.8731 13.4512C36.8128 13.2739 36.6259 13.042 36.2744 12.8467C35.9325 12.6567 35.4964 12.5371 35.0527 12.5371C34.4141 12.5371 33.8136 12.8355 33.2676 13.2998C32.723 13.7629 32.2825 14.3493 31.9814 14.8193C31.8258 15.0624 31.528 15.1739 31.251 15.0928C30.9742 15.0116 30.7842 14.7573 30.7842 14.4688V6.05566C30.7842 5.37734 30.2414 4.67188 29.3945 4.67188C29.0202 4.67197 28.6789 4.81342 28.4238 5.07227C28.1606 5.33936 28.0176 5.68614 28.0176 6.05566V12.5586L28.0039 12.6904C27.9432 12.9863 27.681 13.2088 27.3672 13.209C27.0085 13.209 26.7173 12.9183 26.7168 12.5596L26.7061 4.03418C26.706 3.36095 26.1571 2.65039 25.3057 2.65039C24.5444 2.65042 23.922 3.27197 23.9219 4.0332V10.8281C23.9219 11.1871 23.6314 11.4784 23.2725 11.4785C22.9135 11.4785 22.6221 11.1871 22.6221 10.8281V5.14844L22.6162 5.02148C22.5534 4.38739 22.0258 3.76482 21.2393 3.76465C20.8598 3.76465 20.4966 3.90859 20.2393 4.16406C19.976 4.43117 19.833 4.7789 19.833 5.14844V9.01367L19.8203 9.14453C19.7597 9.44048 19.4974 9.66287 19.1836 9.66309C18.8248 9.66309 18.5334 9.37246 18.5332 9.01367V7.86523L18.5273 7.75098C18.471 7.17978 17.9974 6.62123 17.29 6.62109C16.5878 6.62109 16.0127 7.19584 16.0127 7.86523V9.04102H14.7129V7.86523ZM12.7148 5.1875C13.0737 5.18853 13.3641 5.48007 13.3633 5.83887L13.3574 7.78906C13.3562 8.14776 13.0648 8.4374 12.7061 8.43652C12.3472 8.43549 12.0567 8.14402 12.0576 7.78516L12.0635 5.83594C12.0645 5.47704 12.356 5.18661 12.7148 5.1875Z" fill="#1B1B1C"></path>
</svg></div>
</div>
</article>
</div>
<div class="text-bold field field--name-field-title field--type-string field--label-hidden field__item">Pédagogie par projet</div>
<div class="text-normal field field--name-field-subtitle field--type-string field--label-hidden field__item">workshops, briefs réels et mises en situation</div>
</div>
</div>
<div class="field__item"><div data-component-id="koriolis_starterkit:key_points_item">
<div class="field field--name-field-icon field--type-entity-reference field--label-hidden field__item">
<article class="media media--type-image-svg media--view-mode-default fill" data-component-id="koriolis_starterkit:media_svg">
<div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden">
<div class="field__item"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" fill="none">
<path d="M20.6238 27.4178C23.9151 27.418 26.5965 30.0683 26.6483 33.3475H35.6326V29.409C35.6326 26.0748 33.3443 23.17 30.0936 22.3817V22.3807C28.7884 22.066 27.3289 21.7169 25.7879 21.3318C25.5588 22.267 24.8869 22.963 24.0633 23.4246C23.054 23.9903 21.7542 24.2527 20.494 24.2527C19.2337 24.2527 17.9339 23.9903 16.9246 23.4246C16.1015 22.9632 15.4295 22.268 15.2 21.3338C13.6689 21.7224 12.2092 22.0762 10.8934 22.3934L10.8924 22.3943C7.64438 23.1713 5.35626 26.0738 5.35626 29.4207V33.3475H14.5994C14.6512 30.0682 17.3324 27.4178 20.6238 27.4178ZM20.6238 28.7176C18.0181 28.7176 15.8973 30.8384 15.8973 33.4442C15.8973 36.0499 18.0181 38.1707 20.6238 38.1707C23.2294 38.1705 25.3504 36.0498 25.3504 33.4442C25.3504 30.8385 23.2294 28.7178 20.6238 28.7176ZM23.118 32.5623L20.4246 35.2567C20.1708 35.5105 19.7585 35.5105 19.5047 35.2567L18.1404 33.8914L18.6004 33.4324L19.0594 32.9725L19.9647 33.8777L22.199 31.6434L23.118 32.5623ZM17.91 18.1219C17.8606 18.4218 17.769 18.7085 17.6805 18.95L17.6795 18.9549C17.6456 19.0454 17.6046 19.1541 17.5623 19.2527C17.3284 19.8603 16.9275 20.3753 16.4197 20.7537C16.4676 21.3803 16.8567 21.8954 17.5604 22.2899C18.3246 22.7182 19.3896 22.9529 20.494 22.9529C21.5983 22.9529 22.6633 22.7182 23.4276 22.2899C24.1258 21.8985 24.5134 21.3884 24.5662 20.7684C24.0204 20.3722 23.5938 19.8203 23.3553 19.1756C23.3528 19.169 23.3507 19.1618 23.3484 19.1551L23.2772 18.9442V18.9432C23.2026 18.7248 23.15 18.4825 23.1307 18.2332C22.3372 18.5448 21.5472 18.7174 20.7332 18.7254C19.7994 18.7345 18.8714 18.5277 17.91 18.1219ZM36.9324 33.9969C36.9324 34.3559 36.641 34.6473 36.282 34.6473H26.5291C25.9702 37.3961 23.5355 39.4704 20.6238 39.4705C17.7121 39.4705 15.2765 37.3962 14.7176 34.6473H4.70587C4.34689 34.6473 4.05548 34.3559 4.05548 33.9969V29.4207C4.05548 25.474 6.75503 22.0473 10.5887 21.1297C11.9062 20.8121 13.3622 20.4602 14.8875 20.0731C15.5669 19.9009 16.1147 19.4126 16.3563 18.7684L16.367 18.741C16.3953 18.6751 16.4251 18.5955 16.4617 18.4979C16.585 18.161 16.6526 17.8865 16.6473 17.6834C16.6432 17.5284 16.6041 17.466 16.5154 17.4109C16.4452 17.3693 16.3743 17.3276 16.3035 17.284C16.2572 17.2556 16.2114 17.2266 16.1658 17.1971C16.119 17.1675 16.0713 17.1386 16.0242 17.1082L16.0262 17.1033C14.7332 16.2152 13.7443 14.8301 13.1434 12.8826L13.1414 12.8777V12.8768C12.9588 12.2653 12.9088 11.2754 12.8943 10.4197C12.8796 9.54804 12.9031 8.66413 12.9031 8.30255C12.9032 6.01641 13.6288 4.22905 14.8045 2.94318C15.9735 1.6648 17.548 0.924422 19.1834 0.650208C22.4061 0.109979 26.102 1.36285 27.5994 4.24982H27.6004C27.9086 4.84169 28.0992 5.61898 28.2195 6.42072C28.3416 7.23386 28.3984 8.12405 28.4119 8.97247C28.4255 9.82189 28.3962 10.6412 28.3436 11.3172C28.2924 11.9739 28.2153 12.5489 28.117 12.8777L28.1151 12.8856L28.1131 12.8846C27.4262 15.0826 26.2657 16.5604 24.7332 17.4324L24.7225 17.4383C24.5674 17.5227 24.4814 17.6462 24.4422 17.8162C24.3992 18.0029 24.4147 18.2531 24.5086 18.5262L24.5106 18.533L24.574 18.7244C24.8176 19.383 25.3789 19.8892 26.0633 20.0604C27.6129 20.4478 29.0807 20.8001 30.3992 21.118H30.4002C34.2319 22.0473 36.9324 25.4727 36.9324 29.409V33.9969ZM14.2029 8.30255C14.2029 8.7292 14.1795 9.5288 14.1942 10.3983C14.2091 11.2831 14.2645 12.0926 14.3875 12.5047C14.9599 14.3563 15.8858 15.5145 17.0154 16.1951L17.1531 16.2772L17.1658 16.284H17.1649C17.169 16.2865 17.1734 16.2893 17.1776 16.2918C18.5217 17.0894 19.6532 17.435 20.7205 17.4246C21.9041 17.413 23.1043 16.9638 24.5223 16.0203L24.5252 16.0252C25.5227 15.3175 26.339 14.2024 26.8709 12.5047C26.9256 12.3217 26.9957 11.8713 27.0467 11.2166C27.0962 10.5811 27.125 9.80203 27.1121 8.99298C27.0992 8.18267 27.0454 7.35283 26.9344 6.6131C26.8217 5.86219 26.6565 5.25259 26.4471 4.8504L26.4461 4.84943C25.2842 2.60792 22.2457 1.4551 19.3983 1.93244C17.9989 2.16709 16.7046 2.79093 15.7635 3.82013C14.829 4.8422 14.203 6.30674 14.2029 8.30255Z" fill="#1B1B1C"></path>
</svg></div>
</div>
</article>
</div>
<div class="text-bold field field--name-field-title field--type-string field--label-hidden field__item">Orientation métier</div>
<div class="text-normal field field--name-field-subtitle field--type-string field--label-hidden field__item">pratique, culture design et insertion professionnelle</div>
</div>
</div>
<div class="field__item"><div data-component-id="koriolis_starterkit:key_points_item">
<div class="field field--name-field-icon field--type-entity-reference field--label-hidden field__item">
<article class="media media--type-image-svg media--view-mode-default fill" data-component-id="koriolis_starterkit:media_svg">
<div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden">
<div class="field__item"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewbox="0 0 40 40" fill="none">
<g clip-path="url(#clip0_5425_10748)">
<path d="M22.9445 34.0024C22.3868 34.6934 21.5395 35.1343 20.5881 35.1343C19.6409 35.1342 18.7846 34.6972 18.2228 34.0063C18.1591 34.0126 18.0953 34.0159 18.0314 34.0181V38.2729L20.301 36.9751L20.3781 36.938C20.5618 36.8628 20.7715 36.8751 20.9465 36.9751L23.217 38.2729V34.0161C23.1259 34.0158 23.0351 34.0107 22.9445 34.0024ZM26.0764 28.2544C26.0763 27.6032 25.7341 27.0366 25.2189 26.7271C24.976 26.581 24.8561 26.2938 24.9221 26.0181C25.0649 25.4208 24.9107 24.7704 24.4572 24.311L24.4484 24.3022C24.0124 23.8433 23.375 23.6908 22.798 23.8413C22.5129 23.9155 22.2135 23.7883 22.0685 23.5317C22.0104 23.4286 21.9317 23.3287 21.8185 23.2026C21.5021 22.885 21.0699 22.686 20.5881 22.686C19.9565 22.6861 19.3988 23.0268 19.091 23.5522C18.9448 23.802 18.6508 23.925 18.3703 23.854C18.2326 23.8192 18.0827 23.8013 17.9435 23.8013C17.5029 23.8013 17.0486 23.9771 16.7072 24.3228C16.2488 24.7871 16.0918 25.4374 16.2404 26.022C16.3152 26.3167 16.1756 26.6237 15.9045 26.7612C15.826 26.801 15.7391 26.8675 15.6183 26.9897L15.6125 26.9966C15.2961 27.3085 15.0998 27.7584 15.0998 28.2544C15.0998 28.9067 15.4434 29.4753 15.9494 29.7847C16.1911 29.9324 16.3091 30.2196 16.2414 30.4946C16.2061 30.6375 16.1887 30.7795 16.1887 30.9331C16.1887 31.3947 16.3582 31.8529 16.7014 32.1919C16.7048 32.1953 16.7087 32.1992 16.7121 32.2026C17.1549 32.6597 17.785 32.8158 18.3537 32.6675C18.6354 32.594 18.9322 32.7171 19.0793 32.9683C19.3852 33.4906 19.9528 33.8344 20.5881 33.8345C21.2198 33.8345 21.7773 33.4939 22.0851 32.9683C22.2304 32.7202 22.5217 32.5971 22.801 32.6655C23.3812 32.808 24.0166 32.6559 24.4689 32.1978C24.9031 31.7579 25.0636 31.1528 24.9533 30.5933C24.8587 30.3585 24.9054 30.0833 25.091 29.895L25.1037 29.8823L25.1682 29.8247C25.1959 29.8032 25.2255 29.7846 25.256 29.7681C25.7469 29.455 26.0764 28.8927 26.0764 28.2544ZM22.2834 28.2544C22.2834 27.3007 21.506 26.5288 20.5764 26.5288C19.6509 26.5288 18.8811 27.2964 18.881 28.2544C18.881 29.2146 19.6411 29.98 20.5764 29.98C21.5159 29.9799 22.2834 29.2102 22.2834 28.2544ZM26.9182 15.7134V17.0132H10.6691V15.7134H26.9182ZM30.508 11.7017V13.0015H10.6691V11.7017H30.508ZM11.8908 4.33154C12.0664 4.33199 12.2346 4.40352 12.3566 4.52979L13.9719 6.20264L13.0373 7.10596L11.8869 5.91455L10.7521 7.0835L10.2853 6.63037L9.81952 6.17725L11.423 4.52881L11.5236 4.44482C11.631 4.37173 11.7589 4.33131 11.8908 4.33154ZM29.3635 6.01611H33.1398L29.3635 2.18994V6.01611ZM23.5832 28.2544C23.5832 29.9167 22.2453 31.2797 20.5764 31.2798C18.9031 31.2798 17.5812 29.9124 17.5812 28.2544C17.5813 26.5943 18.9172 25.229 20.5764 25.229C22.2312 25.229 23.5832 26.59 23.5832 28.2544ZM27.3771 28.2544C27.3771 29.2006 26.9519 30.0615 26.2736 30.6313C26.3612 31.5161 26.0653 32.4314 25.3947 33.1108C25.1323 33.3767 24.8337 33.5819 24.5168 33.73V35.2524H34.0461V7.31689H28.7131C28.3541 7.31689 28.0627 7.02549 28.0627 6.6665V1.25635H7.13104V35.2524H16.7316V33.77C16.3836 33.6175 16.0582 33.3968 15.7775 33.1069C15.1709 32.5018 14.8889 31.7033 14.8889 30.9331C14.8889 30.8294 14.8947 30.7279 14.9045 30.6274C14.2305 30.062 13.8 29.2078 13.8 28.2544C13.8 27.4171 14.1304 26.6307 14.6994 26.0698C14.7614 26.0073 14.829 25.945 14.9016 25.8833C14.816 25.0004 15.1133 24.0875 15.7824 23.4097C16.3742 22.8104 17.1641 22.5015 17.9435 22.5015C18.038 22.5015 18.1346 22.5069 18.2316 22.5161C18.7893 21.8259 19.6373 21.3863 20.5881 21.3862C21.3364 21.3862 22.0131 21.6595 22.5353 22.0972L22.7502 22.2944L22.7697 22.3149C22.8216 22.3723 22.8731 22.4355 22.9269 22.5015C23.8038 22.4123 24.7235 22.7044 25.3908 23.4067C26.0602 24.0898 26.3386 25.0009 26.258 25.8745C26.9439 26.4402 27.3771 27.298 27.3771 28.2544ZM35.3459 35.9028C35.3459 36.2618 35.0545 36.5532 34.6955 36.5532H24.5168V39.394C24.5167 39.6257 24.393 39.8403 24.1926 39.9565C23.9923 40.0725 23.7451 40.0734 23.5441 39.9585L20.6232 38.2886L17.7043 39.9585C17.5031 40.0735 17.2553 40.0728 17.0549 39.9565C16.8545 39.8403 16.7317 39.6257 16.7316 39.394V36.5532H6.48065C6.12167 36.5532 5.83026 36.2618 5.83026 35.9028V0.605957C5.83026 0.246972 6.12167 -0.0444336 6.48065 -0.0444336H28.7131L28.841 -0.0307617C28.967 -0.00541691 29.0843 0.0560602 29.176 0.148926L35.1584 6.20947C35.2785 6.33111 35.3459 6.49559 35.3459 6.6665V35.9028Z" fill="#1B1B1C"></path>
</g>
<defs>
<clippath id="clip0_5425_10748">
<rect width="40" height="40" fill="white"></rect>
</clippath>
</defs>
</svg></div>
</div>
</article>
</div>
<div class="text-bold field field--name-field-title field--type-string field--label-hidden field__item">Titre certifié d'État</div>
<div class="text-normal field field--name-field-subtitle field--type-string field--label-hidden field__item">certification, niveau 6, inscrite au RNCP dont l’intitulé est : « Designer graphique » - RNCP42464. Certificateur IPAC</div>
</div>
</div>
</div>
</section>
<div class="intro">
<section class="section-intro-short">
<div class="clearfix text-formatted field field--name-field-intro-short field--type-text-long field--label-hidden field__item"><h2>Les + de notre Bachelor Design Graphique</h2><p><strong>Projets concrets et mises en situation professionnelles</strong><br><strong>Tu travailles </strong>sur des briefs réalistes pour développer ton sens stratégique et créatif.</p><p><strong>Développement du portfolio</strong><br>Un <strong>accompagnement </strong>continu pour construire un <strong>book </strong>cohérent, structuré et impactant.</p><p><strong>Double culture print & digital</strong><br><strong>Tu maîtrises</strong> les supports éditoriaux et numériques pour répondre aux enjeux contemporains de la communication visuelle.</p></div>
</section>
<section class="section-intro-long">
<div class="field field--name-field-intro-long field--type-text-long field--label-hidden field__item">
<div data-component-id="koriolis_starterkit:expanded_text">
<details>
<summary>
<span class="details-trigger">
Voir plus
</span>
<svg class="icon--chevron-down" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 8.53999C17.7939 8.28615 18.2061 8.28615 18.46 8.53999C18.7138 8.79383 18.7138 9.20607 18.46 9.45991L12.46 15.4599C12.2061 15.7138 11.7939 15.7138 11.54 15.4599L5.54004 9.45991C5.28619 9.20607 5.28619 8.79383 5.54004 8.53999C5.79388 8.28615 6.20612 8.28615 6.45996 8.53999L12 14.08L17.54 8.53999Z" fill="currentColor"/>
</svg>
</summary>
<div class="details-content">
<h2>Objectif du Bachelor Design Graphique</h2><p dir="ltr">Te rendre <strong>opérationnel </strong>pour concevoir, structurer et déployer des <strong>identités visuelles </strong>fortes et cohérentes sur l’ensemble des <strong>supports </strong>de <strong>communication</strong>.</p><p dir="ltr"><strong>Le Bachelor Design Graphique</strong> forme des designers capables <strong>d’analyser </strong>une <strong>problématique </strong>de marque ou de communication, de construire un <strong>concept créatif </strong>pertinent et de le traduire visuellement avec exigence, <strong>sens stratégique </strong>et maîtrise technique.</p><p dir="ltr"><strong>Tu développes</strong> une approche complète du <strong>design </strong>: réflexion, culture visuelle, direction artistique et production graphique, afin de répondre aux enjeux actuels du marché.<br> </p><h3>Compétences clés développées</h3><p dir="ltr"><strong>Tu analyses</strong> un brief (positionnement, cible, concurrence, objectifs) et tu formules une recommandation créative structurée : territoire visuel, axes conceptuels et parti pris graphique.</p><p dir="ltr"><strong>Tu conçois</strong> des identités visuelles complètes : logotype, charte graphique, systèmes graphiques et déclinaisons multi-supports (édition, affichage, packaging, social media, web).</p><p dir="ltr"><strong>Tu maîtrises</strong> la chaîne de <strong>production graphique </strong>: recherches, moodboards, croquis, maquettes, prototypage et préparation des fichiers pour l’impression ou l’intégration digitale.</p><p dir="ltr"><strong>Tu développes </strong>une posture de <strong>direction artistique </strong>: hiérarchisation de l’information, cohérence visuelle, narration graphique et défense argumentée de tes choix face à un client ou un jury.</p><p dir="ltr"><strong>Tu utilises</strong> les outils professionnels (Photoshop, Illustrator, InDesign et environnements digitaux) pour produire des supports conformes aux standards du secteur et construire un portfolio professionnel solide.</p>
</div>
</details>
</div>
</div>
</section>
</div>
</div>
</section>
<section class="section-admission" id="wrapper-admission">
<div data-component-id="koriolis_starterkit:accordion_wrapper" class="accordion-wrapper max-w-xl bg-components-wrapper-color-01-bg accordion-wrapper--with-image">
<div class="accordion-wrapper__header">
<h2 class="accordion-wrapper__title color-components-wrapper-color-01-title">Admission</h2>
<div class="accordion-wrapper__description">
<div class="text-regular-normal clearfix text-formatted field field--name-field-admission-intro field--type-text-long field--label-hidden field__item"><p>Intègre le <strong>Bachelor Design Graphique de Studio M</strong> simplement. Retrouve toutes les informations utiles pour préparer ton admission et ton projet de formation.</p>
</div>
</div>
</div>
<div class="accordion-wrapper__container">
<div class="accordion-wrapper__image">
<div class="field field--name-field-admission-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-blcok-2-col">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <picture>
<source srcset="/files/studiom/styles/block_2_col_desktop_retina/public/2026-04/admission_1.webp?h=aea91308&itok=lMAiCzj- 1x, /files/studiom/styles/block_2_col_desktop_retina/public/2026-04/admission_1.webp?h=aea91308&itok=lMAiCzj- 1.5x" media="all and (min-width: 992px)" type="image/webp" width="1012" height="750"/>
<source srcset="/files/studiom/styles/block_2_col_mobile/public/2026-04/admission_1.webp?h=aea91308&itok=XiRgQhHK 1x, /files/studiom/styles/block_2_col_mobile_retina/public/2026-04/admission_1.webp?h=aea91308&itok=TMeXKBu4 1.5x" type="image/webp" width="325" height="250"/>
<source srcset="/files/studiom/styles/block_2_col_desktop_retina/public/2026-04/admission_1.png?h=aea91308&itok=lMAiCzj- 1x, /files/studiom/styles/block_2_col_desktop_retina/public/2026-04/admission_1.png?h=aea91308&itok=lMAiCzj- 1.5x" media="all and (min-width: 992px)" type="image/png" width="1012" height="750"/>
<source srcset="/files/studiom/styles/block_2_col_mobile/public/2026-04/admission_1.png?h=aea91308&itok=XiRgQhHK 1x, /files/studiom/styles/block_2_col_mobile_retina/public/2026-04/admission_1.png?h=aea91308&itok=TMeXKBu4 1.5x" type="image/png" width="325" height="250"/>
<img loading="lazy" width="325" height="250" src="/files/studiom/styles/block_2_col_mobile/public/2026-04/admission_1.png?h=aea91308&itok=XiRgQhHK" alt="admission" title="admission" />
</picture>
</div>
</div>
</article>
</div>
</div>
<div class="accordion-wrapper__content">
<div class="field field--name-field-admission-accordions field--type-entity-reference-revisions field--label-hidden field__items">
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-2074708475"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">Modalités d’admission</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-2074708475"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><ul><li><strong>Candidature </strong>en ligne</li><li>Étude du <strong>dossier </strong>(CV, lettre de motivation, portfolio)</li><li><strong>Entretien individuel </strong>avec un conseiller Studio M</li></ul></div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-941404520"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">Infos pratiques complémentaires</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-941404520"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><p dir="ltr"><strong>Rentrée </strong>: septembre (selon campus)<br><strong>Durée </strong>: 3 ans<br><strong>Rythme </strong>: formation en initial avec professionnalisation progressive ; alternance possible en cycle supérieur selon campus.</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div data-component-id="koriolis_starterkit:block_cta" data-component-variant="simple" class="max-w-s" data-background="components-block-cta-button-bg">
<div class="block-cta-title text-bold">
Cette formation t’intéresse ?
</div>
<div data-component-id="koriolis_starterkit:button" class="button button--tertiary button--size-medium button--rounded-full">
<a href="/dossier-de-candidature">
Dépose ta candidature
</a>
</div>
</div>
<section class="section-program" id="wrapper-programme">
<div data-component-id="koriolis_starterkit:accordion_wrapper" class="accordion-wrapper max-w-xl bg-components-wrapper-color-02-bg accordion-wrapper--with-image">
<div class="accordion-wrapper__header">
<h2 class="accordion-wrapper__title color-components-wrapper-color-02-title">Programme</h2>
<div class="accordion-wrapper__description">
<div class="text-regular-normal clearfix text-formatted field field--name-field-program-intro field--type-text-long field--label-hidden field__item"><p dir="ltr">Un <strong>cursus structuré </strong>autour des<strong> fondamentaux du design graphique, de la culture visuelle et de la professionnalisation</strong>.<br>La formation est organisée en blocs de compétences pouvant être validés indépendamment les uns des autres. Il est ainsi possible de préparer et de valider un ou plusieurs blocs séparément, notamment dans le cadre d’une démarche de Validation des Acquis de l’Expérience (VAE).</p>
</div>
</div>
</div>
<div class="accordion-wrapper__container">
<div class="accordion-wrapper__image">
<div class="field field--name-field-program-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-blcok-2-col">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <picture>
<source srcset="/files/studiom/styles/block_2_col_desktop_retina/public/2026-04/programme.webp?h=f8c04d57&itok=BqGV76JN 1x, /files/studiom/styles/block_2_col_desktop_retina/public/2026-04/programme.webp?h=f8c04d57&itok=BqGV76JN 1.5x" media="all and (min-width: 992px)" type="image/webp" width="1012" height="750"/>
<source srcset="/files/studiom/styles/block_2_col_mobile/public/2026-04/programme.webp?h=f8c04d57&itok=va7C5GI9 1x, /files/studiom/styles/block_2_col_mobile_retina/public/2026-04/programme.webp?h=f8c04d57&itok=HVkfRnAA 1.5x" type="image/webp" width="325" height="250"/>
<source srcset="/files/studiom/styles/block_2_col_desktop_retina/public/2026-04/programme.png?h=f8c04d57&itok=BqGV76JN 1x, /files/studiom/styles/block_2_col_desktop_retina/public/2026-04/programme.png?h=f8c04d57&itok=BqGV76JN 1.5x" media="all and (min-width: 992px)" type="image/png" width="1012" height="750"/>
<source srcset="/files/studiom/styles/block_2_col_mobile/public/2026-04/programme.png?h=f8c04d57&itok=va7C5GI9 1x, /files/studiom/styles/block_2_col_mobile_retina/public/2026-04/programme.png?h=f8c04d57&itok=HVkfRnAA 1.5x" type="image/png" width="325" height="250"/>
<img loading="lazy" width="325" height="250" src="/files/studiom/styles/block_2_col_mobile/public/2026-04/programme.png?h=f8c04d57&itok=va7C5GI9" alt="programme" title="programme" />
</picture>
</div>
</div>
</article>
</div>
</div>
<div class="accordion-wrapper__content">
<div class="field field--name-field-program-accordions field--type-entity-reference-revisions field--label-hidden field__items">
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-1075102233"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">Pôle 1 - Design graphique & direction artistique</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-1075102233"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><ul><li>Typographie</li><li>Identité visuelle</li><li>Branding</li><li>Design éditorial</li><li>Affiche et communication visuelle<br> </li></ul></div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-1321179596"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">Pôle 2 - Culture design & communication</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-1321179596"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><ul><li>Histoire du design</li><li>Culture visuelle contemporaine</li><li>Analyse d’image</li><li>Stratégie de communication</li></ul></div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-876636347"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item"> Pôle 3 - Méthodologie & projet</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-876636347"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><ul><li>Analyse de brief</li><li>Recherche créative</li><li>Développement de concepts</li><li>Présentation et soutenance</li><li>Construction du portfolio</li></ul></div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-306597761"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">Pôle 4 - Outils & supports digitaux</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-306597761"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><ul><li>Suite Adobe (Photoshop, Illustrator, InDesign)</li><li>Webdesign</li><li>UI design (bases)</li><li>Supports digital and print<br> </li></ul></div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-1922369187"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">Les outils pédagogiques</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-1922369187"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><p dir="ltr">À<strong> Studio M</strong>, tu apprends par la pratique.</p><p dir="ltr">Projets concrets, workshops, critiques collectives et accompagnement individualisé te permettent de progresser rapidement et de construire un portfolio professionnel solide.</p></div>
</div>
</div>
</div>
</div>
</div>
<div class="buttons">
<div data-component-id="koriolis_starterkit:button" class="button button--primary button--size-medium button--rounded-full">
<a href="/dossier-de-candidature">
Je candidate
</a>
</div>
<div data-component-id="koriolis_starterkit:button" class="button button--secondary button--size-medium button--rounded-full button-border">
<a href="/demande-de-documentation">
Télécharger la brochure
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-key-figures">
<div class="field field--name-field-key-figures field--type-entity-reference-revisions field--label-hidden field__item">
<div class="paragraph paragraph--type--pgph-key-figures paragraph--view-mode--default">
<div data-component-id="koriolis_starterkit:key_figures" class="max-w-m">
<h2 class="title_key_figures">
<div class="field field--name-field-title field--type-string field--label-hidden field__item">Les chiffres clés </div>
</h2>
<div class="key_figures">
<div class="field field--name-field-key-figures-items field--type-entity-reference-revisions field--label-hidden field__items">
<div class="field__item">
<div class="paragraph paragraph--type--pgph-key-figures-item paragraph--view-mode--default">
<div data-component-id="koriolis_starterkit:key_figures_items">
<div class="chiffre_key_figure text-bold">
<span class="field field--name-field-key-number field--type-string field--label-hidden field__item">30 ans</span>
</div>
<div class="text_key_figure text-normal">
<div class="field field--name-field-key-text field--type-string-long field--label-hidden field__item">d’expertise dans l’enseignement des métiers créatifs<br />
</div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div class="paragraph paragraph--type--pgph-key-figures-item paragraph--view-mode--default">
<div data-component-id="koriolis_starterkit:key_figures_items">
<div class="chiffre_key_figure text-bold">
<span class="field field--name-field-key-number field--type-string field--label-hidden field__item">950</span>
</div>
<div class="text_key_figure text-normal">
<div class="field field--name-field-key-text field--type-string-long field--label-hidden field__item">entreprises partenaires ont déjà recruté nos étudiants en stage ou en alternance<br />
*Données issues de notre CRM interne<br />
</div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div class="paragraph paragraph--type--pgph-key-figures-item paragraph--view-mode--default">
<div data-component-id="koriolis_starterkit:key_figures_items">
<div class="chiffre_key_figure text-bold">
<span class="field field--name-field-key-number field--type-string field--label-hidden field__item">22 000</span>
</div>
<div class="text_key_figure text-normal">
<div class="field field--name-field-key-text field--type-string-long field--label-hidden field__item">Alumni depuis 30 ans<br />
</div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div class="paragraph paragraph--type--pgph-key-figures-item paragraph--view-mode--default">
<div data-component-id="koriolis_starterkit:key_figures_items">
<div class="chiffre_key_figure text-bold">
<span class="field field--name-field-key-number field--type-string field--label-hidden field__item">1 diplôme</span>
</div>
<div class="text_key_figure text-normal">
<div class="field field--name-field-key-text field--type-string-long field--label-hidden field__item">délivré par le Ministère du Travail </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-jobs extra-padding" id="wrapper-metiers">
<div data-component-id="koriolis_starterkit:bloc_2_colonnes" class="max-w-xl">
<div class="col-left bg-none">
<div class="field field--name-field-jobs-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-blcok-2-col">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <picture>
<source srcset="/files/studiom/styles/block_2_col_desktop_retina/public/2026-04/m%C3%A9tier-art-design.webp?h=f8c04d57&itok=qaDwDSjm 1x, /files/studiom/styles/block_2_col_desktop_retina/public/2026-04/m%C3%A9tier-art-design.webp?h=f8c04d57&itok=qaDwDSjm 1.5x" media="all and (min-width: 992px)" type="image/webp" width="1012" height="750"/>
<source srcset="/files/studiom/styles/block_2_col_mobile/public/2026-04/m%C3%A9tier-art-design.webp?h=f8c04d57&itok=MkKGZNgq 1x, /files/studiom/styles/block_2_col_mobile_retina/public/2026-04/m%C3%A9tier-art-design.webp?h=f8c04d57&itok=S2xXe9sR 1.5x" type="image/webp" width="325" height="250"/>
<source srcset="/files/studiom/styles/block_2_col_desktop_retina/public/2026-04/m%C3%A9tier-art-design.png?h=f8c04d57&itok=qaDwDSjm 1x, /files/studiom/styles/block_2_col_desktop_retina/public/2026-04/m%C3%A9tier-art-design.png?h=f8c04d57&itok=qaDwDSjm 1.5x" media="all and (min-width: 992px)" type="image/png" width="1012" height="750"/>
<source srcset="/files/studiom/styles/block_2_col_mobile/public/2026-04/m%C3%A9tier-art-design.png?h=f8c04d57&itok=MkKGZNgq 1x, /files/studiom/styles/block_2_col_mobile_retina/public/2026-04/m%C3%A9tier-art-design.png?h=f8c04d57&itok=S2xXe9sR 1.5x" type="image/png" width="325" height="250"/>
<img loading="lazy" width="325" height="250" src="/files/studiom/styles/block_2_col_mobile/public/2026-04/m%C3%A9tier-art-design.png?h=f8c04d57&itok=MkKGZNgq" alt="métier-art-design" title="métier-art-design" />
</picture>
</div>
</div>
</article>
</div>
</div>
<div class="col-right bg-none">
<div class="section-header">
<h2>Débouchés & poursuites d’études</h2>
</div>
<div class="text-normal clearfix text-formatted field field--name-field-jobs-intro field--type-text-long field--label-hidden field__item"><p dir="ltr">Le <strong>Bachelor Design Graphique</strong> prépare aux métiers de la communication visuelle et du design.</p>
</div>
<section class="jobs-formations">
<div class="section-header text-bold">
<p>Métiers accessibles après ce Bachelor :</p>
</div>
<div data-component-id="koriolis_starterkit:section_secteurs">
<div class="view view-remonte-metiers view-id-remonte_metiers view-display-id-block_1 js-view-dom-id-4333ee2ac42b54f07e9a2355a8f03707c8baa966be5727fc69c5ef54845a67ad">
<div class="view-content">
<div class="views-row">
<div class="node node--type-job node--view-mode-button-jobs modal-opener button button--primary button--size-medium button--rounded-medium button-border" data-target="2049" data-component-id="koriolis_starterkit:button" data-component-variant="jobs">
<a href="/formation-storyboarder">
Storyboarder
</a>
</div>
</div>
<div class="views-row">
<div class="node node--type-job node--view-mode-button-jobs modal-opener button button--primary button--size-medium button--rounded-medium button-border" data-target="2040" data-component-id="koriolis_starterkit:button" data-component-variant="jobs">
<a href="/formation-environment-artist">
Environment artist
</a>
</div>
</div>
<div class="views-row">
<div class="node node--type-job node--view-mode-button-jobs modal-opener button button--primary button--size-medium button--rounded-medium button-border" data-target="110" data-component-id="koriolis_starterkit:button" data-component-variant="jobs">
<a href="/formation-designer-graphique">
Designer graphique
</a>
</div>
</div>
<div class="views-row">
<div class="node node--type-job node--view-mode-button-jobs modal-opener button button--primary button--size-medium button--rounded-medium button-border" data-target="95" data-component-id="koriolis_starterkit:button" data-component-variant="jobs">
<a href="/formation-designer-freelance">
Designer freelance
</a>
</div>
</div>
<div class="views-row">
<div class="node node--type-job node--view-mode-button-jobs modal-opener button button--primary button--size-medium button--rounded-medium button-border" data-target="92" data-component-id="koriolis_starterkit:button" data-component-variant="jobs">
<a href="/formation-decorateur">
Décorateur
</a>
</div>
</div>
<div class="views-row">
<div class="node node--type-job node--view-mode-button-jobs modal-opener button button--primary button--size-medium button--rounded-medium button-border" data-target="91" data-component-id="koriolis_starterkit:button" data-component-variant="jobs">
<a href="/formation-conseiller-artistique">
Conseiller artistique
</a>
</div>
</div>
</div>
<div class="attachment attachment-after">
<div class="views-element-container">
<div class="view view-remonte-metiers view-id-remonte_metiers view-display-id-attachment_1 js-view-dom-id-304208bea7935c2b9e4d6e0340e88fa4f84a0245a79c9db86610261a93b1ad02">
<div class="views-row">
<div class="overlay" open="false" ></div>
<article class="node node--type-job node--view-mode-modal-jobs modal-content white" data-component-id="koriolis_starterkit:modal" open="false" data-id="2049" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Storyboarder</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> Le storyboarder est un artiste visuel chargé de traduire un scénario en croquis préparatoires. Il représente visuellement les scènes d’un film, jeu vidéo ou animation, en collaboration avec scénaristes, réalisateurs et animateurs. Son rôle est essentiel dès la préproduction, mais il intervient aussi dans la gestion budgétaire et la cohérence
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/formation-storyboarder">
En savoir plus
</a>
</div>
</div>
</article>
</div>
<div class="views-row">
<div class="overlay" open="false" ></div>
<article class="node node--type-job node--view-mode-modal-jobs modal-content white" data-component-id="koriolis_starterkit:modal" open="false" data-id="2040" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Environment artist</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> L’ environment artist, ou graphiste d’environnement, conçoit des décors réalistes et immersifs pour des jeux vidéo, films ou séries. Il travaille entre le scénario et la production, en étroite collaboration avec les équipes artistiques. Son salaire varie de 28 000€ à 55 000€ brut/an, avec des possibilités jusqu’à 20 000€ par projet en freelance
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/formation-environment-artist">
En savoir plus
</a>
</div>
</div>
</article>
</div>
<div class="views-row">
<div class="overlay" open="false" ></div>
<article class="node node--type-job node--view-mode-modal-jobs modal-content white" data-component-id="koriolis_starterkit:modal" open="false" data-id="110" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Designer graphique </span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> Le designer graphique conçoit des visuels percutants : logos, affiches, interfaces, illustrations… Il transforme les idées en images au service d’une marque ou d’un message. Créatif, polyvalent et à l’écoute, il maîtrise des logiciels comme Photoshop, Illustrator ou InDesign. En début de carrière, son salaire varie entre 1 800€ et 2 500€ brut/mois
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/formation-designer-graphique">
En savoir plus
</a>
</div>
</div>
</article>
</div>
<div class="views-row">
<div class="overlay" open="false" ></div>
<article class="node node--type-job node--view-mode-modal-jobs modal-content white" data-component-id="koriolis_starterkit:modal" open="false" data-id="95" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Designer freelance</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> DEVENIR DESIGNER FREELANCE Studio M, école d’arts appliqués, vous propose des formations design pour vous préparer au métier de Designer freelance. Ce métier est accessible à partir du niveau de formation bac +2 à Master dans le domaine des arts appliqués, design,stylisme, communication visuelle, … ou par des formations techniques sur présentation
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/formation-designer-freelance">
En savoir plus
</a>
</div>
</div>
</article>
</div>
<div class="views-row">
<div class="overlay" open="false" ></div>
<article class="node node--type-job node--view-mode-modal-jobs modal-content white" data-component-id="koriolis_starterkit:modal" open="false" data-id="92" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Décorateur</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> Studio M, école spécialisée dans les domaines des arts appliqués propose des formations Arts Appliqués, Design, qui vous permettront d'accéder à ce métier. QUEL EST LE RÔLE D’UN DÉCORATEUR ? Un décorateur crée, contrôle et suit jusqu’à son achèvement, l’aménagement et/ou la décoration des intérieurs d’espaces privés ou publics. Sa formation lui
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/formation-decorateur">
En savoir plus
</a>
</div>
</div>
</article>
</div>
<div class="views-row">
<div class="overlay" open="false" ></div>
<article class="node node--type-job node--view-mode-modal-jobs modal-content white" data-component-id="koriolis_starterkit:modal" open="false" data-id="91" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Conseiller artistique </span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"> Le conseiller artistique est un expert en stratégie visuelle et communication dans des secteurs créatifs comme le cinéma ou le jeu vidéo. Il analyse les tendances, supervise des projets, et veille à la cohérence entre attentes du public et objectifs du client. Son salaire varie de 25 000€ à 70 000€ par an, voire plus en freelance. Il peut évoluer
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/formation-conseiller-artistique">
En savoir plus
</a>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="buttons">
<div data-component-id="koriolis_starterkit:button" class="button button--secondary button--size-medium button--rounded-full">
<a href="/formations-digital-audiovisuel">
Voir tous les métiers
</a>
</div>
<div data-component-id="koriolis_starterkit:button" class="button button--tertiary button--size-medium button--rounded-full button-border">
<a href="/offres-demploi">
Voir les offres d'alternance
</a>
</div>
</div>
</div>
</div>
</section>
<section class="section-campus-info extra-padding" id="wrapper-campus" data-component-id="koriolis_starterkit:bloc_1_colonne" data-component-variant="formation">
<div class="col-wrapper max-w-s content-center text-center">
<div class="section-header">
<h2>Où suivre cette formation ?</h2>
</div>
<div class="field field--name-field-training-campus field--type-entity-reference field--label-hidden field__items">
<div class="field__item">
<div class="node node--type-campus node--view-mode-button-city modal-opener button button--primary button--size-medium button--rounded-none button-border" data-target="7" data-component-id="koriolis_starterkit:button" data-component-variant="city">
<a href="/ecole-audiovisuel-arts-appliques-angers">
Angers
</a>
</div>
</div>
<div class="field__item">
<div class="node node--type-campus node--view-mode-button-city modal-opener button button--primary button--size-medium button--rounded-none button-border" data-target="2" data-component-id="koriolis_starterkit:button" data-component-variant="city">
<a href="/ecole-digital-grenoble">
Grenoble
</a>
</div>
</div>
<div class="field__item">
<div class="node node--type-campus node--view-mode-button-city modal-opener button button--primary button--size-medium button--rounded-none button-border" data-target="8" data-component-id="koriolis_starterkit:button" data-component-variant="city">
<a href="/ecole-audiovisuel-arts-appliques-lille">
Lille
</a>
</div>
</div>
<div class="field__item">
<div class="node node--type-campus node--view-mode-button-city modal-opener button button--primary button--size-medium button--rounded-none button-border" data-target="3" data-component-id="koriolis_starterkit:button" data-component-variant="city">
<a href="/ecole-digital-montpellier">
Montpellier
</a>
</div>
</div>
<div class="field__item">
<div class="node node--type-campus node--view-mode-button-city modal-opener button button--primary button--size-medium button--rounded-none button-border" data-target="14" data-component-id="koriolis_starterkit:button" data-component-variant="city">
<a href="/ecole-digital-nantes">
Nantes
</a>
</div>
</div>
<div class="field__item">
<div class="node node--type-campus node--view-mode-button-city modal-opener button button--primary button--size-medium button--rounded-none button-border" data-target="5" data-component-id="koriolis_starterkit:button" data-component-variant="city">
<a href="/ecole-digital-paris">
Paris
</a>
</div>
</div>
<div class="field__item">
<div class="node node--type-campus node--view-mode-button-city modal-opener button button--primary button--size-medium button--rounded-none button-border" data-target="9" data-component-id="koriolis_starterkit:button" data-component-variant="city">
<a href="/ecole-audiovisuel-arts-appliques-rennes">
Rennes
</a>
</div>
</div>
<div class="field__item">
<div class="node node--type-campus node--view-mode-button-city modal-opener button button--primary button--size-medium button--rounded-none button-border" data-target="6" data-component-id="koriolis_starterkit:button" data-component-variant="city">
<a href="/ecole-digital-toulouse">
Toulouse
</a>
</div>
</div>
</div>
<div data-component-id="koriolis_starterkit:button" data-component-variant="icon_mobile" class="button button--primary button--size-medium button--rounded-full">
<span class="icon before">
<svg class="icon--handshake" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.4717 15.0005C19.4717 14.6103 19.316 14.2354 19.04 13.9595L15.1601 10.0796V10.0786C14.7196 9.63911 14.1223 9.39307 13.5 9.39307C12.8774 9.39308 12.2804 9.63978 11.8398 10.0796L10.9599 10.9595C10.4402 11.4792 9.73499 11.771 8.99999 11.771C8.26499 11.771 7.55975 11.4792 7.04002 10.9595C6.52057 10.4399 6.22863 9.73521 6.2285 9.0005C6.2285 8.26561 6.52045 7.56024 7.04002 7.04054L9.43065 4.64991H3.50292L2.67479 13.7554L8.95995 20.0405C9.23585 20.3163 9.60988 20.4712 9.99999 20.4712C10.3901 20.4712 10.7641 20.3163 11.04 20.0405C11.3158 19.7647 11.4715 19.3905 11.4717 19.0005C11.4717 18.6103 11.316 18.2354 11.04 17.9595L10.54 17.4595L11 17.0005L11.4599 16.5405L13.4599 18.5405C13.5964 18.6769 13.7583 18.785 13.9365 18.8589C14.115 18.9328 14.3068 18.9712 14.5 18.9712C14.6932 18.9712 14.885 18.9328 15.0635 18.8589C15.2417 18.785 15.4036 18.6769 15.54 18.5405C15.6767 18.4039 15.7854 18.2415 15.8594 18.063C15.9332 17.8847 15.9716 17.6935 15.9717 17.5005C15.9717 17.3073 15.9333 17.1155 15.8594 16.937C15.7854 16.7585 15.6767 16.5961 15.54 16.4595L13.54 14.4595L14 14.0005L14.4599 13.5405L16.9599 16.0405C17.2358 16.3163 17.6099 16.4712 18 16.4712C18.3901 16.4712 18.7641 16.3163 19.04 16.0405C19.3158 15.7647 19.4715 15.3905 19.4717 15.0005ZM10.54 16.5405C10.7939 16.2867 11.2061 16.2867 11.4599 16.5405L10.54 17.4595C10.2865 17.2057 10.2865 16.7943 10.54 16.5405ZM13.54 13.5405C13.7939 13.2867 14.2061 13.2867 14.4599 13.5405L13.54 14.4595C13.2865 14.2057 13.2865 13.7943 13.54 13.5405ZM20.9414 2.35304C21.2987 2.32067 21.6148 2.58361 21.6474 2.94093L20.3525 3.05909C20.32 2.70158 20.5839 2.38554 20.9414 2.35304ZM20.7715 15.0005C20.7713 15.7352 20.4794 16.4399 19.9599 16.9595C19.4402 17.4792 18.735 17.771 18 17.771C17.7484 17.771 17.501 17.7343 17.2627 17.6685C17.244 17.9747 17.1782 18.2769 17.0605 18.561C16.9213 18.897 16.7171 19.2023 16.4599 19.4595C16.2026 19.7168 15.8967 19.9208 15.5605 20.0601C15.2243 20.1993 14.8639 20.271 14.5 20.271C14.1361 20.271 13.7757 20.1993 13.4394 20.0601C13.1702 19.9485 12.9221 19.7938 12.7012 19.605C12.5872 20.1137 12.3343 20.585 11.9599 20.9595C11.4402 21.4792 10.735 21.771 9.99999 21.771C9.26499 21.771 8.55975 21.4792 8.04002 20.9595L1.54002 14.4595C1.40379 14.3231 1.33507 14.1329 1.35252 13.9409L2.35252 2.94093C2.38514 2.58361 2.70124 2.32067 3.05858 2.35304C3.41609 2.38554 3.67995 2.70158 3.64745 3.05909L3.62108 3.35011H10.9531C11.7532 2.84332 12.6599 2.5152 13.6113 2.39796C15.033 2.2228 16.4725 2.5265 17.7021 3.26124H17.7031L18.1728 3.54151L18.1758 3.54347C18.4625 3.7165 18.8032 3.7765 19.1318 3.71241L20.3887 3.45948L20.3525 3.05909L21 3.0005L21.6474 2.94093L22.6474 13.9409C22.664 14.1228 22.6026 14.3031 22.4795 14.438C22.3563 14.5728 22.1826 14.6499 22 14.6499H20.7461C20.7608 14.7655 20.7715 14.8827 20.7715 15.0005ZM7.52831 9.0005C7.52843 9.39054 7.68413 9.76472 7.95995 10.0405C8.23585 10.3163 8.60988 10.4712 8.99999 10.4712C9.39009 10.4712 9.76412 10.3163 10.04 10.0405L10.9209 9.15968C11.6052 8.47636 12.5329 8.09229 13.5 8.09229C14.4671 8.09229 15.3947 8.47636 16.0791 9.15968L19.9599 13.0405C20.0564 13.137 20.1423 13.2419 20.2226 13.3501H21.2881L20.5068 4.76124L19.3877 4.98683L19.3857 4.9878C18.7392 5.11516 18.0681 4.99725 17.5039 4.65675V4.65577L17.0371 4.37843L17.0361 4.37745C16.0546 3.79076 14.9054 3.54823 13.7705 3.688C12.6355 3.82786 11.5783 4.34146 10.7685 5.14893L10.7695 5.14991L7.95995 7.95948C7.68402 8.23541 7.52831 8.61028 7.52831 9.0005Z" fill="currentColor"/>
</svg>
</span>
<a href="/tous-les-campus">
Nous rencontrer
</a>
</div>
</div>
</section>
<div class="view view-remonte-campus view-id-remonte_campus view-display-id-block_1 js-view-dom-id-6209fe3e5511a44a97bf1b38f5cf58a77defd79744db76caad5a3d718d7c2225">
<div class="views-row"><div class="views-field views-field-field-training-campus"><div class="field-content">
<div class="overlay" open="false" ></div>
<article class="node node--type-campus node--view-mode-modal-city modal-content bg-brand-brand-alt5" data-component-id="koriolis_starterkit:modal" open="false" data-id="7" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Angers</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="field field--name-field-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" src="/files/studiom/2026-03/angers-ville-etudiante-studiom-campus.jpg" width="1308" height="713" alt="angers-ville-etudiante-studiom-campus" title="angers-ville-etudiante-studiom-campus" />
</div>
</div>
</article>
</div>
<div class="clearfix text-formatted field field--name-field-heading field--type-text-long field--label-hidden field__item"> <p>Implanté au cœur d’Angers, le campus Studio M forme les talents de l’audiovisuel, du son et du design. Dans une ville étudiante dynamique, créative et accessible, tu évolues dans un environnement stimulant, connecté aux industries culturelles et aux projets professionnels.</p>
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/ecole-audiovisuel-arts-appliques-angers">
Voir la fiche campus
</a>
</div>
</div>
</article>
</div></div></div>
<div class="views-row"><div class="views-field views-field-field-training-campus"><div class="field-content">
<div class="overlay" open="false" ></div>
<article class="node node--type-campus node--view-mode-modal-city modal-content bg-brand-brand-alt5" data-component-id="koriolis_starterkit:modal" open="false" data-id="8" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Lille</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="field field--name-field-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" src="/files/studiom/2026-03/Studio%20M%20Campus%20de%20Lille.jpg" width="1400" height="719" alt="Studio M Campus de Lille" title="Studio M Campus de Lille" />
</div>
</div>
</article>
</div>
<div class="clearfix text-formatted field field--name-field-heading field--type-text-long field--label-hidden field__item"> <p>Studio M Lille est une école spécialisée en audiovisuel, design et création numérique, proposant des formations professionnalisantes du post-bac au bac+5. Grâce à des équipements professionnels, des intervenants issus du secteur et des projets, les étudiants développent des compétences et un portfolio pour intégrer rapidement les métiers créatifs.</p>
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/ecole-audiovisuel-arts-appliques-lille">
Voir la fiche campus
</a>
</div>
</div>
</article>
</div></div></div>
<div class="views-row"><div class="views-field views-field-field-training-campus"><div class="field-content">
<div class="overlay" open="false" ></div>
<article class="node node--type-campus node--view-mode-modal-city modal-content bg-brand-brand-alt5" data-component-id="koriolis_starterkit:modal" open="false" data-id="9" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Rennes</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="field field--name-field-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" src="/files/studiom/2026-03/studio-m-rennes-plan-general-ville-etudiante.jpg" width="1920" height="1280" alt=" Nom studio-m-rennes-plan-general-ville-etudiante" title=" Nom studio-m-rennes-plan-general-ville-etudiante" />
</div>
</div>
</article>
</div>
<div class="clearfix text-formatted field field--name-field-heading field--type-text-long field--label-hidden field__item"> <p>Studio M Rennes, c’est ton école d'audiovisuel et de design au cœur de la capitale bretonne. Dans des locaux neufs et équipés, tu apprends aux côtés des professionnels du secteur qui te forment aux métiers de la création. Ici, on te donne les outils pour te préparer concrètement au monde du travail.</p>
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/ecole-audiovisuel-arts-appliques-rennes">
Voir la fiche campus
</a>
</div>
</div>
</article>
</div></div></div>
<div class="views-row"><div class="views-field views-field-field-training-campus"><div class="field-content">
<div class="overlay" open="false" ></div>
<article class="node node--type-campus node--view-mode-modal-city modal-content bg-brand-brand-alt5" data-component-id="koriolis_starterkit:modal" open="false" data-id="14" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Nantes</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="field field--name-field-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" src="/files/studiom/2026-03/ecole-de-cinema-nantes.jpg" width="1740" height="1304" alt="ecole-de-cinema-nantes" title="ecole-de-cinema-nantes" />
</div>
</div>
</article>
</div>
<div class="clearfix text-formatted field field--name-field-heading field--type-text-long field--label-hidden field__item"> <p>Révélez votre potentiel artistique en intégrant Studio M Nantes, école spécialisée dans les métiers de l’audiovisuel et du son. Implantée dans une ville reconnue pour son dynamisme culturel et économique, l’école s’appuie sur plus de 30 ans d’expertise pour former des professionnels reconnus pour leurs qualités.</p>
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/ecole-digital-nantes">
Voir la fiche campus
</a>
</div>
</div>
</article>
</div></div></div>
<div class="views-row"><div class="views-field views-field-field-training-campus"><div class="field-content">
<div class="overlay" open="false" ></div>
<article class="node node--type-campus node--view-mode-modal-city modal-content bg-brand-brand-alt5" data-component-id="koriolis_starterkit:modal" open="false" data-id="3" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Montpellier</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="field field--name-field-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" src="/files/studiom/2026-03/ecole-art-design-photo-studiom-montpellier.jpg" width="2000" height="1414" alt="ecole-art-design-photo-studiom-montpellier" title="ecole-art-design-photo-studiom-montpellier" />
</div>
</div>
</article>
</div>
<div class="clearfix text-formatted field field--name-field-heading field--type-text-long field--label-hidden field__item"> <p>Implanté dans une ville parmi les plus dynamiques culturellement, Studio M Montpellier forme depuis plus de 25 ans aux métiers créatifs : art, design, photographie, audiovisuel et radio. Du Bac pro au Bachelor, les étudiants évoluent dans un environnement inspirant et professionnalisant.</p>
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/ecole-digital-montpellier">
Voir la fiche campus
</a>
</div>
</div>
</article>
</div></div></div>
<div class="views-row"><div class="views-field views-field-field-training-campus"><div class="field-content">
<div class="overlay" open="false" ></div>
<article class="node node--type-campus node--view-mode-modal-city modal-content bg-brand-brand-alt5" data-component-id="koriolis_starterkit:modal" open="false" data-id="5" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Paris</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="field field--name-field-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" src="/files/studiom/2026-05/image-campus-paris-image-principale.jpg" width="1024" height="683" alt="image-campus-paris-image-principale" title="image-campus-paris-image-principale" />
</div>
</div>
</article>
</div>
<div class="clearfix text-formatted field field--name-field-heading field--type-text-long field--label-hidden field__item"> <p>Studio M Paris forme aux métiers de l’audiovisuel, du design et de la musique au cœur du 19ᵉ arrondissement. Sur un campus créatif et dynamique, tu développes ton expérience à travers des projets concrets, accompagné par des professionnels du secteur, dans une ville riche en opportunités culturelles et professionnelles.</p>
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/ecole-digital-paris">
Voir la fiche campus
</a>
</div>
</div>
</article>
</div></div></div>
<div class="views-row"><div class="views-field views-field-field-training-campus"><div class="field-content">
<div class="overlay" open="false" ></div>
<article class="node node--type-campus node--view-mode-modal-city modal-content bg-brand-brand-alt5" data-component-id="koriolis_starterkit:modal" open="false" data-id="2" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Grenoble</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="field field--name-field-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" src="/files/studiom/2026-03/ville-de-grenoble.png" width="1020" height="570" alt="ville-de-grenoble" title="Photo Ville de Grenoble" />
</div>
</div>
</article>
</div>
<div class="clearfix text-formatted field field--name-field-heading field--type-text-long field--label-hidden field__item"> <p>Studio M Grenoble, l’école des métiers créatifs du post-bac au Bac+5. Situé au cœur de Grenoble, le campus forme aux métiers de l’audiovisuel, du son, du design graphique et de l’infographie 3D. Ici, la pratique est essentielle : caméras, micros, plateau de tournage, instruments et logiciels sont à disposition pour transformer passion en métier.</p>
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/ecole-digital-grenoble">
Voir la fiche campus
</a>
</div>
</div>
</article>
</div></div></div>
<div class="views-row"><div class="views-field views-field-field-training-campus"><div class="field-content">
<div class="overlay" open="false" ></div>
<article class="node node--type-campus node--view-mode-modal-city modal-content bg-brand-brand-alt5" data-component-id="koriolis_starterkit:modal" open="false" data-id="6" >
<div class="modal-header">
<div class="wrapper-modal-header">
<h4><span class="field field--name-title field--type-string field--label-hidden">Toulouse</span>
</h4>
</div>
<span class="modal-close"> <svg class="icon--x" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.54 5.53999C17.7939 5.28615 18.2061 5.28615 18.46 5.53999C18.7138 5.79383 18.7138 6.20607 18.46 6.45991L12.9199 12L18.46 17.54C18.7138 17.7938 18.7138 18.2061 18.46 18.4599C18.2061 18.7138 17.7939 18.7138 17.54 18.4599L12 12.9199L6.45996 18.4599C6.20612 18.7138 5.79388 18.7138 5.54004 18.4599C5.2862 18.2061 5.28619 17.7938 5.54004 17.54L11.0801 12L5.54004 6.45991C5.28619 6.20607 5.28619 5.79383 5.54004 5.53999C5.79388 5.28615 6.20612 5.28615 6.45996 5.53999L12 11.08L17.54 5.53999Z" fill="currentColor"/>
</svg>
</span>
</div>
<div class="modal-body text-normal">
<div class="field field--name-field-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" src="/files/studiom/2026-03/image-principale-toulouse.jpg" width="3240" height="2160" alt="ville de toulouse au bord de l'eau avec un pont et un bâtiment et un ciel bleu " title="image-principale-toulouse" />
</div>
</div>
</article>
</div>
<div class="clearfix text-formatted field field--name-field-heading field--type-text-long field--label-hidden field__item"> <p>Élue meilleure ville étudiante de France en 2025 Toulouse séduit par sa qualité de vie, son dynamisme et sa richesse culturelle. Studio M y déploie un campus moderne de 2 500 m² dédié aux arts appliqués et à l’audiovisuel, doté d’équipements professionnels et porté par une pédagogie concrète, tournée vers la pratique et l’employabilité.</p>
</div>
</div>
<div class="modal-footer">
<div data-component-id="koriolis_starterkit:basic_link" class="text-bold">
<svg class="icon--arrow-left" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5401 4.53999C11.7939 4.28615 12.2061 4.28615 12.46 4.53999C12.7138 4.79383 12.7138 5.20607 12.46 5.45991L6.57032 11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.3589 19.359 12.6503 19 12.6503H6.57032L12.46 18.54C12.7138 18.7938 12.7138 19.2061 12.46 19.4599C12.2061 19.7138 11.7939 19.7138 11.5401 19.4599L4.54005 12.4599C4.28621 12.2061 4.28621 11.7938 4.54005 11.54L11.5401 4.53999Z" fill="currentColor"/>
</svg>
<a href="/">Retour</a>
</div>
<div class="modal-link button button--primary button--size-medium button--rounded-full" data-component-id="koriolis_starterkit:button">
<a href="/ecole-digital-toulouse">
Voir la fiche campus
</a>
</div>
</div>
</article>
</div></div></div>
</div>
<section class="section-work-study" id="wrapper-alternance">
<div data-component-id="koriolis_starterkit:accordion_wrapper" class="accordion-wrapper max-w-xl bg-components-wrapper-color-01-bg accordion-wrapper--with-image">
<div class="accordion-wrapper__header">
<h2 class="accordion-wrapper__title color-components-wrapper-color-01-title">Alternance</h2>
<div class="accordion-wrapper__description">
<div class="text-regular-normal clearfix text-formatted field field--name-field-work-study-intro field--type-text-long field--label-hidden field__item"><p dir="ltr">La formation peut être suivie en <strong>initial </strong>ou en <strong>alternance </strong>selon l’année et le campus.</p>
<p dir="ltr"><strong>L’alternance </strong>permet d’acquérir une <strong>expérience professionnelle </strong>significative tout en poursuivant ta formation.</p>
</div>
</div>
</div>
<div class="accordion-wrapper__container">
<div class="accordion-wrapper__image">
<div class="field field--name-field-work-study-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-blcok-2-col">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <picture>
<source srcset="/files/studiom/styles/block_2_col_desktop_retina/public/2026-04/alternance_0.webp?h=f8c04d57&itok=nUQRwlVV 1x, /files/studiom/styles/block_2_col_desktop_retina/public/2026-04/alternance_0.webp?h=f8c04d57&itok=nUQRwlVV 1.5x" media="all and (min-width: 992px)" type="image/webp" width="1012" height="750"/>
<source srcset="/files/studiom/styles/block_2_col_mobile/public/2026-04/alternance_0.webp?h=f8c04d57&itok=asXB6BmX 1x, /files/studiom/styles/block_2_col_mobile_retina/public/2026-04/alternance_0.webp?h=f8c04d57&itok=3m-R1VvJ 1.5x" type="image/webp" width="325" height="250"/>
<source srcset="/files/studiom/styles/block_2_col_desktop_retina/public/2026-04/alternance_0.png?h=f8c04d57&itok=nUQRwlVV 1x, /files/studiom/styles/block_2_col_desktop_retina/public/2026-04/alternance_0.png?h=f8c04d57&itok=nUQRwlVV 1.5x" media="all and (min-width: 992px)" type="image/png" width="1012" height="750"/>
<source srcset="/files/studiom/styles/block_2_col_mobile/public/2026-04/alternance_0.png?h=f8c04d57&itok=asXB6BmX 1x, /files/studiom/styles/block_2_col_mobile_retina/public/2026-04/alternance_0.png?h=f8c04d57&itok=3m-R1VvJ 1.5x" type="image/png" width="325" height="250"/>
<img loading="lazy" width="325" height="250" src="/files/studiom/styles/block_2_col_mobile/public/2026-04/alternance_0.png?h=f8c04d57&itok=asXB6BmX" alt="alternance" title="alternance" />
</picture>
</div>
</div>
</article>
</div>
</div>
<div class="accordion-wrapper__content">
<div class="buttons">
<div data-component-id="koriolis_starterkit:button" class="button button--primary button--size-medium button--rounded-full">
<a href="/etre-appele">
Parler à un conseiller
</a>
</div>
<div data-component-id="koriolis_starterkit:button" class="button button--secondary button--size-medium button--rounded-full button-border">
<a href="/offres-demploi">
Voir les offres d'alternance
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-testimony" id="wrapper-temoignages">
<div class="field field--name-field-testimonials field--type-entity-reference-revisions field--label-hidden field__item">
<div data-component-id="koriolis_starterkit:section_temoignage" class="max-w-m">
<div data-component-id="koriolis_starterkit:gallery" class="swiper">
<div class="gallery-wrapper swiper-wrapper">
<div class="field__item swiper-slide"><div data-component-id="koriolis_starterkit:card_avis">
<div class="temoignage-image">
<div class="field field--name-field-testimonial-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-student-picture">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <picture>
<source srcset="/files/studiom/styles/student_portrait/public/2026-06/In%C3%A8s%20Prevost%20-%20Alumni%20%281%29.webp?h=955717ed&itok=CwuJ58X3 1x, /files/studiom/styles/student_portrait_retina/public/2026-06/In%C3%A8s%20Prevost%20-%20Alumni%20%281%29.webp?h=955717ed&itok=zGLbBbxu 1.5x" type="image/webp" width="110" height="110"/>
<source srcset="/files/studiom/styles/student_portrait/public/2026-06/In%C3%A8s%20Prevost%20-%20Alumni%20%281%29.jpg?h=955717ed&itok=CwuJ58X3 1x, /files/studiom/styles/student_portrait_retina/public/2026-06/In%C3%A8s%20Prevost%20-%20Alumni%20%281%29.jpg?h=955717ed&itok=zGLbBbxu 1.5x" type="image/jpeg" width="110" height="110"/>
<img loading="lazy" srcset="/files/studiom/styles/student_portrait/public/2026-06/In%C3%A8s%20Prevost%20-%20Alumni%20%281%29.jpg?h=955717ed&itok=CwuJ58X3 1x, /files/studiom/styles/student_portrait_retina/public/2026-06/In%C3%A8s%20Prevost%20-%20Alumni%20%281%29.jpg?h=955717ed&itok=zGLbBbxu 1.5x" width="110" height="110" src="/files/studiom/styles/student_portrait/public/2026-06/In%C3%A8s%20Prevost%20-%20Alumni%20%281%29.jpg?h=955717ed&itok=CwuJ58X3" alt="Inès Prevost - Alumni " title="Inès Prevost - Alumni " />
</picture>
</div>
</div>
</article>
</div>
</div>
<div class="temoignage-content">
L’expérience la plus “pro” que j’ai vécue grâce à l’école a été un projet en conditions réelles avec un client. J’ai dû gérer un brief, respecter des délais et présenter mes idées de manière claire et professionnelle. Cela m’a vraiment préparée au monde du travail.
</div>
<div class="temoignage-footer">
<div class="temoignage-auteur">
Prevost Inès
</div>
<div class="clearfix text-formatted field field--name-field-testimonial-author-desc field--type-text-long field--label-hidden field__item"><p>Alumni / Bachelor design graphique</p>
</div>
</div>
</div>
</div>
<div class="field__item swiper-slide"><div data-component-id="koriolis_starterkit:card_avis">
<div class="temoignage-image">
<div class="field field--name-field-testimonial-img field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-student-picture">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <picture>
<source srcset="/files/studiom/styles/student_portrait/public/2026-09/Lola_t%C3%A9moignage_design_graphique_studio_m.webp?h=a7e6d17b&itok=7JkQLhTn 1x, /files/studiom/styles/student_portrait_retina/public/2026-09/Lola_t%C3%A9moignage_design_graphique_studio_m.webp?h=a7e6d17b&itok=2mJIXGfV 1.5x" type="image/webp" width="110" height="110"/>
<source srcset="/files/studiom/styles/student_portrait/public/2026-09/Lola_t%C3%A9moignage_design_graphique_studio_m.jpg?h=a7e6d17b&itok=7JkQLhTn 1x, /files/studiom/styles/student_portrait_retina/public/2026-09/Lola_t%C3%A9moignage_design_graphique_studio_m.jpg?h=a7e6d17b&itok=2mJIXGfV 1.5x" type="image/jpeg" width="110" height="110"/>
<img loading="lazy" srcset="/files/studiom/styles/student_portrait/public/2026-09/Lola_t%C3%A9moignage_design_graphique_studio_m.jpg?h=a7e6d17b&itok=7JkQLhTn 1x, /files/studiom/styles/student_portrait_retina/public/2026-09/Lola_t%C3%A9moignage_design_graphique_studio_m.jpg?h=a7e6d17b&itok=2mJIXGfV 1.5x" width="110" height="110" src="/files/studiom/styles/student_portrait/public/2026-09/Lola_t%C3%A9moignage_design_graphique_studio_m.jpg?h=a7e6d17b&itok=7JkQLhTn" alt="Lola_témoignage_design_graphique_studio_m" title="Lola_témoignage_design_graphique_studio_m" />
</picture>
</div>
</div>
</article>
</div>
</div>
<div class="temoignage-content">
Ces trois années ont été particulièrement enrichissantes. Cette formation, portée par des passionnés, place au cœur de son enseignement à la fois la culture graphique et l’apprentissage technique. Les intervenants sont de véritables piliers : leur accompagnement, leur engagement et leur passion ont rythmé notre parcours scolaire et contribué à notre progression.
</div>
<div class="temoignage-footer">
<div class="temoignage-auteur">
Lola
</div>
<div class="clearfix text-formatted field field--name-field-testimonial-author-desc field--type-text-long field--label-hidden field__item"><p>Étudiante / Design Graphique</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-scrollbar"></div>
</div>
</div>
</div>
</section>
<section class="section-faq extra-padding" id="wrapper-faq">
<div data-component-id="koriolis_starterkit:accordion_wrapper" data-component-variant="faq" class="accordion-wrapper max-w-m bg-none accordion-wrapper--without-image">
<div class="accordion-wrapper__container">
<div class="accordion-wrapper__header">
<h2 class="accordion-wrapper__title">Tu te poses la question ? On a la réponse !</h2>
<div class="accordion-wrapper__description text-normal"></div>
</div>
<div class="accordion-wrapper__content">
<div class="accordion-item-border-bottom field field--name-field-faq-accordions field--type-entity-reference-revisions field--label-hidden field__items">
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-1287104071"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">Quel niveau est requis pour intégrer la formation ?</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-1287104071"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><p dir="ltr">L’<strong>entrée en 1ère année</strong> est accessible <strong>après le Bac</strong>. Une admission parallèle est possible selon ton parcours et la cohérence de ton dossier artistique.</p></div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-392398435"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">Un portfolio est-il obligatoire pour candidater ?</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-392398435"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><p dir="ltr">Non. Le <strong>portfolio </strong>est un plus <strong>lors </strong>de l’admission. Il permet d’évaluer ton potentiel créatif et ta sensibilité graphique.</p></div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-2112715577"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">L’école m’accompagne-t-elle dans la recherche d’une alternance ?</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-2112715577"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><p>Oui. <strong>Studio M </strong>t’accompagne grâce à son réseau <strong>d’entreprises partenaires </strong>et un suivi personnalisé.</p></div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-705824715"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">Le Bachelor permet-il une poursuite d’études ?</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-705824715"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><p dir="ltr">Oui. Après l’obtention du <strong>diplôme</strong>, tu peux poursuivre vers une <strong>spécialisation </strong>ou un cycle supérieur dans les <strong>métiers </strong>du design et de la direction artistique.</p></div>
</div>
</div>
</div>
</div>
<div class="field__item">
<div data-component-id="koriolis_starterkit:accordion" class="accordion accordion--icon- accordion--icon-croix" data-accordion>
<button
class="accordion__trigger"
type="button"
aria-expanded="false"
aria-controls="accordion-1254329797"
>
<span class="accordion__title text-bold">
<div class="field field--name-field-accordion-title field--type-string field--label-hidden field__item">Puis-je travailler en freelance après la formation ?</div>
</span>
<div class="icons-wrapper">
<div class="icon-wrapper-minus">
<svg class="icon--minus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 11.3496C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H5C4.64101 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H19Z" fill="currentColor"/>
</svg>
</div>
<div class="icon-wrapper-plus">
<svg class="icon--plus" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.3496 19V12.6504H5C4.64102 12.6504 4.34961 12.359 4.34961 12C4.34961 11.641 4.64101 11.3496 5 11.3496H11.3496V5C11.3496 4.64101 11.641 4.34961 12 4.34961C12.359 4.34961 12.6504 4.64102 12.6504 5V11.3496H19C19.359 11.3496 19.6504 11.641 19.6504 12C19.6504 12.359 19.359 12.6504 19 12.6504H12.6504V19C12.6504 19.359 12.359 19.6504 12 19.6504C11.641 19.6504 11.3496 19.359 11.3496 19Z" fill="currentColor"/>
</svg>
</div>
</div>
</button>
<div
class="accordion__content"
id="accordion-1254329797"
hidden>
<div class="accordion__content-inner text-normal">
<div class="clearfix text-formatted field field--name-field-accordion-content field--type-text-long field--label-hidden field__item"><p dir="ltr">Oui. La formation développe <strong>l’autonomie créative </strong>et la <strong>méthodologie </strong>nécessaires pour exercer en indépendant.</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</article>
</div>
</div> </main>
</div>
<footer data-component-id="koriolis_starterkit:footer" class="footer footer--component" role="contentinfo">
<div class="footer__container">
<div class="footer__main">
<div class="footer__first-column">
<h2 class="footer__title">
L'école des métiers créatifs
</h2>
<div class="footer__content">
<div class="field field--name-field-footer-content field--type-string-long field--label-hidden field__item">Nos campus sont ouverts du lundi au vendredi<br />
De 08h à 18h</div>
</div>
<div class="footer__contact-links">
<div class="footer__contact-link">
<div data-component-id="koriolis_starterkit:button" class="button button--footer button--size-medium button--rounded-full">
<span class="icon before">
<svg class="icon--download" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.34961 19V15C2.34961 14.641 2.64101 14.3496 3 14.3496C3.35899 14.3496 3.65039 14.641 3.65039 15V19C3.65039 19.358 3.79175 19.7019 4.04492 19.9551C4.2981 20.2083 4.64196 20.3496 5 20.3496H19C19.358 20.3496 19.7019 20.2083 19.9551 19.9551C20.2083 19.7019 20.3496 19.358 20.3496 19V15C20.3496 14.641 20.641 14.3496 21 14.3496C21.359 14.3496 21.6504 14.641 21.6504 15V19C21.6504 19.7028 21.371 20.3771 20.874 20.874C20.3771 21.371 19.7028 21.6504 19 21.6504H5C4.29718 21.6504 3.62295 21.371 3.12598 20.874C2.62901 20.3771 2.34961 19.7028 2.34961 19ZM11.3496 3C11.3496 2.64101 11.641 2.34961 12 2.34961C12.359 2.34961 12.6504 2.64101 12.6504 3V13.4297L16.54 9.54004C16.7939 9.2862 17.2061 9.2862 17.46 9.54004C17.7138 9.79388 17.7138 10.2061 17.46 10.46L12.46 15.46C12.3381 15.5819 12.1724 15.6504 12 15.6504C11.8276 15.6504 11.6619 15.5819 11.54 15.46L6.54004 10.46C6.2862 10.2061 6.2862 9.79388 6.54004 9.54004C6.79388 9.2862 7.20612 9.2862 7.45996 9.54004L11.3496 13.4297V3Z" fill="currentColor"/>
</svg>
</span>
<a href="/demande-de-documentation">Télécharger la brochure</a>
</div>
</div>
<div class="footer__contact-link">
<div data-component-id="koriolis_starterkit:button" class="button button--footer button--size-medium button--rounded-full">
<span class="icon before">
<svg class="icon--calendar" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3496 10.6504H3.65039V20C3.65039 20.7456 4.25442 21.3496 5 21.3496H19C19.7456 21.3496 20.3496 20.7456 20.3496 20V10.6504ZM15.3496 6V4.65039H8.65039V6C8.65039 6.35898 8.35898 6.65039 8 6.65039C7.64102 6.65039 7.34961 6.35898 7.34961 6V4.65039H5C4.25442 4.65039 3.65039 5.25442 3.65039 6V9.34961H20.3496V6C20.3496 5.25442 19.7456 4.65039 19 4.65039H16.6504V6C16.6504 6.35898 16.359 6.65039 16 6.65039C15.641 6.65039 15.3496 6.35898 15.3496 6ZM21.6504 20C21.6504 21.4636 20.4636 22.6504 19 22.6504H5C3.53645 22.6504 2.34961 21.4636 2.34961 20V6C2.34961 4.53645 3.53645 3.34961 5 3.34961H7.34961V2C7.34961 1.64102 7.64102 1.34961 8 1.34961C8.35898 1.34961 8.65039 1.64101 8.65039 2V3.34961H15.3496V2C15.3496 1.64101 15.641 1.34961 16 1.34961C16.359 1.34961 16.6504 1.64101 16.6504 2V3.34961H19C20.4636 3.34961 21.6504 4.53645 21.6504 6V20Z" fill="currentColor"/>
</svg>
</span>
<a href="https://www.studio-m.fr/evenements">Nos événements</a>
</div>
</div>
</div>
</div>
<nav class="footer__menu" role="navigation" aria-label="Menu du footer">
<nav role="navigation" aria-labelledby="block-koriolis-starterkit-pieddepage-menu" id="block-koriolis-starterkit-pieddepage" class="block block-menu navigation menu--footer">
<ul class="menu">
<li class="menu-item menu-item--expanded">
<span>A propos</span>
<ul class="menu">
<li class="menu-item">
<a href="/node/3889" data-drupal-link-system-path="node/3889">Notre École</a>
</li>
<li class="menu-item">
<a href="/label-et-accreditations" data-drupal-link-system-path="node/3991">Nos certifications Qualiopi</a>
</li>
<li class="menu-item">
<a href="/tous-les-campus" data-drupal-link-system-path="node/3985">Nos campus</a>
</li>
<li class="menu-item">
<a href="/evenements" data-drupal-link-system-path="node/3981">Nos évènements</a>
</li>
<li class="menu-item">
<a href="/offres-demploi" data-drupal-link-system-path="node/3983">Nos offres d'alternance</a>
</li>
<li class="menu-item">
<a href="/diplomes-digital-audiovisuel" data-drupal-link-system-path="node/3988">Nos diplômes</a>
</li>
</ul>
</li>
<li class="menu-item menu-item--expanded">
<span>Nos Formations</span>
<ul class="menu">
<li class="menu-item">
<a href="/bac-1" data-drupal-link-system-path="node/29">Bac +1</a>
</li>
<li class="menu-item">
<a href="/bac-2" data-drupal-link-system-path="node/33">Bac +2</a>
</li>
<li class="menu-item">
<a href="/bac-3" data-drupal-link-system-path="node/30">Bac +3</a>
</li>
<li class="menu-item">
<a href="/bac-4" data-drupal-link-system-path="node/31">Bac +4</a>
</li>
<li class="menu-item">
<a href="/bac-5" data-drupal-link-system-path="node/32">Bac +5</a>
</li>
<li class="menu-item">
<a href="/formation-courte-stage-decouverte" data-drupal-link-system-path="node/3903">Formations courtes</a>
</li>
</ul>
</li>
<li class="menu-item menu-item--expanded">
<span>Accès rapide</span>
<ul class="menu">
<li class="menu-item">
<a href="/processus-dadmission" data-drupal-link-system-path="node/4030">Processus d'admission</a>
</li>
<li class="menu-item">
<a href="/ecole-les-formations-pro" data-drupal-link-system-path="node/26">Formations Pro.</a>
</li>
<li class="menu-item">
<a href="/recruter-un-apprenti" data-drupal-link-system-path="node/3994">Recruter un alternant</a>
</li>
<li class="menu-item">
<a href="/vae" data-drupal-link-system-path="node/4207">VAE</a>
</li>
<li class="menu-item">
<a href="/deposer-une-offre" data-drupal-link-system-path="node/3876">Déposer une offre</a>
</li>
<li class="menu-item">
<a href="/formulaire-de-contact" data-drupal-link-system-path="node/3879">Nous contacter</a>
</li>
</ul>
</li>
</ul>
</nav>
</nav>
</div>
<div class="footer__logo-section">
<div class="footer__logo">
<img fetchpriority="low" src="/themes/custom/koriolis_starterkit/logos/www_studiom_fr/footer_logo.svg" alt="Logo" class="footer__logo-image" />
</div>
</div>
<div class="footer__bottom">
<div class="footer__copyright">
<span>© 2026 Studio M</span>
<span class="footer__separator"> - </span>
<span class="footer__legal-notice">Enseignement supérieur privé</span>
</div>
<nav class="footer__bottom-menu" role="navigation" aria-label="Menu secondaire du footer">
<nav role="navigation" aria-labelledby="block-koriolis-starterkit-bottom-menu" id="block-koriolis-starterkit-bottom" class="block block-menu navigation menu--bottom">
<ul class="menu">
<li class="menu-item">
<a href="/mentions-legales" data-drupal-link-system-path="node/4208">Mentions légales</a>
</li>
<li class="menu-item">
<a href="/sitemap.html" data-drupal-link-system-path="sitemap.html">Plan du site</a>
</li>
<li class="menu-item">
<a href="javascript:Didomi.preferences.show()" class="menu-item">Gestion des Cookies</a>
</li>
<li class="menu-item">
<a href="/politique-de-confidentialite" data-drupal-link-system-path="node/4209">Politique de confidentialité</a>
</li>
</ul>
</nav>
</nav>
<div class="footer__social-links">
<a href="https://www.facebook.com/ecole.studio.m" class="footer__social-link" aria-label="facebook" target="_blank"
rel="noopener noreferrer">
<svg class="icon--facebook" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_5348_15639)">
<path d="M12 0C5.37264 0 0 5.37264 0 12C0 17.6275 3.87456 22.3498 9.10128 23.6467V15.6672H6.62688V12H9.10128V10.4198C9.10128 6.33552 10.9498 4.4424 14.9597 4.4424C15.72 4.4424 17.0318 4.59168 17.5685 4.74048V8.06448C17.2853 8.03472 16.7933 8.01984 16.1822 8.01984C14.2147 8.01984 13.4544 8.76528 13.4544 10.703V12H17.3741L16.7006 15.6672H13.4544V23.9122C19.3963 23.1946 24.0005 18.1354 24.0005 12C24 5.37264 18.6274 0 12 0Z" fill="currentColor"/>
</g>
<defs>
<clippath id="clip0_5348_15639">
<rect width="24" height="24" fill="currentColor"/>
</clippath>
</defs>
</svg>
</a>
<a href="https://www.instagram.com/ecole_studiom/?hl=fr" class="footer__social-link" aria-label="instagram" target="_blank"
rel="noopener noreferrer">
<svg class="icon--instagram" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_5348_13901)">
<path d="M12 2.16094C15.2063 2.16094 15.5859 2.175 16.8469 2.23125C18.0188 2.28281 18.6516 2.47969 19.0734 2.64375C19.6313 2.85938 20.0344 3.12188 20.4516 3.53906C20.8734 3.96094 21.1313 4.35938 21.3469 4.91719C21.5109 5.33906 21.7078 5.97656 21.7594 7.14375C21.8156 8.40937 21.8297 8.78906 21.8297 11.9906C21.8297 15.1969 21.8156 15.5766 21.7594 16.8375C21.7078 18.0094 21.5109 18.6422 21.3469 19.0641C21.1313 19.6219 20.8687 20.025 20.4516 20.4422C20.0297 20.8641 19.6313 21.1219 19.0734 21.3375C18.6516 21.5016 18.0141 21.6984 16.8469 21.75C15.5813 21.8062 15.2016 21.8203 12 21.8203C8.79375 21.8203 8.41406 21.8062 7.15313 21.75C5.98125 21.6984 5.34844 21.5016 4.92656 21.3375C4.36875 21.1219 3.96563 20.8594 3.54844 20.4422C3.12656 20.0203 2.86875 19.6219 2.65313 19.0641C2.48906 18.6422 2.29219 18.0047 2.24063 16.8375C2.18438 15.5719 2.17031 15.1922 2.17031 11.9906C2.17031 8.78438 2.18438 8.40469 2.24063 7.14375C2.29219 5.97187 2.48906 5.33906 2.65313 4.91719C2.86875 4.35938 3.13125 3.95625 3.54844 3.53906C3.97031 3.11719 4.36875 2.85938 4.92656 2.64375C5.34844 2.47969 5.98594 2.28281 7.15313 2.23125C8.41406 2.175 8.79375 2.16094 12 2.16094ZM12 0C8.74219 0 8.33438 0.0140625 7.05469 0.0703125C5.77969 0.126563 4.90313 0.332812 4.14375 0.628125C3.35156 0.9375 2.68125 1.34531 2.01563 2.01562C1.34531 2.68125 0.9375 3.35156 0.628125 4.13906C0.332812 4.90313 0.126563 5.775 0.0703125 7.05C0.0140625 8.33437 0 8.74219 0 12C0 15.2578 0.0140625 15.6656 0.0703125 16.9453C0.126563 18.2203 0.332812 19.0969 0.628125 19.8563C0.9375 20.6484 1.34531 21.3188 2.01563 21.9844C2.68125 22.65 3.35156 23.0625 4.13906 23.3672C4.90313 23.6625 5.775 23.8687 7.05 23.925C8.32969 23.9812 8.7375 23.9953 11.9953 23.9953C15.2531 23.9953 15.6609 23.9812 16.9406 23.925C18.2156 23.8687 19.0922 23.6625 19.8516 23.3672C20.6391 23.0625 21.3094 22.65 21.975 21.9844C22.6406 21.3188 23.0531 20.6484 23.3578 19.8609C23.6531 19.0969 23.8594 18.225 23.9156 16.95C23.9719 15.6703 23.9859 15.2625 23.9859 12.0047C23.9859 8.74688 23.9719 8.33906 23.9156 7.05938C23.8594 5.78438 23.6531 4.90781 23.3578 4.14844C23.0625 3.35156 22.6547 2.68125 21.9844 2.01562C21.3188 1.35 20.6484 0.9375 19.8609 0.632812C19.0969 0.3375 18.225 0.13125 16.95 0.075C15.6656 0.0140625 15.2578 0 12 0Z" fill="currentColor"/>
<path d="M12 5.83594C8.59688 5.83594 5.83594 8.59688 5.83594 12C5.83594 15.4031 8.59688 18.1641 12 18.1641C15.4031 18.1641 18.1641 15.4031 18.1641 12C18.1641 8.59688 15.4031 5.83594 12 5.83594ZM12 15.9984C9.79219 15.9984 8.00156 14.2078 8.00156 12C8.00156 9.79219 9.79219 8.00156 12 8.00156C14.2078 8.00156 15.9984 9.79219 15.9984 12C15.9984 14.2078 14.2078 15.9984 12 15.9984Z" fill="currentColor"/>
<path d="M19.8469 5.59214C19.8469 6.38902 19.2 7.03121 18.4078 7.03121C17.6109 7.03121 16.9688 6.38433 16.9688 5.59214C16.9688 4.79527 17.6156 4.15308 18.4078 4.15308C19.2 4.15308 19.8469 4.79996 19.8469 5.59214Z" fill="currentColor"/>
</g>
<defs>
<clippath id="clip0_5348_13901">
<rect width="24" height="24" fill="white"/>
</clippath>
</defs>
</svg>
</a>
<a href="https://www.linkedin.com/school/ecole-studio-m/" class="footer__social-link" aria-label="linkedin" target="_blank"
rel="noopener noreferrer">
<svg class="icon--linkedin" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_5348_13895)">
<path d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5562 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2937 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z" fill="currentColor"/>
</g>
<defs>
<clippath id="clip0_5348_13895">
<rect width="24" height="24" fill="white"/>
</clippath>
</defs>
</svg>
</a>
<a href="https://fr.pinterest.com/ecole_studiom/" class="footer__social-link" aria-label="pinterest" target="_blank"
rel="noopener noreferrer">
<svg class="icon--pinterest" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_5348_13886)">
<path d="M12 0C5.37188 0 0 5.37188 0 12C0 17.0859 3.16406 21.4266 7.62656 23.175C7.52344 22.2234 7.425 20.7703 7.66875 19.7344C7.88906 18.7969 9.075 13.7719 9.075 13.7719C9.075 13.7719 8.71406 13.0547 8.71406 11.9906C8.71406 10.3219 9.67969 9.075 10.8844 9.075C11.9062 9.075 12.4031 9.84375 12.4031 10.7672C12.4031 11.7984 11.7469 13.3359 11.4094 14.7609C11.1281 15.9562 12.0094 16.9313 13.1859 16.9313C15.3187 16.9313 16.9594 14.6812 16.9594 11.4375C16.9594 8.56406 14.8969 6.55313 11.9484 6.55313C8.53594 6.55313 6.52969 9.1125 6.52969 11.7609C6.52969 12.7922 6.92812 13.8984 7.425 14.4984C7.52344 14.6156 7.5375 14.7234 7.50937 14.8406C7.42031 15.2203 7.21406 16.0359 7.17656 16.2C7.125 16.4203 7.00313 16.4672 6.77344 16.3594C5.27344 15.6609 4.33594 13.4719 4.33594 11.7094C4.33594 7.92188 7.0875 4.44844 12.2625 4.44844C16.425 4.44844 19.6594 7.41563 19.6594 11.3813C19.6594 15.5156 17.0531 18.8438 13.4344 18.8438C12.2203 18.8438 11.0766 18.2109 10.6828 17.4656C10.6828 17.4656 10.0828 19.7578 9.9375 20.3203C9.66562 21.3609 8.93437 22.6688 8.44687 23.4656C9.57187 23.8125 10.7625 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0Z" fill="currentColor"/>
</g>
<defs>
<clippath id="clip0_5348_13886">
<rect width="24" height="24" fill="white"/>
</clippath>
</defs>
</svg>
</a>
<a href="https://www.tiktok.com/@ecole_studiom" class="footer__social-link" aria-label="tiktok" target="_blank"
rel="noopener noreferrer">
<svg class="icon--tiktok" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.0725 0H13.0278V16.3478C13.0278 18.2957 11.4722 19.8957 9.53626 19.8957C7.60034 19.8957 6.04469 18.2957 6.04469 16.3478C6.04469 14.4348 7.56577 12.8695 9.43257 12.8V8.69567C5.31872 8.7652 2 12.1391 2 16.3478C2 20.5913 5.38786 24 9.57085 24C13.7538 24 17.1416 20.5565 17.1416 16.3478V7.9652C18.6627 9.07827 20.5295 9.73913 22.5 9.77393V5.66957C19.4579 5.56522 17.0725 3.06087 17.0725 0Z" fill="currentColor"/>
</svg>
</a>
<a href="https://www.youtube.com/channel/UCUN0tP5rH34WmWCD5KQPr9A" class="footer__social-link" aria-label="youtube" target="_blank"
rel="noopener noreferrer">
<svg class="icon--youtube" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36724L16.0031 11.7516L9.52031 15.1125Z" fill="currentColor"/>
</svg>
</a>
</div>
</div>
</div>
</footer>
<div data-component-id="koriolis_starterkit:fixed_cta" class="slidedown">
<div class="wrapper-fixed-cta text-normal">
<div class="fixed-cta fixed-cta-brochure">
<a href="/demande-de-documentation"> <svg class="icon--download" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.34961 19V15C2.34961 14.641 2.64101 14.3496 3 14.3496C3.35899 14.3496 3.65039 14.641 3.65039 15V19C3.65039 19.358 3.79175 19.7019 4.04492 19.9551C4.2981 20.2083 4.64196 20.3496 5 20.3496H19C19.358 20.3496 19.7019 20.2083 19.9551 19.9551C20.2083 19.7019 20.3496 19.358 20.3496 19V15C20.3496 14.641 20.641 14.3496 21 14.3496C21.359 14.3496 21.6504 14.641 21.6504 15V19C21.6504 19.7028 21.371 20.3771 20.874 20.874C20.3771 21.371 19.7028 21.6504 19 21.6504H5C4.29718 21.6504 3.62295 21.371 3.12598 20.874C2.62901 20.3771 2.34961 19.7028 2.34961 19ZM11.3496 3C11.3496 2.64101 11.641 2.34961 12 2.34961C12.359 2.34961 12.6504 2.64101 12.6504 3V13.4297L16.54 9.54004C16.7939 9.2862 17.2061 9.2862 17.46 9.54004C17.7138 9.79388 17.7138 10.2061 17.46 10.46L12.46 15.46C12.3381 15.5819 12.1724 15.6504 12 15.6504C11.8276 15.6504 11.6619 15.5819 11.54 15.46L6.54004 10.46C6.2862 10.2061 6.2862 9.79388 6.54004 9.54004C6.79388 9.2862 7.20612 9.2862 7.45996 9.54004L11.3496 13.4297V3Z" fill="currentColor"/>
</svg>
<strong>Brochure</strong>
</a>
</div>
<div class="fixed-cta fixed-cta-brochure">
<a href="/inscription-aux-jpo-et-sessions-dadmissions"> <svg class="icon--calendar" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.3496 10.6504H3.65039V20C3.65039 20.7456 4.25442 21.3496 5 21.3496H19C19.7456 21.3496 20.3496 20.7456 20.3496 20V10.6504ZM15.3496 6V4.65039H8.65039V6C8.65039 6.35898 8.35898 6.65039 8 6.65039C7.64102 6.65039 7.34961 6.35898 7.34961 6V4.65039H5C4.25442 4.65039 3.65039 5.25442 3.65039 6V9.34961H20.3496V6C20.3496 5.25442 19.7456 4.65039 19 4.65039H16.6504V6C16.6504 6.35898 16.359 6.65039 16 6.65039C15.641 6.65039 15.3496 6.35898 15.3496 6ZM21.6504 20C21.6504 21.4636 20.4636 22.6504 19 22.6504H5C3.53645 22.6504 2.34961 21.4636 2.34961 20V6C2.34961 4.53645 3.53645 3.34961 5 3.34961H7.34961V2C7.34961 1.64102 7.64102 1.34961 8 1.34961C8.35898 1.34961 8.65039 1.64101 8.65039 2V3.34961H15.3496V2C15.3496 1.64101 15.641 1.34961 16 1.34961C16.359 1.34961 16.6504 1.64101 16.6504 2V3.34961H19C20.4636 3.34961 21.6504 4.53645 21.6504 6V20Z" fill="currentColor"/>
</svg>
<strong>Portes Ouvertes</strong>
</a>
</div>
<div class="fixed-cta fixed-cta-brochure">
<a href="/dossier-de-candidature"> <svg class="icon--pencil" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.3497 4.81885C21.3498 4.24363 21.1216 3.69146 20.7149 3.28467C20.3083 2.87804 19.7567 2.65009 19.1817 2.6499C18.6065 2.64983 18.0543 2.87797 17.6475 3.28467L15.9258 5.00635L18.9923 8.07275L20.7139 6.35205C21.1205 5.94543 21.3496 5.39386 21.3497 4.81885ZM4.30085 16.6343C4.14418 16.7905 4.0288 16.9833 3.96394 17.1948L3.96296 17.1938L2.72468 21.2739L6.80769 20.0356C7.01907 19.9714 7.21175 19.8567 7.36823 19.7007L18.0733 8.99268L15.0059 5.92529L4.30085 16.6343ZM22.6495 4.81885C22.6494 5.73884 22.2845 6.62152 21.6339 7.27197L21.6329 7.271L19.5235 9.38037C19.5038 9.40737 19.4844 9.4351 19.46 9.45947C19.4369 9.48257 19.4103 9.50113 19.3848 9.52002L8.2862 20.6206C7.97914 20.9267 7.60138 21.1536 7.18659 21.2798L2.83308 22.6001H2.83112C2.63237 22.6598 2.42107 22.6653 2.2198 22.6147C2.0185 22.5641 1.83448 22.4596 1.68757 22.313C1.54065 22.1663 1.43577 21.982 1.38483 21.7808C1.33404 21.5797 1.33912 21.3682 1.39851 21.1694L1.39948 21.1675L2.7198 16.8149L2.72077 16.813C2.84815 16.3978 3.07534 16.02 3.38288 15.7134L14.4766 4.6167C14.4959 4.59038 14.5163 4.56433 14.5401 4.54053C14.564 4.51663 14.5908 4.49645 14.6173 4.47705L16.7286 2.36572C17.3792 1.71545 18.2619 1.34901 19.1817 1.34912C20.1015 1.34931 20.9835 1.7153 21.6339 2.36572C22.2843 3.01635 22.6496 3.89884 22.6495 4.81885Z" fill="currentColor"/>
</svg>
<strong>Candidature</strong>
</a>
</div>
</div>
</div>
</div>
<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/2013","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"data":{"extlink":{"extTarget":true,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(ouvrir dans une nouvelle fen\u00eatre)","extTargetNoOverride":false,"extNofollow":false,"extTitleNoOverride":false,"extNoreferrer":true,"extFollowNoOverride":false,"extClass":"ext","extLabel":"(le lien est externe)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"Ce lien vous dirige vers un site externe. Nous ne sommes pas responsables de son contenu.","extHideIcons":false,"mailtoClass":"mailto","telClass":"tel","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":false,"extIconPlacement":"append","extPreventOrphan":true,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":[],"extExcludeNoreferrer":""}},"user":{"uid":0,"permissionsHash":"0455e49e3fe50c314e70e922fef01b62e48e4e7f8c24b8460ab958da48573fd9"}}</script>
<script src="/files/studiom/js/js_tmEqGJ7LEwMpFOPxJzFdVvoNOLQ_7-2wx3776wL4a7Y.js?scope=footer&delta=0&language=fr&theme=koriolis_starterkit&include=eJyVkEEOwzAIBD-UNE-yKKaJFQwWECn9fX3osQd6Y6WZ1QpUow21DxWS8Mep1pSbFw-wIDtbrCsgqtWmsmAKFzzUihPGdDwn0T1AKtUSdEdOebV78hhQOsmVdFTnmWN3YCZ75-CDoGaLOzT5Y3PXCpxDQ8csdoedlvlHbnJu1a4B_PjG5Ye37axP4A-7atBN"></script>
</body>
</html>
