/* Charte AMU*/
@import url("amu/_variables-5hzU1K5.css");
@import url("amu/main-8Uc8Rhu.css");
@import url("amu/menu-evdWRqg.css");
@import url("css/home-depot-7D0VSae.css");


/* Ajoutez vos styles ici => */
/* =============================================================================
FONT
========================================================================== */

@font-face {
    font-family: 'AMUMonumentGrotesk-Regular.';
    font-style: normal;
    font-weight: normal;
    src: local('AMUMonumentGrotesk-Regular'), url('/assets/styles/font/AMUMonumentGrotesk-Regular.woff') format('woff');
}

@font-face {
    font-family: 'AMUMonumentGrotesk-RegularItalic';
    font-style: normal;
    font-weight: normal;
    src: local('AMUMonumentGrotesk-RegularItalic'), url('/assets/styles/font/AMUMonumentGrotesk-RegularItalic.woff') format('woff');
}

@font-face {
    font-family: 'AMUMonumentGrotesk-Medium';
    font-style: normal;
    font-weight: normal;
    src: local('AMUMonumentGrotesk-Medium'), url('/assets/styles/font/AMUMonumentGrotesk-Medium.woff') format('woff');
}

@font-face {
    font-family: 'AMUMonumentGrotesk-MediumItalic';
    font-style: normal;
    font-weight: normal;
    src: local('AMUMonumentGrotesk-MediumItalic'), url('/assets/styles/font/AMUMonumentGrotesk-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'AMUMonumentGrotesk-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('AMUMonumentGrotesk-Bold'), url('/assets/styles/font/AMUMonumentGrotesk-Bold.woff') format('woff');
}

@font-face {
    font-family: 'AMUMonumentGrotesk-BoldItalic';
    font-style: normal;
    font-weight: normal;
    src: local('AMUMonumentGrotesk-BoldItalic'), url('/assets/styles/font/AMUMonumentGrotesk-BoldItalic.woff') format('woff');
}

/* base-publication.html.twig */


.img-amu{

    width: 100%;
}

.titre_amu{
    padding: 1rem;
    border-left: #9999 solid 4px ;
    color: #9999;
}

.navbar{
    background-color: #1F63DE;
    font-size: 1rem;

}

.nav-link,
.navbar-brand,
.user_display{
    color: white;
    font-size: 1rem;
}

.user_display{
    margin-left: 1%;
    border-left: white solid 3px;
}

.user_display i{
    padding-left: 0.5rem;
}

.wrap_nav{
    margin-left: calc(90%/3);
}

.nav-link:hover,
.navbar-brand:hover{
    color: #f0ab00;
}

.nav-link:focus,
.navbar-brand:focus{
    color: #f0ab00;
}

.dropdown-item{
    color: #687885;
}

.dropdown-item:hover{
    color: #00558b;
}

.footer_amu{
    background-color: #1F63DE;
    color: white;
    padding: 1.5rem;
    display: flex;
    justify-content: center;
    margin-top: 5%;
}

.footer_amu a{
    text-decoration: none;
    color: white;
    margin-left: 0;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(227, 235, 238); /* Couleur semi-transparente */
    display: flex;
    align-items: center;
    justify-content: center;
}
.spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 2s infinite ease-in-out both;
    animation: sk-bouncedelay 2s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
      }
}