@font-face {
        font-family: "Bookman Old Style", arial;
        src: url('../font/bookos.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      }




/*
 * BASICS
 */

      body{
        font-family: 'Lato', sans-serif;
        text-align: justify;
        font-weight: 400;
        background-image: url('../img/background.jpg');
        background-repeat: no-repeat;
        background-size: cover;
      }


        /* Marge au dessus des éléments, entre 10 et 100px  */
      .divider10{
        margin-top: 10px;
      }
      .divider20{
        margin-top: 20px;
      }
      .divider35{
        margin-top: 35px;
      }
      .divider50{
        margin-top: 50px;
      }
      .divider80{
        margin-top: 80px;
      }
      .divider100{
        margin-top: 100px;
      }

        /* Marge en dessous des éléments, de 15 ou 30px  */
      .dividerbottom15{
        margin-bottom: 15px;
      }

      .dividerbottom30{
        margin-bottom: 30px;
      }


      .row{
        margin: 0;
       }


       .height50{
        height:50px;
       }



     

        /* lien  */
      a{
        cursor: pointer;
        text-decoration: none;
      }
        /* lien quand on passe dessus  */
      a:hover{
        text-decoration: none;
      }
        /* lien une fois qu'on a cliqué dessus */
      a:visited{
        cursor: pointer;
        text-decoration: none;
      }


      /*
       * Titles
       */

      h1 {
        font-size: 4rem;
        font-family: 'Josefin Sans', sans-serif;
        text-align: center;
        font-weight: 300;
        line-height: 5rem;
      }

      h2 {
        font-size: 3.5rem;
        font-family: 'Josefin Sans', sans-serif;
        margin-top: 0;
        font-weight: 200;
      }

      h3 {
        font-size: 2.5rem;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 300;
        text-transform: uppercase;
      }

      h4 {
        font-size: 1.6rem;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 300;
      }
      h5 {
        font-size: 5rem;
        font-family: 'Bookman Old Style', arial;
      }
      h6 {
        font-size: 1.3rem;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
      }



      .bold{
        font-weight: 700;
      }


      .ohm {        
        font-family: 'Bookman Old Style', arial;
      }


      /*
       * width & height  largeur & hauteur
       */
       .w-20 {
        width: 20% !important;
      }

       .w-25 {
        width: 25% !important;
      }

      .w-40 {
        width: 40% !important;
      }

      .w-50 {
        width: 50% !important;
      }

      .w-62 {
        width: 62% !important;
      }

      .w-75 {
        width: 75% !important;
      }

      .w-80 {
        width: 80% !important;
      }

      .w-100 {
        width: 100% !important;
      }

      .w-auto {
        width: auto !important;
      }

      .h-25 {
        height: 25% !important;
      }

      .h-50 {
        height: 50% !important;
      }

      .h-75 {
        height: 75% !important;
      }

      .h-100 {
        height: 100% !important;
      }

      .h-auto {
        height: auto !important;
      }

      .mw-100 {
        max-width: 100% !important;
      }

      .mh-100 {
        max-height: 100% !important;
      }



/* bouton pour remonter en haut de la page  */

    .reverse{
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
    }

    .scroll-to-top {
      position: fixed;
      right: 15px;
      bottom: 15px;
      display: none;
      width: 50px;
      height: 50px;
      text-align: center;
      z-index:17
    }





  /*
   * HEADER / HAUT DE PAGE
   */
          
        .horizontal-scrollable > .row { 
            margin: 0;
            overflow-x: auto; 
            white-space: nowrap; 
            width: auto;
        } 
          
        .horizontal-scrollable > .row > .text { 
            display: inline-flex; 
            float: none; 
        } 
        /* Decorations */ 
          
        .text { 
            color: #000;
            font-family: 'Lato', sans-serif;
            font-style: italic;
            text-align: justify;
            font-weight: 400;
            white-space: normal;
        } 





  /*
   * SEPARATIONS
   */

   .separator{
    margin: 0 2rem;
   }


   .lines{
    border-top: solid 2px #000;
    border-bottom: solid 2px #000;
    height: 9px;
    margin-top: 46px;
   }



  .button{
    height: 50px;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #000;
    border-radius: 5px;
    padding-top: 6px;
  }

  .download a{
    color: #000;
  }

  .download .button:hover{
    background-color: rgba(255,255,255,0.8);
  }


footer a{
  color: #000 !important;
  font-weight: 400;
}

footer a:hover{
  color: #000;
  text-decoration: underline;
}




/*
 * RESPONSIVE
 */


@media (max-width: 768px) {

        /*
       * Titles
       */

      h1 {
        font-size: 2.2rem;
        line-height: 4rem;
      }

      h2 {
        font-size: 1.7rem;
      }

      h3 {
        font-size: 2rem;
      }

      h4 {
        font-size: 1.6rem;
        font-family: 'Josefin Sans', sans-serif;
        font-weight: 300;
      }
      h5 {
        font-size: 4rem;
        /*font-family: 'Bookman Old Style', Josefin sans, arial;*/
        font-family: 'Bookman Old Style', sans-serif;
      }
      h6 {
        font-size: 1.1rem;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
      }




      /* Marge au dessus des éléments */
      .divider10{
        margin-top: 5px;
      }
      .divider20{
        margin-top: 10px;
      }
      .divider35{
        margin-top: 20px;
      }
      .divider50{
        margin-top: 35px;
      }
      .divider80{
        margin-top: 50px;
      }
      .divider100{
        margin-top: 80px;
      }








      .lines{
        height: 7px;
        margin-top: 39px;
      }


}