{"id":3177,"date":"2026-06-16T16:42:53","date_gmt":"2026-06-16T14:42:53","guid":{"rendered":"https:\/\/www.lycee-pierre-gueguin.com\/?page_id=3177"},"modified":"2026-09-04T10:57:28","modified_gmt":"2026-09-04T08:57:28","slug":"la-vie-au-lycee","status":"publish","type":"page","link":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/la-vie-au-lycee\/","title":{"rendered":"La vie au lyc\u00e9e"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3177\" class=\"elementor elementor-3177\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a290f02 e-con e-atomic-element e-flexbox-base e-default-div e-aeded85 \" data-id=\"a290f02\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a290f02\">\n    \t\t<div class=\"elementor-element elementor-element-b61c07c elementor-widget elementor-widget-html\" data-id=\"b61c07c\" 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  <\/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_26-scaled.jpg\" alt=\"La vie scolaire\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>La vie scolaire<\/h3>\r\n            <p>Le service de vie scolaire est anim\u00e9 par 2 Conseillers Principaux d'\u00c9ducation aid\u00e9s dans leurs missions par des assistants d'\u00e9ducation.<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/la-vie-au-lycee\/la-vie-scolaire\/\">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\/07\/photo_ekole_pierre_guegin_61-scaled.jpg\" alt=\"Le CDI\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>Le CDI<\/h3>\r\n            <p>Le Centre de Documentation et d'information est un espace de travail ouvert \u00e0 tous, au service de la r\u00e9ussite des \u00e9l\u00e8ves.<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/la-vie-au-lycee\/le-cdi\/\">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\/07\/1.jpg\" alt=\"L'internat\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>L'internat<\/h3>\r\n            <p>Notre internat a \u00e9t\u00e9 labelliss\u00e9 internat d'excellence depuis la rentr\u00e9e 2021 et enti\u00e8rement r\u00e9nov\u00e9 en 2023.<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/la-vie-au-lycee\/linternat-dexcellence\/\">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\/07\/photo_ekole_pierre_guegin_127-scaled.jpg\" alt=\"Association sportive\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>L'association sportive<\/h3>\r\n            <p>L'association sportive du lyc\u00e9e, affili\u00e9e \u00e0 l'UNSS, permet aux \u00e9l\u00e8ves volontaires de pratiquer diff\u00e9rentes activit\u00e9s sportives selon diverses modalit\u00e9s, le mercredi apr\u00e8s-midi, ce qui permet \u00e9galement aux internes des possibilit\u00e9s de pratiques sportives sur ce temps libre \u00e0 proximit\u00e9 imm\u00e9diate du lyc\u00e9e .<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/la-vie-au-lycee\/lassociation-sportive\/\">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\/07\/photo_ekole_pierre_guegin_38-scaled.jpg\" alt=\"La maison des lyc\u00e9ens\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>La maison des lyc\u00e9ens<\/h3>\r\n            <p>La dynamique de la Maison des lyc\u00e9ens d\u00e9pend surtout des \u00e9l\u00e8ves et des projets qu'ils souhaitent mettre en place. L'\u00e9quipe \u00e9ducative leur apporte son soutien et les accompagne dans la responsabilisation.<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/la-vie-au-lycee\/la-maison-des-lyceens\/\">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\/informations-pratiques-640-360.jpg\" alt=\"La maison des lyc\u00e9ens\">\r\n          <div class=\"mc-slide-body\">\r\n              <h3>Informations pratiques<\/h3>\r\n            <p>Quelques informations pratiques qui vous permettront de pr\u00e9parer votre arriv\u00e9e au lyc\u00e9e.<\/p>\r\n            <a class=\"mc-slide-link\" href=\"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/la-vie-au-lycee\/informations-pratiques\/\">En savoir plus &#8594;<\/a>\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>La vie scolaire Le service de vie scolaire est anim\u00e9 par 2 Conseillers Principaux d&rsquo;\u00c9ducation aid\u00e9s dans leurs missions par des assistants d&rsquo;\u00e9ducation. En savoir plus &#8594; Le CDI Le Centre de Documentation et d&rsquo;information est un espace de travail ouvert \u00e0 tous, au service de la r\u00e9ussite des \u00e9l\u00e8ves. En savoir plus &#8594; L&rsquo;internat [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3177","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/pages\/3177","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=3177"}],"version-history":[{"count":61,"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/pages\/3177\/revisions"}],"predecessor-version":[{"id":4900,"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/pages\/3177\/revisions\/4900"}],"wp:attachment":[{"href":"https:\/\/www.lycee-pierre-gueguin.com\/index.php\/wp-json\/wp\/v2\/media?parent=3177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}