/* HEADER */

nav{padding:1.2em;}
header{position:fixed;width:100vw;left:0;z-index: 10;}
/* padding pour voir les icones des sections */
/*section{padding-top:108px;}*/



header img{width:60%;}
header div{text-align: center;}
header{background-color: #161a2b;}
header a{color:#f1f1f1;text-decoration: none;}
header a:hover{color:#B8446A;font-weight: bold;}
header.row {
    margin-left: 0;}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link
{background-color: #B8446A;}


.nav-fill .nav-item{flex: 0 1 auto;}

#menu-menu-principal{
    justify-content: flex-end;
    gap:2rem;
}

#scrollspy{
    padding-right: 5%; /* Ajuste cette valeur selon tes besoins */
}

.nav-link li:hover{
    color:#B8446A; /* Changer la couleur au survol, tu peux mettre la couleur que tu veux */
    font-weight: bold; /* Rendre le texte en gras */
  }


.menu-hamburger{width: 40px; height: 40px;}

.fa-bars{font-size: 20px;}

/* FOOTER */
footer{background:#161a2b;color:#f1f1f1;flex-direction: column;
    padding:1.5em;border-top:5px solid #B8446A;}
    
    .etiquette{background:#B8446A;color:#f1f1f1;width:10rem;padding:1em; margin-bottom:2.5em;margin-top:-1.7em;border-radius:3%}
    
    /* reseaux sociaux */
    
    .social span{width:2.5em;height:2.5em;background: #B8446A;
                  margin:0.7em; transform: rotate(45deg);
                display: flex;justify-content: center;align-items: center;
    
    }
    
    .social i{color:#f1f1f1;transform: rotate(-45deg);}
    
    .social span:hover{background:#fff; border:1px solid #B8446A;}
    
    .social span:hover i{color:#2B2E4A}
    
    #actualites{background: #f0f0f0;margin-bottom:0;}
    
    #actualites article{background:#fff;padding:1rem;margin:1.5rem 0 3rem 0;border-top:5px solid #B8446A;}
    
    #actualites article p{font-size:0.9em;margin-top:0.5em;}
    #actualites article span{font-size:0.7em;}
    #actualites article h4{ font-size:1.2em;margin-bottom: 1em;}
    #actualites article .social.row{ margin-top: -2.5rem;}
    #actualites article a {font-size:0.7em;}
    #actualites article a i{margin-right:0.2em;}
    
    #actualites .social span:hover{background: #B8446A;border:none;}
    
    #actualites .social span:hover i{color:#f1f1f1}
    #actualites figure{margin-bottom:-1.5rem;}
    
    
    #actualites .special{margin-top:1.5em;}
    
    
    
    footer a:hover{color:#ee7c7c;}
    
    #map {
        flex-direction: column;
    }
    
    .menu-hamburger{display:none;}
    h1{min-height: 1.2em;}
    
    .article{padding-top:8em!important;}
    aside img{width:100%;height:auto;}