<!DOCTYPE html>
<html lang="fr-FR" prefix="og: https://ogp.me/ns#" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- WP_HEAD() START -->
<!-- Optimisation des moteurs de recherche par Rank Math - https://rankmath.com/ -->
<title>ESA La Roche-Sur-Yon | Formations en Alternance en Vendée</title>
<meta name="description" content="Découvrez les BTS, Bachelor, Mastère et Titres en Alternance à l'ESA La Roche-sur-Yon. Demandez votre dossier de candidature en ligne."/>
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
<link rel="canonical" href="https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/" />
<meta property="og:locale" content="fr_FR" />
<meta property="og:type" content="article" />
<meta property="og:title" content="ESA La Roche-Sur-Yon | Formations en Alternance en Vendée" />
<meta property="og:description" content="Découvrez les BTS, Bachelor, Mastère et Titres en Alternance à l'ESA La Roche-sur-Yon. Demandez votre dossier de candidature en ligne." />
<meta property="og:url" content="https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/" />
<meta property="og:site_name" content="ESA" />
<meta property="article:publisher" content="https://www.facebook.com/ESA.EcoleSuperieureAlternance" />
<meta property="og:updated_time" content="2026-06-08T14:44:22+00:00" />
<meta property="og:image" content="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-1024x683.jpg" />
<meta property="og:image:secure_url" content="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-1024x683.jpg" />
<meta property="og:image:width" content="1024" />
<meta property="og:image:height" content="683" />
<meta property="og:image:alt" content="ESA La Roche-Sur-Yon" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="article:published_time" content="2024-11-07T13:12:46+00:00" />
<meta property="article:modified_time" content="2026-06-08T14:44:22+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="ESA La Roche-Sur-Yon | Formations en Alternance en Vendée" />
<meta name="twitter:description" content="Découvrez les BTS, Bachelor, Mastère et Titres en Alternance à l'ESA La Roche-sur-Yon. Demandez votre dossier de candidature en ligne." />
<meta name="twitter:image" content="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-1024x683.jpg" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://ecolesuperieurealternance.fr/#organization","name":"ESA - Ecole Sup\u00e9rieure de l'Alternance","sameAs":["https://www.facebook.com/ESA.EcoleSuperieureAlternance"],"logo":{"@type":"ImageObject","@id":"https://ecolesuperieurealternance.fr/#logo","url":"https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-logo-1280x1280-1.jpg","contentUrl":"https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-logo-1280x1280-1.jpg","caption":"ESA","inLanguage":"fr-FR","width":"1280","height":"1280"}},{"@type":"WebSite","@id":"https://ecolesuperieurealternance.fr/#website","url":"https://ecolesuperieurealternance.fr","name":"ESA","alternateName":"L'Ecole Sup\u00e9rieure de l'Alternance","publisher":{"@id":"https://ecolesuperieurealternance.fr/#organization"},"inLanguage":"fr-FR"},{"@type":"ImageObject","@id":"https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-scaled.jpg","url":"https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-scaled.jpg","width":"2560","height":"1708","inLanguage":"fr-FR"},{"@type":"BreadcrumbList","@id":"https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://ecolesuperieurealternance.fr","name":"L'ESA by H3 Campus"}},{"@type":"ListItem","position":"2","item":{"@id":"https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/","name":"\u00c9SA La Roche-sur-Yon"}}]},{"@type":"WebPage","@id":"https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/#webpage","url":"https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/","name":"ESA La Roche-Sur-Yon | Formations en Alternance en Vend\u00e9e","datePublished":"2024-11-07T13:12:46+00:00","dateModified":"2026-06-08T14:44:22+00:00","isPartOf":{"@id":"https://ecolesuperieurealternance.fr/#website"},"primaryImageOfPage":{"@id":"https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-scaled.jpg"},"inLanguage":"fr-FR","breadcrumb":{"@id":"https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/#breadcrumb"}},{"@type":"Person","@id":"https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/#author","name":"jerome","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/936cfbb8af123d9b05d7ea0d93ee70bc0a688eb9053b238134d3b290cdd5da6a?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/936cfbb8af123d9b05d7ea0d93ee70bc0a688eb9053b238134d3b290cdd5da6a?s=96&d=mm&r=g","caption":"jerome","inLanguage":"fr-FR"},"sameAs":["https://ecolesuperieurealternance.fr"],"worksFor":{"@id":"https://ecolesuperieurealternance.fr/#organization"}},{"@type":"Article","headline":"ESA La Roche-Sur-Yon | Formations en Alternance en Vend\u00e9e","keywords":"ESA La Roche-Sur-Yon","datePublished":"2024-11-07T13:12:46+00:00","dateModified":"2026-06-08T14:44:22+00:00","author":{"@id":"https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/#author","name":"jerome"},"publisher":{"@id":"https://ecolesuperieurealternance.fr/#organization"},"description":"D\u00e9couvrez les BTS, Bachelor, Mast\u00e8re et Titres en Alternance \u00e0 l'ESA La Roche-sur-Yon. Demandez votre dossier de candidature en ligne.","name":"ESA La Roche-Sur-Yon | Formations en Alternance en Vend\u00e9e","@id":"https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/#richSnippet","isPartOf":{"@id":"https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/#webpage"},"image":{"@id":"https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-scaled.jpg"},"inLanguage":"fr-FR","mainEntityOfPage":{"@id":"https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/#webpage"}}]}</script>
<!-- /Extension Rank Math WordPress SEO -->
<link rel="alternate" type="application/rss+xml" title="ESA by H3 Campus » Flux" href="https://ecolesuperieurealternance.fr/feed/" />
<link rel="alternate" type="application/rss+xml" title="ESA by H3 Campus » Flux des commentaires" href="https://ecolesuperieurealternance.fr/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://ecolesuperieurealternance.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fecolesuperieurealternance.fr%2Fecole-superieure-de-l-alternance%2Fesa-la-roche-sur-yon%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://ecolesuperieurealternance.fr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fecolesuperieurealternance.fr%2Fecole-superieure-de-l-alternance%2Fesa-la-roche-sur-yon%2F&format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<link rel="preload" as="font" href="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/11/Inter-Light.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/11/Inter-Regular.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/11/Inter-Bold.woff2" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/11/Inter-ExtraBold.woff2" type="font/woff2" crossorigin>
<link rel='stylesheet' id='swiss-knife-custom-fonts-css' href='https://ecolesuperieurealternance.fr/wp-content/uploads/swiss-knife/skf.css?ver=1781012351' media='all' />
<style id='wp-block-library-inline-css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
</style>
<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<link rel='stylesheet' id='fluent-forms-public-css' href='https://ecolesuperieurealternance.fr/wp-content/plugins/fluentform/assets/css/fluent-forms-public.css?ver=6.1.11' media='all' />
<link rel='stylesheet' id='fluentform-public-default-css' href='https://ecolesuperieurealternance.fr/wp-content/plugins/fluentform/assets/css/fluentform-public-default.css?ver=6.1.11' media='all' />
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--foreground: #000000;--wp--preset--color--background: #ffffff;--wp--preset--color--primary: #1a4548;--wp--preset--color--secondary: #ffe2c7;--wp--preset--color--tertiary: #F6F6F6;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--gradient--vertical-secondary-to-tertiary: linear-gradient(to bottom,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--tertiary) 100%);--wp--preset--gradient--vertical-secondary-to-background: linear-gradient(to bottom,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--vertical-tertiary-to-background: linear-gradient(to bottom,var(--wp--preset--color--tertiary) 0%,var(--wp--preset--color--background) 100%);--wp--preset--gradient--diagonal-primary-to-foreground: linear-gradient(to bottom right,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--foreground) 100%);--wp--preset--gradient--diagonal-secondary-to-background: linear-gradient(to bottom right,var(--wp--preset--color--secondary) 50%,var(--wp--preset--color--background) 50%);--wp--preset--gradient--diagonal-background-to-secondary: linear-gradient(to bottom right,var(--wp--preset--color--background) 50%,var(--wp--preset--color--secondary) 50%);--wp--preset--gradient--diagonal-tertiary-to-background: linear-gradient(to bottom right,var(--wp--preset--color--tertiary) 50%,var(--wp--preset--color--background) 50%);--wp--preset--gradient--diagonal-background-to-tertiary: linear-gradient(to bottom right,var(--wp--preset--color--background) 50%,var(--wp--preset--color--tertiary) 50%);--wp--preset--font-size--small: 1rem;--wp--preset--font-size--medium: 1.125rem;--wp--preset--font-size--large: 1.75rem;--wp--preset--font-size--x-large: clamp(1.75rem, 3vw, 2.25rem);--wp--preset--font-family--system-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--wp--preset--font-family--source-serif-pro: "Source Serif Pro", serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);--wp--custom--spacing--small: max(1.25rem, 5vw);--wp--custom--spacing--medium: clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)));--wp--custom--spacing--large: clamp(4rem, 10vw, 8rem);--wp--custom--spacing--outer: var(--wp--custom--spacing--small, 1.25rem);--wp--custom--typography--font-size--huge: clamp(2.25rem, 4vw, 2.75rem);--wp--custom--typography--font-size--gigantic: clamp(2.75rem, 6vw, 3.25rem);--wp--custom--typography--font-size--colossal: clamp(3.25rem, 8vw, 6.25rem);--wp--custom--typography--line-height--tiny: 1.15;--wp--custom--typography--line-height--small: 1.2;--wp--custom--typography--line-height--medium: 1.4;--wp--custom--typography--line-height--normal: 1.6;}:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 1.5rem;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 1.5rem;}:root :where(.is-layout-grid){gap: 1.5rem;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='automaticcss-core-css' href='https://ecolesuperieurealternance.fr/wp-content/uploads/automatic-css/automatic.css?ver=1670511580' media='all' />
<link rel='stylesheet' id='oxygen-css' href='https://ecolesuperieurealternance.fr/wp-content/plugins/oxygen/component-framework/oxygen.css?ver=4.1.1' media='all' />
<style id='wpgb-head-inline-css'>
.wp-grid-builder:not(.wpgb-template),.wpgb-facet{opacity:0.01}.wpgb-facet fieldset{margin:0;padding:0;border:none;outline:none;box-shadow:none}.wpgb-facet fieldset:last-child{margin-bottom:40px;}.wpgb-facet fieldset legend.wpgb-sr-only{height:1px;width:1px}
/*# sourceURL=wpgb-head-inline-css */
</style>
<script src="https://ecolesuperieurealternance.fr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<link rel="https://api.w.org/" href="https://ecolesuperieurealternance.fr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://ecolesuperieurealternance.fr/wp-json/wp/v2/ecole/734" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://ecolesuperieurealternance.fr/xmlrpc.php?rsd" />
<link rel='shortlink' href='https://ecolesuperieurealternance.fr/?p=734' />
<!-- Google Tag Manager -->
<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-5LGHNP2');</script>
<!-- End Google Tag Manager -->
<style type="text/css">
:root {
--page-accent-color: var(--secondary);
--page-accent-color-light: var(--secondary-light);
--page-accent-color-dark: var(--secondary-dark);
}
</style>
<noscript><style>.wp-grid-builder .wpgb-card.wpgb-card-hidden .wpgb-card-wrapper{opacity:1!important;visibility:visible!important;transform:none!important}.wpgb-facet {opacity:1!important;pointer-events:auto!important}.wpgb-facet *:not(.wpgb-pagination-facet){display:none}</style></noscript><script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "EducationalOrganization",
"name": " ESA La Roche sur Yon",
"slogan": "Avec toi vers l'entreprise !",
"description": "L'École Supérieure de l'Alternance à La Roche sur Yon - Formations Bac+2 à Bac+5 en Alternance - BTS, Bachelors, Mastères et Titres en contrat d'apprentissage",
"url": "https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/",
"sameAs" : [
"https://www.linkedin.com/school/esa-ecole-sup%C3%A9rieure-de-l-alternance/",
"https://www.facebook.com/ESA.EcoleSuperieureAlternance",
"https://www.instagram.com/esa_campus_larochesuryon",
"https://www.tiktok.com/@esa.85",
"https://www.youtube.com/@esa-larochesuryon",
"https://twitter.com/formationvendee"
],
"address":
{
"@type": "PostalAddress",
"name":"ESA La Roche s/ Yon",
"addressLocality": "La Roche s/ Yon",
"addressRegion": "Vendée",
"addressCountry": "FR",
"postalCode": "85000",
"streetAddress": "45 Rue Benjamin Franklin"
},
"logo": "https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-logo-1280x1280-1.jpg",
"openingHours": "Mo-Fr 08:30-17:30",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"ratingCount": "35"
}
}
</script><link rel="icon" type="image/png" href="/wp-content/uploads/fbrfg/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/wp-content/uploads/fbrfg/favicon.svg" />
<link rel="shortcut icon" href="/wp-content/uploads/fbrfg/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="/wp-content/uploads/fbrfg/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="ESA by H3 Campus" />
<link rel="manifest" href="/wp-content/uploads/fbrfg/site.webmanifest" /><link rel="llms-sitemap" href="https://ecolesuperieurealternance.fr/llms.txt" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/css/splide-core.min.css"/>
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/146076634.js"></script>
<!-- End of HubSpot Embed Code -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css"/>
<link rel="stylesheet" class="wpcodebox-style" href="https://ecolesuperieurealternance.fr/wp-content/uploads/wpcodebox/158.css?v=8abd9fb9e2cdcce8">
<style id='wpcb-styles-header'>
@charset "UTF-8";
.off-canvas-menu {
z-index: 1000;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: fixed;
padding: var(--space-s);
padding-top: 180px;
padding-bottom: 50px;
background: var(--base);
visibility: hidden;
/* hide scrollbar but allow scrolling */
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-y: scroll;
}
@media screen and (max-width: 768px) {
.off-canvas-menu {
padding-top: 150px;
}
}
@media screen and (max-width: 480px) {
.off-canvas-menu {
padding-top: 120px;
}
}
.off-canvas-menu::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.off-canvas-menu__left a {
text-transform: capitalize;
}
@media screen and (max-width: 768px) {
.off-canvas-menu__right {
order: -1;
}
.off-canvas-menu__formations-grid {
border-left: 1px solid var(--secondary);
border-top: 1px solid var(--secondary);
}
.off-canvas-menu__formation-wrapper {
border-right: 1px solid var(--secondary);
border-bottom: 1px solid var(--secondary);
}
}
.bg-topbar {
background: #084399;
background: -moz-linear-gradient(0deg, rgba(8, 67, 153, 0) 0%, #084399 30%);
background: -webkit-linear-gradient(0deg, rgba(8, 67, 153, 0) 0%, #084399 30%);
background: linear-gradient(0deg, rgba(8, 67, 153, 0) 0%, #084399 30%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#084399",endColorstr="#084399",GradientType=1);
}
/* Menu */
.off-canvas-menu__formation-wrapper nav {
width: 100%;
}
@media screen and (max-width: 768px) {
.off-canvas-menu__formation-wrapper ul li {
display: none !important;
}
}
.off-canvas-menu__formation-wrapper ul li:first-child {
display: block !important;
text-transform: uppercase;
font-size: var(--text-xl);
}
.off-canvas-menu__formation-wrapper ul li:first-child a {
font-weight: 400 !important;
}
@media screen and (max-width: 768px) {
.off-canvas-menu__formation-wrapper ul li:first-child a {
display: block;
width: 100;
text-align: center;
margin-top: 0 !important;
font-size: 1.6rem;
}
}
/* Off canvas Sociaux */
/* Section réseaux sociaux */
.off-canvas-sociaux__icons-wrapper .cta-sociaux-logo-link__logo svg {
fill: var(--secondary);
cursor: pointer;
transition: 0.5s;
width: 3rem;
height: 3rem;
}
/* Bottom bar */
.bottom-bar-item:hover {
color: var(--secondary);
}
/* Go top */
.go-top-btn p {
cursor: pointer;
}
/* Side vertical button */
.sidelink-vertical {
cursor: pointer;
writing-mode: vertical-lr;
/*transform: rotate(-90deg);
transform: translate(0, -50%) rotate(-90deg);
transform-origin: bottom;
white-space: nowrap;
position: absolute;
right: -68px;
bottom: 50%;*/
/*transform: translate(0, -50%) rotate(-90deg);
transform-origin: 0 0;
white-space: nowrap;
line-height: 0 !important;
width: 0;*/
padding: 0;
margin: 0;
font-size: 1.3rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1;
}
@media screen and (max-width: 768px) {
.sidelink-vertical {
font-size: 1.1rem;
}
}
/***************************/
/* simple underline effect */
/***************************/
a.esa-link-underline-fx {
display: inline;
line-height: 1.6;
text-decoration: none;
color: var(--secondary);
background-image: linear-gradient(currentColor, currentColor);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 1px;
transition: background-size 0.3s;
}
a.esa-link-underline-fx__white {
color: var(--white);
}
a.esa-link-underline-fx__white:hover {
color: var(--white) !important;
}
a.esa-link-underline-fx__white:focus {
color: var(--white) !important;
}
a.esa-link-underline-fx:hover, a.esa-link-underline-fx:focus {
color: var(--secondary-trans-80);
background-size: 100% 1px;
}
/************************/
/* underline-thicken-up */
/************************/
a.underline-thicken-up {
color: var(--base);
text-decoration: none;
box-shadow: inset 0 -0.5rem 0 0 var(--secondary-light);
transition: box-shadow 0.4s;
}
a.underline-thicken-up:hover {
color: var(--base);
box-shadow: inset 0 -4rem 0 0 var(--secondary-light);
}
a.underline-thicken-up--white {
color: var(--secondary);
}
/***************************/
/* underline-left-to-right */
/***************************/
a.esa-link-leftoright {
line-height: 1.4;
display: inline-block;
position: relative;
cursor: pointer;
color: var(--secondary);
text-decoration: none;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.esa-link-leftoright:hover {
color: var(--secondary);
}
a.esa-link-leftoright:after {
content: "";
position: absolute;
width: 100%;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
height: 1px;
bottom: 0;
left: 0;
background-color: var(--secondary);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: -webkit-transform 0.15s ease-out;
transition: -webkit-transform 0.15s ease-out;
-o-transition: transform 0.15s ease-out;
transition: transform 0.15s ease-out;
transition: transform 0.15s ease-out, -webkit-transform 0.25s ease-out;
}
a.esa-link-leftoright:hover:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: bottom left;
-ms-transform-origin: bottom left;
transform-origin: bottom left;
background-color: var(--secondary);
}
/*** Link underline-left-to-right white */
a.esa-link-leftoright.esa-link-leftoright__white {
color: var(--white);
}
a.esa-link-leftoright.esa-link-leftoright__white:hover {
color: var(--white);
}
a.esa-link-leftoright.esa-link-leftoright__white:after {
background-color: var(--white);
}
a.esa-link-leftoright.esa-link-leftoright__white:hover:after {
background-color: var(--white);
}
/***************/
/* ESA BUTTONS */
/***************/
/* Variables button light */
/* Variables button dark */
/* Variables button secondary */
/* Variables button primary */
/* Variables custom button (based on page color ACF variables) */
/*******************/
/* BUTTON BASE */
/*******************/
/* The Arrow */
.button__the-arrow {
width: 36px;
transition: all 0.2s;
}
.button__the-arrow.-left {
position: absolute;
top: 50%;
left: 0;
}
.button__the-arrow.-left > .shaft {
width: 0;
background-color: var(--white);
}
.button__the-arrow.-left > .shaft:before, .button__the-arrow.-left > .shaft:after {
width: 0;
background-color: var(--white);
}
.button__the-arrow.-left > .shaft:before {
transform: rotate(0);
}
.button__the-arrow.-left > .shaft:after {
transform: rotate(0);
}
.button__the-arrow.-right {
top: 0;
}
.button__the-arrow.-right > .shaft {
width: 36px;
transition-delay: 0.2s;
}
.button__the-arrow.-right > .shaft:before, .button__the-arrow.-right > .shaft:after {
width: 8px;
transition-delay: 0.3s;
transition: all 0.5s;
}
.button__the-arrow.-right > .shaft:before {
transform: rotate(40deg);
}
.button__the-arrow.-right > .shaft:after {
transform: rotate(-40deg);
}
.button__the-arrow > .shaft {
background-color: var(--white);
display: block;
height: 1px;
position: relative;
transition: all 0.2s;
transition-delay: 0;
will-change: transform;
}
.button__the-arrow > .shaft:before, .button__the-arrow > .shaft:after {
background-color: var(--white);
content: "";
display: block;
height: 1px;
position: absolute;
top: 0;
right: 0;
transition: all 0.2s;
transition-delay: 0;
}
.button__the-arrow > .shaft:before {
transform-origin: top right;
}
.button__the-arrow > .shaft:after {
transform-origin: bottom right;
}
/* Animated Arrow Button */
.button-arrow {
background: var(--base);
border: none;
border-radius: 10px;
padding: 10px 15px 10px 15px;
overflow: hidden;
cursor: pointer;
display: inline-block;
color: var(--white);
font-size: 1.4rem;
text-decoration: none;
position: relative;
transition: all 0.2s;
}
.button-arrow:hover {
background: var(--base-trans-80);
border: none;
color: var(--white);
padding-left: 16px;
}
.button-arrow:hover > .button__the-arrow.-left {
padding-left: 15px;
}
.button-arrow:hover > .button__the-arrow.-left > .shaft {
width: 36px;
transition-delay: 0.1s;
background-color: var(--white);
}
.button-arrow:hover > .button__the-arrow.-left > .shaft:before, .button-arrow:hover > .button__the-arrow.-left > .shaft:after {
width: 8px;
transition-delay: 0.1s;
background-color: var(--white);
}
.button-arrow:hover > .button__the-arrow.-left > .shaft:before {
transform: rotate(40deg);
}
.button-arrow:hover > .button__the-arrow.-left > .shaft:after {
transform: rotate(-40deg);
}
.button-arrow:hover > .button__main {
transform: translateX(52px);
}
.button-arrow:hover > .button__main > .button__the-arrow.-right > .shaft {
width: 0;
transform: translateX(200%);
transition-delay: 0;
}
.button-arrow:hover > .button__main > .button__the-arrow.-right > .shaft:before, .button-arrow:hover > .button__main > .button__the-arrow.-right > .shaft:after {
width: 0;
transition-delay: 0;
transition: all 0.1s;
}
.button-arrow:hover > .button__main > .button__the-arrow.-right > .shaft:before {
transform: rotate(0);
}
.button-arrow:hover > .button__main > .button__the-arrow.-right > .shaft:after {
transform: rotate(0);
}
.button-arrow > .button__main {
cursor: pointer;
display: flex;
align-items: center;
transition: all 0.2s;
}
.button-arrow > .button__main > .button__text {
cursor: pointer;
margin: 0 16px 0 0;
line-height: 1;
}
.button-arrow > .button__main > .button__the-arrow {
position: relative;
}
/**************************/
/* BUTTONS BASE LIGHT */
/**************************/
.button-arrow__light {
/* The Arrow */
background: var(--white);
color: var(--base);
}
.button-arrow__light .button__the-arrow.-left > .shaft {
background-color: var(--base);
}
.button-arrow__light .button__the-arrow.-left > .shaft:before, .button-arrow__light .button__the-arrow.-left > .shaft:after {
background-color: var(--base);
}
.button-arrow__light .button__the-arrow > .shaft {
background-color: var(--base);
}
.button-arrow__light .button__the-arrow > .shaft:before, .button-arrow__light .button__the-arrow > .shaft:after {
background-color: var(--base);
}
.button-arrow__light:hover {
background: var(--white);
color: var(--base);
}
.button-arrow__light:hover > .button__the-arrow.-left > .shaft {
background-color: var(--base);
}
.button-arrow__light:hover > .button__the-arrow.-left > .shaft:before, .button-arrow__light:hover > .button__the-arrow.-left > .shaft:after {
background-color: var(--base);
}
/***************************/
/* BUTTONS BASE HOLLOW */
/***************************/
.button-arrow__hollow {
/* The Arrow */
border: 1px solid var(--base);
background: none;
color: var(--base);
}
.button-arrow__hollow .button__the-arrow.-left > .shaft {
background-color: var(--base);
}
.button-arrow__hollow .button__the-arrow.-left > .shaft:before, .button-arrow__hollow .button__the-arrow.-left > .shaft:after {
background-color: var(--base);
}
.button-arrow__hollow .button__the-arrow > .shaft {
background-color: var(--base);
}
.button-arrow__hollow .button__the-arrow > .shaft:before, .button-arrow__hollow .button__the-arrow > .shaft:after {
background-color: var(--base);
}
.button-arrow__hollow:hover {
border: 1px solid var(--base-trans-80);
background: none;
color: var(--base-trans-80);
}
.button-arrow__hollow:hover > .button__the-arrow.-left > .shaft {
background-color: var(--base-trans-80);
}
.button-arrow__hollow:hover > .button__the-arrow.-left > .shaft:before, .button-arrow__hollow:hover > .button__the-arrow.-left > .shaft:after {
background-color: var(--base-trans-80);
}
/***************************/
/* BUTTONS PRIMARY HOLLOW */
/***************************/
.button-arrow__hollow-primary {
/* The Arrow */
border: 1px solid var(--primary);
background: none;
color: var(--primary);
}
.button-arrow__hollow-primary .button__the-arrow.-left > .shaft {
background-color: var(--primary);
}
.button-arrow__hollow-primary .button__the-arrow.-left > .shaft:before, .button-arrow__hollow-primary .button__the-arrow.-left > .shaft:after {
background-color: var(--primary);
}
.button-arrow__hollow-primary .button__the-arrow > .shaft {
background-color: var(--primary);
}
.button-arrow__hollow-primary .button__the-arrow > .shaft:before, .button-arrow__hollow-primary .button__the-arrow > .shaft:after {
background-color: var(--primary);
}
.button-arrow__hollow-primary:hover {
border: 1px solid var(--primary-trans-80);
background: none;
color: var(--primary-trans-80);
}
.button-arrow__hollow-primary:hover > .button__the-arrow.-left > .shaft {
background-color: var(--primary-trans-80);
}
.button-arrow__hollow-primary:hover > .button__the-arrow.-left > .shaft:before, .button-arrow__hollow-primary:hover > .button__the-arrow.-left > .shaft:after {
background-color: var(--primary-trans-80);
}
/****************************/
/* BUTTONS SECONDARY HOLLOW */
/****************************/
.button-arrow__hollow-secondary {
/* The Arrow */
border: 1px solid var(--secondary);
background: none;
color: var(--secondary);
}
.button-arrow__hollow-secondary .button__the-arrow.-left > .shaft {
background-color: var(--secondary);
}
.button-arrow__hollow-secondary .button__the-arrow.-left > .shaft:before, .button-arrow__hollow-secondary .button__the-arrow.-left > .shaft:after {
background-color: var(--secondary);
}
.button-arrow__hollow-secondary .button__the-arrow > .shaft {
background-color: var(--secondary);
}
.button-arrow__hollow-secondary .button__the-arrow > .shaft:before, .button-arrow__hollow-secondary .button__the-arrow > .shaft:after {
background-color: var(--secondary);
}
.button-arrow__hollow-secondary:hover {
border: 1px solid var(--secondary-trans-80);
background: none;
color: var(--secondary-trans-80);
}
.button-arrow__hollow-secondary:hover > .button__the-arrow.-left > .shaft {
background-color: var(--secondary-trans-80);
}
.button-arrow__hollow-secondary:hover > .button__the-arrow.-left > .shaft:before, .button-arrow__hollow-secondary:hover > .button__the-arrow.-left > .shaft:after {
background-color: var(--secondary-trans-80);
}
/*********************************/
/* BUTTONS BASE HOLLOW LIGHT */
/*********************************/
.button-arrow__hollow-light {
/* The Arrow */
border: 1px solid var(--white);
background: none;
color: var(--white);
}
.button-arrow__hollow-light .button__the-arrow.-left > .shaft {
background-color: var(--white);
}
.button-arrow__hollow-light .button__the-arrow.-left > .shaft:before, .button-arrow__hollow-light .button__the-arrow.-left > .shaft:after {
background-color: var(--white);
}
.button-arrow__hollow-light .button__the-arrow > .shaft {
background-color: var(--white);
}
.button-arrow__hollow-light .button__the-arrow > .shaft:before, .button-arrow__hollow-light .button__the-arrow > .shaft:after {
background-color: var(--white);
}
.button-arrow__hollow-light:hover {
border: 1px solid var(--shade-ultra-light);
background: none;
color: var(--shade-ultra-light);
}
.button-arrow__hollow-light:hover > .button__the-arrow.-left > .shaft {
background-color: var(--shade-ultra-light);
}
.button-arrow__hollow-light:hover > .button__the-arrow.-left > .shaft:before, .button-arrow__hollow-light:hover > .button__the-arrow.-left > .shaft:after {
background-color: var(--shade-ultra-light);
}
/***************************/
/* BUTTONS CUSTOM */
/***************************/
.button-arrow__custom {
/* The Arrow */
background: var(--page-accent-color);
color: var(--white);
}
.button-arrow__custom .button__the-arrow.-left > .shaft {
background-color: var(--white);
}
.button-arrow__custom .button__the-arrow.-left > .shaft:before, .button-arrow__custom .button__the-arrow.-left > .shaft:after {
background-color: var(--white);
}
.button-arrow__custom .button__the-arrow > .shaft {
background-color: var(--white);
}
.button-arrow__custom .button__the-arrow > .shaft:before, .button-arrow__custom .button__the-arrow > .shaft:after {
background-color: var(--white);
}
.button-arrow__custom:hover {
background: var(--page-accent-color-light);
}
/*********************************/
/* BUTTONS CUSTOM LIGHT */
/*********************************/
.button-arrow__custom-light {
/* The Arrow */
background: var(--white);
color: var(--page-accent-color);
}
.button-arrow__custom-light .button__the-arrow.-left > .shaft {
background-color: var(--page-accent-color);
}
.button-arrow__custom-light .button__the-arrow.-left > .shaft:before, .button-arrow__custom-light .button__the-arrow.-left > .shaft:after {
background-color: var(--page-accent-color);
}
.button-arrow__custom-light .button__the-arrow > .shaft {
background-color: var(--page-accent-color);
}
.button-arrow__custom-light .button__the-arrow > .shaft:before, .button-arrow__custom-light .button__the-arrow > .shaft:after {
background-color: var(--page-accent-color);
}
.button-arrow__custom-light:hover {
background: var(--white);
color: var(--page-accent-color);
}
.button-arrow__custom-light:hover > .button__the-arrow.-left > .shaft {
background-color: var(--page-accent-color);
}
.button-arrow__custom-light:hover > .button__the-arrow.-left > .shaft:before, .button-arrow__custom-light:hover > .button__the-arrow.-left > .shaft:after {
background-color: var(--page-accent-color);
}
/***************************/
/* BUTTONS CUSTOM HOLLOW */
/***************************/
.button-arrow__custom-hollow {
/* The Arrow */
border: 1px solid var(--page-accent-color);
background: none;
color: var(--page-accent-color);
}
.button-arrow__custom-hollow .button__the-arrow.-left > .shaft {
background-color: var(--page-accent-color);
}
.button-arrow__custom-hollow .button__the-arrow.-left > .shaft:before, .button-arrow__custom-hollow .button__the-arrow.-left > .shaft:after {
background-color: var(--page-accent-color);
}
.button-arrow__custom-hollow .button__the-arrow > .shaft {
background-color: var(--page-accent-color);
}
.button-arrow__custom-hollow .button__the-arrow > .shaft:before, .button-arrow__custom-hollow .button__the-arrow > .shaft:after {
background-color: var(--page-accent-color);
}
.button-arrow__custom-hollow:hover {
border: 1px solid var(--page-accent-color-light);
background: none;
color: var(--page-accent-color-light);
}
.button-arrow__custom-hollow:hover > .button__the-arrow.-left > .shaft {
background-color: var(--page-accent-color-light);
}
.button-arrow__custom-hollow:hover > .button__the-arrow.-left > .shaft:before, .button-arrow__custom-hollow:hover > .button__the-arrow.-left > .shaft:after {
background-color: var(--page-accent-color-light);
}
/*********************/
/* BUTTONS SECONDARY */
/*********************/
.button-arrow__secondary {
/* The Arrow */
background: var(--secondary);
color: var(--white);
}
.button-arrow__secondary .button__the-arrow.-left > .shaft {
background-color: var(--white);
}
.button-arrow__secondary .button__the-arrow.-left > .shaft:before, .button-arrow__secondary .button__the-arrow.-left > .shaft:after {
background-color: var(--white);
}
.button-arrow__secondary .button__the-arrow > .shaft {
background-color: var(--white);
}
.button-arrow__secondary .button__the-arrow > .shaft:before, .button-arrow__secondary .button__the-arrow > .shaft:after {
background-color: var(--white);
}
.button-arrow__secondary:hover {
background: var(--secondary-trans-80);
}
/*********************/
/* BUTTONS PRIMARY */
/*********************/
.button-arrow__primary {
/* The Arrow */
background: var(--primary);
color: var(--white);
}
.button-arrow__primary .button__the-arrow.-left > .shaft {
background-color: var(--white);
}
.button-arrow__primary .button__the-arrow.-left > .shaft:before, .button-arrow__primary .button__the-arrow.-left > .shaft:after {
background-color: var(--white);
}
.button-arrow__primary .button__the-arrow > .shaft {
background-color: var(--white);
}
.button-arrow__primary .button__the-arrow > .shaft:before, .button-arrow__primary .button__the-arrow > .shaft:after {
background-color: var(--white);
}
.button-arrow__primary:hover {
background: var(--primary-trans-80);
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
:root {
--ham-color: var(--white);
--ham-color-active: var(--base-ultra-light);
}
.hamburger:focus {
outline: 1px dotted var(--ham-color) !important;
outline-offset: 3px 3px 3px 3px !important;
border-radius: 2px;
}
.hamburger {
padding: 5px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger-box {
width: 25px;
height: 18px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 25px;
height: 2px;
background-color: var(--ham-color);
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
}
.hamburger-label, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
color: var(--ham-color);
transition: 0.3s;
}
/*
* Collapse
*/
.hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* Custom hamburger style */
.hamburger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 8px 5px 5px 5px;
}
.hamburger-label {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 1.2rem;
font-weight: 700;
padding: 0;
margin-top: -2px;
margin-right: 9px;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
background-color: var(--ham-color-active);
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
background-color: var(--ham-color);
}
.hamburger:hover .hamburger-inner, .hamburger:hover .hamburger-inner::before, .hamburger:hover .hamburger-inner::after, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
background-color: var(--ham-color-active);
}
.hamburger:hover .hamburger-label, .hamburger.is-active .hamburger-label {
color: var(--ham-color-active) !important;
}
.cursor {
z-index: 1000000;
top: 0;
left: 0;
width: 20px;
height: 20px;
opacity: 1;
background-color: transparent;
border: 1px solid var(--secondary);
transition-timing-function: ease-out;
border-radius: 50%;
position: fixed;
user-select: none;
pointer-events: none;
transform: translate(-50%, -50%);
transition: height 200ms, width 200ms;
}
.cursor__icon {
position: relative;
width: 100%;
height: 100%;
}
.cursor__decouvrir, .cursor__drag, .cursor__download, .cursor__inscrire, .cursor__lire {
color: white;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
display: block;
position: absolute;
opacity: 0;
transition: all 0.4s;
text-transform: uppercase;
font-size: 1.2rem;
line-height: 1.4;
text-align: center;
white-space: nowrap;
}
.cursor.state--decouvrir, .cursor.state--drag, .cursor.state--download, .cursor.state--inscrire, .cursor.state--lire {
width: 10vw;
height: 10vw;
border: none;
}
.cursor.state--decouvrir, .cursor.state--drag, .cursor.state--lire {
background: var(--secondary);
}
.cursor.state--download {
background: var(--page-accent-color);
}
.cursor.state--inscrire {
background: var(--page-accent-color-dark);
}
.cursor.state--decouvrir .cursor__decouvrir, .cursor.state--drag .cursor__drag, .cursor.state--download .cursor__download, .cursor.state--inscrire .cursor__inscrire, .cursor.state--lire .cursor__lire {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.cursor.state--transition-movement {
transition: height 400ms, width 400ms, left 400ms, top 400ms;
}
.cursor.state--link {
width: 5vw;
height: 5vw;
background-color: var(--base-ultra-dark);
opacity: 0.2;
border: none;
}
.hover-decouvrir, .hover-download, .hover-inscrire, .hover-link, .hover-lire {
cursor: pointer;
}
.hover-drag {
cursor: grab;
}
@media screen and (min-width: 1281px) {
.cursor.state--decouvrir, .cursor.state--drag, .cursor.state--inscrire, .cursor.state--download, .cursor.state--lire {
width: 15rem;
height: 15rem;
}
.cursor__decouvrir, .cursor__drag, .cursor__inscrire, .cursor__download, .cursor__lire {
font-size: 1.4rem;
}
}
@media screen and (max-width: 1280px) {
.cursor.state--decouvrir, .cursor.state--drag, .cursor.state--inscrire, .cursor.state--download, .cursor.state--lire {
width: 10vw;
height: 10vw;
}
.cursor__decouvrir, .cursor__drag, .cursor__inscrire, .cursor__download, .cursor__lire {
font-size: 1.2rem;
}
}
@charset "UTF-8";
/* Section réseaux sociaux */
.cta-sociaux-logo-link svg {
fill: var(--base);
cursor: pointer;
transition: 0.5s;
}
.cta-sociaux-logo-link:hover svg {
fill: var(--base-ultra-dark);
}
/**********************/
/* SECTION PLATEFORME */
/**********************/
.plateforme-section .plateforme-right-col, .plateforme-section .plateforme-left-col {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.plateforme-section .plateforme-right-col li, .plateforme-section .plateforme-left-col li {
display: block !important;
line-height: 1.4;
margin-bottom: 0.4rem;
}
.plateforme-section .plateforme-left-col {
padding-right: 1.8rem;
}
.plateforme-section .plateforme-right-col {
border-left: 1px solid var(--base-dark);
padding-left: 1.8rem;
}
.plateforme-section .plateforme-links {
font-size: 1.4rem;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.plateforme-section .plateforme-left-col {
padding-right: 1.5rem;
}
.plateforme-section .plateforme-right-col {
padding-left: 1.5rem;
}
.plateforme-section .plateforme-links {
margin-bottom: 0.3rem;
font-size: 1.2rem;
}
}
/* LEAD-IA */
#lead-ia-profile_div {
visibility: hidden;
}
@media screen and (max-width: 991px) {
#lead-ia-profile_div {
bottom: 80px !important;
}
}
/* INIT FOR GSAP ANIMATION (Removing a Flash of Unstyled Content) */
body:not(.ng-scope) .esa-header {
visibility: hidden;
}
/***************/
/* STICKY MENU */
/***************/
.esa-navbar {
height: 160px;
position: fixed;
width: 100%;
left: 0;
top: 0;
transition: ease 0.3s;
overflow: hidden;
z-index: 1300;
padding-top: 3rem;
padding-bottom: 3rem;
}
@media screen and (max-width: 480px) {
.esa-navbar {
height: 130px;
padding-top: 2rem;
padding-bottom: 2rem;
}
.esa-navbar .hamburger-label {
display: none;
}
}
.esa-navbar.esa-navbar--up {
top: -160px;
transition: ease 0.4s;
}
.esa-navbar.esa-navbar--scrolled {
height: 105px;
background: var(--base-dark);
padding-top: 2rem;
padding-bottom: 2rem;
}
/**********/
/* TOPBAR */
/**********/
.topbar-button {
cursor: pointer;
}
.topbar-button .topbar-button__icon, .topbar-button .topbar-button__txt {
cursor: pointer;
color: var(--white);
transition: 0.5s;
}
.topbar-button svg {
cursor: pointer;
}
/* TOPBAR button effect */
a p.esa-link-underline-fx {
display: inline;
line-height: 1.6;
text-decoration: none;
color: var(--secondary);
background-image: linear-gradient(currentColor, currentColor);
background-position: 0% 100%;
background-repeat: no-repeat;
background-size: 0% 1px;
transition: background-size 0.3s;
}
a p.esa-link-underline-fx__white {
color: var(--white);
}
a:hover p.esa-link-underline-fx__white {
color: var(--white);
}
a:focus p.esa-link-underline-fx__white {
color: var(--white);
}
a:hover p.esa-link-underline-fx, a:focus p.esa-link-underline-fx {
background-size: 100% 1px;
}
/*****************/
/* GLOBAL HEADER */
/*****************/
.esa-header {
/*min-height: auto !important;*/
}
#header {
height: 100%;
min-height: 100vh;
}
@media screen and (max-width: 768px) {
#header {
min-height: 85vh;
}
}
.esa-header__title-wrapper {
/*padding-top: calc(var(--space-xxl)*2.5);*/
padding-top: calc(var(--space-xxl)*2.3);
padding-bottom: var(--space-xl);
}
.esa-header__title {
font-size: calc(var(--text-xxl)*2.54);
word-break: break-word;
}
@media screen and (max-width: 768px) {
.esa-header__title {
font-size: 8.5vw;
}
}
.header__global-pad {
padding-right: var(--space-m);
padding-left: var(--space-m);
}
@media screen and (max-width: 480px) {
.header__global-pad {
padding-right: 2rem;
padding-left: 2rem;
}
}
.header__long-title {
color: white;
font-weight: 700;
}
/*******************/
/* PAGE NAVIGATION */
/*******************/
.page-nav-list {
list-style: none;
}
/******************/
/* EXPLORE BUTTON */
/******************/
.explore {
width: 100%;
position: relative;
}
.explore .explore-btn {
position: absolute;
right: 0;
top: -17rem;
}
@media screen and (max-width: 1280px) {
.explore .explore-btn {
right: 1.5rem;
}
}
@media screen and (max-width: 768px) {
.explore .explore-btn {
top: -13rem;
}
}
.explore .explore-btn .explore-btn__filet {
background: var(--page-accent-color);
width: 0.7rem;
height: 13rem;
margin-top: 1.9rem;
}
@media screen and (max-width: 768px) {
.explore .explore-btn .explore-btn__filet {
height: 8rem;
width: 0.5rem;
}
}
.explore .explore-btn .explore-btn__txt {
cursor: pointer;
color: var(--white);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
padding: 0;
margin: 0;
font-size: 1.3rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1;
}
@media screen and (max-width: 768px) {
.explore .explore-btn .explore-btn__txt {
font-size: 1.1rem;
}
}
/* BLOC PORTENT OUVERTES */
@supports (-webkit-text-stroke: 1px white) {
.cta-home-por__title {
-webkit-text-stroke: 1px white;
-webkit-text-fill-color: transparent;
}
}
.cta-home-po__item_title {
margin: 0;
}
.cta-home-po__content-wrap {
padding-top: 0;
}
.cta-home-po__item-wrap {
text-align: left !important;
}
.lien_entretien {
color: var(--white);
text-decoration: none;
-webkit-box-shadow: inset 0 -0.5rem 0 0 var(--secondary);
box-shadow: inset 0 -0.5rem 0 0 var(--secondary);
-webkit-transition: -webkit-box-shadow 0.4s;
transition: -webkit-box-shadow 0.4s;
-o-transition: box-shadow 0.4s;
transition: box-shadow 0.4s;
transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
}
.lien_entretien:hover {
color: var(--white);
-webkit-box-shadow: inset 0 -4rem 0 0 var(--secondary);
box-shadow: inset 0 -4rem 0 0 var(--secondary);
}
/* MODAL INFO A LA UNE */
.modal-body__text a {
text-decoration: none;
font-weight: 700;
-webkit-box-shadow: inset 0 -0.5rem 0 0 var(--secondary-light);
box-shadow: inset 0 -0.5rem 0 0 var(--secondary-light);
-webkit-transition: -webkit-box-shadow 0.4s;
transition: -webkit-box-shadow 0.4s;
-o-transition: box-shadow 0.4s;
transition: box-shadow 0.4s;
transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
}
.modal-body__text a:hover {
-webkit-box-shadow: inset 0 -4rem 0 0 var(--secondary-light);
box-shadow: inset 0 -4rem 0 0 var(--secondary-light);
}
.breadcrumb {
padding: var(--space-xs);
border-radius: 5px;
background: var(--base-light);
}
.breadcrumb p {
margin: 0;
}
.breadcrumb span {
color: red;
}
.breadcrumb .separator {
color: blue;
}
.breadcrumb a {
color: green;
}
.breadcrumb .last {
color: yellow;
}
/* =======
Loading
======= */
.loader-wrapper {
background: var(--base);
z-index: 10000;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.loader-image {
visibility: hidden;
width: 15rem;
}
/* Hide cursor on load */
.cursor {
visibility: hidden;
}
/* Section introduction de page */
.section-intro .section-intro__txt-wrapper {
width: 100%;
max-width: var(--width-m);
}
.section-intro .section-intro__txt-wrapper .esa-surtitle {
color: var(--secondary);
margin-bottom: calc(var(--space-xs)/1.5);
}
.section-intro .section-intro__figure {
position: relative;
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
min-height: 35rem;
}
.section-intro .section-intro__figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.section-intro .section-intro__figure {
min-height: 0;
}
}
/* HELPER CLICKABLE PARENT */
.clickable-parent::after {
content: "";
display: flex;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
z-index: 1;
}
/* Frise de couleur ESA */
.esa-card-frise {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
height: 1rem;
overflow: hidden;
}
.esa-card-frise--red {
background: var(--primary);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.esa-card-frise--blue {
background: var(--base);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.esa-card-frise--yellow {
background: var(--secondary);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
/* Featured image -10rem on left / esa frise on bottom */
.featured-img-10 {
position: relative;
overflow: hidden;
overflow-x: visible;
height: 100%;
width: calc(100% + 10rem);
margin: 0;
padding: 0;
margin-left: -10rem;
line-height: 1;
}
.featured-img-10 img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 10;
}
.featured-img-10 .esa-card-frise {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 20;
}
@media screen and (max-width: 1280px) {
.featured-img-10 {
margin-left: 0;
width: 100%;
}
}
/* VERTICAL TEXT EFFECT */
.vertical-text {
width: 10px;
height: auto;
position: relative;
display: inline-block;
font-size: 1.3rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.vertical-text {
font-size: 1.1rem;
}
}
.vertical-text__inner-center {
cursor: pointer;
white-space: nowrap;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.vertical-text__inner-bottom {
cursor: pointer;
white-space: nowrap;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%) rotate(-90deg);
-ms-transform: translateX(-50%) rotate(-90deg);
transform: translateX(-50%) rotate(-90deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 0;
line-height: 0;
}
/* Fil Ariane */
.fil-ariane p {
max-width: 100%;
}
@charset "UTF-8";
/******************************/
/* Page toutes les formations */
/******************************/
.nos-form-cta-list ol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
list-style: none;
counter-reset: my-awesome-counter;
margin: 0;
padding: 0 var(--space-l) 0 0;
}
@media screen and (max-width: 992px) {
.nos-form-cta-list ol {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0;
}
}
@media screen and (max-width: 480px) {
.nos-form-cta-list ol {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0 -30px 0 -30px;
}
}
.nos-form-cta-list ol li {
width: 100%;
color: var(--white);
font-size: calc(var(--text-m)*1.2);
text-align: left;
counter-increment: my-awesome-counter;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding-right: 0;
padding-left: 0;
padding-top: var(--space-xs);
padding-bottom: var(--space-xs);
border-bottom: 1px solid var(--secondary);
position: relative;
cursor: pointer;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.nos-form-cta-list ol li {
font-size: 1.4rem;
letter-spacing: 0;
}
}
@media screen and (max-width: 480px) {
.nos-form-cta-list ol li {
font-size: 1.4rem;
letter-spacing: 0;
width: 100%;
padding-right: 30px;
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.nos-form-cta-list ol li::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--secondary);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
z-index: -1;
-webkit-transform: translateY(101%);
-ms-transform: translateY(101%);
transform: translateY(101%);
}
.nos-form-cta-list ol li:hover::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.nos-form-cta-list ol li::before {
content: "0" counter(my-awesome-counter) " -";
font-weight: 300;
font-size: var(--text-l);
color: var(--secondary);
margin-right: 1rem;
padding-left: 0.5rem;
white-space: nowrap;
}
@media screen and (max-width: 480px) {
.nos-form-cta-list ol li::before {
padding-left: 3rem;
}
}
.nos-form-cta-list ol li a {
cursor: pointer;
color: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.nos-form-cta-list ol li a:hover {
color: var(--white);
}
.nos-form-cta-list ol li a .nos-form-cta-list__title {
max-width: 100%;
font-weight: 300;
font-size: var(--text-s);
letter-spacing: 1px;
}
.nos-form-cta-list ol li a .nos-form-cta-list__title span {
font-weight: 700;
font-size: var(--text-l);
}
.nos-form-cta-list ol li a .nos-form-cta-list__plus {
font-weight: 300;
color: var(--secondary);
margin-left: 1rem;
}
.nos-form-cta-list ol li a:hover::before {
color: var(--white);
}
#mastere .nos-form-cta-list ol li {
border-bottom: 1px solid var(--base);
}
#mastere .nos-form-cta-list ol li a:hover::before {
color: var(--base);
}
#mastere .nos-form-cta-list ol li::after {
background-color: var(--base);
}
#mastere .nos-form-cta-list ol li::before {
color: var(--base);
}
#mastere .nos-form-cta-list ol li .nos-form-cta-list__plus {
color: var(--base);
}
/*********************************/
/* Page formations par catégorie */
/*********************************/
.form-fiche-list {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
}
.form-fiche-list .form-fiche-list-item {
position: relative;
background: var(--white);
}
.form-fiche-list .form-fiche-list-item::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 22rem;
background: var(--shade-trans-20);
z-index: 0;
}
@media screen and (max-width: 768px) {
.form-fiche-list .form-fiche-list-item::after {
height: 20rem;
}
}
.form-fiche-article {
position: relative;
z-index: 10;
width: 100%;
overflow: hidden;
padding-right: var(--section-padding-x);
padding-left: var(--section-padding-x);
padding-top: var(--space-xxl);
padding-bottom: 0;
}
.form-fiche-article__content {
padding-right: var(--space-s);
padding-left: var(--space-s);
}
@media screen and (max-width: 1280px) {
.form-fiche-article__content {
padding-right: 0;
padding-left: 0;
}
}
.form-fiche-article .vertical-text {
color: var(--page-accent-color);
}
.form-fiche-article header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form-fiche-article header .esa-surtitle {
color: var(--page-accent-color);
margin-bottom: calc(var(--space-xs)/1.5);
}
.form-fiche-article header h2 {
font-size: calc(var(--text-xxl)*1.1);
}
.form-fiche-article header a, .form-fiche-article header a:hover, .form-fiche-article header a:focus {
color: var(--base) !important;
}
.form-fiche-article header .featured-img-10 {
max-height: 53rem;
margin-top: 4rem;
margin-bottom: 11rem;
}
@media screen and (max-width: 992px) {
.form-fiche-article header .featured-img-10 {
display: none;
}
}
.form-fiche-article .form-fiche-content__intro {
margin-top: 3rem;
margin-left: calc(var(--space-m) + 10px);
/* max-width: 55rem; */
}
@media screen and (max-width: 992px) {
.form-fiche-article .form-fiche-content__intro {
margin-left: 0;
}
}
.form-fiche-article .form-fiche-content__objectifs, .form-fiche-article .form-fiche-content__metiers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.form-fiche-article .form-fiche-content__metiers--txt {
margin-left: var(--space-m);
font-size: calc(var(--text-m)*1.1);
width: 100%;
}
.form-fiche-article .form-fiche-content__metiers--txt p {
margin: 0;
}
@media screen and (min-width: 768px) {
.form-fiche-article .form-fiche-content__metiers--txt p.columns--2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: var(--space-m);
-moz-column-gap: var(--space-m);
column-gap: var(--space-m);
}
}
.form-fiche-article .form-fiche-content ol {
list-style: none;
counter-reset: my-awesome-counter;
margin-left: var(--space-m);
padding-left: -50px;
/* max-width: 55rem; */
line-height: 1.2;
}
@media screen and (max-width: 480px) {
.form-fiche-article .form-fiche-content ol {
margin-left: var(--space-s);
}
}
.form-fiche-article .form-fiche-content ol li {
margin-bottom: 1rem;
font-size: calc(var(--text-m)*1.2);
text-align: left;
counter-increment: my-awesome-counter;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
@media screen and (max-width: 480px) {
.form-fiche-article .form-fiche-content ol li {
font-size: 1.4rem;
letter-spacing: 0;
}
}
.form-fiche-article .form-fiche-content ol li::before {
content: "0" counter(my-awesome-counter) " -";
font-weight: 300;
padding-left: 0.5rem;
margin-left: -50px;
white-space: nowrap;
}
@media screen and (max-width: 480px) {
.form-fiche-article .form-fiche-content ol li::before {
margin-left: -35px;
}
}
.form-fiche-article .form-fiche-list__footer-inner {
width: 100%;
height: 25rem;
padding-left: var(--space-m);
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form-fiche-article .form-fiche-list__footer-inner .button-arrow {
margin-top: 0;
}
@media screen and (max-width: 992px) {
.form-fiche-article .form-fiche-list__footer-inner {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
height: 20rem;
}
.form-fiche-article .form-fiche-list__footer-inner .button-arrow {
margin-top: 1.5rem;
}
}
.form-fiche-article .form-fiche-list__footer-inner .hover-decouvrir {
font-size: var(--text-xl);
text-transform: uppercase;
font-weight: 700;
color: var(--base);
}
.form-fiche-article .form-fiche-list__footer-inner .button-arrow {
position: relative;
z-index: 2;
}
/* Changer style un article sur 2 */
.form-fiche-list-item .form-fiche-content__metiers a {
color: var(--page-accent-color);
text-decoration: underline;
transition: color 0.2s ease;
}
.form-fiche-list-item .form-fiche-content__metiers a:hover {
color: var(--page-accent-color);
text-decoration: none;
}
.form-fiche-list-item:nth-of-type(2n) {
background: var(--page-accent-color) !important;
}
.form-fiche-list-item:nth-of-type(2n) .esa-surtitle {
color: var(--white) !important;
}
.form-fiche-list-item:nth-of-type(2n) .vertical-text {
color: var(--white) !important;
}
.form-fiche-list-item:nth-of-type(2n) .form-fiche-article__header a, .form-fiche-list-item:nth-of-type(2n) .form-fiche-article__header a:hover, .form-fiche-list-item:nth-of-type(2n) .form-fiche-article__header a:focus {
color: var(--white) !important;
}
.form-fiche-list-item:nth-of-type(2n) .form-fiche-content__metiers a {
color: var(--white);
text-decoration: underline;
transition: color 0.2s ease;
}
.form-fiche-list-item:nth-of-type(2n) .form-fiche-content__metiers a:hover {
color: var(--white);
text-decoration: none;
}
.form-fiche-list-item:nth-of-type(2n) .form-fiche-article {
color: var(--white) !important;
}
.form-fiche-list-item:nth-of-type(2n) .form-fiche-list__footer-inner .hover-decouvrir {
color: var(--white);
}
.form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow {
/* The Arrow */
border: 1px solid var(--white);
background: none;
color: var(--white);
}
.form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow .button__the-arrow.-left > .shaft {
background-color: var(--white);
}
.form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow .button__the-arrow.-left > .shaft:before, .form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow .button__the-arrow.-left > .shaft:after {
background-color: var(--white);
}
.form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow .button__the-arrow > .shaft {
background-color: var(--white);
}
.form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow .button__the-arrow > .shaft:before, .form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow .button__the-arrow > .shaft:after {
background-color: var(--white);
}
.form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow:hover {
border: 1px solid var(--white-trans-80);
background: none;
color: var(--white-trans-80);
}
.form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow:hover > .button__the-arrow.-left > .shaft {
background-color: var(--white-trans-80);
}
.form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow:hover > .button__the-arrow.-left > .shaft:before, .form-fiche-list-item:nth-of-type(2n) .button-arrow__hollow:hover > .button__the-arrow.-left > .shaft:after {
background-color: var(--white-trans-80);
}
/********************/
/* Single formation */
/********************/
/* Style a */
.single-form-article a {
color: var(--page-accent-color);
text-decoration: underline;
transition: color 0.2s ease;
}
.single-form-article a:hover {
color: var(--page-accent-color);
text-decoration: none;
}
.form-fiche-article__header-title p {
margin: 0;
font-size: calc(var(--text-xxl)*1.1);
font-weight: 700;
line-height: 1.2;
}
.vertical-text h3 {
font-size: 1.3rem;
font-weight: 400;
max-width: inherit !important;
}
.single-form-article header .featured-img-10 {
max-height: 63rem;
margin-top: 4rem;
margin-bottom: -17rem;
}
@media screen and (max-width: 992px) {
.single-form-article header .featured-img-10 {
display: none;
}
}
/* Section Contrat et rythme */
.form-fiche-content__contrat-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form-fiche-content__contrat-col .form-fiche-content__contrat-col__txt {
margin-left: var(--space-m);
}
.form-fiche-content__contrat-col .form-fiche-content__contrat-col__txt p {
margin: 0;
font-size: calc(var(--text-m)*1.1);
}
@media screen and (max-width: 480px) {
.form-fiche-content__contrat-col:last-child {
margin-top: var(--space-m);
}
}
/* Section financement */
.form-fiche-financement {
background: var(--shade-trans-20);
padding-right: var(--section-padding-x);
padding-left: var(--section-padding-x);
padding-top: var(--space-xxl);
padding-bottom: var(--space-xxl);
margin-top: var(--space-xl);
}
.form-fiche-financement--inner {
margin: 0 auto;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.form-fiche-financement--txt-wrapper {
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 3;
grid-column-end: 4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 992px) {
.form-fiche-financement--txt-wrapper {
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-column-span: 3;
grid-column-end: 4;
}
}
.form-fiche-financement--txt-grid {
margin-left: var(--space-m);
}
.form-fiche-financement--txt-grid p {
margin: 0;
font-size: calc(var(--text-m)*1.1);
}
/* ACCORDION DETAILS */
.details .accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.details .accordion__items-wrapper {
width: 100%;
margin: 0;
overflow: hidden;
position: relative;
}
.details .accordion__item {
position: absolute;
visibility: hidden;
left: 0;
top: 0;
color: var(--white);
border-left: 1px solid var(--white-trans-40);
padding-left: var(--space-m);
font-size: calc(var(--text-m)*1.1);
}
.details .accordion__item .accordion__item-title {
font-weight: 400;
text-transform: uppercase;
font-size: var(--text-l);
}
.details .accordion__item p {
/*margin: 0;*/
margin-bottom: 0;
}
.details .accordion__item p:first-child {
margin-top: 0;
}
.details .accordion__item a {
color: white !important;
text-decoration: underline !important;
}
.details .accordion__item a:hover {
text-decoration: none !important;
}
.details .tabs-list {
min-width: 50%;
padding: var(--space-m);
border: 1px solid var(--white-trans-40);
border-radius: 5px;
}
.details .tabs-list button {
background-color: transparent;
border: 0;
border-radius: 0;
color: inherit;
display: inline-block;
padding: 0;
text-decoration: none;
text-align: left;
text-transform: uppercase;
font-size: calc(var(--text-m)*1.2);
line-height: 1.4;
font-weight: 400;
}
.details .tabs-list button:focus {
outline: none;
}
@media (max-width: 992px) {
.details .tabs-list {
min-width: 100%;
}
.details .accordion__items-wrapper {
min-width: 100%;
}
}
.details .tabs-list button {
margin: 0 1em 0.8em 0;
}
@media (max-width: 480px) {
.details .tabs-list button {
font-size: 1.4rem;
}
}
/* DOWNLOAD SECTION */
.section-download__title {
color: var(--white);
font-weight: 300;
font-size: var(--text-l);
line-height: 1.2;
text-align: left;
text-transform: uppercase;
margin-right: var(--space-s);
}
.section-download__title span {
font-weight: 700;
}
.section-mentions p {
max-width: 100%;
}
.section-mentions h2 {
font-size: var(--text-l);
text-transform: uppercase;
margin-top: var(--space-l);
}
.section-mentions h3, .section-mentions h4, .section-mentions h5 {
font-size: var(--text-m);
text-transform: uppercase;
margin-top: var(--space-m);
}
/* CAMPUS LIST */
.campus-list {
list-style: none;
overflow: hidden;
}
.campus-list li {
overflow: hidden;
position: relative;
min-width: 19rem;
cursor: pointer;
border: 1px solid var(--shade-trans-40);
}
.campus-list li::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--white);
transition: transform 0.3s ease-in-out;
z-index: 0;
transform: translateY(101%);
}
.campus-list li:hover::before {
transform: translateY(0);
}
.campus-list li a {
position: relative;
display: block;
width: 100%;
height: 100%;
padding: 0.5rem 2rem;
z-index: 1;
text-align: center;
font-size: 2rem;
line-height: 1.2;
color: var(--white);
font-weight: 700;
transition: color 0.3s ease-in-out;
}
.campus-list li:hover a {
color: var(--base) !important;
}
.section-intro .campus-list li {
border: 1px solid var(--base);
}
.section-intro .campus-list li::before {
background-color: var(--base);
}
.section-intro .campus-list li a {
color: var(--base);
}
.section-intro .campus-list li:hover a {
color: var(--white) !important;
}
.formation-lieux .campus-list li {
border: 1px solid var(--white);
}
.formation-lieux .campus-list li::before {
background-color: var(--white);
}
.formation-lieux .campus-list li a {
color: var(--white);
}
.formation-lieux .campus-list li:hover a {
color: var(--page-accent-color) !important;
}
.num-grid {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.num-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
min-width: 16rem;
}
.num-item__chiffre {
overflow: hidden;
position: relative;
width: 70%;
}
@media screen and (max-width: 728px) {
.num-item__chiffre {
width: 16rem;
}
}
.num-item__chiffre span {
position: absolute;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 10;
color: var(--white);
font-weight: 700;
font-size: calc(var(--text-xxl)*2);
padding: var(--space-xs);
}
.num-item__chiffre span.pourcent:after {
position: absolute;
top: 1rem;
right: -1rem;
content: '%';
font-size: var(--text-xl);
}
.num-item__chiffre img {
width: 100%;
}
.num-item__txt {
font-size: var(--text-xl);
line-height: 1.4;
}
.other-num-item span {
font-weight: 700;
font-size: calc(var(--text-xxl)*2);
margin-right: 5rem;
position: relative;
}
.other-num-item span.pourcent:after {
position: absolute;
top: 0;
right: -2rem;
content: '%';
font-size: var(--text-xl);
vertical-align: text-top;
}
.other-num-item p {
font-size: var(--text-xl);
line-height: 1.4;
text-align: left;
margin: 0;
}
/* Glightbox style */
.gnext, .gprev {
display: none !important;
}
.ginner-container {
padding: 2rem;
}
@media screen and (max-width: 992px) {
.ginner-container {
padding: 2rem;
}
}
@media screen and (max-width: 480px) {
.ginner-container {
padding: 0;
}
}
.gslide-inline {
border-radius: 5px;
overflow: hidden;
}
.goverlay {
background: rgba(3, 21, 48, 0.95);
}
/* POPUP FORM */
.popup-form-wrapper {
-ms-overflow-style: none;
/* for Internet Explorer, Edge */
scrollbar-width: none;
/* for Firefox */
overflow-y: scroll;
}
.popup-form-wrapper::-webkit-scrollbar {
display: none;
/* for Chrome, Safari, and Opera */
}
.popup-fiche__header p {
margin: 0;
visibility: hidden;
}
.popup-fiche__header .esa-surtitle {
color: var(--secondary);
color: var(--page-accent-color);
}
.popup-fiche__header .popup-fiche__title {
font-size: var(--text-xxl);
font-weight: 700;
line-height: 1.2;
}
.popup-fiche__header .popup-fiche__txt {
margin-top: var(--space-m);
}
.popup-fiche__form {
visibility: hidden;
}
/*
.gslideOutBottom {
animation: gslideOutBottom 0.3s ease;
}
.gslideInBottom {
animation: gslideInBottom 0.3s ease;
}
@keyframes gslideInBottom {
from {
opacity: 0;
visibility: visible;
transform: translate3d(0, 60%, 0);
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes gslideOutBottom {
from {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 60%, 0);
opacity: 0;
}
}
*/
@charset "UTF-8";
.article-nav {
position: relative;
overflow: hidden;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
/*margin-top: var(--space-l);
padding-top: var(--space-l);*/
}
.article-nav::after {
position: absolute;
content: "";
top: 50%;
left: 50%;
height: 50%;
width: 1px;
background: var(--base-trans-20);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.article-nav a {
color: var(--base);
display: inline-block;
padding-top: var(--space-l);
padding-bottom: var(--space-l);
width: 100%;
line-height: 1.6;
text-decoration: none;
}
.article-nav a:hover, .article-nav a:focus {
color: var(--base-trans-80);
}
.article-nav__prev, .article-nav__next {
position: relative;
font-weight: 700;
max-width: 50%;
}
.article-nav__prev span, .article-nav__next span {
font-size: var(--text-l);
color: var(--secondary-trans-40);
position: absolute;
top: 0.8rem;
padding-top: var(--space-m);
}
.article-nav__prev {
text-align: left;
}
.article-nav__prev a {
padding-left: var(--space-m);
padding-right: var(--space-xl);
}
.article-nav__prev span {
left: 0;
}
.article-nav__next {
text-align: right;
}
.article-nav__next a {
padding-right: var(--space-m);
padding-left: var(--space-xl);
}
.article-nav__next span {
right: 0;
}
@media screen and (max-width: 768px) {
.article-nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 0;
}
.article-nav__prev, .article-nav__next {
max-width: 100%;
}
.article-nav__prev {
padding-right: 0;
}
.article-nav__prev a {
border-bottom: 1px solid var(--base-trans-20);
}
.article-nav__next {
padding-left: 0;
}
.article-nav__next a {
border-bottom: 1px solid var(--base-trans-20);
}
.article-nav::after {
display: none;
}
}
/* Meta bloc */
.article-metas .esa-surtitle {
margin-bottom: var(--space-xs);
}
.article-metas ul, .article-metas p {
margin: 0;
}
@media screen and (max-width: 992px) {
.article-metas {
margin: var(--space-s) 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.article-metas .meta-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.article-metas .meta-item p {
margin: 0;
font-size: var(--text-s);
}
.article-metas .meta-item .esa-surtitle {
margin-right: 2rem;
margin-bottom: 0;
}
.article-metas .meta-item__sociaux .esa-surtitle {
margin-top: 1rem;
}
}
/* Meta bloc date de publication */
.actu-time {
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
font-size: var(--text-m);
}
.actu-time span {
font-weight: 400;
}
/* Meta bloc boutons sociaux */
.social-share-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 0.5em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social-share-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: solid 0.5px var(--base-trans-20);
border-radius: 61px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0.75em;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.social-share-button:hover, .social-share-button:focus {
border: solid 0.5px var(--secondary-trans-20);
}
.social-share-button:hover svg, .social-share-button:focus svg {
fill: var(--secondary);
}
.social-share-button svg {
width: 1em;
height: 1em;
fill: var(--base);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
/* Meta bloc liste des catégories */
.menu-item__cat {
list-style: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.menu-item__cat li::before {
content: "/";
margin: 0 0.5rem;
}
.menu-item__cat li:first-child::before {
content: "";
margin: 0;
}
/***********************/
/* ARTICLE ACF CONTENT */
/***********************/
.article-content {
overflow: hidden;
width: 100%;
/** Image **/
}
.article-content p {
margin: 0;
word-wrap: anywhere;
}
.article-content .chapeau {
font-size: var(--text-l);
font-weight: 300;
}
.article-content a {
color: var(--base);
text-decoration: none;
-webkit-box-shadow: inset 0 -0.5rem 0 0 var(--secondary-light);
box-shadow: inset 0 -0.5rem 0 0 var(--secondary-light);
-webkit-transition: -webkit-box-shadow 0.4s;
transition: -webkit-box-shadow 0.4s;
-o-transition: box-shadow 0.4s;
transition: box-shadow 0.4s;
transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
}
.article-content a:hover {
color: var(--base);
-webkit-box-shadow: inset 0 -4rem 0 0 var(--secondary-light);
box-shadow: inset 0 -4rem 0 0 var(--secondary-light);
}
.article-content a--white {
color: var(--secondary);
}
.article-content h2 {
padding-top: var(--space-s);
}
.article-content h3, .article-content h4 {
padding-top: var(--space-xs);
}
.article-content ul li, .article-content ol li {
margin-top: 0.5rem;
}
.article-content ul li::marker, .article-content ol li::marker {
font-weight: 700;
color: var(--secondary);
}
.article-content .page-image {
width: 100%;
margin-right: 0;
margin-left: 0;
/* margin-top: var(--space-l);*/
}
.article-content .page-image img {
width: auto;
max-width: 100%;
height: auto;
border-radius: 5px;
}
.article-content .page-image figcaption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 1.4rem;
font-style: italic;
margin: 0.5rem 2rem 0 0;
}
.article-content .page-image figcaption .esa-card-frise {
width: 5rem;
height: 0.5rem;
margin-top: 0.8rem;
margin-right: 1rem;
}
/* Témoignages */
.tem--guill-right, .tem--guill-left {
fill: var(--base-ultra-light);
}
.tem--guill-left svg {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-bottom: var(--space-s);
}
.tem--guill-right {
width: 100%;
text-align: right;
margin-top: var(--space-s);
}
.tem--container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tem--photo {
/*width: 100%;*/
min-width: 150px;
margin: 0 3rem 0 0;
}
.tem--photo img {
border-radius: 5px;
}
.tem--txt p {
font-size: var(--text-l);
font-style: italic;
margin: 0;
}
.tem--signature {
font-size: 1.6rem;
font-style: italic;
text-align: right;
}
@media screen and (max-width: 768px) {
.tem--container {
display: block;
text-align: left;
}
.tem--photo {
margin-bottom: 2rem;
}
.tem--signature {
font-size: 1.2rem;
}
}
/** Bloc page ou doc mis en avant **/
.ma-card {
border-radius: 5px;
background-color: var(--secondary-trans-20);
transition: background-color 0.3s ease-in-out;
}
.ma-card:hover {
background-color: var(--secondary-light);
}
.ma-card .ma-card--container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
border-radius: 5px;
}
.ma-card .ma-card--img {
position: relative;
margin: 0 2rem 0 0;
width: 8rem;
height: 8rem;
overflow: hidden;
line-height: 0;
border-radius: 5px;
}
.ma-card .ma-card--img img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: auto;
}
.ma-card h4 {
font-size: var(--text-l) !important;
padding-top: 0 !important;
line-height: 1.3;
}
.ma-card .ma-card--metas {
font-size: var(--text-m);
text-transform: uppercase;
}
.ma-card .ma-card--description {
font-size: var(--text-s);
}
.ma-card .ma-card--container-files {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
border-radius: 5px;
}
.ma-card .ma-card--container-files .ma-card--title {
font-size: var(--text-m);
}
.ma-card .ma-card--container-files .ma-card--icon {
margin: 0 2rem 0 0;
overflow: hidden;
line-height: 0;
}
.ma-card .ma-card--container-files .ma-card--icon img {
border-radius: 0;
width: 100%;
max-width: 3.8rem;
opacity: 0.8;
}
.mot-president .featured-img-10 {
min-height: 48rem;
}
@media screen and (max-width: 1280px) {
.mot-president .featured-img-10 {
margin-left: 0;
height: 35rem;
}
}
@media screen and (max-width: 992px) {
.mot-president .featured-img-10 {
height: 25rem;
width: 50%;
}
}
@media screen and (max-width: 768px) {
.mot-president .featured-img-10 {
height: 30rem;
width: 100%;
}
}
@media screen and (max-width: 480px) {
.mot-president .featured-img-10 {
width: 100%;
}
}
.mot-president .mot-pres-signature__wrapper {
color: var(--secondary);
font-size: var(--text-s);
letter-spacing: 2px;
text-transform: uppercase;
}
.bienvenue-section__title {
font-size: var(--text-xl);
text-transform: uppercase;
}
.bienvenue-section__title span {
font-weight: 300;
color: var(--secondary);
}
.splide-chiffres .esa-chiffre {
font-size: 96px;
line-height: 1;
margin: 0;
padding: 0;
font-weight: 700;
color: var(--secondary-medium);
}
.splide-chiffres .esa-chiffre__txt {
font-size: var(--text-s);
line-height: 1.2;
font-weight: 700;
}
.splide-chiffres .esa-chiffre-plus {
display: flex;
height: 100%;
align-items: center;
}
.splide-chiffres .esa-chiffre-plus a {
display: block;
height: 5rem;
width: 5rem;
color: var(--white);
border-radius: 50%;
background-color: var(--secondary-light);
transition: background-color 0.3s;
}
.splide-chiffres .esa-chiffre-plus a:hover {
background-color: var(--secondary);
}
.splide-chiffres .esa-chiffre-plus a span {
font-size: var(--text-xxl);
line-height: 1.2;
}
/* Lottie drag */
.section-chiffres .lottie-player__drag {
top: 1rem;
left: unset;
right: 2rem;
}
/* ACCORDION LISTE DES FORMATIONS */
.ecole-formations .nos-form-cta-list {
margin-top: 0;
}
.ecole-formations .accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-line-pack: start;
align-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ecole-formations .accordion__items-wrapper {
width: 100%;
margin: 0;
overflow: hidden;
position: relative;
}
.ecole-formations .accordion__item {
position: absolute;
visibility: hidden;
left: 0;
top: 0;
color: var(--white);
font-size: calc(var(--text-m)*1.1);
}
.ecole-formations .accordion__item h4 {
line-height: 1.5;
}
.ecole-formations .accordion__item p {
margin: 0;
}
.ecole-formations .tabs-list {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 50%;
padding: var(--space-m) var(--space-m) var(--space-s) var(--space-m);
border: 1px solid var(--white-trans-40);
border-radius: 5px;
/* ORDRE DE LA LISTE DES DIPLOMES
& h3 {
&:first-child {
order: 2;
}
&:nth-child(2) {
order: 1;
}
&:nth-child(3) {
order: 3;
}
&:nth-child(4) {
order: 4;
}
} */
}
.ecole-formations .tabs-list button {
background-color: transparent;
border: 0;
border-radius: 0;
color: var(--white);
display: inline-block;
padding: 0;
text-decoration: none;
text-align: left;
text-transform: uppercase;
font-size: calc(var(--text-m)*1.2);
line-height: 1.4;
}
.ecole-formations .tabs-list button:focus {
outline: none;
}
@media (max-width: 992px) {
.ecole-formations .tabs-list {
min-width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ecole-formations .accordion__items-wrapper {
min-width: 100%;
}
}
.ecole-formations .tabs-list button {
margin: 0 1em 0.8em 0;
}
@media (max-width: 480px) {
.ecole-formations .tabs-list button {
font-size: 1.4rem;
}
}
/* Informations pratiques */
@media screen and (min-width: 768px) {
.horaires__txt p {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: var(--space-m);
-moz-column-gap: var(--space-m);
column-gap: var(--space-m);
}
}
.info-pratique__adresse p {
margin: 0;
}
.access-card header {
min-height: 8rem;
}
/* Map */
.leaflet-popup-content {
font-size: var(--text-l);
}
.parcours--alternants .accordion-1__item::before {
background: var(--primary-trans-80) !important;
}
.parcours--alternants .accordion-1__button .plus-icon {
background-color: var(--primary) !important;
}
.parcours--alternants .accordion-1__button .plus-icon:before {
background-color: var(--primary) !important;
}
.parcours--alternants .accordion-1__item.selected::before {
background: var(--primary-medium) !important;
}
.parcours--alternants .esa-surtitle {
color: var(--primary) !important;
}
.parcours--alternants .cta-inscription {
background: var(--primary) !important;
}
.parcours--entreprise .esa-surtitle {
color: var(--secondary) !important;
}
.parcours--entreprise .cta-inscription {
background: var(--secondary) !important;
}
.accordion-1 {
list-style: none;
counter-reset: my-awesome-counter;
margin: 0;
padding: 0;
overflow: hidden;
}
.accordion-1__item {
width: 100%;
text-align: left;
counter-increment: my-awesome-counter;
border-top: 1px solid var(--base-trans-20);
position: relative;
}
@media screen and (max-width: 992px) {
.accordion-1__item {
padding-left: 0;
}
}
.accordion-1__item::before {
content: "0" counter(my-awesome-counter);
font-weight: 700;
color: var(--secondary);
line-height: 1;
position: absolute;
top: 4rem;
left: 0;
white-space: nowrap;
border-radius: 50%;
background: var(--secondary);
color: var(--white);
font-size: 4.5rem;
height: 10rem;
width: 10rem;
padding-top: 2.7rem;
padding-left: 1.9rem;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media screen and (max-width: 992px) {
.accordion-1__item::before {
font-size: 3.5rem;
height: 8rem;
width: 8rem;
padding-top: 2.2rem;
padding-left: 1.6rem;
}
}
@media screen and (max-width: 768px) {
.accordion-1__item::before {
top: 3rem;
}
}
@media screen and (max-width: 480px) {
.accordion-1__item::before {
font-size: 1.8rem;
height: 5rem;
width: 5rem;
padding-top: 1.6rem;
padding-left: 1.2rem;
}
}
.accordion-1__title {
position: relative;
}
.accordion-1__button {
/* button init */
background-color: transparent;
border: 0;
border-radius: 0;
color: inherit;
display: inline-block;
padding: 0;
text-decoration: none;
text-align: left;
width: 100%;
text-align: left;
padding-right: 2rem;
padding-left: calc(var(--space-xxl)*2);
padding-top: var(--space-xl);
font-size: calc(var(--text-xxl)*1.3);
line-height: 1.2;
word-break: break-word;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.accordion-1__button:focus {
outline: none !important;
}
@media screen and (max-width: 992px) {
.accordion-1__button {
padding-left: calc(var(--space-xxl)*1.5);
}
}
@media screen and (max-width: 768px) {
.accordion-1__button {
font-size: 6vw;
}
}
@media screen and (max-width: 480px) {
.accordion-1__button {
padding-left: calc(var(--space-xxl)*1.1);
}
}
.accordion-1__button .plus-button {
position: absolute;
top: var(--space-xxl);
right: 0;
height: 2rem;
width: 2rem;
padding: 0;
margin: 0;
cursor: pointer;
}
.accordion-1__button .plus-icon {
width: 2rem;
height: 0.2rem;
background-color: var(--secondary);
border-radius: 0.75rem;
position: relative;
}
.accordion-1__button .plus-icon:before {
content: '';
width: 2rem;
height: 0.2rem;
border-radius: 0.75em;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform-origin: 1rem center;
-ms-transform-origin: 1rem center;
transform-origin: 1rem center;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
background-color: var(--secondary);
}
.accordion-1__item.selected::before {
background: var(--secondary-medium);
}
.accordion-1__item.selected .plus-button .plus-icon:before {
-webkit-transform: rotate3d(0, 0, 0, 90deg);
transform: rotate3d(0, 0, 0, 90deg);
}
.accordion-1__panel {
height: 0;
overflow: hidden;
padding-left: calc(var(--space-xxl)*2);
padding-bottom: var(--space-xl);
padding-right: 5rem;
}
@media screen and (max-width: 992px) {
.accordion-1__panel {
padding-left: calc(var(--space-xxl)*1.5);
}
}
@media screen and (max-width: 480px) {
.accordion-1__panel {
padding-left: 0;
padding-right: 0;
}
}
.accordion-1__content {
padding-top: var(--space-s);
font-size: var(--text-l);
}
/* Titre H1 home */
.esa-header h1 em {
font-size: calc(var(--text-xxl)*1.5);
text-transform: initial;
}
/* LISTE DES FORMATIONS */
.cta-formations-list .cta-formations-list-item {
/* padding-right: 0;
padding-left: 0; */
padding-right: 0.5rem;
padding-left: 0.5rem;
border-bottom: 1px solid var(--base);
position: relative;
cursor: pointer;
overflow: hidden;
transition: padding 0.3s ease-in-out;
}
.cta-formations-list .cta-formations-list-item .cta-formations-list-item__link {
cursor: pointer;
}
.cta-formations-list .cta-formations-list-item .cta-formations-list-item__link .cta-formations-list-item__title {
transition: color 0.3s ease-in-out;
cursor: pointer;
}
.cta-formations-list .cta-formations-list-item .cta-formations-list-item__link .cta-formations-list-item__more {
transition: color 0.3s ease-in-out;
cursor: pointer;
}
.cta-formations-list .cta-formations-list-item .cta-formations-list-item__link .cta-formations-list-item__title b {
cursor: pointer;
}
.cta-formations-list .cta-formations-list-item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: var(--base);
transition: transform 0.3s ease-in-out;
z-index: -1;
transform: translateY(101%);
}
.cta-formations-list .cta-formations-list-item:hover::before {
transform: translateY(0);
}
.cta-formations-list .cta-formations-list-item:hover {
/* padding-right: 5px;
padding-left: 5px; */
}
.cta-formations-list .cta-formations-list-item:hover .cta-formations-list-item__title {
color: white !important;
}
.cta-formations-list .cta-formations-list-item:hover .cta-formations-list-item__more {
color: white !important;
}
.cta-formations-list .cta-formations-list-item:last-child {
border-bottom: none;
}
/* CTA Home Section */
@media screen and (max-width: 991px) {
.cta-home-section-visuel {
order: 2;
}
.cta-home-section-visuel .cta-home-section-visuel__wrapper {
padding-right: 3rem !important;
padding-left: 0rem !important;
}
.cta-home-section-visuel .vertical-text {
right: 0;
left: inherit !important;
}
}
.cta-ecole-bg-logo {
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
z-index: 0;
}
@media screen and (max-width: 991px) {
.cta-ecole-bg-logo {
top: var(--space-l);
right: var(--space-l);
transform: translate(0%, 0%);
}
}
@media screen and (max-width: 479px) {
.cta-ecole-bg-logo {
top: var(--space-l);
right: 50%;
transform: translate(50%, 0%);
}
}
/* Fade effects
body:not(.ng-scope) .fade-top,
body:not(.ng-scope) .fade {
visibility: hidden;
}*/
/*********************/
/* Split text effect */
/*********************/
.quote_words strong, .quote_words span, .quote_words em, .esa-header__title, .esa-header__title span {
display: inline-block !important;
}
.split-line {
overflow: hidden;
}
.parallax-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
/* Lottie drag */
.lottie-player__drag {
display: none;
pointer-events: none;
position: absolute;
z-index: 5;
top: 1rem;
left: -1rem;
background: var(--white);
padding: 1rem;
border-radius: 50%;
width: 70px;
height: 70px;
-webkit-box-shadow: 6px 3px 6px 0px rgba(0, 0, 0, 0.3);
box-shadow: 6px 3px 6px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 991px) {
.lottie-player__drag {
display: block;
}
}
/* Slider Actualites */
.splide__slide__card .esa-card-frise {
position: absolute;
bottom: 0;
left: 0;
z-index: 20;
height: 0.6rem;
}
.splide__slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
}
.splide__slide:focus-within {
/*border: 1.5px solid var(--primary-ultra-light);*/
}
.splide__slide:focus-within .splide__slide__card__footer a:focus {
outline: none;
}
.splide__slide:hover .wp-post-image {
-webkit-transform: scale(1.2) rotate(3deg);
-ms-transform: scale(1.2) rotate(3deg);
transform: scale(1.2) rotate(3deg);
opacity: 1;
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
/* CARDS ACTUALITES */
.list-actus {
list-style: none;
padding: 0;
margin: 0;
}
.actu-card {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.actu-card .actu-time {
margin: 0;
text-transform: uppercase;
font-weight: 700;
font-size: var(--text-s);
}
.actu-card .actu-time span {
font-weight: 300;
}
.actu-card__lieu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
font-size: var(--text-s);
text-transform: uppercase;
font-weight: 400;
line-height: 1.2;
padding: 0;
list-style: none;
margin-bottom: 0.3rem !important;
}
.actu-card__lieu li {
background: var(--secondary-trans-20);
}
.actu-card__lieu li:first-child {
background: none;
}
.actu-card__media-wrapper {
background: var(--base-trans-10);
position: relative;
z-index: 0;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
overflow: hidden;
min-height: 22.5rem;
margin-bottom: var(--space-s);
}
@media screen and (max-width: 480px) {
.actu-card__media-wrapper {
min-height: 30rem;
}
}
.actu-card__media-wrapper .esa-card-frise {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 20;
height: 0.5rem;
}
.actu-card__media-wrapper .wp-post-image {
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
min-height: 100%;
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.actu-card__media-wrapper .actus-card-no-img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 10rem;
opacity: 0.3;
z-index: 20;
}
.actu-card__body-wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.actu-card__footer-btn {
font-size: var(--text-s);
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
}
.actu-card__footer-btn .clickable-parent::after {
cursor: -webkit-grab !important;
cursor: grab !important;
}
.actu-card:hover .wp-post-image {
-webkit-transform: scale(1.2) rotate(3deg);
-ms-transform: scale(1.2) rotate(3deg);
transform: scale(1.2) rotate(3deg);
opacity: 1;
-webkit-filter: brightness(50%);
filter: brightness(50%);
}
/* PAGE NOS ACTUS */
.section-intro .section-new-actu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.section-intro .section-new-actu .actu-card {
margin-right: 3rem;
}
.section-intro .section-new-actu .actu-card__media-wrapper {
min-height: 35rem;
}
@media screen and (max-width: 479px) {
.section-intro .section-new-actu .actu-card__media-wrapper {
min-height: 22.5rem;
}
}
#fluentform_3, #fluentform_4, #fluentform_5, #fluentform_6, #fluentform_7 {
/*Change label styles*/
/*input style*/
/*Change input border color when input is selected/focused */
/* Change button style*/
/*Change button hover style*/
/* Error */
/* Champs obligatoires */
/*RGPD*/
/* Masquer le hr dans la section titre */
}
#fluentform_3 .ff-el-group, #fluentform_4 .ff-el-group, #fluentform_5 .ff-el-group, #fluentform_6 .ff-el-group, #fluentform_7 .ff-el-group {
margin-bottom: 4rem;
}
#fluentform_3 .ff-el-form-control, #fluentform_4 .ff-el-form-control, #fluentform_5 .ff-el-form-control, #fluentform_6 .ff-el-form-control, #fluentform_7 .ff-el-form-control {
font-size: var(--text--m);
/*change font size*/
line-height: 1.2;
/*change line height*/
color: var(--base);
/*change font color*/
background: none;
}
#fluentform_3 select[name="choix_ecole"], #fluentform_4 select[name="choix_ecole"], #fluentform_5 select[name="choix_ecole"], #fluentform_6 select[name="choix_ecole"], #fluentform_7 select[name="choix_ecole"] {
min-height: 5.5rem;
}
#fluentform_3 .ff-el-input--label label, #fluentform_4 .ff-el-input--label label, #fluentform_5 .ff-el-input--label label, #fluentform_6 .ff-el-input--label label, #fluentform_7 .ff-el-input--label label {
font-size: 1.4rem;
/*change label font size*/
font-weight: 400;
text-transform: uppercase;
color: var(--base);
/*change label color*/
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#fluentform_3 .label-effect, #fluentform_4 .label-effect, #fluentform_5 .label-effect, #fluentform_6 .label-effect, #fluentform_7 .label-effect {
position: relative;
}
#fluentform_3 .label-effect .ff-el-input--label, #fluentform_4 .label-effect .ff-el-input--label, #fluentform_5 .label-effect .ff-el-input--label, #fluentform_6 .label-effect .ff-el-input--label, #fluentform_7 .label-effect .ff-el-input--label {
position: absolute !important;
left: 0;
pointer-events: none;
top: 1rem;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#fluentform_3 .label-effect.focused .ff-el-input--label, #fluentform_4 .label-effect.focused .ff-el-input--label, #fluentform_5 .label-effect.focused .ff-el-input--label, #fluentform_6 .label-effect.focused .ff-el-input--label, #fluentform_7 .label-effect.focused .ff-el-input--label {
top: -2rem;
}
#fluentform_3 .label-effect.focused label, #fluentform_4 .label-effect.focused label, #fluentform_5 .label-effect.focused label, #fluentform_6 .label-effect.focused label, #fluentform_7 .label-effect.focused label {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
#fluentform_3 .ff-el-form-control, #fluentform_4 .ff-el-form-control, #fluentform_5 .ff-el-form-control, #fluentform_6 .ff-el-form-control, #fluentform_7 .ff-el-form-control {
cursor: text;
padding: 1.5rem 0;
/*change padding*/
background-color: none;
/*change background color*/
border-radius: 0px;
/*change corner round/ border radius*/
border: 0px;
border-bottom: 1px solid var(--base);
}
#fluentform_3 .ff-el-form-control[name="dropdown"], #fluentform_4 .ff-el-form-control[name="dropdown"], #fluentform_5 .ff-el-form-control[name="dropdown"], #fluentform_6 .ff-el-form-control[name="dropdown"], #fluentform_7 .ff-el-form-control[name="dropdown"] {
border-radius: 5px;
padding: 0 1.5rem;
border-bottom: none;
background: var(--secondary-light);
border-radius: 5px;
}
#fluentform_3 .ff-el-form-control:focus, #fluentform_4 .ff-el-form-control:focus, #fluentform_5 .ff-el-form-control:focus, #fluentform_6 .ff-el-form-control:focus, #fluentform_7 .ff-el-form-control:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: none;
/*change background color*/
}
#fluentform_3 .ff-btn-submit, #fluentform_4 .ff-btn-submit, #fluentform_5 .ff-btn-submit, #fluentform_6 .ff-btn-submit, #fluentform_7 .ff-btn-submit {
background-color: var(--secondary);
/* change button background color */
background-color: var(--page-accent-color);
color: var(--white);
/*change button font color*/
border: none;
font-size: 1.4rem;
text-transform: uppercase;
border-radius: 0;
/*change button round corners*/
padding: 10px;
border-radius: 1rem;
-webkit-transition: background-color 0.3s;
-o-transition: background-color 0.3s;
transition: background-color 0.3s;
}
#fluentform_3 .ff-btn-submit:hover, #fluentform_4 .ff-btn-submit:hover, #fluentform_5 .ff-btn-submit:hover, #fluentform_6 .ff-btn-submit:hover, #fluentform_7 .ff-btn-submit:hover {
background-color: var(--secondary-dark) !important;
/*change button background color on hover*/
background-color: var(--page-accent-color-dark) !important;
/*change button background color on hover*/
color: #fff;
/*change button font color on hover*/
}
#fluentform_3 .ff-el-form-control::-webkit-input-placeholder, #fluentform_4 .ff-el-form-control::-webkit-input-placeholder, #fluentform_5 .ff-el-form-control::-webkit-input-placeholder, #fluentform_6 .ff-el-form-control::-webkit-input-placeholder, #fluentform_7 .ff-el-form-control::-webkit-input-placeholder {
color: var(--shade-light);
}
#fluentform_3 .ff-el-form-control::-moz-placeholder, #fluentform_4 .ff-el-form-control::-moz-placeholder, #fluentform_5 .ff-el-form-control::-moz-placeholder, #fluentform_6 .ff-el-form-control::-moz-placeholder, #fluentform_7 .ff-el-form-control::-moz-placeholder {
color: var(--shade-light);
}
#fluentform_3 .ff-el-form-control:-ms-input-placeholder, #fluentform_4 .ff-el-form-control:-ms-input-placeholder, #fluentform_5 .ff-el-form-control:-ms-input-placeholder, #fluentform_6 .ff-el-form-control:-ms-input-placeholder, #fluentform_7 .ff-el-form-control:-ms-input-placeholder {
color: var(--shade-light);
}
#fluentform_3 .ff-el-form-control::-ms-input-placeholder, #fluentform_4 .ff-el-form-control::-ms-input-placeholder, #fluentform_5 .ff-el-form-control::-ms-input-placeholder, #fluentform_6 .ff-el-form-control::-ms-input-placeholder, #fluentform_7 .ff-el-form-control::-ms-input-placeholder {
color: var(--shade-light);
}
#fluentform_3 .ff-el-form-control::placeholder, #fluentform_4 .ff-el-form-control::placeholder, #fluentform_5 .ff-el-form-control::placeholder, #fluentform_6 .ff-el-form-control::placeholder, #fluentform_7 .ff-el-form-control::placeholder {
color: var(--shade-light);
}
#fluentform_3 .text-danger, #fluentform_3 .ff-el-is-error .ff-el-form-check-label, #fluentform_3 .ff-el-is-error .ff-el-form-check-label a, #fluentform_4 .text-danger, #fluentform_4 .ff-el-is-error .ff-el-form-check-label, #fluentform_4 .ff-el-is-error .ff-el-form-check-label a, #fluentform_5 .text-danger, #fluentform_5 .ff-el-is-error .ff-el-form-check-label, #fluentform_5 .ff-el-is-error .ff-el-form-check-label a, #fluentform_6 .text-danger, #fluentform_6 .ff-el-is-error .ff-el-form-check-label, #fluentform_6 .ff-el-is-error .ff-el-form-check-label a, #fluentform_7 .text-danger, #fluentform_7 .ff-el-is-error .ff-el-form-check-label, #fluentform_7 .ff-el-is-error .ff-el-form-check-label a {
color: var(--secondary);
}
#fluentform_3 .ff-el-input--label.ff-el-is-required.asterisk-right label::after, #fluentform_4 .ff-el-input--label.ff-el-is-required.asterisk-right label::after, #fluentform_5 .ff-el-input--label.ff-el-is-required.asterisk-right label::after, #fluentform_6 .ff-el-input--label.ff-el-is-required.asterisk-right label::after, #fluentform_7 .ff-el-input--label.ff-el-is-required.asterisk-right label::after {
content: " *";
color: var(--secondary);
margin-left: 3px;
}
#fluentform_3 .ff-el-form-check label.ff-el-form-check-label, #fluentform_4 .ff-el-form-check label.ff-el-form-check-label, #fluentform_5 .ff-el-form-check label.ff-el-form-check-label, #fluentform_6 .ff-el-form-check label.ff-el-form-check-label, #fluentform_7 .ff-el-form-check label.ff-el-form-check-label {
margin-bottom: 7px;
cursor: pointer;
font-size: 1.6rem;
}
@media screen and (max-width: 992px) {
#fluentform_3 .ff-el-form-check label.ff-el-form-check-label, #fluentform_4 .ff-el-form-check label.ff-el-form-check-label, #fluentform_5 .ff-el-form-check label.ff-el-form-check-label, #fluentform_6 .ff-el-form-check label.ff-el-form-check-label, #fluentform_7 .ff-el-form-check label.ff-el-form-check-label {
font-size: 1.2rem;
}
}
#fluentform_3 .ff_gdpr_field, #fluentform_4 .ff_gdpr_field, #fluentform_5 .ff_gdpr_field, #fluentform_6 .ff_gdpr_field, #fluentform_7 .ff_gdpr_field {
cursor: pointer;
}
#fluentform_3 .label-interet .ff-el-input--label label, #fluentform_3 .label-sondage .ff-el-input--label label, #fluentform_4 .label-interet .ff-el-input--label label, #fluentform_4 .label-sondage .ff-el-input--label label, #fluentform_5 .label-interet .ff-el-input--label label, #fluentform_5 .label-sondage .ff-el-input--label label, #fluentform_6 .label-interet .ff-el-input--label label, #fluentform_6 .label-sondage .ff-el-input--label label, #fluentform_7 .label-interet .ff-el-input--label label, #fluentform_7 .label-sondage .ff-el-input--label label {
font-weight: 700;
margin-bottom: 2rem;
}
#fluentform_3 .ff-el-section-break hr, #fluentform_4 .ff-el-section-break hr, #fluentform_5 .ff-el-section-break hr, #fluentform_6 .ff-el-section-break hr, #fluentform_7 .ff-el-section-break hr {
border-color: var(--secondary) !important;
}
/* Form sucess message */
.ff-message-success {
background: var(--secondary-trans-20);
border-radius: 5px;
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 1rem 3rem !important;
}
.ff-message-success #tw-target-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: 'Inter';
font-style: italic;
font-size: calc(var(--text-m)*1.1);
}
@media screen and (max-width: 992px) {
.contact-form-wrapper:nth-child(1) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
/* Page candidater */
.bloc-candidater ol {
list-style: none;
counter-reset: my-awesome-counter;
padding: 0;
}
.bloc-candidater ol li {
position: relative;
text-align: left;
counter-increment: my-awesome-counter;
padding-right: 0;
padding-left: 4rem;
}
.bloc-candidater ol li::before {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: -0.2rem;
left: 0;
text-align: center;
content: counter(my-awesome-counter) "";
font-weight: 700;
white-space: nowrap;
background: var(--secondary);
padding: 1rem;
border-radius: 50%;
width: 2.8rem;
height: 2.8rem;
}
.esa-header__title-wrapper {
/*padding-top: calc(var(--space-xxl)*4);*/
}
</style><style class='wp-fonts-local'>
@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:200 900;font-display:fallback;src:url('https://ecolesuperieurealternance.fr/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/source-serif-pro/SourceSerif4Variable-Roman.ttf.woff2') format('woff2');font-stretch:normal;}
@font-face{font-family:"Source Serif Pro";font-style:italic;font-weight:200 900;font-display:fallback;src:url('https://ecolesuperieurealternance.fr/wp-content/themes/oxygen-is-not-a-theme/assets/fonts/source-serif-pro/SourceSerif4Variable-Italic.ttf.woff2') format('woff2');font-stretch:normal;}
</style>
<link rel='stylesheet' id='oxygen-cache-137-css' href='//ecolesuperieurealternance.fr/wp-content/uploads/oxygen/css/137.css?cache=1780415137&ver=42' media='all' />
<link rel='stylesheet' id='oxygen-cache-369-css' href='//ecolesuperieurealternance.fr/wp-content/uploads/oxygen/css/369.css?cache=1748884359&ver=42' media='all' />
<link rel='stylesheet' id='oxygen-cache-343-css' href='//ecolesuperieurealternance.fr/wp-content/uploads/oxygen/css/343.css?cache=1748884359&ver=42' media='all' />
<link rel='stylesheet' id='oxygen-cache-113-css' href='//ecolesuperieurealternance.fr/wp-content/uploads/oxygen/css/113.css?cache=1781011884&ver=42' media='all' />
<link rel='stylesheet' id='oxygen-cache-745-css' href='//ecolesuperieurealternance.fr/wp-content/uploads/oxygen/css/745.css?cache=1770647975&ver=42' media='all' />
<link rel='stylesheet' id='oxygen-universal-styles-css' href='//ecolesuperieurealternance.fr/wp-content/uploads/oxygen/css/universal.css?cache=1781011884&ver=42' media='all' />
<link rel='stylesheet' id='automaticcss-oxygen-css' href='https://ecolesuperieurealternance.fr/wp-content/uploads/automatic-css/automatic-oxygen.css?ver=1670511580' media='all' />
<!-- END OF WP_HEAD() -->
</head>
<body class="wp-singular ecole-template-default single single-ecole postid-734 wp-embed-responsive wp-theme-oxygen-is-not-a-theme oxygen-body" >
<section id="topbar" class="ct-section is-at-top esa-navbar" ><div class="ct-section-inner-wrap"><div id="div_block-3-45" class="ct-div-block" ><a id="link-278-113" class="ct-link esa-logo__link" href="https://ecolesuperieurealternance.fr/" ><img id="image-279-113" alt="" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/esa-by-h3-campus-logo-white-coul-v2.svg" class="ct-image esa-logo" srcset="" sizes="(max-width: 0px) 100vw, 0px" /><div id="text_block-280-113" class="ct-text-block screen-reader-text" >Retour vers l'accueil</div></a><div id="div_block-626-113" class="ct-div-block topbar-buttons-wrapper" ><a id="link-652-113" class="ct-link topbar-button lightbox-download" href="#download-form" target="_self" ><div id="fancy_icon-654-113" class="ct-fancy-icon topbar-button__icon" ><svg id="svg-fancy_icon-654-113"><use xlink:href="#Lineariconsicon-download"></use></svg></div><p id="text_block-655-113" class="ct-text-block topbar-button__txt esa-link-underline-fx" >Télécharger la brochure</p></a><a id="link-667-113" class="ct-link topbar-button lightbox-inscription" href="https://ecolesuperieurealternance.fr/candidature/#candidature" ><div id="fancy_icon-668-113" class="ct-fancy-icon topbar-button__icon" ><svg id="svg-fancy_icon-668-113"><use xlink:href="#Lineariconsicon-pencil"></use></svg></div><p id="text_block-669-113" class="ct-text-block topbar-button__txt esa-link-underline-fx" >S'inscrire</p></a><div id="code_block-31-45" class="ct-code-block" ><button id="menubutton" class="hamburger hamburger--collapse" type="button" aria-label="Menu bouton" aria-controls="main-navigation"
aria-expanded="false">
<span class="hamburger-label">Menu</span>
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button></div></div></div></div></section><div id="div_block-328-113" class="ct-div-block bg-topbar" ></div><nav id="main-navigation" class="ct-div-block off-canvas-menu header__global-pad owl--l" role="menu" aria-labelledby="menubutton"><div id="div_block-111-113" class="ct-div-block grid--2 gap--s grid--m-1 off-canvas-menu__wrapper" ><div id="div_block-112-113" class="ct-div-block off-canvas-menu__left owl--m" ><div id="div_block-1267-113" class="ct-div-block owl--s" ><a id="link_text-114-113" class="ct-link-text off-canvas-menu__page-link off-canvas-link__fade" href="https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/" role="menuitem">ESA by H3 Campus</a><a id="link_text-1126-113" class="ct-link-text off-canvas-menu__page-link off-canvas-link__fade" href="https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-la-roche-sur-yon/" role="menuitem"><span class="text--300 text--s">ESA by H3 Campus</span><br>La Roche-sur-Yon</a><a id="link_text-1129-113" class="ct-link-text off-canvas-menu__page-link off-canvas-link__fade" href="https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-cholet/" role="menuitem"><span class="text--300 text--s">ESA by H3 Campus</span><br>Cholet</a><a id="link_text-1232-113" class="ct-link-text off-canvas-menu__page-link off-canvas-link__fade" href="https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/esa-st-nazaire/" role="menuitem"><span class="text--300 text--s">ESA by H3 Campus</span><br>St Nazaire</a></div><a id="link_text-191-113" class="ct-link-text off-canvas-menu__page-link off-canvas-link__fade" href="https://ecolesuperieurealternance.fr/alternant/" role="menuitem">L'Étudiant</a><a id="link_text-192-113" class="ct-link-text off-canvas-menu__page-link off-canvas-link__fade" href="https://ecolesuperieurealternance.fr/avantages-alternance-pour-entreprise/" role="menuitem">L'Entreprise</a><a id="link_text-1077-113" class="ct-link-text off-canvas-menu__page-link off-canvas-link__fade" href="https://ecolesuperieurealternance.fr/actualite/" role="menuitem">Notre actu</a><a id="link_text-243-113" class="ct-link-text off-canvas-menu__page-link off-canvas-link__fade" href="https://ecolesuperieurealternance.fr/contact/#contact" role="menuitem">Nous contacter</a></div><div id="div_block-113-113" class="ct-div-block owl--m off-canvas-menu__right" ><a id="link_text-195-113" class="ct-link-text off-canvas-menu__page-link off-canvas-link__fade" href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/" role="menuitem">Nos formations</a><div id="div_block-149-113" class="ct-div-block off-canvas-menu__formations-grid" ><div id="div_block-150-113" class="ct-div-block self--stretch" ><div id="div_block-152-113" class="ct-div-block off-canvas-menu__formation-wrapper off-canvas-link__fade" ><nav id="_nav_menu-1054-113" class="oxy-nav-menu oxy-nav-menu-vertical" ><div class='oxy-menu-toggle'><div class='oxy-nav-menu-hamburger-wrap'><div class='oxy-nav-menu-hamburger'><div class='oxy-nav-menu-hamburger-line'></div><div class='oxy-nav-menu-hamburger-line'></div><div class='oxy-nav-menu-hamburger-line'></div></div></div></div><div class="menu-menu-bts-container"><ul id="menu-menu-bts" class="oxy-nav-menu-list"><li id="menu-item-802" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-802"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bts/">BTS</a></li>
<li id="menu-item-252" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-252"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bts/bts-mco-management-commercial-operationnel-bac2/">Management Commercial Opérationnel</a></li>
<li id="menu-item-251" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-251"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bts/bts-ndrc-negociation-digitalisation-relation-client-bac2/">Négociation & Digitalisation de la Relation Client</a></li>
<li id="menu-item-250" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-250"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bts/bts-gpme-gestion-de-la-pme/">Gestion de la PME</a></li>
<li id="menu-item-249" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-249"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bts/bts-communication/">Communication</a></li>
</ul></div></nav></div><div id="div_block-212-113" class="ct-div-block off-canvas-menu__formation-wrapper off-canvas-link__fade" ><nav id="_nav_menu-1063-113" class="oxy-nav-menu oxy-nav-menu-vertical" ><div class='oxy-menu-toggle'><div class='oxy-nav-menu-hamburger-wrap'><div class='oxy-nav-menu-hamburger'><div class='oxy-nav-menu-hamburger-line'></div><div class='oxy-nav-menu-hamburger-line'></div><div class='oxy-nav-menu-hamburger-line'></div></div></div></div><div class="menu-menu-masteres-container"><ul id="menu-menu-masteres" class="oxy-nav-menu-list"><li id="menu-item-803" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-803"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/masteres/">Mastères</a></li>
<li id="menu-item-900" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-900"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/masteres/mastere-manager-en-ressources-humaines/">Ressources Humaines</a></li>
<li id="menu-item-254" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-254"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/masteres/mastere-marketing-communication-digitale-bac5/">Marketing et Communication</a></li>
<li id="menu-item-2708" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-2708"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/masteres/manager-commercial-marketing/">Commerce et Marketing</a></li>
</ul></div></nav></div></div><div id="div_block-175-113" class="ct-div-block self--stretch" ><div id="div_block-222-113" class="ct-div-block off-canvas-menu__formation-wrapper off-canvas-link__fade" ><nav id="_nav_menu-1060-113" class="oxy-nav-menu oxy-nav-menu-vertical" ><div class='oxy-menu-toggle'><div class='oxy-nav-menu-hamburger-wrap'><div class='oxy-nav-menu-hamburger'><div class='oxy-nav-menu-hamburger-line'></div><div class='oxy-nav-menu-hamburger-line'></div><div class='oxy-nav-menu-hamburger-line'></div></div></div></div><div class="menu-menu-bachelors-container"><ul id="menu-menu-bachelors" class="oxy-nav-menu-list"><li id="menu-item-801" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-801"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bachelors/">Bachelors</a></li>
<li id="menu-item-3527" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-3527"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bachelors/responsable-du-developpement-commercial-et-marketing/">Développement Commercial et Marketing</a></li>
<li id="menu-item-244" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-244"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bachelors/bachelor-charge-des-rh-bac3/">Ressources Humaines</a></li>
<li id="menu-item-245" class="menu-item menu-item-type-post_type menu-item-object-formations menu-item-245"><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bachelors/bachelor-responsable-projet-communication-bac3/">Communication</a></li>
</ul></div></nav></div></div></div></div></div><div id="div_block-246-113" class="ct-div-block off-canvas-sociaux owl--s off-canvas-link__fade" ><div id="text_block-247-113" class="ct-text-block off-canvas-sociaux__txt" >Suivez-nous<br>sur nos réseaux sociaux</div><nav id="div_block-252-113" class="ct-div-block off-canvas-sociaux__icons-wrapper" role="menu sociaux"><a id="link-269-113" class="ct-link off-canvas-sociaux__icon-link" href="https://www.linkedin.com/school/esa-ecole-sup%C3%A9rieure-de-l-alternance/" target="_blank" ><div id="fancy_icon-270-113" class="ct-fancy-icon off-canvas-sociaux__icon" ><svg id="svg-fancy_icon-270-113"><use xlink:href="#FontAwesomeicon-linkedin"></use></svg></div><div id="text_block-271-113" class="ct-text-block screen-reader-text" >Notre page Linkedin</div></a><a id="link-260-113" class="ct-link off-canvas-sociaux__icon-link" href="https://www.instagram.com/esa_byh3_larochesuryon/" target="_blank" ><div id="fancy_icon-261-113" class="ct-fancy-icon off-canvas-sociaux__icon" ><svg id="svg-fancy_icon-261-113"><use xlink:href="#FontAwesomeicon-instagram"></use></svg></div><div id="text_block-262-113" class="ct-text-block screen-reader-text" >Notre page Instagram</div></a><a id="link-275-113" class="ct-link off-canvas-sociaux__icon-link" href="https://www.facebook.com/ESA.EcoleSuperieureAlternance" target="_blank" ><div id="fancy_icon-276-113" class="ct-fancy-icon off-canvas-sociaux__icon" ><svg id="svg-fancy_icon-276-113"><use xlink:href="#FontAwesomeicon-facebook-square"></use></svg></div><div id="text_block-277-113" class="ct-text-block screen-reader-text" >Notre page facebook</div></a><a id="link-263-113" class="ct-link off-canvas-sociaux__icon-link" href="https://www.tiktok.com/@esa.85" target="_blank" ><div id="code_block-978-113" class="ct-code-block cta-sociaux-logo-link__logo" ><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 38 38" style="enable-background:new 0 0 38 38" xml:space="preserve"><path d="M35.3 15.4h-.9c-3.4 0-6.6-1.7-8.5-4.6v15.6c0 6.4-5.2 11.5-11.5 11.5-6.5.1-11.7-5.1-11.7-11.4C2.7 20.1 7.9 15 14.2 15h.7v5.7c-.2 0-.5-.1-.7-.1-3.3 0-5.9 2.6-5.9 5.9s2.6 5.9 5.9 5.9c3.3 0 6.1-2.6 6.1-5.8L20.5 0h5.4c.5 4.9 4.4 8.7 9.3 9.1l.1 6.3"/></svg></div><div id="text_block-265-113" class="ct-text-block screen-reader-text" >Notre page Tiktok</div></a><a id="link-253-113" class="ct-link off-canvas-sociaux__icon-link" href="https://www.youtube.com/@esa-larochesuryon" target="_blank" ><div id="fancy_icon-254-113" class="ct-fancy-icon off-canvas-sociaux__icon" ><svg id="svg-fancy_icon-254-113"><use xlink:href="#FontAwesomeicon-youtube"></use></svg></div><div id="text_block-255-113" class="ct-text-block screen-reader-text" >Notre page Youtube</div></a></nav></div></nav><header id="header" class="ct-div-block esa-header header__global-pad" ><div id="div_block-47-113" class="ct-div-block esa-header__title-wrapper esa-max-width" ><h1 id="headline-1142-113" class="ct-headline esa-header__title"><span id="span-1143-113" class="ct-span" >ESA by H3 Campus <br>La Roche-sur-Yon</span></h1><div id="div_block-1153-113" class="ct-div-block bg--base rounded--xs cta--po" ><div id="div_block-1147-113" class="ct-div-block grid--l-1 grid--5 cta-home-po__grid gap--m" ><div id="div_block-1148-113" class="ct-div-block col-span--2 col-span--l-1 cta-home-po__title-wrap" ><div id="code_block-1159-113" class="ct-code-block cta-home-por__title" ><p class="cta-home-por__title">Portes ouvertes</p></div></div><div id="div_block-1150-113" class="ct-div-block col-span--3 col-span--l-1 cta-home-po__content-wrap" ><div id="code_block-1151-113" class="ct-code-block gap--s" >
</div></div></div><img id="image-1152-113" alt="" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/esa-logo-bg-equipe-v2.svg" class="ct-image cta-home-po__logo"/></div></div><img id="image-46-45" alt="" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-scaled.jpg" class="ct-image" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-scaled.jpg 2560w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-300x200.jpg 300w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-1024x683.jpg 1024w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-768x512.jpg 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-480x320.jpg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-640x427.jpg 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-720x480.jpg 720w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-960x640.jpg 960w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-1168x779.jpg 1168w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-1440x960.jpg 1440w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-1920x1281.jpg 1920w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-1536x1025.jpg 1536w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/12/Perspective-avant-08062022-1-2-2048x1366.jpg 2048w" sizes="(max-width: 2560px) 100vw, 2560px" /></header><div id="div_block-67-113" class="ct-div-block esa-max-width explore" ><a id="link-77-113" class="ct-link explore-btn" href="#content" target="_self" ><div id="text_block-68-113" class="ct-text-block explore-btn__txt" >explore</div><div id="text_block-75-113" class="ct-text-block explore-btn__filet" ></div></a></div><section id="section-112-745" class="ct-section section-breadcrump" ><div class="ct-section-inner-wrap"><div id="shortcode-114-745" class="ct-shortcode fil-ariane" ><nav aria-label="breadcrumbs" class="rank-math-breadcrumb"><p><a href="https://ecolesuperieurealternance.fr">L'ESA by H3 Campus</a><span class="separator"> > </span><span class="last">ÉSA La Roche-sur-Yon</span></p></nav></div></div></section><section id="section-2-745" class="ct-section" ><div class="ct-section-inner-wrap"><div id="div_block-11-745" class="ct-div-block section-intro grid--2 grid--l-1 gap--l" ><div id="div_block-12-745" class="ct-div-block section-intro__txt-wrapper owl--s fade-top" ><div id="div_block-16-745" class="ct-div-block section-intro__header" ><div id="text_block-20-745" class="ct-text-block esa-surtitle" ><span id="span-21-745" class="ct-span" >Formations en Alternance en Vendée</span></div><h2 id="text_block-23-745" class="ct-text-block section-intro__title" ><span id="span-24-745" class="ct-span" >L'ESA by H3 Campus
en Vendée</span></h2></div><p id="text_block-29-745" class="ct-text-block" ><span id="span-30-745" class="ct-span" >À l'ESA by H3 Campus, entrez dans un centre de formation spécialisé dans les métiers du tertiaire, par l’apprentissage. <a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bts/">BTS</a>, <a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bachelors/">Bachelors</a>, <a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/masteres/">Mastères</a>, nous formons de futurs professionnels dans les secteurs du commerce, de la vente, de l'administratif et de la communication. Située à La Roche-sur-Yon, en Vendée, un pôle économique en plein développement, l'ESA by H3 Campus est un véritable tremplin en matière d'évolution personnelle et professionnelle.</span></p><a id="link-32-745" class="ct-link button-arrow button-arrow__hollow-secondary" href="https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/" ><span id="div_block-33-745" class="ct-div-block button__the-arrow -left" ><span id="text_block-34-745" class="ct-text-block shaft" ></span></span><span id="div_block-35-745" class="ct-div-block button__main" ><span id="text_block-36-745" class="ct-text-block button__text" >Découvrir l'école</span><span id="div_block-37-745" class="ct-div-block button__the-arrow -right" ><span id="text_block-38-745" class="ct-text-block shaft" ></span></span></span></a></div><div id="div_block-135-745" class="ct-div-block" ><div id="video-136-745" class="ct-video section-intro__video" >
<div class="oxygen-vsb-responsive-video-wrapper"><iframe src="https://player.vimeo.com/video/1163288515?share=copy&fl=sv&fe=ci" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
</div></div></div></div></section><section id="section-9-745" class="ct-section" ><div class="ct-section-inner-wrap"><div id="div_block-6-745" class="ct-div-block grid--1-2 gap--l mot-president grid--l-1" ><div id="code_block-7-745" class="ct-code-block self--stretch fade" >
<figure class="featured-img-10">
<img width="727" height="1024" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-727x1024.png" class="attachment-large size-large" alt="" data-bg-parallax="" data-speed="0.4" decoding="async" loading="lazy" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-727x1024.png 727w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-213x300.png 213w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-768x1082.png 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-480x676.png 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-640x901.png 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-720x1014.png 720w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-960x1352.png 960w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-1168x1645.png 1168w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-1440x2028.png 1440w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-1920x2704.png 1920w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-1091x1536.png 1091w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1-1454x2048.png 1454w, https://ecolesuperieurealternance.fr/wp-content/uploads/2024/11/Francoise-1-1.png 3994w" sizes="auto, (max-width: 727px) 100vw, 727px" /> <div class="esa-card-frise">
<div class="esa-card-frise--red"></div>
<div class="esa-card-frise--blue"></div>
<div class="esa-card-frise--yellow"></div>
</div>
</figure>
</div><div id="code_block-8-745" class="ct-code-block owl--m" ><h3 class="bienvenue-section__title text--white"><span>01</span> - le mot de la direction</h3>
<div class="mot-pres__txt fade-top">Une rentrée sous le signe de la bienveillance et de l’engagement<br />
<br />
C’est avec une grande fierté et beaucoup d’enthousiasme que j’entame cette nouvelle année scolaire en tant que Directrice de l’ESA by H3 Campus. Je tiens à remercier sincèrement M. Nicolas BRELUZEAU pour la confiance qu’il m’accorde en me confiant la direction de l’établissement.<br />
<br />
Ma priorité est de faire en sorte que chaque étudiant trouve sa place au sein de notre école, s’y sente bien, écouté, encouragé, et qu’il vienne en cours avec plaisir. <br />
<br />
L’ESA by H3 Campus n’est pas seulement un lieu de formation, c’est un espace de construction personnelle et professionnelle, où chacun peut évoluer à son rythme, avec bienveillance et exigence.<br />
<br />
J’ai la chance de pouvoir compter sur une équipe pédagogique et administrative profondément investie, attentive, disponible, et animée par une mission commune : accompagner chaque alternant(e) vers la réussite et l’épanouissement. <br />
<br />
Malgré le nombre croissant d’étudiants que nous accueillons chaque année, nous veillons à préserver ce qui fait l’ADN de l’ESA by H3 Campus : une ambiance familiale, de proximité et de confiance.<br />
<br />
Que vous soyez étudiant(e) ou tuteur(trice) en entreprise, sachez que toute l’équipe de l’ESA by H3 Campus sera à vos côtés tout au long de l’année. Ensemble, faisons de cette rentrée une nouvelle étape vers la réussite.<br />
<br />
Très belle année à tous !<br />
</div>
<div class="mot-pres-signature__wrapper">
<p>Françoise BURCEA<br><b>Directrice de l’ESA by H3 Campus<br>La Roche-sur-Yon</b></p>
</div></div></div></div></section><section id="section-49-745" class="ct-section ecole-formations owl--xl" ><div class="ct-section-inner-wrap"><h2 id="code_block-109-745" class="ct-code-block bienvenue-section__title text--white fade-top" >
<span>02</span> - Les formations en Alternance à l'ESA by H3 Campus La Roche-sur-Yon</h2><div id="code_block-51-745" class="ct-code-block nos-form-cta-list fade-top" >
<div id="accordionGroup" class="grid--1-3 grid--l-1 gap--l accordion">
<div class="col-tabs-list">
<div class="tabs-list">
<h3><button aria-controls="item-1" aria-selected="false" id="tab-item-1" role="tab" class="accordion__button tab">BTS ></button></h3>
<h3><button aria-controls="item-2" aria-selected="false" id="tab-item-2" role="tab" class="accordion__button tab">Bachelor ></button></h3>
<h3><button aria-controls="item-3" aria-selected="false" id="tab-item-3" role="tab" class="accordion__button tab">Mastère ></button></h3>
</div>
</div>
<div class="accordion__items-wrapper">
<div id="item-1" aria-labelledby="tab-item-1" role="tabpanel" class="owl--s accordion__item" aria-hidden="true">
<ol>
<li><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bts/bts-mco-management-commercial-operationnel-bac2/"><h4 class="nos-form-cta-list__title"><span>BTS MCO en Alternance</span> | Management Commercial Opérationnel</h4><span class="nos-form-cta-list__plus">+</span></a></li>
<li><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bts/bts-ndrc-negociation-digitalisation-relation-client-bac2/"><h4 class="nos-form-cta-list__title"><span>BTS NDRC en Alternance</span> | Négociation & Digitalisation de la Relation Client</h4><span class="nos-form-cta-list__plus">+</span></a></li>
<li><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bts/bts-gpme-gestion-de-la-pme/"><h4 class="nos-form-cta-list__title"><span>BTS GPME en Alternance</span> | Gestion de la PME</h4><span class="nos-form-cta-list__plus">+</span></a></li>
<li><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bts/bts-communication/"><h4 class="nos-form-cta-list__title"><span>BTS Communication en Alternance</span> | Communication</h4><span class="nos-form-cta-list__plus">+</span></a></li>
</ol>
</div>
<div id="item-2" aria-labelledby="tab-item-2" role="tabpanel" class="owl--s accordion__item" aria-hidden="true">
<ol>
<li><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bachelors/responsable-du-developpement-commercial-et-marketing/"><h4 class="nos-form-cta-list__title"><span>Bachelor Développement Commercial et Marketing</span> | Développement Commercial et Marketing</h4><span class="nos-form-cta-list__plus">+</span></a></li>
<li><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bachelors/bachelor-charge-des-rh-bac3/"><h4 class="nos-form-cta-list__title"><span>BACHELOR CHARGÉ(E) DES RESSOURCES HUMAINES</span> | Ressources Humaines</h4><span class="nos-form-cta-list__plus">+</span></a></li>
<li><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/bachelors/bachelor-responsable-projet-communication-bac3/"><h4 class="nos-form-cta-list__title"><span>BACHELOR RESPONSABLE PROJET COMMUNICATION</span> | Communication</h4><span class="nos-form-cta-list__plus">+</span></a></li>
</ol>
</div>
<div id="item-3" aria-labelledby="tab-item-3" role="tabpanel" class="owl--s accordion__item" aria-hidden="true">
<ol>
<li><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/masteres/manager-commercial-marketing/"><h4 class="nos-form-cta-list__title"><span>Mastère Manager Commercial et Marketing</span> | Manager Commercial et Marketing</h4><span class="nos-form-cta-list__plus">+</span></a></li>
<li><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/masteres/mastere-manager-en-ressources-humaines/"><h4 class="nos-form-cta-list__title"><span>Mastère Manager en Ressources Humaines</span> | Manager en Ressources Humaines</h4><span class="nos-form-cta-list__plus">+</span></a></li>
<li><a href="https://ecolesuperieurealternance.fr/nos-formations-en-alternance/masteres/mastere-marketing-communication-digitale-bac5/"><h4 class="nos-form-cta-list__title"><span>Mastère Marketing et Communication</span> | Marketing et Communication</h4><span class="nos-form-cta-list__plus">+</span></a></li>
</ol>
</div>
</div>
</div></div></div></section><section id="section-8-58" class="ct-section cta-inscription" ><div class="ct-section-inner-wrap"><h2 id="headline-9-58" class="ct-headline cta-formation__title fade-top">Envie d’intégrer l’école?</h2><a id="link-12-58" class="ct-link button-arrow fade-top button-arrow__light" href="https://ecolesuperieurealternance.fr/contact/" ><span id="div_block-13-58" class="ct-div-block button__the-arrow -left" ><span id="text_block-14-58" class="ct-text-block shaft" ></span></span><span id="div_block-15-58" class="ct-div-block button__main" ><span id="text_block-16-58" class="ct-text-block button__text" >Contactez-nous</span><span id="div_block-17-58" class="ct-div-block button__the-arrow -right" ><span id="text_block-18-58" class="ct-text-block shaft" ></span></span></span></a></div></section><section id="section-115-745" class="ct-section cta-sociaux" ><div class="ct-section-inner-wrap"><div id="div_block-116-745" class="ct-div-block cta-sociaux-title-wrapper fade-top" ><p id="text_block-117-745" class="ct-text-block cta-sociaux__title" >Suivez l'école sur les réseaux sociaux</p><div id="text_block-118-745" class="ct-text-block cta-sociaux__filet" ></div></div><div id="div_block-119-745" class="ct-div-block cta-sociaux-logos-wrapper" ><a id="link-123-745" class="ct-link cta-sociaux-logo-link" href="https://www.instagram.com/esa_byh3_larochesuryon/" target="_blank" ><div id="fancy_icon-124-745" class="ct-fancy-icon cta-sociaux-logo-link__logo" ><svg id="svg-fancy_icon-124-745"><use xlink:href="#FontAwesomeicon-instagram"></use></svg></div><div id="text_block-125-745" class="ct-text-block screen-reader-text" >Notre page Instagram</div></a><a id="link-126-745" class="ct-link cta-sociaux-logo-link" href="https://www.facebook.com/ESA.EcoleSuperieureAlternance?locale=fr_FR" target="_blank" ><div id="fancy_icon-127-745" class="ct-fancy-icon cta-sociaux-logo-link__logo" ><svg id="svg-fancy_icon-127-745"><use xlink:href="#FontAwesomeicon-facebook-square"></use></svg></div><div id="text_block-128-745" class="ct-text-block screen-reader-text" >Notre page facebook</div></a><a id="link-129-745" class="ct-link cta-sociaux-logo-link" href="https://www.tiktok.com/@esa_byh3_larochesuryon" target="_blank" ><div id="code_block-130-745" class="ct-code-block cta-sociaux-logo-link__logo" ><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 38 38" style="enable-background:new 0 0 38 38" xml:space="preserve"><path d="M35.3 15.4h-.9c-3.4 0-6.6-1.7-8.5-4.6v15.6c0 6.4-5.2 11.5-11.5 11.5-6.5.1-11.7-5.1-11.7-11.4C2.7 20.1 7.9 15 14.2 15h.7v5.7c-.2 0-.5-.1-.7-.1-3.3 0-5.9 2.6-5.9 5.9s2.6 5.9 5.9 5.9c3.3 0 6.1-2.6 6.1-5.8L20.5 0h5.4c.5 4.9 4.4 8.7 9.3 9.1l.1 6.3"/></svg></div><div id="text_block-131-745" class="ct-text-block screen-reader-text" >Notre page Tik Tok</div></a><a id="link-132-745" class="ct-link cta-sociaux-logo-link" href="https://www.youtube.com/@esa-larochesuryon" target="_blank" ><div id="fancy_icon-133-745" class="ct-fancy-icon cta-sociaux-logo-link__logo" ><svg id="svg-fancy_icon-133-745"><use xlink:href="#FontAwesomeicon-youtube"></use></svg></div><div id="text_block-134-745" class="ct-text-block screen-reader-text" >Notre page Youtube</div></a><a id="link-120-745" class="ct-link cta-sociaux-logo-link" href="https://www.linkedin.com/school/esa-ecole-sup%C3%A9rieure-de-l-alternance/?viewAsMember=true" target="_blank" ><div id="fancy_icon-121-745" class="ct-fancy-icon cta-sociaux-logo-link__logo" ><svg id="svg-fancy_icon-121-745"><use xlink:href="#FontAwesomeicon-linkedin"></use></svg></div><div id="text_block-122-745" class="ct-text-block screen-reader-text" >Notre page Linkedin</div></a></div></div></section><section id="section-62-745" class="ct-section owl--xl" ><div class="ct-section-inner-wrap"><h3 id="headline-65-745" class="ct-headline bienvenue-section__title fade-top"><span>03</span> - Informations pratiques</h3><div id="div_block-74-745" class="ct-div-block grid--l-1 gap--l grid--2" ><div id="div_block-75-745" class="ct-div-block fade-top owl--m" ><div id="code_block-104-745" class="ct-code-block info-pratique__adresse" ><p><strong>ESA by H3 Campus La Roche-sur-Yon Vendée<br />
</strong>40 Rue René Goscinny<br />
85000 LA ROCHE-SUR-YON<br />
Tél : <a href="tel:0251622209">02 51 62 22 09</a></p>
</div><a id="link-78-745" class="ct-link button-arrow button-arrow__hollow" href="/cdn-cgi/l/email-protection#e9848880859d86d385889b868a818c9a9c9b908687a98c9a88c48a8884999c9ac78f9b" target="_self"><span id="div_block-79-745" class="ct-div-block button__the-arrow -left" ><span id="text_block-80-745" class="ct-text-block shaft" ></span></span><span id="div_block-81-745" class="ct-div-block button__main" ><span id="text_block-82-745" class="ct-text-block button__text" >Envoyer un mail</span><span id="div_block-83-745" class="ct-div-block button__the-arrow -right" ><span id="text_block-84-745" class="ct-text-block shaft" ></span></span></span></a><div id="div_block-85-745" class="ct-div-block horaires" ><div id="text_block-86-745" class="ct-text-block" >Horaires :</div><div id="code_block-106-745" class="ct-code-block horaires__txt" ><p>Lundi 08:30 - 17:30<br />
Mardi 08:30 - 17:30<br />
Mercredi 08:30 - 17:30<br />
Jeudi 08:30 - 17:30<br />
Vendredi 08:30 - 17:30<br />
Samedi / Dimanche Fermé</p>
</div></div></div><div id="code_block-92-745" class="ct-code-block fade-top" ><div class="leaflet-map" data-height="400" data-map="leaflet" data-map-lng="-1.4314842" data-map-lat="46.6520286" data-map-zoom="12" data-map-layers="["MapBox"]" data-map-markers="[{"label":"ESA by H3 Campus La Roche s\/Yon, Vend\u00e9e","default_label":"40 Rue Ren\u00e9 Goscinny, 85000 La Roche-sur-Yon, France Pays de la Loire","lat":46.6519798,"lng":-1.431384,"geocode":[],"uuid":"marker_669643016094a"}]"></div>
</div></div><h3 id="headline-71-745" class="ct-headline bienvenue-section__title fade-top"><span>04</span> - Accessibilité</h3><div id="code_block-108-745" class="ct-code-block grid--auto-4 gap--m fade-top" >
<div class="access-card text--center">
<header class="center--all">
<img src="https://ecolesuperieurealternance.fr/wp-content/uploads/assets/img/icon-bus.svg" width="62px" alt="icon bus">
</header>
<p><strong>Ligne de Bus</strong></p>
Ligne 2 - Tournefou - Arrêt Jaulnières<br />
Ligne 2 - Atinéa - Arrêt Jaulnières<br />
Ligne 12 - Les Clouzeaux - Arrêt Manet<br />
Ligne 12 - Mouilleron - Arrêt Manet<br />
Ligne 10 - Aubigny - Arrêt Manet<br />
Ligne 10 - Dompierre - Arrêt Manet </div>
<div class="access-card text--center">
<header class="center--all">
<img src="https://ecolesuperieurealternance.fr/wp-content/uploads/assets/img/icon-train.svg" width="94px" alt="icon train">
</header>
<p><strong>Train</strong></p>
Gare SNCF à 7 min de l’école<br />
Nantes 50 min<br />
Paris 3 h </div>
<div class="access-card text--center">
<header class="center--all">
<img src="https://ecolesuperieurealternance.fr/wp-content/uploads/assets/img/icon-proximite.svg" width="48px" alt="icon proximité">
</header>
<p><strong>A proximité</strong></p>
Place Napoléon à 5 min de l’école<br />
Zone d’activité Sud Avenue à 3 min de l’école </div>
<div class="access-card text--center">
<header class="center--all">
<img src="https://ecolesuperieurealternance.fr/wp-content/uploads/assets/img/icon-ocean.svg" width="60px" alt="icon océan">
</header>
<p><strong>Océan</strong></p>
La Tranche sur Mer à 30 min<br />
Les Sables d’Olonne à 35 min<br />
Challans à 40 min </div>
</div></div></section><section id="section-982-113" class="ct-section pad-section--none" ><div class="ct-section-inner-wrap"><div id="div_block-284-113" class="ct-div-block breakout--full esa-frise" ></div><div id="div_block-1200-113" class="ct-div-block" ><div id="div_block-1201-113" class="ct-div-block grid--1-2 cta-actus__grid gap--s grid--l-1" ><div id="div_block-1202-113" class="ct-div-block cta-actus__wrapper owl--s fade-top" ><div id="div_block-1203-113" class="ct-div-block cta-actus__header" ><div id="text_block-1204-113" class="ct-text-block esa-surtitle" >Fresh news !</div><p id="text_block-1205-113" class="ct-text-block section-title" >Notre Actu</p></div><p id="text_block-1206-113" class="ct-text-block" >Retrouvez les dernières actus de l’école, les évènements, les formations, les interviews, toutes les dernières infos de l’ESA by H3 Campus.</p><a id="link-1207-113" class="ct-link button-arrow button-arrow__secondary" href="https://ecolesuperieurealternance.fr/actualite/" ><span id="div_block-1208-113" class="ct-div-block button__the-arrow -left" ><span id="text_block-1209-113" class="ct-text-block shaft" ></span></span><span id="div_block-1210-113" class="ct-div-block button__main" ><span id="text_block-1211-113" class="ct-text-block button__text" >Toute les actus</span><span id="div_block-1212-113" class="ct-div-block button__the-arrow -right" ><span id="text_block-1213-113" class="ct-text-block shaft" ></span></span></span></a></div><div id="div_block-1214-113" class="ct-div-block" ><div id="code_block-1012-113" class="ct-code-block" ><lottie-player src="/wp-content/uploads/assets/lotties/slider-indicator-blue.json" background="transparent" speed="1" class="lottie-player__drag" loop autoplay></lottie-player></div><div id="code_block-1216-113" class="ct-code-block splide splide-actus" >
<!-- the loop -->
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide fade-top">
<article class="actu-card">
<ul class="actu-card__lieu">
<li>ESA by H3 Campus/</li>
<li>
Cholet </li>
<li>
La Roche-sur-Yon </li>
<li>
Saint-Nazaire </li>
</ul>
<div class="actu-card__body-wrapper owl--s">
<div class="actu-card__txt-wrapper owl--xs">
<p class="actu-time"><span>02/ </span>juin 2026</p>
<h3>Porte Ouverte Virtuelle ESA by H3 Campus</h3>
</div>
<div class="actu-card__footer">
<a class="hover-drag clickable-parent actu-card__footer-btn esa-link-underline-fx"
href="https://ecolesuperieurealternance.fr/porte-ouverte-virtuelle-esa-by-h3-campus/" target="_self">lire
plus</a>
</div>
</div>
<div class="actu-card__media-wrapper">
<img width="2560" height="1707" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-scaled.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="workers getting back office scaled" decoding="async" loading="lazy" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-scaled.jpg 2560w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-300x200.jpg 300w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-1024x683.jpg 1024w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-768x512.jpg 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-480x320.jpg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-640x427.jpg 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-720x480.jpg 720w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-960x640.jpg 960w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-1168x779.jpg 1168w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-1440x960.jpg 1440w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-1920x1280.jpg 1920w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-1536x1024.jpg 1536w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/08/workers-getting-back-office-2048x1365.jpg 2048w" sizes="auto, (max-width: 2560px) 100vw, 2560px">
<div class="esa-card-frise">
<div class="esa-card-frise--red"></div>
<div class="esa-card-frise--blue"></div>
<div class="esa-card-frise--yellow"></div>
</div>
</div>
</article>
</li>
<li class="splide__slide fade-top">
<article class="actu-card">
<ul class="actu-card__lieu">
<li>ESA by H3 Campus/</li>
<li>
Cholet </li>
<li>
La Roche-sur-Yon </li>
<li>
Saint-Nazaire </li>
</ul>
<div class="actu-card__body-wrapper owl--s">
<div class="actu-card__txt-wrapper owl--xs">
<p class="actu-time"><span>18/ </span>mai 2026</p>
<h3>Début des épreuves de l’examen national du BTS</h3>
</div>
<div class="actu-card__footer">
<a class="hover-drag clickable-parent actu-card__footer-btn esa-link-underline-fx"
href="https://ecolesuperieurealternance.fr/debut-des-epreuves-de-lexamen-national-du-bts/" target="_self">lire
plus</a>
</div>
</div>
<div class="actu-card__media-wrapper">
<img width="800" height="800" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/05/1779106872020.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="1779106872020" decoding="async" loading="lazy" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/05/1779106872020.jpg 800w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/05/1779106872020-300x300.jpg 300w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/05/1779106872020-150x150.jpg 150w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/05/1779106872020-768x768.jpg 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/05/1779106872020-480x480.jpg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/05/1779106872020-640x640.jpg 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/05/1779106872020-720x720.jpg 720w" sizes="auto, (max-width: 800px) 100vw, 800px">
<div class="esa-card-frise">
<div class="esa-card-frise--red"></div>
<div class="esa-card-frise--blue"></div>
<div class="esa-card-frise--yellow"></div>
</div>
</div>
</article>
</li>
<li class="splide__slide fade-top">
<article class="actu-card">
<ul class="actu-card__lieu">
<li>ESA by H3 Campus/</li>
<li>
La Roche-sur-Yon </li>
</ul>
<div class="actu-card__body-wrapper owl--s">
<div class="actu-card__txt-wrapper owl--xs">
<p class="actu-time"><span>15/ </span>avril 2026</p>
<h3>Animation : LA SANTÉ MENTALE DES ÉTUDIANTS</h3>
</div>
<div class="actu-card__footer">
<a class="hover-drag clickable-parent actu-card__footer-btn esa-link-underline-fx"
href="https://ecolesuperieurealternance.fr/animation-la-sante-mentale-des-etudiants/" target="_self">lire
plus</a>
</div>
</div>
<div class="actu-card__media-wrapper">
<img width="500" height="500" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Animation-du-4-mai.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Animation du 4 mai" decoding="async" loading="lazy" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Animation-du-4-mai.jpg 500w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Animation-du-4-mai-300x300.jpg 300w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Animation-du-4-mai-150x150.jpg 150w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Animation-du-4-mai-480x480.jpg 480w" sizes="auto, (max-width: 500px) 100vw, 500px">
<div class="esa-card-frise">
<div class="esa-card-frise--red"></div>
<div class="esa-card-frise--blue"></div>
<div class="esa-card-frise--yellow"></div>
</div>
</div>
</article>
</li>
<li class="splide__slide fade-top">
<article class="actu-card">
<ul class="actu-card__lieu">
<li>ESA by H3 Campus/</li>
<li>
Cholet </li>
<li>
La Roche-sur-Yon </li>
</ul>
<div class="actu-card__body-wrapper owl--s">
<div class="actu-card__txt-wrapper owl--xs">
<p class="actu-time"><span>07/ </span>avril 2026</p>
<h3>LES ÉTUDIANTS DE BTS NDRC AU SALON HABITAT ET JARDIN</h3>
</div>
<div class="actu-card__footer">
<a class="hover-drag clickable-parent actu-card__footer-btn esa-link-underline-fx"
href="https://ecolesuperieurealternance.fr/les-etudiants-de-bts-ndrc-au-salon-habitat-et-jardin/" target="_self">lire
plus</a>
</div>
</div>
<div class="actu-card__media-wrapper">
<img width="1080" height="1080" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/LES-ETUDIANTS-DE-BTS-NDRC-1-AU-SALON-HABITAT-ET-JARDIN-Il-y-a-quelques-jours-les-etudiants-d.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="LES ETUDIANTS DE BTS NDRC 1 AU SALON HABITAT ET JARDIN Il y a quelques jours les etudiants d" decoding="async" loading="lazy" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/LES-ETUDIANTS-DE-BTS-NDRC-1-AU-SALON-HABITAT-ET-JARDIN-Il-y-a-quelques-jours-les-etudiants-d.jpg 1080w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/LES-ETUDIANTS-DE-BTS-NDRC-1-AU-SALON-HABITAT-ET-JARDIN-Il-y-a-quelques-jours-les-etudiants-d-300x300.jpg 300w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/LES-ETUDIANTS-DE-BTS-NDRC-1-AU-SALON-HABITAT-ET-JARDIN-Il-y-a-quelques-jours-les-etudiants-d-1024x1024.jpg 1024w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/LES-ETUDIANTS-DE-BTS-NDRC-1-AU-SALON-HABITAT-ET-JARDIN-Il-y-a-quelques-jours-les-etudiants-d-150x150.jpg 150w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/LES-ETUDIANTS-DE-BTS-NDRC-1-AU-SALON-HABITAT-ET-JARDIN-Il-y-a-quelques-jours-les-etudiants-d-768x768.jpg 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/LES-ETUDIANTS-DE-BTS-NDRC-1-AU-SALON-HABITAT-ET-JARDIN-Il-y-a-quelques-jours-les-etudiants-d-480x480.jpg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/LES-ETUDIANTS-DE-BTS-NDRC-1-AU-SALON-HABITAT-ET-JARDIN-Il-y-a-quelques-jours-les-etudiants-d-640x640.jpg 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/LES-ETUDIANTS-DE-BTS-NDRC-1-AU-SALON-HABITAT-ET-JARDIN-Il-y-a-quelques-jours-les-etudiants-d-720x720.jpg 720w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/LES-ETUDIANTS-DE-BTS-NDRC-1-AU-SALON-HABITAT-ET-JARDIN-Il-y-a-quelques-jours-les-etudiants-d-960x960.jpg 960w" sizes="auto, (max-width: 1080px) 100vw, 1080px">
<div class="esa-card-frise">
<div class="esa-card-frise--red"></div>
<div class="esa-card-frise--blue"></div>
<div class="esa-card-frise--yellow"></div>
</div>
</div>
</article>
</li>
<li class="splide__slide fade-top">
<article class="actu-card">
<ul class="actu-card__lieu">
<li>ESA by H3 Campus/</li>
<li>
La Roche-sur-Yon </li>
</ul>
<div class="actu-card__body-wrapper owl--s">
<div class="actu-card__txt-wrapper owl--xs">
<p class="actu-time"><span>07/ </span>avril 2026</p>
<h3>LES ÉTUDIANTS DE BTS COM 2 EN IMMERSION CHEZ PLP</h3>
</div>
<div class="actu-card__footer">
<a class="hover-drag clickable-parent actu-card__footer-btn esa-link-underline-fx"
href="https://ecolesuperieurealternance.fr/les-etudiants-de-bts-com-2-en-immersion-chez-plp/" target="_self">lire
plus</a>
</div>
</div>
<div class="actu-card__media-wrapper">
<img width="1080" height="1350" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Design-sans-titre.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Design sans titre" decoding="async" loading="lazy" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Design-sans-titre.jpg 1080w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Design-sans-titre-240x300.jpg 240w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Design-sans-titre-819x1024.jpg 819w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Design-sans-titre-768x960.jpg 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Design-sans-titre-480x600.jpg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Design-sans-titre-640x800.jpg 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Design-sans-titre-720x900.jpg 720w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/04/Design-sans-titre-960x1200.jpg 960w" sizes="auto, (max-width: 1080px) 100vw, 1080px">
<div class="esa-card-frise">
<div class="esa-card-frise--red"></div>
<div class="esa-card-frise--blue"></div>
<div class="esa-card-frise--yellow"></div>
</div>
</div>
</article>
</li>
<li class="splide__slide fade-top">
<article class="actu-card">
<ul class="actu-card__lieu">
<li>ESA by H3 Campus/</li>
<li>
Cholet </li>
<li>
La Roche-sur-Yon </li>
<li>
Saint-Nazaire </li>
</ul>
<div class="actu-card__body-wrapper owl--s">
<div class="actu-card__txt-wrapper owl--xs">
<p class="actu-time"><span>24/ </span>mars 2026</p>
<h3>🚨 Aides à l’alternance 2026 : tout savoir pour recruter un apprenti</h3>
</div>
<div class="actu-card__footer">
<a class="hover-drag clickable-parent actu-card__footer-btn esa-link-underline-fx"
href="https://ecolesuperieurealternance.fr/%f0%9f%9a%a8-aides-a-lalternance-2026-tout-savoir-pour-recruter-un-apprenti/" target="_self">lire
plus</a>
</div>
</div>
<div class="actu-card__media-wrapper">
<img width="2560" height="1707" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-scaled.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="IMG 5336 copie 1 scaled" decoding="async" loading="lazy" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-scaled.jpg 2560w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-300x200.jpg 300w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-1024x683.jpg 1024w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-768x512.jpg 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-480x320.jpg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-640x427.jpg 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-720x480.jpg 720w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-960x640.jpg 960w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-1168x779.jpg 1168w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-1440x960.jpg 1440w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-1920x1280.jpg 1920w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-1536x1024.jpg 1536w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/07/IMG_5336-copie-1-2048x1365.jpg 2048w" sizes="auto, (max-width: 2560px) 100vw, 2560px">
<div class="esa-card-frise">
<div class="esa-card-frise--red"></div>
<div class="esa-card-frise--blue"></div>
<div class="esa-card-frise--yellow"></div>
</div>
</div>
</article>
</li>
<li class="splide__slide fade-top">
<article class="actu-card">
<ul class="actu-card__lieu">
<li>ESA by H3 Campus/</li>
<li>
La Roche-sur-Yon </li>
</ul>
<div class="actu-card__body-wrapper owl--s">
<div class="actu-card__txt-wrapper owl--xs">
<p class="actu-time"><span>24/ </span>mars 2026</p>
<h3>Portes ouvertes le vendredi 27 mars à l'ESA by h3 campus la…</h3>
</div>
<div class="actu-card__footer">
<a class="hover-drag clickable-parent actu-card__footer-btn esa-link-underline-fx"
href="https://ecolesuperieurealternance.fr/portes-ouvertes-a-esa-ecole-superieure-de-lalternance-decouvre-ton-futur-a-la-roche-sur-yon/" target="_self">lire
plus</a>
</div>
</div>
<div class="actu-card__media-wrapper">
<img width="2048" height="1152" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="1749380728307" decoding="async" loading="lazy" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307.jpg 2048w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-300x169.jpg 300w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-1024x576.jpg 1024w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-768x432.jpg 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-480x270.jpg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-640x360.jpg 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-720x405.jpg 720w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-960x540.jpg 960w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-1168x657.jpg 1168w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-1440x810.jpg 1440w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-1920x1080.jpg 1920w, https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/1749380728307-1536x864.jpg 1536w" sizes="auto, (max-width: 2048px) 100vw, 2048px">
<div class="esa-card-frise">
<div class="esa-card-frise--red"></div>
<div class="esa-card-frise--blue"></div>
<div class="esa-card-frise--yellow"></div>
</div>
</div>
</article>
</li>
<li class="splide__slide fade-top">
<article class="actu-card">
<ul class="actu-card__lieu">
<li>ESA by H3 Campus/</li>
<li>
La Roche-sur-Yon </li>
</ul>
<div class="actu-card__body-wrapper owl--s">
<div class="actu-card__txt-wrapper owl--xs">
<p class="actu-time"><span>19/ </span>février 2026</p>
<h3>La sortie pédagogique des BTS MCO 2A : une expérience enrichissante à…</h3>
</div>
<div class="actu-card__footer">
<a class="hover-drag clickable-parent actu-card__footer-btn esa-link-underline-fx"
href="https://ecolesuperieurealternance.fr/la-sortie-pedagogique-des-bts-mco-2a-une-experience-enrichissante-a-la-rochelle/" target="_self">lire
plus</a>
</div>
</div>
<div class="actu-card__media-wrapper">
<img width="1080" height="1350" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/LA-SORTIE-PEDAGOGIQUE-DES-BTS-MCO-2A-La-semaine-derniere-les-etudiants-de-bts-mco-2A-de-l.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="LA SORTIE PEDAGOGIQUE DES BTS MCO 2A La semaine derniere les etudiants de bts mco 2A de l" decoding="async" loading="lazy" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/LA-SORTIE-PEDAGOGIQUE-DES-BTS-MCO-2A-La-semaine-derniere-les-etudiants-de-bts-mco-2A-de-l.jpg 1080w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/LA-SORTIE-PEDAGOGIQUE-DES-BTS-MCO-2A-La-semaine-derniere-les-etudiants-de-bts-mco-2A-de-l-240x300.jpg 240w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/LA-SORTIE-PEDAGOGIQUE-DES-BTS-MCO-2A-La-semaine-derniere-les-etudiants-de-bts-mco-2A-de-l-819x1024.jpg 819w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/LA-SORTIE-PEDAGOGIQUE-DES-BTS-MCO-2A-La-semaine-derniere-les-etudiants-de-bts-mco-2A-de-l-768x960.jpg 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/LA-SORTIE-PEDAGOGIQUE-DES-BTS-MCO-2A-La-semaine-derniere-les-etudiants-de-bts-mco-2A-de-l-480x600.jpg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/LA-SORTIE-PEDAGOGIQUE-DES-BTS-MCO-2A-La-semaine-derniere-les-etudiants-de-bts-mco-2A-de-l-640x800.jpg 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/LA-SORTIE-PEDAGOGIQUE-DES-BTS-MCO-2A-La-semaine-derniere-les-etudiants-de-bts-mco-2A-de-l-720x900.jpg 720w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/LA-SORTIE-PEDAGOGIQUE-DES-BTS-MCO-2A-La-semaine-derniere-les-etudiants-de-bts-mco-2A-de-l-960x1200.jpg 960w" sizes="auto, (max-width: 1080px) 100vw, 1080px">
<div class="esa-card-frise">
<div class="esa-card-frise--red"></div>
<div class="esa-card-frise--blue"></div>
<div class="esa-card-frise--yellow"></div>
</div>
</div>
</article>
</li>
<li class="splide__slide fade-top">
<article class="actu-card">
<ul class="actu-card__lieu">
<li>ESA by H3 Campus/</li>
<li>
Cholet </li>
<li>
La Roche-sur-Yon </li>
<li>
Saint-Nazaire </li>
</ul>
<div class="actu-card__body-wrapper owl--s">
<div class="actu-card__txt-wrapper owl--xs">
<p class="actu-time"><span>09/ </span>février 2026</p>
<h3>Inscription et formulation des vœux sur Parcoursup</h3>
</div>
<div class="actu-card__footer">
<a class="hover-drag clickable-parent actu-card__footer-btn esa-link-underline-fx"
href="https://ecolesuperieurealternance.fr/inscription-et-formulation-des-voeux-sur-parcoursup/" target="_self">lire
plus</a>
</div>
</div>
<div class="actu-card__media-wrapper">
<img width="800" height="1000" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/1770039295389.jpeg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="1770039295389" decoding="async" loading="lazy" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/1770039295389.jpeg 800w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/1770039295389-240x300.jpeg 240w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/1770039295389-768x960.jpeg 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/1770039295389-480x600.jpeg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/1770039295389-640x800.jpeg 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2026/02/1770039295389-720x900.jpeg 720w" sizes="auto, (max-width: 800px) 100vw, 800px">
<div class="esa-card-frise">
<div class="esa-card-frise--red"></div>
<div class="esa-card-frise--blue"></div>
<div class="esa-card-frise--yellow"></div>
</div>
</div>
</article>
</li>
<!-- end of the loop -->
</ul>
</div>
<!-- pagination here -->
</div></div></div><div id="div_block-1217-113" class="ct-div-block breakout--full esa-frise" ></div></div></div></section><section id="section-960-113" class="ct-section cta-formation" ><div class="ct-section-inner-wrap"><div id="div_block-966-113" class="ct-div-block cta-formation-wrapper" ><a id="link-1132-113" class="ct-link hover-inscrire clickable-parent" href="https://ecolesuperieurealternance.fr/candidature/#candidature" ><h3 id="headline-886-113" class="ct-headline cta-formation__title fade-top">Envie de devenir alternant à l'ESA by H3 Campus ?</h3></a><a id="link-969-113" class="ct-link button-arrow button-arrow__light fade-top" href="https://ecolesuperieurealternance.fr/candidature/#candidature" ><span id="div_block-970-113" class="ct-div-block button__the-arrow -left" ><span id="text_block-971-113" class="ct-text-block shaft" ></span></span><span id="div_block-972-113" class="ct-div-block button__main" ><span id="text_block-973-113" class="ct-text-block button__text" >S'inscrire à l'ESA</span><span id="div_block-974-113" class="ct-div-block button__the-arrow -right" ><span id="text_block-975-113" class="ct-text-block shaft" ></span></span></span></a></div><img loading="lazy" id="image-1036-113" alt="ESA-Trouver sa formation" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation.jpg" class="ct-image parallax-bg object-fit--cover" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation.jpg 1920w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation-300x151.jpg 300w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation-1024x517.jpg 1024w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation-768x388.jpg 768w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation-480x242.jpg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation-640x323.jpg 640w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation-720x363.jpg 720w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation-960x485.jpg 960w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation-1168x589.jpg 1168w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation-1440x727.jpg 1440w, https://ecolesuperieurealternance.fr/wp-content/uploads/2022/09/esa-visuel-trouver-formation-1536x775.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px" data-bg-parallax="" data-speed="0.3"/></div></section><section id="section-13-45" class="ct-section esa-footer owl--xxl" ><div class="ct-section-inner-wrap"><div id="div_block-283-113" class="ct-div-block gap--m footer-grid grid--m-1 grid--1-2 grid--l-1" ><div id="div_block-292-113" class="ct-div-block fade-top" ><a id="link-325-113" class="ct-link" href="https://ecolesuperieurealternance.fr/" ><img id="image-327-113" alt="" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2025/06/esa-by-h3-campus-logo-white-coul-v2.svg" class="ct-image" srcset="" sizes="(max-width: 0px) 100vw, 0px" /><div id="text_block-348-113" class="ct-text-block screen-reader-text" >Retour vers l'accueil</div></a><p id="text_block-415-113" class="ct-text-block" >ESA by H3 Campus située à La Roche-sur-Yon, Cholet et Saint-Nazaire, est spécialisée dans les formations du commerce, de la vente, de l’administratif/RH et de la communication.
Études supérieures en apprentissage et contrat de professionnalisation
BTS BAC+2, Bachelor BAC+3, Mastère BAC +5, Titre.</p><p id="text_block-1234-113" class="ct-text-block" >Etablissement privé d'enseignement supérieur technique</p></div><div id="div_block-293-113" class="ct-div-block owl--m" ><div id="div_block-1111-113" class="ct-div-block grid--2 gap--m grid--m-1" ><div id="div_block-1102-113" class="ct-div-block owl--l fade-top" ><p id="text_block-1173-113" class="ct-text-block esa-surtitle" >naviguer vers une plateforme</p><nav id="div_block-356-113" class="ct-div-block plateforme-section" role="navigation" aria-label="Menu pied de page"><ul id="div_block-484-113" class="ct-div-block plateforme-left-col" ><li id="div_block-358-113" class="ct-div-block" ><a id="link_text-360-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://formations-vendee.com/" target="_blank" >Accueil du Portail</a></li><li id="div_block-497-113" class="ct-div-block" ><a id="link_text-433-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://ecolesuperieurealternance.fr/ecole-superieure-de-l-alternance/" >À propos<br> de la plateforme</a></li><li id="div_block-500-113" class="ct-div-block" ><a id="link_text-434-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://ecolesuperieurealternance.fr/actualite/" >Actualités</a></li><li id="div_block-503-113" class="ct-div-block" ><a id="link_text-435-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://ecolesuperieurealternance.fr/contact/#contact" >Contact</a></li></ul><ul id="div_block-507-113" class="ct-div-block plateforme-right-col" ><li id="div_block-508-113" class="ct-div-block" ><a id="link_text-509-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://ecolesuperieurealternance.fr/" >ESA by H3 Campus</a></li><li id="div_block-520-113" class="ct-div-block" ><a id="link_text-521-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://formations-vendee.com/ifms/" target="_blank" >IFMS</a></li><li id="div_block-522-113" class="ct-div-block" ><a id="link_text-523-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://formations-vendee.com/phare/" target="_blank" >PHARE</a></li><li id="div_block-524-113" class="ct-div-block" ><a id="link_text-525-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://formations-vendee.com/cofae/" target="_blank" >COFAE</a></li><li id="div_block-526-113" class="ct-div-block" ><a id="link_text-527-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://formations-vendee.com/anglais/" target="_blank" >DO YOU SPEAK ENGLISH ?</a></li><li id="div_block-528-113" class="ct-div-block" ><a id="link_text-529-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://formatioplus.elmg.net/" target="_blank" >FORMATIO+</a></li><li id="div_block-530-113" class="ct-div-block" ><a id="link_text-531-113" class="ct-link-text plateforme-links esa-link-underline-fx esa-link-underline-fx__white" href="https://www.h3campusonline.fr/" target="_blank" >H3 Campus Online</a></li></ul></nav></div><div id="div_block-294-113" class="ct-div-block fade-top owl--m" ><p id="text_block-1178-113" class="ct-text-block esa-surtitle" >Pour nous contacter</p><div id="div_block-1141-113" class="ct-div-block" ><p id="text_block-1140-113" class="ct-text-block" ><b>ESA by H3 Campus La Roche s/Yon Vendée</b><br>40 Rue René Goscinny<br>85 000 LA ROCHE-SUR-YON<br>Tél. 02 51 62 22 09</p><p id="text_block-295-113" class="ct-text-block" ><b>ESA by H3 Campus Cholet Maine et Loire</b><br>
60, rue Saint Melaine<br>
49300 CHOLET<br>Tél. 02 59 10 12 83</p><p id="text_block-1233-113" class="ct-text-block" ><b>ESA by H3 Campus Saint-Nazaire</b><br>
4 allée de la Mer d’Iroise<br>
44600 Saint-Nazaire<br>Tél. 02 19 23 18 00</p></div><div id="code_block-1144-113" class="ct-code-block" ><a class="button-arrow button-arrow__hollow-light" href="https://ecolesuperieurealternance.fr/contact/#contact">
<span class="button__the-arrow -left">
<span class="shaft"></span>
</span>
<span class="button__main">
<span class="button__text">Nous contacter</span>
<span class="button__the-arrow -right">
<span class="shaft"></span>
</span>
</span>
</a></div></div></div><div id="div_block-1123-113" class="ct-div-block fade-top" ><div id="div_block-1039-113" class="ct-div-block groupe-h3" ><a id="link-1040-113" class="ct-link" href="https://h3education.fr" target="_blank" rel="noopener noreferrer nofollow" ><img id="image-1041-113" alt="H3 éducation" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2024/03/Logo-H3-blanc-couleur.svg" class="ct-image"/></a><div id="text_block-1053-113" class="ct-text-block groupe-h3__txt" >Enseignement supérieur <br>& Formation depuis 1970</div></div><a id="link-1162-113" class="ct-link" href="https://ecolesuperieurealternance.fr/wp-content/uploads/2025/10/Qualiopi-2025.pdf" target="_blank" ><img id="image-1145-113" alt="logo qualiopi" src="https://ecolesuperieurealternance.fr/wp-content/uploads/2023/10/logo-qualiopi_900x500-720x400.jpg" class="ct-image qualiopi-logo" srcset="https://ecolesuperieurealternance.fr/wp-content/uploads/2023/10/logo-qualiopi_900x500-720x400.jpg 720w, https://ecolesuperieurealternance.fr/wp-content/uploads/2023/10/logo-qualiopi_900x500-300x167.jpg 300w, https://ecolesuperieurealternance.fr/wp-content/uploads/2023/10/logo-qualiopi_900x500-480x267.jpg 480w, https://ecolesuperieurealternance.fr/wp-content/uploads/2023/10/logo-qualiopi_900x500-640x356.jpg 640w" sizes="(max-width: 720px) 100vw, 720px" /></a></div></div></div><div id="div_block-287-113" class="ct-div-block section-mention" ><nav id="div_block-301-113" class="ct-div-block section-mention__nav" role="navigation" aria-label="Menu information légales"><a id="link_text-303-113" class="ct-link-text section-mention__nav-link esa-link-underline-fx" href="https://ecolesuperieurealternance.fr/informations-legales/" target="_blank" rel="noopener noreferrer nofollow" >Infos légales</a><a id="link_text-306-113" class="ct-link-text section-mention__nav-link esa-link-underline-fx" href="https://ecolesuperieurealternance.fr/cgv/" target="_blank" rel="noopener noreferrer nofollow" >CGV</a><a id="link_text-309-113" class="ct-link-text section-mention__nav-link esa-link-underline-fx" href="https://ecolesuperieurealternance.fr/politique-confidentialite/" target="_blank" rel="noopener noreferrer nofollow" >Politique de confidentialité</a></nav></div><div id="div_block-879-113" class="ct-div-block breakout--full esa-frise" ></div></div></section><div id="download-form" class="ct-div-block" ><div id="div_block-878-113" class="ct-div-block popup-form-wrapper owl--l" ><div id="div_block-1281-113" class="ct-div-block" ><h3 id="headline-1271-113" class="ct-headline">Télécharger la brochure</h3><div id="text_block-1275-113" class="ct-text-block" >Complétez le formulaire pour recevoir votre brochure.</div></div><div id="code_block-1270-113" class="ct-code-block" ><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://js-eu1.hsforms.net/forms/embed/146076634.js" defer></script>
<div class="hs-form-frame" data-region="eu1" data-form-id="d17d15dd-437b-4837-b952-1009bf33b012" data-portal-id="146076634"></div></div></div></div><nav id="div_block-83-113" class="ct-div-block bottom-bar" aria-label="Mobile tool bar menu"><a id="link-11-137" class="ct-link bottom-bar-item" href="https://ecolesuperieurealternance.fr/candidature/#candidature" ><div id="fancy_icon-12-137" class="ct-fancy-icon" ><svg id="svg-fancy_icon-12-137"><use xlink:href="#Lineariconsicon-pencil"></use></svg></div><div id="text_block-13-137" class="ct-text-block bottom-bar-item__txt" >s'inscrire</div></a><a id="link-108-113" class="ct-link bottom-bar-item" href="https://ecolesuperieurealternance.fr/contact/" ><div id="fancy_icon-109-113" class="ct-fancy-icon" ><svg id="svg-fancy_icon-109-113"><use xlink:href="#Lineariconsicon-envelope"></use></svg></div><div id="text_block-110-113" class="ct-text-block bottom-bar-item__txt" >nous <br>contacter</div></a></nav><div id="code_block-3-52" class="ct-code-block cursor" ><div class="cursor__icon">
<span class="cursor__decouvrir">
<div class="small">Découvrir</div>
</span>
<span class="cursor__drag">
<div class="small">Faire défiler</div>
</span>
<span class="cursor__download">
<div class="small">Télécharger<br>la fiche</div>
</span>
<span class="cursor__inscrire">
<div class="small">S'inscrire</div>
</span>
<span class="cursor__lire">
<div class="small">Lire...</div>
</span>
</div></div><div id="div_block-1027-113" class="ct-div-block loader-wrapper" ></div> <!-- WP_FOOTER -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/twentytwentytwo/*","/wp-content/themes/oxygen-is-not-a-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5LGHNP2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script>jQuery(document).on('click','a[href*="#"]',function(t){if(jQuery(t.target).closest('.wc-tabs').length>0){return}if(jQuery(this).is('[href="#"]')||jQuery(this).is('[href="#0"]')||jQuery(this).is('[href*="replytocom"]')){return};if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=jQuery(this.hash);(e=e.length?e:jQuery("[name="+this.hash.slice(1)+"]")).length&&(t.preventDefault(),jQuery("html, body").animate({scrollTop:e.offset().top-40},500))}});</script><style>.ct-FontAwesomeicon-facebook-square{width:0.85714285714286em}</style>
<style>.ct-FontAwesomeicon-linkedin{width:0.85714285714286em}</style>
<style>.ct-FontAwesomeicon-youtube{width:0.85714285714286em}</style>
<style>.ct-FontAwesomeicon-instagram{width:0.85714285714286em}</style>
<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="FontAwesomeicon-facebook-square" viewbox="0 0 24 28"><title>facebook-square</title><path d="M19.5 2c2.484 0 4.5 2.016 4.5 4.5v15c0 2.484-2.016 4.5-4.5 4.5h-2.938v-9.297h3.109l0.469-3.625h-3.578v-2.312c0-1.047 0.281-1.75 1.797-1.75l1.906-0.016v-3.234c-0.328-0.047-1.469-0.141-2.781-0.141-2.766 0-4.672 1.687-4.672 4.781v2.672h-3.125v3.625h3.125v9.297h-8.313c-2.484 0-4.5-2.016-4.5-4.5v-15c0-2.484 2.016-4.5 4.5-4.5h15z"/></symbol><symbol id="FontAwesomeicon-linkedin" viewbox="0 0 24 28"><title>linkedin</title><path d="M5.453 9.766v15.484h-5.156v-15.484h5.156zM5.781 4.984c0.016 1.484-1.109 2.672-2.906 2.672v0h-0.031c-1.734 0-2.844-1.188-2.844-2.672 0-1.516 1.156-2.672 2.906-2.672 1.766 0 2.859 1.156 2.875 2.672zM24 16.375v8.875h-5.141v-8.281c0-2.078-0.75-3.5-2.609-3.5-1.422 0-2.266 0.953-2.641 1.875-0.125 0.344-0.172 0.797-0.172 1.266v8.641h-5.141c0.063-14.031 0-15.484 0-15.484h5.141v2.25h-0.031c0.672-1.062 1.891-2.609 4.672-2.609 3.391 0 5.922 2.219 5.922 6.969z"/></symbol><symbol id="FontAwesomeicon-youtube" viewbox="0 0 24 28"><title>youtube</title><path d="M15.172 19.437v3.297c0 0.703-0.203 1.047-0.609 1.047-0.234 0-0.469-0.109-0.703-0.344v-4.703c0.234-0.234 0.469-0.344 0.703-0.344 0.406 0 0.609 0.359 0.609 1.047zM20.453 19.453v0.719h-1.406v-0.719c0-0.703 0.234-1.062 0.703-1.062s0.703 0.359 0.703 1.062zM5.359 16.047h1.672v-1.469h-4.875v1.469h1.641v8.891h1.563v-8.891zM9.859 24.938h1.391v-7.719h-1.391v5.906c-0.313 0.438-0.609 0.656-0.891 0.656-0.187 0-0.297-0.109-0.328-0.328-0.016-0.047-0.016-0.219-0.016-0.547v-5.688h-1.391v6.109c0 0.547 0.047 0.906 0.125 1.141 0.125 0.391 0.453 0.578 0.906 0.578 0.5 0 1.031-0.313 1.594-0.953v0.844zM16.562 22.625v-3.078c0-0.719-0.031-1.234-0.141-1.547-0.172-0.578-0.562-0.875-1.109-0.875-0.516 0-1 0.281-1.453 0.844v-3.391h-1.391v10.359h1.391v-0.75c0.469 0.578 0.953 0.859 1.453 0.859 0.547 0 0.938-0.297 1.109-0.859 0.109-0.328 0.141-0.844 0.141-1.563zM21.844 22.469v-0.203h-1.422c0 0.562-0.016 0.875-0.031 0.953-0.078 0.375-0.281 0.562-0.625 0.562-0.484 0-0.719-0.359-0.719-1.078v-1.359h2.797v-1.609c0-0.828-0.141-1.422-0.422-1.813-0.406-0.531-0.953-0.797-1.656-0.797-0.719 0-1.266 0.266-1.672 0.797-0.297 0.391-0.438 0.984-0.438 1.813v2.703c0 0.828 0.156 1.437 0.453 1.813 0.406 0.531 0.953 0.797 1.687 0.797s1.313-0.281 1.687-0.828c0.172-0.25 0.297-0.531 0.328-0.844 0.031-0.141 0.031-0.453 0.031-0.906zM12.344 8.203v-3.281c0-0.719-0.203-1.078-0.672-1.078-0.453 0-0.672 0.359-0.672 1.078v3.281c0 0.719 0.219 1.094 0.672 1.094 0.469 0 0.672-0.375 0.672-1.094zM23.578 19.938c0 1.797-0.016 3.719-0.406 5.469-0.297 1.234-1.297 2.141-2.5 2.266-2.875 0.328-5.781 0.328-8.672 0.328s-5.797 0-8.672-0.328c-1.203-0.125-2.219-1.031-2.5-2.266-0.406-1.75-0.406-3.672-0.406-5.469v0c0-1.813 0.016-3.719 0.406-5.469 0.297-1.234 1.297-2.141 2.516-2.281 2.859-0.313 5.766-0.313 8.656-0.313s5.797 0 8.672 0.313c1.203 0.141 2.219 1.047 2.5 2.281 0.406 1.75 0.406 3.656 0.406 5.469zM7.984 0h1.594l-1.891 6.234v4.234h-1.563v-4.234c-0.141-0.766-0.453-1.859-0.953-3.313-0.344-0.969-0.688-1.953-1.016-2.922h1.656l1.109 4.109zM13.766 5.203v2.734c0 0.828-0.141 1.453-0.438 1.844-0.391 0.531-0.938 0.797-1.656 0.797-0.703 0-1.25-0.266-1.641-0.797-0.297-0.406-0.438-1.016-0.438-1.844v-2.734c0-0.828 0.141-1.437 0.438-1.828 0.391-0.531 0.938-0.797 1.641-0.797 0.719 0 1.266 0.266 1.656 0.797 0.297 0.391 0.438 1 0.438 1.828zM19 2.672v7.797h-1.422v-0.859c-0.562 0.656-1.094 0.969-1.609 0.969-0.453 0-0.781-0.187-0.922-0.578-0.078-0.234-0.125-0.609-0.125-1.172v-6.156h1.422v5.734c0 0.328 0 0.516 0.016 0.547 0.031 0.219 0.141 0.344 0.328 0.344 0.281 0 0.578-0.219 0.891-0.672v-5.953h1.422z"/></symbol><symbol id="FontAwesomeicon-instagram" viewbox="0 0 24 28"><title>instagram</title><path d="M16 14c0-2.203-1.797-4-4-4s-4 1.797-4 4 1.797 4 4 4 4-1.797 4-4zM18.156 14c0 3.406-2.75 6.156-6.156 6.156s-6.156-2.75-6.156-6.156 2.75-6.156 6.156-6.156 6.156 2.75 6.156 6.156zM19.844 7.594c0 0.797-0.641 1.437-1.437 1.437s-1.437-0.641-1.437-1.437 0.641-1.437 1.437-1.437 1.437 0.641 1.437 1.437zM12 4.156c-1.75 0-5.5-0.141-7.078 0.484-0.547 0.219-0.953 0.484-1.375 0.906s-0.688 0.828-0.906 1.375c-0.625 1.578-0.484 5.328-0.484 7.078s-0.141 5.5 0.484 7.078c0.219 0.547 0.484 0.953 0.906 1.375s0.828 0.688 1.375 0.906c1.578 0.625 5.328 0.484 7.078 0.484s5.5 0.141 7.078-0.484c0.547-0.219 0.953-0.484 1.375-0.906s0.688-0.828 0.906-1.375c0.625-1.578 0.484-5.328 0.484-7.078s0.141-5.5-0.484-7.078c-0.219-0.547-0.484-0.953-0.906-1.375s-0.828-0.688-1.375-0.906c-1.578-0.625-5.328-0.484-7.078-0.484zM24 14c0 1.656 0.016 3.297-0.078 4.953-0.094 1.922-0.531 3.625-1.937 5.031s-3.109 1.844-5.031 1.937c-1.656 0.094-3.297 0.078-4.953 0.078s-3.297 0.016-4.953-0.078c-1.922-0.094-3.625-0.531-5.031-1.937s-1.844-3.109-1.937-5.031c-0.094-1.656-0.078-3.297-0.078-4.953s-0.016-3.297 0.078-4.953c0.094-1.922 0.531-3.625 1.937-5.031s3.109-1.844 5.031-1.937c1.656-0.094 3.297-0.078 4.953-0.078s3.297-0.016 4.953 0.078c1.922 0.094 3.625 0.531 5.031 1.937s1.844 3.109 1.937 5.031c0.094 1.656 0.078 3.297 0.078 4.953z"/></symbol></defs></svg><?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"><defs><symbol id="Lineariconsicon-pencil" viewbox="0 0 20 20"><title>pencil</title><path class="path1" d="M19.104 0.896c-0.562-0.562-1.309-0.871-2.104-0.871s-1.542 0.309-2.104 0.871l-12.75 12.75c-0.052 0.052-0.091 0.114-0.116 0.183l-2 5.5c-0.066 0.183-0.021 0.387 0.116 0.524 0.095 0.095 0.223 0.146 0.354 0.146 0.057 0 0.115-0.010 0.171-0.030l5.5-2c0.069-0.025 0.131-0.065 0.183-0.116l12.75-12.75c0.562-0.562 0.871-1.309 0.871-2.104s-0.309-1.542-0.871-2.104zM5.725 17.068l-4.389 1.596 1.596-4.389 11.068-11.068 2.793 2.793-11.068 11.068zM18.396 4.396l-0.896 0.896-2.793-2.793 0.896-0.896c0.373-0.373 0.869-0.578 1.396-0.578s1.023 0.205 1.396 0.578c0.373 0.373 0.578 0.869 0.578 1.396s-0.205 1.023-0.578 1.396z"/></symbol><symbol id="Lineariconsicon-envelope" viewbox="0 0 20 20"><title>envelope</title><path class="path1" d="M17.5 6h-16c-0.827 0-1.5 0.673-1.5 1.5v9c0 0.827 0.673 1.5 1.5 1.5h16c0.827 0 1.5-0.673 1.5-1.5v-9c0-0.827-0.673-1.5-1.5-1.5zM17.5 7c0.030 0 0.058 0.003 0.087 0.008l-7.532 5.021c-0.29 0.193-0.819 0.193-1.109 0l-7.532-5.021c0.028-0.005 0.057-0.008 0.087-0.008h16zM17.5 17h-16c-0.276 0-0.5-0.224-0.5-0.5v-8.566l7.391 4.927c0.311 0.207 0.71 0.311 1.109 0.311s0.798-0.104 1.109-0.311l7.391-4.927v8.566c0 0.276-0.224 0.5-0.5 0.5z"/></symbol><symbol id="Lineariconsicon-download" viewbox="0 0 20 20"><title>download</title><path class="path1" d="M14.853 9.647c-0.195-0.195-0.512-0.195-0.707 0l-4.146 4.146v-11.293c0-0.276-0.224-0.5-0.5-0.5s-0.5 0.224-0.5 0.5v11.293l-4.146-4.146c-0.195-0.195-0.512-0.195-0.707 0s-0.195 0.512 0 0.707l5 5c0.098 0.098 0.226 0.146 0.354 0.146s0.256-0.049 0.354-0.147l5-5c0.195-0.195 0.195-0.512-0-0.707z"/><path class="path2" d="M17.5 19h-16c-0.827 0-1.5-0.673-1.5-1.5v-2c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v2c0 0.276 0.224 0.5 0.5 0.5h16c0.276 0 0.5-0.224 0.5-0.5v-2c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v2c0 0.827-0.673 1.5-1.5 1.5z"/></symbol></defs></svg><script src='https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js'></script><script src='https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.7/dist/js/splide.min.js'></script>
<script type="text/javascript" src="https://ecolesuperieurealternance.fr/wp-content/uploads/wpcodebox/136.js?v=4879b27d544ff7cf"></script>
<script src='https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js'></script><script src='https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js'></script><script defer src='https://flow.lead-ia.com/chatbot/8dbd0d37-c1d3-4ab5-9c54-44589c73f5ef.js'></script>
<script type="text/javascript" src="https://ecolesuperieurealternance.fr/wp-content/uploads/wpcodebox/874.js?v=4877be7d51631d59"></script>
<script type="text/javascript" src="https://ecolesuperieurealternance.fr/wp-content/uploads/wpcodebox/574.js?v=73394ff52b0ff611"></script>
<script type="text/javascript" src="https://ecolesuperieurealternance.fr/wp-content/uploads/wpcodebox/473.js?v=4eeea6c9be9b3dfc"></script>
<script src='https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js'></script><script src='https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js' ></script>
<script type="text/javascript" src="https://ecolesuperieurealternance.fr/wp-content/uploads/wpcodebox/21.js?v=1d824efc565ee2c4"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('body').on('click', '.oxy-menu-toggle', function() {
jQuery(this).parent('.oxy-nav-menu').toggleClass('oxy-nav-menu-open');
jQuery('body').toggleClass('oxy-nav-menu-prevent-overflow');
jQuery('html').toggleClass('oxy-nav-menu-prevent-overflow');
});
var selector = '.oxy-nav-menu-open .menu-item a[href*="#"]';
jQuery('body').on('click', selector, function(){
jQuery('.oxy-nav-menu-open').removeClass('oxy-nav-menu-open');
jQuery('body').removeClass('oxy-nav-menu-prevent-overflow');
jQuery('html').removeClass('oxy-nav-menu-prevent-overflow');
jQuery(this).click();
});
});
</script>
<link rel='stylesheet' id='leaflet-css' href='https://ecolesuperieurealternance.fr/wp-content/plugins/acf-openstreetmap-field/assets/css/acf-osm-leaflet.css?ver=1.6.1' media='all' />
<script id="acf-osm-frontend-js-extra">
var acf_osm = {"options":{"marker":{"html":false,"className":"acf-osm-marker-icon","icon":false}},"providers":{"OpenStreetMap":{"url":"https://tile.openstreetmap.org/{z}/{x}/{y}.png","options":{"maxZoom":19,"attribution":"© \u003Ca href=\"https://www.openstreetmap.org/copyright\"\u003EOpenStreetMap\u003C/a\u003E contributors"},"variants":{"France":{"url":"https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png","options":{"maxZoom":20,"attribution":"© OpenStreetMap France | {attribution.OpenStreetMap}"}},"CAT":{"url":"https://tile.openstreetmap.bzh/ca/{z}/{x}/{y}.png","options":{"attribution":"{attribution.OpenStreetMap}, Tiles courtesy of \u003Ca href=\"https://www.openstreetmap.cat\" target=\"_blank\"\u003EBreton OpenStreetMap Team\u003C/a\u003E"}}}},"Stadia":{"url":"https://tiles.stadiamaps.com/tiles/{variant}/{z}/{x}/{y}{r}.{ext}","options":{"minZoom":0,"maxZoom":20,"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"alidade_smooth","ext":"png"},"variants":{"AlidadeSmoothDark":"alidade_smooth_dark","AlidadeSatellite":{"options":{"attribution":"© CNES, Distribution Airbus DS, \u00a9 Airbus DS, \u00a9 PlanetObserver (Contains Copernicus Data) | © \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"alidade_satellite","ext":"jpg"}},"OSMBright":"osm_bright","Outdoors":"outdoors","StamenToner":{"options":{"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://www.stamen.com/\" target=\"_blank\"\u003EStamen Design\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"stamen_toner"}},"StamenTonerBackground":{"options":{"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://www.stamen.com/\" target=\"_blank\"\u003EStamen Design\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"stamen_toner_background"}},"StamenTonerLines":{"options":{"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://www.stamen.com/\" target=\"_blank\"\u003EStamen Design\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"stamen_toner_lines"},"isOverlay":true},"StamenTonerLabels":{"options":{"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://www.stamen.com/\" target=\"_blank\"\u003EStamen Design\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"stamen_toner_labels"},"isOverlay":true},"StamenTonerLite":{"options":{"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://www.stamen.com/\" target=\"_blank\"\u003EStamen Design\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"stamen_toner_lite"}},"StamenWatercolor":{"url":"https://tiles.stadiamaps.com/tiles/{variant}/{z}/{x}/{y}.{ext}","options":{"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://www.stamen.com/\" target=\"_blank\"\u003EStamen Design\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"stamen_watercolor","ext":"jpg","minZoom":1,"maxZoom":16}},"StamenTerrain":{"options":{"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://www.stamen.com/\" target=\"_blank\"\u003EStamen Design\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"stamen_terrain","minZoom":0,"maxZoom":18}},"StamenTerrainBackground":{"options":{"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://www.stamen.com/\" target=\"_blank\"\u003EStamen Design\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"stamen_terrain_background","minZoom":0,"maxZoom":18}},"StamenTerrainLabels":{"options":{"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://www.stamen.com/\" target=\"_blank\"\u003EStamen Design\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"stamen_terrain_labels","minZoom":0,"maxZoom":18},"isOverlay":true},"StamenTerrainLines":{"options":{"attribution":"© \u003Ca href=\"https://www.stadiamaps.com/\" target=\"_blank\"\u003EStadia Maps\u003C/a\u003E © \u003Ca href=\"https://www.stamen.com/\" target=\"_blank\"\u003EStamen Design\u003C/a\u003E © \u003Ca href=\"https://openmaptiles.org/\" target=\"_blank\"\u003EOpenMapTiles\u003C/a\u003E {attribution.OpenStreetMap}","variant":"stamen_terrain_lines","minZoom":0,"maxZoom":18},"isOverlay":true}}},"Thunderforest":{"url":"https://{s}.tile.thunderforest.com/{variant}/{z}/{x}/{y}.png?apikey={apikey}","options":{"attribution":"© \u003Ca href=\"http://www.thunderforest.com/\"\u003EThunderforest\u003C/a\u003E, {attribution.OpenStreetMap}","variant":"cycle","apikey":"","maxZoom":22},"variants":{"OpenCycleMap":"cycle","Transport":{"options":{"variant":"transport"}},"TransportDark":{"options":{"variant":"transport-dark"}},"SpinalMap":{"options":{"variant":"spinal-map"}},"Landscape":"landscape","Outdoors":"outdoors","Pioneer":"pioneer","MobileAtlas":"mobile-atlas","Neighbourhood":"neighbourhood"}},"BaseMapDE":{"url":"https://sgx.geodatenzentrum.de/wmts_basemapde/tile/1.0.0/{variant}/default/GLOBAL_WEBMERCATOR/{z}/{y}/{x}.png","options":{"attribution":"Map data: © \u003Ca href=\"http://www.govdata.de/dl-de/by-2-0\"\u003Edl-de/by-2-0\u003C/a\u003E","variant":"de_basemapde_web_raster_farbe"},"variants":{"Color":"de_basemapde_web_raster_farbe","Grey":"de_basemapde_web_raster_grau"}},"Jawg":{"url":"https://tile.jawg.io/{variant}/{z}/{x}/{y}{r}.png?access-token={accessToken}","options":{"attribution":"\u003Ca href=\"https://jawg.io\" title=\"Tiles Courtesy of Jawg Maps\" target=\"_blank\"\u003E© \u003Cb\u003EJawg\u003C/b\u003EMaps\u003C/a\u003E {attribution.OpenStreetMap}","minZoom":0,"maxZoom":22,"variant":"jawg-streets","accessToken":""},"variants":{"Streets":"jawg-streets","Terrain":"jawg-terrain","Lagoon":"jawg-lagoon","Sunny":"jawg-sunny","Dark":"jawg-dark","Light":"jawg-light","Matrix":"jawg-matrix"}},"MapBox":{"url":"https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}{r}?access_token={accessToken}","options":{"attribution":"© \u003Ca href=\"https://www.mapbox.com/about/maps/\" target=\"_blank\"\u003EMapbox\u003C/a\u003E {attribution.OpenStreetMap} \u003Ca href=\"https://www.mapbox.com/map-feedback/\" target=\"_blank\"\u003EImprove this map\u003C/a\u003E","tileSize":512,"maxZoom":18,"zoomOffset":-1,"id":"mapbox/streets-v11","accessToken":"pk.eyJ1IjoiYnVyZWF1LXciLCJhIjoiY2xiY2M0bGRuMGkwYTN2cGlzdnM4YTB3cSJ9.L3LWWQYfjFRpODogbDAhCA"}},"MapTiler":{"url":"https://api.maptiler.com/maps/{variant}/{z}/{x}/{y}{r}.{ext}?key={key}","options":{"attribution":"\u003Ca href=\"https://www.maptiler.com/copyright/\" target=\"_blank\"\u003E© MapTiler\u003C/a\u003E \u003Ca href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\"\u003E© OpenStreetMap contributors\u003C/a\u003E","variant":"streets","ext":"png","key":"","tileSize":512,"zoomOffset":-1,"minZoom":0,"maxZoom":21},"variants":{"Streets":"streets","Basic":"basic","Bright":"bright","Pastel":"pastel","Positron":"positron","Hybrid":{"options":{"variant":"hybrid","ext":"jpg"}},"Toner":"toner","Topo":"topo","Voyager":"voyager","Ocean":"ocean","Backdrop":"backdrop","Dataviz":"dataviz"}},"TomTom":{"url":"https://{s}.api.tomtom.com/map/1/tile/{variant}/{style}/{z}/{x}/{y}.{ext}?key={apikey}","options":{"variant":"basic","maxZoom":22,"attribution":"\u003Ca href=\"https://tomtom.com\" target=\"_blank\"\u003E© 1992 - 2024 TomTom.\u003C/a\u003E ","subdomains":"abcd","style":"main","ext":"png","apikey":""},"variants":{"Basic":{"options":{"variant":"basic"}},"Hybrid":{"options":{"variant":"hybrid"},"isOverlay":true},"Labels":{"options":{"variant":"labels"},"isOverlay":true}}},"OpenWeatherMap":{"url":"https://tile.openweathermap.org/map/{variant}/{z}/{x}/{y}.png?appid={apiKey}","options":{"maxZoom":19,"attribution":"Map data © \u003Ca href=\"http://openweathermap.org\"\u003EOpenWeatherMap\u003C/a\u003E","apiKey":"","opacity":1,"variant":"clouds_new"},"variants":{"Clouds":"clouds_new","Precipitation":"precipitation_new","Pressure":"pressure_new","Wind":"wind_new"},"isOverlay":true},"HEREv3":{"url":"https://{s}.{base}.maps.ls.hereapi.com/maptile/2.1/{type}/{mapID}/{variant}/{z}/{x}/{y}/{size}/{format}?apiKey={apiKey}&lg={language}","options":{"attribution":"Map © 1987-2024 \u003Ca href=\"http://developer.here.com\"\u003EHERE\u003C/a\u003E","subdomains":"1234","mapID":"newest","apiKey":"","base":"base","variant":"normal.day","maxZoom":20,"type":"maptile","language":"eng","format":"png8","size":"256"},"variants":{"normalDay":{"options":{"variant":"normal.day"}},"normalDayCustom":{"options":{"variant":"normal.day.custom"}},"normalDayGrey":{"options":{"variant":"normal.day.grey"}},"normalDayMobile":{"options":{"variant":"normal.day.mobile"}},"normalDayGreyMobile":{"options":{"variant":"normal.day.grey.mobile"}},"normalDayTransit":{"options":{"variant":"normal.day.transit"}},"normalDayTransitMobile":{"options":{"variant":"normal.day.transit.mobile"}},"normalNight":{"options":{"variant":"normal.night"}},"normalNightMobile":{"options":{"variant":"normal.night.mobile"}},"normalNightGrey":{"options":{"variant":"normal.night.grey"}},"normalNightGreyMobile":{"options":{"variant":"normal.night.grey.mobile"}},"normalNightTransit":{"options":{"variant":"normal.night.transit"}},"normalNightTransitMobile":{"options":{"variant":"normal.night.transit.mobile"}},"reducedDay":{"options":{"variant":"reduced.day"}},"reducedNight":{"options":{"variant":"reduced.night"}},"basicMap":{"options":{"type":"basetile"}},"mapLabels":{"options":{"type":"labeltile","format":"png"},"isOverlay":true},"trafficFlow":{"options":{"base":"traffic","type":"flowtile"},"isOverlay":true},"carnavDayGrey":{"options":{"variant":"carnav.day.grey"}},"hybridDay":{"options":{"base":"aerial","variant":"hybrid.day"}},"hybridDayMobile":{"options":{"base":"aerial","variant":"hybrid.day.mobile"}},"hybridDayTransit":{"options":{"base":"aerial","variant":"hybrid.day.transit"}},"hybridDayGrey":{"options":{"base":"aerial","variant":"hybrid.grey.day"}},"pedestrianDay":{"options":{"variant":"pedestrian.day"}},"pedestrianNight":{"options":{"variant":"pedestrian.night"}},"satelliteDay":{"options":{"base":"aerial","variant":"satellite.day"}},"terrainDay":{"options":{"base":"aerial","variant":"terrain.day"}},"terrainDayMobile":{"options":{"base":"aerial","variant":"terrain.day.mobile"}}}},"nlmaps":{"url":"https://service.pdok.nl/brt/achtergrondkaart/wmts/v2_0/{variant}/EPSG:3857/{z}/{x}/{y}.png","options":{"minZoom":6,"maxZoom":19,"bounds":[[50.5,3.25],[54,7.6]],"attribution":"Kaartgegevens © \u003Ca href=\"https://www.kadaster.nl\"\u003EKadaster\u003C/a\u003E","variant":"standaard"},"variants":{"standaard":"standaard","pastel":"pastel","grijs":"grijs","water":"water","luchtfoto":{"url":"https://service.pdok.nl/hwh/luchtfotorgb/wmts/v1_0/Actueel_ortho25/EPSG:3857/{z}/{x}/{y}.jpeg"}}},"USGS":{"url":"https://basemap.nationalmap.gov/arcgis/rest/services/USGSTopo/MapServer/tile/{z}/{y}/{x}","options":{"maxZoom":20,"attribution":"Tiles courtesy of the \u003Ca href=\"https://usgs.gov/\"\u003EU.S. Geological Survey\u003C/a\u003E"},"variants":{"USTopo":[],"USImagery":{"url":"https://basemap.nationalmap.gov/arcgis/rest/services/USGSImageryOnly/MapServer/tile/{z}/{y}/{x}"},"USImageryTopo":{"url":"https://basemap.nationalmap.gov/arcgis/rest/services/USGSImageryTopo/MapServer/tile/{z}/{y}/{x}"}}},"AzureMaps":{"url":"https://atlas.microsoft.com/map/tile?api-version={apiVersion}&tilesetId={variant}&x={x}&y={y}&zoom={z}&language={language}&subscription-key={subscriptionKey}","options":{"attribution":"See https://docs.microsoft.com/en-us/rest/api/maps/render-v2/get-map-tile for details.","apiVersion":"2.0","variant":"microsoft.imagery","subscriptionKey":"","language":"en-US"},"variants":{"MicrosoftImagery":{"options":{"variant":"microsoft.imagery"}},"MicrosoftBaseDarkGrey":{"options":{"variant":"microsoft.base.darkgrey"}},"MicrosoftBaseRoad":{"options":{"variant":"microsoft.base.road"}},"MicrosoftBaseHybridRoad":{"options":{"variant":"microsoft.base.hybrid.road"},"isOverlay":true},"MicrosoftTerraMain":{"options":{"variant":"microsoft.terra.main"},"isOverlay":true},"MicrosoftWeatherInfraredMain":{"url":"https://atlas.microsoft.com/map/tile?api-version={apiVersion}&tilesetId={variant}&x={x}&y={y}&zoom={z}&timeStamp={timeStamp}&language={language}&subscription-key={subscriptionKey}","options":{"timeStamp":"2021-05-08T09:03:00Z","attribution":"See https://docs.microsoft.com/en-us/rest/api/maps/render-v2/get-map-tile#uri-parameters for details.","variant":"microsoft.weather.infrared.main"},"isOverlay":true},"MicrosoftWeatherRadarMain":{"url":"https://atlas.microsoft.com/map/tile?api-version={apiVersion}&tilesetId={variant}&x={x}&y={y}&zoom={z}&timeStamp={timeStamp}&language={language}&subscription-key={subscriptionKey}","options":{"timeStamp":"2021-05-08T09:03:00Z","attribution":"See https://docs.microsoft.com/en-us/rest/api/maps/render-v2/get-map-tile#uri-parameters for details.","variant":"microsoft.weather.radar.main"},"isOverlay":true}}},"SwissFederalGeoportal":{"url":"https://wmts.geo.admin.ch/1.0.0/{variant}/default/current/3857/{z}/{x}/{y}.jpeg","options":{"attribution":"© \u003Ca href=\"https://www.swisstopo.admin.ch/\"\u003Eswisstopo\u003C/a\u003E","minZoom":2,"maxZoom":18,"variant":"ch.swisstopo.pixelkarte-farbe","bounds":[[45.398181,5.140242],[48.230651,11.47757]]},"variants":{"NationalMapColor":"ch.swisstopo.pixelkarte-farbe","NationalMapGrey":"ch.swisstopo.pixelkarte-grau","SWISSIMAGE":{"options":{"variant":"ch.swisstopo.swissimage","maxZoom":19}}}},"TopPlusOpen":{"url":"http://sgx.geodatenzentrum.de/wmts_topplus_open/tile/1.0.0/{variant}/default/WEBMERCATOR/{z}/{y}/{x}.png","options":{"maxZoom":18,"attribution":"Map data: © \u003Ca href=\"http://www.govdata.de/dl-de/by-2-0\"\u003Edl-de/by-2-0\u003C/a\u003E","variant":"web"},"variants":{"Color":"web","Grey":"web_grau"}},"HERE":{"options":{"app_id":"","app_code":""}},"Hydda":[]}};
//# sourceURL=acf-osm-frontend-js-extra
</script>
<script src="https://ecolesuperieurealternance.fr/wp-content/plugins/acf-openstreetmap-field/assets/js/acf-osm-frontend.js?ver=1.6.1" id="acf-osm-frontend-js" defer data-wp-strategy="defer"></script>
<script type="text/javascript" id="ct-footer-js"></script><script type="text/javascript" id="ct_code_block_js_51">var ready = (callback) => {
if (document.readyState != "loading") callback();
else document.addEventListener("DOMContentLoaded", callback);
}
ready(() => {
if(window.angular) return;
gsap.utils.toArray(".ecole-formations").forEach((section) => {
let buttons = section.querySelectorAll(".tabs-list button");
let articles = section.querySelectorAll(".accordion__item");
let container = section.querySelectorAll(".accordion__items-wrapper");
let activeTab = 0;
let old = 0;
let heights = [];
//let dur = 0.4;
let animation;
function setupTab() {
buttons[old].setAttribute("aria-selected","false");
buttons[old].setAttribute("class","accordion__button");
articles[old].setAttribute("aria-hidden","true");
}
function setupActiveTab() {
buttons[activeTab].setAttribute("aria-selected","true");
buttons[activeTab].setAttribute("class","accordion__button selected");
articles[activeTab].setAttribute("aria-hidden","false");
}
function setupPentaTab() {
for (let i = 0; i < buttons.length; i++) {
buttons[i].index = i;
heights.push(articles[i].offsetHeight); // get height of each article
gsap.set(articles[i], {top: 0, y:-5, autoAlpha: 0}); // push all articles up 20 and opacity 0
buttons[i].addEventListener("click", tabAnimation);
}
// set initial article on first tab
gsap.set(articles[0], {y:0, autoAlpha: 1});
gsap.set(buttons[0], {fontWeight:"700", textDecoration: "underline"});
gsap.set(container, {height:heights[0]});
buttons[0].setAttribute("aria-selected","true");
buttons[0].setAttribute("class","accordion__button selected");
articles[0].setAttribute("aria-hidden","false");
function tabAnimation() {
// check if clicked target is new and if the timeline is currently active
if(this.index != activeTab) {
//if there's an animation in-progress, jump to the end immediately so there aren't weird overlaps.
if (animation && animation.isActive()) {
animation.progress(1);
}
animation = gsap.timeline({
defaults:{
duration:0.4,
}
});
old = activeTab;
activeTab = this.index;
// change text color on old and new tab buttons
animation.to(buttons[old], {fontWeight:"400", textDecoration: "unset", ease:"none"}, 0);
animation.to(buttons[activeTab], {fontWeight:"700", textDecoration: "underline", ease:"none"}, 0);
animation.call(setupTab);
animation.call(setupActiveTab);
// slide current article down out of view and then set it to starting position at top
animation.to(articles[old], {y:5, autoAlpha: 0, ease:"back.in" }, 0);
animation.set(articles[old], {y:-5});
// resize article block to accommodate new content
animation.to(container, {height:heights[activeTab]});
// slide in new article
animation.to(articles[activeTab], {duration: 1, y:0, autoAlpha:1, ease: "ease"}, "-=0.25");
}
}
}
setupPentaTab();
})
})</script>
<!-- /WP_FOOTER -->
</body>
</html>
<!--
Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com
6034 objets récupérés (7 Mo) depuis Redis grâce à PhpRedis (v6.3.0).
-->
