Educ’ARTE – Mers et Oc\u00e9ans : Ressources transdisciplinaires<\/title>\n\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: Arial, sans-serif;\n background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n min-height: 100vh;\n padding: 5vw;\n color: #333;\n }\n\n .article-container {\n line-height: 1.6;\n margin: 0 auto;\n text-align: justify;\n max-width: 1024px;\n width: 100%;\n background: white;\n padding: 25px;\n border-radius: 15px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n }\n\n .article-container h1 {\n text-align: center;\n background: linear-gradient(135deg, #0056b3 0%, #1e88e5 100%);\n color: white;\n padding: 20px 15px;\n border-radius: 12px;\n font-size: clamp(1.5rem, 4.5vw, 2.2rem);\n margin-bottom: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n }\n\n \/* Sections accord\u00e9on *\/\n .section {\n margin-bottom: 1.2rem;\n border: 2px solid #e0e0e0;\n border-radius: 12px;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .section:hover {\n border-color: #0056b3;\n box-shadow: 0 8px 25px rgba(0, 86, 179, 0.15);\n }\n\n .section-header {\n background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n padding: 18px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.3s ease;\n font-size: clamp(1.15rem, 3.2vw, 1.45rem);\n color: #0056b3;\n font-weight: 600;\n }\n\n .section-header:hover {\n background: linear-gradient(135deg, #bbdefb 0%, #90caf9 100%);\n transform: translateY(-1px);\n }\n\n .section-title {\n display: flex;\n align-items: center;\n gap: 10px;\n flex: 1;\n }\n\n .section-arrow {\n font-size: 1.4rem;\n color: #0056b3;\n transition: transform 0.3s ease;\n flex-shrink: 0;\n }\n\n .section-arrow.open {\n transform: rotate(180deg);\n }\n\n .section-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n background: white;\n }\n\n .section-content.open {\n max-height: 2500px;\n }\n\n .section-inner {\n padding: 25px;\n }\n\n .section.encadre {\n border-color: #ffb74d;\n }\n\n .section.encadre .section-header {\n background: linear-gradient(135deg, #fff3cd 0%, #ffe0b2 100%);\n color: #e65100;\n }\n\n .section.encadre .section-header:hover {\n background: linear-gradient(135deg, #ffe0b2 0%, #ffcc80 100%);\n }\n\n .article-container strong {\n color: #0056b3;\n }\n\n .article-container ul {\n margin: 15px 0;\n padding-left: 25px;\n }\n\n .article-container li {\n margin-bottom: 10px;\n position: relative;\n }\n\n .article-container li:before {\n content: \"\ud83c\udf0a\";\n position: absolute;\n left: -25px;\n font-size: 1.1em;\n }\n\n .article-footer {\n margin-top: 25px;\n text-align: center;\n font-weight: bold;\n font-size: clamp(1.1rem, 3vw, 1.3rem);\n color: #0056b3;\n padding: 20px;\n background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n border-radius: 12px;\n border-left: 5px solid #0056b3;\n }\n\n .emoji {\n font-size: 1.3em;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n body {\n padding: 4vw;\n }\n\n .article-container {\n padding: 20px;\n }\n\n .section-header {\n padding: 15px;\n font-size: clamp(1.05rem, 3vw, 1.35rem);\n }\n\n .section-inner {\n padding: 20px;\n }\n\n .article-container li:before {\n left: -22px;\n font-size: 1em;\n }\n }\n\n @media (max-width: 480px) {\n body {\n padding: 3vw;\n }\n\n .article-container {\n padding: 16px;\n }\n\n .section-header {\n padding: 12px;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n }\n\n .section-inner {\n padding: 16px;\n }\n\n .article-container ul {\n padding-left: 20px;\n }\n\n .article-container li:before {\n left: -20px;\n font-size: 0.95em;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"article-container\">\n <h1><span class=\"emoji\">\ud83c\udf0a<\/span> Educ’ARTE – Mers et Oc\u00e9ans<span class=\"emoji\">\ud83d\udcda<\/span><\/h1>\n\n \n <div class=\"section\">\n <div class=\"section-header\" onclick=\"toggleSection(this)\">\n <div class=\"section-title\">\n <span class=\"emoji\">\ud83d\udcda<\/span> Ressources transdisciplinaires\n <\/div>\n <span class=\"section-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"section-content\">\n <div class=\"section-inner\">\n <p>La collection \u00ab\u00a0Mers et oc\u00e9ans\u00a0\u00bb d’Educ’ARTE se distingue par sa <strong>diversit\u00e9 de formats<\/strong> (documentaires, extraits, cartes interactives, s\u00e9ries anim\u00e9es) et par sa <strong>dimension interdisciplinaire<\/strong>. Elle permet d’aborder :<\/p>\n <ul>\n <li>Les <strong>enjeux \u00e9cologiques<\/strong> et les menaces qui p\u00e8sent sur les milieux marins (pollution, r\u00e9chauffement climatique, surp\u00eache).<\/li>\n <li>L’<strong>histoire des explorations maritimes<\/strong>, de la conqu\u00eate des oc\u00e9ans aux exp\u00e9ditions scientifiques modernes.<\/li>\n <li>Les <strong>repr\u00e9sentations culturelles<\/strong> et artistiques de la mer, en lien avec la litt\u00e9rature, la peinture ou encore le cin\u00e9ma.<\/li>\n <li>Les <strong>dynamiques g\u00e9opolitiques<\/strong> et \u00e9conomiques li\u00e9es \u00e0 l’exploitation et \u00e0 la circulation maritime.<\/li>\n <\/ul>\n <p>Ces ressources permettent de nourrir aussi bien les <strong>cours de g\u00e9ographie, de SVT, de fran\u00e7ais ou d’EMC<\/strong>, tout en s’int\u00e9grant dans des <strong>projets interdisciplinaires<\/strong> (EPI, chef-d’\u0153uvre, projets citoyens, etc.).<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\" onclick=\"toggleSection(this)\">\n <div class=\"section-title\">\n <span class=\"emoji\">\ud83d\udee0\ufe0f<\/span> Fonctionnalit\u00e9s interactives\n <\/div>\n <span class=\"section-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"section-content\">\n <div class=\"section-inner\">\n <p>Gr\u00e2ce \u00e0 Educ’ARTE, les enseignants peuvent :<\/p>\n <ul>\n <li><strong>Cr\u00e9er des extraits vid\u00e9o<\/strong> pour illustrer un point pr\u00e9cis du cours.<\/li>\n <li><strong>Ajouter des annotations<\/strong>, des quiz ou des commentaires pour accompagner la lecture.<\/li>\n <li><strong>Partager des s\u00e9lections de vid\u00e9os<\/strong> avec leurs \u00e9l\u00e8ves via un ENT ou une collection Pearltrees.<\/li>\n <li>Favoriser l’<strong>autonomie des \u00e9l\u00e8ves<\/strong> gr\u00e2ce \u00e0 une navigation intuitive et un acc\u00e8s \u00e0 distance.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section\">\n <div class=\"section-header\" onclick=\"toggleSection(this)\">\n <div class=\"section-title\">\n <span class=\"emoji\">\ud83c\udfaf<\/span> Gratuit via Corr\u00e9lyce\n <\/div>\n <span class=\"section-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"section-content\">\n <div class=\"section-inner\">\n <p>Bonne nouvelle : la plateforme <strong>Educ’ARTE est accessible gratuitement pour les \u00e9tablissements de la r\u00e9gion PACA via Corr\u00e9lyce<\/strong>. Il suffit de se connecter avec son compte ENT pour b\u00e9n\u00e9ficier de toutes les fonctionnalit\u00e9s de la plateforme, sans frais suppl\u00e9mentaires.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"section encadre\">\n <div class=\"section-header\" onclick=\"toggleSection(this)\">\n <div class=\"section-title\">\n <span class=\"emoji\">\ud83c\udf0a<\/span> Et si on embarquait ?\n <\/div>\n <span class=\"section-arrow\">\u25bc<\/span>\n <\/div>\n <div class=\"section-content\">\n <div class=\"section-inner\">\n <p><strong>Enseignants, documentalistes, formateurs<\/strong> : cette th\u00e9matique \u00ab\u00a0Mers et oc\u00e9ans\u00a0\u00bb constitue une <strong>formidable opportunit\u00e9 de croiser les regards, d’ancrer les apprentissages dans le r\u00e9el et de sensibiliser les \u00e9l\u00e8ves aux grands enjeux du XXIe si\u00e8cle<\/strong>. Une belle invitation \u00e0 lever l’ancre\u2026 et \u00e0 voguer vers de nouveaux savoirs.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <h3 class=\"article-footer\">\n <span class=\"emoji\">\ud83d\udea2<\/span> Embarquez pour une aventure p\u00e9dagogique au c\u0153ur des oc\u00e9ans !\n <\/h3>\n <\/div>\n\n <script>\n function toggleSection(header) {\n const currentContent = header.nextElementSibling;\n const currentArrow = header.querySelector('.section-arrow');\n\n \/\/ Fermer toutes les autres sections\n const allContents = document.querySelectorAll('.section-content');\n const allArrows = document.querySelectorAll('.section-arrow');\n\n allContents.forEach(content => {\n if (content !== currentContent) {\n content.classList.remove('open');\n }\n });\n\n allArrows.forEach(arrow => {\n if (arrow !== currentArrow) {\n arrow.classList.remove('open');\n }\n });\n\n \/\/ Basculer l'\u00e9tat de la section cliqu\u00e9e\n currentContent.classList.toggle('open');\n currentArrow.classList.toggle('open');\n }\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Dans le cadre de l’Ann\u00e9e de la mer, la plateforme Educ’ARTE propose une riche s\u00e9lection de contenus p\u00e9dagogiques autour des mers et oc\u00e9ans, \u00e0 retrouver sur cette page d\u00e9di\u00e9e. Cette th\u00e9matique s’inscrit pleinement dans les enjeux contemporains li\u00e9s \u00e0 la pr\u00e9servation de l’environnement, aux d\u00e9couvertes scientifiques, aux \u00e9changes maritimes et \u00e0 la repr\u00e9sentation culturelle des … <\/p>\n<p><a class=\"more-link btn\" href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/2025\/06\/11\/a-la-decouverte-des-mers-et-oceans-avec-educarte-une-plongee-pedagogique-et-culturelle\/\">Lire la suite<\/a><\/p>\n","protected":false},"author":652,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[60,57,53,71,55,56,54],"tags":[22,72],"class_list":["post-565","post","type-post","status-publish","format-standard","hentry","category-aesh","category-erun","category-ian","category-libres","category-prof-1d","category-prof-2d","category-rrupn","tag-arte","tag-correlyce","item-wrap"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"gillesnaviliat","author_link":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/author\/gillesnaviliat\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/identite\/aesh\/\" rel=\"category tag\">AESH<\/a> <a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/identite\/erun\/\" rel=\"category tag\">ERUN<\/a> <a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/identite\/ian\/\" rel=\"category tag\">IAN<\/a> <a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/ressources\/libres\/\" rel=\"category tag\">libres<\/a> <a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/identite\/prof-1d\/\" rel=\"category tag\">prof 1D<\/a> <a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/identite\/prof-2d\/\" rel=\"category tag\">prof 2D<\/a> <a href=\"https:\/\/www.pedagogie.ac-nice.fr\/drane\/category\/identite\/rrupn\/\" rel=\"category tag\">RRUPN<\/a>","rttpg_excerpt":"Dans le cadre de l’Ann\u00e9e de la mer, la plateforme Educ’ARTE propose une riche s\u00e9lection de contenus p\u00e9dagogiques autour des mers et oc\u00e9ans, \u00e0 retrouver sur cette page d\u00e9di\u00e9e. Cette th\u00e9matique s’inscrit pleinement dans les enjeux contemporains li\u00e9s \u00e0 la pr\u00e9servation de l’environnement, aux d\u00e9couvertes scientifiques, aux \u00e9changes maritimes et \u00e0 la repr\u00e9sentation culturelle des\u2026","post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/posts\/565","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/users\/652"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/comments?post=565"}],"version-history":[{"count":1,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/posts\/565\/revisions"}],"predecessor-version":[{"id":567,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/posts\/565\/revisions\/567"}],"wp:attachment":[{"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/media?parent=565"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/categories?post=565"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pedagogie.ac-nice.fr\/drane\/wp-json\/wp\/v2\/tags?post=565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}