body {
    color: rgb(30,30,28);
}

body a {
    color: #333333;
}

body a:hover {
    color: rgb(30,30,28);
}


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

.navbar {
    background-color:#8CC047;
}

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

.header {
    /*height: 150px;*/
    background-size: 374px 120px;
    background-color: white;
}
    
@media only screen and (min-width: 992px) {
    
    /*.navbar {
        background-color: white;
    }*/

    .navbar-item {
        border-left: 1.5px solid rgb(30,30,28);
    }

    /*.navbar li a {
        color: rgb(30,30,28);
    }*/

    .dropdown-menu {
        color: white;
        background-color: rgb(30,30,28);
    }

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

    .dropdown-menu li a {
        color: white;
    }
    
    .titre_banniere {
        color: white;
    }

}

@media only screen and (max-width: 992px) 
{
    .navbar {
        background-image: url('http://dev2020.judosthyacinthe.com/img/logo-header.jpg');
        background-repeat: no-repeat;
        background-size: 171px 55px;
        background-color: white;
    }

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


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

.date_nouvelle {
    border-right: 1.5px solid #8CC047;
}

.date_titre_nouvelle {
    border-bottom: 1.5px solid #8CC047;
}

h1 {
    border-bottom: 1.5px solid rgb(28,52,86);
}

h3 {
    color: #8CC047;
}

h4 {
    color: black;
}


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

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

.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:#8CC047;
}

.mon-compte:hover {
    background: rgb(96,137,41);
}

.contact {
    padding: 0px 18px 0px 12px;
    border-left: 1.5px solid #8CC047;
    font-size:10px;
    background: transparent;
}

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


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

.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(30,30,28);
    border-color: black;
}

.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(241,197,10);
    color: rgb(30,30,28);
    border-color: rgb(255,208,58);
}

.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(241,197,10);
    color: rgb(30,30,28);
}

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

/*.partenaires img {
    height: 100px;
}*/

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

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

.lien-bandeau a {
    color: white;
}

.bandeau a:hover {
    color: #8CC047;
}

.titre-bandeau {
    color: #8CC047;
}

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

.partenaires img {
    height: 60px;
}


/************************
* Prochains événements
************************/

.accueil-event-date {
    background-color:#8CC047; 
    color:white; 
}

.green-chevron
{
    color:#8CC047; 
}

a {
    font-weight: bold;
}

a:hover
{
    text-decoration: none;
    color:#8CC047; 
}

.cours {
    background-color: #8CC047;
    color: white;
}

.shiai {
    background-color: #d9534f;
    border: 1px #d1332e solid;
}

.camp, .stage {
    background-color: #ed9c2c;
    border: 1px #d38312 solid;
}

.fc-event-main a {
    font-weight: normal;
}