h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Till, sans-serif;
  color: #000;
  font-size: 30px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  border-top: 1px solid #000;
  font-family: Till, sans-serif;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 20px;
  border-top: 1px solid #000;
  font-family: Till, sans-serif;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 60px;
  border-top: 1px solid #000;
  font-family: Till, sans-serif;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  text-align: left;
}

p {
  margin-bottom: 0px;
  font-family: Till, sans-serif;
  color: #000;
  font-size: 12px;
  line-height: 15px;
}

img {
  display: inline-block;
  width: 100%;
  max-width: 100%;
}

.navbar {
  position: fixed;
  overflow: scroll;
  width: 30%;
  height: 100%;
  border-right: 1px solid #000;
  background-color: #fff;
}

.body {
  height: 100%;
}

.container {
  height: 100%;
}

.nav-link {
  width: 100%;
}

.nav-menu {
  width: 100%;
  padding: 10px;
  float: left;
}

.nav-link-2 {
  width: 100%;
}

.nav-link-3 {
  width: 100%;
}

.accordion-wrapper {
  width: 100%;
}

.accordion-item {
  width: 100%;
}

.accordion-item-trigger {
  width: 100%;
  cursor: pointer;
}

.accordion-item-content {
  overflow: hidden;
  width: 100%;
  cursor: default;
}

.menu-link {
  width: 100%;
  text-decoration: none;
}

.menu-button {
  padding: 3px;
}

.contenu {
  width: 70%;
  height: 100%;
  margin-left: 30%;
}

.contenu.couv {
  padding: 10px;
}

.colonne_texte {
  overflow: scroll;
  height: 100%;
  padding: 10px;
  border-right: 1px solid #000;
}

.colonne-images {
  overflow: scroll;
  height: 100%;
  padding: 10px;
}

.columns {
  height: 100%;
}

.paragraph {
  font-family: Till, sans-serif;
  text-transform: uppercase;
}

.grostitres {
  border-top: 1px solid #000;
  font-family: Till, sans-serif;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
}

.texte{
  margin-bottom: 10px;
}

.presentation{
  font-size: 15px;
  line-height: 20px;   
  margin-bottom: 10px;
}

.exposant{
    vertical-align:super;
    font-size:8px;
}

.petititre {
  font-family: Faune, sans-serif;
  /*margin-bottom: 10px;*/
}

.Tableau-simple{
    border:1px solid #000;
    padding:10px;
    margin-bottom:10px;
}

table{ 
   border:1px solid #000;
    padding:10px;
    margin-bottom:10px; 
}

td{
   border:1px solid #000;
    padding:10px;
    margin-bottom:10px;   
    
}

.titre {
  border-top: 1px solid #000;
  font-size: 20px;
  line-height: 30px;
}

.cours {
  border-top: 1px solid #000;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  margin-top:20px;
}

.module {
  font-family: Faune, sans-serif;
  font-weight: 900;
  margin-top:20px;
  margin-bottom:10px;
}

.intertitre {
  font-family: Faune, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 9px;
  margin-top: 10px;
}

.tableaugauche {
  font-family: Faune, sans-serif;
  font-weight: 400;
}

.tableaucentre {
  font-family: Faune, sans-serif;
  text-align:center;
}

.italic {
  font-style: italic;
}

a{
  text-decoration: underline;
  color:black;
}

.faunebolditalic {
  font-style: italic;
  font-weight: 700;
}

.edt {
  margin-bottom: 10px;
  padding: 10px;
  float: left;
  clear: left;
  border: 1px solid #000;
  font-family: Faune, sans-serif;
  color: #000;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.couv {
  height: 100%;
}

@media (max-width: 767px) {
  img {
    width: 100%;
  }
  .navbar {
    overflow: visible;
    width: 100%;
    height: 30px;
    border-right-style: none;
    border-right-width: 0px;
  }
  .container {
    border-bottom: 1px solid #000;
  }
  .nav-menu {
    overflow: scroll;
    width: 90%;
    border-right: 1px solid #000;
    background-color: #fff;
  }
  .menu-button.w--open {
    background-color: transparent;
  }
  .icon {
    color: #000;
  }
  .contenu {
    width: 100%;
    margin-left: 0%;
  }
  .colonne_texte {
    overflow: scroll;
    height: auto;
    padding-top: 40px;
    border-bottom: 1px solid #000;
    border-right-style: none;
    border-right-width: 0px;
    padding-bottom:0px;
  }
  .colonne-images {
    height: auto;
  }
  .couv {
    padding-top: 30px;
  }
}

@font-face {
  font-family: 'Till';
  src: url('../fonts/Till-Normal.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Faune';
  src: url('../fonts/Faune-TextBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Faune';
  src: url('../fonts/Faune-TextItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Faune';
  src: url('../fonts/Faune-DisplayBlack.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Faune';
  src: url('../fonts/Faune-DisplayBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}