{"id":45,"date":"2022-05-12T12:52:56","date_gmt":"2022-05-12T12:52:56","guid":{"rendered":"http:\/\/sw-themes.com\/porto_dummy\/?page_id=45"},"modified":"2026-09-13T15:01:06","modified_gmt":"2026-09-13T13:01:06","slug":"le-lycee","status":"publish","type":"page","link":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/le-lycee\/","title":{"rendered":"Pr\u00e9sentation du lyc\u00e9e"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45\" class=\"elementor elementor-45\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50401ca e-con e-atomic-element e-flexbox-base e-default-div e-c94334b \" data-id=\"50401ca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"50401ca\">\n    \t\t<div class=\"elementor-element elementor-element-32fb83c elementor-widget elementor-widget-html\" data-id=\"32fb83c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .mc-carousel-wrap {\r\n    --mc-bg: #ffffff;\r\n    --mc-card-bg: #ffffff;\r\n    --mc-accent: #006FBD ;\r\n    --mc-accent-secondary: #006FBD ;\r\n    --mc-tertiary: #5f6c77;\r\n    --mc-text: #1c1c1e;\r\n\r\n    box-sizing: border-box;\r\n    background: var(--mc-bg);\r\n    padding: 40px 60px;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n  }\r\n\r\n  .mc-carousel-wrap *,\r\n  .mc-carousel-wrap *::before,\r\n  .mc-carousel-wrap *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .mc-section-header {\r\n    max-width: 640px;\r\n    margin: 0 auto 32px;\r\n    text-align: center;\r\n  }\r\n\r\n  .mc-section-header h1 {\r\n    color: var(--mc-text);\r\n    font-size: 32px;\r\n    margin: 0 0 10px;\r\n  }\r\n\r\n  .mc-section-header p {\r\n    color: var(--mc-tertiary);\r\n    font-size: 15px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  .mc-carousel {\r\n    position: relative;\r\n    width: 100%;\r\n  }\r\n\r\n  .mc-carousel-viewport {\r\n    overflow: hidden;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .mc-carousel-track {\r\n    display: flex;\r\n    gap: 24px;\r\n    transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);\r\n  }\r\n\r\n  .mc-carousel-slide {\r\n    flex: 0 0 calc(50% - 12px);\r\n    background: var(--mc-card-bg);\r\n    color: var(--mc-text);\r\n    display: flex;\r\n    flex-direction: column;\r\n    border: 1px solid #e5e5e7;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .mc-carousel-slide .mc-slide-image {\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    background: #3a3a3d;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .mc-carousel-slide .mc-slide-body {\r\n    padding: 24px 32px 32px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n\r\n  .mc-carousel-slide p {\r\n    margin: 0;\r\n    color: var(--mc-tertiary);\r\n    max-width: 420px;\r\n    line-height: 1.5;\r\n    font-size: 15px;\r\n  }\r\n\r\n  .mc-slide-link {\r\n    margin-top: 4px;\r\n    color: var(--mc-accent);\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.02em;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    transition: gap 0.2s;\r\n  }\r\n\r\n  .mc-slide-link:hover { gap: 10px; color: var(--mc-accent-secondary); }\r\n\r\n  .mc-carousel-btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: #f0f1f2;\r\n    border: none;\r\n    color: var(--mc-text);\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.2s, color 0.2s;\r\n  }\r\n\r\n  .mc-carousel-btn:hover { background: var(--mc-accent-secondary); color: #ffffff; }\r\n  .mc-carousel-btn:focus-visible { outline: 2px solid var(--mc-accent); outline-offset: 2px; }\r\n\r\n  .mc-carousel-btn.mc-prev { left: -22px; }\r\n  .mc-carousel-btn.mc-next { right: -22px; }\r\n\r\n  .mc-carousel-dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    margin-top: 20px;\r\n  }\r\n\r\n  .mc-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: #d5d8db;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 0;\r\n    transition: background 0.2s, transform 0.2s;\r\n  }\r\n\r\n  .mc-dot.mc-active {\r\n    background: var(--mc-accent);\r\n    transform: scale(1.3);\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .mc-carousel-slide { flex: 0 0 100%; }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .mc-carousel-wrap { padding: 40px 20px; }\r\n    .mc-carousel-btn.mc-prev { left: 4px; }\r\n    .mc-carousel-btn.mc-next { right: 4px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"mc-carousel-wrap\">\r\n\r\n  <div class=\"mc-section-header\">\r\n\r\n  <\/div>\r\n\r\n  <div class=\"mc-carousel\" id=\"mcCarousel\">\r\n    <div class=\"mc-carousel-viewport\">\r\n      <div class=\"mc-carousel-track\" id=\"mcTrack\">\r\n        <div class=\"mc-carousel-slide\">\r\n          <img decoding=\"async\" class=\"mc-slide-image\" src=\"https:\/\/www.lycee-pierre-gueguin.com\/wp-content\/uploads\/2026\/07\/photo_ekole_pierre_guegin_1-scaled-e1785269113173.jpg\" alt=\"Cap sur votre avenir\">\r\n          <div class=\"mc-slide-body\">\r\n               <h3>Cap sur votre avenir<\/h3>\r\n            <p>Le lyc\u00e9e Pierre Gu\u00e9guin b\u00e9n\u00e9ficie d'un environnement exceptionnel dans lequel les \u00e9l\u00e8ves peuvent vivrent leurs ann\u00e9es lyc\u00e9e dans les meilleurs conditions.<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/le-lycee\/cap-sur-votre-avenir\/\">En savoir plus &#8594;<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mc-carousel-slide\">\r\n          <img decoding=\"async\" class=\"mc-slide-image\" src=\"https:\/\/www.lycee-pierre-gueguin.com\/wp-content\/uploads\/2026\/08\/Logo-rose-des-vents-640-360.jpg\" alt=\"\u00c9l\u00e9ment 2\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>Notre projet d'\u00e9tablissement<\/h3>\r\n            <p>Culitiver la capacit\u00e9 de l'\u00e9tablissement \u00e0 accompagner chaque \u00e9l\u00e8ve dans ses r\u00e9ussites scolaires, personnelles, professionnelles et citoyennes.<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/le-lycee\/notre-projet-detablissement\/\">En savoir plus &#8594;<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mc-carousel-slide\">\r\n          <img decoding=\"async\" class=\"mc-slide-image\" src=\"https:\/\/www.lycee-pierre-gueguin.com\/wp-content\/uploads\/2026\/09\/charte-Parents-ecole.png\" alt=\"\u00c9l\u00e9ment 3\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>Parents - \u00c9cole<\/h3>\r\n            <p>La charte Parents - \u00c9cole constitue une r\u00e9f\u00e9rence commune qui accompagne la relation entre l'\u00c9cole et les familles.<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/wp-content\/uploads\/2026\/09\/charte-parents-ecole.pdf\">En savoir plus &#8594;<\/a>\r\n          <\/div>\r\n          <\/div>\r\n        <div class=\"mc-carousel-slide\">\r\n          <img decoding=\"async\" class=\"mc-slide-image\" src=\"https:\/\/www.lycee-pierre-gueguin.com\/wp-content\/uploads\/2026\/08\/Organigramme-formation-plaquette-640-360.jpg\" alt=\"\u00c9l\u00e9ment 3\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>Organigramme des formations<\/h3>\r\n            <p>Toutes les formations g\u00e9n\u00e9rales, technologiques et professionnelles accessibles au lyc\u00e9e Pierre Gu\u00e9guin.<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/le-lycee\/organigramme-des-formations\/\">En savoir plus &#8594;<\/a>\r\n          <\/div>\r\n         <\/div> \r\n            <div class=\"mc-carousel-slide\">\r\n          <img decoding=\"async\" class=\"mc-slide-image\" src=\"https:\/\/www.lycee-pierre-gueguin.com\/wp-content\/uploads\/2026\/08\/taxe-d-apprentissage-640-360.jpg\" alt=\"\u00c9l\u00e9ment 3\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>La taxe d'apprentissage<\/h3>\r\n            <p>La loi n\u00b02018-771 du 05 septembre 2018 pour la libert\u00e9 de choisir son avenir professionnel a modifi\u00e9 les modzalit\u00e9s de collecte et de r\u00e9partition de la taxe d'apprentissage.<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/le-lycee\/la-taxe-dapprentissage\/\/\">En savoir plus &#8594;<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"mc-carousel-slide\">\r\n          <img decoding=\"async\" class=\"mc-slide-image\" src=\"https:\/\/www.lycee-pierre-gueguin.com\/wp-content\/uploads\/2026\/08\/point-dinterrogation-640-360.jpg\" alt=\"\u00c9l\u00e9ment 3\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>Une question ?<\/h3>\r\n            <p>Vous avez des questions ? Vous pouvez nous contacter en suivant le lien ci-dessous. <\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/contactez-nous\/\">Contactez-nous &#8594;<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <button class=\"mc-carousel-btn mc-prev\" id=\"mcPrevBtn\" aria-label=\"\u00c9l\u00e9ment pr\u00e9c\u00e9dent\">&#8592;<\/button>\r\n    <button class=\"mc-carousel-btn mc-next\" id=\"mcNextBtn\" aria-label=\"\u00c9l\u00e9ment suivant\">&#8594;<\/button>\r\n\r\n    <div class=\"mc-carousel-dots\" id=\"mcDots\"><\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  const track = document.getElementById('mcTrack');\r\n  const slides = Array.from(track.children);\r\n  const dotsContainer = document.getElementById('mcDots');\r\n  const prevBtn = document.getElementById('mcPrevBtn');\r\n  const nextBtn = document.getElementById('mcNextBtn');\r\n  const gap = 24;\r\n  let index = 0;\r\n  let visibleCount = 2;\r\n  let dots = [];\r\n\r\n  function getVisibleCount() {\r\n    return window.innerWidth <= 700 ? 1 : 2;\r\n  }\r\n\r\n  function buildDots() {\r\n    dotsContainer.innerHTML = '';\r\n    const pageCount = Math.max(slides.length - visibleCount + 1, 1);\r\n    for (let i = 0; i < pageCount; i++) {\r\n      const dot = document.createElement('button');\r\n      dot.classList.add('mc-dot');\r\n      dot.setAttribute('aria-label', 'Aller \u00e0 la position ' + (i + 1));\r\n      dot.addEventListener('click', () => goTo(i));\r\n      dotsContainer.appendChild(dot);\r\n    }\r\n    dots = Array.from(dotsContainer.children);\r\n  }\r\n\r\n  function update() {\r\n    const slideWidth = slides[0].getBoundingClientRect().width;\r\n    track.style.transform = `translateX(-${index * (slideWidth + gap)}px)`;\r\n    dots.forEach((d, i) => d.classList.toggle('mc-active', i === index));\r\n  }\r\n\r\n  function goTo(i) {\r\n    const maxIndex = Math.max(slides.length - visibleCount, 0);\r\n    index = Math.min(Math.max(i, 0), maxIndex);\r\n    update();\r\n  }\r\n\r\n  function refreshLayout() {\r\n    visibleCount = getVisibleCount();\r\n    buildDots();\r\n    goTo(index);\r\n  }\r\n\r\n  prevBtn.addEventListener('click', () => goTo(index - 1));\r\n  nextBtn.addEventListener('click', () => goTo(index + 1));\r\n\r\n  document.getElementById('mcCarousel').addEventListener('keydown', (e) => {\r\n    if (e.key === 'ArrowLeft') goTo(index - 1);\r\n    if (e.key === 'ArrowRight') goTo(index + 1);\r\n  });\r\n\r\n  \/\/ Swipe tactile\r\n  let startX = 0;\r\n  track.addEventListener('touchstart', (e) => { startX = e.touches[0].clientX; }, { passive: true });\r\n  track.addEventListener('touchend', (e) => {\r\n    const diff = e.changedTouches[0].clientX - startX;\r\n    if (diff > 50) goTo(index - 1);\r\n    if (diff < -50) goTo(index + 1);\r\n  }, { passive: true });\r\n\r\n  window.addEventListener('resize', refreshLayout);\r\n\r\n  refreshLayout();\r\n\r\n  \/\/ Auto-play optionnel (d\u00e9sactiv\u00e9 par d\u00e9faut)\r\n  \/\/ setInterval(() => goTo(index + 1), 5000);\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cap sur votre avenir Le lyc\u00e9e Pierre Gu\u00e9guin b\u00e9n\u00e9ficie d&rsquo;un environnement exceptionnel dans lequel les \u00e9l\u00e8ves peuvent vivrent leurs ann\u00e9es lyc\u00e9e dans les meilleurs conditions. En savoir plus &#8594; Notre projet d&rsquo;\u00e9tablissement Culitiver la capacit\u00e9 de l&rsquo;\u00e9tablissement \u00e0 accompagner chaque \u00e9l\u00e8ve dans ses r\u00e9ussites scolaires, personnelles, professionnelles et citoyennes. En savoir plus &#8594; Parents &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-45","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/pages\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":119,"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":4934,"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/pages\/45\/revisions\/4934"}],"wp:attachment":[{"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}