{"id":337,"date":"2026-09-28T19:44:19","date_gmt":"2026-09-28T19:44:19","guid":{"rendered":"https:\/\/pedagogiecsstl.ca\/francaisprimaire\/?page_id=337"},"modified":"2026-09-28T19:52:56","modified_gmt":"2026-09-28T19:52:56","slug":"profil-accueil","status":"publish","type":"page","link":"https:\/\/pedagogiecsstl.ca\/francaisprimaire\/profil-accueil\/","title":{"rendered":"PROFIL accueil"},"content":{"rendered":"\n\n\t<style>\n\/* ==========================================================\n   PROFIL - PAGE D'ACCUEIL \/ PROTOTYPE\n   Tout est limit\u00e9 \u00e0 .profil-home\n   ========================================================== *\/\n.profil-home{\n  --bleu:#245f89;\n  --bleu-fonce:#183e5b;\n  --bleu-pale:#dceef8;\n  --jaune:#ffe879;\n  --vert:#dcefb9;\n  --rose:#f7c5c0;\n  --orange:#ffd39b;\n  --papier:#fffdf7;\n  --encre:#26343d;\n  position:relative;\n  overflow:hidden;\n  box-sizing:border-box;\n  min-height:100vh;\n  padding:50px 30px 75px;\n  color:var(--encre);\n  font-family:Arial, Helvetica, sans-serif;\n  \/* feuille lign\u00e9e *\/\n  background-color:#fffefb;\n  background-image:\n    linear-gradient(\n      to right,\n      transparent 0,\n      transparent 58px,\n      rgba(221,95,95,.26) 59px,\n      transparent 60px\n    ),\n    repeating-linear-gradient(\n      to bottom,\n      transparent 0,\n      transparent 32px,\n      rgba(98,170,207,.22) 33px,\n      transparent 34px\n    );\n}\n.profil-home *{\n  box-sizing:border-box;\n}\n.profil-home-wrap{\n  position:relative;\n  z-index:2;\n  max-width:1120px;\n  margin:0 auto;\n}\n\/* ==========================================================\n   PETIT EN-T\u00caTE\n   ========================================================== *\/\n.profil-home-top{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:20px;\n  margin-bottom:42px;\n}\n.profil-mini{\n  font-size:13px;\n  font-weight:800;\n  text-transform:uppercase;\n  letter-spacing:1.5px;\n  color:var(--bleu-fonce);\n}\n.profil-teacher-link{\n  display:inline-block;\n  padding:9px 14px;\n  background:rgba(255,255,255,.88);\n  border:1.5px solid rgba(36,95,137,.35);\n  border-radius:8px;\n  color:var(--bleu-fonce) !important;\n  text-decoration:none !important;\n  font-size:13px;\n  font-weight:800;\n  transition:.2s ease;\n}\n.profil-teacher-link:hover{\n  background:var(--bleu-pale);\n  transform:translateY(-2px);\n}\n\/* ==========================================================\n   HERO \/ FEUILLE CENTRALE\n   ========================================================== *\/\n.profil-hero{\n  position:relative;\n  max-width:930px;\n  margin:0 auto;\n  padding:54px 60px 52px;\n  background:rgba(255,253,247,.95);\n  border:1px solid rgba(24,62,91,.16);\n  border-radius:7px 10px 8px 6px;\n  box-shadow:\n    0 16px 35px rgba(33,53,66,.12),\n    5px 7px 0 rgba(36,95,137,.05);\n  transform:rotate(-.25deg);\n}\n\/* ruban adh\u00e9sif *\/\n.profil-tape{\n  position:absolute;\n  top:-17px;\n  left:50%;\n  width:120px;\n  height:34px;\n  transform:translateX(-50%) rotate(1.5deg);\n  background:rgba(241,183,121,.62);\n  clip-path:polygon(3% 8%,98% 0,94% 93%,0 100%);\n}\n\/* ==========================================================\n   LOGO PROFIL\n   ========================================================== *\/\n.profil-logo{\n  display:flex;\n  justify-content:center;\n  gap:5px;\n  margin-bottom:22px;\n}\n.profil-logo span{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:51px;\n  height:59px;\n  background:#a8d2ed;\n  color:#111;\n  border-radius:5px;\n  box-shadow:0 4px 0 rgba(24,62,91,.13);\n  font-family:\"Trebuchet MS\",Arial,sans-serif;\n  font-size:32px;\n  font-weight:900;\n}\n.profil-logo span:nth-child(1){transform:rotate(-2deg);}\n.profil-logo span:nth-child(2){transform:rotate(1deg);}\n.profil-logo span:nth-child(3){transform:rotate(-1deg);}\n.profil-logo span:nth-child(4){transform:rotate(1.5deg);}\n.profil-logo span:nth-child(5){transform:rotate(-1.5deg);}\n.profil-logo span:nth-child(6){transform:rotate(.7deg);}\n\/* ==========================================================\n   TITRES\n   ========================================================== *\/\n.profil-title{\n  margin:0;\n  text-align:center;\n  color:var(--bleu-fonce);\n  font-family:\"Trebuchet MS\",Arial,sans-serif;\n  font-size:clamp(40px,6vw,67px);\n  line-height:1.03;\n  letter-spacing:-2px;\n}\n.profil-subtitle{\n  margin:15px auto 0;\n  max-width:650px;\n  text-align:center;\n  color:#53636d;\n  font-size:19px;\n  line-height:1.55;\n}\n.profil-highlight{\n  position:relative;\n  display:inline;\n  z-index:1;\n}\n.profil-highlight:before{\n  content:\"\";\n  position:absolute;\n  z-index:-1;\n  left:-4px;\n  right:-5px;\n  bottom:3px;\n  height:13px;\n  background:rgba(255,232,121,.80);\n  transform:rotate(-1deg);\n}\n\/* ==========================================================\n   PETIT POST-IT\n   ========================================================== *\/\n.profil-handnote{\n  position:absolute;\n  \/* CORRECTION :\n     le Post-it est plac\u00e9 sous la feuille, \u00e0 droite,\n     sans entrer en concurrence avec le titre *\/\n  right:-45px;\n  bottom:-38px;\n  width:190px;\n  padding:17px 18px;\n  background:var(--jaune);\n  color:var(--bleu-fonce);\n  border-radius:3px 4px 12px 4px;\n  box-shadow:4px 6px 12px rgba(40,50,60,.13);\n  transform:rotate(4deg);\n  font-family:\"Trebuchet MS\",Arial,sans-serif;\n  font-size:15px;\n  font-weight:800;\n  line-height:1.35;\n}\n\/* CORRECTION :\n   aucune fl\u00e8che - le Post-it fonctionne comme annotation autonome *\/\n.profil-handnote:before{\n  display:none;\n}\n\/* ==========================================================\n   QUESTION\n   ========================================================== *\/\n.profil-choose{\n  margin:90px auto 30px;\n  text-align:center;\n}\n.profil-choose-label{\n  display:inline-block;\n  margin-bottom:15px;\n  padding:9px 16px;\n  background:var(--jaune);\n  border-radius:5px;\n  box-shadow:3px 4px 0 rgba(24,62,91,.09);\n  color:var(--bleu-fonce);\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:1.3px;\n  text-transform:uppercase;\n  transform:rotate(-1deg);\n}\n.profil-choose h2{\n  margin:0;\n  color:var(--bleu-fonce);\n  font-family:\"Trebuchet MS\",Arial,sans-serif;\n  font-size:clamp(27px,4vw,38px);\n}\n.profil-choose p{\n  margin:10px auto 0;\n  max-width:650px;\n  color:#53636d;\n  font-size:17px;\n  line-height:1.55;\n}\n\/* ==========================================================\n   CARTES \/ POST-IT\n   ========================================================== *\/\n.profil-needs{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:25px;\n  max-width:1050px;\n  margin:0 auto;\n  padding:10px 0 20px;\n}\n.profil-need{\n  position:relative;\n  display:flex;\n  flex-direction:column;\n  min-height:315px;\n  padding:31px 27px 27px;\n  color:var(--encre) !important;\n  text-decoration:none !important;\n  border-radius:5px 5px 17px 5px;\n  box-shadow:\n    7px 10px 20px rgba(39,55,65,.12),\n    inset 0 -1px 0 rgba(0,0,0,.04);\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease;\n}\n.profil-need:hover{\n  transform:translateY(-7px) rotate(0deg) !important;\n  box-shadow:9px 15px 28px rgba(39,55,65,.17);\n}\n.profil-need:after{\n  content:\"\";\n  position:absolute;\n  right:0;\n  bottom:0;\n  width:35px;\n  height:35px;\n  background:rgba(255,255,255,.27);\n  clip-path:polygon(100% 0,0 100%,100% 100%);\n}\n.need-blue{\n  background:var(--bleu-pale);\n  transform:rotate(-1.2deg);\n}\n.need-yellow{\n  background:var(--jaune);\n  transform:rotate(.7deg);\n}\n.need-green{\n  background:var(--vert);\n  transform:rotate(-.5deg);\n}\n.profil-need-no{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:39px;\n  height:39px;\n  margin-bottom:21px;\n  border-radius:50%;\n  background:rgba(255,255,255,.70);\n  color:var(--bleu-fonce);\n  font-size:15px;\n  font-weight:900;\n}\n.profil-need h3{\n  margin:0 0 12px;\n  color:var(--bleu-fonce);\n  font-family:\"Trebuchet MS\",Arial,sans-serif;\n  font-size:25px;\n  line-height:1.15;\n}\n.profil-need p{\n  margin:0 0 24px;\n  color:#3f4d56;\n  font-size:15px;\n  line-height:1.55;\n}\n.profil-enter{\n  display:flex;\n  align-items:center;\n  gap:7px;\n  margin-top:auto;\n  color:var(--bleu-fonce);\n  font-size:14px;\n  font-weight:900;\n}\n.profil-enter-arrow{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:29px;\n  height:29px;\n  border-radius:50%;\n  background:rgba(255,255,255,.68);\n  transition:transform .2s ease;\n}\n.profil-need:hover .profil-enter-arrow{\n  transform:translateX(4px);\n}\n\/* ==========================================================\n   PETITE BANDE P\u00c9DAGOGIQUE\n   ========================================================== *\/\n.profil-philosophy{\n  position:relative;\n  max-width:850px;\n  margin:65px auto 0;\n  padding:30px 35px;\n  background:rgba(255,255,255,.91);\n  border:1px solid rgba(36,95,137,.18);\n  border-radius:13px;\n  box-shadow:0 9px 22px rgba(38,61,76,.08);\n  text-align:center;\n}\n.profil-philosophy strong{\n  color:var(--bleu-fonce);\n}\n.profil-philosophy-main{\n  margin:0;\n  color:var(--bleu-fonce);\n  font-family:\"Trebuchet MS\",Arial,sans-serif;\n  font-size:21px;\n  font-weight:900;\n  line-height:1.45;\n}\n.profil-philosophy-small{\n  margin:9px 0 0;\n  color:#5b6870;\n  font-size:14px;\n  line-height:1.5;\n}\n\/* ==========================================================\n   MINI PARCOURS\n   ========================================================== *\/\n.profil-route{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:8px;\n  max-width:850px;\n  margin:35px auto 0;\n}\n.profil-route span{\n  padding:8px 12px;\n  background:rgba(255,255,255,.80);\n  border-radius:6px;\n  color:var(--bleu-fonce);\n  font-size:12px;\n  font-weight:900;\n  letter-spacing:.5px;\n}\n.profil-route b{\n  color:#7191a5;\n  font-size:18px;\n}\n\/* ==========================================================\n   ESPACE ENSEIGNANT\n   ========================================================== *\/\n.profil-teacher-zone{\n  max-width:900px;\n  margin:65px auto 0;\n  display:grid;\n  grid-template-columns:180px 1fr;\n  gap:25px;\n  align-items:center;\n}\n.profil-teacher-note{\n  position:relative;\n  padding:24px 19px;\n  background:var(--orange);\n  border-radius:4px 4px 13px 5px;\n  box-shadow:5px 7px 15px rgba(39,55,65,.12);\n  transform:rotate(-2deg);\n  text-align:center;\n  color:var(--bleu-fonce);\n  font-family:\"Trebuchet MS\",Arial,sans-serif;\n  font-weight:900;\n}\n.profil-teacher-copy{\n  padding:25px 28px;\n  background:rgba(255,255,255,.90);\n  border-radius:12px;\n  border:1px solid rgba(36,95,137,.17);\n}\n.profil-teacher-copy h3{\n  margin:0 0 7px;\n  color:var(--bleu-fonce);\n  font-family:\"Trebuchet MS\",Arial,sans-serif;\n  font-size:22px;\n}\n.profil-teacher-copy p{\n  margin:0 0 15px;\n  color:#53616a;\n  line-height:1.55;\n}\n.profil-teacher-button{\n  display:inline-block;\n  padding:10px 15px;\n  background:var(--bleu);\n  border-radius:7px;\n  color:white !important;\n  text-decoration:none !important;\n  font-size:13px;\n  font-weight:900;\n  transition:.2s ease;\n}\n.profil-teacher-button:hover{\n  background:var(--bleu-fonce);\n  transform:translateY(-2px);\n}\n\/* ==========================================================\n   FOOTER\n   ========================================================== *\/\n.profil-footer{\n  margin:70px auto 0;\n  text-align:center;\n  color:#77838a;\n  font-size:12px;\n}\n.profil-footer strong{\n  color:var(--bleu-fonce);\n}\n\/* ==========================================================\n   RESPONSIVE\n   ========================================================== *\/\n@media(max-width:1000px){\n  .profil-handnote{\n    position:relative;\n    right:auto;\n    bottom:auto;\n    width:210px;\n    margin:30px auto -10px;\n  }\n}\n@media(max-width:800px){\n  .profil-home{\n    padding:35px 18px 55px;\n    background-image:\n      repeating-linear-gradient(\n        to bottom,\n        transparent 0,\n        transparent 32px,\n        rgba(98,170,207,.20) 33px,\n        transparent 34px\n      );\n  }\n  .profil-hero{\n    padding:45px 24px 42px;\n  }\n  .profil-needs{\n    grid-template-columns:1fr;\n    max-width:570px;\n  }\n  .profil-need{\n    min-height:0;\n  }\n  .need-blue,\n  .need-yellow,\n  .need-green{\n    transform:none;\n  }\n  .profil-teacher-zone{\n    grid-template-columns:1fr;\n  }\n  .profil-teacher-note{\n    max-width:230px;\n    margin:auto;\n  }\n}\n@media(max-width:520px){\n  .profil-home-top{\n    flex-direction:column;\n    align-items:flex-start;\n  }\n  .profil-logo span{\n    width:39px;\n    height:49px;\n    font-size:25px;\n  }\n  .profil-title{\n    font-size:39px;\n  }\n  .profil-subtitle{\n    font-size:16px;\n  }\n}\n<\/style>\n  <!-- ======================================================\n       MINI EN-T\u00caTE\n       ====================================================== -->\n      PROFIL \u00b7 Profil de scripteur\n    <a href=\"#espace-enseignant\">\n      \u270e Espace enseignant\n    <\/a>\n  <!-- ======================================================\n       HERO\n       ====================================================== -->\n  <section>\n      P\n      R\n      O\n      F\n      I\n      L\n    <h1>\n      Du portrait\n      \u00e0 l&rsquo;intervention.\n    <\/h1>\n    \n      PROFIL aide \u00e0 cibler les besoins en \u00e9criture\n      pour choisir une intervention, d\u00e9velopper une strat\u00e9gie\n      et la r\u00e9investir dans les textes.\n    \n      Une priorit\u00e9 \u00e0 la fois.<br \/>\n      Pour mieux progresser.\n  <\/section>\n  <!-- ======================================================\n       CHOIX DU BESOIN\n       ====================================================== -->\n  <section>\n      Par o\u00f9 commencer?\n    <h2>\n      Quel besoin PROFIL a-t-il cibl\u00e9?\n    <\/h2>\n    \n      Choisis la priorit\u00e9 \u00e0 travailler.\n      Tu trouveras ensuite un chemin pour apprendre,\n      t&rsquo;entra\u00eener et transf\u00e9rer dans l&rsquo;\u00e9criture.\n    \n  <\/section>\n  <!-- ======================================================\n       TROIS PORTES\n       ====================================================== -->\n    <!-- ORTHOGRAPHE -->\n    <a href=\"#\"\n       onclick=\"return false;\">\n      01\n      <h3>\n        Orthographe<br \/>\n        d&rsquo;usage\n      <\/h3>\n      \n        J&rsquo;apprends \u00e0 rep\u00e9rer mes doutes,\n        \u00e0 raisonner et \u00e0 utiliser efficacement\n        les outils de r\u00e9f\u00e9rence.\n      \n        Explorer cette piste\n        \u2192\n    <\/a>\n    <!-- GN -->\n    <a href=\"#\"\n       onclick=\"return false;\">\n      02\n      <h3>\n        Accord dans<br \/>\n        le GN\n      <\/h3>\n      \n        Je trouve le nom noyau,\n        j&rsquo;identifie les receveurs et\n        je v\u00e9rifie les marques d&rsquo;accord.\n      \n        Explorer cette piste\n        \u2192\n    <\/a>\n    <!-- VERBE -->\n    <a href=\"#\"\n       onclick=\"return false;\">\n      03\n      <h3>\n        Accord<br \/>\n        du verbe\n      <\/h3>\n      \n        Je rep\u00e8re le verbe et son sujet,\n        puis je v\u00e9rifie la personne,\n        le nombre et la terminaison.\n      \n        Explorer cette piste\n        \u2192\n    <\/a>\n  <!-- ======================================================\n       FIL CONDUCTEUR\n       ====================================================== -->\n    CIBLER\n    <b>\u2192<\/b>\n    APPRENDRE\n    <b>\u2192<\/b>\n    S&rsquo;ENTRA\u00ceNER\n    <b>\u2192<\/b>\n    TRANSF\u00c9RER\n  <!-- ======================================================\n       ID\u00c9E CENTRALE\n       ====================================================== -->\n  <section>\n    \n      Le but n&rsquo;est pas simplement de r\u00e9ussir un exercice.\n      <br \/>\n      Le but est de mieux \u00e9crire.\n    \n    \n      Les prochaines productions permettront d&rsquo;observer\n      si la strat\u00e9gie se transf\u00e8re r\u00e9ellement dans l&rsquo;\u00e9criture.\n    \n  <\/section>\n  <!-- ======================================================\n       ESPACE ENSEIGNANT\n       ====================================================== -->\n  <section\n           id=\"espace-enseignant\">\n      Et si la difficult\u00e9\n      persiste?\n      <h3>\n        PROFIL indique o\u00f9 intervenir.\n      <\/h3>\n      \n        Le jugement professionnel permet de choisir comment intervenir :\n        v\u00e9rifier les pr\u00e9alables, modeler une strat\u00e9gie,\n        former un sous-groupe, travailler le transfert\n        ou modifier l&rsquo;accompagnement.\n      \n      <a href=\"#\"\n         onclick=\"return false;\">\n        D\u00e9couvrir les pistes d&rsquo;intervention \u2192\n      <\/a>\n  <\/section>\n  <!-- ======================================================\n       BAS DE PAGE\n       ====================================================== -->\n    <strong>PROFIL<\/strong> \u00b7 Portraits \u00b7 R\u00e9ussite \u00b7 Observations \u00b7\n    Forces et faiblesses \u00b7 Interventions \u00b7 Leviers\n\n","protected":false},"excerpt":{"rendered":"<p>PROFIL \u00b7 Profil de scripteur \u270e Espace enseignant P R O F I L Du portrait \u00e0 l&rsquo;intervention. PROFIL aide \u00e0 cibler les besoins en \u00e9criture pour choisir une intervention, d\u00e9velopper une strat\u00e9gie et la r\u00e9investir dans les textes. Une priorit\u00e9 \u00e0 la fois. Pour mieux progresser. Par o\u00f9 commencer? Quel besoin PROFIL a-t-il cibl\u00e9?&hellip;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-337","page","type-page","status-publish","hentry"],"featured_image_src":null,"featured_image_src_square":null,"_links":{"self":[{"href":"https:\/\/pedagogiecsstl.ca\/francaisprimaire\/wp-json\/wp\/v2\/pages\/337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pedagogiecsstl.ca\/francaisprimaire\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pedagogiecsstl.ca\/francaisprimaire\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pedagogiecsstl.ca\/francaisprimaire\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/pedagogiecsstl.ca\/francaisprimaire\/wp-json\/wp\/v2\/comments?post=337"}],"version-history":[{"count":3,"href":"https:\/\/pedagogiecsstl.ca\/francaisprimaire\/wp-json\/wp\/v2\/pages\/337\/revisions"}],"predecessor-version":[{"id":343,"href":"https:\/\/pedagogiecsstl.ca\/francaisprimaire\/wp-json\/wp\/v2\/pages\/337\/revisions\/343"}],"wp:attachment":[{"href":"https:\/\/pedagogiecsstl.ca\/francaisprimaire\/wp-json\/wp\/v2\/media?parent=337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}