html

paliers de notation .switch-button { background: rgba(0, 0, 0, .1); border-radius: 30px; border: 1px solid #bac6d3; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .4), 1px 1px 1px rgba(255, 255, 255, .6); color: #000; font-size: 1em; overflow: hidden; padding-right: 180px; position: relative; text-align: center; top: 45px; width: 360px; left: 50%; transform: translate(-50%, -50%) } .switch-button:before { align-items: center; bottom: 0; content: « Explication de texte »; display: flex; justify-content: center; pointer-events: none; position: absolute; right: 0; top: 0; width: 180px; z-index: 3 } .switch-button-checkbox { bottom: 0; cursor: pointer; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 2 } .switch-button-checkbox:checked+.switch-button-label:before { transform: translateX(180px); transition: transform .1s linear } .switch-button-checkbox+.switch-button-label { display: block; position: relative; padding: 16px 0; pointer-events: none; user-select: none } .switch-button-checkbox+.switch-button-label:before { background: #fff; border-radius: 30px; box-shadow: 1px 1px 5px rgba(0, 0, 0, .42); content: «  »; height: 100%; left: 0; position: absolute; top: 0; transform: translateX(0); transition: transform .3s; width: 100% } .switch-button-checkbox+.switch-button-label .switch-button-label-span { position: relative } * { box-sizing: border-box } body, button, input, optgroup, select, textarea { color: #3d4852; font-family: Muli, sans-serif; font-size: 1rem; line-height: 1.2 } h0 { color: red; /* couleur du titre principal */ font-size: 2.5rem; margin-top: 0; text-align: center } h1 { color: red; font-size: 4rem; margin-top: 0; text-align: center } h2 { color: #000; font-size: 1.25rem; margin-top: 0; text-align: center } ul { margin: 0 0 1.5rem; padding: 0 } li { display: inline-block } svg { fill: currentColor; height: 1.5rem; width: 1.5rem } img { height: auto; left: -1rem; margin-bottom: .5rem; max-width: calc(100% + 2rem); position: relative; right: -1rem } p { text-align: justify; text-align: left; text-justify: inter-word; margin: 0 0 .5rem } main { margin: auto; padding: 1rem 2rem } header { padding: 1rem 2rem; text-align: center } .card { border: 0 solid #000; border-radius: 15px; box-shadow: rgba(50, 50, 93, .25) 0 50px 100px -20px, rgba(0, 0, 0, .3) 0 30px 60px -30px, rgba(10, 37, 64, .35) 0 -2px 6px 0 inset; min-height: 500px; padding: 1rem; text-align: center } .onglet { border: 0 solid #000; display: none; margin: 5px; min-height: 60px; padding: 10px } .carousel-items { display: flex; overflow-x: scroll; position: absolute; width: 100%; z-index: 3000 } .carousel-item { flex: 1 0 250px; margin-bottom: 30px; margin-left: 1rem; margin-right: 1rem } @media screen and (min-width:576px) { .carousel-item { flex-basis: 300px } } @media screen and (min-width:992px) { body, button, input, optgroup, select, textarea { font-size: 1.125rem } h1 { font-size: 2.75rem } .carousel-item { flex-basis: 325px } } @media screen and (min-width:1280px) { h1 { font-size: 4rem } .carousel-item { flex-basis: 450px } } @media screen and (min-width:1600px) { body, button, input, optgroup, select, textarea { font-size: 1.25rem } }

paliers de notation

guider l’évaluation des copies de philosophie

Ce qui est valorisé : une problématisation du sujet, une argumentation cohérente et progressive, l’analyse de concepts (notions, distinctions) et d’exemples précisément étudiés, la mobilisation d’éléments de culture philosophique au service du traitement du sujet, la capacité de la réflexion à entrer en dialogue avec elle-même.

Ce qui est valorisé : une détermination du problème du texte, une explication de ses éléments signifiants, une explicitation des articulations du texte, une caractérisation de la position philosophique élaborée par l’auteur dans le texte, et, plus généralement, du questionnement auquel elle s’articule.

function hideAllElementByClassNam(e) { for (var t = document.getElementsByClassName(« onglet »), n = 0; n < t.length; n++) t[n].style.display = "none" } function ShowElementById(e) { document.getElementById(e).style.display = "inline-block" } function addClassActiveElm(e) { for (var t = document.getElementsByClassName("active"), n = 0; n < t.length; n++) removeClass(t[n], "active"); document.getElementById(e).className = "btnmateriel active" } function removeClass(e, t) { e.className = e.className.replace(new RegExp("(?:^|\\s)" + t + "(?!\\S)"), "") } var DisplayHideOnglets = function() { hideAllElementByClassNam("onglet"); var e = this.getAttribute("data-onglet"); void 0 !== e && null != e && (ShowElementById("onglet_" + e), addClassActiveElm("btn_" + e)) }, ToggleOnglets = function() { hideAllElementByClassNam("onglet"), ShowElementById("onglet_" + (1 + this.checked)) }; function initListener() { document.getElementById("switch").addEventListener("change", ToggleOnglets); for (var e = document.getElementsByClassName("btnmateriel"), t = 0; t < e.length; t++) e[t].addEventListener("click", DisplayHideOnglets, !1) } initListener(), ShowElementById("onglet_1")