{"id":2371,"date":"2026-09-08T12:48:32","date_gmt":"2026-09-08T12:48:32","guid":{"rendered":"https:\/\/2025.lycee-nelson-mandela.fr\/?page_id=2371"},"modified":"2026-09-08T12:48:38","modified_gmt":"2026-09-08T12:48:38","slug":"apprentissage","status":"publish","type":"page","link":"https:\/\/2025.lycee-nelson-mandela.fr\/?page_id=2371","title":{"rendered":"Apprentissage"},"content":{"rendered":"<div class=\"\" style=\"\" >\n    \n    <section class=\"u-clearfix u-section-2\" id=\"block-2\">\n      <div class=\"u-clearfix u-sheet u-valign-middle-xl u-sheet-1\">\n        <img decoding=\"async\" class=\"u-align-center u-image u-image-default u-image-1\" src=\"https:\/\/2025.lycee-nelson-mandela.fr\/wp-content\/uploads\/2026\/03\/Logo_Marianne-CFA_Fond_Blanc.svg\" alt=\"\" data-image-width=\"300\" data-image-height=\"111\">\n        <p class=\"u-text u-text-default u-text-1\"> Des formations en apprentissage,&nbsp;pr\u00e8s&nbsp;de&nbsp;chez&nbsp;vous<br>\n          <br>Le CFA acad\u00e9mique de Franche-Comt\u00e9 propose des formations en apprentissage dans plusieurs secteurs d\u2019activit\u00e9 :&nbsp;B\u00e2timent, industrie, service &amp; sant\u00e9, tertiaire et m\u00e9tiers&nbsp;d\u2019art.Gr\u00e2ce au CFA acad\u00e9mique de Franche-Comt\u00e9, acc\u00e9dez \u00e0 plus de 142 dipl\u00f4mes de l\u2019\u00c9ducation Nationale du CAP au BAC+3 et formez-vous \u00e0 un m\u00e9tier.Qualifiantes et dipl\u00f4mantes, les formations sont accessibles dans 42 \u00e9tablissements publics francs-comtois.<br>\n          <br>\n        <\/p>\n        <a href=\"https:\/\/cfa-academique-fcomte.fr\/\" class=\"u-align-center u-btn u-btn-round u-button-style u-hover-palette-1-light-1 u-palette-1-base u-radius u-btn-1\" target=\"_blank\">Site officiel du CFA&nbsp;<br>de L'Academie de Besancon<br>\n        <\/a>\n      <\/div>\n    <\/section>\n    <section class=\"u-clearfix u-section-3\" id=\"block-1\">\n      <div class=\"u-clearfix u-sheet u-sheet-1\">\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\">\n          <meta charset=\"UTF-8\">\n          <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n          <title><\/title>\n          <style> :root{\n      --bg:#f4f7fb;\n      --card:#ffffff;\n      --text:#1f2937;\n      --muted:#6b7280;\n      --line:#dbe3ee;\n      --blue:#1e88e5;\n      --blue2:#42a5f5;\n      --orange:#f39c12;\n      --shadow:0 10px 28px rgba(15,23,42,.08);\n      --radius:18px;\n    }\n    *{box-sizing:border-box}\n    body{\n      margin:0;\n      font-family:Arial, Helvetica, sans-serif;\n      color:var(--text);\n      background:linear-gradient(180deg,#eef4fb 0%, #f8fafc 100%);\n    }\n    .wrap{max-width:1100px;margin:auto;padding:28px 18px 60px}\n    .hero{\n      background:linear-gradient(135deg,#ffffff 0%, #f5f9ff 100%);\n      border:1px solid var(--line);\n      border-radius:24px;\n      padding:26px;\n      box-shadow:var(--shadow);\n      display:grid;\n      grid-template-columns:1.3fr .7fr;\n      gap:18px;\n      align-items:center;\n    }\n    .hero h1{margin:0 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.08}\n    .hero p{margin:0;color:var(--muted);font-size:18px;line-height:1.5}\n    .badgeRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}\n    .badge{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:14px}\n    .infoCard{\n      background:linear-gradient(135deg,var(--blue),var(--blue2));\n      color:#fff;border-radius:22px;padding:20px;min-height:180px;\n      display:flex;flex-direction:column;justify-content:space-between;\n    }\n    .infoCard .big{font-size:20px;font-weight:700;line-height:1.3}\n    .controls{display:grid;grid-template-columns:1fr auto;gap:12px;margin:22px 0}\n    .search{\n      width:100%;padding:16px 18px;border-radius:14px;border:1px solid var(--line);\n      background:#fff;font-size:16px;box-shadow:var(--shadow);\n    }\n    .btns{display:flex;gap:10px;flex-wrap:wrap}\n    button{\n      border:none;border-radius:12px;padding:13px 16px;background:#fff;cursor:pointer;\n      border:1px solid var(--line);font-weight:700;color:var(--text);box-shadow:var(--shadow);\n    }\n    button.active{background:var(--blue);color:#fff;border-color:var(--blue)}\n    .topActions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}\n    .faqList{display:grid;gap:14px}\n    .item{\n      background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);\n      overflow:hidden;\n    }\n    .q{\n      width:100%;text-align:left;background:transparent;border:none;box-shadow:none;border-radius:0;\n      padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;\n      font-size:18px;font-weight:700;\n    }\n    .q small{display:block;color:var(--muted);font-size:13px;font-weight:600;margin-top:6px}\n    .arrow{font-size:24px;transition:transform .2s ease;color:var(--blue)}\n    .item.open .arrow{transform:rotate(45deg)}\n    .a{max-height:0;overflow:hidden;transition:max-height .28s ease}\n    .aInner{padding:0 22px 22px;color:#334155;line-height:1.65}\n    .aInner ul{margin:10px 0 0 18px;padding:0}\n    .aInner li{margin:6px 0}\n    .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}\n    .chip{font-size:12px;padding:7px 10px;border-radius:999px;background:#f3f7fc;border:1px solid var(--line);color:#475569}\n    .empty{display:none;text-align:center;padding:30px;background:#fff;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}\n    .footerNote{margin-top:18px;color:var(--muted);font-size:14px}\n    @media (max-width:820px){\n      .hero{grid-template-columns:1fr}\n      .controls{grid-template-columns:1fr}\n    } <\/style>\n          <div class=\"wrap\">\n            <section class=\"hero\">\n              <div>\n                <h1>FAQ interactive<br>Apprentissage en lyc\u00e9e professionnel\n                <\/h1>\n                <p>Une version claire, cliquable et facile \u00e0 consulter pour r\u00e9pondre aux questions les plus fr\u00e9quentes des \u00e9l\u00e8ves et des familles.<\/p>\n                <div class=\"badgeRow\">\n                  <div class=\"badge\">Recherche int\u00e9gr\u00e9e<\/div>\n                  <div class=\"badge\">Filtres par th\u00e8me<\/div>\n                  <div class=\"badge\">Ouverture \/ fermeture rapide<\/div>\n                <\/div>\n              <\/div>\n              <div class=\"infoCard\">\n                <div>&#x1f4d8; Support d'information<\/div>\n                <div class=\"big\">Comprendre le principe, le rythme, le statut, les avantages et les points de vigilance de l\u2019apprentissage.<\/div>\n                <div>Id\u00e9al pour une borne, un ENT, un site web ou un affichage local.<\/div>\n              <\/div>\n            <\/section>\n            <div class=\"controls\">\n              <input id=\"search\" class=\"search\" type=\"text\" placeholder=\"Rechercher une question ou un mot-cl\u00e9...\">\n              <div class=\"btns\" id=\"filters\"><\/div>\n            <\/div>\n            <div class=\"topActions\">\n              <button id=\"openAll\">Tout ouvrir<\/button>\n              <button id=\"closeAll\">Tout fermer<\/button>\n              <button id=\"reset\">R\u00e9initialiser<\/button>\n            <\/div>\n            <div class=\"faqList\" id=\"faqList\"><\/div>\n            <div class=\"empty\" id=\"empty\">Aucune question ne correspond \u00e0 ta recherche.<\/div>\n            <div class=\"footerNote\">Astuce : tu peux taper par exemple <strong>contrat<\/strong>, <strong>salaire<\/strong>, <strong>CAP<\/strong> ou <strong>entreprise<\/strong>.\n            <\/div>\n          <\/div>\n          <script> const data = [\n      {\n        cat:'Principe',\n        q:'Qu\u2019est-ce que l\u2019apprentissage en lyc\u00e9e professionnel ?',\n        a:`L\u2019apprentissage est une formation en alternance. Une partie du temps se passe <strong>au lyc\u00e9e professionnel<\/strong> et l\u2019autre <strong>en entreprise<\/strong>. L\u2019\u00e9l\u00e8ve devient alors <strong>apprenti<\/strong>, avec un statut particulier : il est \u00e0 la fois en formation et salari\u00e9.`\n      },\n      {\n        cat:'Principe',\n        q:'Que se passe-t-il si le contrat d\u2019apprentissage est rompu ?',\n        a:`Si le contrat est rompu, l\u2019\u00e9l\u00e8ve est s\u00e9curis\u00e9 par cette voie de formation et <strong>revient au lyc\u00e9e dans son cursus scolaire initial<\/strong>. Il ne se retrouve donc pas sans solution du jour au lendemain.`\n      },\n      {\n        cat:'Rythme',\n        q:'Comment fonctionne l\u2019alternance ?',\n        a:`Le rythme varie selon les \u00e9tablissements, mais en g\u00e9n\u00e9ral on retrouve :<ul><li><strong>1 \u00e0 2 semaines au lyc\u00e9e<\/strong><\/li><li><strong>2 \u00e0 3 semaines en entreprise<\/strong><\/li><\/ul>En entreprise, l\u2019apprenti est accompagn\u00e9 par un <strong>ma\u00eetre d\u2019apprentissage<\/strong>.`\n      },\n      {\n        cat:'Dipl\u00f4mes',\n        q:'Quels dipl\u00f4mes peut-on pr\u00e9parer en apprentissage en lyc\u00e9e professionnel ?',\n        a:`En lyc\u00e9e professionnel, on peut pr\u00e9parer :<ul><li>un <strong>CAP<\/strong> (en g\u00e9n\u00e9ral accessible en terminale)<\/li><li>un <strong>baccalaur\u00e9at professionnel<\/strong> (accessible de la premi\u00e8re ann\u00e9e jusqu\u2019\u00e0 janvier en terminale)<\/li><\/ul><strong>Exception :<\/strong> le <strong>CAP PPB<\/strong> peut \u00eatre accessible d\u00e8s la seconde.`\n      },\n      {\n        cat:'Statut',\n        q:'L\u2019apprenti a-t-il un vrai contrat ?',\n        a:`Oui. L\u2019apprenti signe un <strong>contrat d\u2019apprentissage<\/strong> entre le <strong>CFA acad\u00e9mique<\/strong> et l\u2019entreprise. Ce n\u2019est pas un simple stage : il y a un cadre officiel, des droits et des obligations.`\n      },\n      {\n        cat:'Statut',\n        q:'L\u2019apprenti est-il pay\u00e9 ?',\n        a:`Oui. L\u2019apprenti est <strong>r\u00e9mun\u00e9r\u00e9<\/strong>. Le montant d\u00e9pend notamment de <strong>l\u2019\u00e2ge<\/strong> et de <strong>l\u2019ann\u00e9e de formation<\/strong>. Il s\u2019agit g\u00e9n\u00e9ralement d\u2019un pourcentage du <strong>SMIC<\/strong>.`\n      },\n      {\n        cat:'Statut',\n        q:'L\u2019apprenti b\u00e9n\u00e9ficie-t-il des droits d\u2019un salari\u00e9 ?',\n        a:`Oui. L\u2019apprenti b\u00e9n\u00e9ficie des droits d\u2019un salari\u00e9 : <strong>cong\u00e9s<\/strong>, <strong>protection sociale<\/strong>, cadre de travail r\u00e9glement\u00e9, etc.`\n      },\n      {\n        cat:'Avantages',\n        q:'Quels sont les avantages de l\u2019apprentissage ?',\n        a:`L\u2019apprentissage permet :<ul><li>un <strong>apprentissage concret d\u2019un m\u00e9tier<\/strong><\/li><li>une <strong>exp\u00e9rience professionnelle valoris\u00e9e<\/strong><\/li><li>une <strong>possibilit\u00e9 d\u2019embauche<\/strong> apr\u00e8s la formation<\/li><li>une <strong>motivation renforc\u00e9e<\/strong> gr\u00e2ce au terrain<\/li><\/ul>`\n      },\n      {\n        cat:'Vigilance',\n        q:'Quels sont les points \u00e0 consid\u00e9rer avant de choisir l\u2019apprentissage ?',\n        a:`Il faut bien avoir en t\u00eate que :<ul><li>le rythme peut \u00eatre <strong>exigeant<\/strong><\/li><li>il faut <strong>trouver une entreprise<\/strong><\/li><li>il y a souvent <strong>moins de vacances scolaires<\/strong> qu\u2019en voie classique<\/li><\/ul>`\n      },\n      {\n        cat:'Entreprise',\n        q:'Quel est le r\u00f4le du ma\u00eetre d\u2019apprentissage ?',\n        a:`Le ma\u00eetre d\u2019apprentissage est la personne qui suit l\u2019apprenti dans l\u2019entreprise. Il l\u2019aide \u00e0 progresser, \u00e0 comprendre le travail attendu et \u00e0 monter en comp\u00e9tences dans des situations r\u00e9elles.`\n      },\n      {\n        cat:'Entreprise',\n        q:'L\u2019apprentissage est-il fait pour tous les \u00e9l\u00e8ves ?',\n        a:`Pas forc\u00e9ment pour tout le monde, mais c\u2019est une tr\u00e8s bonne voie pour les \u00e9l\u00e8ves qui aiment <strong>le concret<\/strong>, veulent <strong>entrer dans le m\u00e9tier<\/strong> plus t\u00f4t, et sont capables de s\u2019adapter \u00e0 un rythme altern\u00e9 entre \u00e9cole et entreprise.`\n      }\n    ];\n    const faqList = document.getElementById('faqList');\n    const search = document.getElementById('search');\n    const filters = document.getElementById('filters');\n    const empty = document.getElementById('empty');\n    const categories = ['Tous', ...new Set(data.map(x => x.cat))];\n    let activeCat = 'Tous';\n    function renderFilters(){\n      filters.innerHTML='';\n      categories.forEach(cat=>{\n        const b=document.createElement('button');\n        b.textContent=cat;\n        if(cat===activeCat) b.classList.add('active');\n        b.onclick=()=>{activeCat=cat; renderFilters(); renderFaq();};\n        filters.appendChild(b);\n      });\n    }\n    function itemTemplate(item, i){\n      return `\n        <article class=\"item\" data-cat=\"${item.cat}\" data-text=\"${(item.q+' '+item.a).toLowerCase().replace(\/<[^>]*>\/g,' ')}\">\n          <button class=\"q\" aria-expanded=\"false\" aria-controls=\"ans-${i}\">\n            <span>${item.q}<small>Cat\u00e9gorie : ${item.cat}<\/small><\/span>\n            <span class=\"arrow\">+<\/span>\n          <\/button>\n          <div class=\"a\" id=\"ans-${i}\">\n            <div class=\"aInner\">\n              ${item.a}\n              <div class=\"meta\"><span class=\"chip\">FAQ<\/span><span class=\"chip\">${item.cat}<\/span><\/div>\n            <\/div>\n          <\/div>\n        <\/article>`;\n    }\n    function bindAccordions(){\n      document.querySelectorAll('.item .q').forEach(btn=>{\n        btn.onclick=()=>{\n          const item=btn.closest('.item');\n          const panel=item.querySelector('.a');\n          const open=item.classList.contains('open');\n          item.classList.toggle('open');\n          btn.setAttribute('aria-expanded', String(!open));\n          panel.style.maxHeight = open ? '0px' : panel.scrollHeight + 'px';\n        };\n      });\n    }\n    function renderFaq(){\n      const term=search.value.trim().toLowerCase();\n      const filtered=data.filter(x=>{\n        const okCat=activeCat==='Tous' || x.cat===activeCat;\n        const plain=(x.q+' '+x.a).toLowerCase().replace(\/<[^>]*>\/g,' ');\n        const okSearch=!term || plain.includes(term);\n        return okCat && okSearch;\n      });\n      faqList.innerHTML=filtered.map(itemTemplate).join('');\n      empty.style.display=filtered.length ? 'none' : 'block';\n      bindAccordions();\n    }\n    search.addEventListener('input', renderFaq);\n    document.getElementById('openAll').onclick=()=>{\n      document.querySelectorAll('.item').forEach(item=>{\n        item.classList.add('open');\n        const btn=item.querySelector('.q');\n        const panel=item.querySelector('.a');\n        btn.setAttribute('aria-expanded','true');\n        panel.style.maxHeight=panel.scrollHeight+'px';\n      });\n    };\n    document.getElementById('closeAll').onclick=()=>{\n      document.querySelectorAll('.item').forEach(item=>{\n        item.classList.remove('open');\n        const btn=item.querySelector('.q');\n        const panel=item.querySelector('.a');\n        btn.setAttribute('aria-expanded','false');\n        panel.style.maxHeight='0px';\n      });\n    };\n    document.getElementById('reset').onclick=()=>{\n      search.value=''; activeCat='Tous'; renderFilters(); renderFaq();\n    };\n    renderFilters();\n    renderFaq(); <\/script>\n        <\/div>\n      <\/div>\n    <\/section>\n    \n    \n    \n    \n    \n  \n<\/div>","protected":false},"excerpt":{"rendered":"<p>Des formations en apprentissage,&nbsp;pr\u00e8s&nbsp;de&nbsp;chez&nbsp;vous Le CFA acad\u00e9mique de Franche-Comt\u00e9 propose des formations en apprentissage dans plusieurs secteurs d\u2019activit\u00e9 :&nbsp;B\u00e2timent, industrie, service &amp; sant\u00e9, tertiaire et m\u00e9tiers&nbsp;d\u2019art.Gr\u00e2ce au CFA acad\u00e9mique de Franche-Comt\u00e9, acc\u00e9dez \u00e0 plus de 142 dipl\u00f4mes de l\u2019\u00c9ducation Nationale du CAP au BAC+3 et formez-vous \u00e0 un m\u00e9tier.Qualifiantes et dipl\u00f4mantes, les formations sont accessibles &#8230; <a title=\"Apprentissage\" class=\"read-more\" href=\"https:\/\/2025.lycee-nelson-mandela.fr\/?page_id=2371\" aria-label=\"En savoir plus sur Apprentissage\">Lire la suite<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-2371","page","type-page","status-publish"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"2025Ly_Admin","author_link":"https:\/\/2025.lycee-nelson-mandela.fr\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Des formations en apprentissage,&nbsp;pr\u00e8s&nbsp;de&nbsp;chez&nbsp;vous Le CFA acad\u00e9mique de Franche-Comt\u00e9 propose des formations en apprentissage dans plusieurs secteurs d\u2019activit\u00e9 :&nbsp;B\u00e2timent, industrie, service &amp; sant\u00e9, tertiaire et m\u00e9tiers&nbsp;d\u2019art.Gr\u00e2ce au CFA acad\u00e9mique de Franche-Comt\u00e9, acc\u00e9dez \u00e0 plus de 142 dipl\u00f4mes de l\u2019\u00c9ducation Nationale du CAP au BAC+3 et formez-vous \u00e0 un m\u00e9tier.Qualifiantes et dipl\u00f4mantes, les formations sont accessibles\u2026","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/2025.lycee-nelson-mandela.fr\/index.php?rest_route=\/wp\/v2\/pages\/2371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2025.lycee-nelson-mandela.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/2025.lycee-nelson-mandela.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/2025.lycee-nelson-mandela.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2025.lycee-nelson-mandela.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2371"}],"version-history":[{"count":6,"href":"https:\/\/2025.lycee-nelson-mandela.fr\/index.php?rest_route=\/wp\/v2\/pages\/2371\/revisions"}],"predecessor-version":[{"id":2520,"href":"https:\/\/2025.lycee-nelson-mandela.fr\/index.php?rest_route=\/wp\/v2\/pages\/2371\/revisions\/2520"}],"wp:attachment":[{"href":"https:\/\/2025.lycee-nelson-mandela.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}