/******************************************************************
 **                                                                **
 **                     HEADER   main                              **
 **                                                                **
 *****************************************************************-*/


    .navbar
    {
      width: 100%;
      height: 90px;
      background-color: #fff;
      color: #fff;
      box-shadow: 0px 0px 8px #ccc;
      z-index: 1;
      margin: 0px 0px 0px 0px;
      border-radius: 0px;
      font-family: 'Roboto';
    }

    .navbar .container {
      width: 100%;
      height: 100%;
    }

    #logo, #recherche_header, #profil_header {
      position: relative;
    }

    #logo
    {
      width: 100px;
      height: 90px;
      margin-left: 30px;
      margin-top: 1px;
      z-index: 100;
    }




    

 /******************************************************************
 **                                                                **
 **                    BARRE DE RECHERCHE                          **
 **                                                                **
 *****************************************************************-*/

    #recherche_header
    {
      width: 50%;
      height: 30px;
      margin-left: 25%;
      margin-top: -60px;
      color :#303030;
      z-index: 100;
    }

    #recherche_header input
    {
      width: 80%;
      height: 30px;
      border: #fff 1px;
      padding: 2px;
      border-radius: 2px;
      border: solid 1px #ccc;   
  }

        #recherche_header input[type="submit"]
    {
      width: 100px;
      height: 30px;
      margin-left: 6px;
      padding: 2px;
      border-radius: 5px;
      border: solid 1px #ccc;
      color :#303030;
      background-color: #f0f0f0;

    }

       #recherche_header button
    {
      width: 150px;
      height: 30px;
      margin-left: 10px;
      padding: 2px;
      background-color: #f0f0f0;
      border-radius: 2px;
      border: solid 1px #ccc;
      color :#303030;
    }

      #recherche_header span
    {
      margin-right: 5px;
    }

    #info {
      margin-left: 6%;
      margin-right: 10px;
      z-index: 100;
      margin-top: -60px;
      background-color: white;
      border: solid 1px white;
      width: 30px;
    }


    .tooltip-inner, .in {
      opacity: 0.3;
      color :#303030;
    }


 /******************************************************************
 **                                                                **
 **                     PROFIL                                     **
 **                                                                **
 *****************************************************************-*/
    #profil_header
    {
      margin-left: 85%;
      margin-right: 5%;
      width: auto;
      font-size: 16px;
      color: #303030;
      top: -48%;
      font-weight: 600;
    }


    #profil_header img
    {
      box-shadow: #303030;
    }


    #profil_header ul {
      list-style: none;

    }

    #profil_header>li {
      display: inline;
      padding: 10px;
    }

    #profil_header a
    {
      text-decoration: none;
      color: #7C2371;
    }

    #profil_header>ul>li>a:focus, #profil_header>ul>li>a:visited {
        color: #7C2371;
    }

    #profil_header a:hover
    {
      color:#e22b27;

    }

    .fa-home {
      padding-top: 20px;
    }


     #profil_header>ul>li .dropdown-menu {
      margin-left: -50px;
    }


    #profil_header .divider {
      padding: 2px;
      margin-left: 10px;
      margin-right: 10px;
    }

    .navbar .container ul {
      padding-bottom: 20px;
    }

    #profil_header .dropdown li a {
      color: black;
    }



 /******************************************************************
 **                                                                **
 **                     POP-IN LOGIN                               **
 **                                                                **
 *****************************************************************-*/
  

    #auth_back p {
    margin-left: 30px;
    padding-bottom: 20px;
    font-size: 15px;
    font-style: italic;
  }
   

    #email, #password {
      margin: 10px;
      margin-bottom: 30px;
      width: 40%;
      min-width: 200px;
      max-width: 350px;
      font-size: 14px;
    }

    #auth a[id="non_compte"]{
      margin-top: 60px;
    }


   #auth input[type="submit"]{
    margin-left: 85%;
    margin-right: 60px;
    border-radius: 4px;
    border: solid 1px #ccc;
   }

   .modal-title {
      color: #303030;
    }

    form {
      padding-left: 5%;
    }

    form textarea {
      width: 60%;
      min-width: 250px;
      max-width: 530px;
      height: 6em;
    }

    #modal_contact label {
      padding-left: 0px;
    }


    .modal-footer .btn-infos:hover {
    color: #fff;
    background-color: #47a447;
    border-color: #398439;
    }