body {
    color: rgb(0,12,46);
}

body a {
    color: rgb(54,71,106);
}

body a:hover {
    color: rgb(0,12,46);
}


/*****************************
* navigation
*****************************/

nav {
    box-shadow: 0 5px 8px rgb(0 12 46 / 75%);
}

.navbar li a {
    color: rgb(30,30,28);
    font-weight: bold;
}

.header {
    height: 155px;
    background-size: 146px 146px;
    background-color: white;
}
    
@media only screen and (min-width: 992px) {
    
    .navbar {
        background-color: rgb(0,12,46);
    }

    .navbar-item {
        border-left: 1.5px solid rgb(54,71,106);
    }

    .navbar li a {
        color: white;
    }

    .dropdown-menu {
        color: rgb(0,12,46);
        background-color: white;
    }

    .dropdown-menu:after {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: rgb(30,30,28);
    }

    .dropdown-menu li a {
        color: rgb(0,12,46);
    }
    
    .titre_banniere {
        color: white;
    }

}

@media only screen and (max-width: 992px) 
{
    .navbar {
        background-image: url('https://ringuetteintrepides.com/img/logo.png');
        background-repeat: no-repeat;
        background-size: 55px 55px;
        background-color: white;
    }

    .navbar-item {
        background-color:rgb(0,12,46); 
    }
    
    .navbar li a {
        color: white;  
    }
    
    .dropdown-menu {
        color: white;
        background-color: white;
    }
    
    .dropdown-menu li a {
        color: rgb(0,12,46); 
    }
    
    .titre_banniere {
        color: white;
    }
    
    .titre_banniere_mobile {
        color: white;
    }
    
}


/************************
*   titles
************************/

.date_nouvelle {
    border-right: 1.5px solid rgb(211,17,22);
}

.date_titre_nouvelle {
    border-bottom: 1.5px solid rgb(211,17,22);
}

h1 {
    border-bottom: 1.5px solid rgb(0,12,46);
}

h3 {
    color: rgb(211,17,22);
}

h4 {
    color: rgb(211,17,22);
}


/************************
*   sections
************************/

footer {
    background-color: white;
    color: rgb(0,12,46);
}

.card-header {
    background-color: #012c5f; 
}

.photo {
    margin-top: 5px;
    border: 1px solid #011732;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.prochaine {
    background-color: #ddd!important;
    color: #dd1531;
}

.mon-compte {
    background-color:rgb(54,71,106);
}

.mon-compte:hover {
    background-color: rgb(0,12,46);
}

.bouton-panier {
    background-color:black;
}

.bouton-panier:hover {
    background: rgb(30,30,30);
}

.contact {
    padding: 0px 18px 0px 12px;
    border-left: 1.5px solid rgb(204,17,21);
    font-size:10px;
    background: transparent;
}

.contact a {
    color: rgb(30,30,28);
}


.social a, .social-contact a {
    color: rgb(0,12,46);
}

.btn-noir {
    background-color: rgb(30,30,28);
}

a.btn-noir, .btn-noir {
    color: white;
}

.footer-home {
    background-color: rgb(30,30,28);
    color: white;
}

.btn-primary {
    background-color: rgb(0,12,46);
    border-color: black;
}

.btn-outline-dark {
    border-color: rgb(0,12,46);
    color: rgb(0,12,46);
}

.btn-outline-dark:hover {
    background-color: rgb(0,12,46);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-primary:not(:disabled):not(.disabled):hover {
    background-color: rgb(54,71,106);
    border-color: rgb(54,71,106);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(54,71,106);
}

.membre_conseil a {
    color : rgb(30,30,28);
}

.partenaires img {
    height: 90px;
}

.image_comite {
    width: 90%;
}

@media only screen and (max-width:500px) 
{
    .image_comite {
        width: 250px;
        text-align: center;
    }

    .membre_conseil {
        text-align: center;
    }
}

/*************
* Bandeau
*************/

.bandeau {
    /*background-image: url('https://dev2021.ringuetteintrepides.com/img/BANNIERE_bas_2000X200.png');*/
    background-color: rgb(0,12,46);
}

.lien-bandeau a {
    color: white;
}

.bandeau a:hover {
    color: rgb(204,17,21);
}

.titre-bandeau {
    color: rgb(54,71,106);
}

.bandeau p, .bandeau a {
    color: white;
}