/*----------------------------------------------------------------------------
Genérique
----------------------------------------------------------------------------*/

body {
    font-family: "teko", sans-serif;
    font-weight: 400;
    font-style: normal;
    Font-size: 22px;
    color : #364c8b;
}

hr {
  border: none;
  height: 1px;
  background-color: black;
}

button {
  font-family: "new-science", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a:link {color: grey}
a:visited {color: grey}

h1 {
    font-family: "teko", sans-serif;
    font-weight: 400;
    font-style: normal;
    Font-size: 28px;
    .badge {
      font-family: "teko", sans-serif;
      font-weight: 400;
      font-style: normal;
      Font-size: 16px;
    }
}

/*-----------------------------------------------------------------------------------------------------------
  Index
/-----------------------------------------------------------------------------------------------------------*/

#body-index {
  background-image: url('../pix/book.png'); 
  filter: brightness(1.2);
}

#menu_hamburger {   

  table, th, td {
    width:100%;
    height: 60px;
    border: 0px solid black;
    border-collapse: collapse;
    cellpadding: 0px; 
    cellspacing:0px;
    font-family: new-science, sans-serif;
    font-weight: 400;
    font-style: normal;
    Font-size: 14px;
    color:white;
    background-color: black; 
  }

  a:link {color: white}
  a:visited {color: white}
  a{text-decoration:none;}
}

.navbar-toggler {
  border: none !important; 
  box-shadow: none !important;
}

#card-title {
  font-family: "teko", sans-serif;
  font-weight: 400;
  font-style: normal;
  Font-size: 28px; 
  color:#364c8b;
  text-decoration: none;
  a {
    color: #364c8b ;
  }
}

.card-img-fixed {
  height:290px;
}

#card-auteur {
  font-family: "teko", sans-serif;
  font-weight: 400;
  font-style: normal;
  Font-size: 22px; 
  color:#364c8b;

  a {
    color:#364c8b;
  }
}

.card-text {
  color:grey;
  font-style: normal;
  font-family: "new-science", sans-serif;
  font-weight: 400;
  font-style: normal;
  Font-size: 13px;
  text-align:: justify;
  height:130px;
  hyphens: auto;
  word-spacing:1px;
  word-break: break-word;
}

#btn_read {   
  font-style: normal;
  font-family: "new-science", sans-serif;
  font-weight: 400;
  Font-size: 14px;
}

/*-----------------------------------------------------------------------------------------------------------
  Page Oeuvre
/-----------------------------------------------------------------------------------------------------------*/

.oeuvre {
  background-color: #FFFFFF;
}

.card {
  top:40px;
  width: 90%;
    font-family: "new-science", sans-serif;
  font-weight: 400;
  font-style: normal;  
}

.card-img-top, .card-body {
  text-align: left;
}

#header_oeuvre {
  position:absolute;
  left :10px;
  a {
    color: #364c8b;
  }
}

#contenu_nouvelle {
  position: relative;
  top : 30px;
  width: 90%;
  font-family: "new-science", sans-serif;
  font-weight: 400;
  font-style: normal;  
  Font-size: 16px;
  color : #6B6B6B;
  white-space: pre-wrap; 
  text-align: justify;
  hyphens: auto;
}

#tags {
    @media (max-width: 1400px) {
    display: none;
  }
}

.badge-tags {
    background-color: #FFFFFF !important; 
    color: #364C8B !important; 
    border-style: solid !important;
    border-color: #364C8B !important;
    border-width: 2px !important;
    font-family: "teko", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    Font-size: 16px !important; 
}

/*-----------------------------------------------------------------------------------------------------------
  Page CGU
/-----------------------------------------------------------------------------------------------------------*/
#cgu {   
  position: absolute;
  left: 80px;
  font-family: "teko", sans-serif;
  font-weight: 400;
  font-style: normal;
  Font-size: 30px; 
  color : #364c8b;
  width: 90%;
  @media (max-width: 576px) {
    left:35px;
  }
  @media (min-width: 576px) and (max-width: 1200px) {
    left:45px;
  }
}

#cgu_contents {   
  position: absolute;
  left: 80px;
  font-family: "new-science", sans-serif;
  font-weight: 400;
  font-style: normal;  Font-size: 16px;
  Font-size: 16px; 
  color : #6B6B6B;
  width: 90%;

  @media (max-width: 576px) {
    left:35px;
    width: 80%;
  }
  @media (min-width: 576px) and (max-width: 1200px) {
    left:45px;
  }
}

#retour {   
  /*position: absolute;
  left: 400px;
  top: 690px;*/
  Font-size: 20px; 
  color : #333333;
  a:link { color: #364c8b; }
  a:visited { color: #364c8b; }
}


/*-----------------------------------------------------------------------------------------------------------
  Page A propos
/-----------------------------------------------------------------------------------------------------------*/

#contents_auteur {   
  position: absolute;
  left: 80px;
  top: 120px;
  width: 584px;
  font-family: "new-science", sans-serif;
  font-weight: 400;
  font-style: normal;  
  Font-size: 16px;
  Font-size: 16px; 
  color : #333333;
}

/*-----------------------------------------------------------------------------------------------------------
  Page Fragments
/-----------------------------------------------------------------------------------------------------------*/

#pdf {
  position: absolute;
  left: 200px;
  font-family: "teko", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: #000000;
}


/*-----------------------------------------------------------------------------------------------------------
  404
/-----------------------------------------------------------------------------------------------------------*/

#err404 {
  background-image: url("../pix/404.png");
  background-repeat: auto;
}