#header{
    background-color: black; position: fixed; width: 100%; z-index: 1;
  }
  #content{
    position: relative; top: 150px;
  }
  #header #logo{
    color: white; border-top-left-radius: 50%;
  }
  #header #logo img{
    width: 100px; height: 100px;margin-left: 5px;
  }
  #header #logo #nom{
    color: rgba(0,200,200,1); font-family: "Lora",tahoma,arial; font-size: 28px; font-weight: bold;
  }
  #header #logo #moto{
    position:absolute;top:30px; right: 5px; font-style: italic;
  }
  #header #logo #address{
    position: absolute; top:70px; left: 45%; font-family: times; font-size: 16px; font-style: italic;
  }

  #header #headerM-1{
    display: none; position: absolute; top: 15px; right: 25px;
  }
  #header #headerM-1 span{
    margin-left: 30px; 
    font-size: 20px;
  }

  #header #headerL-1{
    
  }
  #header #headerL-1 .btn-group{
    
  }
  #header #headerL-1 button{
    background-color: rgba(0,200,200,1); 
  }
  #header #headerL-1 .btn-group a{
    font-family: times;
  }
  #header #headerL-1 .btn-group .dropdown-menu {
    background-color: rgba(0,200,200,0.9);
  }
  #header #headerL-1 .btn-group .dropdown-menu a {
    font-weight: bold;
  }

  #header #header-2 {
    display: none;
  }

  #header #header-2 #headerM-2{
    text-align: center;
  }
  #header #header-2 #headerM-2 .navbar-nav {
    
  }
  #header #header-2 #headerM-2 button{
    background-color: rgba(0,200,200,1); height: 40px; text-align: left;
  }
  #header #header-2 #headerM-2 button[class="btn btn-secondary"]{
    width: 250px;
  }

  #header #header-2 #header-21{
    text-align: center;
  }
  #header #header-2 #header-21 a{
    color: white; margin: 2%;
  }

  #header #headerM-2{
    display: none;
  }
  #searchDiv{
    display: none;
  }
  #searchDiv input{
    width: 50%; margin-left:20%; 
  }

  @media screen and (max-width: 320px){
    #header #logo #nom{
      font-size: 14px;
    }
    #header #headerM-1 span{
      left: 5%;
    }
  }
  @media screen and (max-width: 767px){
    #header{
      width: 96%;
    }
    #content{
      top: 50px;
    }
    #header #logo img{
      width: 50px; height: 50px;
    }
    #header #logo #nom{
      font-size: 15px;
    }
    #header #logo #moto, #header #logo #address{
      display: none;
    }
    #header #headerM-1{
      display: inline;
    }
    #header #headerL-1{
      display: none;
    }

    #header #header-2 #header-21{
      text-align: left; margin-left: 10%;
    }
    #header #header-2 #header-21 a span{
      width: 45%; margin-bottom: 15px;
    }

    #header #headerM-2{
      display: block;
    }
    
  }

  @media screen and (max-width: 949px){
    .addWord{
      display: none;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 800px){
    #header #headerL-1 .btn-group button{
      font-size: 15px;
    }
  }