/* Fichier CSS, appelé par _site.yml */


/* Je crée mes couleurs */
:root {
  --my_blue: rgba(35, 132, 255, 0.9);
	
}


/* blockquote appelé par '>' dans Rmarkdown pour l'intitulé de mes expériences et formations */
blockquote {
  color: grey;
  border-width: 0em 0em 0em 0.4em;
  border-color: grey;
  font-size: 130%;
  margin: 0em 0em 0.5em 0em;
}


/* Je gère la taille du texte */
p, ul, table, body, .navbar-brand{font-size:12pt;} /* les paragraphes, les listes à puces, les tableaux, le 'Alastat' dans le header */
h1 {font-size: 200%;}
h1.title {font-size: 200%;} /* Le 'Titre' : Bastien Gamboa -- Preclinical Biostatistician */
h2 {font-size: 150%;}
h3 {font-size: 130%;}
h4 {font-size: 116%;}
h5 {font-size: 108%;}
h6 {font-size: 100%;}
blockquote p{font-size:116%;} /* Pour les titres appelés par '>' dans .rmd */


/* box pour chacune de mes expériences et formations */
.my_CVbox {
  border: 0.1em solid;
  border-color: rgba(0, 0, 100, 1);
  border-top-right-radius: 5% 20%;
  margin: 0.5em 0em 0.5em 0em;
  padding: 1em 0.5em 0.5em 0.5em;
}



/* box pour 'en savoir plus' pour chaque expérience et formations */
.my_more {
  position: relative;
  display: block;
  float: left;
  padding: 0em 1em 0em 0.4em;
}

.my_more-content {
  display: none;
  position: absolute;
  background-color: rgb(240,240,240);
  min-width: 38em;
  box-shadow: 0em 0.5em 1em 0em rgba(0,0,0,0.2);
  padding: 0.7em 1em;
  z-index: 1;
  right:0;
}

.my_more:hover .my_more-content {
  display: block;
}



/* Div pour l'icone PDF afin de pouvoir l'utiliser dans @media print pour l'enlever */
.my_PDF{
  padding: 0.3em;
}



/* Permet de centrer ma frise */
.my_frise_center{
  padding: 1em 0.5em 1em 0.5em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width:80%;
  max-width:85em;
  min-width:70em;
}



/* Change the max width of the body automatically included by Rmarkdown */
body .main-container {
  max-width: 125em;  /* Normalement plus utile car borné dans la table incluant tout mon CV, mais quand je l'enlève le résultat ne me convient pas */
  text-align:justify; /* Tout le texte en justifier */
}



/* Le header des table aura une hauteur définie, et le texte sera centré en bas à gauche */
th {
  height: 2.2em;
  vertical-align: bottom;
  text-align: left;
}



/* Diminution du retrait par défaut des listes à puce */
ul {
  padding:0em 0em 0em 1em;
}



/* Colonne de droite qui est à gauche pour PDF, que je cache donc pour le site internet --- Idem pour Education en haut*/
.my_Print {
  display: none;
}




/* Je gère ce qui sera imprimé -- Me sert à transformer mon site net en pdf */
@media print {
  
  /* Je cache le '+' qui montre les détails des détails de l'expérience lorsque la souris passe dessus */
  .my_more {
    display:none !important; /* normalement le !important n'est pas recommandé, mais comme j'ai des section que je cache, il m'est nécessaire ici */
  }
  
  /* Je cache le 'PDF' qui permet de télécharger mon CV au format PDF */
  .my_PDF {
    display:none !important; /* normalement le !important n'est pas recommandé, mais comme j'ai des section que je cache, il m'est nécessaire ici */
  }
  
  /* A l'impression, les liens internets sont noté par défaut sous le lien. J'enlève ce comportement */
  a[href]:after {
    content: none;
  }
  a { /* J'enlève aussi le surlignage */
    text-decoration: none !important;
    border-bottom: none !important;
  }
  
  /* Je cache la colonne de droite et je l'affiche à gauche --- Idem pour les education */
  .my_Print {
    display: block;
  }
  
  .my_NOprint {
    display: none;
  }
  
  /* Pour controler les marges lors de l'impression (vient de 'https://stackoverflow.com/questions/1542320/margin-while-printing-html-page') */
  @page { 
    size: A4;   /* auto is the initial value */ 
    /* this affects the margin in the printer settings */ 
    margin: 0mm 10mm 0mm 10mm;
    padding: 0em;
  } 
  
  /* La taille du texte quand je print */
  p, ul, table, body, .navbar-brand{font-size: 7.5pt;}
  h1.title {padding:0em; margin:0em;}
  
  /* Je réduit la taille du retrait après un paragraphe pour le print */
  /*p {
    line-height: 0px;
  }*/

  /* Je change le retrait à droite et la hauteur du blockquote à l'impression */  
  blockquote {
    color: grey;
    border-width: 0em 0em 0em 0.4em;
    border-color: grey;
    font-size: 100%;
    margin: 0.5em 0em 0.5em 0em;
  }
  
  /* je réduit le retrait après les paragraphes */
  p{
    margin:.3em;
  }
  
  /* footnote style */
  .my_footnote {
    font-size:6pt;
  }
}