/* ***************************************************** 
   *  Modifs de Cassiopeia pour site Sensibilité Photo *
   ***************************************************** */

/* couleurs de fond
   ---------------- */
/* fond body */
body {background-color: hsl(0deg,0%,99%)}
/* fond de header (dégradé avec couleurs de bas en haut)*/
.header {background: linear-gradient(0deg, rgba(238,238,238,1) 40%, rgba(154,154,154,1) 100%); }
/* classe pour fond de la page d'accueil, à appeler dans le lien de menu */
.sensi-accueil {background-color: hsl(0deg,0%,93%); }

/* tailles et couleurs caractères de texte
   --------------------------------------- */
html { --vert_titre: hsl(95deg,100%,35%) }            /* couleurs de référence */
html { --bleu_menu:  hsl(240deg,100%,20%) }

html {font-size: 0.85rem }   /* texte courant  ; color: hsl(0deg,0%,0%) ;*/

/* liens */
a:hover { border-bottom: 1pix solid; background: hsl(240deg,50%,80%,30%) } 

/* titres de paragraphes */
h2 {font-size: 1.4rem; color:var(--vert_titre) }
h3 {font-size: 1.2rem; color: var(--vert_titre) }
h4 {font-size: 1rem;   color: var(--vert_titre) }

/* autres titres */
h1 {font-size: 1.6rem;  color: var(--bleu_menu);    /* titre de page */
    border-bottom: 1px solid #444444;
    margin-bottom: 1.6rem;} 
.blog-item h2 {color:var(--vert_titre);            /* titre d'article de blog */
    border-bottom: 1px solid #44444470;
    margin-bottom: 1.6rem;}               
.blog-item h2 a {color:var(--vert_titre);          /* titre de blog cliquable */
    text-decoration-line: none;
    border-bottom: 1px solid #44444470;
    margin-bottom: 1.6rem;} 

/* ajustements menu
   ---------------- */
 /* caractères */
.container-header .navbar a  {font-size: 1rem; color:var(--bleu_menu)}   /* sous-niveaux  */
.container-header .navbar li {font-size: 1rem; color:var(--bleu_menu)}   /* niveau 1  */
.container-header .navbar-toggler
                     {border: 1px solid black; color:var(--bleu_menu)}   /* bouton smartphone */