/* CSS Document (c) By Xul.fr Freeware*/

@font-face {
	font-family: 'Aster';
	src: url(../fonts/Aster-Regular.woff2’) format(‘woff2’),
		url(../fonts/Aster-Regular.ttf’) format(‘truetype’)
}

html, body {
  font-family: 'Aster';
  padding:0;
  margin:0;
  height:100%;
  background-color:#333;
  background-image: url(../img/649328.jpg) ;
  background-size: 100% 300%;
}
.header {
  font-family: 'Aster';
  position:fixed;
  height:50px;
  top:0;
  left:0;
  right:0;
}
.contentH1 {
  font-family: 'Aster';
   padding:65px 0 50px 0;
  /* background: white;*/
}
.contentH2 {
  font-family: 'Aster';
  margin-left:22.92%;
  margin-right:22.92%;
  background:  #333;
}
.contentH3 {
  font-family: 'Aster';
/* Valeurs globales */
   margin: initial
}


/* Style the tab */
  .tab {
    font-family: 'Aster';
    border: 1px solid #ccc;
    background-color: #f1f1f1;

  }

  /* Style the buttons inside the tab */
  .tab a {
    font-family: 'Aster';
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
  }

  /* Change background color of buttons on hover */
  .tab a:hover {
    font-family: 'Aster';
    background-color: #ddd;
  }

  /* Create an active/current tablink class */
  .tab a.active {
    font-family: 'Aster';
    background-color: #ccc;
  }

  /* Style the tab content */
  .tabcontent {
    font-family: 'Aster';
    display: none;
    
    border: 0px solid #ccc;
    border-top: none;
  }

  /*menu déroulent*/
        *{
            margin: 0px;
            padding: 0px;
            font-family: Avenir, sans-serif;
          }

        nav{
          width: 100%;
          margin: 0 auto;
          background-color:  #333;
          position: sticky;
          top: 0px;
        }

        nav ul{
          list-style-type: none;
        }

        nav ul li{

          float: left;
          /*width: 25%;*/
          text-align: center;
          position: relative;
        }

        nav ul::after{
          content: "";
          display: table;
          clear: both;
        }

        nav a{

          display: block;
          text-decoration: none;
          color: white;
          border-bottom: 2px solid transparent;
          padding: 10px 0px;
        }

        nav a:hover{

          color: #2196F3;
          border-bottom: 5px solid #2196F3;;
        }

        .sous{
          display: none;
          box-shadow: 0px 1px 2px #CCC;
          background-color: #333;
          position: absolute;
          width: 100px;
          z-index: 1000;
        }
        nav > ul li:hover .sous{

          display: block;
        }
        .sous li{
          float: none;
          width: 100%;
          text-align: left;
        }
        .sous a{
          padding: 10px;
          border-bottom: none;
        }
        .sous a:hover{
          border-bottom: none;
          background-color: RGBa(200,200,200,0.1);
        }
        .deroulant > a::after{

          content:" ▼";
          font-size: 12px;
        }
  /*menu déroulent*/