/* ------------ OPTIONS GENERALES -------------

Vous pouvez modifier les paramètres graphiques de vos modules Thaleia en changeant ces valeurs

*/

:root {
  /* GENERAL */

    /* Logo */
    --logo: url(../img/logo.jpg); /* Défini l'emplacement du logo */
    --logo-ie11: url(./engine/img/logo.jpg); /* Défini l'emplacement du logo pour Internet Explorer 11 */

    /* Images */
    --image-display-mode: cover; /* Défini l'affichage des images (cover/contain) */
    --image-display-size: auto; /* Défini la taille des images ( auto | de 0 à 100% ) */
    --image-blend-mode: luminosity; /* Défini l'effet de survol des images ( normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity ) */





  /* MODE CLASSIQUE */

    /* Cadre */
      /* Cadre du lecteur */
      --primary-color: #333333; /* Défini la couleur du cadre du lecteur */
      --secondary-color:  #5D9BEC; /* Défini la couleur du cadre du lecteur au survol de la souris */
      /* Texte du cadre du lecteur */
      --on-primary-color: #FFFFFF; /* Défini la couleur de texte du cadre du lecteur */
      --on-secondary-color: #FFFFFF; /* Défini la couleur de texte du cadre du lecteur au survol de la souris */

    /* Ecran */
      /* Arrière-plan de l'écran */
      --background-image: url(); /* Défini l'image d'arrière-plan du lecteur */
      --background-image-ie11: url(); /* Défini l'image d'arrière-plan du lecteur pour Internet Explorer 11 */
      --background-color:#F8F9Fa; /* Défini la couleur d'arrière-plan du lecteur */
      --background-opacity: 0; /* Défini l'opacité de l'arrière-plan du lecteur : valeur comprise entre 0 (opaque) et 1 (transparent) */
      /* Titre de l'écran */
      --title-color: inherit; /* Défini la couleur du titre */
      --title-size: 20; /* Défini la taille de police du titre*/
      --title-font: "Montserrat"; /* Défini la police du titre */
      /* Texte de l'écran */
      --text-color:#212529; /* Défini la couleur du texte */
      --text-size: 18; /* Défini la taille de police du texte */
      --text-font: "Cera","Helvetica Neue"; /* Défini la police du texte */

    /* Ecrans d'activités */
      /* Propositions de réponses */
      --incorrect: #B25959; /* Couleur pour une proposition incorrecte */
      --correct: #58B375; /* Couleur pour une proposition correcte */
      --forgotten: #3FA9F5; /* Couleur pour une proposition oubliée */




  /* PARTIE EXPERIMENTALE */
  /* Cette zone n'est pas encore terminée mais vous pouvez d'ores et déjà y modifier pas mal de choses */
    /* MODE CONTRASTES ELEVES (ACCESSIBILITE) */
      /* Cadre */
        /* Cadre du lecteur */
        --secondary-color-acc: #555555; /* Défini la couleur du cadre du lecteur + la couleur du texte de l'écran */
        --primary-color-acc: #333333; /* Défini la couleur du cadre du lecteur au survol de la souris + la couleur du titre de l'écran + la couleur des liens */
        /* Texte du cadre du lecteur */
        --on-primary-color-acc: #FFFFFF; /* Défini la couleur du texte du cadre du lecteur */
        --on-secondary-color-acc: #FFFFFF; /* Défini la couleur du texte du cadre du lecteur au survol de la souris */

      /* Ecran */
        /* Arrière-plan de l'écran */
        --background-color-acc: #F3F3F3; /* Défini la couleur de l'arrière-plan du lecteur */
        /* Texte de l'écran */
        --text-color-acc: #555555; /* Défini la couleur du texte */

      /* Ecrans d'activités */
        /* Propositions de réponses */
        --incorrect-acc: #B50000; /* Couleur pour une proposition incorrecte */
        --correct-acc: #008000; /* Couleur pour une proposition correcte */
        --forgotten-acc: #0363A3; /* Couleur pour une proposition oubliée */

}


/* ------- LETTRINES ---------
Decommenter pour ajouter une lettrine à l'ecran developpement ( Fonctionne sur tout les ecrans )

#developpement .text::first-letter {color:var(--secondary-color);}.text::first-letter{float:left;
font-size:3em;font-weight:600;line-height:.99;margin-right:10px;text-transform:uppercase;
text-shadow:0 3px #efefef;margin-left:-5px}.rtl .text::first-letter{float:none}
@-moz-document url-prefix(){.text::first-letter{margin-top:.22em;margin-right:-.22em}}
.text::first-line{line-height:1.48}.text{line-height:1.55}
*/

/*----------- OPTIONS AVANCEES -------------

Vous pouvez cibler vos paramètres definie plus haut sur l'ecran ou l'élément de votre choix.

/* META */
/* barre du haut */
#navbar,
/* boutons du bas */
#action-buttons,
/* Panneau latéral de droite */
#sidebar,
/* consigne d'exercice */
#consigne,
/* legende d'exercice */
#legende,
/* Fenêtre modale indiquant un exercice en temps limité */
#pop,
#supervised-navigation,
#forced-navigation,
/* Contenu */
#content_displayer,
/* feedback d'exercice */
#feedbackModal,

/* MODELES */
.blockquote,
.text,

/* ECRANS D'APPORTS*/
#titrage,
#objectifs,
#schema,
#developpement,
#definition,
#enumeration,
#video,
#carrousel,
#comparaison,

/* ECRANS D'ACTIVITES*/
#classification,
#completionLibre,
#association,
#choice,
#flip,
#random,
#processLigne,
#derouler,
#takeaway,
#cercle,
#bilan{

}