Accueil | Callisto Formation

<!DOCTYPE html> <html dir="ltr" lang="fr" xml:lang="fr"> <head> <title>Accueil | Callisto Formation</title> <link rel="shortcut icon" href="https://callisto-formation.fr/pluginfile.php/1/core_admin/favicon/64x64/1733998543/favicon%20callisto%20bleu.png" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="moodle, Accueil | Callisto Formation" /> <link rel="stylesheet" type="text/css" href="https://callisto-formation.fr/theme/yui_combo.php?rollup/3.17.2/yui-moodlesimple-min.css" /><script id="firstthemesheet" type="text/css">/** Required in order to fix style inclusion problems in IE with YUI **/</script><link rel="stylesheet" type="text/css" href="https://callisto-formation.fr/theme/styles.php/_s/boostplus_c03/1733998543_1733997394/all/chunk0" /> <script> //<![CDATA[ var M = {}; M.yui = {}; M.pageloadstarttime = new Date(); M.cfg = {"wwwroot":"https:\/\/callisto-formation.fr","homeurl":{},"sesskey":"DKfOJBpPGg","sessiontimeout":"28800","sessiontimeoutwarning":1200,"themerev":"1733998543","slasharguments":1,"theme":"boostplus_c03","iconsystemmodule":"core\/icon_system_fontawesome","jsrev":"1733997266","admin":"admin","svgicons":false,"usertimezone":"Europe\/Paris","language":"fr","courseId":1,"courseContextId":2,"contextid":2,"contextInstanceId":1,"langrev":1739329685,"templaterev":"1733997266"};var yui1ConfigFn = function(me) {if(/-skin|reset|fonts|grids|base/.test(me.name)){me.type='css';me.path=me.path.replace(/\.js/,'.css');me.path=me.path.replace(/\/yui2-skin/,'/assets/skins/sam/yui2-skin')}}; var yui2ConfigFn = function(me) {var parts=me.name.replace(/^moodle-/,'').split('-'),component=parts.shift(),module=parts[0],min='-min';if(/-(skin|core)$/.test(me.name)){parts.pop();me.type='css';min=''} if(module){var filename=parts.join('-');me.path=component+'/'+module+'/'+filename+min+'.'+me.type}else{me.path=component+'/'+component+'.'+me.type}}; YUI_config = {"debug":false,"base":"https:\/\/callisto-formation.fr\/lib\/yuilib\/3.17.2\/","comboBase":"https:\/\/callisto-formation.fr\/theme\/yui_combo.php?","combine":true,"filter":null,"insertBefore":"firstthemesheet","groups":{"yui2":{"base":"https:\/\/callisto-formation.fr\/lib\/yuilib\/2in3\/2.9.0\/build\/","comboBase":"https:\/\/callisto-formation.fr\/theme\/yui_combo.php?","combine":true,"ext":false,"root":"2in3\/2.9.0\/build\/","patterns":{"yui2-":{"group":"yui2","configFn":yui1ConfigFn}}},"moodle":{"name":"moodle","base":"https:\/\/callisto-formation.fr\/theme\/yui_combo.php?m\/1733997266\/","combine":true,"comboBase":"https:\/\/callisto-formation.fr\/theme\/yui_combo.php?","ext":false,"root":"m\/1733997266\/","patterns":{"moodle-":{"group":"moodle","configFn":yui2ConfigFn}},"filter":null,"modules":{"moodle-core-chooserdialogue":{"requires":["base","panel","moodle-core-notification"]},"moodle-core-event":{"requires":["event-custom"]},"moodle-core-formchangechecker":{"requires":["base","event-focus","moodle-core-event"]},"moodle-core-languninstallconfirm":{"requires":["base","node","moodle-core-notification-confirm","moodle-core-notification-alert"]},"moodle-core-tooltip":{"requires":["base","node","io-base","moodle-core-notification-dialogue","json-parse","widget-position","widget-position-align","event-outside","cache-base"]},"moodle-core-actionmenu":{"requires":["base","event","node-event-simulate"]},"moodle-core-popuphelp":{"requires":["moodle-core-tooltip"]},"moodle-core-handlebars":{"condition":{"trigger":"handlebars","when":"after"}},"moodle-core-lockscroll":{"requires":["plugin","base-build"]},"moodle-core-notification":{"requires":["moodle-core-notification-dialogue","moodle-core-notification-alert","moodle-core-notification-confirm","moodle-core-notification-exception","moodle-core-notification-ajaxexception"]},"moodle-core-notification-dialogue":{"requires":["base","node","panel","escape","event-key","dd-plugin","moodle-core-widget-focusafterclose","moodle-core-lockscroll"]},"moodle-core-notification-alert":{"requires":["moodle-core-notification-dialogue"]},"moodle-core-notification-confirm":{"requires":["moodle-core-notification-dialogue"]},"moodle-core-notification-exception":{"requires":["moodle-core-notification-dialogue"]},"moodle-core-notification-ajaxexception":{"requires":["moodle-core-notification-dialogue"]},"moodle-core-blocks":{"requires":["base","node","io","dom","dd","dd-scroll","moodle-core-dragdrop","moodle-core-notification"]},"moodle-core-maintenancemodetimer":{"requires":["base","node"]},"moodle-core-dragdrop":{"requires":["base","node","io","dom","dd","event-key","event-focus","moodle-core-notification"]},"moodle-core_availability-form":{"requires":["base","node","event","event-delegate","panel","moodle-core-notification-dialogue","json"]},"moodle-backup-confirmcancel":{"requires":["node","node-event-simulate","moodle-core-notification-confirm"]},"moodle-backup-backupselectall":{"requires":["node","event","node-event-simulate","anim"]},"moodle-course-management":{"requires":["base","node","io-base","moodle-core-notification-exception","json-parse","dd-constrain","dd-proxy","dd-drop","dd-delegate","node-event-delegate"]},"moodle-course-util":{"requires":["node"],"use":["moodle-course-util-base"],"submodules":{"moodle-course-util-base":{},"moodle-course-util-section":{"requires":["node","moodle-course-util-base"]},"moodle-course-util-cm":{"requires":["node","moodle-course-util-base"]}}},"moodle-course-categoryexpander":{"requires":["node","event-key"]},"moodle-course-dragdrop":{"requires":["base","node","io","dom","dd","dd-scroll","moodle-core-dragdrop","moodle-core-notification","moodle-course-coursebase","moodle-course-util"]},"moodle-form-shortforms":{"requires":["node","base","selector-css3","moodle-core-event"]},"moodle-form-passwordunmask":{"requires":[]},"moodle-form-dateselector":{"requires":["base","node","overlay","calendar"]},"moodle-question-preview":{"requires":["base","dom","event-delegate","event-key","core_question_engine"]},"moodle-question-searchform":{"requires":["base","node"]},"moodle-question-chooser":{"requires":["moodle-core-chooserdialogue"]},"moodle-availability_completion-form":{"requires":["base","node","event","moodle-core_availability-form"]},"moodle-availability_date-form":{"requires":["base","node","event","io","moodle-core_availability-form"]},"moodle-availability_grade-form":{"requires":["base","node","event","moodle-core_availability-form"]},"moodle-availability_group-form":{"requires":["base","node","event","moodle-core_availability-form"]},"moodle-availability_grouping-form":{"requires":["base","node","event","moodle-core_availability-form"]},"moodle-availability_profile-form":{"requires":["base","node","event","moodle-core_availability-form"]},"moodle-mod_assign-history":{"requires":["node","transition"]},"moodle-mod_quiz-quizbase":{"requires":["base","node"]},"moodle-mod_quiz-toolboxes":{"requires":["base","node","event","event-key","io","moodle-mod_quiz-quizbase","moodle-mod_quiz-util-slot","moodle-core-notification-ajaxexception"]},"moodle-mod_quiz-util":{"requires":["node","moodle-core-actionmenu"],"use":["moodle-mod_quiz-util-base"],"submodules":{"moodle-mod_quiz-util-base":{},"moodle-mod_quiz-util-slot":{"requires":["node","moodle-mod_quiz-util-base"]},"moodle-mod_quiz-util-page":{"requires":["node","moodle-mod_quiz-util-base"]}}},"moodle-mod_quiz-autosave":{"requires":["base","node","event","event-valuechange","node-event-delegate","io-form"]},"moodle-mod_quiz-questionchooser":{"requires":["moodle-core-chooserdialogue","moodle-mod_quiz-util","querystring-parse"]},"moodle-mod_quiz-modform":{"requires":["base","node","event"]},"moodle-mod_quiz-dragdrop":{"requires":["base","node","io","dom","dd","dd-scroll","moodle-core-dragdrop","moodle-core-notification","moodle-mod_quiz-quizbase","moodle-mod_quiz-util-base","moodle-mod_quiz-util-page","moodle-mod_quiz-util-slot","moodle-course-util"]},"moodle-message_airnotifier-toolboxes":{"requires":["base","node","io"]},"moodle-block_xp-rulepicker":{"requires":["base","node","handlebars","moodle-core-notification-dialogue"]},"moodle-block_xp-filters":{"requires":["base","node","moodle-core-dragdrop","moodle-core-notification-confirm","moodle-block_xp-rulepicker"]},"moodle-block_xp-notification":{"requires":["base","node","handlebars","button-plugin","moodle-core-notification-dialogue"]},"moodle-filter_glossary-autolinker":{"requires":["base","node","io-base","json-parse","event-delegate","overlay","moodle-core-event","moodle-core-notification-alert","moodle-core-notification-exception","moodle-core-notification-ajaxexception"]},"moodle-filter_mathjaxloader-loader":{"requires":["moodle-core-event"]},"moodle-editor_atto-editor":{"requires":["node","transition","io","overlay","escape","event","event-simulate","event-custom","node-event-html5","node-event-simulate","yui-throttle","moodle-core-notification-dialogue","moodle-core-notification-confirm","moodle-editor_atto-rangy","handlebars","timers","querystring-stringify"]},"moodle-editor_atto-plugin":{"requires":["node","base","escape","event","event-outside","handlebars","event-custom","timers","moodle-editor_atto-menu"]},"moodle-editor_atto-menu":{"requires":["moodle-core-notification-dialogue","node","event","event-custom"]},"moodle-editor_atto-rangy":{"requires":[]},"moodle-report_eventlist-eventfilter":{"requires":["base","event","node","node-event-delegate","datatable","autocomplete","autocomplete-filters"]},"moodle-report_loglive-fetchlogs":{"requires":["base","event","node","io","node-event-delegate"]},"moodle-gradereport_history-userselector":{"requires":["escape","event-delegate","event-key","handlebars","io-base","json-parse","moodle-core-notification-dialogue"]},"moodle-qbank_editquestion-chooser":{"requires":["moodle-core-chooserdialogue"]},"moodle-tool_capability-search":{"requires":["base","node"]},"moodle-tool_lp-dragdrop-reorder":{"requires":["moodle-core-dragdrop"]},"moodle-tool_monitor-dropdown":{"requires":["base","event","node"]},"moodle-assignfeedback_editpdf-editor":{"requires":["base","event","node","io","graphics","json","event-move","event-resize","transition","querystring-stringify-simple","moodle-core-notification-dialog","moodle-core-notification-alert","moodle-core-notification-warning","moodle-core-notification-exception","moodle-core-notification-ajaxexception"]},"moodle-atto_accessibilitychecker-button":{"requires":["color-base","moodle-editor_atto-plugin"]},"moodle-atto_accessibilityhelper-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_align-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_bold-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_charmap-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_clear-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_collapse-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_emojipicker-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_emoticon-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_equation-button":{"requires":["moodle-editor_atto-plugin","moodle-core-event","io","event-valuechange","tabview","array-extras"]},"moodle-atto_h5p-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_html-beautify":{},"moodle-atto_html-button":{"requires":["promise","moodle-editor_atto-plugin","moodle-atto_html-beautify","moodle-atto_html-codemirror","event-valuechange"]},"moodle-atto_html-codemirror":{"requires":["moodle-atto_html-codemirror-skin"]},"moodle-atto_image-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_indent-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_italic-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_link-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_managefiles-usedfiles":{"requires":["node","escape"]},"moodle-atto_managefiles-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_media-button":{"requires":["moodle-editor_atto-plugin","moodle-form-shortforms"]},"moodle-atto_noautolink-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_orderedlist-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_recordrtc-button":{"requires":["moodle-editor_atto-plugin","moodle-atto_recordrtc-recording"]},"moodle-atto_recordrtc-recording":{"requires":["moodle-atto_recordrtc-button"]},"moodle-atto_rtl-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_strike-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_subscript-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_superscript-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_table-button":{"requires":["moodle-editor_atto-plugin","moodle-editor_atto-menu","event","event-valuechange"]},"moodle-atto_title-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_underline-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_undo-button":{"requires":["moodle-editor_atto-plugin"]},"moodle-atto_unorderedlist-button":{"requires":["moodle-editor_atto-plugin"]}}},"gallery":{"name":"gallery","base":"https:\/\/callisto-formation.fr\/lib\/yuilib\/gallery\/","combine":true,"comboBase":"https:\/\/callisto-formation.fr\/theme\/yui_combo.php?","ext":false,"root":"gallery\/1733997266\/","patterns":{"gallery-":{"group":"gallery"}}}},"modules":{"core_filepicker":{"name":"core_filepicker","fullpath":"https:\/\/callisto-formation.fr\/lib\/javascript.php\/1733997266\/repository\/filepicker.js","requires":["base","node","node-event-simulate","json","async-queue","io-base","io-upload-iframe","io-form","yui2-treeview","panel","cookie","datatable","datatable-sort","resize-plugin","dd-plugin","escape","moodle-core_filepicker","moodle-core-notification-dialogue"]},"core_comment":{"name":"core_comment","fullpath":"https:\/\/callisto-formation.fr\/lib\/javascript.php\/1733997266\/comment\/comment.js","requires":["base","io-base","node","json","yui2-animation","overlay","escape"]},"mathjax":{"name":"mathjax","fullpath":"https:\/\/cdn.jsdelivr.net\/npm\/mathjax@2.7.9\/MathJax.js?delayStartupUntil=configured"}}}; M.yui.loader = {modules: {}}; //]]> </script> <title>Accueil | Callisto Formation</title> <meta name="keywords" content="e-learning, formations en ligne, science ouverte, métiers des bibliothèques, documentation, information scientifique et technique"> <meta name="description" content="Se former aux métiers des bibliothèques, à la documentation, à l’information scientifique, à la science ouverte."> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> <script src="https://cdn.jsdelivr.net/gh/adamchaboryk/gifa11y@2.0.3/dist/js/gifa11y.umd.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/mermaid@11.4.0/dist/mermaid.min.js"></script> <style> /*** TEST ***/ /*** TABLEAU DE BORD ***/ /*** CUSTOM DASHBOARD ***/ #page-my-index #page { background-color:#F3F6FA; } #page-my-index #page .block { border:none; } /*** DAYLI INFO ***/ .info-slide { transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: no-preference) { .slide-in-right { animation: slideInRight 0.3s forwards; } .slide-in-left { animation: slideInLeft 0.3s forwards; } } @keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideInLeft { from { transform: translateX(-100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } /* Bootstrap 4 compatibility */ .btn.disabled { pointer-events: none; opacity: 0.65; } /*** SECTIONS USERS INTERNES ***/ .collabs { background-color: #f3f6fb; } .collabs a { color: #000 !important; } .gestionnaires { background-color: #B7C0EE; } .gestionnaires a { color: #000 !important; } .admins { background-color: #292929; color: #fff; } .admins a, .admins h1, .admins h2, .admins h3, .admins h4, .admins h5, .admins h6 { color: #fff !important; } /*** TEST mes notes ***/ .grade-item { margin-bottom: 0.5rem; padding: 0.25rem 0; border-bottom: 1px solid rgba(255,255,255,0.1); } .grade-item:last-child { border-bottom: none; } .grade-value { font-weight: bold; margin-left: auto; } /*** TEST recent activities ***/ #custom-recent-items a { text-decoration: none; } #custom-recent-items a:hover { text-decoration: underline; } /*** TEST Badges ***/ #custom-badges-container { max-width: 100%; } #custom-badges-container ul { list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-around; } #custom-badges-container li { margin: 5px; text-align: center; } #custom-badges-container img { max-width: 100px; max-height: 100px; width: auto; height: auto; } #custom-badges-container a { display: inline-block; text-decoration: none; } /*** TEST arrangement {mycoursescards} tableau de bord ***/ #dashboard-my-courses-list { list-style-type: none; padding-left: 0; margin-bottom: 0.5rem; } #dashboard-my-courses-list li { margin-bottom: 0.5rem; } #dashboard-my-courses-list a { color: #ffffff; text-decoration: none; display: block; padding: 0.3rem 0.5rem; background-color: rgba(255, 255, 255, 0.1); border-radius: 0.25rem; transition: background-color 0.2s; } #dashboard-my-courses-list a:hover { background-color: rgba(255, 255, 255, 0.2); } .text-muted2 { color: rgba(255, 255, 255, 0.7) !important; } /************************/ /*** ACCESSIBILITY ***/ /*** SUPPR tooltip bootstrap ***/ .tooltip { display: none !important; } /*** ----------------------------------------------------------------------------------------***/ /* Ajoutez des règles média pour ajuster la taille des titres sur les petits écrans */ @media (max-width: 320px) { h1 { font-size: 2rem; } h2 { font-size: 1.75rem; } h3 { font-size: 1.5rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.1rem; } h6 { font-size: 1rem; } } /* Modifiez le padding pour le contenu principal sur les petits écrans */ @media (max-width: 320px) { #page #topofscroll { padding-left: 1rem; padding-right: 1rem; } } /* Ajustez la taille de police du menu déroulant pour les petits écrans */ @media (max-width: 320px) { .dropdown-menu { font-size: 0.8rem; min-width: 12rem; } } /* Ajoutez des règles pour gérer le débordement du contenu */ #page.drawers { overflow-x: hidden; } .container { max-width: 100%; } /* Ajoutez les règles pour le menu de navigation et le contenu des médias */ @media (max-width: 320px) { .navbar-nav .nav-link { font-size: 14px; padding: 0.5rem 0.3rem; } .tab-content h4 { font-size: 16px; } .media-body { font-size: 14px; } .media img { max-width: 100px; } } /* Assurez-vous que les images sont réactives */ img { max-width: 100%; height: auto; } /* Visibilité lien "fermer" dans le bandeau des CGU */ .eupopup-closebutton { font-weight: 700; opacity: 1; } /* Visibilité du focus */ /* Réinitialiser le style de focus par défaut sur tous les éléments focusables */ a:not([class]):focus { outline: 2px solid var(--secondary) !important; background-color: transparent !important; color: inherit !important; } /* Cacher message erreur gifa11y button.warning.v1 { display: none; } */ /* changement couleur sélection de texte */ ::-moz-selection { /* Code for Firefox */ color: #fff; background: #DF0B3D; } ::selection { color: #fff; background: #DF0B3D; } /* Rendre le back-to-top focusable + intitulé */ #btn-back-to-top:focus { outline: 2px solid #0056b3; outline-offset: 2px; } .back-to-top-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /* Créer une liste pour les infos de cours dans page accueil (tabs bootstrap) */ .course-info li { margin-bottom: 5px; } .course-info i { margin-right: 5px; } /* Améliorer le focus des images lien dans "restons connectés" */ .img-link { display: inline-block; position: relative; width: 50px; /* Assurez-vous que cela correspond à la taille de votre image */ height: 50px; } .img-link img { display: block; width: 100%; height: 100%; border-radius: 50%; /* Pour des images rondes, retirez si vos images sont carrées */ } .img-link::after { content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; border-radius: 50%; /* Utilisez une valeur plus grande que celle de l'image pour un effet arrondi */ pointer-events: none; transition: box-shadow 0.3s ease; } .img-link:focus { outline: none; /* Supprime l'outline par défaut */ } .img-link:focus-visible::after { box-shadow: 0 0 0 3px #007bff; /* Couleur et épaisseur du focus */ } /*** OTHER ***/ html { scroll-behavior: smooth; } body, H1, H2, H3, H4, H5, H6 { font-family: 'Helvetica Neue', Helvetica, Open Sans, sans-serif; color:#292929; } /* Tailles de police pour les titres */ h1 { font-size: 2.5rem; } /* Ajustez selon vos besoins */ h2 { font-size: 2rem; } /* Ajustez selon vos besoins */ h3 { font-size: 1.75rem; font-weight: 500; } /* Ajustez selon vos besoins */ h4 { font-size: 1.5rem; font-weight: 500; } /* Ajustez selon vos besoins */ h5 { font-size: 1.25rem; font-weight: 400; } /* Ajustez selon vos besoins */ h6 { font-size: 1.1rem; font-weight: 400; } /* Ajustez selon vos besoins */ h1, h2, h3, h4, h5, h6 { text-wrap: balance; } /* Espace entre un paragraphe, liste et un titre qui le suit */ p + h4, p + .h4, p + h5, p + .h5, p + h6, p + .h6, ul + h4, ul + .h4, ul + h5, ul + .h5, ul + h6, ul + .h6, ol + h4, ol + .h4, ol + h5, ol + .h5, ol + h6, ol + .h6 { margin-top: 2rem; } h4, .h4, h5, .h5, h6, .h6 { & + p, & + ul, & + ol { margin-top: 1rem; } } p { text-wrap: pretty; } #page.drawers { margin-top: 0px; height: fit-content; } #page-header { padding-top : 30px; } /* Ajout icône lien connexion menu */ .usermenu .login { display: inline-block; } .usermenu .login a { display: flex; align-items: center; text-decoration: none; color: #090C9B; border: 1px solid #090C9B; border-radius: 20px; padding: 4px 15px 4px 4px; transition: all 0.3s ease; } .usermenu .login a::before { content: "\f090"; font-family: "FontAwesome"; font-size: 16px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; background-color: #090C9B; color: white; border-radius: 50%; margin-right: 10px; transition: all 0.3s ease; } .usermenu .login a span { font-weight: normal; } .usermenu .login a:hover, .usermenu .login a:focus { background-color: #B7C0EE; color: #090C9B; border-color: #B7C0EE; } .usermenu .login a:hover::before, .usermenu .login a:focus::before { background-color: #090C9B; } /*** content area boostplus ***/ #topofscroll #contentcustomfooter {background-color:transparent;} /*** Footer ***/ #contentcustomfooter {background-color:#292929;} #contentcustomfooter .text_to_html {width: 100%;} #contentcustomfooter .text_to_html>.container { max-width: 1500px; } @media (min-width: 768px){ #page.drawers { padding-left: 0rem; padding-right: 0rem; } #page #topofscroll{ padding-left: 3rem; padding-right: 3rem;} } /* Remove the "?," bottom-right side */ footer#page-footer {display: none;} /*** modif menu principal ***/ .dropdown-menu { font-size: .85rem; border-radius: 0; min-width: 14rem; } /*** légende ***/ .caption { clear: both; font-size: 0.8rem; font-style: italic; text-align: right; margin: 10px 10px 10px 10px; } /*** modif résumé de section ***/ #section-0 .course-description-item, .summarytext { font-size: .9375rem; font-weight: 400; } .course-description-item, .summarytext { font-size: 1rem; font-weight: 500; } /*** modif lien glossaire ***/ a.glossary.autolink.concept { text-decoration: none; position: relative; color: inherit; } a.glossary.autolink.concept::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; border-bottom: 1px dotted; } /*CHANGE LOOK AND FEEL OF CATEGORY DISPLAY IN HOMEPAGE AND /COURSE PAGE */ #page-course-index-category .cat-icon i{ display:none } /*NOT DISPLAT HIDDEN ELEMENT WHEN EDITING IS OFF*/ #page-site-index .activity-item.hiddenactivity{display:none} #page-site-index.editing .activity-item.hiddenactivity{display:block} #page-site-index .secondary-navigation{display:none} #page-site-index.editing .secondary-navigation{display:block} #page-site-index #topofscroll{padding:0;margin-top: 3rem;} #page-site-index #page-header{display:none} #page-site-index.editing #page-header{display:block} /*** Assombrir courseimage header et augmentation lisibilité h1 ***/ .pagelayout-course #page-header { position: relative; background-attachment: fixed; min-height: 300px; } .pagelayout-course #page-header::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.5rem 0.5rem 0 0; background-color: rgba(0, 0, 0, 0.5); /* Ajustez la transparence ici */ z-index: 0; /* Placez-le au-dessus de l'image de fond */ } /* Votre texte va ici */ .pagelayout-course #page-header h1.h2 { position: relative; /* Pour que le texte apparaisse au-dessus du div transparent */ z-index: 2; /* Placez-le au-dessus du div transparent */ /* Autres styles de texte, comme la couleur, la taille, etc. */ background-color:transparent; text-shadow: 2px 2px 8px #000000; font-size: 2.3rem; } /*** Hilight h4 Urfist Cerise ***/ .cerise h4{ font-size:2rem; color:#fff; background-color:#B01200; padding: 10px 10px 10px 10px; } /*** Changement couleur statut remise de devoir ***/ .path-mod-assign div.submissionstatussubmitted { background-color: orange; } .path-mod-assign div.submissiongraded { color: white; font-weight: bold; background-color: green;} /*** Changement hover sur format image avec pop-up ***/ .format-grid .thegrid .grid-section.card { position: relative; overflow: hidden; transition: box-shadow 0.3s ease; } .format-grid .thegrid .grid-section.card:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); cursor: pointer; color: #007bff; text-decoration: underline; } /* SUPPR backtocourse pages spécifiques */ body[class*="cmid-18863"] header#page-header .w-100 .eno_backtocourse, body[class*="cmid-18249"] header#page-header .w-100 .eno_backtocourse, body[class*="cmid-15882"] header#page-header .w-100 .eno_backtocourse, body[class*="cmid-15852"] header#page-header .w-100 .eno_backtocourse, body[class*="cmid-14859"] header#page-header .w-100 .eno_backtocourse, body[class*="cmid-5058"] header#page-header .w-100 .eno_backtocourse, body[class*="cmid-3916"] header#page-header .w-100 .eno_backtocourse { display: none; } /* SUPPR HEADER pages catégorie cours body#page-course-index-category #page-header { display: none; }*/ body#page-course-index-category #action_bar { display: none; } /*** Suppression barre de recherche de tags ***/ #tag-search-box{ display:none; } #tag-search-results .tag_cloud { margin-top: 50px; } /*** Ajout underline aux liens textuels ***/ /* Appliquer le soulignement uniquement aux liens textuels */ a:not(.btn):not(img):not(button):not([type="button"]):not(.nav-link):not(.glossary.autolink.concept):not(.courseindex .courseindex-item .courseindex-link):not(.courseindex .courseindex-item .courseindex-chevron) { text-decoration: underline; text-underline-offset: 5px; /* Ajustez la valeur selon vos préférences */ } /* Assurez-vous de définir les règles pour les liens visités si nécessaire */ a:visited:not(.btn):not(img):not(button):not([type="button"]):not(.nav-link):not(.glossary.autolink.concept):not(.courseindex .courseindex-item .courseindex-link):not(.courseindex .courseindex-item .courseindex-chevron) { text-decoration: underline; /* ou 'none' si vous ne souhaitez pas de soulignement pour les liens visités */ } /*** AJOUT ICONE LIEN EXT SAUF LIEN IMG ***/ a[target="_blank"].no-image::after { display: inline-block; font-family: 'bootstrap-icons'; content: '\00a0\F143'; vertical-align: middle; } a[target="_blank"].no-image img { display: none; } /* RENDRE LE HEADER VISIBLE POUR PAGE-MESSAGE-INDEX */ #page-message-index #page-header { display: block; } /* SUPPR breadcrumb page tag #page-tag-index #page-navbar { display: none; }*/ /*** CUSTOM FIELD ***/ /* ajout icones course fields */ .customfield_author::before { content: "\f4d7"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_production::before { content: "\f4de"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_cible::before { content: "\f4cf"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_date::before { content: "\F1FD"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_maj::before { content: "\f116"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_duration::before { content: "\f291"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_preriquisite::before { content: "\F5F9"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_license::before { content: "\f7e7"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_citation::before { content: "\f6b0"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_doi::before { content: "\f602"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_ob::before { content: "\F4B5"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_students::before { content: "\F4DC"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } .customfield_ia::before { content: "\F2ED"; font-family: 'bootstrap-icons'; display: inline-block; margin-right: 5px; } /*** affichage course fields ***/ .activity-item[data-activityname*="customfield"] { background-color: #f3f6fb; border-radius: 10px; } .activity-cf { background-color: #f3f6fb; border-radius: 10px; } .customfield { display: inline-block; /* Afficher les éléments sur la même ligne */ padding: 15px; } .customfieldname { font-weight: bold; } /*** Ajout margin après liste ***/ ul + * { margin-top: 15px; } ol + * { margin-top: 15px; } /*** texte à copier ***/ .texte-a-copier { border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; background-color:#F3F6FB; } /* Hide all IdP button on login page beside "OAuth" and Renater */ .login-identityprovider-btn:nth-of-type(1n+3) { display: none; } /*** FOOTER ***/ .footerlist { list-style-type: none; margin: 0; padding: 0; } .footerlist2 { display: flex; list-style-type: none; margin: 0; padding: 0; } .hr-footer { border-top: 2px solid #bbb; margin-bottom: 20px; margin-top: 20px; } #contentcustomfooter a { color:#B7C0EE; } /*** FORMAT TUILE ***/ .format-tiles #section-0 .content .summary .no-overflow p { margin-bottom: 1rem; } /*** frame box shadow ***/ .box-shadow { border: 1px solid; padding: 10px; box-shadow: 5px 10px 8px #888888; margin-bottom:20px; } /*** div max width 800 px ***/ .mw800 { max-width:800px; } /*** Largeur form stat ***/ .custom-select { width: 150px; } /*** ANIMATION ***/ .animate { opacity: 0; transition: all 0.7s ease; transition-delay: 0.25s; } /* Fade Up */ .animate[data-animation="fade-up"] { transform: translateY(20px); } .animate[data-animation="fade-up"].visible { opacity: 1; transform: translateY(0); } /* Fade Down */ .animate[data-animation="fade-down"] { transform: translateY(-20px); } .animate[data-animation="fade-down"].visible { opacity: 1; transform: translateY(0); } /* Fade Left */ .animate[data-animation="fade-left"] { transform: translateX(-20px); } .animate[data-animation="fade-left"].visible { opacity: 1; transform: translateX(0); } /* Fade Right */ .animate[data-animation="fade-right"] { transform: translateX(20px); } .animate[data-animation="fade-right"].visible { opacity: 1; transform: translateX(0); } /* Rotate */ .animate[data-animation="rotate"] { transform: rotate(-10deg); } .animate[data-animation="rotate"].visible { opacity: 1; transform: rotate(0deg); } /* Scale */ .animate[data-animation="scale"] { transform: scale(0.5); } .animate[data-animation="scale"].visible { opacity: 1; transform: scale(1); } /* Flip */ .animate[data-animation="flip"] { transform: perspective(400px) rotateY(90deg); } .animate[data-animation="flip"].visible { opacity: 1; transform: perspective(400px) rotateY(0deg); } /* Zoom In */ .animate[data-animation="zoom-in"] { transform: scale(0.95); } .animate[data-animation="zoom-in"].visible { opacity: 1; transform: scale(1); } /* change bg-color menu */ .navbar { background-color: #f3f6fb !important; } .primary-navigation .nav-link:hover, .primary-navigation .nav-link:focus, .primary-navigation .dropdown-item:hover, .primary-navigation .dropdown-item:focus { background-color: var(--primary) !important; /* Gardez votre couleur de fond au survol */ color: #ffffff !important; /* Changez ceci en une couleur qui contraste bien, par exemple noir */ } /* Pour s'assurer que les liens dans les menus déroulants restent visibles */ .primary-navigation .dropdown-menu { background-color: #f3f6fb !important; } /*** NOUVEAUX COURS ***/ .new-course-card { background-color: #fff; border: 1px solid #e0e0e0; border-radius: 4px; overflow: hidden; margin-bottom: 20px; position: relative; } .new-course-card .row { display: flex; align-items: stretch; } .new-course-img-container { padding: 0; position: relative; overflow: hidden; } .new-course-img { width: 100%; height: 100%; object-fit: cover; } .new-course-ribbon { width: 100px; height: 100px; overflow: hidden; position: absolute; top: -5px; left: -5px; z-index: 1; } .new-course-ribbon::before, .new-course-ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 3px solid #2980b9; border-top-color: transparent; border-left-color: transparent; } .new-course-ribbon::before { top: 0; right: 0; } .new-course-ribbon::after { bottom: 0; left: 0; } .new-course-ribbon span { position: absolute; display: block; width: 150px; padding: 8px 0; background-color: #DF0B3D; box-shadow: 0 3px 6px rgba(0,0,0,.1); color: #fff; font: 500 12px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-align: center; left: -35px; top: 20px; transform: rotate(-45deg); } .new-course-body { padding: 15px; display: flex; flex-direction: column; justify-content: center; } .new-course-title { margin-bottom: 10px; } .new-course-category { margin-bottom: 0; } /*** GRADIENT BG ***/ .gradient-background { background-image: linear-gradient(to bottom, #EFF1FB, #FFFFFF); background-repeat: no-repeat; } /*** LOGIN PAGE ***/ .login-container .login-logo { margin: 0 auto 1rem auto; /* Centre horizontalement avec les marges auto */ max-width: 250px; width: 100%; /* Assure que le conteneur prend toute la largeur disponible */ } .login-container .login-logo img { width: 100%; /* L'image s'adapte à la largeur de son conteneur */ height: auto; /* Maintient le ratio de l'image */ } /* Élargir le conteneur de connexion */ .login-container { max-width: 700px !important; /* Override la valeur par défaut */ margin: 0 auto; } /* Ajuster la notice pour qu'elle s'aligne avec le nouveau conteneur */ .login-notice { max-width: 100%; margin-bottom: 20px; } /* Ajuster les boutons de connexion pour qu'ils s'alignent aussi */ .login-identityprovider-btn { width: 100%; } /*** DETAIL SUMMARY TITLES ***/ summary { padding: 0.5rem 0; cursor: pointer; } summary h2, summary h3, summary h4, summary h5, summary h6, summary .h2, summary .h3, summary .h4, summary .h5, summary .h6 { display: inline; margin: 0; vertical-align: middle; } /* Optionnel : ajuster la taille et l'espacement de la flèche */ summary::marker { margin-right: 0.5em; } /* Effet hover */ summary:hover { background-color: #f3f6fb; } /* Style quand le details est ouvert */ details[open] summary { border-bottom: 1px solid #dee2e6; margin-bottom: 1rem; } /*** MENU THEMES ENFANTS ***/ .navbar-brand { display: flex; flex-direction: column; align-items: flex-start; text-decoration: none !important; } .navbar-brand:hover { text-decoration: none !important; } .theme-label { position: relative; display: flex; align-items: center; font-size: 0.6em; margin-top: -8px; gap: 0.5em; width: 85%; } .theme-label::before, .theme-label::after { content: ''; height: 1px; flex: 1; } /*** ICONES MENU 1 ***/ li[data-key="home"] .nav-link::before { font-family: "bootstrap-icons"; content: "\F424"; margin-right: 6px; } li[data-key="myhome"] .nav-link::before { font-family: "bootstrap-icons"; content: "\F67A"; margin-right: 6px; } li[data-key="mycourses"] .nav-link::before { font-family: "bootstrap-icons"; content: "\F8FE"; margin-right: 6px; } li[data-key="siteadminnode"] .nav-link::before { font-family: "bootstrap-icons"; content: "\F3E2"; margin-right: 6px; } .courses-dropdown::before { font-family: "bootstrap-icons"; content: "\F3FB"; margin-right: 6px; } .spaces-dropdown::before { font-family: "bootstrap-icons"; content: "\F307"; /* open door */ margin-right: 6px; } /*** BTN COURS + ***/ .block .block-cards .btn.btn-link.btn-icon { box-shadow: 2px 2px 5px #292929; } /*** MODAL IMAGE HORIZONTAL SCROLL ***/ /* Styles pour l'image principale et le bouton */ .ubm-process-container { position: relative; display: inline-block; } .ubm-process-main-image { max-width: 100%; height: auto; } .ubm-process-modal-trigger { position: absolute; bottom: 10px; right: 10px; background: rgba(0, 0, 0, 0.7); color: white; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; transition: background-color 0.2s; } .ubm-process-modal-trigger:hover { background: rgba(0, 0, 0, 0.8); } /* Styles pour la modal */ .ubm-process-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1000; } .ubm-process-modal-overlay.active { display: block; } .ubm-process-modal-window { position: relative; width: 90%; max-width: 1400px; margin: 50px auto; background: white; border-radius: 8px; padding: 20px; max-height: 80vh; overflow-y: auto; } .ubm-process-modal-close { position: absolute; top: 10px; right: 10px; background: none; border: none; font-size: 24px; cursor: pointer; color: #666; } /* Styles pour le contenu scrollable */ .ubm-process-scroll-wrapper { position: relative; width: 100%; margin: 20px auto; background: white; } .ubm-process-scroll-content { width: 100%; overflow-x: auto; padding: 20px; scrollbar-width: thin; scrollbar-color: #6b7280 #f3f4f6; scroll-behavior: smooth; } .ubm-process-scroll-content::-webkit-scrollbar { height: 8px; } .ubm-process-scroll-content::-webkit-scrollbar-track { background: #f3f4f6; border-radius: 4px; } .ubm-process-scroll-content::-webkit-scrollbar-thumb { background: #6b7280; border-radius: 4px; } .ubm-process-scroll-content::-webkit-scrollbar-thumb:hover { background: #4b5563; } .ubm-process-infographic { min-width: 2000px; height: auto; } .ubm-process-navigation { position: absolute; bottom: 10px; right: 20px; display: flex; gap: 10px; } .ubm-process-nav-button { background: rgba(0, 0, 0, 0.7); color: white; border: none; padding: 8px 12px; border-radius: 4px; cursor: pointer; transition: background-color 0.2s; } .ubm-process-nav-button:hover { background: rgba(0, 0, 0, 0.8); } /*** CACHER INFOS ACTIVITES UNE SECTION PAR PAGE ***/ .section-summary-activities { display:none; } /*** LISTE EN POUPEE RUSSE ***/ /* Style de base pour le conteneur principal */ .embed-user-role { padding: 20px; margin: 10px 0; border: 2px solid #e0e0e0; border-radius: 8px; background: #ffffff; box-shadow: 0 2px 4px rgba(0,0,0,0.05); } /* Style pour les titres dans la hiérarchie */ .embed-user-role h6 { color: #2c3e50; margin-top: 0; margin-bottom: 15px; font-size: 1.1em; padding-bottom: 8px; border-bottom: 1px solid #eee; } /* Style pour les listes */ .embed-user-role ul { margin: 0; padding-left: 20px; } .embed-user-role li { list-style-type: none; margin: 8px 0; position: relative; color: #555; } /* Ajout de puces personnalisées pour les éléments de liste */ .embed-user-role li::before { content: "•"; color: #666; position: absolute; left: -15px; } /* Styles spécifiques pour chaque niveau de hiérarchie avec des couleurs différentes */ .embed-user-role { border-color: #3498db; background: #f7fbfe; } .embed-user-role .embed-user-role { border-color: #2ecc71; background: #f7fcf9; margin-left: 20px; } .embed-user-role .embed-user-role .embed-user-role { border-color: #e74c3c; background: #fef8f7; } .embed-user-role .embed-user-role .embed-user-role .embed-user-role { border-color: #f1c40f; background: #fffdf7; } .embed-user-role .embed-user-role .embed-user-role .embed-user-role .embed-user-role { border-color: #9b59b6; background: #faf7fe; } .embed-user-role .embed-user-role .embed-user-role .embed-user-role .embed-user-role .embed-user-role { border-color: #e67e22; background: #fef9f5; } /* Animation subtile au survol */ .embed-user-role:hover { box-shadow: 0 8px 16px rgba(0,0,0,0.7); transition: all 0.3s ease; } /* Ajout d'une légère transition pour tous les effets */ .embed-user-role { transition: all 0.3s ease; } /* Video YouTube responsive */ .video-responsive-youtube { overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive-youtube iframe { left:0; top:0; height:100%; width:100%; position:absolute; } /* Solution pour le tableau des notes qui déborde */ .gradeparent { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; position: relative; } .gradereport-grader-table { max-width: none; width: auto; } /* Garder la première colonne fixe */ .gradereport-grader-table .header.user { position: sticky; left: 0; background: #fff; /* ou la couleur de fond de votre thème */ z-index: 2; border-right: 1px solid #ddd; } /* Pour les colonnes de notes, assurer une largeur minimum */ .gradereport-grader-table td.grade, .gradereport-grader-table th.grade { min-width: 80px; } /* Améliorer la lisibilité des en-têtes */ .gradereport-grader-table th { white-space: normal; min-width: 120px; } </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body id="page-site-index" class="limitedwidth format-site course path-site ie ie7 dir-ltr lang-fr yui-skin-sam yui3-skin-sam callisto-formation-fr pagelayout-frontpage course-1 context-2 notloggedin uses-drawers boostplus_c03"> <div class="toast-wrapper mx-auto py-0 fixed-top" role="status" aria-live="polite"></div> <div id="page-wrapper" class="d-print-block"> <div> <a class="sr-only sr-only-focusable" href="#maincontent">Passer au contenu principal</a> </div><script src="https://callisto-formation.fr/lib/javascript.php/1733997266/lib/polyfills/polyfill.js"></script> <script src="https://callisto-formation.fr/theme/yui_combo.php?rollup/3.17.2/yui-moodlesimple-min.js"></script><script src="https://callisto-formation.fr/lib/javascript.php/1733997266/lib/javascript-static.js"></script> <script> //<![CDATA[ document.body.className += ' jsenabled'; //]]> </script> <nav class="navbar fixed-top navbar-light bg-white navbar-expand" aria-label="Navigation du site"> <button class="navbar-toggler aabtn d-block d-md-none px-1 my-1 border-0" data-toggler="drawers" data-action="toggle" data-target="theme_boost-drawers-primary"> <span class="navbar-toggler-icon"></span> <span class="sr-only">Panneau latéral</span> </button> <a href="https://callisto-formation.fr/" class="navbar-brand d-none d-md-flex align-items-center m-0 mr-4 p-0 aabtn"> <img src="https://callisto-formation.fr/pluginfile.php/1/core_admin/logocompact/300x300/1733998543/logo%20callisto%20transparent%20slogan.png" class="logo mr-1" alt="Callisto Formation"> </a> <div class="primary-navigation"> <nav class="moremenu navigation"> <ul id="moremenu-67b1ccf833c15-navbar-nav" role="menubar" class="nav more-nav navbar-nav"> <li data-key="home" class="nav-item" role="none" data-forceintomoremenu="false"> <a role="menuitem" class="nav-link active " href="https://callisto-formation.fr/" aria-current="true" > Accueil </a> </li> <li class="dropdown nav-item" role="none" data-forceintomoremenu="false"> <a class="dropdown-toggle nav-link " id="drop-down-67b1ccf831421" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" aria-controls="drop-down-menu-67b1ccf831421" tabindex="-1" > Explorer </a> <div class="dropdown-menu" role="menu" id="drop-down-menu-67b1ccf831421" aria-labelledby="drop-down-67b1ccf831421"> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/mod/page/view.php?id=14859" tabindex="-1" > Tous les cours </a> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/tag/index.php?tc=3&tag=Libre%20acc%C3%A8s" tabindex="-1" > Cours en libre accès </a> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/tag/index.php?tc=3&tag=auto-inscription" tabindex="-1" > Cours en auto-inscription </a> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/tag/search.php?query&tc=3&go=Chercher" tabindex="-1" > Chercher par tag </a> </div> </li> <li class="dropdown nav-item" role="none" data-forceintomoremenu="false"> <a class="dropdown-toggle nav-link " id="drop-down-67b1ccf833921" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" aria-controls="drop-down-menu-67b1ccf833921" tabindex="-1" > Espaces de formation </a> <div class="dropdown-menu" role="menu" id="drop-down-menu-67b1ccf833921" aria-labelledby="drop-down-67b1ccf833921"> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/?redirect=0&theme=formation-crfcb" tabindex="-1" > CRFCB </a> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/?redirect=0&theme=reseau-urfist" tabindex="-1" > Urfist </a> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/?redirect=0&theme=inist-cnrs" tabindex="-1" > Inist-CNRS </a> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/?redirect=0&theme=abes" tabindex="-1" > Abes </a> <div class="dropdown-divider"></div> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/?redirect=0&theme=prepa-concours-crfcb" tabindex="-1" > Prépas concours CRFCB </a> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/?redirect=0&theme=spoc-quero" tabindex="-1" > Spoc Quéro </a> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/?redirect=0&theme=doranum" tabindex="-1" > DoRANum </a> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/?redirect=0&theme=centre-ressources-urfist" tabindex="-1" > Centre de ressources Urfist </a> <a class="dropdown-item" role="menuitem" href="https://callisto-formation.fr/?redirect=0&theme=formadoct" tabindex="-1" > FormaDoct </a> </div> </li> <li role="none" class="nav-item dropdown dropdownmoremenu d-none" data-region="morebutton"> <a class="dropdown-toggle nav-link " href="#" id="moremenu-dropdown-67b1ccf833c15" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" tabindex="-1"> Plus </a> <ul class="dropdown-menu dropdown-menu-left" data-region="moredropdown" aria-labelledby="moremenu-dropdown-67b1ccf833c15" role="menu"> </ul> </li> </ul> </nav> </div> <ul class="navbar-nav d-none d-md-flex my-1 px-1">  </ul> <div id="usernavigation" class="navbar-nav ml-auto"> <div id="searchinput-navbar-67b1ccf85901b67b1ccf8292466" class="simplesearchform"> <div class="collapse" id="searchform-navbar"> <form autocomplete="off" action="https://callisto-formation.fr/search/index.php" method="get" accept-charset="utf-8" class="mform form-inline searchform-navbar"> <input type="hidden" name="context" value="2"> <div class="input-group"> <label for="searchinput-67b1ccf85901b67b1ccf8292466"> <span class="sr-only">Rechercher</span> </label> <input type="text" id="searchinput-67b1ccf85901b67b1ccf8292466" class="form-control withclear" placeholder="Rechercher" aria-label="Rechercher" name="q" data-region="input" autocomplete="off" > <a class="btn btn-close" data-action="closesearch" data-toggle="collapse" href="#searchform-navbar" role="button" > <i class="icon fa fa-times fa-fw " aria-hidden="true" ></i> <span class="sr-only">Fermer</span> </a> <div class="input-group-append"> <button type="submit" class="btn btn-submit" data-action="submit"> <i class="icon fa fa-search fa-fw " aria-hidden="true" ></i> <span class="sr-only">Rechercher</span> </button> </div> </div> </form> </div> <a class="btn btn-open rounded-0 nav-link" data-toggle="collapse" data-action="opensearch" href="#searchform-navbar" role="button" aria-expanded="false" aria-controls="searchform-navbar" title="Activer/désactiver la saisie de recherche" > <i class="icon fa fa-search fa-fw " aria-hidden="true" ></i> <span class="sr-only">Activer/désactiver la saisie de recherche</span> </a> </div> <div class="divider border-left h-75 align-self-center mx-1"></div> <div class="d-flex align-items-stretch usermenu-container" data-region="usermenu"> <div class="usermenu"> <span class="login pl-2"> <a href="https://callisto-formation.fr/login/index.php">Connexion</a> </span> </div> </div> </div> </nav> <div class="drawer drawer-left drawer-primary d-print-none not-initialized" data-region="fixed-drawer" id="theme_boost-drawers-primary" data-preference="" data-state="show-drawer-primary" data-forceopen="0" data-close-on-resize="1"> <div class="drawerheader"> <button class="btn drawertoggle icon-no-margin hidden" data-toggler="drawers" data-action="closedrawer" data-target="theme_boost-drawers-primary" data-toggle="tooltip" data-placement="right" title="Fermer le tiroir" > <i class="icon fa fa-times fa-fw " aria-hidden="true" ></i> </button> </div> <div class="drawercontent drag-container" data-usertour="scroller"> <div class="list-group"> <a href="https://callisto-formation.fr/" class="list-group-item list-group-item-action active " aria-current="true"> Accueil </a> <a id="drop-down-1" href="#" class="list-group-item list-group-item-action icons-collapse-expand collapsed d-flex" data-toggle="collapse" data-target="#drop-down-menu-1" aria-expanded="false" aria-controls="drop-down-menu-1"> Explorer <span class="ml-auto expanded-icon icon-no-margin mx-2"> <i class="icon fa fa-caret-down fa-fw " aria-hidden="true" ></i> <span class="sr-only"> Replier </span> </span> <span class="ml-auto collapsed-icon icon-no-margin mx-2"> <i class="icon fa fa-caret-right fa-fw " aria-hidden="true" ></i> <span class="sr-only"> Déplier </span> </span> </a> <div class="collapse list-group-item p-0 border-0" role="menu" id="drop-down-menu-1" aria-labelledby="drop-down-1"> <a href="https://callisto-formation.fr/mod/page/view.php?id=14859" class="pl-5 bg-light list-group-item list-group-item-action">Tous les cours</a> <a href="https://callisto-formation.fr/tag/index.php?tc=3&tag=Libre%20acc%C3%A8s" class="pl-5 bg-light list-group-item list-group-item-action">Cours en libre accès</a> <a href="https://callisto-formation.fr/tag/index.php?tc=3&tag=auto-inscription" class="pl-5 bg-light list-group-item list-group-item-action">Cours en auto-inscription</a> <a href="https://callisto-formation.fr/tag/search.php?query&tc=3&go=Chercher" class="pl-5 bg-light list-group-item list-group-item-action">Chercher par tag</a> </div> <a id="drop-down-6" href="#" class="list-group-item list-group-item-action icons-collapse-expand collapsed d-flex" data-toggle="collapse" data-target="#drop-down-menu-6" aria-expanded="false" aria-controls="drop-down-menu-6"> Espaces de formation <span class="ml-auto expanded-icon icon-no-margin mx-2"> <i class="icon fa fa-caret-down fa-fw " aria-hidden="true" ></i> <span class="sr-only"> Replier </span> </span> <span class="ml-auto collapsed-icon icon-no-margin mx-2"> <i class="icon fa fa-caret-right fa-fw " aria-hidden="true" ></i> <span class="sr-only"> Déplier </span> </span> </a> <div class="collapse list-group-item p-0 border-0" role="menu" id="drop-down-menu-6" aria-labelledby="drop-down-6"> <a href="https://callisto-formation.fr/?redirect=0&theme=formation-crfcb" class="pl-5 bg-light list-group-item list-group-item-action">CRFCB</a> <a href="https://callisto-formation.fr/?redirect=0&theme=reseau-urfist" class="pl-5 bg-light list-group-item list-group-item-action">Urfist</a> <a href="https://callisto-formation.fr/?redirect=0&theme=inist-cnrs" class="pl-5 bg-light list-group-item list-group-item-action">Inist-CNRS</a> <a href="https://callisto-formation.fr/?redirect=0&theme=abes" class="pl-5 bg-light list-group-item list-group-item-action">Abes</a> <a href="https://callisto-formation.fr/?redirect=0&theme=prepa-concours-crfcb" class="pl-5 bg-light list-group-item list-group-item-action">Prépas concours CRFCB</a> <a href="https://callisto-formation.fr/?redirect=0&theme=spoc-quero" class="pl-5 bg-light list-group-item list-group-item-action">Spoc Quéro</a> <a href="https://callisto-formation.fr/?redirect=0&theme=doranum" class="pl-5 bg-light list-group-item list-group-item-action">DoRANum</a> <a href="https://callisto-formation.fr/?redirect=0&theme=centre-ressources-urfist" class="pl-5 bg-light list-group-item list-group-item-action">Centre de ressources Urfist</a> <a href="https://callisto-formation.fr/?redirect=0&theme=formadoct" class="pl-5 bg-light list-group-item list-group-item-action">FormaDoct</a> </div> </div> </div> </div> <div id="page" data-region="mainpage" data-usertour="scroller" class="drawers drag-container"> <button type="button" class="btn btn-icon bg-secondary icon-no-margin" id="btn-back-to-top"> <i class="fa fa-arrow-up"></i> </button> <div id="topofscroll" class="main-inner"> <div class="drawer-toggles d-flex"> </div> <header id="page-header" class=" header-maxwidth d-print-none position-relative noimage " > <div class="w-100 " > <div class="d-flex flex-wrap"> <div class="ml-auto d-flex"> </div> <div id="course-header"> </div> </div> <div class="d-flex align-items-center"> <div class="mr-auto"> <div class="page-context-header"><div class="page-header-headings"><h1 class="h2">Callisto Formation</h1></div></div> </div> <div class="header-actions-container ml-auto" data-region="header-actions-container"> </div> </div> </div> </header> <div id="page-content" class="pb-3 d-print-block"> <div id="region-main-box"> <section id="region-main" aria-label="Contenu"> <span class="notifications" id="user-notifications"></span> <div id="contenthomebeforelogin" class="py-3"> <div class="container-fluid"> <div class="row"> <div class="text_to_html"><div style="background-image: url('https://callisto-formation.fr/pluginfile.php/32439/mod_folder/content/0/Inist/bg-inist.png');background-color:#4F9CCF;background-position: center;background-repeat: no-repeat;background-attachment: fixed;background-size: cover;"><div class="text-white text-center" style="padding-top:5rem; padding-bottom:5rem; text-shadow: 2px 2px 4px #000000;"><div class="pl-5 pr-5"><img src="https://callisto-formation.fr/pluginfile.php/32439/mod_folder/content/0/Inist/inist-cnrs_blanc.png" alt="Logo Inist-CNRS" width="201" height="105" role="presentation" class="img-fluid atto_image_button_text-bottom"><br><br><h1 style="color:#fff; text-shadow: 2px 2px 4px #000000;">Institut de l'Information Scientifique et Technique</h1><p>L’Institut de l’information scientifique et technique (<a style="color:white;" href="https://www.inist.fr/" target="_blank">Inist</a>), unité d’appui à la recherche du CNRS (UAR), facilite l’accès, l’analyse et la fouille de l’information scientifique et valorise la production scientifique (publications et données de recherche).</p><p>Afin d'accompagner la communauté scientifique et les professionnels sur les sujets IST, l'Inist-CNRS propose un ensemble de ressources de formations sur les grandes thématiques de l’Information scientifique et technique et sur les outils et services proposés par l’Institut.</p><p></p></div></div></div><div class="p-5"><h2>Tutoriels</h2> <br /> <div class="card-deck mr-0"> <div class="card shadow mr-4 mb-4 ml-1" style="min-width:300px;max-width:300px;"> <a href="https://callisto-formation.fr/course/view.php?id=129" class="text-normal h-100"> <div class="card-img-top" style="background-image:url(https://callisto-formation.fr/pluginfile.php/8716/course/overviewfiles/Callisto%20API%20Istex.png);height:100px;max-width:300px;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:center;"></div> <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0">API Istex</div> </a> </div> <div class="card shadow mr-4 mb-4 ml-1" style="min-width:300px;max-width:300px;"> <a href="https://callisto-formation.fr/course/view.php?id=116" class="text-normal h-100"> <div class="card-img-top" style="background-image:url(https://callisto-formation.fr/pluginfile.php/5831/course/overviewfiles/Callisto%20Istex%20DL.png);height:100px;max-width:300px;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:center;"></div> <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0">Istex-DL</div> </a> </div> <div class="card shadow mr-4 mb-4 ml-1" style="min-width:300px;max-width:300px;"> <a href="https://callisto-formation.fr/course/view.php?id=194" class="text-normal h-100"> <div class="card-img-top" style="background-image:url(https://callisto-formation.fr/pluginfile.php/13892/course/overviewfiles/Callisto%20Lodex.png);height:100px;max-width:300px;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:center;"></div> <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0">Tutoriels Lodex</div> </a> </div> <div class="card shadow mr-4 mb-4 ml-1" style="min-width:300px;max-width:300px;"> <a href="https://callisto-formation.fr/course/view.php?id=117" class="text-normal h-100"> <div class="card-img-top" style="background-image:url(https://callisto-formation.fr/pluginfile.php/5841/course/overviewfiles/Callisto_ezLOGGER.jpg);height:100px;max-width:300px;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:center;"></div> <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0">Tutoriels ezLogger</div> </a> </div> </div><br /> <br /> <hr><br><h2>Cours</h2> <br /> <div class="card-deck mr-0"> <div class="card shadow mr-4 mb-4 ml-1" style="min-width:300px;max-width:300px;"> <a href="https://callisto-formation.fr/course/view.php?id=187" class="text-normal h-100"> <div class="card-img-top" style="background-image:url(https://callisto-formation.fr/pluginfile.php/13527/course/overviewfiles/Callisto_Comprendre_SO.jpg);height:100px;max-width:300px;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:center;"></div> <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0">Comprendre la science ouverte</div> </a> </div> </div><br /> <br /> <br /> <hr><br><h2>Webinaires</h2> <br /> <div class="card-deck mr-0"> <div class="card shadow mr-4 mb-4 ml-1" style="min-width:300px;max-width:300px;"> <a href="https://callisto-formation.fr/course/view.php?id=119" class="text-normal h-100"> <div class="card-img-top" style="background-image:url(https://callisto-formation.fr/pluginfile.php/5861/course/overviewfiles/webinaires%20PGD.png);height:100px;max-width:300px;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:center;"></div> <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0">Webinaire Plan de gestion de données : bonnes pratiques de rédaction et outils</div> </a> </div> <div class="card shadow mr-4 mb-4 ml-1" style="min-width:300px;max-width:300px;"> <a href="https://callisto-formation.fr/course/view.php?id=448" class="text-normal h-100"> <div class="card-img-top" style="background-image:url(https://callisto-formation.fr/pluginfile.php/37986/course/overviewfiles/webinaires%20principes%20FAIR.png);height:100px;max-width:300px;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:center;"></div> <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0">Webinaire Principes FAIR et cycle de vie des données</div> </a> </div> </div><br /> <br /> <hr><br><h2>Jeux sérieux</h2> <br /> <div class="card-deck mr-0"> <div class="card shadow mr-4 mb-4 ml-1" style="min-width:300px;max-width:300px;"> <a href="https://callisto-formation.fr/course/view.php?id=212" class="text-normal h-100"> <div class="card-img-top" style="background-image:url(https://callisto-formation.fr/pluginfile.php/14135/course/overviewfiles/Callisto_Jeux_GDR.jpg);height:100px;max-width:300px;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:center;"></div> <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0">Jeux coopératifs pour acquérir des bonnes pratiques de gestion et de partage des données de la recherche</div> </a> </div> <div class="card shadow mr-4 mb-4 ml-1" style="min-width:300px;max-width:300px;"> <a href="https://callisto-formation.fr/course/view.php?id=215" class="text-normal h-100"> <div class="card-img-top" style="background-image:url(https://callisto-formation.fr/pluginfile.php/14263/course/overviewfiles/Callisto_Jeu_blended-learning.jpg);height:100px;max-width:300px;padding-top:50%;background-size:cover;background-repeat:no-repeat;background-position:center;"></div> <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0">Jeu coopératif pour construire des parcours de formation en blended learning</div> </a> </div> </div><br /> </div></div> </div> </div> </div> <div role="main"><span id="maincontent"></span><div class="course-content"> <div class="sitetopic"> <ul class="topics frontpage"> <li id="section-1" class="section course-section main clearfix " data-sectionid="1" data-sectionreturnid="1" data-for="section" data-id="6" data-number="1" > <div class="course-section-header d-flex" data-for="section_title" data-id="6" data-number="1" > <div data-region="sectionbadges" class="sectionbadges d-flex align-items-center"> </div> </div> <div id="coursecontentcollapse1" class="content "> <div class=" my-3" data-for="sectioninfo"> <div class="section_availability course-description-item"> </div> </div> <ul class="section m-0 p-0 img-text " data-for="cmlist"> </ul> </div> </li> </ul> </div> </div><br /></div> </section> </div> </div> </div> <footer id="page-footer" class="footer-popover bg-white"> <div data-region="footer-container-popover"> <button class="btn btn-icon bg-secondary icon-no-margin btn-footer-popover" data-action="footer-popover" aria-label="Afficher le pied de page"> <i class="icon fa fa-question fa-fw " aria-hidden="true" ></i> </button> </div> <div class="footer-content-popover container" data-region="footer-content-popover"> <div class="footer-section p-3 border-bottom"> <div class="logininfo"> <div class="logininfo">Non connecté. (<a href="https://callisto-formation.fr/login/index.php">Connexion</a>)</div> </div> <div class="tool_usertours-resettourcontainer"> </div> <div class="policiesfooter"><a href="https://callisto-formation.fr/admin/tool/policy/viewall.php?returnurl=https%3A%2F%2Fcallisto-formation.fr%2F%3Fredirect%3D0">Politiques</a></div>     <script type="text/javascript"> //<![CDATA[ (function() { function hideEmptyBlocks() { try { // Cible le bloc HTML principal var mainBlock = document.querySelector('.dashboard-messages-block'); if (mainBlock) { // Vérifie chaque type de message var adminMessage = mainBlock.querySelector('.admin-message'); var managerMessage = mainBlock.querySelector('.manager-message'); var contributorMessage = mainBlock.querySelector('.contributor-message'); // Masque les messages vides [adminMessage, managerMessage, contributorMessage].forEach(function(element) { if (element && element.innerHTML.trim() === '') { element.setAttribute('style', 'display: none !important'); console.log('Message masqué:', element.className); } }); // Vérifie si tous les messages sont vides var allEmpty = true; [adminMessage, managerMessage, contributorMessage].forEach(function(element) { if (element && element.innerHTML.trim() !== '') { allEmpty = false; } }); // Si tous les messages sont vides, masque le bloc principal if (allEmpty) { mainBlock.setAttribute('style', 'display: none !important'); console.log('Bloc principal masqué car tous les messages sont vides'); } } } catch(e) { console.error('Erreur:', e); } } // S'assurer que le DOM est chargé if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', hideEmptyBlocks); } else { hideEmptyBlocks(); } // Backup: essayer aussi au chargement complet de la page window.addEventListener('load', hideEmptyBlocks); })(); //]]> </script>        <script> (function() { const themesConfig = { 'callisto': { label: null, // Pas de label pour le thème principal themeParam: '', // Pas de paramètre theme pour Callisto bodyClass: 'boostplus' }, 'formation-crfcb': { label: 'CRFCB', themeParam: 'formation-crfcb', bodyClass: 'boostplus_c01' }, 'reseau-urfist': { label: 'Urfist', themeParam: 'reseau-urfist', bodyClass: 'boostplus_c02' }, 'inist-cnrs': { label: 'Inist-CNRS', themeParam: 'inist-cnrs', bodyClass: 'boostplus_c03' }, 'prepa-concours-crfcb': { label: 'Prépas concours CRFCB', themeParam: 'prepa-concours-crfcb', bodyClass: 'boostplus_c04' }, 'spoc-quero': { label: 'Spoc Quéro', themeParam: 'spoc-quero', bodyClass: 'boostplus_c05' }, 'doranum': { label: 'Doranum', themeParam: 'doranum', bodyClass: 'boostplus_c06' }, 'centre-ressources-urfist': { label: 'Centre ressources Urfist', themeParam: 'centre-ressources-urfist', bodyClass: 'boostplus_c07' }, 'formadoct': { label: 'FormaDoct', themeParam: 'formadoct', bodyClass: 'boostplus_c08' }, 'abes': { label: 'Abes', themeParam: 'abes', bodyClass: 'boostplus_c09' } }; function detectTheme() { const urlParams = new URLSearchParams(window.location.search); const themeParam = urlParams.get('theme'); for (const [themeId, config] of Object.entries(themesConfig)) { if (themeParam === config.themeParam || document.body.classList.contains(config.bodyClass)) { return config; } } return null; } function updateBrand() { const brand = document.querySelector('.navbar-brand'); if (brand) { const themeConfig = detectTheme(); if (themeConfig) { // Définir l'URL en fonction du thème brand.href = themeConfig.themeParam ? `/?redirect=0&theme=${themeConfig.themeParam}` : '/?redirect=0'; // Pour Callisto // Ajouter le label seulement si ce n'est pas le thème principal if (themeConfig.label && !brand.querySelector('.theme-label')) { const label = document.createElement('div'); label.className = `theme-label theme-label-${themeConfig.themeParam}`; label.textContent = themeConfig.label; brand.appendChild(label); } } } } function initTheme() { updateBrand(); setTimeout(updateBrand, 100); setTimeout(updateBrand, 500); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initTheme); } else { initTheme(); } window.addEventListener('load', updateBrand); })(); </script>  <script> document.addEventListener('DOMContentLoaded', function() { // Fonction pour modifier l'URL du lien "Accueil" function modifyAccueilLink() { // Identifier le parent commun qui contient les liens "Accueil" const parentElement = document.getElementById('page-wrapper'); if (parentElement) { // Parcourir les enfants pour trouver le lien "Accueil" const links = parentElement.querySelectorAll('a[role="menuitem"], a.list-group-item-action'); links.forEach(link => { if (link.textContent.trim() === 'Accueil') { link.href = 'https://callisto-formation.fr/?redirect=0&theme=callisto'; } }); } } // Appliquer immédiatement les modifications modifyAccueilLink(); // Utiliser un observateur de mutations pour détecter les changements dans le DOM const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { // Appliquer les modifications à chaque changement détecté modifyAccueilLink(); }); }); // Configurer l'observateur pour surveiller les changements dans le body observer.observe(document.body, { childList: true, subtree: true }); }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { const spaceDropdown = Array.from(document.querySelectorAll('.dropdown.nav-item')).find( el => el.textContent.trim().includes('Espaces de formation') ); if (spaceDropdown) { spaceDropdown.querySelector('.nav-link').classList.add('spaces-dropdown'); } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { const coursesDropdown = Array.from(document.querySelectorAll('.dropdown.nav-item')).find( el => el.textContent.trim().includes('Explorer') ); if (coursesDropdown) { coursesDropdown.querySelector('.nav-link').classList.add('courses-dropdown'); } }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { var breadcrumbLink = document.querySelector('.breadcrumb a[href="https://callisto-formation.fr/?redirect=0"]'); if (breadcrumbLink) { breadcrumbLink.href = 'https://callisto-formation.fr/?redirect=0&theme=callisto'; } }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { var breadcrumbLink = document.querySelector('.breadcrumb a[href="https://callisto-formation.fr/tag/search.php"]'); if (breadcrumbLink) { breadcrumbLink.href = 'https://callisto-formation.fr/tag/search.php?query&tc=3&go=Chercher'; } }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { var breadcrumbLink = document.querySelector('.breadcrumb a[href="https://callisto-formation.fr/course/index.php"]'); if (breadcrumbLink) { breadcrumbLink.href = 'https://callisto-formation.fr/mod/page/view.php?id=14859'; } }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { var breadcrumbLink = document.querySelector('.breadcrumb a[href="https://callisto-formation.fr/course/index.php?categoryid=16"]'); if (breadcrumbLink) { breadcrumbLink.href = 'https://callisto-formation.fr/?redirect=0&theme=centre-ressources-urfist'; } }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { var breadcrumbLink = document.querySelector('.breadcrumb a[href="https://callisto-formation.fr/course/index.php?categoryid=186"]'); if (breadcrumbLink) { breadcrumbLink.href = 'https://callisto-formation.fr/?redirect=0&theme=abes'; } }); </script>  <script> function toggleZoomImage(img) { // Vérifiez si l'image est déjà agrandie const isZoomed = img.classList.contains('zoomed'); if (isZoomed) { // Si déjà agrandie, rétablissez la taille d'origine img.classList.remove('zoomed'); } else { // Sinon, agrandissez l'image à 100% img.classList.add('zoomed'); } } </script>  <script> // Options pour l'IntersectionObserver const options = { root: null, // utilise le viewport comme zone d'observation rootMargin: '0px', threshold: 0.1 // déclenche quand 10% de l'élément est visible }; // Créer l'IntersectionObserver const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); } }); }, options); // Sélectionner et observer tous les éléments avec la classe 'animate' const elements = document.querySelectorAll('.animate'); elements.forEach(el => observer.observe(el)); </script>  <script> document.addEventListener('DOMContentLoaded', function() { function wrapH5PElement(element) { if (element.closest('.box-shadow')) return; // Évite le double wrapping var wrapper = document.createElement('div'); wrapper.className = 'box-shadow'; element.parentNode.insertBefore(wrapper, element); wrapper.appendChild(element); // Déplacer le script de redimensionnement si nécessaire pour les placeholders if (element.classList.contains('h5p-placeholder')) { var nextSibling = wrapper.nextSibling; if (nextSibling && nextSibling.tagName === 'SCRIPT' && nextSibling.src.includes('h5p-resizer.js')) { wrapper.appendChild(nextSibling); } } } // Traiter les placeholders H5P var h5pPlaceholders = document.querySelectorAll('.h5p-placeholder'); h5pPlaceholders.forEach(wrapH5PElement); // Traiter les iframes H5P externes var h5pExternalIframes = document.querySelectorAll('iframe[src*="action=h5p_embed"]'); h5pExternalIframes.forEach(wrapH5PElement); // Traiter les iframes H5P internes à Moodle var h5pInternalIframes = document.querySelectorAll('iframe[name="h5player"], iframe.h5p-player'); h5pInternalIframes.forEach(wrapH5PElement); // Observer les changements dans le DOM pour les éléments H5P ajoutés dynamiquement var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { mutation.addedNodes.forEach(function(node) { if (node.nodeType === Node.ELEMENT_NODE) { if (node.classList.contains('h5p-placeholder')) { wrapH5PElement(node); } var newExternalIframes = node.querySelectorAll('iframe[src*="action=h5p_embed"]'); newExternalIframes.forEach(wrapH5PElement); var newInternalIframes = node.querySelectorAll('iframe[name="h5player"], iframe.h5p-player'); newInternalIframes.forEach(wrapH5PElement); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); }); </script>  <script> (function() { function addBootstrapClasses(element) { // Sélectionner tous les liens avec les classes 'gotopage nextpage' ou 'gotopage prevpage' var links = element.querySelectorAll('a.gotopage.nextpage, a.gotopage.prevpage'); links.forEach(function(link) { // Vérifier si les classes n'ont pas déjà été ajoutées if (!link.classList.contains('btn')) { // Ajouter les classes Bootstrap link.classList.add('btn', 'btn-primary'); // Optionnel : différencier visuellement les boutons "précédent" et "suivant" if (link.classList.contains('prevpage')) { link.classList.add('mr-2'); // ajoute une marge à droite pour le bouton "précédent" } else if (link.classList.contains('nextpage')) { link.classList.add('ml-2'); // ajoute une marge à gauche pour le bouton "suivant" } } }); } // Fonction pour initialiser l'observateur function initMutationObserver() { var targetNode = document.body; var config = { childList: true, subtree: true }; var callback = function(mutationsList, observer) { for(var mutation of mutationsList) { if (mutation.type === 'childList') { mutation.addedNodes.forEach(function(node) { if (node.nodeType === Node.ELEMENT_NODE) { addBootstrapClasses(node); } }); } } }; var observer = new MutationObserver(callback); observer.observe(targetNode, config); } // Appliquer les classes aux éléments existants addBootstrapClasses(document); // Initialiser l'observateur pour les futurs changements initMutationObserver(); })(); </script>  <script> document.addEventListener('DOMContentLoaded', function() { // Sélectionner le titre "Se connecter au moyen du compte :" const heading = document.querySelector('.login-identityproviders h2'); if (heading) { // Créer l'alerte const notice = document.createElement('div'); notice.className = 'alert alert-danger login-notice'; notice.innerHTML = ` <p>Ces boutons ne créent pas de compte. Ils servent uniquement à se connecter avec un compte Sygefor déjà synchronisé avec Callisto (<a href="https://callisto-formation.fr/mod/page/view.php?id=5058">en savoir plus</a>).</p> `; // Insérer l'alerte après le titre heading.insertAdjacentElement('afterend', notice); } }); </script>     <script> document.addEventListener('DOMContentLoaded', function() { // Fonction pour ajouter ou modifier un élément function enhanceElement(selector, tagName, attributes) { const element = document.querySelector(selector); if (element) { if (element.tagName.toLowerCase() !== tagName) { const newElement = document.createElement(tagName); // Copier les attributs existants for (let i = 0; i < element.attributes.length; i++) { newElement.setAttribute(element.attributes[i].name, element.attributes[i].value); } // Ajouter ou mettre à jour les nouveaux attributs for (let key in attributes) { newElement.setAttribute(key, attributes[key]); } // Remplacer l'élément existant element.parentNode.replaceChild(newElement, element); while (element.firstChild) { newElement.appendChild(element.firstChild); } } else { // Mettre à jour les attributs si l'élément existe déjà for (let key in attributes) { element.setAttribute(key, attributes[key]); } } } } // Améliorer le header enhanceElement('.navbar', 'header', { 'id': 'main-header', 'role': 'banner', 'aria-label': 'En-tête principal du site avec navigation, recherche et connexion' }); // Améliorer le main (transformation de la div en main) enhanceElement('#topofscroll', 'main', { 'role': 'main', 'aria-label': 'Contenu principal' }); // Améliorer le footer enhanceElement('#contentcustomfooter', 'footer', { 'role': 'contentinfo', 'aria-label': 'Pied de page du site' }); // Améliorer la navigation principale const primaryNav = document.querySelector('.primary-navigation nav'); if (primaryNav) { primaryNav.setAttribute('role', 'navigation'); primaryNav.setAttribute('aria-label', 'Navigation principale'); } }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { // Vérifier si nous sommes sur une page d'accueil if (document.body.id === 'page-site-index') { // Trouver le lien de raccourci const skipLink = document.querySelector('a[href="#maincontent"]'); if (skipLink) { // Modifier le href du lien pour pointer vers #topofscroll skipLink.setAttribute('href', '#topofscroll'); // Optionnel : Ajouter un gestionnaire d'événements pour assurer le focus skipLink.addEventListener('click', function(e) { e.preventDefault(); const topOfScroll = document.getElementById('topofscroll'); if (topOfScroll) { topOfScroll.tabIndex = -1; topOfScroll.focus(); // Rétablir le tabIndex après le focus setTimeout(() => topOfScroll.removeAttribute('tabIndex'), 100); } }); } } }); </script>  <script> (function() { function addAriaHiddenToIcons() { var iconElements = document.querySelectorAll('.customfield_author::before, .customfield_production::before, .customfield_cible::before, .customfield_date::before, .customfield_maj::before, .customfield_duration::before, .customfield_preriquisite::before, .customfield_license::before, .customfield_citation::before, .customfield_doi::before, .customfield_ob::before'); iconElements.forEach(function(iconElement) { iconElement.setAttribute('aria-hidden', 'true'); }); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', addAriaHiddenToIcons); } else { addAriaHiddenToIcons(); } })(); </script>  <script> // Sélectionnez toutes les alertes Bootstrap sur la page const alerts = document.querySelectorAll('.alert'); // Parcourez chaque alerte et ajoutez l'attribut "role" avec la valeur "alert" alerts.forEach(alert => { alert.setAttribute('role', 'alert'); }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { // Sélectionnez tous les liens avec l'attribut "target=\_blank" const externalLinks = document.querySelectorAll('a[target="_blank"]'); externalLinks.forEach(link => { // Ajoutez le texte sr-only const srOnlyText = document.createElement('span'); srOnlyText.classList.add('sr-only'); srOnlyText.textContent = ' (s\'ouvre dans un nouvel onglet)'; link.appendChild(srOnlyText); // Ajoutez la classe 'no-image' si le lien n'a pas d'image if (!link.querySelector('img')) { link.classList.add('no-image'); } }); }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { // Sélectionnez l'élément <img> avec la classe "logo" const logoImage = document.querySelector('img.logo'); if (logoImage) { // Modifiez l'attribut alt de l'image const altText = 'Accueil espace de formation'; logoImage.alt = altText; // Ajoutez l'attribut title pour le tooltip logoImage.title = altText; } }); </script>     <script> document.addEventListener('DOMContentLoaded', function() { function initializeBandeau(bandeauCGU) { // Vérifier si l'utilisateur a déjà vu le bandeau durant cette session if (localStorage.getItem('cguViewed')) { return; } if (!bandeauCGU || getComputedStyle(bandeauCGU).display === 'none') return; // Placer le bandeau en haut de page document.body.insertBefore(bandeauCGU, document.body.firstChild); // Configuration ARIA pour l'accessibilité bandeauCGU.setAttribute('role', 'alert'); bandeauCGU.setAttribute('aria-describedby', 'cgu-description'); // Message pour les lecteurs d'écran const descDiv = document.createElement('div'); descDiv.id = 'cgu-description'; descDiv.className = 'sr-only'; descDiv.textContent = 'Information concernant les conditions générales d\'utilisation et mentions légales du site.'; bandeauCGU.insertBefore(descDiv, bandeauCGU.firstChild); // Améliorer le bouton de fermeture const closeButton = bandeauCGU.querySelector('.eupopup-closebutton'); if (closeButton) { closeButton.setAttribute('aria-label', 'Fermer l\'information sur les conditions générales'); closeButton.setAttribute('role', 'button'); // Restauration des styles d'origine closeButton.style.cssText = ` background-color: #fff; color: #000; padding: 8px 16px; font: 700 12px/20px Arial, Helvetica, sans-serif; text-decoration: none; text-shadow: none; border: 2px solid #000; border-radius: 3px; cursor: pointer; margin: 4px; display: inline-block; `; // Gestionnaire de fermeture closeButton.addEventListener('click', function() { localStorage.setItem('cguViewed', 'true'); bandeauCGU.style.display = 'none'; }); // Gestion du clavier pour le bouton closeButton.addEventListener('keydown', function(e) { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); closeButton.click(); } }); } // Focus initial pour l'accessibilité (sans piège) const focusableElements = bandeauCGU.querySelectorAll( 'a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select' ); if (focusableElements.length) { requestAnimationFrame(() => { focusableElements[0].focus(); }); } // Gérer l'ouverture de la modal CGU const cguLink = bandeauCGU.querySelector('a[data-action="view-guest"]'); if (cguLink) { cguLink.addEventListener('click', function(e) { e.preventDefault(); openModal(); }); // Améliorer l'accessibilité du lien cguLink.setAttribute('role', 'button'); cguLink.setAttribute('aria-haspopup', 'dialog'); } } // Gestion de la modal function openModal() { const modal = document.querySelector('.modal'); if (!modal) return; modal.classList.add('show'); modal.style.display = 'block'; modal.setAttribute('role', 'dialog'); modal.setAttribute('aria-modal', 'true'); // Gestion du focus dans la modal const closeButton = modal.querySelector('.close'); if (closeButton) { closeButton.focus(); closeButton.setAttribute('aria-label', 'Fermer la fenêtre des conditions générales'); closeButton.addEventListener('click', closeModal); } // Fermeture avec Echap modal.addEventListener('keydown', function(e) { if (e.key === 'Escape') { closeModal(); } }); } function closeModal() { const modal = document.querySelector('.modal.show'); if (!modal) return; modal.classList.remove('show'); modal.style.display = 'none'; // Remettre le focus sur le lien qui a ouvert la modal const cguLink = document.querySelector('.eupopup-container a[data-action="view-guest"]'); if (cguLink) { cguLink.focus(); } } // Observer le DOM pour l'initialisation const observer = new MutationObserver((mutations) => { for (const mutation of mutations) { for (const node of mutation.addedNodes) { if (node.classList?.contains('eupopup-container')) { initializeBandeau(node); observer.disconnect(); return; } } } }); observer.observe(document.body, { childList: true, subtree: true }); // Vérifier si le bandeau existe déjà const existingBandeau = document.querySelector('.eupopup-container'); if (existingBandeau) { initializeBandeau(existingBandeau); } }); </script>  <script src="https://cdn.jsdelivr.net/gh/adamchaboryk/gifa11y@2.0.3/dist/js/gifa11y.umd.min.js"></script> <script> var gifa11y = new Gifa11y({ initiallyPaused: true, container: 'main', buttonBackground: '#000000', buttonBackgroundHover: '#404040', buttonIconColor: 'white', showGifText: true, missingAltWarning: false }); document.addEventListener('DOMContentLoaded', function() { function setupGifa11yButtons() { const buttons = document.querySelectorAll('gifa11y-button'); buttons.forEach(buttonComponent => { const shadowRoot = buttonComponent.shadowRoot; if (!shadowRoot) return; if (shadowRoot.querySelector('#custom-gifa11y-style')) return; // Trouver le canvas associé const canvas = buttonComponent.nextElementSibling.nextElementSibling; if (!canvas || !canvas.matches('canvas[data-gifa11y-canvas]')) return; // Obtenir les dimensions du canvas const canvasRect = canvas.getBoundingClientRect(); const style = document.createElement('style'); style.id = 'custom-gifa11y-style'; style.textContent = ` :host { position: absolute !important; width: ${canvasRect.width}px !important; height: ${canvasRect.height}px !important; } button.v2 { width: ${canvasRect.width}px !important; height: ${canvasRect.height}px !important; position: absolute !important; left: 0 !important; top: 0 !important; margin: 0 !important; background: rgba(0, 0, 0, 0.1) !important; border: none !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: center !important; } button.v2:before { display: none !important; } button.v2[data-gifa11y-state="playing"] { opacity: 0; transition: opacity 0.3s; } :host(:hover) button.v2[data-gifa11y-state="playing"] { opacity: 1; } button.v2 svg { width: 48px !important; height: 48px !important; background: rgba(0, 0, 0, 0.7) !important; padding: 12px !important; border-radius: 50% !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important; } button.v2:hover svg { background: rgba(0, 0, 0, 0.9) !important; } button.v2:after { display: none !important; } `; shadowRoot.appendChild(style); }); } // Exécuter après un court délai pour s'assurer que les canvas sont rendus setTimeout(setupGifa11yButtons, 500); // Observer les changements pour les nouveaux GIFs const observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.addedNodes.length) { setTimeout(setupGifa11yButtons, 500); } }); }); observer.observe(document.body, { childList: true, subtree: true }); }); </script>  <script> // Fonction pour remplacer la div par un élément p function wrapModifiedDiv() { // Sélectionne l'élément div avec la classe "modified" var modifiedDiv = document.querySelector('.modified'); // Vérifie si la div existe if (modifiedDiv) { // Crée un nouvel élément p var newP = document.createElement('p'); // Copie le contenu texte de la div dans le nouvel élément p newP.textContent = modifiedDiv.textContent; // Remplace la div par le nouvel élément p dans l'arbre DOM modifiedDiv.parentNode.replaceChild(newP, modifiedDiv); } } // Exécute la fonction wrapModifiedDiv() lorsque la page est complètement chargée document.addEventListener('DOMContentLoaded', wrapModifiedDiv); // Vous devrez appeler wrapModifiedDiv() après chaque mise à jour du contenu de la div // Par exemple, après une requête AJAX </script>    <script> document.addEventListener('DOMContentLoaded', function() { var srOnlySpan = document.querySelector('.navbar-toggler .sr-only'); if (srOnlySpan) { srOnlySpan.textContent = 'Ouvrir le menu de navigation'; } }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { var replierSpans = document.querySelectorAll('.expanded-icon .sr-only, .collapsed-icon .sr-only'); replierSpans.forEach(function(span) { span.remove(); }); }); </script>  <script> document.addEventListener('DOMContentLoaded', function() { var drawerToggleButton = document.querySelector('.drawerheader .drawertoggle'); if (drawerToggleButton) { // Supprimer l'attribut title inutile drawerToggleButton.removeAttribute('title'); drawerToggleButton.removeAttribute('data-original-title'); // Créer un nouvel élément span pour l'intitulé visuellement masqué var visuallyHiddenLabel = document.createElement('span'); visuallyHiddenLabel.className = 'sr-only'; visuallyHiddenLabel.textContent = 'Fermer le menu de navigation'; // Insérer le nouvel élément span dans le bouton drawerToggleButton.appendChild(visuallyHiddenLabel); } }); </script> Notes temporaires    <script> document.addEventListener('DOMContentLoaded', function() { function addSearchRole() { var searchForms = document.querySelectorAll('.simplesearchform:not([role="search"])'); searchForms.forEach(function(form) { form.setAttribute('role', 'search'); }); } function modifyCloseSearchButton() { var closeSearchButton = document.querySelector('a.btn-close[data-action="closesearch"]:not([data-modified])'); if (closeSearchButton) { closeSearchButton.removeAttribute('aria-expanded'); var srOnlySpan = closeSearchButton.querySelector('.sr-only'); if (srOnlySpan) { srOnlySpan.textContent = 'Fermer le champ de recherche'; } closeSearchButton.setAttribute('data-modified', 'true'); } } function initializeSearchAccessibility() { addSearchRole(); modifyCloseSearchButton(); } // Exécution initiale initializeSearchAccessibility(); // Fonction debounce pour limiter la fréquence d'exécution function debounce(func, wait) { let timeout; return function executedFunction(...args) { const later = () => { clearTimeout(timeout); func(...args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); }; } // Observer avec debounce const debouncedInit = debounce(initializeSearchAccessibility, 250); var observer = new MutationObserver(debouncedInit); // Cibler spécifiquement la zone où le formulaire de recherche pourrait être ajouté var targetNode = document.querySelector('header') || document.body; observer.observe(targetNode, { childList: true, subtree: true }); // Arrêter l'observation après 10 secondes setTimeout(function() { observer.disconnect(); }, 10000); }); </script>   <script> function initBackToTop() { var backToTopBtn = document.getElementById('btn-back-to-top'); if (backToTopBtn) { console.log('Back to top button found'); // Assurer que le bouton est focusable backToTopBtn.setAttribute('tabindex', '0'); // Ajouter un gestionnaire d'événements pour le clavier backToTopBtn.addEventListener('keydown', function(event) { console.log('Keydown event detected:', event.key); if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') { event.preventDefault(); console.log('Enter or Space key pressed, triggering click'); backToTopBtn.click(); // Déclenche le comportement natif du bouton } }); // Ajouter un texte accessible si ce n'est pas déjà fait if (!backToTopBtn.querySelector('.back-to-top-sr-only')) { var span = document.createElement('span'); span.className = 'back-to-top-sr-only'; span.textContent = 'Retour en haut de page'; backToTopBtn.appendChild(span); } console.log('Event listeners added to back-to-top button'); } else { console.error('Back to top button not found'); } } // Exécuter après le chargement du DOM document.addEventListener('DOMContentLoaded', initBackToTop); // Gestionnaire global pour le débogage document.addEventListener('keydown', function(event) { console.log('Global keydown event:', event.key, 'Target:', event.target.id); }); </script><script> //<![CDATA[ var require = { baseUrl : 'https://callisto-formation.fr/lib/requirejs.php/1733997266/', // We only support AMD modules with an explicit define() statement. enforceDefine: true, skipDataMain: true, waitSeconds : 0, paths: { jquery: 'https://callisto-formation.fr/lib/javascript.php/1733997266/lib/jquery/jquery-3.6.1.min', jqueryui: 'https://callisto-formation.fr/lib/javascript.php/1733997266/lib/jquery/ui-1.13.2/jquery-ui.min', jqueryprivate: 'https://callisto-formation.fr/lib/javascript.php/1733997266/lib/requirejs/jquery-private' }, // Custom jquery config map. map: { // '*' means all modules will get 'jqueryprivate' // for their 'jquery' dependency. '*': { jquery: 'jqueryprivate' }, // Stub module for 'process'. This is a workaround for a bug in MathJax (see MDL-60458). '*': { process: 'core/first' }, // 'jquery-private' wants the real jQuery module // though. If this line was not here, there would // be an unresolvable cyclic dependency. jqueryprivate: { jquery: 'jquery' } } }; //]]> </script> <script src="https://callisto-formation.fr/lib/javascript.php/1733997266/lib/requirejs/require.min.js"></script> <script> //<![CDATA[ M.util.js_pending("core/first"); require(['core/first'], function() { require(['core/prefetch']) ; M.util.js_pending('theme_boostplus/main'); require(['theme_boostplus/main'], function(amd) {amd.init(); M.util.js_complete('theme_boostplus/main');});; function legacy_activity_onclick_handler_1(e) { e.halt(); window.open('https://callisto-formation.fr/mod/resource/view.php?id=15203&redirect=1'); return false; }; function legacy_activity_onclick_handler_2(e) { e.halt(); window.open('https://callisto-formation.fr/mod/resource/view.php?id=15884&redirect=1'); return false; }; function legacy_activity_onclick_handler_3(e) { e.halt(); window.open('https://callisto-formation.fr/mod/resource/view.php?id=18804&redirect=1'); return false; }; require(['jquery', 'tool_policy/jquery-eu-cookie-law-popup', 'tool_policy/policyactions'], function($, Popup, ActionsMod) { // Initialise the guest popup. $(document).ready(function() { // Only show message if there is some policy related to guests. // Get localised messages. var textmessage = "Si vous continuez à consulter ce site web, vous acceptez nos politiques :" + "<ul>" + "<li>" + "<a href=\"https://callisto-formation.fr/admin/tool/policy/view.php?versionid=1&returnurl=https%3A%2F%2Fcallisto-formation.fr%2F%3Fredirect%3D0\" " + " data-action=\"view-guest\" data-versionid=\"1\" data-behalfid=\"1\" >" + "Conditions Générales d'Utilisation & - Mentions Légales" + "</a>" + "</li>" + "" + "</ul>"; var continuemessage = "Continuer"; // Initialize popup. $(document.body).addClass('eupopup'); if ($(".eupopup").length > 0) { $(document).euCookieLawPopup().init({ popupPosition: 'bottom', popupTitle: '', popupText: textmessage, buttonContinueTitle: continuemessage, buttonLearnmoreTitle: '', compactStyle: true, }); } // Initialise the JS for the modal window which displays the policy versions. ActionsMod.init('[data-action="view-guest"]'); }); }); ; require(['core/moremenu'], function(moremenu) { moremenu(document.querySelector('#moremenu-67b1ccf833c15-navbar-nav')); }); ; require( [ 'jquery', ], function( $ ) { var uniqid = "67b1ccf858a6c67b1ccf8292465"; var container = $('#searchinput-navbar-' + uniqid); var opensearch = container.find('[data-action="opensearch"]'); var input = container.find('[data-region="input"]'); var submit = container.find('[data-action="submit"]'); submit.on('click', function(e) { if (input.val() === '') { e.preventDefault(); } }); container.on('hidden.bs.collapse', function() { opensearch.removeClass('d-none'); input.val(''); }); container.on('show.bs.collapse', function() { opensearch.addClass('d-none'); }); container.on('shown.bs.collapse', function() { input.focus(); }); }); ; require( [ 'jquery', ], function( $ ) { var uniqid = "67b1ccf85901b67b1ccf8292466"; var container = $('#searchinput-navbar-' + uniqid); var opensearch = container.find('[data-action="opensearch"]'); var input = container.find('[data-region="input"]'); var submit = container.find('[data-action="submit"]'); submit.on('click', function(e) { if (input.val() === '') { e.preventDefault(); } }); container.on('hidden.bs.collapse', function() { opensearch.removeClass('d-none'); input.val(''); }); container.on('show.bs.collapse', function() { opensearch.addClass('d-none'); }); container.on('shown.bs.collapse', function() { input.focus(); }); }); ; require(['core/usermenu'], function(UserMenu) { UserMenu.init(); }); ; M.util.js_pending('theme_boost/drawers:load'); require(['theme_boost/drawers'], function() { M.util.js_complete('theme_boost/drawers:load'); }); ; require(['theme_boost/footer-popover'], function(FooterPopover) { FooterPopover.init(); }); ; M.util.js_pending('theme_boost/loader'); require(['theme_boost/loader', 'theme_boost/drawer'], function(Loader, Drawer) { Drawer.init(); M.util.js_complete('theme_boost/loader'); }); ; M.util.js_pending('core/notification'); require(['core/notification'], function(amd) {amd.init(2, []); M.util.js_complete('core/notification');});; M.util.js_pending('core/log'); require(['core/log'], function(amd) {amd.setConfig({"level":"warn"}); M.util.js_complete('core/log');});; M.util.js_pending('core/page_global'); require(['core/page_global'], function(amd) {amd.init(); M.util.js_complete('core/page_global');});; M.util.js_pending('core/utility'); require(['core/utility'], function(amd) {M.util.js_complete('core/utility');});; M.util.js_pending('core/storage_validation'); require(['core/storage_validation'], function(amd) {amd.init(null); M.util.js_complete('core/storage_validation');}); M.util.js_complete("core/first"); }); //]]> </script> <script> //<![CDATA[ M.str = {"moodle":{"lastmodified":"Modifi\u00e9 le","name":"Nom","error":"Erreur","info":"Information","yes":"Oui","no":"Non","ok":"OK","cancel":"Annuler","confirm":"Confirmer","areyousure":"Voulez-vous vraiment continuer\u00a0?","closebuttontitle":"Fermer","unknownerror":"Erreur inconnue","file":"Fichier","url":"URL","collapseall":"Tout replier","expandall":"Tout d\u00e9plier"},"repository":{"type":"Type","size":"Taille","invalidjson":"Cha\u00eene JSON non valide","nofilesattached":"Aucun fichier joint","filepicker":"S\u00e9lecteur de fichiers","logout":"D\u00e9connexion","nofilesavailable":"Aucun fichier disponible","norepositoriesavailable":"D\u00e9sol\u00e9, aucun de vos d\u00e9p\u00f4ts actuels ne peut retourner de fichiers dans le format requis.","fileexistsdialogheader":"Le fichier existe","fileexistsdialog_editor":"Un fichier de ce nom a d\u00e9j\u00e0 \u00e9t\u00e9 joint au texte que vous modifiez.","fileexistsdialog_filemanager":"Un fichier de ce nom a d\u00e9j\u00e0 \u00e9t\u00e9 joint","renameto":"Renommer \u00e0 \u00ab\u00a0{$a}\u00a0\u00bb","referencesexist":"Il y a {$a} liens qui pointent vers ce fichier","select":"S\u00e9lectionnez"},"admin":{"confirmdeletecomments":"Voulez-vous vraiment supprimer des commentaires\u00a0?","confirmation":"Confirmation"},"debug":{"debuginfo":"Info de d\u00e9bogage","line":"Ligne","stacktrace":"Trace de la pile"},"langconfig":{"labelsep":" "}}; //]]> </script> <script> //<![CDATA[ (function() {Y.use("moodle-filter_mathjaxloader-loader",function() {M.filter_mathjaxloader.configure({"mathjaxconfig":"\nMathJax.Hub.Config({\n config: [\"Accessible.js\", \"Safe.js\"],\n errorSettings: { message: [\"!\"] },\n skipStartupTypeset: true,\n messageStyle: \"none\"\n});\n","lang":"fr"}); }); Y.use("moodle-filter_glossary-autolinker",function() {M.filter_glossary.init_filter_autolinking({"courseid":0}); }); M.util.help_popups.setup(Y); M.util.js_pending('random67b1ccf8292467'); Y.on('domready', function() { M.util.js_complete("init"); M.util.js_complete('random67b1ccf8292467'); }); })(); //]]> </script> </div> <div class="footer-section p-3"> <div>Fourni par <a href="https://moodle.com">Moodle</a></div> </div> </div> <div class="footer-content-debugging footer-dark bg-dark text-light"> <div class="container-fluid footer-dark-inner"> </div> </div> </footer> <div id="contentcustomfooter" class="py-3"> <div class="container-fluid"> <div class="row"> <div class="text_to_html"><h1 class="sr-only">Liens de bas de page</h1><div class="container text-white p-5"><h2 class="h5 text-white">Inist-CNRS</h2><p class="pb-3">2, rue Jean Zay (2 allée du parc de Brabois pour les GPS)<br /> CS 10310<br /> F‑54519 Vandœuvre-lès-Nancy<br /> France</p><ul class="footerlist2"><li><a href="https://callisto-formation.fr/?redirect=0&theme=inist-cnrs">Accueil Inist</a>  |  </li><li><a href="https://www.inist.fr" target="_blank">Site web</a>  |  </li><li><i class="fa fa-mobile" aria-hidden="true"></i> +33(0)383504600</li></ul><hr class="hr-footer"><div class="row"><div class="col-sm-6"><h2 class="h5 text-white">Callisto</h2><p>Fondation abritée par la <a href="https://unit.eu/" target="_blank">Fondation UNIT</a><br>soutenue par le <a href="https://www.enseignementsup-recherche.gouv.fr/fr" target="_blank">Ministère de l'Enseignement Supérieur et de la Recherche</a></p><ul class="footerlist2"><li><a href="https://callisto-formation.fr/?redirect=0&theme=callisto">Accueil Callisto</a>  |  </li><li><a href="https://callisto-formation.fr/mod/page/view.php?id=14859">Tous les cours</a></li></ul></div><div class="col-sm-3"><h2 class="h5 text-white">Aide</h2><ul class="footerlist"><li><a href="https://callisto-formation.fr/course/view.php?id=834">Premiers pas sur Callisto</a></li><li><a href="https://callisto-formation.fr/mod/page/view.php?id=5058">FAQ</a></li><li><a href="https://callisto-formation.fr/mod/page/view.php?id=3916">Contact</a></li></ul></div><div class="col-sm-3"><h2 class="h5 text-white">Nous suivre</h2><ul class="footerlist"><li><a href="https://fondationcallisto.fr/blog/" target="_blank">Blog</a></li><li><a href="https://www.canal-u.tv/chaines/callisto" target="_blank">Canal U</a></li><li><a href="https://twitter.com/Callisto_LMS" target="_blank">Twitter</a></li></ul></div></div><hr><div class="d-flex bd-highlight mb-3"><div class="mr-auto p-2 bd-highlight"><p class="small text-white">Tous droits réservés © 2021-2025 Fondation Callisto</p></div><div class="p-2 bd-highlight"><ul class="small text-right footerlist mr-5"><li><a href="https://callisto-formation.fr/mod/page/view.php?id=15852">Accessibilité : non conforme</a></li><li><a href="https://callisto-formation.fr/admin/tool/policy/view.php?policyid=1&versionid=1&returnurl=https%3A%2F%2Fcallisto-formation.fr%2Fadmin%2Ftool%2Fpolicy%2Fuser.php%3Fuserid%3D35">Politiques et accords</a></li></ul></div></div></div></div> </div> </div> </div> </div> </div> <script> let topbutton = document.getElementById("btn-back-to-top"); let page =document.getElementById("page"); // When the user scrolls down 20px from the top of the document, show the button page.onscroll = function () { scrollFunction(); }; function scrollFunction() { if ( page.scrollTop > 200 ) { topbutton.style.display = "block"; } else { topbutton.style.display = "none"; } } // When the user clicks on the button, scroll to the top of the document topbutton.addEventListener("click", backToTop); function backToTop() { page.scrollTo({top: 0, behavior: 'smooth'}); } </script> </body> </html>

CINXE.COM

Accueil | Callisto Formation