@charset "UTF-8";
/* *********************************************** */
/* Projet : Gabarit de de cours Moodle 4           */
/* Fichier CSS global                              */
/* Dernieres modifications : Janvier 2024          */
/* Auteurs : Simon Gaudreau, Jonathan Collard et Alex Bourque  */
/* *********************************************** */
/* *********************************************** */
/* MIXINS                                          */
/* ----------------------------------------------- */
/* Table des matieres :                            */
/*                                                 */
/* - Media queries                                 */
/* - Layout                                        */
/* - Texte                                         */
/* - Animations et transformations                 */
/* - Visibilite et opacite                         */
/* - Borders                                       */
/* - Autres                                        */
/*                                                 */
/* *********************************************** */
/* =============================================== */
/* Media queries                                   */
/* ----------------------------------------------- */
/* =============================================== */
/* Layout                                          */
/* ----------------------------------------------- */
/* Applique les styles pour creer une colonne responsive a partir de sa largeur (en nombre de colonnes) par rapport au nombre maximal de colonnes. */
/* Applique un retrait a gauche en remplacement de colonnes vides. */
/* Applique une largeur de 100% sur toutes les colonnes. */
/* Applique une largeur de 50% sur toutes les colonnes sauf celles qui sont deja pleine largeur. */
/* Appele le mixin col avec les bons parametres pour toutes les classes "merge" et "offset". */
/* =============================================== */
/* Texte                                           */
/* ----------------------------------------------- */
/* Calcul du font-size en rem et son fallback en px. */
/* Calcul du line-height en rem et son fallback en px. */
/* Calcul du font-size en rem et son fallback en px. */
/* et calcul du line-height (par un multiplicatif relatif au font-size) */
/* en rem et son fallback en px. */
/* https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6 */
/* font-face */
/* =============================================== */
/* Animation                      				   */
/* ----------------------------------------------- */
/* Cree un triangle en css seulement. */
/* =============================================== */
/* Visibilite et opacite                           */
/* ----------------------------------------------- */
/* Cache un element visuellement seulement pour qu'il reste disponible pour les lecteurs d'ecran. */
/* Cache un element completement. */
/* Remplace un texte par une image. */
/* =============================================== */
/* Autres                                          */
/* ----------------------------------------------- */
/* Calcul le ratio d'un element avec une image de background dont on veut changer la taille. */
/* *********************************************** */
/* COMMUN                                          */
/* ----------------------------------------------- */
/* Table des matieres :                            */
/*                                                 */
/* - Base                                          */
/* - Grille simplifiée                             */
/* - Contenu spécifique au cours                   */
/*                                                 */
/* *********************************************** */
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,100italic,300italic,400italic,500italic,700italic,900|Roboto+Condensed:300,400,700,300italic,400italic,700italic|Open+Sans:300,400,600,700|Playfair+Display:400,500,600,700,800,900|Great+Vibes:400);
/* =============================================== */
/* Base                                            */
/* ----------------------------------------------- */
/* =============================================== */
/* Grille et conteneurs                            */
/* ----------------------------------------------- */
.container {
  max-width: 1400px;
  height: 100%;
  margin: 0 auto; }

@media screen and (min-width: 480px) {
  body[data-typemenu="header"] #zoneIdentitaire .container, body[data-typemenu="header"] #zoneMenu .container, body[data-typemenu="header"] #main .container {
    max-width: 960px; } }
@media screen and (min-width: 480px) {
  #page-mod-quiz-attempt .container, body[data-typemenu="sidebar"] .container, body[data-typemenu="sidebar"] #main .container {
    max-width: 1400px; } }
@media screen and (min-width: 960px) {
  body[data-typemenu="sidebar"] #main .container, body[data-typemenu="sidebar"] #main .container, #page-mod-quiz-attempt .container {
    max-width: 960px; } }
@media screen and (min-width: 1200px) {
  body[data-typemenu="sidebar"] #main .container, body[data-typemenu="sidebar"] #main .container, #page-mod-quiz-attempt .container {
    max-width: 1400px; } }

/* =============================================== */
/* Contenu spécifique au cours                     */
/* ----------------------------------------------- */
body[data-typemenu="header"] #main .container {
  max-width: 1000px !important; }

/* ----- Image bloc accueil ----- */
@media screen and (min-width: 1200px) {
  .menu_accueil .bloc_presentation {
    background: url("https://m2.teluq.ca/pluginfile.php/1095601/mod_folder/content/0/Images/Images%20BLOC%20-%20Accueil/PSY1500_bloc00_324px_Nourry.png"); }
  .menu_accueil .bloc_1 {
    background: url("https://m2.teluq.ca/pluginfile.php/1095601/mod_folder/content/0/Images/Images%20BLOC%20-%20Accueil/PSY1500_bloc01_324px_Peuvion.png"); }
  .menu_accueil .bloc_2 {
    background: url("https://m2.teluq.ca/pluginfile.php/1095601/mod_folder/content/0/Images/Images%20BLOC%20-%20Accueil/PSY1500_bloc02_324px_Pronovost.png"); }
  .menu_accueil .bloc_3 {
    background: url("https://m2.teluq.ca/pluginfile.php/1095601/mod_folder/content/0/Images/Images%20BLOC%20-%20Accueil/PSY1500_bloc03_324px_Chatillon.png"); }
  .menu_accueil .bloc_4 {
    background: url("https://m2.teluq.ca/pluginfile.php/1095601/mod_folder/content/0/Images/Images%20BLOC%20-%20Accueil/PSY1500_bloc04_324px_Leprohon.png"); }
  .menu_accueil .bloc_5 {
    background: url("https://m2.teluq.ca/pluginfile.php/1095601/mod_folder/content/0/Images/Images%20BLOC%20-%20Accueil/PSY1500_bloc05_324px_Nguyen.png"); } }
/*----- Image header sections ----- */
.bloc1_intro #main,
.bloc1_sem1 #main,
.bloc1_gabarit #main,
.bloc1_conclusion #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s01_Peuvion.png"); }

.bloc1_sem2 #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s02_Nourry.png"); }

.bloc2_intro #main,
.bloc2_sem3 #main,
.bloc2_conclusion #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s03_Pronovost.png"); }

.bloc2_sem4 #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s04_Dussault.png"); }

.bloc2_sem5 #main,
.bloc3_sem10 #main,
.bloc5_sem15 #main,
.blocx_feuille_route #main,
.blocx_bienvenue #main,
.blocx_pres_general #main,
.blocx_test1 #main,
.blocx_tn #main,
.blocx_test2 #main,
.blocx_ressources #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s05_s10_s15_tests-et_TN.png"); }

.bloc3_intro #main,
.bloc3_sem6 #main,
.bloc3_conclusion #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s06_Chatillon.png"); }

.bloc3_sem7 #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s07_Dumont.png"); }

.bloc3_sem8 #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s08_Beaulieu.png"); }

.bloc3_sem9 #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s09_Mazza.png"); }

.bloc4_intro #main,
.bloc4_sem11 #main,
.bloc4_conclusion #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s11_Leprohon.png"); }

.bloc4_sem12 #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s12_Houle.png"); }

.bloc5_intro #main,
.bloc5_sem13 #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s13_Nguyen.png"); }

.bloc5_sem14 #main {
  background-image: url("../img/psy1500/header/PSY1500_bkg_s14_Siou.png"); }

/* ----- Intro semaine | contenu + image side by side ----- */
.introSem,
.portrait {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px; }
  .introSem .contenuIntro,
  .introSem .imgSbs,
  .portrait .contenuIntro,
  .portrait .imgSbs {
    align-self: flex-start; }
  .introSem .contenuIntro,
  .introSem .contenuSBS,
  .portrait .contenuIntro,
  .portrait .contenuSBS {
    width: 70%;
    max-width: 520px;
    padding-right: 40px; }
  .introSem .imgSbs,
  .portrait .imgSbs {
    width: 30%; }
    .introSem .imgSbs figure,
    .portrait .imgSbs figure {
      margin: 0 !important; }
    .introSem .imgSbs img,
    .portrait .imgSbs img {
      width: 100%;
      max-width: 244px;
      margin: 25px auto;
      border: 0.5px solid #707070; }

/* =============================================== */
/* Boites				                           */
/* ----------------------------------------------- */
#contenu .boite.objectif {
  background-color: #EEEEEE;
  display: flex;
  padding-right: 15px; }
  #contenu .boite.objectif .objectif-text {
    margin-left: 20px; }
    #contenu .boite.objectif .objectif-text h3 {
      margin-top: 15px; }
  #contenu .boite.objectif .objectif-img {
    display: none; }
    @media screen and (min-width: 480px) {
      #contenu .boite.objectif .objectif-img {
        display: block;
        height: fit-content; } }
#contenu .boite.texte-lecture, #contenu .boite.miniQuiz-formatif, #contenu .boite.compl, #contenu .boite.reperes-critiques, #contenu .boite.retour-notions, #contenu .boite.savoir-plus, #contenu .boite.video, #contenu .boite.audio, #contenu .boite.conseil, #contenu .boite.evaluation, #contenu .boite.conseil-evaluation, #contenu .boite.exercices, #contenu .boite.retenir, #contenu .boite.texte-retenir, #contenu .boite.icon_elise_bourgeois {
  position: relative;
  padding-top: 0;
  padding-left: 10px;
  min-height: 90px;
  margin-top: 30px;
  margin-left: 90px;
  margin-bottom: 30px;
  border: none;
  border-left: 1px dotted #000000; }
  #contenu .boite.texte-lecture:before, #contenu .boite.miniQuiz-formatif:before, #contenu .boite.compl:before, #contenu .boite.reperes-critiques:before, #contenu .boite.retour-notions:before, #contenu .boite.savoir-plus:before, #contenu .boite.video:before, #contenu .boite.audio:before, #contenu .boite.conseil:before, #contenu .boite.evaluation:before, #contenu .boite.conseil-evaluation:before, #contenu .boite.exercices:before, #contenu .boite.retenir:before, #contenu .boite.texte-retenir:before, #contenu .boite.icon_elise_bourgeois:before {
    content: "";
    position: absolute;
    top: 0;
    left: -90px;
    width: 90px;
    height: 90px; }
#contenu .boite.audio {
  padding-left: 22px; }
#contenu .boite.conseil:before {
  background-image: url(../img/psy1500/icones/icon_conseil.svg); }
#contenu .boite.conseil-evaluation {
  display: flex;
  align-items: center;
  font-weight: 600; }
  #contenu .boite.conseil-evaluation::before {
    background-image: url(../img/psy1500/icones/icon_conseil.svg); }
#contenu .boite.texte-lecture:before {
  background-image: url(../img/psy1500/icones/icon_texte_lecture.svg); }
#contenu .boite.miniQuiz-formatif:before {
  background-image: url(../img/psy1500/icones/icon_mini_quiz.svg); }
#contenu .boite.compl:before {
  background-image: url(../img/psy1500/icones/icon_materiel_compl.svg); }
#contenu .boite.reperes-critiques:before {
  background-image: url(../img/psy1500/icones/icon_repere_critique.svg); }
#contenu .boite.retour-notions:before {
  background-image: url(../img/psy1500/icones/icon_retour-notions_precedentes.svg); }
#contenu .boite.savoir-plus:before {
  background-image: url(../img/psy1500/icones/icon_pour_en-savoir_plus.svg); }
#contenu .boite.video:before {
  background-image: url(../img/psy1500/icones/icon_video.svg); }
#contenu .boite.audio:before {
  background-image: url(../img/psy1500/icones/icon_audio.svg); }
#contenu .boite.conseil:before {
  background-image: url(../img/psy1500/icones/icon_conseil.svg); }
#contenu .boite.evaluation:before {
  background-image: url(../img/psy1500/icones/icon_evaluation.svg); }
#contenu .boite.exercices:before {
  background-image: url(../img/psy1500/icones/icon_exercices.svg); }
#contenu .boite.retenir:before {
  background-image: url(../img/psy1500/icones/icon_retenir.svg); }
#contenu .boite.texte-retenir:before {
  background-image: url(../img/psy1500/icones/icon_texte_retenir.svg); }
#contenu .boite.icon_elise_bourgeois:before {
  background-image: url(../img/psy1500/icones/icon_elise_bourgeois.png);
  left: -100px; }
#contenu .boite.citation {
  background: none !important; }
  #contenu .boite.citation blockquote {
    background-color: #FDFDF4;
    border: 6px solid #F2F0DA;
    padding: 25px;
    border-radius: 15px; }
#contenu .boite.reperes-critiques, #contenu .boite.retour-notions {
  display: flex;
  align-items: center; }
#contenu .boite.contour {
  border: 3px solid #DED379;
  margin-bottom: 15px;
  padding: 20px 20px 20px 10px; }
  #contenu .boite.contour.contour-fond {
    background-color: #FDFDF4; }
  #contenu .boite.contour.imgSBS,
  #contenu .boite.contour .imgSBS {
    display: flex;
    justify-content: space-between; }
    #contenu .boite.contour.imgSBS figure,
    #contenu .boite.contour .imgSBS figure {
      width: 35%;
      margin: 0; }
    #contenu .boite.contour.imgSBS .contenuSBS,
    #contenu .boite.contour .imgSBS .contenuSBS {
      width: 62%; }
#contenu .boite.contour-rond {
  border-radius: 15px;
  border: 2px solid #DED379;
  padding: 25px; }
  #contenu .boite.contour-rond.noir {
    border-color: 2px solid #070707; }
#contenu h3,
#contenu h4 {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  font-weight: 500; }

/* =============================================== */
/* Tableau				                           */
/* ----------------------------------------------- */
#contenu .tableau.style1 th {
  background-color: #F2F0DA;
  font-weight: 400; }

/* =============================================== */
/* Listes				                           */
/* ----------------------------------------------- */
#contenu ul.concept-cle {
  margin-left: 35px !important; }
  #contenu ul.concept-cle > li:before {
    content: "–";
    font-size: 2rem;
    top: 0;
    left: -20px; }

/* =============================================== */
/* QUIZZZZZZZZZZZZZZ	                           */
/* ----------------------------------------------- */
#contenu .boiteQuiz.mythe {
  background-color: #F2F0DA; }
  #contenu .boiteQuiz.mythe .lstQuestions {
    margin-bottom: -5px; }
    #contenu .boiteQuiz.mythe .lstQuestions .zoneQuestion {
      display: flex;
      justify-content: space-between; }
      #contenu .boiteQuiz.mythe .lstQuestions .zoneQuestion .txtQuestion {
        width: calc(60% + 20px);
        margin-top: -10px;
        padding-left: 0; }
        #contenu .boiteQuiz.mythe .lstQuestions .zoneQuestion .txtQuestion .laQuestion {
          margin-left: -10px;
          background-color: #EFEABC;
          padding: 10px 20px 1px 20px;
          margin-bottom: 20px; }
        #contenu .boiteQuiz.mythe .lstQuestions .zoneQuestion .txtQuestion:before {
          display: none; }
      #contenu .boiteQuiz.mythe .lstQuestions .zoneQuestion .imgQuestionQuiz {
        width: 40%;
        max-width: 280px;
        margin-top: -10px;
        margin-right: -10px; }
        #contenu .boiteQuiz.mythe .lstQuestions .zoneQuestion .imgQuestionQuiz img {
          width: 100%; }
  #contenu .boiteQuiz.mythe .bottomQuizMythe {
    background-color: #EFEABC;
    padding: 10px 20px;
    margin: 0 -10px -10px -10px; }

/* =============================================== */
/* Ligne du temps		                           */
/* ----------------------------------------------- */
#contenu .titreLigneTemps {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 100px;
  padding-left: 20px;
  margin-left: 128px;
  border-left: 1px dotted #000; }
  #contenu .titreLigneTemps:before {
    content: " ";
    position: absolute;
    width: 100px;
    height: 100px;
    top: 0;
    left: -110px;
    background-image: url("../img/psy1500/contenu/PSY1500_img_S01_LDT_freud.jpg"); }
#contenu .timeline {
  margin-bottom: 25px; }
  #contenu .timeline table tbody tr {
    position: relative; }
    #contenu .timeline table tbody tr:after {
      content: "";
      display: block;
      width: 84%;
      height: 1%;
      border-top: 2px dotted #000;
      position: absolute;
      top: 0;
      right: 0; }
    #contenu .timeline table tbody tr:first-child:after {
      border-top: none; }
    #contenu .timeline table tbody tr td {
      padding: 1.75rem 1.75rem 1.75rem 3rem;
      background-color: #F2F0DA; }
      #contenu .timeline table tbody tr td.year {
        width: 18%;
        vertical-align: top;
        background-color: #fff;
        font-weight: 600; }
      #contenu .timeline table tbody tr td .imgSBSTimeline {
        display: flex;
        justify-content: space-between; }
        #contenu .timeline table tbody tr td .imgSBSTimeline figure {
          width: 35%;
          margin: 0 !important; }
        #contenu .timeline table tbody tr td .imgSBSTimeline .imgDescription {
          width: 62%;
          text-align: left;
          align-content: center;
          padding: auto 10px auto 10px; }

#contenu .animAudioPlaylist {
  margin-bottom: 25px; }
#contenu .animAudioPlaylist.visionneuse ul.listeOnglets {
  display: flex; }
#contenu .animAudioPlaylist.visionneuse ul.listeOnglets li > a {
  display: flex;
  align-items: center; }
  #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li > a.active, #contenu .animAudioPlaylist.visionneuse ul.listeOnglets li > a.hover {
    background-color: #B8B8AA; }
#contenu .marginBottom20 {
  margin-bottom: 20px; }
#contenu .marginTop20 {
  margin-top: 20px; }
#contenu .marginBottom50 {
  margin-bottom: 50px !important; }
#contenu .marginTop50 {
  margin-top: 50px !important; }
#contenu .marginBottom100 {
  margin-bottom: 100px !important; }
#contenu .marginTop100 {
  margin-top: 100px !important; }
#contenu .citation {
  padding: 0 !important; }

/*# sourceMappingURL=psy1500.css.map */