{"id":19,"date":"2015-11-25T07:32:41","date_gmt":"2015-11-25T07:32:41","guid":{"rendered":"http:\/\/smartyschool.stylemixthemes.com\/?page_id=19"},"modified":"2026-04-24T14:15:06","modified_gmt":"2026-04-24T11:15:06","slug":"home","status":"publish","type":"page","link":"https:\/\/www.cndl.edu.lb\/fr\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_row-no-padding\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-lg vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1745324027843\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element vc_custom_1770289175028\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img loading=\"lazy\" decoding=\"async\" width=\"1792\" height=\"1875\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/HomePage-FR-Mobile.webp\" class=\"vc_single_image-img attachment-full\" alt=\"\" title=\"\" srcset=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/HomePage-FR-Mobile.webp 1792w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/HomePage-FR-Mobile-287x300.webp 287w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/HomePage-FR-Mobile-979x1024.webp 979w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/HomePage-FR-Mobile-768x804.webp 768w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/HomePage-FR-Mobile-1468x1536.webp 1468w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/HomePage-FR-Mobile-11x12.webp 11w\" sizes=\"auto, (max-width: 1792px) 100vw, 1792px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1770202266912 vc_row-no-padding\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_hidden-md vc_hidden-sm vc_hidden-xs vc_col-has-fill\"><div class=\"vc_column-inner vc_custom_1745324341077\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element vc_custom_1770206609738\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1439\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/Homepage-cover-Fr-En-01-5-scaled.webp\" class=\"vc_single_image-img attachment-full\" alt=\"\" title=\"\" srcset=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/Homepage-cover-Fr-En-01-5-scaled.webp 2560w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/Homepage-cover-Fr-En-01-5-300x169.webp 300w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/Homepage-cover-Fr-En-01-5-1024x576.webp 1024w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/Homepage-cover-Fr-En-01-5-768x432.webp 768w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/Homepage-cover-Fr-En-01-5-1536x864.webp 1536w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/Homepage-cover-Fr-En-01-5-2048x1151.webp 2048w, https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/Homepage-cover-Fr-En-01-5-18x10.webp 18w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<div class=\"stm-spacing\" id=\"stm-spacing-69efda7f10eae\"><\/div>\n<script>\n\t(function($){\n\t\t\"use strict\";\n\t\tvar spacingID = 'stm-spacing-69efda7f10eae',\n\t\t\t  lgSpacing = '',\n\t\t\t  mdSpacing = '',\n\t\t\t  smSpacing = '60px',\n\t\t\t  xsSpacing = '60px';\n\n\t\tfunction smartySpacing() {\n\t\t\tif ( window.matchMedia(\"(min-width: 1200px)\").matches && lgSpacing ) {\n\t\t\t\t$( '#' + spacingID ).css ( \"height\", lgSpacing );\n\t\t\t} else if ( window.matchMedia(\"(max-width: 1199px) and (min-width: 992px )\").matches && mdSpacing ) {\n\t\t\t\t$( '#' + spacingID ).css ( \"height\", mdSpacing );\n\t\t\t} else if ( window.matchMedia(\"(max-width: 991px) and (min-width: 768px )\").matches && smSpacing ) {\n\t\t\t\t$( '#' + spacingID ).css ( \"height\", smSpacing );\n\t\t\t} else if ( window.matchMedia(\"(max-width: 767px)\").matches && xsSpacing ) {\n\t\t\t\t$( '#' + spacingID ).css ( \"height\", xsSpacing );\n\t\t\t} else {\n\t\t\t\t$( '#' + spacingID ).css ( \"height\", \"\" );\n\t\t\t}\n\t\t}\n\n\t\t$(document).ready(function() {\n\t\t\tsmartySpacing();\n\t\t});\n\n\t\t$(window).resize(function() {\n\t\t\tsmartySpacing();\n\t\t});\n\n\t})(jQuery);\n<\/script>\n\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1448890853831\"><div class=\"wpb_animate_when_almost_visible wpb_fadeInRightBig fadeInRightBig wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n<div class=\"stm-cta vc_custom_1776245461613\">\n\t<div class=\"stm-cta__content\">\n\n\t\t\t\t\t<div class=\"stm-cta__image\"><img decoding=\"async\" class=\"\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-06-at-10.55.30-AM-1.webp\" width=\"1600\" height=\"825\" alt=\"\" title=\"\" loading=\"lazy\" \/><\/div>\n\t\t\n\t\t<div class=\"stm-cta__action\">\n\t\t\t<h2 class=\"stm-cta__action-title\" style=\"font-weight:700;font-size:2em\">Inscrivez-vous maintenant<\/h2>\n\t\t\t<div class=\"stm-cta__action-body\">\n\t\t\t\t<div class=\"stm-cta__action-descr\" style=\"font-size:1em\"><p style=\"line-height: 25px;\"><span style=\"font-family: montserrat;\">Souhaitez-vous offrir \u00e0 votre enfant une excellente \u00e9ducation au Coll\u00e8ge Notre Dame de Louaiz\u00e9 ?<\/span><\/p>\n<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t<div class=\"stm-cta__action-btn\">\n\n\t\t\t\t\t\t\n\t\t\t\t\t\t<a href=\"https:\/\/www.cndl.edu.lb\/fr\/enroll-your-child\/\" target=\"_self\" class=\"stm-btn stm-btn_outline stm-btn_white stm-btn_md stm-btn_icon-right stm-btn_color_white\">Postuler<i class=\"stm-icon stm-icon-arrow-right\"><\/i><\/a>\n\n\t\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\n\t<\/div>\n<\/div><div class=\"vc_empty_space\"   style=\"height: 100px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><h2 class=\"stm-title stm-font_color_dark-blue stm-title_sep_bottom\" style=\"text-align:center\">\n\n\u00c0 propos\n<\/h2>\n\t<div class=\"stm-separator stm-clearfix stm-separator_type_title\" >\n\t\t<div class=\"stm-separator__line stm-border-b_color_dark-blue\" style=\"margin-left:auto;margin-right:auto\"><\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"font-family: montserrat; text-align: left;\"><strong><span style=\"font-size: 20px; color: #1a428a; font-family: 'montserrat';\">Une Institution Centenaire D\u00e9di\u00e9e \u00e0 l\u2019\u00c9ducation<\/span><\/strong><\/p>\n<p style=\"text-align: left;\"><span style=\"color: #7d706d; font-family: montserrat; font-weight: 500; margin-top: 20px; font-size: 15px;\">Coll\u00e8ge Notre Dame de Louaiz\u00e9 est une institution \u00e9ducative maronite prestigieuse au Liban, offrant des programmes accr\u00e9dit\u00e9s en fran\u00e7ais et en anglais \u2014 reconnus par l'AEFE et candidat \u00e0 l'accr\u00e9ditation Cognia \u2014 o\u00f9 les apprenants suivent un curriculum bilingue centr\u00e9 sur l'apprenant, int\u00e9grant les programmes libanais, le Baccalaur\u00e9at fran\u00e7ais et le programme am\u00e9ricain (AP), combinant excellence acad\u00e9mique, innovation technologique et valeurs spirituelles pour pr\u00e9parer les leaders de demain \u00e0 r\u00e9ussir aussi bien au niveau local qu'international.<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 10px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"stm-link-container stm-link-container_left\" >\n\t\t\t\t\t<a href=\"https:\/\/www.cndl.edu.lb\/fr\/history\/\" class=\"stm-link stm-link_dark-blue stm-link_icon-right\" target=\"_self\" style=\"font-size:16px\">En savoir plus<i class=\"stmlms-arrow-right\" style=\"font-size:10px;margin-left:10px\"><\/i><\/a>\n\t\t\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 100px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><h2 class=\"stm-title stm-font_color_dark-blue stm-title_sep_bottom\" style=\"text-align:left\">\n\nAnnonces &amp; Circulaires\n<\/h2>\n\t<div class=\"stm-separator stm-clearfix stm-separator_type_title\" >\n\t\t<div class=\"stm-separator__line stm-border-b_color_dark-blue\" ><\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 5px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\t<div class=\"stm-subtitle stm-font_color_dark-blue\" style=\"text-align:left\">\n\t\t<\/p>\n<div class=\"announcement-text\" style=\"display: flex; align-items: center; flex-wrap: wrap; gap: 12px;\"><img decoding=\"async\" style=\"width: 60px; height: 60px; min-width: 40px; flex-shrink: 0;\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/Screenshot_2026-04-21_125406-removebg-preview.png\" \/><br \/>\n<span style=\"font-size: clamp(14px, 3vw, 22px); color: #333333; flex: 1; min-width: 200px;\"><br \/>\n<span style=\"color: #1a428a;\"><strong>Take a Break, Dive in: <\/strong><\/span><span style=\"color: #7d706d;\">Cliquez <a style=\"color: #7d706d;\" href=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/d3da4ef9-7f21-46f3-9fb4-076110978dc6.jpg\" target=\"_blank\" rel=\"noopener\"><u>ici<\/u><\/a> pour voir plus.<\/span><br \/>\n<\/span><\/div>\n<p>\t<\/div>\n\t<div class=\"stm-subtitle stm-font_color_dark-blue\" style=\"text-align:left\">\n\t\t<\/p>\n<div class=\"announcement-text\" style=\"display: flex; align-items: center; flex-wrap: wrap; gap: 12px;\"><img decoding=\"async\" style=\"width: 60px; height: 60px; min-width: 40px; flex-shrink: 0;\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/Screenshot_2026-04-21_125406-removebg-preview.png\" \/><br \/>\n<span style=\"font-size: clamp(14px, 3vw, 22px); color: #333333; flex: 1; min-width: 200px;\"><br \/>\n<span style=\"color: #1a428a;\"><strong>Tenue scolaire d\u2019\u00e9t\u00e9\u00a0 <\/strong><\/span><span style=\"color: #7d706d;\">Cliquez <a style=\"color: #7d706d;\" href=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/\u0627\u0644\u0644\u0628\u0627\u0633-\u0627\u0644\u0635\u064a\u0641\u064a-1.pdf\" target=\"_blank\" rel=\"noopener\"><u>ici<\/u><\/a> pour voir plus.<\/span><br \/>\n<\/span><\/div>\n<p>\t<\/div>\n\t<div class=\"stm-subtitle stm-font_color_dark-blue\" style=\"text-align:left\">\n\t\t<\/p>\n<div class=\"announcement-text\" style=\"display: flex; align-items: center; flex-wrap: wrap; gap: 12px;\"><img decoding=\"async\" style=\"width: 60px; height: 60px; min-width: 40px; flex-shrink: 0;\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/Screenshot_2026-04-21_125406-removebg-preview.png\" \/><br \/>\n<span style=\"font-size: clamp(14px, 3vw, 22px); color: #333333; flex: 1; min-width: 200px;\"><br \/>\n<span style=\"color: #1a428a;\"><strong>Objets trouv\u00e9s: <\/strong><\/span><span style=\"color: #7d706d;\">Cliquez <a style=\"color: #7d706d;\" href=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/Lost-and-Found.pdf\" target=\"_blank\" rel=\"noopener\"><u>ici<\/u><\/a> pour voir plus.<\/span><br \/>\n<\/span><\/div>\n<p>\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 25px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"stm-link-container stm-link-container_left\" >\n\t\t\t\t\t<a href=\"https:\/\/www.cndl.edu.lb\/fr\/announcements-circulars\/\" class=\"stm-link stm-link_dark-blue stm-link_icon-right\" target=\"_self\" style=\"font-size:16px\">En voir plus<i class=\"stmlms-arrow-right\" style=\"font-size:10px;margin-left:10px\"><\/i><\/a>\n\t\t\t<\/div>\n<div class=\"vc_empty_space  vc_custom_1776845360443\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><h2 class=\"stm-title stm-font_color_dark-blue stm-title_sep_bottom\" style=\"text-align:left\">\n\nCalendrier scolaire\n<\/h2>\n\t<div class=\"stm-separator stm-clearfix stm-separator_type_title\" >\n\t\t<div class=\"stm-separator__line stm-border-b_color_dark-blue\" ><\/div>\n\t<\/div>\n\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Academic Calendar<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<style>\n  :root {\n    --primary: #1A428A;\n    --primary-light: #2557b8;\n    --primary-dark: #112d5e;\n    --primary-bg: #eef3fc;\n    --secondary: #7D706D;\n    --secondary-light: #a09897;\n    --secondary-bg: #f5f2f2;\n    --text: #1a1a1a;\n    --text-muted: #7D706D;\n    --border: #b8b2b0;\n  }\n\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .acal-wrap {\n    font-family: 'Montserrat', sans-serif;\n    background: transparent;\n    color: var(--text);\n    padding: 22px 14px;\n    max-width: 760px;\n    margin: 0 auto;\n    position: relative;\n  }\n\n  .acal-topbar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .acal-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 20px;\n    font-weight: 800;\n    color: var(--primary);\n    letter-spacing: -0.3px;\n  }\n\n  .btn-add-event {\n    background: var(--primary);\n    color: white;\n    border: none;\n    padding: 8px 18px;\n    border-radius: 7px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: background 0.15s;\n    letter-spacing: 0.2px;\n  }\n  .btn-add-event:hover { background: var(--primary-light); }\n  .acal-wrap.visitor-mode .btn-add-event { display: none; }\n\n  .month-card {\n    background: white;\n    border-radius: 12px;\n    overflow: hidden;\n    border: .5px solid white;\n    box-shadow: 0 3px 18px rgba(26,66,138,0.08);\n  }\n\n  .month-header {\n    background: var(--primary);\n    padding: 14px 22px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 2px solid rgba(255,255,255,0.25);\n  }\n\n  .month-header-btn {\n    background: rgba(255,255,255,0.18);\n    border: none;\n    color: whitesmoke;\n    width: 32px;\n    height: 32px;\n    border-radius: 7px;\n    cursor: pointer;\n    font-size: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s;\n    flex-shrink: 0;\n  }\n  .month-header-btn:hover { background: rgba(255,255,255,0.32); }\n\n  .month-header-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 18px;\n    font-weight: 800;\n    color: whitesmoke;\n    letter-spacing: 0.5px;\n    text-align: center;\n    flex: 1;\n    text-transform: uppercase;\n  }\n\n  .days-header {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    background: var(--secondary);\n  }\n  .day-name {\n    text-align: center;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    color: white;\n    padding: 9px 0;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    border-right: 1px solid rgba(255,255,255,0.3);\n  }\n  .day-name:last-child { border-right: none; }\n\n  .cal-body {\n    display: grid;\n    grid-template-columns: repeat(7, 1fr);\n    background: white;\n  }\n\n  .day-cell {\n    height: 70px;\n    overflow: hidden;\n    padding: 6px 5px 5px;\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    transition: background 0.12s;\n    position: relative;\n    border-right: 1.5px solid var(--border);\n    border-bottom: 1.5px solid var(--border);\n  }\n\n  @media (max-width: 480px) {\n    .acal-wrap { padding: 12px 6px; }\n    .day-cell {\n      height: auto;\n      aspect-ratio: 1 \/ 1;\n      padding: 4px 3px 3px;\n    }\n    .day-num {\n      font-size: 11px;\n      width: 20px;\n      height: 20px;\n      margin-bottom: 2px;\n    }\n    .event-pill {\n      font-size: 6.5px;\n      padding: 1px 3px;\n      border-left-width: 1.5px;\n    }\n    .event-pill-more {\n      font-size: 6.5px;\n    }\n    .day-name {\n      font-size: 9px;\n      padding: 7px 0;\n      letter-spacing: 0;\n    }\n    .month-header { padding: 12px 14px; }\n    .month-header-title { font-size: 15px; }\n    .month-header-btn { width: 28px; height: 28px; font-size: 14px; }\n  }\n  .day-cell:nth-child(7n) { border-right: none; }\n  .day-cell:hover { background: var(--primary-bg); }\n  .day-cell.other-month { opacity: 0.28; cursor: default; pointer-events: none; }\n\n  .day-num {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--text);\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    margin-bottom: 3px;\n    flex-shrink: 0;\n  }\n  .day-cell.today .day-num {\n    background: var(--primary);\n    color: white;\n    font-weight: 700;\n  }\n\n  .day-pills { display: flex; flex-direction: column; gap: 2px; width: 100%; }\n  .event-pill {\n    background: var(--primary-bg);\n    color: var(--primary);\n    font-family: 'Montserrat', sans-serif;\n    font-size: 8px;\n    font-weight: 700;\n    padding: 2px 5px;\n    border-radius: 3px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n    border-left: 2px solid var(--primary);\n    letter-spacing: 0.1px;\n  }\n  .event-pill-more {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 8px;\n    color: var(--secondary);\n    font-weight: 600;\n    padding-left: 3px;\n  }\n\n  \/* \u2500\u2500 MODALS \u2500\u2500 *\/\n  .acal-modal-overlay {\n    display: none;\n    position: absolute;\n    inset: 0;\n    background: rgba(26,66,138,0.28);\n    z-index: 9999;\n    align-items: flex-start;\n    justify-content: center;\n    padding: 40px 12px 12px;\n    border-radius: 12px;\n  }\n  .acal-modal-overlay.open { display: flex; }\n\n  .acal-modal {\n    background: white;\n    border-radius: 12px;\n    width: 100%;\n    max-width: 480px;\n    max-height: calc(100% - 20px);\n    overflow-y: auto;\n    box-shadow: 0 16px 50px rgba(26,66,138,0.22);\n    animation: acalIn 0.18s ease;\n  }\n  @keyframes acalIn {\n    from { opacity: 0; transform: scale(0.96) translateY(8px); }\n    to   { opacity: 1; transform: scale(1) translateY(0); }\n  }\n\n  .acal-modal-header {\n    background: var(--primary);\n    color: white;\n    padding: 16px 20px 13px;\n    border-radius: 12px 12px 0 0;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    border-bottom: 2px solid rgba(255,255,255,0.2);\n  }\n  .acal-modal-header-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    color: whitesmoke;\n    letter-spacing: 0.3px;\n  }\n\n  .acal-modal-close {\n    background: rgba(255,255,255,0.2);\n    border: none;\n    color: white;\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    cursor: pointer;\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s;\n  }\n  .acal-modal-close:hover { background: rgba(255,255,255,0.35); }\n\n  .acal-modal-body { padding: 20px; }\n  .acal-modal-footer { padding: 0 20px 20px; display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }\n\n  .acal-wrap.visitor-mode .admin-only { display: none !important; }\n\n  \/* \u2500\u2500 Form \u2500\u2500 *\/\n  .form-group { margin-bottom: 13px; }\n  .form-label {\n    display: block;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 9px;\n    font-weight: 700;\n    color: var(--secondary);\n    margin-bottom: 5px;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n  }\n  .optional-tag {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 9px;\n    color: var(--secondary-light);\n    font-weight: 400;\n    text-transform: none;\n    letter-spacing: 0;\n    margin-left: 3px;\n  }\n\n  .form-input, .form-textarea {\n    width: 100%;\n    padding: 8px 11px;\n    border: 1.5px solid var(--border);\n    border-radius: 7px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--text);\n    outline: none;\n    transition: border-color 0.15s;\n    background: white;\n  }\n  .form-input:focus, .form-textarea:focus { border-color: var(--primary); }\n  .form-textarea { resize: vertical; min-height: 70px; }\n  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n\n  \/* \u2500\u2500 Multi-image input area \u2500\u2500 *\/\n  .img-url-row {\n    display: flex;\n    gap: 7px;\n    align-items: center;\n    margin-bottom: 6px;\n  }\n  .img-url-row .form-input { margin: 0; flex: 1; }\n  .btn-img-remove {\n    background: #fef0f0;\n    border: 1.5px solid #f5c6c6;\n    color: #c0392b;\n    border-radius: 6px;\n    width: 30px;\n    height: 30px;\n    cursor: pointer;\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    transition: background 0.15s;\n  }\n  .btn-img-remove:hover { background: #fde0e0; }\n  .btn-add-img-url {\n    background: var(--primary-bg);\n    border: 1.5px dashed var(--primary);\n    color: var(--primary);\n    border-radius: 7px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    padding: 7px 12px;\n    cursor: pointer;\n    width: 100%;\n    text-align: center;\n    transition: background 0.15s;\n    letter-spacing: 0.3px;\n    margin-top: 4px;\n  }\n  .btn-add-img-url:hover { background: #dce8f8; }\n\n  \/* \u2500\u2500 Buttons \u2500\u2500 *\/\n  .btn {\n    padding: 8px 17px;\n    border-radius: 7px;\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    border: none;\n    transition: all 0.15s;\n    letter-spacing: 0.2px;\n  }\n  .btn-primary { background: var(--primary); color: white; }\n  .btn-primary:hover { background: var(--primary-light); }\n  .btn-danger { background: #fef0f0; color: #c0392b; border: 1.5px solid #f5c6c6; }\n  .btn-danger:hover { background: #fde0e0; }\n  .btn-ghost { background: var(--secondary-bg); color: var(--secondary); border: 1.5px solid var(--border); }\n  .btn-ghost:hover { background: var(--border); }\n\n  \/* \u2500\u2500 Event view modal \u2500\u2500 *\/\n  .event-view-title {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 18px;\n    font-weight: 800;\n    color: var(--primary);\n    margin-bottom: 7px;\n    letter-spacing: -0.2px;\n  }\n  .event-view-desc {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 12px;\n    font-weight: 400;\n    color: var(--text-muted);\n    line-height: 1.7;\n    margin-bottom: 14px;\n    white-space: pre-wrap;\n  }\n  .event-meta { display: flex; flex-direction: column; gap: 7px; border-top: 1px solid var(--border); padding-top: 12px; }\n  .event-meta-row { display: flex; align-items: flex-start; gap: 9px; }\n  .meta-icon {\n    width: 22px;\n    height: 22px;\n    background: var(--primary-bg);\n    color: var(--primary);\n    border-radius: 5px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 11px;\n    flex-shrink: 0;\n    margin-top: 1px;\n  }\n  .meta-label {\n    font-family: 'Montserrat', sans-serif;\n    color: var(--text-muted);\n    font-size: 9px;\n    font-weight: 600;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n  .meta-value {\n    font-family: 'Montserrat', sans-serif;\n    color: var(--text);\n    font-size: 12px;\n    font-weight: 600;\n  }\n\n  \/* \u2500\u2500 Image gallery grid \u2500\u2500 *\/\n  .event-gallery {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\n    gap: 7px;\n    margin-bottom: 16px;\n  }\n  .gallery-thumb {\n    height: 90px;\n    border-radius: 8px;\n    overflow: hidden;\n    cursor: pointer;\n    position: relative;\n    border: 1.5px solid var(--border);\n    transition: transform 0.15s, box-shadow 0.15s;\n  }\n  .gallery-thumb:hover {\n    transform: scale(1.03);\n    box-shadow: 0 4px 18px rgba(26,66,138,0.18);\n    border-color: var(--primary);\n  }\n  .gallery-thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .gallery-thumb .zoom-hint {\n    position: absolute;\n    inset: 0;\n    background: rgba(26,66,138,0);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s;\n  }\n  .gallery-thumb:hover .zoom-hint { background: rgba(26,66,138,0.22); }\n  .zoom-hint svg { opacity: 0; transition: opacity 0.15s; }\n  .gallery-thumb:hover .zoom-hint svg { opacity: 1; }\n\n  \/* \u2500\u2500 Lightbox \u2500\u2500 *\/\n  .lightbox-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: transparent;\n    z-index: 99999;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n  }\n  .lightbox-overlay.open { display: flex; }\n\n  .lightbox-inner {\n    position: relative;\n    max-width: 90vw;\n    max-height: 90vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: lbIn 0.2s ease;\n    pointer-events: all;\n  }\n  @keyframes lbIn {\n    from { opacity: 0; transform: scale(0.94); }\n    to   { opacity: 1; transform: scale(1); }\n  }\n\n  .lightbox-inner img {\n    max-width: 90vw;\n    max-height: 85vh;\n    object-fit: contain;\n    border-radius: 10px;\n    box-shadow: 0 8px 40px rgba(0,0,0,0.35);\n    display: block;\n  }\n\n  .lightbox-close {\n    position: absolute;\n    top: -14px;\n    right: -14px;\n    background: white;\n    border: none;\n    color: var(--primary);\n    width: 34px;\n    height: 34px;\n    border-radius: 50%;\n    cursor: pointer;\n    font-size: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 700;\n    box-shadow: 0 4px 14px rgba(0,0,0,0.3);\n    transition: background 0.15s;\n    z-index: 1;\n  }\n  .lightbox-close:hover { background: var(--primary-bg); }\n\n  .lightbox-nav {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background: rgba(255,255,255,0.15);\n    border: none;\n    color: white;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    cursor: pointer;\n    font-size: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.15s;\n    z-index: 1;\n  }\n  .lightbox-nav:hover { background: rgba(255,255,255,0.28); }\n  .lightbox-nav.prev { left: -54px; }\n  .lightbox-nav.next { right: -54px; }\n  .lightbox-nav:disabled { opacity: 0.2; cursor: default; }\n\n  .lightbox-counter {\n    position: absolute;\n    bottom: -30px;\n    left: 50%;\n    transform: translateX(-50%);\n    font-family: 'Montserrat', sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    color: rgba(255,255,255,0.6);\n    white-space: nowrap;\n  }\n\n  \/* \u2500\u2500 Day list modal \u2500\u2500 *\/\n  .day-events-list { display: flex; flex-direction: column; gap: 8px; }\n  .day-event-item {\n    background: var(--primary-bg);\n    border-radius: 7px;\n    padding: 10px 12px;\n    cursor: pointer;\n    border-left: 3px solid var(--primary);\n    transition: background 0.15s;\n  }\n  .day-event-item:hover { background: #dce8f8; }\n  .day-event-name {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    font-size: 12px;\n    color: var(--primary);\n  }\n  .day-event-time {\n    font-family: 'Montserrat', sans-serif;\n    font-size: 10px;\n    font-weight: 500;\n    color: var(--secondary);\n    margin-top: 3px;\n  }\n  .day-no-events {\n    font-family: 'Montserrat', sans-serif;\n    text-align: center;\n    color: var(--text-muted);\n    font-size: 12px;\n    font-weight: 500;\n    padding: 20px 0;\n  }\n<\/style>\n<\/head>\n<body>\n<div class=\"acal-wrap\" id=\"acalWrap\">\n\n  <div class=\"acal-topbar\">\n    <button class=\"btn-add-event\" onclick=\"acalOpenAdd()\">\n      <span style=\"font-size:16px;line-height:1;\">+<\/span> Add Event\n    <\/button>\n  <\/div>\n\n  <div class=\"month-card\">\n    <div class=\"month-header\">\n      <button class=\"month-header-btn\" onclick=\"acalChangeMonth(-1)\">&#8592;<\/button>\n      <div class=\"month-header-title\" id=\"acalMonthLabel\"><\/div>\n      <button class=\"month-header-btn\" onclick=\"acalChangeMonth(1)\">&#8594;<\/button>\n    <\/div>\n    <div class=\"days-header\">\n      <div class=\"day-name\">Sun<\/div><div class=\"day-name\">Mon<\/div><div class=\"day-name\">Tue<\/div>\n      <div class=\"day-name\">Wed<\/div><div class=\"day-name\">Thu<\/div><div class=\"day-name\">Fri<\/div>\n      <div class=\"day-name\">Sat<\/div>\n    <\/div>\n    <div class=\"cal-body\" id=\"acalBody\"><\/div>\n  <\/div>\n\n  <!-- Day Modal -->\n  <div class=\"acal-modal-overlay\" id=\"acalDayModal\">\n    <div class=\"acal-modal\">\n      <div class=\"acal-modal-header\">\n        <div class=\"acal-modal-header-title\" id=\"acalDayTitle\">\u00c9v\u00e9nements<\/div>\n        <button class=\"acal-modal-close\" onclick=\"acalClose('acalDayModal')\">&#10005;<\/button>\n      <\/div>\n      <div class=\"acal-modal-body\">\n        <div class=\"day-events-list\" id=\"acalDayList\"><\/div>\n      <\/div>\n      <div class=\"acal-modal-footer\">\n        <button class=\"btn btn-primary admin-only\" onclick=\"acalOpenAddForDay()\">+ Add Event<\/button>\n        <button class=\"btn btn-ghost\" onclick=\"acalClose('acalDayModal')\">Close<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- View Modal -->\n  <div class=\"acal-modal-overlay\" id=\"acalViewModal\">\n    <div class=\"acal-modal\">\n      <div class=\"acal-modal-header\">\n        <div class=\"acal-modal-header-title\">Event Details<\/div>\n        <button class=\"acal-modal-close\" onclick=\"acalClose('acalViewModal')\">&#10005;<\/button>\n      <\/div>\n      <div class=\"acal-modal-body\">\n        <!-- Image gallery -->\n        <div class=\"event-gallery\" id=\"acalViewGallery\"><\/div>\n        <div class=\"event-view-title\" id=\"acalViewTitle\"><\/div>\n        <div class=\"event-view-desc\" id=\"acalViewDesc\"><\/div>\n        <div class=\"event-meta\" id=\"acalViewMeta\"><\/div>\n      <\/div>\n      <div class=\"acal-modal-footer\">\n        <button class=\"btn btn-primary admin-only\" onclick=\"acalEditCurrent()\">Edit<\/button>\n        <button class=\"btn btn-danger admin-only\" onclick=\"acalDeleteCurrent()\">Delete<\/button>\n        <button class=\"btn btn-ghost\" onclick=\"acalClose('acalViewModal')\">Close<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Add \/ Edit Modal -->\n  <div class=\"acal-modal-overlay\" id=\"acalEditModal\">\n    <div class=\"acal-modal\">\n      <div class=\"acal-modal-header\">\n        <div class=\"acal-modal-header-title\" id=\"acalEditTitle\">New Event<\/div>\n        <button class=\"acal-modal-close\" onclick=\"acalClose('acalEditModal')\">&#10005;<\/button>\n      <\/div>\n      <div class=\"acal-modal-body\">\n        <div class=\"form-group\">\n          <label class=\"form-label\">Event Title<\/label>\n          <input class=\"form-input\" id=\"acalFTitle\" type=\"text\" placeholder=\"Enter event title...\">\n        <\/div>\n        <div class=\"form-group\">\n          <label class=\"form-label\">Description<\/label>\n          <textarea class=\"form-textarea\" id=\"acalFDesc\" placeholder=\"Describe the event...\"><\/textarea>\n        <\/div>\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label class=\"form-label\">Start Date<\/label>\n            <input class=\"form-input\" id=\"acalFStartDate\" type=\"date\">\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">End Date<\/label>\n            <input class=\"form-input\" id=\"acalFEndDate\" type=\"date\">\n          <\/div>\n        <\/div>\n        <div class=\"form-row\">\n          <div class=\"form-group\">\n            <label class=\"form-label\">Start Time<\/label>\n            <input class=\"form-input\" id=\"acalFStartTime\" type=\"time\">\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">End Time<\/label>\n            <input class=\"form-input\" id=\"acalFEndTime\" type=\"time\">\n          <\/div>\n        <\/div>\n        <div class=\"form-group\">\n          <label class=\"form-label\">Location <span class=\"optional-tag\">(optional)<\/span><\/label>\n          <input class=\"form-input\" id=\"acalFLocation\" type=\"text\" placeholder=\"e.g. Room 101, Online...\">\n        <\/div>\n        <div class=\"form-group\">\n          <label class=\"form-label\">Images <span class=\"optional-tag\">(optional \u2014 paste URLs)<\/span><\/label>\n          <div id=\"acalImgUrlList\"><\/div>\n          <button class=\"btn-add-img-url\" onclick=\"acalAddImgRow('')\">+ Add Image URL<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"acal-modal-footer\">\n        <button class=\"btn btn-primary\" onclick=\"acalSave()\">Save Event<\/button>\n        <button class=\"btn btn-ghost\" onclick=\"acalClose('acalEditModal')\">Cancel<\/button>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div><!-- end acal-wrap -->\n\n<!-- Lightbox (outside acal-wrap so it's truly fullscreen) -->\n<div class=\"lightbox-overlay\" id=\"acalLightbox\" onclick=\"acalLightboxBgClick(event)\">\n  <div class=\"lightbox-inner\" id=\"acalLightboxInner\">\n    <button class=\"lightbox-close\" onclick=\"acalCloseLightbox()\">&#10005;<\/button>\n    <button class=\"lightbox-nav prev\" id=\"acalLbPrev\" onclick=\"acalLightboxNav(-1)\">&#8592;<\/button>\n    <img decoding=\"async\" id=\"acalLightboxImg\" src=\"\" alt=\"\">\n    <button class=\"lightbox-nav next\" id=\"acalLbNext\" onclick=\"acalLightboxNav(1)\">&#8594;<\/button>\n    <div class=\"lightbox-counter\" id=\"acalLbCounter\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function() {\n\n  \/* ============================================================\n     \u270f\ufe0f  ADMIN MODE\n     true  \u2192 Add \/ Edit \/ Delete events\n     false \u2192 Visitors see only\n  ============================================================ *\/\n  var ADMIN_MODE = false;\n  \/* ============================================================ *\/\n\n  if (!ADMIN_MODE) {\n    document.getElementById('acalWrap').classList.add('visitor-mode');\n  }\n\n  var MONTHS = ['January','February','March','April','May','June','July','August','September','October','November','December'];\n  var todayD   = new Date();\n  var curYear  = todayD.getFullYear();\n  var curMonth = todayD.getMonth();\n  var events   = [];\n  var editingId = null, selectedDay = null, viewingId = null;\n\n  \/\/ Lightbox state\n  var lbImages = [], lbIndex = 0;\n\n  function loadEvents() {\n    \/* ============================================================\n       \ud83d\udcc5 HARDCODED EVENTS\n       ----------------------------------------------------------\n       Paste your exported events JSON here (from localStorage).\n       In your browser console run:\n         copy(localStorage.getItem('acalEvents'))\n       Then replace the [] below with the pasted JSON array.\n    ============================================================ *\/\n    var HARDCODED_EVENTS = [{\"id\":\"1776846124450\",\"title\":\"Brainy Louaizeans - Intermediate cycle\",\"description\":\"\",\"startDate\":\"2026-04-30\",\"endDate\":\"2026-04-30\",\"startTime\":\"13:15\",\"endTime\":\"14:15\",\"location\":\"Auditorium Abb\u00e9 Tarabay\",\"images\":[]},{\"id\":\"1776846268986\",\"title\":\"Visite de la d\u00e9fense Civil + Stimulation (KG2)\",\"description\":\"\",\"startDate\":\"2026-04-30\",\"endDate\":\"2026-04-30\",\"startTime\":\"08:30\",\"endTime\":\"09:30\",\"location\":\"Place de la maternelle\",\"images\":[]},{\"id\":\"1776846328154\",\"title\":\"F\u00eate des mamans - MS\",\"description\":\"\",\"startDate\":\"2026-04-29\",\"endDate\":\"2026-04-29\",\"startTime\":\"10:00\",\"endTime\":\"11:30\",\"location\":\"Auditorium Abb\u00e9 Tarabay\",\"images\":[\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-3.21.54-PM-1.jpeg\"]},{\"id\":\"1776846402676\",\"title\":\"\u0645\u0633\u0631\u062d\u064a\u0629 \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0632\u0648\u0627\u062c -\u0627\u0644\u0635\u0641\u0648\u0641  \u0627\u0644\u062b\u0627\u0646\u0648\u064a\u0629\",\"description\":\"\",\"startDate\":\"2026-04-22\",\"endDate\":\"2026-04-22\",\"startTime\":\"13:15\",\"endTime\":\"14:15\",\"location\":\"Auditorium Abb\u00e9 Tarabay\",\"images\":[\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-3.21.19-PM.jpeg\"]},{\"id\":\"1776846458690\",\"title\":\"Cin\u00e9 Club: BIRDY\",\"description\":\"\",\"startDate\":\"2026-04-23\",\"endDate\":\"2026-04-23\",\"startTime\":\"15:15\",\"endTime\":\"17:45\",\"location\":\"Auditorium Salim Sfeir\",\"images\":[\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-3.21.19-PM-1.jpeg\"]},{\"id\":\"1776846503866\",\"title\":\"Photo palmares Classes terminales + Lyc\u00e9e bac F\",\"description\":\"\",\"startDate\":\"2026-04-23\",\"endDate\":\"2026-04-23\",\"startTime\":\"08:00\",\"endTime\":\"08:30\",\"location\":\"Pelouse\",\"images\":[]},{\"id\":\"1776846589833\",\"title\":\"Photo Palmares (selon un horaire pr\u00e9cis)\",\"description\":\"\",\"startDate\":\"2026-04-24\",\"endDate\":\"2026-04-24\",\"startTime\":\"08:15\",\"endTime\":\"11:00\",\"location\":\"Pelouse\",\"images\":[]},{\"id\":\"1776846636002\",\"title\":\"F\u00eate des mamans GS\",\"description\":\"\",\"startDate\":\"2026-04-30\",\"endDate\":\"2026-04-30\",\"startTime\":\"10:00\",\"endTime\":\"11:30\",\"location\":\"Cour\",\"images\":[\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-3.21.54-PM-2.jpeg\"]},{\"id\":\"1776846680826\",\"title\":\"F\u00eate des mamans PS\",\"description\":\"\",\"startDate\":\"2026-04-28\",\"endDate\":\"2026-04-28\",\"startTime\":\"10:00\",\"endTime\":\"11:30\",\"location\":\"Cour de la maternelle\",\"images\":[\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-3.21.54-PM.jpeg\"]},{\"id\":\"1776846730850\",\"title\":\"Mother's Day - KG2\",\"description\":\"\",\"startDate\":\"2026-05-05\",\"endDate\":\"2026-05-05\",\"startTime\":\"10:30\",\"endTime\":\"12:00\",\"location\":\"Preschool Playground\",\"images\":[\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-3.39.36-PM-1.jpeg\"]},{\"id\":\"1776846768130\",\"title\":\"Mother's Day - KG3\",\"description\":\"\",\"startDate\":\"2026-05-06\",\"endDate\":\"2026-05-06\",\"startTime\":\"10:30\",\"endTime\":\"12:00\",\"location\":\"Preschool Playground\",\"images\":[\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-3.39.36-PM-2.jpeg\"]},{\"id\":\"1776847713769\",\"title\":\"Mother's Day - KG1\",\"description\":\"\",\"startDate\":\"2026-05-04\",\"endDate\":\"2026-05-04\",\"startTime\":\"10:30\",\"endTime\":\"12:00\",\"location\":\"Preschool Playground\",\"images\":[\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-21-at-3.39.36-PM.jpeg\"]}];\n    \/* ============================================================ *\/\n\n    try {\n      var stored = localStorage.getItem('acalEvents');\n      events = stored ? JSON.parse(stored) : HARDCODED_EVENTS;\n      \/\/ If localStorage is empty, seed it from hardcoded so admin can edit too\n      if (!stored && HARDCODED_EVENTS.length > 0) {\n        localStorage.setItem('acalEvents', JSON.stringify(HARDCODED_EVENTS));\n      }\n    } catch(e) { events = HARDCODED_EVENTS; }\n  }\n  function saveEvents() {\n    try { localStorage.setItem('acalEvents', JSON.stringify(events)); } catch(e) {}\n  }\n  loadEvents();\n\n  window.acalChangeMonth = function(dir) {\n    curMonth += dir;\n    if (curMonth > 11) { curMonth = 0; curYear++; }\n    if (curMonth < 0)  { curMonth = 11; curYear--; }\n    render();\n  };\n\n  function getEventsForDate(dateStr) {\n    return events.filter(function(e) {\n      return e.startDate && dateStr >= e.startDate && dateStr <= (e.endDate || e.startDate);\n    });\n  }\n\n  function render() {\n    document.getElementById('acalMonthLabel').textContent = MONTHS[curMonth] + ' ' + curYear;\n    var body = document.getElementById('acalBody');\n    body.innerHTML = '';\n    var firstDay    = new Date(curYear, curMonth, 1).getDay();\n    var daysInMonth = new Date(curYear, curMonth + 1, 0).getDate();\n    var daysInPrev  = new Date(curYear, curMonth, 0).getDate();\n    var todayStr    = todayD.getFullYear() + '-' + String(todayD.getMonth()+1).padStart(2,'0') + '-' + String(todayD.getDate()).padStart(2,'0');\n\n    for (var i = 0; i < firstDay; i++) {\n      var cell = document.createElement('div');\n      cell.className = 'day-cell other-month';\n      cell.innerHTML = '<div class=\"day-num\">' + (daysInPrev - firstDay + 1 + i) + '<\/div>';\n      body.appendChild(cell);\n    }\n\n    for (var d = 1; d <= daysInMonth; d++) {\n      var dateStr = curYear + '-' + String(curMonth+1).padStart(2,'0') + '-' + String(d).padStart(2,'0');\n      var dayEvs  = getEventsForDate(dateStr);\n      var cell    = document.createElement('div');\n      cell.className = 'day-cell' + (dateStr === todayStr ? ' today' : '');\n      var shown = dayEvs.slice(0, 2);\n      var more  = dayEvs.length > 2 ? '<div class=\"event-pill-more\">+' + (dayEvs.length - 2) + ' more<\/div>' : '';\n      var pills = shown.map(function(ev) { return '<div class=\"event-pill\">' + escHtml(ev.title) + '<\/div>'; }).join('');\n      cell.innerHTML = '<div class=\"day-num\">' + d + '<\/div><div class=\"day-pills\">' + pills + more + '<\/div>';\n      cell.addEventListener('click', (function(ds, de) { return function() { acalOpenDay(ds, de); }; })(dateStr, dayEvs));\n      body.appendChild(cell);\n    }\n\n    var remaining = (firstDay + daysInMonth) % 7;\n    if (remaining > 0) {\n      for (var j = 1; j <= 7 - remaining; j++) {\n        var cell = document.createElement('div');\n        cell.className = 'day-cell other-month';\n        cell.innerHTML = '<div class=\"day-num\">' + j + '<\/div>';\n        body.appendChild(cell);\n      }\n    }\n  }\n\n  function acalOpenDay(dateStr, dayEvs) {\n    selectedDay = dateStr;\n    var parts = dateStr.split('-');\n    document.getElementById('acalDayTitle').textContent = MONTHS[parseInt(parts[1])-1] + ' ' + parseInt(parts[2]) + ', ' + parts[0];\n    var list = document.getElementById('acalDayList');\n    list.innerHTML = '';\n    if (dayEvs.length === 0) {\n      list.innerHTML = '<div class=\"day-no-events\">No events on this day.<\/div>';\n    } else {\n      dayEvs.forEach(function(ev) {\n        var item = document.createElement('div');\n        item.className = 'day-event-item';\n        item.innerHTML = '<div class=\"day-event-name\">' + escHtml(ev.title) + '<\/div><div class=\"day-event-time\">' + fmtTime(ev.startTime) + (ev.endTime ? ' \\u2013 ' + fmtTime(ev.endTime) : '') + '<\/div>';\n        item.addEventListener('click', function() { acalClose('acalDayModal'); acalOpenView(ev.id); });\n        list.appendChild(item);\n      });\n    }\n    acalOpen('acalDayModal');\n  }\n\n  window.acalOpenAddForDay = function() { acalClose('acalDayModal'); acalOpenAdd(selectedDay); };\n\n  window.acalOpenAdd = function(dateStr) {\n    editingId = null;\n    document.getElementById('acalEditTitle').textContent = 'New Event';\n    document.getElementById('acalFTitle').value          = '';\n    document.getElementById('acalFDesc').value           = '';\n    document.getElementById('acalFStartDate').value      = dateStr || '';\n    document.getElementById('acalFEndDate').value        = dateStr || '';\n    document.getElementById('acalFStartTime').value      = '';\n    document.getElementById('acalFEndTime').value        = '';\n    document.getElementById('acalFLocation').value       = '';\n    renderImgUrlList([]);\n    acalOpen('acalEditModal');\n  };\n\n  \/* \u2500\u2500 Image URL rows in form \u2500\u2500 *\/\n  var imgUrlRows = [];\n\n  function renderImgUrlList(urls) {\n    imgUrlRows = urls.slice();\n    var container = document.getElementById('acalImgUrlList');\n    container.innerHTML = '';\n    imgUrlRows.forEach(function(url, idx) {\n      var row = document.createElement('div');\n      row.className = 'img-url-row';\n      row.dataset.idx = idx;\n      var inp = document.createElement('input');\n      inp.className = 'form-input';\n      inp.type = 'url';\n      inp.placeholder = 'https:\/\/...';\n      inp.value = url;\n      inp.addEventListener('input', function() { imgUrlRows[idx] = this.value.trim(); });\n      var btn = document.createElement('button');\n      btn.className = 'btn-img-remove';\n      btn.type = 'button';\n      btn.innerHTML = '&#10005;';\n      btn.addEventListener('click', function() {\n        imgUrlRows.splice(idx, 1);\n        renderImgUrlList(imgUrlRows);\n      });\n      row.appendChild(inp);\n      row.appendChild(btn);\n      container.appendChild(row);\n    });\n  }\n\n  window.acalAddImgRow = function(val) {\n    imgUrlRows.push(val || '');\n    renderImgUrlList(imgUrlRows);\n    \/\/ Focus new input\n    var rows = document.querySelectorAll('#acalImgUrlList .img-url-row');\n    if (rows.length) rows[rows.length - 1].querySelector('input').focus();\n  };\n\n  function getImgUrls() {\n    return imgUrlRows.filter(function(u) { return u && u.trim(); });\n  }\n\n  \/* \u2500\u2500 View modal \u2500\u2500 *\/\n  function acalOpenView(id) {\n    var ev = events.find(function(e) { return e.id === id; });\n    if (!ev) return;\n    viewingId = id;\n\n    \/\/ Gallery\n    var gallery = document.getElementById('acalViewGallery');\n    gallery.innerHTML = '';\n    var imgs = ev.images || (ev.image ? [ev.image] : []);\n    if (imgs.length > 0) {\n      imgs.forEach(function(src, idx) {\n        var thumb = document.createElement('div');\n        thumb.className = 'gallery-thumb';\n        thumb.innerHTML = '<img decoding=\"async\" src=\"' + escAttr(src) + '\" alt=\"Event image ' + (idx+1) + '\">'\n          + '<div class=\"zoom-hint\"><svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"\/><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"\/><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"\/><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"\/><\/svg><\/div>';\n        thumb.addEventListener('click', (function(i) { return function() { acalOpenLightbox(imgs, i); }; })(idx));\n        gallery.appendChild(thumb);\n      });\n    }\n\n    document.getElementById('acalViewTitle').textContent = ev.title;\n    document.getElementById('acalViewDesc').textContent  = ev.description || '';\n\n    var meta = document.getElementById('acalViewMeta');\n    meta.innerHTML = '';\n    function addM(label, val) {\n      if (!val) return;\n      meta.innerHTML += '<div class=\"event-meta-row\"><div><div class=\"meta-label\">' + label + '<\/div><div class=\"meta-value\">' + val + '<\/div><\/div><\/div>';\n    }\n    addM('Date', ev.startDate === ev.endDate ? fmtDate(ev.startDate) : fmtDate(ev.startDate) + ' \\u2013 ' + fmtDate(ev.endDate));\n    addM('Time', ev.startTime ? (ev.endTime ? fmtTime(ev.startTime) + ' \\u2013 ' + fmtTime(ev.endTime) : fmtTime(ev.startTime)) : null);\n    addM('Location', ev.location);\n    acalOpen('acalViewModal');\n  }\n\n  window.acalEditCurrent = function() {\n    var ev = events.find(function(e) { return e.id === viewingId; });\n    if (!ev) return;\n    acalClose('acalViewModal');\n    editingId = ev.id;\n    document.getElementById('acalEditTitle').textContent = 'Edit Event';\n    document.getElementById('acalFTitle').value          = ev.title || '';\n    document.getElementById('acalFDesc').value           = ev.description || '';\n    document.getElementById('acalFStartDate').value      = ev.startDate || '';\n    document.getElementById('acalFEndDate').value        = ev.endDate || '';\n    document.getElementById('acalFStartTime').value      = ev.startTime || '';\n    document.getElementById('acalFEndTime').value        = ev.endTime || '';\n    document.getElementById('acalFLocation').value       = ev.location || '';\n    var imgs = ev.images || (ev.image ? [ev.image] : []);\n    renderImgUrlList(imgs);\n    acalOpen('acalEditModal');\n  };\n\n  window.acalDeleteCurrent = function() {\n    if (!confirm('Delete this event?')) return;\n    events = events.filter(function(e) { return e.id !== viewingId; });\n    saveEvents(); acalClose('acalViewModal'); render();\n  };\n\n  window.acalSave = function() {\n    var title     = document.getElementById('acalFTitle').value.trim();\n    var startDate = document.getElementById('acalFStartDate').value;\n    if (!title)     { alert('Please enter a title.'); return; }\n    if (!startDate) { alert('Please enter a start date.'); return; }\n    var data = {\n      id:          editingId || String(Date.now()),\n      title:       title,\n      description: document.getElementById('acalFDesc').value.trim(),\n      startDate:   startDate,\n      endDate:     document.getElementById('acalFEndDate').value || startDate,\n      startTime:   document.getElementById('acalFStartTime').value,\n      endTime:     document.getElementById('acalFEndTime').value,\n      location:    document.getElementById('acalFLocation').value.trim(),\n      images:      getImgUrls(),\n    };\n    if (editingId) {\n      var idx = events.findIndex(function(e) { return e.id === editingId; });\n      events[idx] = data;\n    } else {\n      events.push(data);\n    }\n    saveEvents(); acalClose('acalEditModal'); render();\n  };\n\n  \/* \u2500\u2500 Lightbox \u2500\u2500 *\/\n  window.acalOpenLightbox = function(imgs, startIdx) {\n    lbImages = imgs;\n    lbIndex  = startIdx;\n    updateLightbox();\n    var lb = document.getElementById('acalLightbox');\n    \/\/ Move to body so it escapes all stacking contexts \/ position:relative parents\n    document.body.appendChild(lb);\n    lb.classList.add('open');\n    lb.style.pointerEvents = 'all';\n    \/\/ Lock scroll\n    document.body.style.overflow = 'hidden';\n    document.addEventListener('keydown', lbKeyHandler);\n  };\n\n  window.acalCloseLightbox = function() {\n    var lb = document.getElementById('acalLightbox');\n    lb.classList.remove('open');\n    lb.style.pointerEvents = 'none';\n    document.body.style.overflow = '';\n    document.removeEventListener('keydown', lbKeyHandler);\n  };\n\n  window.acalLightboxBgClick = function(e) {};\n\n  window.acalLightboxNav = function(dir) {\n    lbIndex = Math.max(0, Math.min(lbImages.length - 1, lbIndex + dir));\n    updateLightbox();\n  };\n\n  function updateLightbox() {\n    document.getElementById('acalLightboxImg').src = lbImages[lbIndex];\n    document.getElementById('acalLbCounter').textContent = lbImages.length > 1 ? (lbIndex + 1) + ' \/ ' + lbImages.length : '';\n    document.getElementById('acalLbPrev').disabled = lbIndex === 0;\n    document.getElementById('acalLbNext').disabled = lbIndex === lbImages.length - 1;\n    \/\/ Hide nav if only one image\n    var showNav = lbImages.length > 1;\n    document.getElementById('acalLbPrev').style.display = showNav ? '' : 'none';\n    document.getElementById('acalLbNext').style.display = showNav ? '' : 'none';\n  }\n\n  function lbKeyHandler(e) {\n    if (e.key === 'ArrowLeft')  acalLightboxNav(-1);\n    if (e.key === 'ArrowRight') acalLightboxNav(1);\n    if (e.key === 'Escape')     acalCloseLightbox();\n  }\n\n  \/* \u2500\u2500 Helpers \u2500\u2500 *\/\n  function acalOpen(id)  { document.getElementById(id).classList.add('open'); }\n  window.acalClose = function(id) { document.getElementById(id).classList.remove('open'); };\n\n  document.querySelectorAll('.acal-modal-overlay').forEach(function(el) {\n    el.addEventListener('click', function(e) { if (e.target === this) this.classList.remove('open'); });\n  });\n\n  function fmtDate(str) {\n    if (!str) return '';\n    var p = str.split('-');\n    return MONTHS[parseInt(p[1])-1] + ' ' + parseInt(p[2]) + ', ' + p[0];\n  }\n  function fmtTime(t) {\n    if (!t) return '';\n    var p = t.split(':'), hr = parseInt(p[0]);\n    return (hr % 12 || 12) + ':' + p[1] + ' ' + (hr < 12 ? 'AM' : 'PM');\n  }\n  function escHtml(s) {\n    return String(s).replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;').replace(\/\"\/g,'&quot;');\n  }\n  function escAttr(s) { return String(s).replace(\/\"\/g, '&quot;').replace(\/'\/g, '&#39;'); }\n\n  render();\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-parallax=\"1.6\" data-vc-parallax-o-fade=\"on\" data-vc-parallax-image=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/DJI_0055-1-1-1-scaled-1-Edited.webp\" class=\"vc_row wpb_row vc_row-fluid stats-background wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1773052766942 vc_row-has-fill vc_row-o-full-height vc_row-o-columns-middle vc_row-o-content-middle vc_row-flex vc_general vc_parallax vc_parallax-content-moving-fade js-vc_parallax-o-fade\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 class=\"stm-title stm-title_sep_bottom\" style=\"text-align:center;font-weight:700;color:#ffffff\">\n\nCNDL en chiffres\n<\/h2>\n\t<div class=\"stm-separator stm-clearfix stm-separator_type_title\" >\n\t\t<div class=\"stm-separator__line\" style=\"border-bottom-color:#FFFFFF;margin-left:auto;margin-right:auto\"><\/div>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff; font-size: 18px;\">D\u00e9couvrez quelques statistiques sur notre \u00e9tablissement<\/span><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"stm-stats stm-stats_counter clearfix stm-stats_icon_left\">\n    \n\t\t\t\t\t\t\t\t<div class=\"stm-stats__icon stm-font_color_dark-blue\" >\n\t\t\t\t<object id=\"stm-stats-svg-1752429838\" type=\"image\/svg+xml\" data=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/01\/Traditional-Spanning.svg\"><\/object>\n\t\t\t<\/div>\n\t\t\n    <div class=\"stm-stats__content\">\n                    <div class=\"stm-stats__value\">\n                <span class=\"stats__value-number\" id=\"counter_1752429838\" >300<\/span>\n            <\/div>\n        \n                 <div class=\"stm-stats__descr\" >H\u00e9ritage traditionnel<\/div>\n              <\/div>\n<\/div>\n\n<script>\n\n    (function($) {\n\t    \"use strict\";\n\n      $(document).ready(function () {\n          var counterId        = '1752429838',\n              counterValue     = '300',\n              counterDuration  = '2.5',\n              counterSuffix    = '+',\n              counterSeparator = '',\n              counterGrouping  = '',\n              svgAnimated      = 'true',\n              svgWidth         = '',\n              iconColor        = $(\"#counter_\" + counterId).closest(\".stm-stats\").find(\".stm-stats__icon\").css(\"color\"),\n              options          = {\n                  useEasing: true,\n                  useGrouping: false\n              };\n\n              if( counterSuffix ) {\n                  options['suffix'] = counterSuffix;\n              }\n\n              if( counterSeparator ) {\n                  options['separator'] = counterSeparator;\n              }\n\n              if( counterGrouping ) {\n                  options['useGrouping'] = counterGrouping;\n              }\n\n          var counter = new countUp(\"counter_\" + counterId, 0, counterValue , 0, counterDuration, options);\n\n          $(window).load(function () {\n              if ($(\"#counter_\" + counterId).is_on_screen()) {\n                  counter.start();\n              }\n          });\n\n          $(window).scroll(function () {\n              if ($(\"#counter_\" + counterId).is_on_screen()) {\n                counter.start();\n              }\n          });\n\n          if( svgAnimated ) {\n\t\t\tvar svgPath;\n\n            new Vivus('stm-stats-svg-' + counterId, {\n                type: 'async',\n                duration: 250,\n                pathTimingFunction: Vivus.EASE_OUT,\n                animTimingFunction: Vivus.EASE_OUT,\n                onReady: function (svgInit) {\n                    if( svgWidth ) {\n                        svgInit.el.setAttribute('width', svgWidth);\n                        svgInit.el.setAttribute('height', 'auto');\n                    }\n\n                    svgPath = svgInit.el.getElementsByTagName('path');\n                    for( var i = 0; i < svgPath.length; i++ ) {\n                        svgPath[i].style.stroke = iconColor;\n                    }\n                }\n            });\n\n            if( $(\"#site-skin-color\").length ) {\n                $(document).on(\"click\", \"#site-skin-color span\", function() {\n                    setTimeout(function(){\n                        for( var i = 0; i < svgPath.length; i++ ) {\n                            svgPath[i].style.stroke = $(\"#counter_\" + counterId).closest(\".stm-stats\").find(\".stm-stats__icon\").css(\"color\");\n                        }\n                    }, 500);\n                });\n            }\n          }\n      });\n    })(jQuery);\n\n<\/script>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"stm-stats stm-stats_counter clearfix stm-stats_icon_left\">\n    \n\t\t\t\t\t\t\t\t<div class=\"stm-stats__icon stm-font_color_dark-blue\" >\n\t\t\t\t<object id=\"stm-stats-svg-1701597625\" type=\"image\/svg+xml\" data=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/01\/College.svg\"><\/object>\n\t\t\t<\/div>\n\t\t\n    <div class=\"stm-stats__content\">\n                    <div class=\"stm-stats__value\">\n                <span class=\"stats__value-number\" id=\"counter_1701597625\" >60<\/span>\n            <\/div>\n        \n                 <div class=\"stm-stats__descr\" >D'excellence acad\u00e9mique<\/div>\n              <\/div>\n<\/div>\n\n<script>\n\n    (function($) {\n\t    \"use strict\";\n\n      $(document).ready(function () {\n          var counterId        = '1701597625',\n              counterValue     = '60',\n              counterDuration  = '2.5',\n              counterSuffix    = '+',\n              counterSeparator = '',\n              counterGrouping  = 'true',\n              svgAnimated      = 'true',\n              svgWidth         = '',\n              iconColor        = $(\"#counter_\" + counterId).closest(\".stm-stats\").find(\".stm-stats__icon\").css(\"color\"),\n              options          = {\n                  useEasing: true,\n                  useGrouping: false\n              };\n\n              if( counterSuffix ) {\n                  options['suffix'] = counterSuffix;\n              }\n\n              if( counterSeparator ) {\n                  options['separator'] = counterSeparator;\n              }\n\n              if( counterGrouping ) {\n                  options['useGrouping'] = counterGrouping;\n              }\n\n          var counter = new countUp(\"counter_\" + counterId, 0, counterValue , 0, counterDuration, options);\n\n          $(window).load(function () {\n              if ($(\"#counter_\" + counterId).is_on_screen()) {\n                  counter.start();\n              }\n          });\n\n          $(window).scroll(function () {\n              if ($(\"#counter_\" + counterId).is_on_screen()) {\n                counter.start();\n              }\n          });\n\n          if( svgAnimated ) {\n\t\t\tvar svgPath;\n\n            new Vivus('stm-stats-svg-' + counterId, {\n                type: 'async',\n                duration: 250,\n                pathTimingFunction: Vivus.EASE_OUT,\n                animTimingFunction: Vivus.EASE_OUT,\n                onReady: function (svgInit) {\n                    if( svgWidth ) {\n                        svgInit.el.setAttribute('width', svgWidth);\n                        svgInit.el.setAttribute('height', 'auto');\n                    }\n\n                    svgPath = svgInit.el.getElementsByTagName('path');\n                    for( var i = 0; i < svgPath.length; i++ ) {\n                        svgPath[i].style.stroke = iconColor;\n                    }\n                }\n            });\n\n            if( $(\"#site-skin-color\").length ) {\n                $(document).on(\"click\", \"#site-skin-color span\", function() {\n                    setTimeout(function(){\n                        for( var i = 0; i < svgPath.length; i++ ) {\n                            svgPath[i].style.stroke = $(\"#counter_\" + counterId).closest(\".stm-stats\").find(\".stm-stats__icon\").css(\"color\");\n                        }\n                    }, 500);\n                });\n            }\n          }\n      });\n    })(jQuery);\n\n<\/script>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"stm-stats stm-stats_counter clearfix stm-stats_icon_left\">\n    \n\t\t\t\t\t\t\t\t<div class=\"stm-stats__icon stm-font_color_dark-blue\" >\n\t\t\t\t<object id=\"stm-stats-svg-1987673386\" type=\"image\/svg+xml\" data=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/01\/Students-Enrolled.svg\"><\/object>\n\t\t\t<\/div>\n\t\t\n    <div class=\"stm-stats__content\">\n                    <div class=\"stm-stats__value\">\n                <span class=\"stats__value-number\" id=\"counter_1987673386\" >2800<\/span>\n            <\/div>\n        \n                 <div class=\"stm-stats__descr\" >Apprenants inscrits<\/div>\n              <\/div>\n<\/div>\n\n<script>\n\n    (function($) {\n\t    \"use strict\";\n\n      $(document).ready(function () {\n          var counterId        = '1987673386',\n              counterValue     = '2800',\n              counterDuration  = '2.5',\n              counterSuffix    = '+',\n              counterSeparator = ',',\n              counterGrouping  = 'true',\n              svgAnimated      = 'true',\n              svgWidth         = '',\n              iconColor        = $(\"#counter_\" + counterId).closest(\".stm-stats\").find(\".stm-stats__icon\").css(\"color\"),\n              options          = {\n                  useEasing: true,\n                  useGrouping: false\n              };\n\n              if( counterSuffix ) {\n                  options['suffix'] = counterSuffix;\n              }\n\n              if( counterSeparator ) {\n                  options['separator'] = counterSeparator;\n              }\n\n              if( counterGrouping ) {\n                  options['useGrouping'] = counterGrouping;\n              }\n\n          var counter = new countUp(\"counter_\" + counterId, 0, counterValue , 0, counterDuration, options);\n\n          $(window).load(function () {\n              if ($(\"#counter_\" + counterId).is_on_screen()) {\n                  counter.start();\n              }\n          });\n\n          $(window).scroll(function () {\n              if ($(\"#counter_\" + counterId).is_on_screen()) {\n                counter.start();\n              }\n          });\n\n          if( svgAnimated ) {\n\t\t\tvar svgPath;\n\n            new Vivus('stm-stats-svg-' + counterId, {\n                type: 'async',\n                duration: 250,\n                pathTimingFunction: Vivus.EASE_OUT,\n                animTimingFunction: Vivus.EASE_OUT,\n                onReady: function (svgInit) {\n                    if( svgWidth ) {\n                        svgInit.el.setAttribute('width', svgWidth);\n                        svgInit.el.setAttribute('height', 'auto');\n                    }\n\n                    svgPath = svgInit.el.getElementsByTagName('path');\n                    for( var i = 0; i < svgPath.length; i++ ) {\n                        svgPath[i].style.stroke = iconColor;\n                    }\n                }\n            });\n\n            if( $(\"#site-skin-color\").length ) {\n                $(document).on(\"click\", \"#site-skin-color span\", function() {\n                    setTimeout(function(){\n                        for( var i = 0; i < svgPath.length; i++ ) {\n                            svgPath[i].style.stroke = $(\"#counter_\" + counterId).closest(\".stm-stats\").find(\".stm-stats__icon\").css(\"color\");\n                        }\n                    }, 500);\n                });\n            }\n          }\n      });\n    })(jQuery);\n\n<\/script>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1454922034334\"><div class=\"wpb_animate_when_almost_visible wpb_fadeInLeft fadeInLeft wpb_column vc_column_container vc_col-sm-12\" id=\"enrollement\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 class=\"stm-title stm-title_sep_bottom\" style=\"text-align:center;color:#1A428A\">\n\nInscription au Coll\u00e8ge Notre Dame de Louaiz\u00e9\n<\/h2>\n\t<div class=\"stm-separator stm-clearfix stm-separator_type_title stm-separator_has_subtitle\" style=\"margin-bottom:52px\">\n\t\t<div class=\"stm-separator__line stm-border-b_color_green\" style=\"margin-left:auto;margin-right:auto\"><\/div>\n\t<\/div>\n\t<div class=\"stm-subtitle stm-font_color_dark-gray\" style=\"text-align:center;margin-bottom:43px\">\n\t\t<\/p>\n<p style=\"font-family: Montserrat; font-size: 18px; color: #7d706d; text-align: left;\">Souhaitez-vous offrir \u00e0 votre enfant une excellente \u00e9ducation au Coll<span style=\"font-size: 18px;\">\u00e8ge <\/span>Notre Dame De Louaiz\u00e9 ? Nous vous remercions de votre confiance et vous invitons \u00e0 d\u00e9couvrir le processus d'inscription simple et transparent que nous avons mis en place pour accueillir votre enfant au sein de notre communaut\u00e9 \u00e9ducative <strong>\u00c9tapes \u00e0 suivre:<\/strong><\/p>\n<p>\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-4 vc_col-md-4 vc_col-xs-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\n\t<div class=\"stm-icon-box stm-icon-box_ic-pos_left stm-icon-box_style-4 vc_custom_1758182669931\" style=\"text-align:left\">\n\t\t\t\t\t\t\t\t\t<div class=\"stm-icon-box__ic-container stm-icon-box__ic-container_svg\" style=\"color:#7D706D\">\n\t\t\t\t\t\t\t\t\t\t<object id=\"stm-icon-box-svg-759\" type=\"image\/svg+xml\" data=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/01\/Internal-Regulations.svg\"><\/object>\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t<div class=\"stm-icon-box__content\">\n\t\t\t\t\t\t\t<div class=\"stm-icon-box__title\" style=\"color:#1A428A\">R\u00e9viser le R\u00e8glement Int\u00e9rieur<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"stm-icon-box__descr\" style=\"color:#7D706D\">Adherence to the School's internal regulations is essential for enrolling your child. Please read them carefully to familiarize yourself with the fundamental principles that govern our institution.<\/div>\n\t\t\t\t\t\t\t\t\t\t<a class=\"stm-btn stm-btn_outline stm-btn_blue stm-btn_sm stm-btn_icon-right\" href=\"https:\/\/www.cndl.edu.lb\/fr\/learner-handbook\/\" target=\"_self\">Afficher plus<i class=\"stm-icon stm-icon-arrow-right\"><\/i><\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"stm-icon-box__step\" style=\"color:#1A428A\">1<\/div>\n\t\t\t<\/div>\n\n\t\t<script>\n\n\t\t(function($) {\n\t\t\t\"use strict\";\n\n\t\t\t$(document).ready(function () {\n\t\t\t\tvar iconID      = '759',\n\t\t\t\t\t\tsvgAnimated = 'true',\n\t\t\t\t\t\tsvgWidth    = '',\n\t\t\t\t\t\ticonColor   = $(\"#stm-icon-box-svg-\" + iconID).parent().css(\"color\");\n\n\t\t\t\tif( svgAnimated ) {\n\t\t\t\t\tvar svgPath;\n\t\t\t\t\tnew Vivus('stm-icon-box-svg-' + iconID, {\n\t\t\t\t\t\ttype: 'async',\n\t\t\t\t\t\tduration: 200,\n\t\t\t\t\t\tpathTimingFunction: Vivus.EASE_OUT,\n\t\t\t\t\t\tanimTimingFunction: Vivus.EASE_OUT,\n\t\t\t\t\t\tonReady: function (svgInit) {\n\t\t\t\t\t\t\tif( svgWidth ) {\n\t\t\t\t\t\t\t\tsvgInit.el.setAttribute('width', svgWidth);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsvgPath = svgInit.el.getElementsByTagName('path');\n\t\t\t\t\t\t\tfor( var i = 0; i < svgPath.length; i++ ) {\n\t\t\t\t\t\t\t\tsvgPath[i].style.stroke = iconColor;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tif( $(\"#site-skin-color\").length ) {\n\t\t\t\t\t\t$(document).on(\"click\", \"#site-skin-color span\", function() {\n\t\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t\tfor( var i = 0; i < svgPath.length; i++ ) {\n\t\t\t\t\t\t\t\t\tsvgPath[i].style.stroke = $(\"#stm-icon-box-svg-\" + iconID).parent().css(\"color\");\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, 500);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t})(jQuery);\n\n\t<\/script>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-4 vc_col-md-4 vc_col-xs-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\n\t<div class=\"stm-icon-box stm-icon-box_ic-pos_left stm-icon-box_style-4 vc_custom_1758187782395\" style=\"text-align:left\">\n\t\t\t\t\t\t\t\t\t<div class=\"stm-icon-box__ic-container stm-icon-box__ic-container_svg\" style=\"color:#7D706D\">\n\t\t\t\t\t\t\t\t\t\t<object id=\"stm-icon-box-svg-592\" type=\"image\/svg+xml\" data=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/01\/Enrollment-Form.svg\"><\/object>\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t<div class=\"stm-icon-box__content\">\n\t\t\t\t\t\t\t<div class=\"stm-icon-box__title stm-font_color_dark-blue\" >Remplir le Formulaire d\u2019Inscription<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"stm-icon-box__descr\" style=\"color:#7D706D\">Download the enrollment form from our website and fill it out carefully with the required information. Don't forget to attach your child's report card for the current year.<\/div>\n\t\t\t\t\t\t\t\t\t\t<a class=\"stm-btn stm-btn_outline stm-btn_blue stm-btn_sm stm-btn_icon-right\" href=\"https:\/\/www.cndl.edu.lb\/fr\/enroll-your-child\/\" target=\"_self\">Postulez ici<i class=\"stm-icon stm-icon-arrow-right\"><\/i><\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"stm-icon-box__step\" style=\"color:#1A428A\">2<\/div>\n\t\t\t<\/div>\n\n\t\t<script>\n\n\t\t(function($) {\n\t\t\t\"use strict\";\n\n\t\t\t$(document).ready(function () {\n\t\t\t\tvar iconID      = '592',\n\t\t\t\t\t\tsvgAnimated = 'true',\n\t\t\t\t\t\tsvgWidth    = '',\n\t\t\t\t\t\ticonColor   = $(\"#stm-icon-box-svg-\" + iconID).parent().css(\"color\");\n\n\t\t\t\tif( svgAnimated ) {\n\t\t\t\t\tvar svgPath;\n\t\t\t\t\tnew Vivus('stm-icon-box-svg-' + iconID, {\n\t\t\t\t\t\ttype: 'async',\n\t\t\t\t\t\tduration: 200,\n\t\t\t\t\t\tpathTimingFunction: Vivus.EASE_OUT,\n\t\t\t\t\t\tanimTimingFunction: Vivus.EASE_OUT,\n\t\t\t\t\t\tonReady: function (svgInit) {\n\t\t\t\t\t\t\tif( svgWidth ) {\n\t\t\t\t\t\t\t\tsvgInit.el.setAttribute('width', svgWidth);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsvgPath = svgInit.el.getElementsByTagName('path');\n\t\t\t\t\t\t\tfor( var i = 0; i < svgPath.length; i++ ) {\n\t\t\t\t\t\t\t\tsvgPath[i].style.stroke = iconColor;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tif( $(\"#site-skin-color\").length ) {\n\t\t\t\t\t\t$(document).on(\"click\", \"#site-skin-color span\", function() {\n\t\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t\tfor( var i = 0; i < svgPath.length; i++ ) {\n\t\t\t\t\t\t\t\t\tsvgPath[i].style.stroke = $(\"#stm-icon-box-svg-\" + iconID).parent().css(\"color\");\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, 500);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t})(jQuery);\n\n\t<\/script>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-4 vc_col-md-4 vc_col-xs-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\n\t<div class=\"stm-icon-box stm-icon-box_ic-pos_left stm-icon-box_style-4 vc_custom_1749100478088\" style=\"text-align:left\">\n\t\t\t\t\t\t\t\t\t<div class=\"stm-icon-box__ic-container stm-icon-box__ic-container_svg\" style=\"color:#7D706D\">\n\t\t\t\t\t\t\t\t\t\t<object id=\"stm-icon-box-svg-625\" type=\"image\/svg+xml\" data=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/01\/Admission-Tests.svg\"><\/object>\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t<div class=\"stm-icon-box__content\">\n\t\t\t\t\t\t\t<div class=\"stm-icon-box__title stm-font_color_dark-blue\" >Effectuer les Tests d\u2019Admission<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"stm-icon-box__descr\" style=\"color:#595959\">Apr\u00e8s r\u00e9ception de votre dossier de candidature, le responsable de cycle vous contactera afin de vous convoquer au test d\u2019admission, selon le calendrier fix\u00e9 pour chaque niveau.<\/div>\n\t\t\t\t\t\t\t\t\t\t<a class=\"stm-btn stm-btn_outline stm-btn_blue stm-btn_sm stm-btn_icon-right\" href=\"https:\/\/www.cndl.edu.lb\/fr\/admission-test\/\" target=\"_self\">Afficher plus<i class=\"stm-icon stm-icon-arrow-right\"><\/i><\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"stm-icon-box__step\" style=\"color:#1A428A\">3<\/div>\n\t\t\t<\/div>\n\n\t\t<script>\n\n\t\t(function($) {\n\t\t\t\"use strict\";\n\n\t\t\t$(document).ready(function () {\n\t\t\t\tvar iconID      = '625',\n\t\t\t\t\t\tsvgAnimated = 'true',\n\t\t\t\t\t\tsvgWidth    = '',\n\t\t\t\t\t\ticonColor   = $(\"#stm-icon-box-svg-\" + iconID).parent().css(\"color\");\n\n\t\t\t\tif( svgAnimated ) {\n\t\t\t\t\tvar svgPath;\n\t\t\t\t\tnew Vivus('stm-icon-box-svg-' + iconID, {\n\t\t\t\t\t\ttype: 'async',\n\t\t\t\t\t\tduration: 200,\n\t\t\t\t\t\tpathTimingFunction: Vivus.EASE_OUT,\n\t\t\t\t\t\tanimTimingFunction: Vivus.EASE_OUT,\n\t\t\t\t\t\tonReady: function (svgInit) {\n\t\t\t\t\t\t\tif( svgWidth ) {\n\t\t\t\t\t\t\t\tsvgInit.el.setAttribute('width', svgWidth);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsvgPath = svgInit.el.getElementsByTagName('path');\n\t\t\t\t\t\t\tfor( var i = 0; i < svgPath.length; i++ ) {\n\t\t\t\t\t\t\t\tsvgPath[i].style.stroke = iconColor;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tif( $(\"#site-skin-color\").length ) {\n\t\t\t\t\t\t$(document).on(\"click\", \"#site-skin-color span\", function() {\n\t\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t\tfor( var i = 0; i < svgPath.length; i++ ) {\n\t\t\t\t\t\t\t\t\tsvgPath[i].style.stroke = $(\"#stm-icon-box-svg-\" + iconID).parent().css(\"color\");\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, 500);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t})(jQuery);\n\n\t<\/script>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-4 vc_col-md-4 vc_col-xs-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\n\t<div class=\"stm-icon-box stm-icon-box_ic-pos_left stm-icon-box_style-4 vc_custom_1758187799218\" style=\"text-align:left\">\n\t\t\t\t\t\t\t\t\t<div class=\"stm-icon-box__ic-container stm-icon-box__ic-container_svg\" style=\"color:#7D706D\">\n\t\t\t\t\t\t\t\t\t\t<object id=\"stm-icon-box-svg-682\" type=\"image\/svg+xml\" data=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/01\/Cycle-Managers-Visa.svg\"><\/object>\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t<div class=\"stm-icon-box__content\">\n\t\t\t\t\t\t\t<div class=\"stm-icon-box__title stm-font_color_dark-blue\" >Recevoir l\u2019Approbation du RC<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"stm-icon-box__descr\" style=\"color:#7D706D\">Si votre enfant r\u00e9ussit les tests d'admission, il recevra l'approbation du responsable de cycle (RC), validant ainsi son inscription au CNDL.<\/div>\n\t\t\t\t\t\t\t\t\t\t<a class=\"stm-btn stm-btn_outline stm-btn_blue stm-btn_sm stm-btn_icon-right\" href=\"https:\/\/www.cndl.edu.lb\/fr\/office-hours-and-reception-information\/\" target=\"_self\">Contacts du CDS<i class=\"stm-icon stm-icon-arrow-right\"><\/i><\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"stm-icon-box__step\" style=\"color:#1A428A;bottom:-30px\">4<\/div>\n\t\t\t<\/div>\n\n\t\t<script>\n\n\t\t(function($) {\n\t\t\t\"use strict\";\n\n\t\t\t$(document).ready(function () {\n\t\t\t\tvar iconID      = '682',\n\t\t\t\t\t\tsvgAnimated = 'true',\n\t\t\t\t\t\tsvgWidth    = '',\n\t\t\t\t\t\ticonColor   = $(\"#stm-icon-box-svg-\" + iconID).parent().css(\"color\");\n\n\t\t\t\tif( svgAnimated ) {\n\t\t\t\t\tvar svgPath;\n\t\t\t\t\tnew Vivus('stm-icon-box-svg-' + iconID, {\n\t\t\t\t\t\ttype: 'async',\n\t\t\t\t\t\tduration: 200,\n\t\t\t\t\t\tpathTimingFunction: Vivus.EASE_OUT,\n\t\t\t\t\t\tanimTimingFunction: Vivus.EASE_OUT,\n\t\t\t\t\t\tonReady: function (svgInit) {\n\t\t\t\t\t\t\tif( svgWidth ) {\n\t\t\t\t\t\t\t\tsvgInit.el.setAttribute('width', svgWidth);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsvgPath = svgInit.el.getElementsByTagName('path');\n\t\t\t\t\t\t\tfor( var i = 0; i < svgPath.length; i++ ) {\n\t\t\t\t\t\t\t\tsvgPath[i].style.stroke = iconColor;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tif( $(\"#site-skin-color\").length ) {\n\t\t\t\t\t\t$(document).on(\"click\", \"#site-skin-color span\", function() {\n\t\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t\tfor( var i = 0; i < svgPath.length; i++ ) {\n\t\t\t\t\t\t\t\t\tsvgPath[i].style.stroke = $(\"#stm-icon-box-svg-\" + iconID).parent().css(\"color\");\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, 500);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t})(jQuery);\n\n\t<\/script>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-12 vc_col-lg-4 vc_col-md-4 vc_col-xs-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\n\t<div class=\"stm-icon-box stm-icon-box_ic-pos_left stm-icon-box_style-4 vc_custom_1758187808055\" style=\"text-align:left\">\n\t\t\t\t\t\t\t\t\t<div class=\"stm-icon-box__ic-container stm-icon-box__ic-container_svg\" style=\"color:#7D706D\">\n\t\t\t\t\t\t\t\t\t\t<object id=\"stm-icon-box-svg-538\" type=\"image\/svg+xml\" data=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/01\/Documents-to-Provide-During-Enrollment.svg\"><\/object>\n\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t<div class=\"stm-icon-box__content\">\n\t\t\t\t\t\t\t<div class=\"stm-icon-box__title stm-font_color_dark-blue\" >Documents \u00e0 Fournir lors de l\u2019Inscription<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<div class=\"stm-icon-box__descr\" style=\"color:#7D706D\">Merci de consulter le lien ci-dessous afin de pr\u00e9parer les documents n\u00e9cessaires \u00e0 l\u2019inscription.<\/div>\n\t\t\t\t\t\t\t\t\t\t<a class=\"stm-btn stm-btn_outline stm-btn_blue stm-btn_sm stm-btn_icon-right\" href=\"https:\/\/www.cndl.edu.lb\/fr\/required-documents\/\" target=\"_self\">Afficher plus<i class=\"stm-icon stm-icon-arrow-right\"><\/i><\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"stm-icon-box__step\" style=\"color:#1A428A;bottom:-30px\">5<\/div>\n\t\t\t<\/div>\n\n\t\t<script>\n\n\t\t(function($) {\n\t\t\t\"use strict\";\n\n\t\t\t$(document).ready(function () {\n\t\t\t\tvar iconID      = '538',\n\t\t\t\t\t\tsvgAnimated = 'true',\n\t\t\t\t\t\tsvgWidth    = '',\n\t\t\t\t\t\ticonColor   = $(\"#stm-icon-box-svg-\" + iconID).parent().css(\"color\");\n\n\t\t\t\tif( svgAnimated ) {\n\t\t\t\t\tvar svgPath;\n\t\t\t\t\tnew Vivus('stm-icon-box-svg-' + iconID, {\n\t\t\t\t\t\ttype: 'async',\n\t\t\t\t\t\tduration: 200,\n\t\t\t\t\t\tpathTimingFunction: Vivus.EASE_OUT,\n\t\t\t\t\t\tanimTimingFunction: Vivus.EASE_OUT,\n\t\t\t\t\t\tonReady: function (svgInit) {\n\t\t\t\t\t\t\tif( svgWidth ) {\n\t\t\t\t\t\t\t\tsvgInit.el.setAttribute('width', svgWidth);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tsvgPath = svgInit.el.getElementsByTagName('path');\n\t\t\t\t\t\t\tfor( var i = 0; i < svgPath.length; i++ ) {\n\t\t\t\t\t\t\t\tsvgPath[i].style.stroke = iconColor;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\n\t\t\t\t\tif( $(\"#site-skin-color\").length ) {\n\t\t\t\t\t\t$(document).on(\"click\", \"#site-skin-color span\", function() {\n\t\t\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\t\t\tfor( var i = 0; i < svgPath.length; i++ ) {\n\t\t\t\t\t\t\t\t\tsvgPath[i].style.stroke = $(\"#stm-icon-box-svg-\" + iconID).parent().css(\"color\");\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}, 500);\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t})(jQuery);\n\n\t<\/script>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 15px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><h2 class=\"stm-title stm-font_color_dark-blue stm-title_sep_bottom\" style=\"text-align:center\">\n\nLa vie au CNDL en images\n<\/h2>\n\t<div class=\"stm-separator stm-clearfix stm-separator_type_title\" >\n\t\t<div class=\"stm-separator__line stm-border-b_color_dark-blue\" style=\"margin-left:auto;margin-right:auto\"><\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 30px\"><span class=\"vc_empty_space_inner\"><\/span><\/div>\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n.full-width-scroll {\n  position: relative;\n  width: 100vw;\n  left: 50%;\n  transform: translateX(-50%); \n\n  overflow-x: auto;\n  white-space: nowrap;\n  cursor: grab;\n  user-select: none;\n  padding: 0;\n  box-sizing: border-box;\n\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n.full-width-scroll::-webkit-scrollbar {\n  display: none;\n}\n\n.image-container {\n  position: relative;\n  display: inline-block;\n  height: 235px;\n  width: auto;\n  margin-right: 0;\n}\n\n.image-container img {\n  height: 235px;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.3s ease;\n  vertical-align: top;\n  border-radius: 4px;\n}\n\n.image-container:hover img {\n  transform: scale(1.04);\n}\n\n.image-overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  background-color: rgba(0,0,0,0.6);\n  color: white;\n  opacity: 0;\n  transition: opacity 0.3s ease, transform 0.3s ease;\n  padding: 20px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: start;\n  border-radius: 4px;\n}\n\n.image-container:hover .image-overlay {\n  opacity: 1;\n  transform: scale(1.04);\n}\n\n.image-overlay .title {\n  font-weight: bold;\n  font-size: 1.2em;\n  margin-bottom: 4px;\n}\n\n.image-overlay .date {\n  font-size: 0.9em;\n  margin-bottom: 6px;\n  opacity: 0.8;\n}\n\n.image-overlay .description {\n  font-size: 0.85em;\n  line-height: 1.2em;\n  opacity: 0.9;\n}\n<\/style>\n\n<div class=\"full-width-scroll\" id=\"drag-scroll\">\n\n  <!-- Kept as-is -->\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/p-3-scaled-1.webp\" alt=\"Image 1\">\n  <\/div>\n\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/NNNbw-9092-scaled-2.webp\" alt=\"Image 2\">\n  <\/div>\n\n  <!-- Replaced from here -->\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/0.webp\" alt=\"Image 3\">\n  <\/div>\n\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/1-scaled.webp\" alt=\"Image 4\">\n  <\/div>\n\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/2-scaled.webp\" alt=\"Image 5\">\n  <\/div>\n\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/3-scaled.webp\" alt=\"Image 6\">\n  <\/div>\n\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/4-scaled.webp\" alt=\"Image 7\">\n  <\/div>\n\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/5-scaled.webp\" alt=\"Image 8\">\n  <\/div>\n\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/6.webp\" alt=\"Image 9\">\n  <\/div>\n\n  <div class=\"image-container\">\n    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/7-scaled.webp\" alt=\"Image 10\">\n  <\/div>\n\n<\/div>\n\n<script>\n(function () {\n  const el = document.getElementById('drag-scroll');\n  let scrollSpeed = 1;\n  let isPaused = false;\n  let isDown = false;\n  let startX, scrollLeft;\n\nfunction autoScroll() {\n  if (!isPaused) {\n    el.scrollLeft += scrollSpeed;\n    if (el.scrollLeft + 2 >= el.scrollWidth - el.clientWidth) {\n      el.scrollLeft = 0;\n    }\n  }\n  requestAnimationFrame(autoScroll);\n}\n\n  el.addEventListener('mouseenter', () => isPaused = true);\n  el.addEventListener('mouseleave', () => { if (!isDown) isPaused = false; });\n\n  el.addEventListener('mousedown', (e) => {\n    isDown = true;\n    isPaused = true;\n    el.style.cursor = 'grabbing';\n    startX = e.pageX - el.offsetLeft;\n    scrollLeft = el.scrollLeft;\n  });\n\n  el.addEventListener('mouseup', () => {\n    isDown = false;\n    el.style.cursor = 'grab';\n    isPaused = false;\n  });\n\n  el.addEventListener('mousemove', (e) => {\n    if (!isDown) return;\n    e.preventDefault();\n    const x = e.pageX - el.offsetLeft;\n    el.scrollLeft = scrollLeft - (x - startX);\n  });\n\n  let touchStartX, touchScrollLeft;\n  el.addEventListener('touchstart', (e) => {\n    isPaused = true;\n    touchStartX = e.touches[0].pageX;\n    touchScrollLeft = el.scrollLeft;\n  });\n  el.addEventListener('touchmove', (e) => {\n    const x = e.touches[0].pageX;\n    el.scrollLeft = touchScrollLeft - (x - touchStartX);\n  });\n  el.addEventListener('touchend', () => {\n    isPaused = false;\n  });\n\n  autoScroll();\n})();\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div data-vc-full-width=\"true\" data-vc-full-width-init=\"false\" data-vc-stretch-content=\"true\" class=\"vc_row wpb_row vc_row-fluid vc_custom_1455945608832 vc_row-no-padding\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner vc_custom_1455945637638\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space  vc_custom_1752574566033\"   style=\"height: 50px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div><div class=\"vc_row wpb_row vc_row-fluid vc_custom_1744620816040\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 class=\"stm-title stm-font_color_dark-blue stm-title_sep_bottom\" style=\"text-align:center\">\n\nRestez inform\u00e9\n<\/h2>\n\t<div class=\"stm-separator stm-clearfix stm-separator_type_title\" >\n\t\t<div class=\"stm-separator__line stm-border-b_color_dark-blue\" style=\"margin-left:auto;margin-right:auto\"><\/div>\n\t<\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner vc_custom_1744621099427\"><div class=\"wpb_wrapper\">\n\t<div class=\"stm-btn-container stm-btn-container_center\" >\n\t\t\t\t\t<a href=\"https:\/\/www.cndl.edu.lb\/fr\/academic-calendar\/\" target=\"_self\" class=\"stm-btn stm-btn_outline stm-btn_blue stm-btn_md\"  >Calendrier scolaire<\/a>\n\t\t\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner vc_custom_1744621227641\"><div class=\"wpb_wrapper\">\n\t<div class=\"stm-btn-container stm-btn-container_center\" >\n\t\t\t\t\t<a href=\"https:\/\/www.cndl.edu.lb\/fr\/announcements-circulars\/\" target=\"_self\" class=\"stm-btn stm-btn_outline stm-btn_blue stm-btn_md\"  >Annonces &amp; Circulaires<\/a>\n\t\t\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"stm-btn-container stm-btn-container_center\" >\n\t\t\t\t\t<a href=\"https:\/\/www.cndl.edu.lb\/fr\/posts\/\" target=\"_self\" class=\"stm-btn stm-btn_outline stm-btn_blue stm-btn_md\"  >\u00c9v\u00e9nements<\/a>\n\t\t\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_empty_space\"   style=\"height: 70px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><div class=\"wpb_animate_when_almost_visible wpb_fadeInRight fadeInRight wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 class=\"stm-title stm-font_color_dark-blue stm-title_sep_bottom\" style=\"text-align:center\">\n\nLes cycles\n<\/h2>\n\t<div class=\"stm-separator stm-clearfix stm-separator_type_title\" style=\"margin-bottom:52px\">\n\t\t<div class=\"stm-separator__line stm-border-b_color_green\" style=\"margin-left:auto;margin-right:auto\"><\/div>\n\t<\/div>\n<div id=\"img-gallery-mid\" class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner vc_custom_1748695269204\"><div class=\"wpb_wrapper\"><div class=\"vc-hoverbox-wrapper  vc-hoverbox-shape--rounded vc-hoverbox-align--center vc-hoverbox-direction--default vc-hoverbox-width--100\" id=\"hover-mr-t\" ontouchstart=\"\">\n  <div class=\"vc-hoverbox\">\n    <div class=\"vc-hoverbox-inner\">\n      <div class=\"vc-hoverbox-block vc-hoverbox-front\" style=\"background-image: url(https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/IMG-20231027-WA0010-Edited-11-1024x768.webp);\">\n        <div class=\"vc-hoverbox-block-inner vc-hoverbox-front-inner\">\n            <h2 style=\"font-size: 2.1em;color: #EEEEEE;text-align: center\" class=\"vc_custom_heading vc_do_custom_heading\" >\u00c9cole Maternelle<\/h2>\n        <\/div>\n      <\/div>\n      <div class=\"vc-hoverbox-block vc-hoverbox-back\" style=\"background-color: #ebebeb;\">\n        <div class=\"vc-hoverbox-block-inner vc-hoverbox-back-inner\">\n            <h2 style=\"text-align:center\">\u00c9cole Maternelle<\/h2>\n            <p style=\"text-align: left; font-family: montserrat;\"><span style=\"font-size: 15px;\"><span dir=\"ltr\" role=\"presentation\"><strong>Apprenants:<\/strong> 455<br \/>\n<\/span><span dir=\"ltr\" role=\"presentation\"><strong>Enseignants et personnel:<\/strong> 53<\/span><\/span><\/p>\n\n            <div class=\"vc_btn3-container vc_btn3-inline vc_do_btn\" ><a style=\"background-color:#1B4489; color:#FFFFFF;\" class=\"vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-custom\" href=\"https:\/\/www.cndl.edu.lb\/fr\/preschool-division\/\" title=\"\u00c9cole Maternelle\">Plus d'infos<\/a><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner vc_custom_1748695277667\"><div class=\"wpb_wrapper\"><div class=\"vc-hoverbox-wrapper  vc-hoverbox-shape--rounded vc-hoverbox-align--center vc-hoverbox-direction--default vc-hoverbox-width--100\" id=\"hover-mr-t\" ontouchstart=\"\">\n  <div class=\"vc-hoverbox\">\n    <div class=\"vc-hoverbox-inner\">\n      <div class=\"vc-hoverbox-block vc-hoverbox-front\" style=\"background-image: url(https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/01\/FJS0369-Edited-1024x683.jpg);\">\n        <div class=\"vc-hoverbox-block-inner vc-hoverbox-front-inner\">\n            <h2 style=\"font-size: 2.1em;color: #EEEEEE;text-align: center\" class=\"vc_custom_heading vc_do_custom_heading\" >\u00c9cole primaire<\/h2>\n        <\/div>\n      <\/div>\n      <div class=\"vc-hoverbox-block vc-hoverbox-back\" style=\"background-color: #ebebeb;\">\n        <div class=\"vc-hoverbox-block-inner vc-hoverbox-back-inner\">\n            <h2 style=\"text-align:center\">\u00c9cole primaire<\/h2>\n            <p style=\"text-align: left; font-family: montserrat;\"><span dir=\"ltr\" role=\"presentation\"><strong>Apprenants:<\/strong> 999<br \/>\n<\/span><span dir=\"ltr\" role=\"presentation\"><strong>Enseignant(e)s:<\/strong> 91<\/span><\/p>\n\n            <div class=\"vc_btn3-container vc_btn3-inline vc_do_btn\" ><a style=\"background-color:#1B4489; color:#FFFFFF;\" class=\"vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-custom\" href=\"https:\/\/www.cndl.edu.lb\/fr\/elementary-division\/\" title=\"\u00c9cole primaire\">Plus d'infos<\/a><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc-hoverbox-wrapper  vc-hoverbox-shape--rounded vc-hoverbox-align--center vc-hoverbox-direction--default vc-hoverbox-width--100\" id=\"hover-mr-t\" ontouchstart=\"\">\n  <div class=\"vc-hoverbox\">\n    <div class=\"vc-hoverbox-inner\">\n      <div class=\"vc-hoverbox-block vc-hoverbox-front\" style=\"background-image: url(https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2024-06-01-at-12.18-Edited-13-1024x768.webp);\">\n        <div class=\"vc-hoverbox-block-inner vc-hoverbox-front-inner\">\n            <h2 style=\"font-size: 2.1em;color: #EEEEEE;text-align: center\" class=\"vc_custom_heading vc_do_custom_heading\" >Cycle Coll\u00e8ge<\/h2>\n        <\/div>\n      <\/div>\n      <div class=\"vc-hoverbox-block vc-hoverbox-back\" style=\"background-color: #ebebeb;\">\n        <div class=\"vc-hoverbox-block-inner vc-hoverbox-back-inner\">\n            <h2 style=\"text-align:center\">Cycle Coll\u00e8ge<\/h2>\n            <p style=\"text-align: left; font-family: montserrat;\"><span dir=\"ltr\" role=\"presentation\"><strong>Apprenants:<\/strong> 587<br \/>\n<\/span><span dir=\"ltr\" role=\"presentation\"><strong>Enseignant(e)s:<\/strong> 51<br \/>\n<\/span><span dir=\"ltr\" role=\"presentation\"><strong>Taux de r\u00e9ussite au dernier examen officiel du G9:<\/strong> 96%<br \/>\n<\/span><span dir=\"ltr\" role=\"presentation\"><strong>Taux d'honneur:<\/strong> 53%<\/span><\/p>\n\n            <div class=\"vc_btn3-container vc_btn3-inline vc_do_btn\" ><a style=\"background-color:#1B4489; color:#FFFFFF;\" class=\"vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-custom\" href=\"https:\/\/www.cndl.edu.lb\/fr\/intermediate-division\/\" title=\"Cycle Coll\u00e8ge\">Plus d'infos<\/a><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc-hoverbox-wrapper  vc-hoverbox-shape--rounded vc-hoverbox-align--center vc-hoverbox-direction--default vc-hoverbox-width--100\" id=\"hover-mr-t\" ontouchstart=\"\">\n  <div class=\"vc-hoverbox\">\n    <div class=\"vc-hoverbox-inner\">\n      <div class=\"vc-hoverbox-block vc-hoverbox-front\" style=\"background-image: url(https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/IMG-20240316-WA0013-Edited-14-768x1024.webp);\">\n        <div class=\"vc-hoverbox-block-inner vc-hoverbox-front-inner\">\n            <h2 style=\"font-size: 2.1em;color: #EEEEEE;text-align: center\" class=\"vc_custom_heading vc_do_custom_heading\" >Cycle Lyc\u00e9e<\/h2>\n        <\/div>\n      <\/div>\n      <div class=\"vc-hoverbox-block vc-hoverbox-back\" style=\"background-color: #ebebeb;\">\n        <div class=\"vc-hoverbox-block-inner vc-hoverbox-back-inner\">\n            <h2 style=\"text-align:center\">Cycle Lyc\u00e9e<\/h2>\n            <p style=\"text-align: left; font-family: montserrat;\"><span dir=\"ltr\" role=\"presentation\"><strong>Apprenants:<\/strong> 713<br \/>\n<\/span><span dir=\"ltr\" role=\"presentation\"><strong>Enseignant(e)s:<\/strong> 56<br \/>\n<\/span><span dir=\"ltr\" role=\"presentation\"><strong>Taux de r\u00e9ussite au baccalaur\u00e9at Fran\u00e7ais : <\/strong>100%<br \/>\n<\/span><span dir=\"ltr\" role=\"presentation\"><strong>Taux de mention au baccalaur\u00e9at fran\u00e7ais:<\/strong> 93%<br \/>\n<\/span><span dir=\"ltr\" role=\"presentation\"><strong>Taux de r\u00e9ussite au baccalaur\u00e9at libanais :<\/strong> 99%<br \/>\n<\/span><span dir=\"ltr\" role=\"presentation\"><strong>Mention tr\u00e8s bien pour le baccalaur\u00e9at libanais:<\/strong> 50%<\/span><\/p>\n\n            <div class=\"vc_btn3-container vc_btn3-inline vc_do_btn\" ><a style=\"background-color:#1B4489; color:#FFFFFF;\" class=\"vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-custom\" href=\"https:\/\/www.cndl.edu.lb\/fr\/secondary-division\/\" title=\"Cycle Lyc\u00e9e\">Plus d'infos<\/a><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"   style=\"height: 10px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><h2 class=\"stm-title stm-font_color_dark-blue stm-title_sep_bottom\" style=\"text-align:center\">\n\nT\u00e9moignages d'anciens\n<\/h2>\n\t<div class=\"stm-separator stm-clearfix stm-separator_type_title\" style=\"margin-bottom:2px\">\n\t\t<div class=\"stm-separator__line stm-border-b_color_dark-blue\" style=\"margin-left:auto;margin-right:auto\"><\/div>\n\t<\/div>\n<div class=\"vc_empty_space\"   style=\"height: 20px\"><span class=\"vc_empty_space_inner\"><\/span><\/div><\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n.content-wrapper {\n    display: flex;\n    gap: 60px;\n}\n\n.text-content {\n    width: 40%;\n    margin-top: 10px;\n}\n\n.modal-close,\n.modal-close:before,\n.modal-close:after {\n    color: #ffffff !important;\n}\n\n.video-carousel-wrapper {\n    width: 60%;\n    position: relative;\n    overflow: visible;\n}\n\n.description {\n    color: #7D706D;\n    font-size: 18px;\n    max-width: 420px;\n}\n\n\/* CAROUSEL *\/\n.video-grid {\n    display: flex;\n    gap: 20px;\n    overflow-x: auto;\n    overflow-y: visible;\n    cursor: grab;\n    scrollbar-width: none;\n    scroll-behavior: smooth;\n    padding-top: 50px;\n    padding-bottom: 20px;\n}\n\n.video-grid::-webkit-scrollbar {\n    display: none;\n}\n\n\/* CARD *\/\n.video-card {\n    width: 260px;\n    height: 400px;\n    border-radius: 14px;\n    overflow: hidden;\n    position: relative;\n    flex-shrink: 0;\n    cursor: pointer;\n    transition: transform 0.3s ease;\n}\n\n\/* ZIG-ZAG *\/\n.video-card:nth-child(even) {\n    transform: translateY(-40px);\n}\n\n\/* LAYERS *\/\n.cover-image {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 1;\n    transition: opacity 0.3s ease;\n}\n\n.video-element {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    z-index: 2;\n    opacity: 0;\n    transition: opacity 0.3s ease;\n}\n\n.video-overlay {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(to top, rgba(26,66,138,.4), transparent);\n    transition: background 0.3s ease;\n}\n\n.play-button {\n    width: 80px;\n    height: 80px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.play-button img {\n    width: 60px;\n    height: 60px;\n}\n\n\/* HOVER *\/\n.video-card:hover .cover-image { opacity: 0; }\n.video-card:hover .video-element { opacity: 1; }\n.video-card:hover .video-overlay { background: transparent; }\n.video-card:hover .play-button { opacity: 0; }\n\n\/* ARROWS *\/\n.carousel-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    border: none;\n    background: rgba(26, 66, 138, 0.9);\n    color: white;\n    font-size: 28px;\n    cursor: pointer;\n    z-index: 20;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: background 0.3s ease, transform 0.2s ease;\n}\n\n.carousel-arrow:hover {\n    background: #1A428A;\n    border: .5px solid whitesmoke;\n    transform: translateY(-50%) scale(1.1);\n}\n\n.carousel-arrow.left { left: -25px; }\n.carousel-arrow.right { right: -25px; }\n\n\/* MODAL *\/\n.modal {\n    position: fixed;\n    inset: 0;\n    display: none;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n}\n\n.modal.active { display: flex; }\n\n.modal-overlay {\n    position: absolute;\n    inset: 0;\n    background: rgba(0,0,0,0.9);\n}\n\n.modal-content {\n    position: relative;\n    z-index: 1001;\n    max-width: 90vw;\n    max-height: 80vh;\n    background: transparent\n}\n\n.modal video {\n    width: 100%;\n    max-height: 80vh;\n    border-radius: 14px;\n    background: transparent;\n}\n\n.description {\n  text-align: left\n}\n\n\/* MOBILE *\/\n@media (max-width: 900px) {\n\n    .content-wrapper {\n        flex-direction: column;\n    }\n\n.modal-close,\n.modal-close:before,\n.modal-close:after {\n    color: #ffffff !important;\n}\n\n    .text-content,\n    .video-carousel-wrapper {\n        width: 100%;\n    }\n\n    .carousel-arrow {\n        display: none;\n    }\n}\n\n.modal-close {\n    position: absolute;\n    top: -15px;\n    right: -10px;\n    width: 37px;\n    height: 37px;\n    border-radius: 50%;\n    background: #1A428A;\n    opacity: .9;\n    color: white !important;\n    font-size: 28px;\n    cursor: pointer;\n    z-index: 2000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: .3px solid whitesmoke;\n}\n<\/style>\n\n<div class=\"container\">\n    <div class=\"content-wrapper\">\n        <div class=\"text-content\">\n            <p class=\"description\">\n                Les anciens de Coll\u00e8ge Notre-Dame de Louaize partagent comment leurs ann\u00e9es \u00e0 l\u2019\u00e9cole continuent de guider leur avenir, de fa\u00e7onner leurs r\u00eaves et d\u2019inspirer leur parcours, emportant avec eux les amiti\u00e9s, les valeurs et les souvenirs qui ont rendu leur passage au CNDL si pr\u00e9cieux.\n            <\/p>\n        <\/div>\n\n        <div class=\"video-carousel-wrapper\">\n            <div class=\"video-grid\" id=\"videoGrid\">\n\n <!-- CARD 1 -->\n                <div class=\"video-card\">\n                    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-18-at-1.49.24-PM.jpeg\" class=\"cover-image\">\n                    <video class=\"video-element\" controls playsinline controlslist=\"nodownload noplaybackrate noremoteplayback\" preload=\"none\">\n                        <source src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/Alumni-Talks-Tvc.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                    <div class=\"video-overlay\">\n                        <div class=\"play-button\">\n                            <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/10\/Play-icon-04.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 1 -->\n                <div class=\"video-card\">\n                    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-10-21-at-11.32.31.jpeg\" class=\"cover-image\">\n                    <video class=\"video-element\" controls playsinline controlslist=\"nodownload noplaybackrate noremoteplayback\" preload=\"none\">\n                        <source src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/Alumni-Talks-Episode-1-2.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                    <div class=\"video-overlay\">\n                        <div class=\"play-button\">\n                            <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/10\/Play-icon-04.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 1 -->\n                <div class=\"video-card\">\n                    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2025-11-07-at-11.55.08.jpeg\" class=\"cover-image\">\n                    <video class=\"video-element\" controls playsinline controlslist=\"nodownload noplaybackrate noremoteplayback\"preload=\"none\">\n                        <source src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/Alumni-Talks-Episode-2-1.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                    <div class=\"video-overlay\">\n                        <div class=\"play-button\">\n                            <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/10\/Play-icon-04.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n <!-- CARD 1 -->\n                <div class=\"video-card\">\n                    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-01-16-at-9.53.00-AM.jpeg\" class=\"cover-image\">\n                    <video class=\"video-element\" controls playsinline controlslist=\"nodownload noplaybackrate noremoteplayback\" preload=\"none\">\n                        <source src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/Alumni-Talks-Episode-3-Part-1-1.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                    <div class=\"video-overlay\">\n                        <div class=\"play-button\">\n                            <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/10\/Play-icon-04.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 2 -->\n                <div class=\"video-card\">\n                    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-01-16-at-9.53.01-AM.jpeg\" class=\"cover-image\">\n                    <video class=\"video-element\" loop preload=\"none\">\n                        <source src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/Alumni-Talks-Episode-3-Part-2-1.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                    <div class=\"video-overlay\">\n                        <div class=\"play-button\">\n                            <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/10\/Play-icon-04.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 3 -->\n                <div class=\"video-card\">\n                    <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-16-at-1.58.28-PM-1.jpeg\" class=\"cover-image\">\n                    <video class=\"video-element\" loop preload=\"none\">\n                        <source src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2026\/03\/Alumni-Talks-Episode-4-Rachel-Asmar-2-1.mp4\" type=\"video\/mp4\">\n                    <\/video>\n                    <div class=\"video-overlay\">\n                        <div class=\"play-button\">\n                            <img decoding=\"async\" src=\"https:\/\/www.cndl.edu.lb\/wp-content\/uploads\/2025\/10\/Play-icon-04.png\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- ARROWS -->\n            <button class=\"carousel-arrow left\" id=\"arrowLeft\">&#10094;<\/button>\n            <button class=\"carousel-arrow right\" id=\"arrowRight\">&#10095;<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- MODAL -->\n<div class=\"modal\" id=\"videoModal\">\n    <div class=\"modal-overlay\"><\/div>\n    <div class=\"modal-content\">\n        <button class=\"modal-close\" style=\"color: white\"><\/button>\n        <video id=\"modalVideo\" controls playsinline controlslist=\"nodownload noplaybackrate noremoteplayback\"><\/video>\n    <\/div>\n<\/div>\n\n<script>\nconst grid = document.getElementById('videoGrid');\nconst cards = document.querySelectorAll('.video-card');\nconst modal = document.getElementById('videoModal');\nconst modalVideo = document.getElementById('modalVideo');\nconst closeBtn = document.querySelector('.modal-close');\nconst arrowLeft = document.getElementById('arrowLeft');\nconst arrowRight = document.getElementById('arrowRight');\n\nlet isDragging = false;\nlet startX;\nlet scrollLeft;\n\n\/* DRAG SCROLL *\/\ngrid.addEventListener('mousedown', e => {\n    isDragging = true;\n    startX = e.pageX - grid.offsetLeft;\n    scrollLeft = grid.scrollLeft;\n    grid.style.cursor = 'grabbing';\n});\n\ngrid.addEventListener('mousemove', e => {\n    if (!isDragging) return;\n    const x = e.pageX - grid.offsetLeft;\n    const walk = (x - startX);\n    grid.scrollLeft = scrollLeft - walk;\n});\n\ngrid.addEventListener('mouseup', () => isDragging = false);\ngrid.addEventListener('mouseleave', () => isDragging = false);\n\n\/* HOVER + MODAL *\/\ncards.forEach(card => {\n    const video = card.querySelector('.video-element');\n\n    card.addEventListener('mouseenter', () => {\n        if (!window.matchMedia('(hover:hover)').matches) return;\n        video.load();\n        video.currentTime = 0;\n        video.play().catch(()=>{});\n    });\n\n    card.addEventListener('mouseleave', () => {\n        video.pause();\n        video.currentTime = 0;\n    });\n\n    card.addEventListener('click', () => {\n        if (isDragging) return;\n        const source = card.querySelector('source').src;\n        modalVideo.src = source;\n        modal.classList.add('active');\n        document.body.style.overflow = 'hidden';\n        modalVideo.play().catch(()=>{});\n    });\n});\n\n\/* CLOSE MODAL *\/\nfunction closeModal() {\n    modal.classList.remove('active');\n    modalVideo.pause();\n    modalVideo.src = '';\n    document.body.style.overflow = '';\n}\n\ncloseBtn.onclick = closeModal;\nmodal.querySelector('.modal-overlay').onclick = closeModal;\ndocument.addEventListener('keydown', e => {\n    if (e.key === 'Escape') closeModal();\n});\n\n\/* ARROW SCROLL *\/\nfunction scrollAmount() {\n    return cards[0].offsetWidth + 20;\n}\n\narrowLeft.addEventListener('click', () => {\n    grid.scrollBy({ left: -scrollAmount(), behavior: 'smooth' });\n});\n\narrowRight.addEventListener('click', () => {\n    grid.scrollBy({ left: scrollAmount(), behavior: 'smooth' });\n});\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Enroll Now Are you looking to provide your child with an excellent education at Coll\u00e8ge Notre Dame de Louaiz\u00e9 ? Apply About Us A Century-Old Institution Dedicated to Education CNDL [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-19","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cndl.edu.lb\/fr\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cndl.edu.lb\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cndl.edu.lb\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cndl.edu.lb\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cndl.edu.lb\/fr\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":312,"href":"https:\/\/www.cndl.edu.lb\/fr\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":8361,"href":"https:\/\/www.cndl.edu.lb\/fr\/wp-json\/wp\/v2\/pages\/19\/revisions\/8361"}],"wp:attachment":[{"href":"https:\/\/www.cndl.edu.lb\/fr\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}