/*.header-top{ padding:0px; position: fixed; top:0px; left:0px; background:none; z-index: 1000;}
/*.header-top.fixed-header{box-shadow: 20px 4px 10px rgba(39, 59, 69, 0.2);}*/
/*
.header-top .logo img{
    width:300px;   
    transition: all linear .5s}

.header-top.fixed-header .logo img{width:150px;}
*/


header {
    background-image: 
      linear-gradient(
        rgba(255, 115, 0, 0.211),
      
        rgba(4, 4, 4, 0.842)
      ),
    url("../img/architecture-1048092_1920.webp");
    background-position: center;
    width: auto;
    height: auto;
    background-size: cover;   
}

.header-bottom {
    padding-top: 0px;
}

.navbar {
    padding: 0px;
}

#imgLogoAccueil {
    width: 300px;
    height: auto;
}   

@media screen and (max-width: 767px) {
    #imgLogoAccueil {
        width: 250px;
        height: auto;
    }    
}

.imgLogoAccueil {
    min-width: 0px;
    height: auto;
}

@media screen and (max-width: 767px) {
    .imgLogoAccueil {
        min-width: 0px;
        height: auto;
    }    
}

.imgLogoAccueil img {
    max-width: 350px;
    height: auto;
}

.divider {
    color: lightgrey;
    padding: 1px;
    margin: 0px;
}

.navTitle {
    color: rgb(220, 220, 220);
}

.header-titre {
    padding-top: 150px;
    flex-direction: row-reverse;
}
.nav-link {
    width: 120px;
    text-align: center;
    border-right: 1px solid grey;
    background: linear-gradient(
        rgba(255, 255, 255, 0.962), 
        rgb(167, 166, 166)
      );
    font-size: large;
}

@media screen and (max-width: 992px) {
    .nav-link {
        width: 100%;
        height: 60px;
        font-size: large;
        padding-top: 15px;
    }
}

@media screen and (max-width: 992px) {
    .navbar-nav {
        margin-top: 30px;
    }
}