{"id":67,"date":"2025-10-06T06:53:28","date_gmt":"2025-10-06T06:53:28","guid":{"rendered":"https:\/\/test.wordpress.numerique-esr.fr\/test\/?page_id=67"},"modified":"2025-10-10T11:30:08","modified_gmt":"2025-10-10T11:30:08","slug":"accueil","status":"publish","type":"page","link":"https:\/\/test.wordpress.numerique-esr.fr\/test\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<div class=\"home-container\" id=\"top\">\n\n  <style>\n    \/* --- Reset local pour supprimer les \"points bleus\" d\u00e9coratifs --- *\/\n    .home-container h1::after,\n    .home-container h2::after,\n    .home-container h3::after,\n    .home-container h4::after,\n    .home-container h5::after,\n    .home-container h6::after,\n    .home-container a::after,\n    .home-container .feature-card-text::after {\n      content: none !important;\n      display: none !important;\n      background: none !important;\n    }\n    .home-container h1::before,\n    .home-container h2::before,\n    .home-container h3::before,\n    .home-container h4::before,\n    .home-container h5::before,\n    .home-container h6::before,\n    .home-container a::before,\n    .home-container .feature-card-text::before {\n      content: none !important;\n      display: none !important;\n      background: none !important;\n    }\n    .home-container *::marker { content: '' !important; }\n\n    \/* --- STRUCTURE GLOBALE --- *\/\n    .home-container {\n      width: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      background-color: #fff;\n      font-family: \"Inter\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\n    }\n\n    \/* --- SECTION HERO --- *\/\n    .home-hero-banner {\n      width: 100%;\n      padding: 100px 20px;\n      text-align: center;\n      color: #fff;\n      background: linear-gradient(113deg, rgba(255, 76, 92, 0.8), rgba(0, 29, 246, 0.8)),\n        url('.\/wp-content\/uploads\/2025\/10\/illustration_details_full-1500h.webp');\n      background-size: cover;\n      background-position: center;\n    }\n    .home-hero-banner h1 {\n      font-size: 2.5rem;\n      font-weight: 700;\n      margin-bottom: 20px;\n    }\n    .home-hero-banner span {\n      font-size: 1.1rem;\n      max-width: 900px;\n      display: inline-block;\n      line-height: 1.6;\n    }\n    .home-btn-group { margin-top: 30px; }\n    .home-btn-group a {\n      display: inline-block;\n      margin: 0 10px;\n      padding: 12px 25px;\n      border-radius: 6px;\n      text-decoration: none;\n      text-transform: uppercase;\n      font-weight: 600;\n      transition: 0.3s;\n    }\n    .home-link { background: #103bea; color: #fff; }\n    .home-link:hover { background: #0989ea; }\n    .home-link1 { border: 2px solid #fff; color: #fff; }\n    .home-link1:hover { background: #fff; color: #103bea; }\n\n    \/* --- PARTENAIRES --- *\/\n    .home-partners { text-align: center; padding: 60px 20px; }\n    .home-container01 {\n      display: flex; justify-content: center; align-items: center;\n      flex-wrap: wrap; gap: 40px; margin-bottom: 20px;\n    }\n    .home-container01 img { height: 80px; object-fit: contain; }\n    .home-image3 { height: 150px; margin-top: 20px; object-fit: contain; }\n\n    \/* --- NOUVELLES FONCTIONNALIT\u00c9S --- *\/\n    .home-new-features {\n      width: 100%;\n      padding: 80px 20px;\n      background: #f9f9f9;\n      text-align: center;\n    }\n    .home-text08 { font-size: 2.5rem; color: #222; margin-bottom: 20px; }\n    .home-text09 { font-size: 1.1rem; color: #555; margin-bottom: 40px; display: block; }\n    .home-iframe-container {\n      width: 100%; max-width: 900px; aspect-ratio: 16\/9; margin: 0 auto 60px;\n    }\n    .home-iframe { width: 100%; height: 100%; border: 0; border-radius: 10px; }\n    .home-features {\n      display: grid; grid-template-columns: repeat(3, 1fr);\n      gap: 40px; justify-items: center;\n    }\n    .feature-card-container {\n      background: #fff; border-radius: 10px; padding: 20px;\n      box-shadow: 0 4px 12px rgba(0,0,0,0.08);\n      text-align: center; max-width: 360px; width: 100%;\n      transition: transform .2s ease;\n    }\n    .feature-card-container:hover { transform: translateY(-4px); }\n    .feature-card-image {\n      width: 70px; height: 70px; object-fit: contain; margin: 0 auto 15px;\n    }\n    .feature-card-text {\n      font-size: 1.05rem; font-weight: 600; color: #333;\n    }\n\n    \/* --- BIGBLUEBUTTON (compl\u00e8te avec 6 fonctionnalit\u00e9s) --- *\/\n    .home-bb-features {\n      width: 100%; padding: 80px 20px; text-align: center;\n      background-image: url('.\/wp-content\/uploads\/2025\/10\/background-bbb-15-1500w.webp');\n      background-size: cover; background-position: center;\n    }\n    .home-text12 { font-size: 2.2rem; color: #111; margin-bottom: 10px; }\n    .home-text13 { color: #333; font-size: 1.1rem; display: block; margin-bottom: 40px; }\n    .home-les-fonctionnalits {\n      display: grid; grid-template-columns: repeat(3, 1fr);\n      gap: 40px; justify-items: center;\n    }\n\n    \/* --- ENSEIGNANTS (2 colonnes demand\u00e9es) --- *\/\n    .home-teacher { width: 100%; padding: 80px 20px; text-align: center; background: #fff; }\n    .home-teacher h2 { font-size: 2.2rem; color: #103bea; margin-bottom: 10px; }\n    .home-teacher span { color: #555; font-size: 1.1rem; display: block; margin-bottom: 30px; }\n    .home-separator { width: 100px; height: 2px; background: #103bea; margin: 0 auto 40px; }\n    .home-container03 {\n      display: grid; grid-template-columns: repeat(2, 1fr); \/* 2 colonnes *\/\n      gap: 30px; justify-items: center; align-items: stretch;\n      max-width: 1100px; margin: 0 auto;\n    }\n    .feature-card4-feature-card {\n      background: #f8faff; border-radius: 10px; padding: 28px;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.08); max-width: 520px; width: 100%;\n      text-align: left;\n    }\n    .feature-card4-feature-card h2 { color: #103bea; font-size: 1.35rem; margin-bottom: 8px; }\n    .feature-card4-feature-card p { color: #333; margin: 0; }\n\n    \/* --- DSI --- *\/\n    .home-ds-section { width: 100%; padding: 80px 20px; background: #f4f4f4; text-align: center; }\n    .home-heading { font-size: 2.2rem; color: #103bea; margin-bottom: 12px; }\n    .home-text16 { max-width: 720px; margin: 0 auto 28px; color: #444; font-size: 1.1rem; }\n    .home-ds-section a {\n      display: block; width: fit-content; margin: 10px auto;\n      padding: 12px 25px; border-radius: 6px; background: #52497b; color: #fff;\n      text-decoration: none; transition: .3s;\n    }\n    .home-ds-section a:hover { background: #103bea; }\n\n    \/* --- Responsive --- *\/\n    @media (max-width: 1200px) {\n      .home-features, .home-les-fonctionnalits { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (max-width: 768px) {\n      .home-features, .home-les-fonctionnalits, .home-container03 { grid-template-columns: 1fr; }\n    }\n  <\/style>\n\n  <!-- SECTION HERO -->\n  <div class=\"home-hero-banner\">\n    <h1>L&rsquo;outil de classes virtuelles de l&rsquo;enseignement sup\u00e9rieur<\/h1>\n    <span>Dans le cadre du Plan de relance, cette solution de classe virtuelle s\u2019appuie sur le logiciel open source BigBlueButton (BBB).<br>Elle est d\u00e9ploy\u00e9e \u00e0 l\u2019\u00e9chelle nationale dans un cloud souverain op\u00e9r\u00e9 par la Direction du Num\u00e9rique \u00c9ducatif (DNE) sous la responsabilit\u00e9 de France Universit\u00e9 Num\u00e9rique (FUN).<\/span>\n    <div class=\"home-btn-group\">\n      <a href=\"#teacher\" class=\"home-link\">Vous enseignez ?<\/a>\n      <a href=\"#dsi\" class=\"home-link1\">Vous \u00eates DSI ?<\/a>\n    <\/div>\n  <\/div>\n\n  <!-- PARTENAIRES -->\n  <div class=\"home-partners\">\n    <div class=\"home-container01\">\n      <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/logo-fun.svg\" alt=\"FUN\">\n      <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/bigbluebutton_logo.svg-200h.webp\" alt=\"BBB\">\n      <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/esup-pod.svg\" alt=\"Esup-Pod\">\n    \n    <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/etiquette_france_relance_ue-1200w.png\" alt=\"France Relance\" class=\"home-image3\" >\n  <\/div>\n<\/div>\n\n  <!-- NOUVELLES FONCTIONNALIT\u00c9S -->\n  <div class=\"home-new-features\" id=\"new-features\">\n    <h1 class=\"home-text08\">Les nouvelles fonctionnalit\u00e9s<\/h1>\n    <h3 class=\"home-text09\">En plus des fonctionnalit\u00e9s propos\u00e9es par la solution BigBlueButton, b\u00e9n\u00e9ficiez de nouvelles options de configuration<\/h3>\n    <div class=\"home-iframe-container\">\n      <iframe src=\"https:\/\/www.youtube.com\/embed\/GaZ5idIxlr0\" allowfullscreen class=\"home-iframe\"><\/iframe>\n    <\/div>\n\n    <div class=\"home-features\">\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/3-200h.png\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Param\u00e9trer sa classe une fois pour toute l&rsquo;ann\u00e9e<\/div>\n      <\/div>\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/sans-titre-1-200h.webp\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Planifier sa classe<\/div>\n      <\/div>\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/4-200h.png\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Pr\u00e9charger des documents<\/div>\n      <\/div>\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/icon-invitation-200h.webp\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Inviter des participants ou des mod\u00e9rateurs<\/div>\n      <\/div>\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/6-200h.png\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Activer ou d\u00e9sactiver des options en amont<\/div>\n      <\/div>\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/icon-handshake-200h.webp\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Saisir un texte de bienvenue<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- BIGBLUEBUTTON (COMPLET) -->\n  <div class=\"home-bb-features\" id=\"features\">\n    <h2 class=\"home-text12\">Les fonctionnalit\u00e9s BigBlueButton<\/h2>\n    <span class=\"home-text13\">Retrouvez les fonctionnalit\u00e9s qui rendent ce logiciel libre unique<\/span>\n\n    <div class=\"home-les-fonctionnalits\">\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/televersement-doc.svg\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">T\u00e9l\u00e9chargement de documents<\/div>\n      <\/div>\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/tableau-blanc.svg\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Tableau blanc multi-utilisateurs<\/div>\n      <\/div>\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/options-video.svg\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Options vid\u00e9o<\/div>\n      <\/div>\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/notes-partage@1x1-200h.png\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Notes partag\u00e9es<\/div>\n      <\/div>\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/messages.svg\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Discussion publique et messages priv\u00e9s<\/div>\n      <\/div>\n      <div class=\"feature-card-container\">\n        <img decoding=\"async\" src=\".\/wp-content\/uploads\/2025\/10\/sondage.svg\" class=\"feature-card-image\" alt=\"\">\n        <div class=\"feature-card-text\">Sondages et diapositives intelligentes<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ENSEIGNANTS (2 colonnes) -->\n  <div class=\"home-teacher\" id=\"teacher\">\n    <h2>Vous enseignez ?<\/h2>\n    <span>4 fa\u00e7ons de cr\u00e9er vos classes virtuelles BigBlueButton !<\/span>\n    <div class=\"home-separator\"><\/div>\n\n    <div class=\"home-container03\">\n      <div class=\"feature-card4-feature-card\">\n        <h2>Moodle<\/h2>\n        <p>Utilisez BBB via le plugin dans le Moodle de votre \u00e9tablissement<\/p>\n      <\/div>\n      <div class=\"feature-card4-feature-card\">\n        <h2>Esup-Pod<\/h2>\n        <p>Si votre \u00e9tablissement utilise Esup-Pod, lancez vos classes virtuelles depuis cette plateforme<\/p>\n      <\/div>\n      <div class=\"feature-card4-feature-card\">\n        <h2>Portail national<\/h2>\n        <p>Connectez-vous avec vos identifiants universitaires pour lancer une classe virtuelle sans attendre<\/p>\n      <\/div>\n      <div class=\"feature-card4-feature-card\">\n        <h2>Plateformes FUN<\/h2>\n        <p>Si vous cr\u00e9ez des cours sur FUN MOOC, l&rsquo;outil de classes virtuelles est pr\u00e9install\u00e9<\/p>\n      <\/div>\n    <\/div>\n  <div class=\"home-links\" style=\"margin-top: 1.5rem; text-align: center;\">\n    <a href=\".\/wp-content\/uploads\/2025\/10\/affiche-bbb-enseignants.pdf\"\n       target=\"_blank\" style=\"color: #103bea; text-decoration: underline; margin-right: 1rem;\">\n       T\u00e9l\u00e9charger l\u2019affiche en PDF\n    <\/a>\n    <a href=\".\/wp-content\/uploads\/2025\/10\/affiche-bbb-enseignants.pptx\"\n       target=\"_blank\" style=\"color: #103bea; text-decoration: underline;\">\n       T\u00e9l\u00e9charger l\u2019affiche \u00e9ditable en PPTX\n    <\/a>\n  <\/div>\n<div style=\"margin-top: 2rem; text-align: center;\">\n    <a href=\".\/index.php\/acceuil-doc\/\"\n       class=\"home-link-guide\"\n       target=\"_blank\">\n       Consulter le guide d&rsquo;utilisation\n    <\/a>\n  <\/div>\n  <\/div>\n\n  <!-- DSI -->\n  <div class=\"home-ds-section\" id=\"dsi\">\n    <h2 class=\"home-heading\">Vous \u00eates DSI ?<\/h2>\n    <div class=\"home-text16\">Vous souhaitez mettre en place la solution de classes virtuelles dans votre \u00e9tablissement ? Suivez le guide !<\/div>\n    <a href=\".\/index.php\/316-2\/\" target=\"_blank\">Installer le plugin BigBlueButton<\/a>\n    <a href=\".\/index.php\/313-2\/\" target=\"_blank\">Installer BigBlueButton sur Esup-Pod<\/a>\n  <\/div>\n        <a href=\".\/wp-content\/uploads\/2025\/10\/affiche-bbb-dsi.pdf\"\n           target=\"_blank\"\n           style=\"color: #103bea; text-decoration: underline;\">\n           T\u00e9l\u00e9charger l\u2019affiche en PDF\n        <\/a><a href=\".\/wp-content\/uploads\/2025\/10\/affiche-bbb-dsi.pptx\" target=\"_blank\" style=\"color: #103bea; text-decoration: underline;\">T\u00e9l\u00e9charger l\u2019affiche \u00e9ditable en PPTX <\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;outil de classes virtuelles de l&rsquo;enseignement sup\u00e9rieur Dans le cadre du Plan de relance, cette solution de classe virtuelle s\u2019appuie sur le logiciel open source BigBlueButton (BBB).Elle est d\u00e9ploy\u00e9e \u00e0 l\u2019\u00e9chelle nationale dans un cloud souverain op\u00e9r\u00e9 par la Direction du Num\u00e9rique \u00c9ducatif (DNE) sous la responsabilit\u00e9 de France Universit\u00e9 Num\u00e9rique (FUN). Vous enseignez ? Vous \u00eates DSI ? Les nouvelles fonctionnalit\u00e9s En plus des fonctionnalit\u00e9s propos\u00e9es par la solution BigBlueButton, b\u00e9n\u00e9ficiez de nouvelles options de configuration Param\u00e9trer sa classe [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"https:\/\/test.wordpress.numerique-esr.fr\/test\/\">Lire la suite\u2026<span class=\"screen-reader-text\"> from Accueil<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-67","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/test.wordpress.numerique-esr.fr\/test\/index.php\/wp-json\/wp\/v2\/pages\/67","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.wordpress.numerique-esr.fr\/test\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.wordpress.numerique-esr.fr\/test\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.wordpress.numerique-esr.fr\/test\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.wordpress.numerique-esr.fr\/test\/index.php\/wp-json\/wp\/v2\/comments?post=67"}],"version-history":[{"count":57,"href":"https:\/\/test.wordpress.numerique-esr.fr\/test\/index.php\/wp-json\/wp\/v2\/pages\/67\/revisions"}],"predecessor-version":[{"id":368,"href":"https:\/\/test.wordpress.numerique-esr.fr\/test\/index.php\/wp-json\/wp\/v2\/pages\/67\/revisions\/368"}],"wp:attachment":[{"href":"https:\/\/test.wordpress.numerique-esr.fr\/test\/index.php\/wp-json\/wp\/v2\/media?parent=67"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}