@charset "UTF-8";
/* compiler avec sass perso.scss perso.css */
/*POLICES ET STYLES PRINCIPAUX*/
@font-face {
  font-family: 'fontLL';
  src: url("font/LinLibertine_R.ttf") format("truetype"); }
@font-face {
  font-family: 'fontLLi';
  src: url("font/LinLibertine_RI.ttf") format("truetype"); }
@font-face {
  font-family: 'fontLB';
  src: url("font/LinBiolinum_R.ttf") format("truetype");
  /* sans serif */ }
html {
  min-height: 100%;
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%); }

body {
  margin: 0px; }

/*********************************** HEADER ***************/
header {
  background-color: #000047;
  margin: 0px; }

header h1 {
  margin-left: 0%;
  margin-bottom: 0;
  padding: 10px 20px 0px 20px;
  /*background-color: #00a;*/
  background: -webkit-linear-gradient(white, #777);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: fontLL;
  font-size: 2.2em;
  font-style: normal;
  font-weight: normal; }

header h1 strong {
  font-weight: normal;
  font-size: 1em;
  font-variant: small-caps; }

/***********NAVIGATION HAUT*/
.navhaut {
  width: 60%;
  margin-left: 20%;
  display: inline-flex; }

header a {
  /*navhaut*/
  flex: 1;
  display: inline-flex;
  justify-content: center;
  font-family: fontLB;
  font-size: 1.4em;
  font-style: normal;
  padding: 5px 20px 0px 20px;
  text-decoration: none;
  margin-bottom: 10px;
  margin-top: 0px; }
  header a .hover {
    font-size: 1.3em;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    transition: all 0.1s ease-in-out;
    position: relative; }
    header a .hover:before, header a .hover:after {
      content: "";
      position: absolute;
      bottom: -5px;
      width: 0px;
      height: 5px;
      margin: 5px 0 0;
      transition: all 0.1s ease-in-out;
      transition-duration: 0.75s;
      opacity: 0;
      background-color: #e69500; }
    header a .hover.hover-3:before {
      left: 50%; }
    header a .hover.hover-3:after {
      right: 50%; }
  header a:hover {
    cursor: pointer; }
    header a:hover .hover:before, header a:hover .hover:after {
      width: 100%;
      opacity: 1; }
    header a:hover .hover.hover-3:before, header a:hover .hover.hover-3:after {
      width: 50%; }

header #navhautlientxt {
  background: -webkit-linear-gradient(white, #aaa);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent; }

/************* Corps du texte *********/
section {
  background: #eee;
  opacity: 0.95;
  border-radius: 10px;
  font-family: fontLL;
  font-size: 1.2em;
  text-align: justify;
  width: 60%;
  margin-left: 20%;
  margin-top: 80px;
  padding: 5px 20px 10px 20px; }

section a {
  color: #000e5d;
  font-family: fontLL;
  text-decoration: none;
  font-weight: bold; }

section a:hover {
  color: orange; }

section h1 {
  color: #000e5d;
  font-size: 1.8em;
  font-variant: small-caps;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px; }

section h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  color: #000e5d;
  font-size: 1.5em; }

section .sujet {
  font-family: fontLLi;
  display: inline; }

section .cvtable {
  border-spacing: 20px; }

.cvtable #tabletitre {
  font-weight: bold; }

section #tablelang {
  width: 100%; }

@counter-style bracketsNum {
  /* definition de compteur personnalisé */
  system: numeric;
  /* comment ca compte*/
  symbols: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9";
  /*alphabet*/
  suffix: "] ";
  prefix: "["; }
section #publis li {
  list-style: bracketsNum outside;
  margin-top: 15px; }

/*
section ol li:before{

  counter-increment: list-counter;
  content: "[" counter(list-counter) "] \200B";
}*/
/*----------FIGURES ------*/
figcaption {
  font-family: fontLLi;
  text-align: center;
  font-size: .9em; }

figcaption a {
  color: #000047;
  font-family: fontLLi;
  text-decoration: none;
  font-weight: bold; }

figcaption a:hover {
  color: orange; }

#imgDN {
  float: right;
  margin-right: 5px;
  width: 50%; }

#imgFIRE {
  float: right;
  margin-right: 5px;
  width: 60%; }

#imgTDE {
  float: right;
  margin-right: 5px;
  width: 40%; }

#imgPerso {
  float: right;
  margin-right: 5px;
  width: 15%; }

.titre {
  display: inline;
  font-family: fontLLi; }

.firstcol {
  min-width: 150px; }

.firstcoldate {
  min-width: 80px; }

/****************************************** FOOTER **********************/
footer {
  font-family: fontLLi;
  font-size: 0.942em;
  text-align: right;
  width: 60%;
  margin: auto;
  color: #aaa; }

footer a {
  color: #aaa;
  text-decoration: none; }

footer a:hover {
  color: orange; }

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