body {

    /* background-color:red; */

    font-family: 'Montserrat', sans-serif;

    background-color:#fff;

}



/* --------------------------------------------- side bar ----------------------------------------- */



/* .sidebar {

    top: 9%;

    position: absolute;

    z-index: 9999;

    width: 250px;

    height: 91%;

    background-color: #002147;

    left: -19%;

    transition: 1s;

} */





/* --------------------------------------------- side bar ----------------------------------------- */

.logo{

    position: absolute; 

    left:48%; 

    width: 62px; 

    height : 40px;

}

.navbar{



    font-family: Roboto,sans-serif;

    font-size: 15px;

    font-weight: bold;

    line-height: 24px;

    text-transform: uppercase;

    font-style: normal;

    /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/

    background-color: #002147;



}

.navbar-nav .nav-link, .fa-bars {

    color: white;

    font-weight: 400;

}



/* --------------------------------- nav end --------------------------------------- */



.top-bar {

    margin-top: 32px;

    background-color: #fff;

    border: 1px solid #e0e0e0;

    margin-bottom: 24px;

    padding: 12px 30px;

    color: #002147; 

}



.Affichage{

    font-size:  15px;

  

}



.fa-th-large{

    margin-right: 5px;

    font-size:  15px;

}

.select-module, .search{

    

    width: 32%;

    border-radius: 0px;

    margin-right: 15px;

    border: 1px solid #e0e0e0; 

    color: #002147; 

    font-size:  15px;

    font-size: 13px;

}

.search {

    width: 55%; 

    margin-right: -2px;

    font-size:  15px;

}



.btn-search{

    position: absolute;

    right: 2px;

    border:none;

    background-color:  #002147;

    color: white;

    height: 28px;

    font-size:  15px;

}



/* -------------------------------- top bar ------------------------------- */

.thumbnail{

    width: 100%;

}

/* .contenu-video{

    margin-top : 40px;

} */