<!doctype html>
<!--[if lt IE 7 ]><html lang="fr" class="no-js ie6 lt-ie7 lt-ie8 ie" xmlns:og="https://opengraphprotocol.org/schema/" xmlns:fb="https://www.facebook.com/2008/fbml" itemscope itemtype="https://schema.org/WebPage"><![endif]-->
<!--[if IE 7 ]><html lang="fr" class="no-js ie7 lt-ie7 lt-ie8 ie" xmlns:og="https://opengraphprotocol.org/schema/" xmlns:fb="https://www.facebook.com/2008/fbml" itemscope itemtype="https://schema.org/WebPage"><![endif]-->
<!--[if IE 8 ]><html lang="fr" class="no-js ie8 lt-ie8 ie" xmlns:og="https://opengraphprotocol.org/schema/" xmlns:fb="https://www.facebook.com/2008/fbml" itemscope itemtype="https://schema.org/WebPage"><![endif]-->
<!--[if IE 9 ]><html lang="fr" class="no-js ie9 ie" xmlns:og="https://opengraphprotocol.org/schema/" xmlns:fb="https://www.facebook.com/2008/fbml" itemscope itemtype="https://schema.org/WebPage"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="fr" class="no-js" xmlns:og="https://opengraphprotocol.org/schema/" xmlns:fb="https://www.facebook.com/2008/fbml" itemscope itemtype="https://schema.org/WebPage">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="facebook-domain-verification" content="10jpyqpe2alahrtw1qzutfp5sdg9mx"/>
<script type="text/javascript">
let value = "other";
let valueAcquisitionSource = 0;
let referrerHostname = document.referrer === "" ? "" : document.referrer.split('/')[2].split(':')[0];
if (getUrlVars()["gclid"] != null || getUrlVars()["/gclid"] != null) {
value = "google-ads";
valueAcquisitionSource = 1;
}
else if (getUrlVars()["fbclid"] != null || getUrlVars()["/fbclid"] != null) {
value = "facebook";
valueAcquisitionSource = 3;
}
else if (getUrlVars()["msclkid"] != null || getUrlVars()["/msclkid"] != null) {
value = "bing";
valueAcquisitionSource = 2;
} else if (getUrlVars()["utm_source"] != null && getUrlVars()["utm_source"].includes("candidat")) {
valueAcquisitionSource = 9;
} else if (getUrlVars()["utm_source"] != null && getUrlVars()["utm_source"].includes("rj_pushOffres")) {
valueAcquisitionSource = 10;
} else if (document.referrer === "") {
valueAcquisitionSource = 6;
} else if (referrerHostname.includes("google.com") || referrerHostname.includes("google.fr")){
valueAcquisitionSource = 4;
} else if (referrerHostname.includes("bing.com") || referrerHostname.includes("bing.fr")){
valueAcquisitionSource = 5;
} else if (referrerHostname.includes("regionsjob.com") || referrerHostname.includes("ouestjob.com") || referrerHostname.includes("estjob.com") || referrerHostname.includes("sudouestjob.com")
|| referrerHostname.includes("rhonealpesjob.com") || referrerHostname.includes("parisjob.com") || referrerHostname.includes("centrejob.com") || referrerHostname.includes("pacajob.com")
|| referrerHostname.includes("nordjob.com")) {
valueAcquisitionSource = 7;
}else if (referrerHostname.includes("jobijoba.com")){
valueAcquisitionSource = 11;
} else if (referrerHostname.includes("adzuna.fr")){
valueAcquisitionSource = 12;
} else if (referrerHostname.includes("jobintree.com")){
valueAcquisitionSource = 13;
} else if (referrerHostname.includes("jobtome.com")){
valueAcquisitionSource = 14;
} else if (referrerHostname.includes("aladom.fr")){
valueAcquisitionSource = 15;
} else if (referrerHostname.includes("diplomeo.com")){
valueAcquisitionSource = 16;
}
let cookie = getCookie("AcquisitionSource");
if (cookie === null || cookie === "") {
document.cookie = "AcquisitionSource=" + valueAcquisitionSource + ";path=/;";
}
function getUrlVars() {
let vars = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}
function getCookie(cname) {
let name = cname + "=";
let decodedCookie = decodeURIComponent(document.cookie);
let ca = decodedCookie.split(';');
for(let i = 0; i <ca.length; i++) {
let c = ca[i];
while (c.charAt(0) === ' ') {
c = c.substring(1);
}
if (c.indexOf(name) === 0) {
return c.substring(name.length, c.length);
}
}
return "";
}
</script>
<title>Formation en France : plus de 461075 offres sur MaFormation.fr</title>
<meta name="description" content="MaFormation, de très nombreuses offres de formation en France : professionnelle, diplômante, alternance, bilan de compétences, éligible au CPF, obligatoire, etc." />
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://www.maformation.fr" />
<meta name="google-site-verification" content="_FefIAsrVmDpPPxJYoJ5_ZMmwILcBC9XpVwpXXrdc9Q" />
<meta property="og:title" content="Formation en France : plus de 461075 offres sur MaFormation.fr" itemprop="name" />
<meta property="og:description" content="MaFormation, de très nombreuses offres de formation en France : professionnelle, diplômante, alternance, bilan de compétences, éligible au CPF, obligatoire, etc."
itemprop="description" />
<meta property="og:url" content="https://www.maformation.fr" itemprop="url" />
<meta property="og:site_name" content="MaFormation" />
<meta property="og:locale" content="fr_FR">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@Ma_Formation" />
<meta name="twitter:title" content="Formation en France : plus de 461075 offres sur MaFormation.fr" />
<meta name="twitter:description" content="MaFormation, de très nombreuses offres de formation en France : professionnelle, diplômante, alternance, bilan de compétences, éligible au CPF, obligatoire, etc." />
<meta name="twitter:domain" content="https://www.maformation.fr" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="apple-touch-icon"
href="https://f.maformation.fr/mf-static-images/logo/apple-touch-icons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152"
href="https://f.maformation.fr/mf-static-images/logo/apple-touch-icons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167"
href="https://f.maformation.fr/mf-static-images/logo/apple-touch-icons/apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180"
href="https://f.maformation.fr/mf-static-images/logo/apple-touch-icons/apple-touch-icon-180x180.png">
<link rel="alternate" type="application/rss+xml" title="Toute l'actualité de la formation"
href="https://www.maformation.fr/Rss/FormationALaUne" />
<link rel="icon" type="image/png" href="https://f.maformation.fr/mf-static-images/logo/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="https://f.maformation.fr/mf-static-images/logo/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="https://f.maformation.fr/mf-static-images/logo/favicons/favicon-96x96.png" sizes="96x96">
<link rel="shortcut icon" type="image/x-icon" href="https://f.maformation.fr/mf-static-images/logo/favicons/favicon-16x16.ico" sizes="16x16">
<link rel="shortcut icon" type="image/x-icon" href="https://f.maformation.fr/mf-static-images/logo/favicons/favicon-32x32.ico" sizes="32x32">
<link rel="shortcut icon" type="image/x-icon" href="https://f.maformation.fr/mf-static-images/logo/favicons/favicon-96x96.ico" sizes="96x96">
<link rel="stylesheet" href="/static/dist/5675ef58/common.css" type="text/css">
<link rel="stylesheet" href="/static/dist/5675ef58/page-all.css" type="text/css">
<style>
@font-face {
font-family: 'Montserrat';
src: url('/static/dist/5675ef58/fonts/montserrat-v15-latin-500.woff2') format('woff2'),
url('/static/dist/5675ef58/fonts/montserrat-v15-latin-500.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('/static/dist/5675ef58/fonts/montserrat-v15-latin-600.woff2') format('woff2'),
url('/static/dist/5675ef58/fonts/montserrat-v15-latin-600.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('/static/dist/5675ef58/fonts/montserrat-v15-latin-700.woff2') format('woff2'),
url('/static/dist/5675ef58/fonts/montserrat-v15-latin-700.woff') format('woff');
font-weight: 700;
font-style: bold;
font-display: swap;
}
</style>
<link rel="stylesheet" type="text/css" href="/static/dist/5675ef58/tailwind.dist.css">
<link as="font" rel="preload" href="/static/dist/5675ef58/fonts/montserrat-v15-latin-500.woff2" type="font/woff2" crossorigin="anonymous">
<link as="font" rel="preload" href="/static/dist/5675ef58/fonts/montserrat-v15-latin-600.woff2" type="font/woff2" crossorigin="anonymous">
<link as="font" rel="preload" href="/static/dist/5675ef58/fonts/montserrat-v15-latin-700.woff2" type="font/woff2" crossorigin="anonymous">
<script id="runtime-script" src="/static/dist/5675ef58/runtime.js" defer></script>
<script type="text/javascript" src="/static/dist/5675ef58/common-vendors.js" defer></script>
<script type="text/javascript" src="/static/dist/5675ef58/common.js" defer></script>
<script type="text/javascript" src="/static/dist/5675ef58/page-all.js" defer></script>
<script type="text/javascript" src="/static/dist/5675ef58/seo.js" defer></script>
<script type="text/javascript"
src="/static/dist/5675ef58/gaston.js"></script>
<script type="text/javascript">
function iSwYp68(r) {
var t = null;
if ("undefined" == typeof dataLayer) return !1;
try {
var e = CryptoJS.AES.decrypt(r, CryptoJS.enc.Utf8.parse("5v8y/B?E(H+MbQeT"), {
keySize: 16,
iv: CryptoJS.enc.Utf8.parse("8080808080808080"),
mode: CryptoJS.mode.CBC,
padding: CryptoJS.pad.Pkcs7
}).toString(CryptoJS.enc.Utf8);
t = JSON.parse(e)
} catch (r) {
}
return t
}
</script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
dataLayer = [window.iSwYp68('Peri5M7X1nNspyp0nl9mivg0Km7XklI3Ui85op0l09RoER/4SadhG3twmkGaMNFaQKydkw00F2XMJVW1mc9fRJx+qDMYNtZntA2vE7aEPIg5SpFLq8ynw1cLQKj6kKcs')];
dataLayer.push(window.iSwYp68('rDqJL5ztghNuLuqEE4SusRnKjcvdxWPkzJZgNBxwN5IgTZtDo3E6u/3HpiRQTvUDntDSG9hpI0yGlhCOJ8xoMNDV2cv/lSQpQLxX2fuVZz0T3Ntr1DPD7y18OnUit/RLV4jbHLkyeZUr/u23ldCdW/+9tVwnzHPzQXAIZjuVhmdyZFwmD2axlA6WT4/0DHZCPdHY++LuElx4elIUhOUN+HT3mfCyUy0dXZduDDDGp7H3QZ+sdefe4A6EEKksa3xkjj3VPo7JplgxbU5J8ajcCukU5T6eT8CgvYLWfdfmvsVZBko675tyl+urEhdwEPKLZLPvt8mAxJS7q41+bAt9vwoOpR6LWoh0ZXHrt3VhWBfl1ZeJss2yu/12270O8x4TN2M4drWxkTpIe8wxAYbo4ma2he/6uztEdvvaNdkekC9elP0sZMnOVAfuiISKj9KQQhNyaGk7GxobBseGPlQAbJ401JMtsSxOtmEpdTq7jxOyAJH8jT6ytbHwira5gjvEGlZS9BrKGQk+FlFjZe1XHxMAOq31+iPTyA14K7KKkacfg0l6XyfBNGnF7GKjYsAJ+6Fs7pji1+ykglseUfq8IFod4edmT1TLIe6ck32DGNC3SDpADxLeepEQP4ihpB7yRopDbj2aJnfEaG8ynNrNSbkw2G/dKQYA45MfG/Gf97FVKk4J4ZgP0d61CV9oV0NzrkHhJ0/Y5kIQkclhlAN7Dey3QYoi8IcpTSCHnXKBc3W28nqolBMo5NpxUo9GmU6owxoPgCUtD855HFNZmGYaqM4ow1T9b0r0ahAJ07PJ1i5q7yvq2e0z2Yt6RPG8NUruHzakpVJEEOx8XPZ2umgQCmFXeFz5m/J6gZRa/vSP5Go6EMYLqzP/DYWghgERERWJNLYUOXze8aEeUdvWUU69ygllxPjofISQgbXq+oKWjQh3TL1a1ft8eMNXERqqGmZl15WzjOBl6oAbGpmEQNFLbxeP+ZkB6b1i0M2DN/2vbUSuAvCgrN1XWhpHwPD4fTl5TScd8r5Q3dr79Ecymg60Pi3TBuTnJNvznfAOdNW3bY83TgmT/im616Hdsfft67Z5kSlsP1pprQzOdfXZkd252KHQZCShIjUc4QJNffxQbfh7oStWaORpu+VBkzFwIa5ziAFIy4cW5m2RFhfVF8U6XilkIr+HkX1Joy4RZQiGb4gzgDpyUDClcFAztVfmOF9hLl5UMs9lQ+3q/Txpb8A1eQ/mg02I6fatcUTa4AU+5rxSLnLMwLqT5TswA9oqiODOTr9Ji77kM3aYAT8dPEIa7zojIbrX1Dct2G1xlXFkX99Jj5SefdeRyUpSiZyCIb+agi/87V4Y0pxUHrdQRTZYlw3RhxsstcZc4Pa6RT4sjtOccPdr/c1sfVcowA6NJgp3WbvigIH0jdBFG9F0W4naISg1BvFzEr5gxg3Kqcof1C4awTWj+OlbHyb1QO6mXVlDewIhc+plWnbb3lhKo8OwWOpVQ46a61RzusK5a8eeGSqQ9DYmL79dACtKwyRPgNcpsoNu0M3JHtbtL7yOvw2S3S8JliuahbCVW2i4Ng24Jv1a/krQYCHih+a61fZJX783+XitUDikUKoVXuWKJ3vQQd9v16B6aSaiMAVGmE1NXrhK915W/tEUSMeTcGQzyqBqNJKpqr9ZmZ+/+kyfPtbEeMHCg/wGHVp3ZSfzLaFc/+oCAd3+wio8IOoSZX5aeEg1VfKY2Laop3qUdB2tW9VZB3DqGWeKQ0W09UPVafAnl0dtiRKVR2ptekur3W6PVpY4KyYXtD+HVXZBYZgyzDLeIjX/4GKTLwOie2qKY2kjs9gQpwpYyQswiNewcT3Q7IcboClcUs0cl05YIdN5U/iOMATnrL7A0Ow3eTFMcmynfJnuj5e7CkU5jzCT1PISxYNDImFHX6LV53IwtgXBYsR+71v0pvlfnA8/WLnDzF2BgWERl0OS+D/avZW/QzkLZAY157hDRGiE6I4OmQ3F95uRvq8jqk0O3HtrSB8RaEHN+CpvAu5X82MOWIU13zWxVgT8Fq3pcbOm+UIwPETpXDeHiOx1lCd4ZrHUHhkfEfgtbKYuT+WY9noLmMMsh98nbttURhZwnYjzI66jEQU5yLqXa+fF+axzsByWcKgVSijSPg+DjoZZA8zHsSq6KWvodmKzQraQehHv2zzRVBaGwh+39p+sAd8sSKc4iDg9iuJZaFtcGWxsRa2oPI3XtmM9qpxv/guxgcoJtpv2Mdj7lT3+OdqFQiX8qcADfawUMwkOcy592lsYbkdlGnUM9LxrGUExwaPnL2uafwB/UoID0nmF94wyMauPUnA607IkE6yBBjuKAsslvO46b3fdADtk2dhlJaQpBu+BwLxEzb3PD5IkN5ONFShhir3Up/BqpPSwaI2WLvvc8Q4Qbz3OaWbGrHvmjxP/xf3F2jmhLqMmvnrg1A=='));
</script>
<div id="pageType"
style="display:none">Home</div>
<div id="categoryPage"
style="display:none">HP</div>
<script type="text/javascript">
var _paq = window._paq || [];
</script>
<script type="text/javascript">
(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 =
'//www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-5CXHKN');
</script>
<script type="text/javascript" src="https://try.abtasty.com/80a067704d04408bb1de084a808e64c6.js"></script>
</head>
<body data-controller="body apm-helper modal-dialog menu-categorie-formation" data-apm-helper-page-type-value="Home" class="maformation home body--header-sticky-before-sm body--header-sticky-after-sm">
<!-- Google Tag Manager -->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-5CXHKN"
height="0" width="0" style="display: none; visibility: hidden">
</iframe>
</noscript>
<!-- End Google Tag Manager -->
<!-- RegionsJob Tracker -->
<script type="text/javascript">
(function(d, s, b, u) {
if (!b.__SV) {
window.tracker = b;
b._c = [];
b.init = function(c) {
function f(b, h) {
b[h] = function() {
b.push([h].concat(Array.prototype.slice.call(arguments, 0)));
}
}
c.trackerUrl = u;
b._c = c;
var i = "track extract_metas identify set_config whoami track_metas track_action loaded getWk cookieConsentSet"
.split(" ");
for (g = 0; g < i.length; g++) f(b, i[g]);
};
b.__SV = 1.0;
var f = d.getElementsByTagName(s)[0], j = d.createElement(s);
j.async = !0;
j.src = u + "javascripts/tracker-2-latest.min.js";
f.parentNode.insertBefore(j, f);
}
})(document, "script", window.tracker || [], "//t.regionsjob.com/");
tracker.init({ trackerSiteId: 11, trackerDomainId: 3, cookieConsent: false });
</script>
<!-- End RegionsJob Tracker -->
<!-- Cookie Consent -->
<script type="text/javascript" defer src="https://f.maformation.fr/hw-cookie-consent/tags/3.19.0/embed.js"></script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function () {
window.HelloworkCookieConsentCustomConfig = {
noticeIntroText: "MaFormation.fr utilise des cookies et d'autres données pour vous suggérer les formations les mieux adaptées à votre projet.",
noticeModal: true,
noticeModalLogo: "https://f.maformation.fr/mf-static-images/logo/logos/logo-maformation.svg",
primaryBtnBackgroundColor: "#4222c4",
btnDenyCookies: true,
btnDenyCookiesOut: true,
privacyPolicyUrl: "https://www.hellowork-group.com/fr/legal/pdc-maformation/"
};
window.helloworkCookieConsent = new HelloworkCookieConsent();
});
</script>
<!-- End Cookie Consent -->
<script type="text/javascript">document.body.classList.add('js-enabled');</script>
<script type="application/ld+json">{
"@context": "https://schema.org/",
"@type": "Organization",
"url": "https://www.maformation.fr",
"logo": "https://f.maformation.fr/mf-static-images/logo/logos/logo-maformation.svg"
}
</script>
<script type="application/ld+json">{
"@context": "https://schema.org/",
"@type": "WebSite",
"name": "MaFormation",
"url": "https://www.maformation.fr"
}
</script>
<nav role="banner" class="z-40! header header--sticky-before-sm header--fixed-after-search-engine">
<div class="mf-container">
<div class="header__inner">
<div class="header__logo">
<a href="/">
<img src="https://f.maformation.fr/mf-static-images/logo/logos/logo-maformation.svg" alt="Logo MaFormation" />
</a>
</div>
<div class="header__search-engine hidden lg:flex">
<form class="flex flex-col gap-4"
id="search-engine-e4613ee6-daaa-4141-bdcf-511c8a0bbd39"
action="/formation/recherche"
method="get"
data-controller="datalayer-event-handler"
data-action="submit->datalayer-event-handler#dispatchSubmitEvent"
data-event-id="search-form">
<div class="flex flex-col gap-4 items-center md:flex-row md:items-start">
<div class="w-full flex flex-col gap-2 md:justify-start">
<div class="flex flex-col gap-2 md:flex-row md:items-center">
<div class="relative w-full"
role="combobox"
aria-expanded="false"
data-controller="search-engine-autocomplete"
data-search-engine-autocomplete-type-search-value="search-engine">
<legend class="sr-only">Que recherchez-vous?</legend>
<label data-controller="clear-input"
for="QueryFormation-e4613ee6-daaa-4141-bdcf-511c8a0bbd39"
class="relative block overflow-hidden rounded-md bg-light border border-solid border-grey-medium px-3 pt-4 mb-0! shadow-xs focus-within:border-secondary">
<input class="peer h-8 w-full border-none bg-transparent caret-primary text-font-body text-sm p-0 pr-8 placeholder-transparent focus:border-transparent focus:outline-hidden focus:ring-0 lg:text-base"
data-action="input->search-engine-autocomplete#fetchSuggestions input->search-engine-autocomplete#fetchHistory focus->search-engine-autocomplete#fetchHistory input->clear-input#onChange change->clear-input#onChange"
data-clear-input-target="input"
data-search-engine-autocomplete-target="input"
type="text"
id="QueryFormation-e4613ee6-daaa-4141-bdcf-511c8a0bbd39"
name="Query"
placeholder="Diplôme, métier, certification..."
value=""
aria-autocomplete="list"
aria-controls="search-engine-autocomplete-suggestions"
aria-activedescendant=""
autocomplete="off"/>
<span class="absolute start-3 top-3 -translate-y-1/2 text-xs text-gray-700 select-none transition-all peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-sm peer-focus:text-gray-700 peer-focus:top-3 peer-focus:text-xs">Diplôme, métier, certification...</span>
<button class="hidden absolute right-3 top-1/2 -translate-y-1/2 outline-hidden outline-offset-2 rounded-2xl focus:outline-2 focus:outline-secondary"
type="button"
data-action="click->clear-input#clear"
data-clear-input-target="trigger">
<span class="sr-only">Effacer le contenu du champs</span>
<svg aria-hidden="true" class="w-6 h-6 fill-transparent transition-[fill] ease-in hover:fill-grey-100">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-clear-input"></use>
</svg>
</button>
</label>
<div class="z-30 w-full absolute left-0 right-0 hidden mt-1 bg-white border border-gray-300 rounded-lg shadow-lg max-h-60 overflow-hidden"
data-search-engine-autocomplete-target="container">
<ul id="search-engine-autocomplete-suggestions"
class="w-full flex flex-col overflow-y-auto max-h-60 outline-hidden focus:outline-2 focus:outline-secondary"
role="listbox"
aria-label="Autocomplete suggestions"
data-search-engine-autocomplete-target="list">
</ul>
</div>
</div>
<div class="relative w-full"
role="combobox"
aria-expanded="false"
data-controller="search-engine-autocomplete"
data-search-engine-autocomplete-type-search-value="location">
<legend class="sr-only">Où voulez-vous vous formez?</legend>
<label data-controller="clear-input"
for="LieuFormation-e4613ee6-daaa-4141-bdcf-511c8a0bbd39"
class="relative block overflow-hidden rounded-md bg-light border border-solid border-grey-medium px-3 pt-4 mb-0! shadow-xs focus-within:border-secondary">
<input class="peer h-8 w-full border-none bg-transparent caret-primary text-font-body text-sm p-0 pr-8 placeholder-transparent focus:border-transparent focus:outline-hidden focus:ring-0 lg:text-base"
data-action="input->search-engine-autocomplete#fetchSuggestions input->clear-input#onChange change->clear-input#onChange"
data-clear-input-target="input"
data-search-engine-autocomplete-target="input"
type="text"
id="LieuFormation-e4613ee6-daaa-4141-bdcf-511c8a0bbd39"
name="Lieu"
placeholder="Où ?"
aria-autocomplete="list"
value=""
aria-controls="location-autocomplete-suggestions"
aria-activedescendant=""
autocomplete="off"/>
<span class="absolute start-3 top-3 -translate-y-1/2 text-xs text-gray-700 select-none transition-all peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-sm peer-focus:text-gray-700 peer-focus:top-3 peer-focus:text-xs">Où ?</span>
<button class="hidden absolute right-3 top-1/2 -translate-y-1/2 outline-hidden outline-offset-2 rounded-2xl focus:outline-2 focus:outline-secondary"
type="button"
data-action="click->clear-input#clear"
data-clear-input-target="trigger">
<span class="sr-only">Effacer le contenu du champs</span>
<svg class="w-6 h-6 fill-transparent transition-[fill] ease-in hover:fill-grey-100">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-clear-input"></use>
</svg>
</button>
</label>
<div class="z-30 w-full absolute left-0 right-0 hidden mt-1 bg-white border border-gray-300 rounded-lg shadow-lg max-h-60 overflow-hidden"
data-search-engine-autocomplete-target="container">
<ul id="location-autocomplete-suggestions"
class="w-full flex flex-col overflow-y-auto max-h-60 outline-hidden focus:outline-2 focus:outline-secondary"
role="listbox"
aria-label="Autocomplete suggestions de localisations"
data-search-engine-autocomplete-target="list">
</ul>
</div>
</div>
</div>
</div>
<div class="md:self-start">
<button type="submit"
class="max-w-80 group inline-flex items-center justify-center gap-4 bg-secondary-500 text-base font-semibold text-primary-900 p-3 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-secondary-600 hover:border-secondary-600 focus:outline-offset-2 focus:outline-primary focus:outline-2 focus:outline-none disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed"
title="Rechercher une formation"
data-cy="search-form-btn-submit">
<svg class="w-5 h-5 fill-primary-900 group-disabled:fill-grey-800">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-search"></use>
</svg>
<span class="md:sr-only text-sm leading-none text-primary-900 font-semibold">Rechercher une formation</span>
</button>
</div>
</div>
<input id="QueryCategorySlug" name="QueryCategorySlug" type="hidden" value="" />
<input id="TypeSearch" name="TypeSearch" type="hidden" value="Aucun" />
<script type="application/ld+json">{
"@context": "https://schema.org/",
"@type": "WebSite",
"potentialAction": {
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate": "https://www.maformation.fr/formation/recherche?query={search_term_string}"
},
"query-input": "required name=search_term_string"
},
"url": "https://www.maformation.fr"
}
</script>
</form>
</div>
<div class="flex ml-auto">
<button class="group flex gap-2 items-center justify-center py-1 px-2 select-none transition-colors hover:bg-primary border-x border-solid border-grey-200 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline md:flex-col lg:focus:outline-offset-2"
data-action="click->menu-categorie-formation#open">
<div class="w-8 md:w-9 flex flex-col gap-1 items-center md:gap-2">
<div class="h-1 bg-primary rounded-md w-full group-hover:bg-light"></div>
<div class="h-1 bg-primary rounded-md w-full group-hover:bg-light"></div>
<div class="h-1 bg-primary rounded-md w-full group-hover:bg-light"></div>
</div>
<p class="hidden text-start text-xs text-primary mb-0! group-hover:text-light md:block">Catégories</p>
<p class="text-start text-xs text-primary mb-0! group-hover:text-light md:hidden">Toutes les catégories</p>
</button>
</div>
</div>
</div>
</nav>
<div class="hidden" data-menu-categorie-formation-target="container">
<div id="menu-categorie-formation"
class="z-40 fixed top-0 left-0 right-0 bottom-0 overflow-y-auto flex flex-col w-full bg-white shadow-menu-categorie lg:bottom-auto lg:gap-2">
<div class="sticky top-0 flex justify-end bg-white border-b border-solid border-grey-200 lg:border-0 lg:absolute lg:left-0 lg:top-0">
<button class="flex justify-center items-center w-12 h-12 bg-primary border-2 border-primary transition-colors hover:bg-primary-700 hover:border-primary-700 focus:outline-hidden focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 lg:focus:outline-offset-1"
data-action="menu-categorie-formation#closeWithoutRefresh">
<svg aria-hidden="true" class="w-3 h-3 fill-light shrink-0">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-close"></use>
</svg>
<span class="sr-only">Fermer le menu</span>
</button>
</div>
<nav aria-label="Menu des catégories de formation">
<ul class="max-w-7xl mx-auto divide-y divide-grey-200 lg:divide-y-0 lg:py-4 lg:px-12 lg:columns-3 lg:space-y-2">
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="achat_logistique">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-achat_logistique"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Achat, Logistique</p>
<p class="text-xs text-grey italic mb-0!">Stock, Import-Export</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="animaux_nature">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-animaux_nature"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Animaux, Nature</p>
<p class="text-xs text-grey italic mb-0!">Agriculture, Soins Vétérinaires, Fleuriste</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="art_design_decoration">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-art_design_decoration"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Art, Design, Décoration</p>
<p class="text-xs text-grey italic mb-0!">Déco, Photographie, Couture, Graphisme</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="artisanat_petit_commerce">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-artisanat_petit_commerce"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Artisanat, Petit Commerce</p>
<p class="text-xs text-grey italic mb-0!">Menuiserie, Plomberie, Serrurerie, Services</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="banque_finance_assurance">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-banque_finance_assurance"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Banque, Finance, Assurance</p>
<p class="text-xs text-grey italic mb-0!">Banque, Assurance, Trading</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="bien-etre_relaxation">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-bien-etre_relaxation"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Bien-Être, Relaxation</p>
<p class="text-xs text-grey italic mb-0!">Naturopathie, Sophrologie, Massage ,Hypnose</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="bilan_de_competences_vae">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-bilan_de_competences_vae"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Bilan De Compétences, VAE</p>
<p class="text-xs text-grey italic mb-0!">Orientation, Bilan Professionnel</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="btp_travaux_architecture">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-btp_travaux_architecture"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">BTP, Travaux, Architecture</p>
<p class="text-xs text-grey italic mb-0!">Conduite de Travaux, Électricité, Autocad</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="bureautique_office">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-bureautique_office"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Bureautique, Office</p>
<p class="text-xs text-grey italic mb-0!">Excel, Word, Google Docs</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="commerce_marketing">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-commerce_marketing"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Commerce, Marketing</p>
<p class="text-xs text-grey italic mb-0!">Vente, Relation Client</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="communication_evenementiel">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-communication_evenementiel"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Communication, Événementiel</p>
<p class="text-xs text-grey italic mb-0!">Wedding Planner, Événement, Journalisme</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="comptabilite_gestion">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-comptabilite_gestion"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Comptabilité, Gestion</p>
<p class="text-xs text-grey italic mb-0!">Gestion, DCG, Ciel Compta, Paie</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="defense_securite_secourisme">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-defense_securite_secourisme"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Défense, Sécurité, Secourisme</p>
<p class="text-xs text-grey italic mb-0!">Agent de Sécurité, Incendie, SST, Gendarmerie</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="developpement_personnel_epanouissement">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-developpement_personnel_epanouissement"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Développement Personnel, Épanouissement</p>
<p class="text-xs text-grey italic mb-0!">Gestion du Stress, PNL, Prise de Parole</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="digital_internet">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-digital_internet"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Digital, Internet</p>
<p class="text-xs text-grey italic mb-0!">Webdesign, Community Management, SEO, SEA</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="enseignement_coaching">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-enseignement_coaching"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Enseignement, Coaching</p>
<p class="text-xs text-grey italic mb-0!">Formateur, Coach Sportif, Coach de Vie</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="esthetique_coiffure">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-esthetique_coiffure"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Esthétique, Coiffure</p>
<p class="text-xs text-grey italic mb-0!">Prothésiste Ongulaire, Maquillage, Manucure</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="fonction_publique_citoyennete_droit">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-fonction_publique_citoyennete_droit"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Fonction Publique, Citoyenneté, Droit</p>
<p class="text-xs text-grey italic mb-0!">Politique, RGPD, Juridique</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="hotellerie_restauration_cuisine">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-hotellerie_restauration_cuisine"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Hôtellerie, Restauration, Cuisine</p>
<p class="text-xs text-grey italic mb-0!">Pâtisserie, Barman, Diététique, Boulanger</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="immobilier_urbanisme">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-immobilier_urbanisme"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Immobilier, Urbanisme</p>
<p class="text-xs text-grey italic mb-0!">Agent Immobilier, Gestion Locative</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="industrie_materiaux_energie">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-industrie_materiaux_energie"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Industrie, Matériaux, Énergie</p>
<p class="text-xs text-grey italic mb-0!">Mécanique, Soudure, Agroalimentaire, Electronique</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="informatique_data_sig">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-informatique_data_sig"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Informatique, DATA, SIG</p>
<p class="text-xs text-grey italic mb-0!">Développeur Web, Data, Cybersécurité</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="langues">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-langues"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Langues</p>
<p class="text-xs text-grey italic mb-0!">Anglais, Français, Langue des Signes</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="management_direction">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-management_direction"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Management, Direction</p>
<p class="text-xs text-grey italic mb-0!">Gestion d'entreprise, Entrepreneuriat</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="petite_enfance_puericulture">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-petite_enfance_puericulture"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Petite Enfance, Puériculture</p>
<p class="text-xs text-grey italic mb-0!">Puériculture, Jeunes Enfants, Crà¨che</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="qualite_hygiene_securite_environnement">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-qualite_hygiene_securite_environnement"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Qualité Hygiène Sécurité Environnement</p>
<p class="text-xs text-grey italic mb-0!">QHSE, Nettoyage</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="reseaux_telecom">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-reseaux_telecom"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Réseaux, Telecom</p>
<p class="text-xs text-grey italic mb-0!">Fibre Optique, Télécommunication</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="ressources_humaines_paie">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-ressources_humaines_paie"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Ressources Humaines, Paie</p>
<p class="text-xs text-grey italic mb-0!">Gestion des Ressources Humaines, CSE</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="sante_medecine">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-sante_medecine"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Santé, Médecine</p>
<p class="text-xs text-grey italic mb-0!">Médecine, Soignants, Spécialistes</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="sciences">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-sciences"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Sciences</p>
<p class="text-xs text-grey italic mb-0!">Chimie, Biologie, Mathématiques</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="secretariat_accueil">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-secretariat_accueil"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Secrétariat, Accueil</p>
<p class="text-xs text-grey italic mb-0!">Administration, Secrétariat Médical</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="social_services_a_la_personne">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-social_services_a_la_personne"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Social, Services à  la Personne</p>
<p class="text-xs text-grey italic mb-0!">Auxiliaire de Vie, Educateur</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="tourisme_loisirs">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-tourisme_loisirs"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Tourisme, Loisirs</p>
<p class="text-xs text-grey italic mb-0!">Animation, Hôtesse de l'Air, Steward, Sport</p>
</div>
</button>
</li>
<li class="break-inside-avoid-column border-solid" data-reveal-list-target="item" data-home-sea-target="menuCategorieLien">
<button class="w-full flex items-center justify-start gap-4 p-2 cursor-pointer select-none text-left hover:no-underline hover:bg-gray-100 focus:outline-solid focus:outline-offset-0 focus:outline-secondary focus:outline-2 focus:no-underline focus:bg-gray-100 lg:rounded-sm"
data-action="menu-categorie-formation#getSousCategories"
data-menu-categorie-formation-id-param="transport_permis">
<svg aria-hidden="true" class="w-6 h-6 fill-primary shrink-0">
<use href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-transport_permis"></use>
</svg>
<div>
<p class="text-base text-font-base underline mb-0!">Transport, Permis</p>
<p class="text-xs text-grey italic mb-0!">Caces, Permis B, Chauffeur de Bus, VTC</p>
</div>
</button>
</li>
</ul>
</nav>
</div>
<div class="z-30 absolute left-0 right-0 top-0 h-full bg-black/50" data-action="click->menu-categorie-formation#close"></div>
</div>
<div class="relative overflow-y-hidden bg-primary text-light landing-header-mask">
<div class="relative mf-container md:px-8">
<nav class="hidden mf-container z-30 md:px-8 md:absolute md:left-0 md:right-0 md:flex md:justify-between md:items-center md:gap-4 md:py-4">
<div class="flex items-center">
<a class="focus:outline-solid focus:outline-offset-2 focus:outline-2 focus:outline-secondary"
href="/">
<img class="w-44 md:w-52 h-auto"
src="https://f.maformation.fr/mf-static-images/logo/logos/logo-maformation-reversed.svg"
alt="Logo MaFormation" />
<span class="sr-only">Accueil</span>
</a>
</div>
<div class="flex items-start gap-7">
<a href="https://www.hellowork.com/fr-fr/"
class="text-light text-sm hover:text-light hover:underline focus:text-light focus:underline focus:outline-solid focus:outline-offset-0 focus:outline-2 focus:outline-secondary">
Emploi
</a>
<span data-l="uggcf://sbezngvba.uryybjbex.pbz/se/prager-qr-sbezngvba/vasb?hgz_fbhepr=znsbezngvba.se&hgz_zrqvhz=pgn-urnqre"
onclick="seo_RdLn(event, this);"
class="text-light text-sm hover:text-light hover:underline focus:text-light focus:underline focus:outline-solid focus:outline-offset-0 focus:outline-2 focus:outline-secondary" >Référencer mes formations</span>
</div>
</nav>
<div class="flex gap-16 lg:justify-center">
<div class="relative people-carousel hidden min-w-[350px] w-[350px] z-10 landing-carousel-mask lg:block"
data-cy="header-carousel">
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-1.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-1.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-1.png"
alt="" />
</picture>
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-2.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-2.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-2.png"
alt="" />
</picture>
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-3.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-3.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-3.png"
alt="" />
</picture>
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-4.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-4.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-4.png"
alt="" />
</picture>
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-5.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-5.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-5.png"
alt="" />
</picture>
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-6.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-6.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-6.png"
alt="" />
</picture>
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-7.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-7.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-7.png"
alt="" />
</picture>
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-8.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-8.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-8.png"
alt="" />
</picture>
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-9.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-9.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-9.png"
alt="" />
</picture>
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-10.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-10.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-10.png"
alt="" />
</picture>
<picture>
<source srcset="/static/dist/5675ef58/images/people-carousel/webp/people-carousel-11.webp"
type="image/webp" aria-hidden="true">
<source srcset="/static/dist/5675ef58/images/people-carousel/png/people-carousel-11.png"
type="image/png" aria-hidden="true">
<img src="/static/dist/5675ef58/images/people-carousel/png/people-carousel-11.png"
alt="" />
</picture>
</div>
<div class="w-full max-w-[700px] py-10 flex flex-col justify-center gap-5 lg:min-h-[400px] lg:gap-8 md:py-14"
data-controller="datalayer-event-handler"
data-event-id="header-landing-cluster">
<div class="space-y-2.5">
<h1 class="text-xl font-semibold leading-[normal] text-secondary md:text-3xl md:leading-[normal]">
461 075 formations, <br />et forcément la vôtre<span class="text-white">.</span>
</h1>
</div>
<div data-body-target="mainSearchFormWrapper">
<form class="flex flex-col gap-4"
id="search-engine-ebfc6964-885e-4e9e-830e-9c03aaac4e06"
action="/formation/recherche"
method="get"
data-controller="datalayer-event-handler"
data-action="submit->datalayer-event-handler#dispatchSubmitEvent"
data-event-id="search-form">
<div class="flex flex-col gap-4 items-center md:flex-row md:items-start">
<div class="w-full flex flex-col gap-2 md:justify-start">
<div class="flex flex-col gap-2 md:flex-row md:items-center">
<div class="relative w-full"
role="combobox"
aria-expanded="false"
data-controller="search-engine-autocomplete"
data-search-engine-autocomplete-type-search-value="search-engine">
<legend class="sr-only">Que recherchez-vous?</legend>
<label data-controller="clear-input"
for="QueryFormation-ebfc6964-885e-4e9e-830e-9c03aaac4e06"
class="relative block overflow-hidden rounded-md bg-light border border-solid border-grey-medium px-3 pt-4 mb-0! shadow-xs focus-within:border-secondary">
<input class="peer h-8 w-full border-none bg-transparent caret-primary text-font-body text-sm p-0 pr-8 placeholder-transparent focus:border-transparent focus:outline-hidden focus:ring-0 lg:text-base"
data-action="input->search-engine-autocomplete#fetchSuggestions input->search-engine-autocomplete#fetchHistory focus->search-engine-autocomplete#fetchHistory input->clear-input#onChange change->clear-input#onChange"
data-clear-input-target="input"
data-search-engine-autocomplete-target="input"
type="text"
id="QueryFormation-ebfc6964-885e-4e9e-830e-9c03aaac4e06"
name="Query"
placeholder="Diplôme, métier, certification..."
value=""
aria-autocomplete="list"
aria-controls="search-engine-autocomplete-suggestions"
aria-activedescendant=""
autocomplete="off"/>
<span class="absolute start-3 top-3 -translate-y-1/2 text-xs text-gray-700 select-none transition-all peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-sm peer-focus:text-gray-700 peer-focus:top-3 peer-focus:text-xs">Diplôme, métier, certification...</span>
<button class="hidden absolute right-3 top-1/2 -translate-y-1/2 outline-hidden outline-offset-2 rounded-2xl focus:outline-2 focus:outline-secondary"
type="button"
data-action="click->clear-input#clear"
data-clear-input-target="trigger">
<span class="sr-only">Effacer le contenu du champs</span>
<svg aria-hidden="true" class="w-6 h-6 fill-transparent transition-[fill] ease-in hover:fill-grey-100">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-clear-input"></use>
</svg>
</button>
</label>
<div class="z-30 w-full absolute left-0 right-0 hidden mt-1 bg-white border border-gray-300 rounded-lg shadow-lg max-h-60 overflow-hidden"
data-search-engine-autocomplete-target="container">
<ul id="search-engine-autocomplete-suggestions"
class="w-full flex flex-col overflow-y-auto max-h-60 outline-hidden focus:outline-2 focus:outline-secondary"
role="listbox"
aria-label="Autocomplete suggestions"
data-search-engine-autocomplete-target="list">
</ul>
</div>
</div>
<div class="relative w-full"
role="combobox"
aria-expanded="false"
data-controller="search-engine-autocomplete"
data-search-engine-autocomplete-type-search-value="location">
<legend class="sr-only">Où voulez-vous vous formez?</legend>
<label data-controller="clear-input"
for="LieuFormation-ebfc6964-885e-4e9e-830e-9c03aaac4e06"
class="relative block overflow-hidden rounded-md bg-light border border-solid border-grey-medium px-3 pt-4 mb-0! shadow-xs focus-within:border-secondary">
<input class="peer h-8 w-full border-none bg-transparent caret-primary text-font-body text-sm p-0 pr-8 placeholder-transparent focus:border-transparent focus:outline-hidden focus:ring-0 lg:text-base"
data-action="input->search-engine-autocomplete#fetchSuggestions input->clear-input#onChange change->clear-input#onChange"
data-clear-input-target="input"
data-search-engine-autocomplete-target="input"
type="text"
id="LieuFormation-ebfc6964-885e-4e9e-830e-9c03aaac4e06"
name="Lieu"
placeholder="Où ?"
aria-autocomplete="list"
value=""
aria-controls="location-autocomplete-suggestions"
aria-activedescendant=""
autocomplete="off"/>
<span class="absolute start-3 top-3 -translate-y-1/2 text-xs text-gray-700 select-none transition-all peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-sm peer-focus:text-gray-700 peer-focus:top-3 peer-focus:text-xs">Où ?</span>
<button class="hidden absolute right-3 top-1/2 -translate-y-1/2 outline-hidden outline-offset-2 rounded-2xl focus:outline-2 focus:outline-secondary"
type="button"
data-action="click->clear-input#clear"
data-clear-input-target="trigger">
<span class="sr-only">Effacer le contenu du champs</span>
<svg class="w-6 h-6 fill-transparent transition-[fill] ease-in hover:fill-grey-100">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-clear-input"></use>
</svg>
</button>
</label>
<div class="z-30 w-full absolute left-0 right-0 hidden mt-1 bg-white border border-gray-300 rounded-lg shadow-lg max-h-60 overflow-hidden"
data-search-engine-autocomplete-target="container">
<ul id="location-autocomplete-suggestions"
class="w-full flex flex-col overflow-y-auto max-h-60 outline-hidden focus:outline-2 focus:outline-secondary"
role="listbox"
aria-label="Autocomplete suggestions de localisations"
data-search-engine-autocomplete-target="list">
</ul>
</div>
</div>
</div>
<label for="filtrecpf"
class="flex cursor-pointer items-center gap-2 mb-0!">
<div class="flex items-center">
<input type="checkbox"
class="size-4 rounded-sm border-gray-400 accent-secondary outline-hidden focus:rounded-sm focus:outline-2 focus:outline-offset-2 focus:outline-secondary"
id="filtrecpf"
name="filtrecpf"
value="1"
/>
</div>
<div>
<strong class="text-sm font-medium text-light select-none">Finançable CPF</strong>
</div>
</label>
</div>
<div class="md:self-start">
<button type="submit"
class="max-w-80 group inline-flex items-center justify-center gap-4 bg-secondary border-2 border-secondary text-base font-semibold text-font-base p-3 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-secondary-600 hover:border-secondary-600 hover:text-font-base focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed"
title="Rechercher une formation"
data-cy="search-form-btn-submit">
<svg class="w-5 h-5 fill-font-base group-hover:fill-font-base group-disabled:fill-grey-800">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-search"></use>
</svg>
<span class="md:sr-only">Rechercher une formation</span>
</button>
</div>
</div>
<input id="QueryCategorySlug" name="QueryCategorySlug" type="hidden" value="" />
<input id="TypeSearch" name="TypeSearch" type="hidden" value="Aucun" />
<script type="application/ld+json">{
"@context": "https://schema.org/",
"@type": "WebSite",
"potentialAction": {
"@type": "SearchAction",
"target": {
"@type": "EntryPoint",
"urlTemplate": "https://www.maformation.fr/formation/recherche?query={search_term_string}"
},
"query-input": "required name=search_term_string"
},
"url": "https://www.maformation.fr"
}
</script>
</form>
</div>
<div class="z-20 hidden md:block"
data-cy="header-cluster-tags">
<div data-controller="item-list" class="item-list">
<div class="item-list__inner">
<div class="item-list__item">
<span class="hyperlink-tag hyperlink-tag--primary-light"
data-l="/sbezngvba/Erpurepur?dhrel=znantrzrag&glcrfrnepu=10"
data-highlighted-cluster-tag-slug="management"
data-cy="landing-header-cluster-tag"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Management"
onclick="seo_RdLn(event, this);">
<div class="hyperlink-tag__content">
<div class="hyperlink-tag__icon">
<div class="hyperlink-tag__icon__inner">
<svg aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-management_direction"></use>
</svg>
</div>
</div>
<div class="hyperlink-tag__title">
Management
</div>
</div>
</span>
</div>
<div class="item-list__item">
<span class="hyperlink-tag hyperlink-tag--primary-light"
data-l="/sbezngvba/Erpurepur?dhrel=vagryyvtrapr_negvpvsvryyr&glcrfrnepu=10"
data-highlighted-cluster-tag-slug="intelligence_articifielle"
data-cy="landing-header-cluster-tag"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Intelligence Artificielle"
onclick="seo_RdLn(event, this);">
<div class="hyperlink-tag__content">
<div class="hyperlink-tag__icon">
<div class="hyperlink-tag__icon__inner">
<svg aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-informatique_data_sig"></use>
</svg>
</div>
</div>
<div class="hyperlink-tag__title">
Intelligence Artificielle
</div>
</div>
</span>
</div>
<div class="item-list__item">
<span class="hyperlink-tag hyperlink-tag--primary-light"
data-l="/sbezngvba/Erpurepur?dhrel=pbzcgnovyvgr&glcrfrnepu=10"
data-highlighted-cluster-tag-slug="comptabilite"
data-cy="landing-header-cluster-tag"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Comptabilité"
onclick="seo_RdLn(event, this);">
<div class="hyperlink-tag__content">
<div class="hyperlink-tag__icon">
<div class="hyperlink-tag__icon__inner">
<svg aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-comptabilite_gestion"></use>
</svg>
</div>
</div>
<div class="hyperlink-tag__title">
Comptabilité
</div>
</div>
</span>
</div>
<div class="item-list__item">
<span class="hyperlink-tag hyperlink-tag--primary-light"
data-l="/sbezngvba/Erpurepur?dhrel=erffbheprf_uhznvarf&glcrfrnepu=10"
data-highlighted-cluster-tag-slug="ressources_humaines"
data-cy="landing-header-cluster-tag"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Ressources Humaines"
onclick="seo_RdLn(event, this);">
<div class="hyperlink-tag__content">
<div class="hyperlink-tag__icon">
<div class="hyperlink-tag__icon__inner">
<svg aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-ressources_humaines_paie"></use>
</svg>
</div>
</div>
<div class="hyperlink-tag__title">
Ressources Humaines
</div>
</div>
</span>
</div>
<div class="item-list__item">
<span class="hyperlink-tag hyperlink-tag--primary-light"
data-l="/sbezngvba/Erpurepur?dhrel=frpergnevng&glcrfrnepu=10"
data-highlighted-cluster-tag-slug="secretariat"
data-cy="landing-header-cluster-tag"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Secrétariat"
onclick="seo_RdLn(event, this);">
<div class="hyperlink-tag__content">
<div class="hyperlink-tag__icon">
<div class="hyperlink-tag__icon__inner">
<svg aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-secretariat_accueil"></use>
</svg>
</div>
</div>
<div class="hyperlink-tag__title">
Secrétariat
</div>
</div>
</span>
</div>
<div class="item-list__item">
<span data-l="/ovyna_qr_pbzcrgraprf"
data-cy="landing-header-skills-assessment-tag"
data-highlighted-cluster-tag-slug="bilan_de_competences"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Bilan de compétences"
onclick="seo_RdLn(event, this);"
class="hyperlink-tag hyperlink-tag--primary-light">
<div class="hyperlink-tag__content">
<div class="hyperlink-tag__icon">
<div class="hyperlink-tag__icon__inner">
<svg aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-informatique_data_sig"></use>
</svg>
</div>
</div>
<div class="hyperlink-tag__title">
Bilan de compétences
</div>
</div>
</span>
</div>
<div class="item-list__item">
<span data-l="/inr"
data-cy="landing-header-vae-tag"
data-highlighted-cluster-tag-slug="VAE"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="VAE"
onclick="seo_RdLn(event, this);"
class="hyperlink-tag hyperlink-tag--primary-light">
<div class="hyperlink-tag__content">
<div class="hyperlink-tag__icon">
<div class="hyperlink-tag__icon__inner">
<svg aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-xxl-menu.svg#sprite-icon-xxl-menu-informatique_data_sig"></use>
</svg>
</div>
</div>
<div class="hyperlink-tag__title">
VAE
</div>
</div>
</span>
</div>
<div class="item-list__item">
<button data-cy="landing-header-xxl-menu-tag"
data-action="menu-categorie-formation#open"
class="hyperlink-tag">
<div class="hyperlink-tag__content">
<div class="hyperlink-tag__icon">
<div class="hyperlink-tag__icon__inner">
<svg aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-burger-menu"></use>
</svg>
</div>
</div>
<div class="hyperlink-tag__title hyperlink-tag__title--color-variant">
Toutes les catégories
</div>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<main>
<article>
<section class="mf-container py-5 lg:py-10"
data-controller="datalayer-event-handler"
data-event-id="direct-access-block">
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 md:grid-flow-col md:grid-rows-4 lg:grid-cols-4 lg:grid-rows-3">
<a class="flex flex-col justify-center gap-4 shadow-base rounded-md bg-white p-5 outline-primary transition-shadow hover:shadow-carte-hover focus:outline-2 md:row-span-2 lg:row-span-3"
href="/cpf"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="CPF">
<div class="flex justify-center">
<svg class="fill-primary w-10 h-10 shrink-0" aria-hidden="true">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-cpf"></use>
</svg>
</div>
<div class="flex flex-col gap-2 items-center">
<h3 class="text-font-base text-base font-semibold text-center">
Formez-vous grâce à votre CPF !
</h3>
<p class="text-font-body text-sm text-center lg:text-base">
Jusqu'à 100% de financement pour votre formation
</p>
<div>
<button type="button" class="bg-primary border-solid border-2 border-primary text-base font-semibold text-white py-2.5 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:no-underline hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-white disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Voir les formations
</button>
</div>
</div>
</a>
<a class="flex flex-row justify-start items-center gap-4 shadow-base rounded-md bg-white p-5 outline-primary transition-shadow hover:shadow-carte-hover focus:outline-2 md:row-span-1 lg:row-span-2 lg:flex-col lg:justify-center"
href="/formation/recherche?typesearch=1&query=vae"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="VAE">
<div class="flex justify-center">
<svg class="fill-primary w-10 h-10 shrink-0" aria-hidden="true">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-vae"></use>
</svg>
</div>
<div class="flex flex-col gap-2 items-center">
<h3 class="text-font-base text-base font-semibold text-start lg:text-center">
VAE : obtenez un diplôme grâce à votre expérience
</h3>
</div>
</a>
<span class="flex flex-row justify-start items-center gap-4 shadow-base rounded-md bg-white p-5 outline-primary transition-shadow hover:shadow-carte-hover focus:outline-2 md:row-span-1 lg:items-center"
data-l="/cebsrffvbaaryyr"
onclick="seo_RdLn(event, this);"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Obligatoire">
<div class="flex justify-center">
<svg class="fill-primary w-10 h-10 shrink-0" aria-hidden="true">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-formation-obligatoire"></use>
</svg>
</div>
<div class="flex flex-col gap-2">
<h3 class="text-font-base text-base font-semibold text-start">
Les formations professionnelles
</h3>
</div>
</span>
<a class="flex flex-row justify-start items-center gap-4 shadow-base rounded-md bg-white p-5 outline-primary transition-shadow hover:shadow-carte-hover focus:outline-2 md:row-span-1 lg:items-center"
href="/alternance"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Alternance">
<div class="flex justify-center">
<svg class="fill-primary w-10 h-10 shrink-0" aria-hidden="true">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-alternance"></use>
</svg>
</div>
<div class="flex flex-col gap-2">
<h3 class="text-font-base text-base font-semibold text-start">
Les formations en alternance
</h3>
</div>
</a>
<a class="flex flex-row justify-start items-center gap-4 shadow-base rounded-md bg-white p-5 outline-primary transition-shadow hover:shadow-carte-hover focus:outline-2 md:row-span-1 lg:row-span-2 lg:flex-col lg:justify-center"
href="/en-ligne"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="EnLigne">
<div class="flex justify-center">
<svg class="fill-primary w-10 h-10 shrink-0" aria-hidden="true">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-cours-en-ligne-2"></use>
</svg>
</div>
<div class="flex flex-col gap-2 items-center">
<h3 class="text-font-base text-base font-semibold text-start lg:text-center">
Formations en ligne, d'où vous voulez, à votre rythme
</h3>
</div>
</a>
<a class="flex flex-col justify-center gap-4 shadow-base rounded-md bg-white p-5 outline-primary transition-shadow hover:shadow-carte-hover focus:outline-2 md:row-span-2 lg:row-span-3"
href="/bilan_de_competences"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="BDC">
<div class="flex justify-center">
<svg class="fill-primary w-10 h-10 shrink-0" aria-hidden="true">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-bdc"></use>
</svg>
</div>
<div class="flex flex-col gap-2 items-center">
<h3 class="text-font-base text-base font-semibold text-center">
Bilan de compétences
</h3>
<p class="text-font-body text-sm text-center lg:text-base">
Faites le point sur votre carrière pour rebondir
</p>
<div>
<button type="button" class="bg-primary border-solid border-2 border-primary text-base font-semibold text-white py-2.5 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:no-underline hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-white disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">Trouvez votre centre</button>
</div>
</div>
</a>
</div>
</section>
<hr class="section-divider" />
<div class="mf-container">
<section class="content-block w-full"
data-controller="datalayer-event-handler"
data-event-id="top-training-block">
<div class="content-block__inner">
<div class="content-block__header">
<h2 class="text-md md:text-xl font-bold">
Les formations les plus recherchées
</h2>
</div>
<div class="content-block__content">
<div data-cy="front-page-top-training-blocks-wrapper"
class="card-list card-list--cols card-list--3-cols-sm">
<div class="grid gap-4 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 items-stretch">
<span data-controller="carte-formation"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbFNM2lx/UoeLSxVy6ZSBfTgemQusRQynvpZdrFzEGZubnir+Sz3N1YkyuHF60ohEWFi+pPAHPxeXsoqBRCTehPxEpC1bIvMSt6pyCG5dMPcTOPvMam0ldhQ/kRHNuVWOPdsU9HNh2M3WmwtUdlc1oRHEOK7PYV5rDwqsqvo3+CWBdEPzJcqciVRvRW79t4QFQTzX5bSTQWKbJ7tBfNOiwmXF56m40dhcuA5pYZA2/4zSY/WRxpU5HhpE6a3qZCRrdcnmrwrWZi6IfrFh2aIcHJJlw86O8LvlBg2p21EZmLsqtjXFNmDN4K/+DPAG4QZ8HTxcDSvAlk6WM0P/c+zGxUz05Fyr8hJgIOkNbYqnlROo="
data-carte-formation-url-value="/sbezngvba/sbezngvba-cengvpvra-anghebcngur-nhgbabzr-206925"
data-carte-formation-encrypted-value="True"
class="h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-selector="card-training"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbFNM2lx/UoeLSxVy6ZSBfTgemQusRQynvpZdrFzEGZubnir+Sz3N1YkyuHF60ohEWFi+pPAHPxeXsoqBRCTehPxEpC1bIvMSt6pyCG5dMPcTOPvMam0ldhQ/kRHNuVWOPdsU9HNh2M3WmwtUdlc1oRHEOK7PYV5rDwqsqvo3+CWBdEPzJcqciVRvRW79t4QFQTzX5bSTQWKbJ7tBfNOiwmXF56m40dhcuA5pYZA2/4zSY/WRxpU5HhpE6a3qZCRrdcnmrwrWZi6IfrFh2aIcHJJlw86O8LvlBg2p21EZmLsqtjXFNmDN4K/+DPAG4QZ8HTxcDSvAlk6WM0P/c+zGxUz05Fyr8hJgIOkNbYqnlROo="
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=206925"
>
<div class="h-full flex flex-col cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div>
<div class="grid self-stretch gap-2 pb-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Formation Praticien Naturopathe autonome" class="text-font-base font-bold text-md leading-[normal] line-clamp-2 @xl:mb-2">
Formation Praticien Naturopathe autonome
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/02232024_13570077778497-20964.png"
title="Altermedic Center"
alt="Centre de formation Altermedic Center"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">Altermedic Center</span>
</div>
</div>
<div class="mb-4 @xl:my-2">
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF</span>
<div class="block @xl:flex @xl:mt-4 mt-4 gap-3 flex-wrap">
<div class="flex items-center leading-[normal] gap-1 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance / En entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex mt-auto gap-2">
<div class="hidden items-center @xl:flex">
<div class="flex items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="ml-1 text-font-body text-sm"> Altermedic Center</span>
</div>
<div class="flex-1 flex h-full @xl:justify-end @xl:ml-auto">
<button data-action="click->carte-formation#navigateCta" class="inline-flex items-center justify-center self-start gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
<div class="hidden items-center gap-1 absolute top-0 left-4 translate-y-[-60%] text-font-title rounded-full py-0.5 px-2 border-2 border-primary bg-primary-50 border-solid uppercase font-bold">
<img class="h-5 w-5 min-w-5" alt="" src="/static/dist/5675ef58/images/svg/flash.svg" loading="lazy"/>
<span class="text-font-title text-sm">Mis en avant</span>
</div>
</div>
</div>
</span>
<span data-controller="carte-formation"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbVK3c3KlxKfgJ7j+R/ovIvd4tPGB5E7wsCmWSxmGDj71JfmupA8jhn7nCPkZLkUvBmXwF3+XpjVGMNr0JPB5tKTDhYUQcetkD4Ngc5uGPfadUy/2MgrgmfGv18wY8I3eQNZUUmDYXXPqxLeVEhgVXyjWXqcfzXjOjGeEiefgYhwwIBbPzGbl9tXpd0i3689vhsbM9qKrglYOoiIHZZ9POcdzmFH6SqLj10WlQaLBHgvKMiT6KLFDzVmxl960hu2UoiNta1PYzQTf3tM+QJgGczAQ+JRhql5+LU/XxBLPUZpQ2n/7JFmf2jpNFejxkM+il4WKx8C896N9/lWqcfNLaHQ=="
data-carte-formation-url-value="/sbezngvba/frpergnevng-nffvfgnag-r-qr-qverpgvba-176498"
data-carte-formation-encrypted-value="True"
class="h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-selector="card-training"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbVK3c3KlxKfgJ7j+R/ovIvd4tPGB5E7wsCmWSxmGDj71JfmupA8jhn7nCPkZLkUvBmXwF3+XpjVGMNr0JPB5tKTDhYUQcetkD4Ngc5uGPfadUy/2MgrgmfGv18wY8I3eQNZUUmDYXXPqxLeVEhgVXyjWXqcfzXjOjGeEiefgYhwwIBbPzGbl9tXpd0i3689vhsbM9qKrglYOoiIHZZ9POcdzmFH6SqLj10WlQaLBHgvKMiT6KLFDzVmxl960hu2UoiNta1PYzQTf3tM+QJgGczAQ+JRhql5+LU/XxBLPUZpQ2n/7JFmf2jpNFejxkM+il4WKx8C896N9/lWqcfNLaHQ=="
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=176498"
>
<div class="h-full flex flex-col cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div>
<div class="grid self-stretch gap-2 pb-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Secrétariat - Assistant(e) de direction" class="text-font-base font-bold text-md leading-[normal] line-clamp-2 @xl:mb-2">
Secrétariat - Assistant(e) de direction
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/12222020_190409768299297.png"
title="26 ACADEMY"
alt="Centre de formation 26 ACADEMY"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">26 ACADEMY</span>
</div>
</div>
<div class="mb-4 @xl:my-2">
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF</span>
<div class="block @xl:flex @xl:mt-4 mt-4 gap-3 flex-wrap">
<div class="flex items-center leading-[normal] gap-1 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
</div>
</div>
</div>
<div class="flex mt-auto gap-2">
<div class="hidden items-center @xl:flex">
<div class="flex items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="ml-1 text-font-body text-sm"> 26 ACADEMY</span>
</div>
<div class="flex-1 flex h-full @xl:justify-end @xl:ml-auto">
<button data-action="click->carte-formation#navigateCta" class="inline-flex items-center justify-center self-start gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
<div class="hidden items-center gap-1 absolute top-0 left-4 translate-y-[-60%] text-font-title rounded-full py-0.5 px-2 border-2 border-primary bg-primary-50 border-solid uppercase font-bold">
<img class="h-5 w-5 min-w-5" alt="" src="/static/dist/5675ef58/images/svg/flash.svg" loading="lazy"/>
<span class="text-font-title text-sm">Mis en avant</span>
</div>
</div>
</div>
</span>
<span data-controller="carte-formation"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbPkmcbHRt7O8SbFJ+YDmr274sTw98efoQx96BKzfV5Mx1GTcGemXc2Pe2UC10xLR871/VwNbFtHcKdVyH1TJ5trxICjuZ0kgt6iQ6A3tdOaZ9BQ4fwxkj7Z4IGQiXu5MczyuY0wJMIo8ybWFYSSiykcOgqDEuLHOEzCZ7sMlyfS889uVL+1kD9hMAvpCXP3YyJYV/r7dgJCwMO0YLxwz3/cHL0dM3pP/6a/mxw0j0Y6v/3QKIkzGapu+yruPGnX8bsohQ/CwJ3vQR8S/SstyOHc3EzSzFqEheFay8RH+WknoyKfWQPYn/9Q8t2Fyk450l"
data-carte-formation-url-value="/sbezngvba/ynathr-qrf-fvtarf-yfs-sbezngvba-pcs-199330"
data-carte-formation-encrypted-value="True"
class="h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-selector="card-training"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbPkmcbHRt7O8SbFJ+YDmr274sTw98efoQx96BKzfV5Mx1GTcGemXc2Pe2UC10xLR871/VwNbFtHcKdVyH1TJ5trxICjuZ0kgt6iQ6A3tdOaZ9BQ4fwxkj7Z4IGQiXu5MczyuY0wJMIo8ybWFYSSiykcOgqDEuLHOEzCZ7sMlyfS889uVL+1kD9hMAvpCXP3YyJYV/r7dgJCwMO0YLxwz3/cHL0dM3pP/6a/mxw0j0Y6v/3QKIkzGapu+yruPGnX8bsohQ/CwJ3vQR8S/SstyOHc3EzSzFqEheFay8RH+WknoyKfWQPYn/9Q8t2Fyk450l"
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=199330"
>
<div class="h-full flex flex-col cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div>
<div class="grid self-stretch gap-2 pb-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Langue des signes - LSF - Formation CPF" class="text-font-base font-bold text-md leading-[normal] line-clamp-2 @xl:mb-2">
Langue des signes - LSF - Formation CPF
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/03142025_0938262135535217-14996.png"
title="Walter Learning"
alt="Centre de formation Walter Learning"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">Walter Learning</span>
</div>
</div>
<div class="mb-4 @xl:my-2">
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF</span>
<div class="block @xl:flex @xl:mt-4 mt-4 gap-3 flex-wrap">
<div class="flex items-center leading-[normal] gap-1 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
</div>
</div>
</div>
<div class="flex mt-auto gap-2">
<div class="hidden items-center @xl:flex">
<span class="ml-1 text-font-body text-sm"> Walter Learning</span>
</div>
<div class="flex-1 flex h-full @xl:justify-end @xl:ml-auto">
<button data-action="click->carte-formation#navigateCta" class="inline-flex items-center justify-center self-start gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
<div class="hidden items-center gap-1 absolute top-0 left-4 translate-y-[-60%] text-font-title rounded-full py-0.5 px-2 border-2 border-primary bg-primary-50 border-solid uppercase font-bold">
<img class="h-5 w-5 min-w-5" alt="" src="/static/dist/5675ef58/images/svg/flash.svg" loading="lazy"/>
<span class="text-font-title text-sm">Mis en avant</span>
</div>
</div>
</div>
</span>
<span data-controller="carte-formation"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbf0iH8N7PyPSuaQVqa/TS4Sd2WvRf8+dIC6ZqsiWCQC8PASbxATEsXO9Izs4XY49/4oAsk0KqVPzziKmOOwGCG7yoeVyV78Zj6sDtQP82aBT1hs+rN74B8KQ2mYzCEZhZCLsYKj4QSG4TVXUHDHXUwhQFiPOJiZK3opWcpjRqEUJ32GtIyeilWTCEkezOvhjGur3srJxt8F+eg91Oc21EjGQujGSz3PEFJ0VW2qZ1HCEZlGVqLXDGTkJbpb32vfxteeex7uZjlJks2x2wOlk5Uc8L1hfg4x9Xs0TY0S0j4DvOBnyV/YfF3CONICDHM1VYiZ1hWQ9KPaP3U8YGMNuYPg=="
data-carte-formation-url-value="/sbezngvba/pnc-ryrpgevpvra-178614"
data-carte-formation-encrypted-value="True"
class="h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-selector="card-training"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbf0iH8N7PyPSuaQVqa/TS4Sd2WvRf8+dIC6ZqsiWCQC8PASbxATEsXO9Izs4XY49/4oAsk0KqVPzziKmOOwGCG7yoeVyV78Zj6sDtQP82aBT1hs+rN74B8KQ2mYzCEZhZCLsYKj4QSG4TVXUHDHXUwhQFiPOJiZK3opWcpjRqEUJ32GtIyeilWTCEkezOvhjGur3srJxt8F+eg91Oc21EjGQujGSz3PEFJ0VW2qZ1HCEZlGVqLXDGTkJbpb32vfxteeex7uZjlJks2x2wOlk5Uc8L1hfg4x9Xs0TY0S0j4DvOBnyV/YfF3CONICDHM1VYiZ1hWQ9KPaP3U8YGMNuYPg=="
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=178614"
>
<div class="h-full flex flex-col cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div>
<div class="grid self-stretch gap-2 pb-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="CAP Electricien" class="text-font-base font-bold text-md leading-[normal] line-clamp-2 @xl:mb-2">
CAP Electricien
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/09142022_115156-72640239-5550.png"
title="L'atelier des Chefs"
alt="Centre de formation L'atelier des Chefs"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">L'atelier des Chefs</span>
</div>
</div>
<div class="mb-4 @xl:my-2">
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF</span>
<div class="block @xl:flex @xl:mt-4 mt-4 gap-3 flex-wrap">
<div class="flex items-center leading-[normal] gap-1 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance
</span>
</div>
</div>
</div>
</div>
<div class="flex mt-auto gap-2">
<div class="hidden items-center @xl:flex">
<div class="flex items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="ml-1 text-font-body text-sm"> L'atelier des Chefs</span>
</div>
<div class="flex-1 flex h-full @xl:justify-end @xl:ml-auto">
<button data-action="click->carte-formation#navigateCta" class="inline-flex items-center justify-center self-start gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
<div class="hidden items-center gap-1 absolute top-0 left-4 translate-y-[-60%] text-font-title rounded-full py-0.5 px-2 border-2 border-primary bg-primary-50 border-solid uppercase font-bold">
<img class="h-5 w-5 min-w-5" alt="" src="/static/dist/5675ef58/images/svg/flash.svg" loading="lazy"/>
<span class="text-font-title text-sm">Mis en avant</span>
</div>
</div>
</div>
</span>
<span data-controller="carte-formation"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbuerb8jKFc6+128wzqfRnyqIH/xAyH46QmLDC1OBZRKxZ1VB46G2LUh+xty+FyUJHrBtlcuX8DnHyQ0C9rLKDAYn89i9a5z09LRmB8lCWMoGU95sYZdm6udzZ26jQqADOhJTOysXhxpCgkOjIz+UXIgiRwisIol/9q0zOhwXLaZznjXr8AIY5Vugfx3Vmsn9MtisGO/p0+86uivfnGwIzfLp2smGr/syXgP7Qx2AzVil6kTRpp+OOyzaFqnoZcApvzqCmBBDc8yQJNLt7J28Iuq1faFv4ctoKoJU8m5jAN1FpOZJWHSroqTjOvWxr8xmdDEXjMWeZ3FKH310Duw3xzjbKZ/v/nwwaplceH6bCGrbQoNl38ZP7jwmrxX5lpCCtQVt0NdzId2CW+3ax9kY5VMVSShI8Fj9fG1Si57ZvNTppAsCSmfB0x+p1V5kL3w5M0NuC3DIY9kFs1rs3HXxfZ4F7qZJMz8mKBGTOlQIvDia/T7jEfJ4ByzWxXZjVN/rQ+AnnFPGLHkx/eVWW+WVJSQ=="
data-carte-formation-url-value="/sbezngvba/sbezngvba-igp-punhssrhe-ra-qvfgnapvry-rg-cerfragvry-cercnengvba-n-y'rknzra-q'unovyvgngvba-cbhe-y'npprf-n-yn-cebsrffvba-qr-pbaqhpgrhe-qr-ibvgher-qr-genafcbeg-nirp-punhssrhe-igp-204984"
data-carte-formation-encrypted-value="True"
class="h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-selector="card-training"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbuerb8jKFc6+128wzqfRnyqIH/xAyH46QmLDC1OBZRKxZ1VB46G2LUh+xty+FyUJHrBtlcuX8DnHyQ0C9rLKDAYn89i9a5z09LRmB8lCWMoGU95sYZdm6udzZ26jQqADOhJTOysXhxpCgkOjIz+UXIgiRwisIol/9q0zOhwXLaZznjXr8AIY5Vugfx3Vmsn9MtisGO/p0+86uivfnGwIzfLp2smGr/syXgP7Qx2AzVil6kTRpp+OOyzaFqnoZcApvzqCmBBDc8yQJNLt7J28Iuq1faFv4ctoKoJU8m5jAN1FpOZJWHSroqTjOvWxr8xmdDEXjMWeZ3FKH310Duw3xzjbKZ/v/nwwaplceH6bCGrbQoNl38ZP7jwmrxX5lpCCtQVt0NdzId2CW+3ax9kY5VMVSShI8Fj9fG1Si57ZvNTppAsCSmfB0x+p1V5kL3w5M0NuC3DIY9kFs1rs3HXxfZ4F7qZJMz8mKBGTOlQIvDia/T7jEfJ4ByzWxXZjVN/rQ+AnnFPGLHkx/eVWW+WVJSQ=="
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=204984"
>
<div class="h-full flex flex-col cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div>
<div class="grid self-stretch gap-2 pb-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="Formation VTC Chauffeur en distanciel et présentiel : Préparation à l’examen d’habilitation pour l’accès à la profession de conducteur de voiture de transport avec chauffeur (VTC)" class="text-font-base font-bold text-md leading-[normal] line-clamp-2 @xl:mb-2">
Formation VTC Chauffeur en distanciel et présentiel : Préparation à l’examen d’habilitation pour l’accès à la profession de conducteur de voiture de transport avec chauffeur (VTC)
</h3>
<div class="font-semibold" title="MONTÉVRAIN, NICE">
<span class="text-font-base text-sm">MONTÉVRAIN, NICE</span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/08292025_1227151089895393-35992.png"
title="CLF FORMATION"
alt="Centre de formation CLF FORMATION"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">CLF FORMATION</span>
</div>
</div>
<div class="mb-4 @xl:my-2">
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF</span>
<div class="block @xl:flex @xl:mt-4 mt-4 gap-3 flex-wrap">
<div class="flex items-center leading-[normal] gap-1 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance / En centre
</span>
</div>
</div>
</div>
</div>
<div class="flex mt-auto gap-2">
<div class="hidden items-center @xl:flex">
<div class="flex items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="ml-1 text-font-body text-sm"> CLF FORMATION</span>
</div>
<div class="flex-1 flex h-full @xl:justify-end @xl:ml-auto">
<button data-action="click->carte-formation#navigateCta" class="inline-flex items-center justify-center self-start gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
<div class="hidden items-center gap-1 absolute top-0 left-4 translate-y-[-60%] text-font-title rounded-full py-0.5 px-2 border-2 border-primary bg-primary-50 border-solid uppercase font-bold">
<img class="h-5 w-5 min-w-5" alt="" src="/static/dist/5675ef58/images/svg/flash.svg" loading="lazy"/>
<span class="text-font-title text-sm">Mis en avant</span>
</div>
</div>
</div>
</span>
<span data-controller="carte-formation"
data-carte-formation-datalayer-value="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbPPEMZ9Di4yn8PHhJ5L+C/zTer61sSJXGlRUFM/4vyjE+Bq3A5m3K/hVHpPc1XRMjqLtUP+9fL1o8KOGktficBtSXIMvc2pb+AIpJt8+O3t02ZdNcWuTSfbH9VTPXy8Dps7q4VKbmfacyUu1Nm34lpAbAA7ubOyDTDVj/T8k9K0d8SxE0otsXLjt+0Y8BqLDGD9TxXBv5i5z5tekensonhD7DqUXoW2eimZZr5/K2twZV96wwa1Vspkxq8n9Af2oUOtpxu5YYTIFGUlWDaSyjo9nBjNpCfGkTdzNlmWGqoPE6TdYk6U2BL/M6huZ/oir74McwdEz+H4K4RQ8ZOOSkiCuVtDre8QmzkiWpy1man4BZYwHkGmXa/IcdNHuoZw0I"
data-carte-formation-url-value="/sbezngvba/qngn-nanylfg-|-gvger-eapc-avirnh-7-onp-c5-|-pb-pregvsvrr-rpbyr-zvarf-cnevf-153549"
data-carte-formation-encrypted-value="True"
class="h-full focus:outline-solid focus:outline-primary focus:-outline-offset-4 focus:outline-2 focus:rounded-2xl">
<div class="h-full @container rounded-2xl shadow-carte"
data-selector="card-training"
data-carte-formation-type="form-di"
data-datalayer="qaXs6RvPNTbMu1YZybbChMMTfsfduJnsjsvB/mMNsgDBbN8H9wRI92q/f0FlBO1cei4bIK/LbCxxWI38R64qYLeM4Qpsp+L4qD7nYvbXBQeVrYmCoE2PDadpgO45HmDbPPEMZ9Di4yn8PHhJ5L+C/zTer61sSJXGlRUFM/4vyjE+Bq3A5m3K/hVHpPc1XRMjqLtUP+9fL1o8KOGktficBtSXIMvc2pb+AIpJt8+O3t02ZdNcWuTSfbH9VTPXy8Dps7q4VKbmfacyUu1Nm34lpAbAA7ubOyDTDVj/T8k9K0d8SxE0otsXLjt+0Y8BqLDGD9TxXBv5i5z5tekensonhD7DqUXoW2eimZZr5/K2twZV96wwa1Vspkxq8n9Af2oUOtpxu5YYTIFGUlWDaSyjo9nBjNpCfGkTdzNlmWGqoPE6TdYk6U2BL/M6huZ/oir74McwdEz+H4K4RQ8ZOOSkiCuVtDre8QmzkiWpy1man4BZYwHkGmXa/IcdNHuoZw0I"
data-controller="training-impression-counter"
data-training-impression-counter-url-value="/Formation/MajCompteur?idCatalogue=153549"
>
<div class="h-full flex flex-col cursor-pointer hover:shadow-carte-hover transition-shadow hover:rounded-2xl rounded-2xl relative px-4 py-4"
data-action="click->carte-formation#navigate">
<div>
<div class="grid self-stretch gap-2 pb-2 @xl:flex-row @xl:flex">
<div class="flex flex-col gap-2 justify-between order-2 @xl:order-1">
<h3 title="DATA ANALYST | Titre RNCP niveau 7 Bac +5 | co-certifiée école MINES Paris" class="text-font-base font-bold text-md leading-[normal] line-clamp-2 @xl:mb-2">
DATA ANALYST | Titre RNCP niveau 7 Bac +5 | co-certifiée école MINES Paris
</h3>
<div class="font-semibold">
<span class="hidden text-font-base text-sm @xl:block">À DISTANCE</span>
<span class="text-font-base text-sm"></span>
</div>
</div>
<div class="@xl:ml-auto order-1">
<div class="flex">
<div class="rounded-lg p-2 border-2 border-solid mr-2 @xl:mr-0 border-grey-medium w-[166px]">
<img src="https://f.maformation.fr/mf/img/centres/05052022_1424521489494449-15004-DATASCIENTEST.png"
title="DATASCIENTEST"
alt="Centre de formation DATASCIENTEST"
class="w-full h-12 object-contain text-sm text-font-body leading-[normal] overflow-hidden" />
</div>
<div class="flex @xl:hidden items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="text-font-body text-sm">
Avis du centre
</span>
</div>
</div>
<span class="block mt-3 text-sm leading-[normal] text-font-body @xl:hidden">DATASCIENTEST</span>
</div>
</div>
<div class="mb-4 @xl:my-2">
<span class="inline-flex items-center rounded-sm border border-solid py-1 px-2 justify-center text-xs font-semibold bg-light text-primary border-primary">
Finançable CPF</span>
<div class="block @xl:flex @xl:mt-4 mt-4 gap-3 flex-wrap">
<div class="flex items-center leading-[normal] gap-1 font-semibold">
<svg class="h-5 w-5 min-w-5 fill-font-base" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-marker"></use>
</svg>
<span class="flex items-center text-font-base text-sm">
À distance / En entreprise
</span>
</div>
</div>
</div>
</div>
<div class="flex mt-auto gap-2">
<div class="hidden items-center @xl:flex">
<div class="flex items-center gap-1">
<div>
<svg class="block h-5 w-5 min-w-5 fill-[#FF9D0B]" aria-hidden="true">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-star-filled"></use>
</svg>
</div>
<span class="underline underline-offset-2 text-font-body text-sm">
Avis du centre
</span>
.
</div>
<span class="ml-1 text-font-body text-sm"> DATASCIENTEST</span>
</div>
<div class="flex-1 flex h-full @xl:justify-end @xl:ml-auto">
<button data-action="click->carte-formation#navigateCta" class="inline-flex items-center justify-center self-start gap-4 bg-primary border-2 border-primary text-base font-semibold text-light leading-[normal] py-3 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 focus:outline-none focus:outline-offset-2 focus:outline-solid focus:outline-secondary focus:outline-3 disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Je m'informe gratuitement
</button>
</div>
</div>
<div class="hidden items-center gap-1 absolute top-0 left-4 translate-y-[-60%] text-font-title rounded-full py-0.5 px-2 border-2 border-primary bg-primary-50 border-solid uppercase font-bold">
<img class="h-5 w-5 min-w-5" alt="" src="/static/dist/5675ef58/images/svg/flash.svg" loading="lazy"/>
<span class="text-font-title text-sm">Mis en avant</span>
</div>
</div>
</div>
</span>
</div>
</div>
</div>
</div>
</section>
<section class="w-full flex flex-col gap-7 mb-6"
data-controller="datalayer-event-handler"
data-event-id="seo-domains-block">
<h2 class="text-md font-bold text-font-base">Thématiques recherchées :</h2>
<div data-controller="reveal-list"
data-reveal-list-limit-value="6"
data-reveal-list-toggle-icon-source-value="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-bottom"
class="flex flex-col gap-4">
<div class="flex flex-wrap gap-5">
<a title="Formation Btp"
href="/formations/domaine_btp.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Btp"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-btp"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Btp</p>
</div>
</a>
<a title="Formation Santé"
href="/formations/domaine_sante.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Santé"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-sante"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Santé</p>
</div>
</a>
<a title="Formation Informatique"
href="/formations/domaine_informatique.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Informatique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-informatique"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Informatique</p>
</div>
</a>
<a title="Formation Sécurité"
href="/formations/domaine_securite.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Sécurité"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-securite"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Sécurité</p>
</div>
</a>
<a title="Formation Commerce"
href="/formations/domaine_commerce.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Commerce"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-commerce"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Commerce</p>
</div>
</a>
<a title="Formation Gestion"
href="/formations/domaine_gestion.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Gestion"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-gestion"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Gestion</p>
</div>
</a>
<a title="Formation Beauté"
href="/formations/domaine_beaute.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Beauté"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Beauté</p>
</div>
</a>
<a title="Formation Web"
href="/formations/domaine_web.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Web"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-web"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Web</p>
</div>
</a>
<a title="Formation Restauration"
href="/formations/domaine_restauration.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Restauration"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-restauration"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Restauration</p>
</div>
</a>
<a title="Formation Management"
href="/formations/domaine_management.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Management"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-management"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Management</p>
</div>
</a>
<a title="Formation Transport"
href="/formations/domaine_transport.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Transport"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-transport"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Transport</p>
</div>
</a>
<a title="Formation Logistique"
href="/formations/domaine_logistique.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Logistique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-logistique"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Logistique</p>
</div>
</a>
<a title="Formation Développement personnel"
href="/formations/domaine_developpement-personnel.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Développement personnel"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-developpement-personnel"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Développement personnel</p>
</div>
</a>
<a title="Formation Industrie"
href="/formations/domaine_industrie.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Industrie"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-industrie"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Industrie</p>
</div>
</a>
<a title="Formation Bureautique"
href="/formations/domaine_bureautique.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Bureautique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-bureautique"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Bureautique</p>
</div>
</a>
<a title="Formation Langues"
href="/formations/domaine_langues.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Langues"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-langues"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Langues</p>
</div>
</a>
<a title="Formation Culture"
href="/formations/domaine_culture.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Culture"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-culture"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Culture</p>
</div>
</a>
<a title="Formation Administrative"
href="/formations/domaine_administrative.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Administrative"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-administrative"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Administrative</p>
</div>
</a>
<a title="Formation Graphisme"
href="/formations/domaine_graphisme.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Graphisme"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-graphisme"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Graphisme</p>
</div>
</a>
<a title="Formation Environnement"
href="/formations/domaine_environnement.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Environnement"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-environnement"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Environnement</p>
</div>
</a>
<a title="Formation Enseignement"
href="/formations/domaine_enseignement.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Enseignement"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-enseignement"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Enseignement</p>
</div>
</a>
<a title="Formation Électronique"
href="/formations/domaine_electronique.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Électronique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-electronique"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Électronique</p>
</div>
</a>
<a title="Formation Comptabilité"
href="/formations/domaine_comptabilite.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Comptabilité"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-comptabilite"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Comptabilité</p>
</div>
</a>
<a title="Formation Secrétariat"
href="/formations/domaine_secretariat.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Secrétariat"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-secretariat"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Secrétariat</p>
</div>
</a>
<a title="Formation Artisanat"
href="/formations/domaine_artisanat.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Artisanat"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-artisanat"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Artisanat</p>
</div>
</a>
<a title="Formation Bien-être"
href="/formations/domaine_bien-etre.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Bien-être"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-bien-etre"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Bien-être</p>
</div>
</a>
<a title="Formation Juridique"
href="/formations/domaine_juridique.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Juridique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-juridique"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Juridique</p>
</div>
</a>
<a title="Formation Automobile"
href="/formations/domaine_automobile.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Automobile"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-automobile"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Automobile</p>
</div>
</a>
<a title="Formation Ressources-humaines"
href="/formations/domaine_ressources-humaines.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Ressources-humaines"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-ressources-humaines"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Ressources-humaines</p>
</div>
</a>
<a title="Formation Achat-vente"
href="/formations/domaine_achat-vente.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Achat-vente"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-achat-vente"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Achat-vente</p>
</div>
</a>
<a title="Formation Animation"
href="/formations/domaine_animation.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Animation"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-animation"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Animation</p>
</div>
</a>
<a title="Formation Communication"
href="/formations/domaine_communication.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Communication"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-communication"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Communication</p>
</div>
</a>
<a title="Formation Sport"
href="/formations/domaine_sport.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Sport"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-sport"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Sport</p>
</div>
</a>
<a title="Formation Architecture"
href="/formations/domaine_architecture.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Architecture"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-architecture"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Architecture</p>
</div>
</a>
<a title="Formation Marketing"
href="/formations/domaine_marketing.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Marketing"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-marketing"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Marketing</p>
</div>
</a>
<a title="Formation Social"
href="/formations/domaine_social.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Social"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-social"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Social</p>
</div>
</a>
<a title="Formation Hôtellerie"
href="/formations/domaine_hotellerie.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Hôtellerie"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-hotellerie"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Hôtellerie</p>
</div>
</a>
<a title="Formation Immobilier"
href="/formations/domaine_immobilier.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Immobilier"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-immobilier"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Immobilier</p>
</div>
</a>
<a title="Formation Petite-enfance"
href="/formations/domaine_petite-enfance.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Petite-enfance"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-petite-enfance"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Petite-enfance</p>
</div>
</a>
<a title="Formation Agroalimentaire"
href="/formations/domaine_agroalimentaire.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Agroalimentaire"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-agroalimentaire"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Agroalimentaire</p>
</div>
</a>
<a title="Formation Finance"
href="/formations/domaine_finance.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Finance"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-finance"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Finance</p>
</div>
</a>
<a title="Formation Banque-assurance"
href="/formations/domaine_banque-assurance.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Banque-assurance"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-banque-assurance"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Banque-assurance</p>
</div>
</a>
<a title="Formation Animaux"
href="/formations/domaine_animaux.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Animaux"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-animaux"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Animaux</p>
</div>
</a>
<a title="Formation Tourisme"
href="/formations/domaine_tourisme.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Tourisme"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-tourisme"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Tourisme</p>
</div>
</a>
<a title="Formation Fonction-publique"
href="/formations/domaine_fonction-publique.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Fonction-publique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-fonction-publique"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Fonction-publique</p>
</div>
</a>
<a title="Formation Qualité"
href="/formations/domaine_qualite.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Qualité"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-qualite"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Qualité</p>
</div>
</a>
<a title="Formation Audit"
href="/formations/domaine_audit.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Audit"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-audit"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Audit</p>
</div>
</a>
<a title="Formation Edition"
href="/formations/domaine_edition.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Edition"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-edition"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Edition</p>
</div>
</a>
<a title="Formation Nettoyage"
href="/formations/domaine_nettoyage.html"
class="flex items-center gap-4 relative p-1 bg-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Nettoyage"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-grey-light rounded-full">
<svg class="w-6 h-6 fill-primary">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-nettoyage"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-font-base mb-0!">Nettoyage</p>
</div>
</a>
</div>
<button type="button"
data-reveal-list-target="toggleButton"
data-action="reveal-list#onToggle"
data-reveal-list-display-mode-param="inline-flex"
class="group inline-flex items-center justify-center self-start gap-4 bg-transparent font-semibold text-primary p-1 cursor-pointer transition-colors duration-300 select-none hover:text-primary-700 focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden focus:text-primary-700 disabled:text-grey-800 disabled:cursor-not-allowed">
<svg class="w-3 h-3 fill-primary group-hover:fill-primary-700 group-disabled:fill-grey-800">
<use data-reveal-list-target="toggleIcon"
href="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-right"></use>
</svg>
Afficher tous les domaines
</button>
</div>
</section>
</div>
<hr class="section-divider" />
<div data-cy="front-page-articles-wrapper"
class="mf-container">
<section class="content-block w-full">
<div class="content-block__inner">
<div class="content-block__header">
<h2 class="text-md md:text-xl font-bold">
Toute l'actualité de la formation
</h2>
</div>
<div class="content-block__content">
<h2 class="text-base md:text-md font-bold">À la une</h2>
<div class="card-list card-list--cols card-list--3-cols-sm">
<div class="card-list__inner">
<a href="/actualites/metiers-recrutent-reconversion-2025-155034"
title="30 métiers qui recrutent pour une reconversion en 2025"
class="article-preview" data-cy="article-preview" >
<article itemscope=""
itemtype="https://schema.org/Article">
<div class="article-preview__media">
<img loading="lazy"
alt=""
src="https://f.maformation.fr/edito/sites/3/2024/10/2025-672x372.jpeg"/>
</div>
<div class="article-preview__content space-y-4 text-font-body">
<h3 itemprop="headline" class="text-sm md:text-base font-semibold">30 métiers qui recrutent pour une reconversion en 2025</h3>
</div>
</article>
</a>
<a href="/actualites/idees-recues-metiers-securite-177956"
title="Sécurité privée : 5 idées reçues qui ont la vie dure"
class="article-preview" data-cy="article-preview" >
<article itemscope=""
itemtype="https://schema.org/Article">
<div class="article-preview__media">
<img loading="lazy"
alt=""
src="https://f.maformation.fr/edito/sites/3/2025/08/garde-rapproche-672x372.jpeg"/>
</div>
<div class="article-preview__content space-y-4 text-font-body">
<h3 itemprop="headline" class="text-sm md:text-base font-semibold">Sécurité privée : 5 idées reçues qui ont la vie dure</h3>
</div>
</article>
</a>
<a href="/actualites/reconversion-barman-179024"
title="Comment se reconvertir vers le métier de barman"
class="article-preview" data-cy="article-preview" >
<article itemscope=""
itemtype="https://schema.org/Article">
<div class="article-preview__media">
<img loading="lazy"
alt=""
src="https://f.maformation.fr/edito/sites/3/2025/08/bar-672x372.jpeg"/>
</div>
<div class="article-preview__content space-y-4 text-font-body">
<h3 itemprop="headline" class="text-sm md:text-base font-semibold">Comment se reconvertir vers le métier de barman</h3>
</div>
</article>
</a>
</div>
</div>
<div data-controller="item-list" class="item-list item-list--flex-col item-list--gutter-xs">
<div class="item-list__inner">
<div class="item-list__item">
<div data-l="/npghnyvgrf/erpbairefvba-fbhqrhe-178737"
onclick="seo_RdLn(event, this)"
title="Comment se reconvertir vers le métier de soudeur"
rel="follow"
data-cy="front-page-article-link"
class="hyperlink-text">
<div class="hyperlink-text__content">
<div class="hyperlink-text__icon">
<div class="hyperlink-text__icon__inner">
<svg>
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-right"></use>
</svg>
</div>
</div>
<div class="hyperlink-text__title">
Comment se reconvertir vers le métier de soudeur
</div>
</div>
</div>
</div>
<div class="item-list__item">
<div data-l="/npghnyvgrf/vzzbovyvre-cbhedhbv-fr-sbezre-yvn-178674"
onclick="seo_RdLn(event, this)"
title="Immobilier : 5 bonnes raisons de se former à l’IA"
rel="follow"
data-cy="front-page-article-link"
class="hyperlink-text">
<div class="hyperlink-text__content">
<div class="hyperlink-text__icon">
<div class="hyperlink-text__icon__inner">
<svg>
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-right"></use>
</svg>
</div>
</div>
<div class="hyperlink-text__title">
Immobilier : 5 bonnes raisons de se former à l’IA
</div>
</div>
</div>
</div>
<div class="item-list__item">
<div data-l="/npghnyvgrf/pbzzrag-cnffre-pnc-syrhevfgr-nqhygr-178617"
onclick="seo_RdLn(event, this)"
title="Comment passer le CAP Fleuriste quand on est adulte"
rel="follow"
data-cy="front-page-article-link"
class="hyperlink-text">
<div class="hyperlink-text__content">
<div class="hyperlink-text__icon">
<div class="hyperlink-text__icon__inner">
<svg>
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-right"></use>
</svg>
</div>
</div>
<div class="hyperlink-text__title">
Comment passer le CAP Fleuriste quand on est adulte
</div>
</div>
</div>
</div>
</div>
</div>
<div data-controller="item-list" class="item-list item-list--gutter-xs">
<div class="item-list__inner">
<div class="item-list__item">
<a data-cy="front-page-btn-more-articles"
href="/actualites"
class="bg-primary border-solid border-2 border-primary text-sm font-semibold text-white py-2 px-3.5 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:no-underline hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:text-light focus:no-underline disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">Voir
tous les articles</a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<section data-cy="front-page-pro-training"
class="banner-fluid banner-fluid--background-img">
<div class="mf-container flex flex-col gap-6 md:flex-row">
<div class="content-block content-block--flex-column content-block--light-content w-full md:w-1/2">
<div class="content-block__inner">
<div class="content-block__header">
<h2 class="text-md md:text-xl font-bold content-block__title--color-secondary">
La formation professionnelle
</h2>
</div>
<div class="content-block__content">
<p class="text-base text-white">
La formation professionnelle permet aux adultes de se former à un métier et de
développer de
nouvelles compétences tout au long de leur carrière. Quel que soit votre âge, votre
niveau d'études
ou votre situation, vous pouvez accéder à la formation continue pour atteindre vos
objectifs.<br /><br />
Selon la FFP (Fédération de la Formation Professionnelle), plus de 17 millions de
Français suivent
chaque année des formations certifiantes ou diplômantes pour concrétiser un projet
professionnel. Il
peut s'agir pour eux d'évoluer dans leur poste et obtenir une meilleure rémunération,
concrétiser un
projet de reconversion professionnelle ou encore créer leur entreprise et devenir
auto-entrepreneur.
La formation initiale n'est donc plus l'unique moyen pour favoriser son insertion ou
évolution
professionnelle ! Aujourd'hui, chaque actif (salarié, intérimaire, demandeur d'emploi)
peut utiliser
son Compte Personnel de Formation (CPF) pour financer totalement ou partiellement la
formation
de son choix pourvue qu'elle soit inscrite au RNCP (Répertoire National des
Certifications
Professionnelles).
</p>
<div class="text-center md:text-left">
<a href="/professionnelle"
data-cy="front-page-pro-training-see-more-link"
class="inline-block bg-white border-solid border-2 border-white text-sm font-semibold text-primary py-1 md:py-3 px-4 md:px-7 rounded-full cursor-pointer transition-colors duration-300 select-none hover:no-underline hover:text-black focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:text-primary focus:no-underline disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Voir toutes les formations professionnelles
</a>
</div>
</div>
</div>
</div>
<div class="content-block content-block--no-padding-top-sm content-block--flex-column content-block--justify-center content-block--h100 w-full md:w-1/2">
<div class="content-block__inner">
<div class="content-block__header">
<h2 class="text-md md:text-xl font-bold content-block__title--color-white">
Je veux me former
</h2>
</div>
<div class="content-block__content">
<div data-controller="reveal-list"
data-reveal-list-limit-value="10"
data-reveal-list-toggle-icon-source-value="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-bottom"
class="flex flex-col gap-4">
<div class="flex flex-wrap gap-5">
<a title="Formation Gestion d entreprise"
href="/formations/metier_gestion-d-entreprise.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Gestion d entreprise"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-gestion"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Gestion d entreprise</p>
</div>
</a>
<a title="Formation Electricien"
href="/formations/metier_electricien.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Electricien"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-btp"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Electricien</p>
</div>
</a>
<a title="Formation Chef d entreprise"
href="/formations/metier_chef-d-entreprise.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Chef d entreprise"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-administrative"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Chef d entreprise</p>
</div>
</a>
<a title="Formation Estheticienne"
href="/formations/metier_estheticien.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Estheticienne"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Estheticienne</p>
</div>
</a>
<a title="Formation Caces"
href="/formations/metier_caces.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Caces"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-logistique"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Caces</p>
</div>
</a>
<a title="Formation Dermopigmentation"
href="/formations/metier_dermopigmentation.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Dermopigmentation"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-sante"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Dermopigmentation</p>
</div>
</a>
<a title="Formation Esthetique"
href="/formations/metier_esthetique.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Esthetique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Esthetique</p>
</div>
</a>
<a title="Formation Cosmetique"
href="/formations/metier_cosmetique.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Cosmetique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Cosmetique</p>
</div>
</a>
<a title="Formation Microneedling"
href="/formations/metier_microneedling.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Microneedling"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Microneedling</p>
</div>
</a>
<a title="Formation Blanchiment dentaire"
href="/formations/metier_blanchiment-dentaire.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Blanchiment dentaire"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Blanchiment dentaire</p>
</div>
</a>
<a title="Formation Epilation"
href="/formations/metier_epilation.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Epilation"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Epilation</p>
</div>
</a>
<a title="Formation Extension de cils"
href="/formations/metier_extension-de-cils.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Extension de cils"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Extension de cils</p>
</div>
</a>
<a title="Formation Hyaluron pen"
href="/formations/metier_hyaluron-pen.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Hyaluron pen"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Hyaluron pen</p>
</div>
</a>
<a title="Formation Rehaussement de cils"
href="/formations/metier_rehaussement-de-cils.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Rehaussement de cils"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Rehaussement de cils</p>
</div>
</a>
<a title="Formation Socio-esthetique"
href="/formations/metier_socioesthetique.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Socio-esthetique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Socio-esthetique</p>
</div>
</a>
<a title="Formation Soin du visage"
href="/formations/metier_soin-du-visage.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Soin du visage"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Soin du visage</p>
</div>
</a>
<a title="Formation Gestionnaire comptable"
href="/formations/metier_gestionnaire-comptable.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Gestionnaire comptable"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-comptabilite"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Gestionnaire comptable</p>
</div>
</a>
<a title="Formation Habilitation electrique"
href="/formations/metier_habilitation-electrique.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Habilitation electrique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-electronique"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Habilitation electrique</p>
</div>
</a>
<a title="Formation Technicien informatique"
href="/formations/metier_technicien-informatique.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Technicien informatique"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-informatique"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Technicien informatique</p>
</div>
</a>
<a title="Formation Commerciale"
href="/formations/metier_commercial.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Commerciale"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-commerce"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Commerciale</p>
</div>
</a>
<a title="Formation Reiki"
href="/formations/metier_reiki.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Reiki"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-sante"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Reiki</p>
</div>
</a>
<a title="Formation Shiatsu"
href="/formations/metier_shiatsu.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Shiatsu"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-sante"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Shiatsu</p>
</div>
</a>
<a title="Formation Pack office"
href="/formations/metier_pack-office.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Pack office"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-bureautique"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Pack office</p>
</div>
</a>
<a title="Formation Coiffeur"
href="/formations/metier_coiffeur.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Coiffeur"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Coiffeur</p>
</div>
</a>
<a title="Formation Coiffure homme"
href="/formations/metier_coiffure-homme.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Coiffure homme"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Coiffure homme</p>
</div>
</a>
<a title="Formation Vendeur"
href="/formations/metier_vendeur.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Vendeur"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-achat-vente"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Vendeur</p>
</div>
</a>
<a title="Formation Coiffure"
href="/formations/metier_coiffure.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Coiffure"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-beaute"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Coiffure</p>
</div>
</a>
<a title="Formation Agent de securite incendie (ssiap)"
href="/formations/metier_agent-de-securite-incendie.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Agent de securite incendie (ssiap)"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-securite"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Agent de securite incendie (ssiap)</p>
</div>
</a>
<a title="Formation Responsable de magasin"
href="/formations/metier_responsable-de-magasin.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Responsable de magasin"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-commerce"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Responsable de magasin</p>
</div>
</a>
<a title="Formation Devops"
href="/formations/metier_devops.html"
class="flex items-center gap-4 relative p-1 bg-primary-light rounded-full cursor-pointer transition-shadow shadow-base hover:no-underline! hover:shadow-base-hover"
data-action="click->datalayer-event-handler#dispatchClickEvent"
data-event-data="Devops"
data-reveal-list-target="item">
<div class="relative flex items-center justify-center p-2 bg-primary rounded-full">
<svg class="w-6 h-6 fill-white">
<use href="/static/dist/5675ef58/sprite-seo-domains.svg#sprite-icon-seo-domain-web"></use>
</svg>
</div>
<div class="flex items-center w-full pr-4">
<p class="text-light mb-0!">Devops</p>
</div>
</a>
</div>
<button type="button"
data-reveal-list-target="toggleButton"
data-action="reveal-list#onToggle"
data-reveal-list-display-mode-param="inline-flex"
class="group inline-flex items-center justify-center self-start gap-4 bg-transparent font-semibold text-secondary p-1 cursor-pointer transition-colors duration-300 select-none hover:text-secondary-600 focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:outline-hidden disabled:text-grey-800 disabled:cursor-not-allowed">
<svg class="w-3 h-3 fill-secondary group-hover:fill-secondary-600 group-disabled:fill-grey-800">
<use data-reveal-list-target="toggleIcon"
href="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-right"></use>
</svg>
En voir plus
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<div data-cy="front-page-right-articles-wrapper"
class="mf-container flex flex-col gap-6 md:flex-row">
<section class="hidden md:block md:w-1/2">
<div class="content-block content-block--flex-column content-block--justify-end content-block--h100">
<div class="content-block__inner">
<div class="content-block__content">
<img src="/static/dist/5675ef58/images/svg/articles-rights-illustration.svg"
loading="lazy"
alt="" />
</div>
</div>
</div>
</section>
<section class="content-block full md:w-1/2">
<div class="content-block__inner">
<div class="content-block__header">
<h2 class="text-md md:text-xl font-bold">
Droits et démarches
</h2>
</div>
<div class="content-block__content">
<div>
<div class="content-block content-block--left-line-margin-offset content-block--no-padding-top">
<div class="content-block__inner">
<div class="content-block__header">
<h3 class="content-block__title--left-line text-base md:text-md font-bold relative">Formation aux métiers du numérique : comment bénéficier d'un financement supplémentaire de 1000€</h3>
</div>
<div class="content-block__content">
<p class="text-base text-font-body">Toute personne éligible au CPF peut maintenant obtenir un financement complémentaire pour suivre une formation dans le domaine du numérique. On vous dit tout de la marche à suivre pour profiter facilement d'un abondement de 1000€ de l'Etat.</p>
<div>
<a href="/droits/formation-numerique-financement-supplementaire-1000e-53054"
title="Lire la suite"
rel="follow"
data-cy="front-page-right-article-link"
class="bg-white border-solid border-2 border-primary text-base font-semibold text-primary py-1 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:border-primary-700 hover:text-white hover:bg-primary-700 hover:no-underline focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:text-primary focus:no-underline disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Lire la suite
</a>
</div>
</div>
</div>
</div>
<div class="content-block content-block--left-line-margin-offset content-block--no-padding-top">
<div class="content-block__inner">
<div class="content-block__header">
<h3 class="content-block__title--left-line text-base md:text-md font-bold relative">CPF : vrai ou faux, testez vos connaissances</h3>
</div>
<div class="content-block__content">
<p class="text-base text-font-body">Êtes-vous incollable sur le Compte Personnel de Formation ? Faites le test en répondant à notre quiz vrai ou faux et découvrez votre score !</p>
<div>
<a href="/droits/cpf-vrai-ou-faux-test-178834"
title="Lire la suite"
rel="follow"
data-cy="front-page-right-article-link"
class="bg-white border-solid border-2 border-primary text-base font-semibold text-primary py-1 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:border-primary-700 hover:text-white hover:bg-primary-700 hover:no-underline focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:text-primary focus:no-underline disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Lire la suite
</a>
</div>
</div>
</div>
</div>
<div data-controller="item-list" class="item-list item-list--flex-col item-list--gutter-xs">
<div class="item-list__inner">
<div class="item-list__item">
<a href="/droits/cpf-chiffres-cles-178452"
title="Les chiffres clés du CPF : coût moyen, durée et formations les plus demandées"
rel="follow"
data-cy="front-page-right-article-link"
class="hyperlink-text">
<div class="hyperlink-text__content">
<div class="hyperlink-text__icon">
<div class="hyperlink-text__icon__inner">
<svg>
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-right"></use>
</svg>
</div>
</div>
<div class="hyperlink-text__title">
Les chiffres clés du CPF : coût moyen, durée et formations les plus demandées
</div>
</div>
</a>
</div>
<div class="item-list__item">
<div data-l="/qebvgf/pbzzrag-fnibve-pbzcgr-pcs-177809"
onclick="seo_RdLn(event, this)"
title="Compte CPF : comment savoir si vous en avez un (et comment y accéder)"
rel="follow"
data-cy="front-page-right-article-link"
class="hyperlink-text">
<div class="hyperlink-text__content">
<div class="hyperlink-text__icon">
<div class="hyperlink-text__icon__inner">
<svg>
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-right"></use>
</svg>
</div>
</div>
<div class="hyperlink-text__title">
Compte CPF : comment savoir si vous en avez un (et comment y accéder)
</div>
</div>
</div>
</div>
<div class="item-list__item">
<div data-l="/qebvgf/inr-ryvtvoyr-nh-pcs-nbhg-2025-177521"
onclick="seo_RdLn(event, this)"
title="VAE : l'intégralité du parcours est éligible au CPF depuis le 1er août 2025"
rel="follow"
data-cy="front-page-right-article-link"
class="hyperlink-text">
<div class="hyperlink-text__content">
<div class="hyperlink-text__icon">
<div class="hyperlink-text__icon__inner">
<svg>
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-right"></use>
</svg>
</div>
</div>
<div class="hyperlink-text__title">
VAE : l'intégralité du parcours est éligible au CPF depuis le 1er août 2025
</div>
</div>
</div>
</div>
<div class="item-list__item">
<div data-l="/qebvgf/crhg-ba-svanapre-yr-crezvf-erzbedhr-nirp-yr-pcs-174963"
onclick="seo_RdLn(event, this)"
title="Peut-on financer le permis remorque avec le CPF ?"
rel="follow"
data-cy="front-page-right-article-link"
class="hyperlink-text">
<div class="hyperlink-text__content">
<div class="hyperlink-text__icon">
<div class="hyperlink-text__icon__inner">
<svg>
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-chevron-right"></use>
</svg>
</div>
</div>
<div class="hyperlink-text__title">
Peut-on financer le permis remorque avec le CPF ?
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<a href="/droits"
data-cy="front-page-btn-more-right-articles"
class="bg-primary border-solid border-2 border-primary text-base font-semibold text-white py-1 px-4 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:no-underline hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:text-light focus:no-underline disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Voir tous les articles
</a>
</div>
</div>
</div>
</section>
</div>
<hr class="section-divider" />
<section class="mf-container flex flex-col gap-6 md:flex-row">
<div class="w-full md:max-w-[900px]">
<div class="content-block content-block--no-padding-top content-block--no-padding-bottom content-block--margin-top content-block--margin-bottom content-block--padding-right-md">
<div class="content-block__inner">
<div class="content-block__content">
<section
data-cy="seo-blocks"
class="content-block content-block--no-padding-top content-block--no-padding-bottom">
<div class="content-block__inner">
<div class="content-block__header">
<h2 class="content-block__title content-block__title--h1 content-block__title--no-border text-body md:text-md font-bold"> <span class="text-xl">Les formations par ville</span>
</h2> </div>
<div class="content-block__content">
<div class="grid px-4 lg:px-0 grid-cols-1 lg:grid-cols-4 gap-4">
<a class="relative block rounded-3xl group focus:outline-solid focus:outline-secondary focus:outline-3 focus:outline-offset-0" href="/formations/ville_paris-75000.html" title="Formation Paris">
<img class="brightness-75 rounded-3xl object-cover w-full max-h-[180px] h-44 group-hover:scale-110 transition duration-500" src="https://f.maformation.fr/mf-static-images/seo/xs/villes/paris-75000.jpg" alt="Formation Paris"/>
<div class="absolute inset-0 rounded-3xl bg-gradient-image-link group-hover:scale-110 transition duration-500"></div>
<h3 class="text-white font-bold absolute bottom-4 left-6 group-hover:scale-90 transition duration-500">Paris</h3>
</a>
<a class="relative block rounded-3xl group focus:outline-solid focus:outline-secondary focus:outline-3 focus:outline-offset-0" href="/formations/ville_toulouse-31000.html" title="Formation Toulouse">
<img class="brightness-75 rounded-3xl object-cover w-full max-h-[180px] h-44 group-hover:scale-110 transition duration-500" src="https://f.maformation.fr/mf-static-images/seo/xs/villes/toulouse-31000.jpg" alt="Formation Toulouse"/>
<div class="absolute inset-0 rounded-3xl bg-gradient-image-link group-hover:scale-110 transition duration-500"></div>
<h3 class="text-white font-bold absolute bottom-4 left-6 group-hover:scale-90 transition duration-500">Toulouse</h3>
</a>
<a class="relative block rounded-3xl group focus:outline-solid focus:outline-secondary focus:outline-3 focus:outline-offset-0" href="/formations/ville_nantes-44000.html" title="Formation Nantes">
<img class="brightness-75 rounded-3xl object-cover w-full max-h-[180px] h-44 group-hover:scale-110 transition duration-500" src="https://f.maformation.fr/mf-static-images/seo/xs/villes/nantes-44000.jpg" alt="Formation Nantes"/>
<div class="absolute inset-0 rounded-3xl bg-gradient-image-link group-hover:scale-110 transition duration-500"></div>
<h3 class="text-white font-bold absolute bottom-4 left-6 group-hover:scale-90 transition duration-500">Nantes</h3>
</a>
<a class="relative block rounded-3xl group focus:outline-solid focus:outline-secondary focus:outline-3 focus:outline-offset-0" href="/formations/ville_lyon-69000.html" title="Formation Lyon">
<img class="brightness-75 rounded-3xl object-cover w-full max-h-[180px] h-44 group-hover:scale-110 transition duration-500" src="https://f.maformation.fr/mf-static-images/seo/xs/villes/lyon-69000.jpg" alt="Formation Lyon"/>
<div class="absolute inset-0 rounded-3xl bg-gradient-image-link group-hover:scale-110 transition duration-500"></div>
<h3 class="text-white font-bold absolute bottom-4 left-6 group-hover:scale-90 transition duration-500">Lyon</h3>
</a>
</div>
<div class="flex flex-wrap gap-2">
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_marseille-13000.html" title="Formation Marseille">
Marseille
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_lille-59000.html" title="Formation Lille">
Lille
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_montpellier-34000.html" title="Formation Montpellier">
Montpellier
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_strasbourg-67000.html" title="Formation Strasbourg">
Strasbourg
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_bordeaux-33000.html" title="Formation Bordeaux">
Bordeaux
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_rennes-35000.html" title="Formation Rennes">
Rennes
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_angers-49000.html" title="Formation Angers">
Angers
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_dijon-21000.html" title="Formation Dijon">
Dijon
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_le-mans-72000.html" title="Formation Le Mans">
Le Mans
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_la-roche-sur-yon-85000.html" title="Formation La Roche-sur-Yon">
La Roche-sur-Yon
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_besancon-25000.html" title="Formation Besançon">
Besançon
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_nice-06000.html" title="Formation Nice">
Nice
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_nancy-54000.html" title="Formation Nancy">
Nancy
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_clermont-ferrand-63000.html" title="Formation Clermont-Ferrand">
Clermont-Ferrand
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_reims-51100.html" title="Formation Reims">
Reims
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_saint-herblain-44800.html" title="Formation Saint-Herblain">
Saint-Herblain
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_nimes-30000.html" title="Formation Nîmes">
Nîmes
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_aix-en-provence-13100.html" title="Formation Aix-en-Provence">
Aix-en-Provence
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_amiens-80000.html" title="Formation Amiens">
Amiens
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_caen-14000.html" title="Formation Caen">
Caen
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_saint-etienne-42000.html" title="Formation Saint-Étienne">
Saint-Étienne
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_limoges-87000.html" title="Formation Limoges">
Limoges
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_cholet-49300.html" title="Formation Cholet">
Cholet
</a>
<a class="rounded-md border-primary border border-solid py-1 px-2 text-center text-sm hover:bg-primary text-primary hover:text-white font-semibold no-underline! focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2" href="/formations/ville_grenoble-38000.html" title="Formation Grenoble">
Grenoble
</a>
</div>
</div>
<!-- TODO: Ajouter un template pour l'affichage list -->
<div class="content-block__footer">
<a href="/formations/index-villes.html"
title="Voir toutes les villes"
class="bg-primary border-solid border-2 border-primary text-sm font-semibold text-white py-3 px-7 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:no-underline hover:text-white focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:text-light focus:no-underline" data-cy="front-page-see-more-cities-seo-link" >
Voir toutes les villes
</a>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
<div class="w-full">
<div class="content-block">
<div class="content-block__inner content-block__separator content-block__separator--direction-x content-block__separator--position-top content-block__separator--hide-lg">
<div class="content-block__header">
<h2 class="text-md md:text-xl font-bold content-block__title--color-primary">
Les formations diplômantes
</h2>
</div>
<div class="content-block__content">
<p class="text-base text-font-body">En France, on recense un large choix de diplômes qui
vous permettront de vous former à un
métier et développer des compétences dans le secteur d'activité qui vous attire. Le
diplôme reste une valeur sûre pour pouvoir faciliter votre insertion dans le monde du
travail.
</p>
<a href="/diplomante"
data-cy="front-page-degree-training-seo-link"
class="bg-primary border-solid border-2 border-primary text-sm font-semibold text-white py-3 px-7 rounded-full cursor-pointer transition-colors duration-300 select-none hover:bg-primary-700 hover:border-primary-700 hover:no-underline hover:text-white focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:text-light focus:no-underline disabled:bg-grey-200 disabled:border-grey-200 disabled:text-grey-800 disabled:cursor-not-allowed">
Toutes les formations diplômantes
</a>
</div>
</div>
</div>
</div>
</section>
<hr class="section-divider" />
<section data-cy="front-page-they-trust-us"
class="mf-container">
<div class="content-block">
<div class="content-block__inner">
<div class="content-block__header">
<h2 class="text-sm md:text-xl font-bold pb-1.5">
Ils nous font confiance
</h2>
</div>
<div class="content-block__content">
<div class="card-list card-list--cols">
<div class="card-list__inner">
<div class="card-brand" data-cy="card-brand" >
<div data-l="/pragerf/znedhr_prager-rhebcrra-qr-sbezngvba.ugzy" onclick="seo_RdLn(event, this)" class="card-brand__inner">
<div class="card-brand__logo">
<img src="https://f.maformation.fr/mf/img/centres/09292015_174651-34792015.gif"
alt="centre de formation Centre Européen de Formation"
class="brand-logo" />
</div>
<h3 class="text-base md:text-body font-semibold" data-cy="card-brand-title">
Centre Européen de Formation
</h3>
<div class="text-sm text-grey"> </div>
</div>
</div>
<div class="card-brand" data-cy="card-brand" >
<div data-l="/pragerf/znedhr_rqhpngry.ugzy" onclick="seo_RdLn(event, this)" class="card-brand__inner">
<div class="card-brand__logo">
<img src="https://f.maformation.fr/mf/img/centres/02152021_1056371718289265.jpg"
alt="centre de formation Educatel"
class="brand-logo" />
</div>
<h3 class="text-base md:text-body font-semibold" data-cy="card-brand-title">
Educatel
</h3>
<div class="text-sm text-grey"> </div>
</div>
</div>
<div data-cy="front-page-they-trust-us-see-more-brands-link"
class="hyperlink-card hyperlink-card--bg-primary hyperlink-card--flex-column-md hyperlink-card--text-center-md">
<a href="/centres"
class="hyperlink-card__inner">
<div class="hyperlink-card__icon hyperlink-card__icon--big">
<svg aria-hidden="true">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-training-center"></use>
</svg>
</div>
<div class="hyperlink-card__content">
<h3 class="text-sm md:text-base font-semibold">
Voir tous les centres de formation
</h3>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</article>
</main>
<footer id="footer"
class="footer">
<div class="footer__section">
<div class="mf-container flex flex-col gap-4 md:flex-row">
<div class="w-full md:w-1/2">
<div class="footer__content">
<h3 class="text-sm md:text-base font-semibold">MaFormation</h3>
<div class="footer__links">
<!-- #region Footer links-->
<ul class="specific-ul">
<li>
<a href="https://www.hellowork-group.com/fr/particuliers-ecole-formation/"
title="Qui sommes-nous ?"
target="_blank" class="footer__link" data-cy="footer-link-hellowork" >Qui sommes-nous ?</a>
</li>
<li>
<a href="https://carrieres.hellowork-group.com/"
title="On recrute"
target="_blank" class="footer__link" data-cy="footer-link-hellowork-recruit" >On recrute</a>
</li>
<li>
<a href="/contact"
title="Aide et contact"
class="footer__link" data-cy="footer-link-contact" >Aide et contact</a>
</li>
<li>
<a href="/cgu.html"
title="CGU"
class="footer__link" data-cy="footer-link-cgu" >CGU</a>
</li>
<li>
<a href="https://www.hellowork-group.com/fr/legal/pdc-maformation/"
title="Politique de confidentialité"
target="_blank" class="footer__link" data-cy="footer-link-privacy-policy" >Politique de confidentialité</a>
</li>
<li>
<a href="https://www.hellowork-group.com/fr/legal/declaration-accessibilite-maformation/"
title="Accessibilité : Partiellement conforme"
target="_blank" class="footer__link" data-cy="footer-link-accessibility" >Accessibilité : Partiellement conforme</a>
</li>
<li>
<a href="/fonctionnement-de-la-plateforme.html"
title="Fonctionnement de la plateforme"
class="footer__link" data-cy="footer-link-fonctionnement-plateforme" >Fonctionnement de la plateforme</a>
</li>
<li>
<span class="footer__link"
data-hw-cc-btn-toggle-modal
data-cy="footer-link-cookies-management">Gérer mes cookies
</span>
</li>
</ul>
<ul class="specific-ul">
<li>
<a href="/formations/index-localites.html"
title="Plan du site par régions et départements"
class="footer__link" data-cy="footer-link-sitemap-locality" >Plan du site par régions et départements</a>
</li>
<li>
<a href="/formations/index-villes.html"
title="Plan du site par villes"
class="footer__link" data-cy="footer-link-sitemap-cities" >Plan du site par villes</a>
</li>
<li>
<a href="/formations/index-metiers.html"
title="Plan du site par métiers"
class="footer__link" data-cy="footer-link-sitemap-metiers" >Plan du site par métiers</a>
</li>
<li>
<a href="/formations/index-categories.html"
title="Plan du site par catégories"
class="footer__link" data-cy="footer-link-sitemap-job" >Plan du site par catégories</a>
</li>
<li>
<a href="/diplomes/index-diplome.html"
title="Plan du site par diplôme"
class="footer__link" data-cy="footer-link-sitemap-diploma" >Plan du site par diplôme</a>
</li>
<li>
<a href="/centres/index-centres.html"
title="Plan du site par centre"
class="footer__link" data-cy="footer-link-sitemap-brand" >Plan du site par centre</a>
</li>
</ul>
<ul class="specific-ul">
<li>
<a href="https://www.hellowork.com/fr-fr/metier.html"
title="Observatoire des métiers"
target="_blank" class="footer__link" data-cy="footer-link-jobs-observatory" >Observatoire des métiers</a>
</li>
<li>
<a href="https://www.hellowork.com/fr-fr/competence.html"
title="Observatoire des compétences"
target="_blank" class="footer__link" data-cy="footer-link-skills-observatory" >Observatoire des compétences</a>
</li>
<li>
<a href="https://www.helloworkplace.fr/"
title="HelloWorkplace"
target="_blank" class="footer__link" data-cy="footer-link-helloworkplace" >HelloWorkplace</a>
</li>
</ul>
<!-- #endregion -->
</div>
<h3 class="text-sm md:text-base font-semibold">Retrouvez-nous sur les réseaux sociaux</h3>
<div data-controller="item-list" class="item-list">
<div class="item-list__inner">
<div class="item-list__item">
<a href="https://www.facebook.com/maformation.fr"
target="_blank" class="font-semibold rounded-full p-2 h-11 w-11 text-center inline-flex items-center text-blue-700 border-solid border border-transparent shadow-carte transition-shadow hover:shadow-[0_3px_20px_0_rgba(0,0,0,0.202)]" data-cy="footer-link-facebook" >
<svg aria-label="lien vers facebook maformation">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-facebook"></use>
</svg>
</a>
</div>
<div class="item-list__item">
<a href="https://twitter.com/Ma_Formation"
target="_blank" class="font-semibold rounded-full p-2 h-11 w-11 text-center inline-flex items-center text-blue-700 border-solid border border-transparent shadow-carte transition-shadow hover:shadow-[0_3px_20px_0_rgba(0,0,0,0.202)]" data-cy="footer-link-twitter" >
<svg aria-label="lien vers twitter maformation">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-twitter"></use>
</svg>
</a>
</div>
<div class="item-list__item">
<a href="https://www.linkedin.com/showcase/maformationfr/"
target="_blank" class="font-semibold rounded-full p-2 h-11 w-11 text-center inline-flex items-center text-blue-700 border-solid border border-transparent shadow-carte transition-shadow hover:shadow-[0_3px_20px_0_rgba(0,0,0,0.202)]" data-cy="footer-link-linkedin" >
<svg aria-label="lien vers facebook linkedin">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-linkedin"></use>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="w-full md:w-1/2">
<!-- #region Promote zone -->
<div class="footer__media footer__media--float-left-md"
data-cy="footer-media">
<img src="/static/dist/5675ef58/images/svg/footer-illustration.svg"
alt=""
loading="lazy"/>
</div>
<div class="footer__content">
<h3 class="text-sm md:text-base font-semibold">Vous êtes un centre de formation ?</h3>
<p class="text-sm text-font-body">Nous vous aidons à recruter de nouveaux candidats.</p>
<a href="https://formation.hellowork.com/centre-de-formation"
title="Testez notre offre sans engagement"
target="_blank" class="inline-block bg-white border-solid border-2 border-primary text-sm font-semibold text-primary py-3 px-7 rounded-full cursor-pointer transition-colors duration-300 select-none hover:border-primary-700 hover:text-white hover:bg-primary-700 hover:no-underline focus:outline-solid focus:outline-offset-2 focus:outline-secondary focus:outline-2 focus:text-light focus:bg-primary-700 focus:border-primary-700 focus:no-underline" data-cy="footer-link-training-center" >Testez notre offre sans engagement</a>
</div>
<!-- #endregion-->
</div>
</div>
</div>
<div class="footer-group footer__section footer__section--deep-content">
<div class="mf-container">
<div class="w-full">
<!-- #region Corporate footer -->
<div class="footer-group__content flex flex-col">
<h3 class="text-sm md:text-base font-semibold">Les sites du groupe Télégramme</h3>
<ul class="footer-group__links">
<li><h4 class="text-sm md:text-base font-semibold">Médias & Pro :</h4></li>
<li>
<a href="https://www.blogdumoderateur.com/"
title="BDM"
target="_blank" class="footer-group__link" >BDM</a>
</li>
<li>
<a href="https://www.bretagne-magazine.fr/"
title="Bretagne Magazine"
target="_blank" class="footer-group__link" >Bretagne Magazine</a>
</li>
<li>
<a href="https://www.bretagne-marchespublics.com/"
title="Bretagne Marchés Publics"
target="_blank" class="footer-group__link" >Bretagne Marchés Publics</a>
</li>
<li>
<a href="https://www.letelegramme.fr/tourisme/"
title="Tourisme en Bretagne"
target="_blank" class="footer-group__link" >Tourisme en Bretagne</a>
</li>
<li>
<a href="https://www.digicairn.fr/"
title="Digicairn"
target="_blank" class="footer-group__link" >Digicairn</a>
</li>
<li>
<a href="https://essence-moins-chere.letelegramme.fr/"
title="Essence Moins Chère"
target="_blank" class="footer-group__link" >Essence Moins Chère</a>
</li>
<li>
<a href="https://www.lemensuel.com/rennes"
title="Le Mensuel de Rennes"
target="_blank" class="footer-group__link" >Le Mensuel de Rennes</a>
</li>
<li>
<a href="https://www.letelegramme.fr/"
title="Le Télégramme"
target="_blank" class="footer-group__link" >Le Télégramme</a>
</li>
<li>
<a href="https://www.meretmarine.com/fr"
title="Mer et Marine"
target="_blank" class="footer-group__link" >Mer et Marine</a>
</li>
<li>
<a href="https://randonnee.letelegramme.fr/"
title="Randonnée en Bretagne"
target="_blank" class="footer-group__link" >Randonnée en Bretagne</a>
</li>
<li>
<a href="https://www.regions-annonceslegales.com/"
title="Régions Annonces Légales"
target="_blank" class="footer-group__link" >Régions Annonces Légales</a>
</li>
<li>
<a href="https://www.tebeo.bzh/"
title="Tébéo & Tébésud"
target="_blank" class="footer-group__link" >Tébéo & Tébésud</a>
</li>
<li>
<a href="https://plages.letelegramme.fr/"
title="Tous à la plage !"
target="_blank" class="footer-group__link" >Tous à la plage !</a>
</li>
<li>
<a href="https://www.diverto.tv/ "
title="Diverto"
target="_blank" class="footer-group__link" >Diverto</a>
</li>
</ul>
<ul class="footer-group__links">
<li><h4 class="text-sm md:text-base font-semibold">Sports :</h4></li>
<li>
<a href="https://footamateur.letelegramme.fr/"
title="Foot Amateur Bretagne"
target="_blank" class="footer-group__link" >Foot Amateur Bretagne</a>
</li>
<li>
<a href="https://www.ocsport.com/fr/"
title="OC Sport Pen Duick"
target="_blank" class="footer-group__link" >OC Sport Pen Duick</a>
</li>
<li>
<a href="https://www.lasolitaire.com/"
title="La Solitaire du Figaro"
target="_blank" class="footer-group__link" >La Solitaire du Figaro</a>
</li>
<li>
<a href="https://www.routedurhum.com/fr"
title="Route du Rhum - Destination Guadeloupe"
target="_blank" class="footer-group__link" >Route du Rhum - Destination Guadeloupe</a>
</li>
</ul>
<ul class="footer-group__links">
<li><h4 class="text-sm md:text-base font-semibold">Corporate :</h4></li>
<li>
<a href="https://www.groupe-telegramme.com/"
title="Groupe Télégramme"
target="_blank" class="footer-group__link" >Groupe Télégramme</a>
</li>
<li>
<a href="https://www.hellowork-group.com/fr/"
title="HelloWork Group"
target="_blank" class="footer-group__link" >HelloWork Group</a>
</li>
<li>
<a href="https://www.viamedia-publicite.com/"
title="Viamédia"
target="_blank" class="footer-group__link" >Viamédia</a>
</li>
<li>
<a href="https://www.rivacom.fr/"
title="Rivacom"
target="_blank" class="footer-group__link" >Rivacom</a>
</li>
</ul>
<ul class="footer-group__links">
<li><h4 class="text-sm md:text-base font-semibold">Emploi & Éducation :</h4></li>
<li>
<span data-l="uggcf://jjj.uryybjbex.pbz/se-se/"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="footer-group__link" >HelloWork</span>
</li>
<li>
<a href="https://basile.io/"
title="Basile"
target="_blank" class="footer-group__link" >Basile</a>
</li>
<li>
<a href="https://diplomeo.com/"
title="Diplomeo"
target="_blank" class="footer-group__link" >Diplomeo</a>
</li>
<li>
<a href="https://www.jobijoba.com/fr/"
title="JobiJoba"
target="_blank" class="footer-group__link" >JobiJoba</a>
</li>
<li>
<span data-l="uggcf://jjj.znsbezngvba.se/"
onclick="seo_RdLn(event, this);"
data-t="_oynax" class="footer-group__link" >MaFormation</span>
</li>
<li>
<a href="https://www.seekube.com/"
title="Seekube"
target="_blank" class="footer-group__link" >Seekube</a>
</li>
<li>
<a href="https://smartforum.hellowork.com/"
title="SmartForum"
target="_blank" class="footer-group__link" >SmartForum</a>
</li>
</ul>
</div>
<!-- #endregion -->
</div>
</div>
</div>
</footer>
<div data-controller="email-capturing"
data-action="auto-complete:change->email-capturing#onUpdateEmail"
data-email-capturing-user-contact-information-cookie-key-value="maformation.contact"
id="email-capturing">
<div data-email-capturing-target="modal"
data-email-capturing-visible-value="false"
data-cy="email-capturing-modal"
class="fixed inset-0 z-50 hidden items-center justify-center bg-black/50">
<div class="bg-white rounded-sm shadow-sm w-full max-w-md mx-4">
<div
class="flex items-center justify-between p-4 border-b border-solid border-gray-200">
<div data-email-capturing-target="modalTitle"
class="text-md font-semibold text-gray-900 w-full text-center">
</div>
<button type="button"
data-email-capturing-target="skipModalHeader"
data-action="click->email-capturing#closeModal"
class="text-gray-400 hover:text-gray-600 focus:outline-hidden">
<span class="sr-only">Fermer</span>
<svg class="w-4 h-4 ml-4">
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-close"></use>
</svg>
</button>
</div>
<div class="px-6 pt-4 pb-6">
<div data-email-capturing-target="modalDescription"
class="mb-4 text-gray-700">
</div>
<form data-email-capturing-target="form" data-action="submit->email-capturing#submitForm" novalidate>
<div data-controller="auto-complete"
data-auto-complete-service-url-value="/Contact/GetHtmlMailSuggest"
data-auto-complete-min-length-value="2"
data-auto-complete-query-param-value="term"
class="relative mb-4"
id="auto-complete-outlet"
>
<div class="relative">
<input
type="text"
id="EmailCandidat"
placeholder=" "
data-auto-complete-target="input"
class="peer floating-label-input w-full border border-gray-300 rounded-md shadow-xs focus:ring-primary focus:border-primary sm:text-sm pt-5 pb-2 px-3 placeholder-transparent"
data-email-capturing-target="emailInput"
data-action="blur->email-capturing#onUpdateEmail"
data-cy="email-capturing-email-input"
/>
<svg
data-auto-complete-target="clear"
data-action="click->auto-complete#clear"
aria-label="Effacer la saisie"
class="cursor-pointer fill-black hover:fill-primary absolute h-3.5 w-3.5 right-3 top-1/2 translate-y-[10%]">
<use href="/static/dist/5675ef58/sprite-main.svg#sprite-icon-danger-circle"></use>
</svg>
<label
for="EmailCandidat"
class="absolute left-3 text-base text-gray-400 pointer-events-none transition-all top-1/2 -translate-y-1/2 peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-focus:top-1 peer-focus:text-sm peer-focus:text-primary peer-focus:translate-y-0">
Saisissez votre adresse email
</label>
</div>
<div class="mt-1">
<p data-email-capturing-target="emailError" class="text-error text-sm hidden"></p>
</div>
<div
class="z-50 shadow-sm w-full absolute rounded-sm overflow-auto mt-px bg-white max-h-44">
<turbo-frame id="AutoCompleteResultFrame"
class="hidden"
data-auto-complete-target="dropdown">
</turbo-frame>
</div>
</div>
<div class="mt-5 flex flex-col gap-4 mx-2.5">
<button type="submit"
data-email-capturing-target="btnSubmit"
class="inline-flex items-center justify-center gap-2 bg-primary border-2 border-primary text-white font-semibold py-2 px-5 rounded-full hover:bg-primary-700 hover:border-primary-700">
Je reçois les offres de formation
</button>
<button type="button"
data-email-capturing-target="btnSkip"
data-action="click->email-capturing#closeModal"
class="inline-flex items-center justify-center gap-2 bg-white border-2 border-primary text-primary font-semibold py-2 px-4 rounded-full hover:border-primary-700 hover:text-primary-700">
Continuer vers le site du centre
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript">
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
var sNew = document.createElement("script");
sNew.async = true;
sNew.src = "/static/dist/5675ef58/polyfill.js";
var s0 = document.getElementsByTagName('script')[0];
s0.parentNode.insertBefore(sNew, s0);
}
</script>
<div class="page-scroll-top">
<span>
Haut de page
</span>
<div class="rocket-wrapper">
<div class="rocket rocket--page-scroll-top">
<div class="rocket__body">
<svg>
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-rocket-body"></use>
</svg>
</div>
<div class="rocket__flames">
<svg>
<use xlink:href="/static/dist/5675ef58/sprite-main.svg#sprite-rocket-flames"></use>
</svg>
</div>
</div>
</div>
</div>
<div id="div_sessions"></div>
<div class="transition-mask hidden"></div>
</body>
</html>
