div.logo {
    text-align: center;
}

div.logo img {
    width: 50px;
    margin-bottom:20px;
}

div.logo a {
    display:block;
    font-size: 1.5em;
    color: white;
}

footer.footer img {
    margin-left:2em;
    margin-top:4px;
    max-height: 50px;

}

.alert-success {
    background-color: #00aa00;
}

.alert{ border-radius: 4px; cursor: pointer; }


a.dropdown-item {
    font-size:0.9em;
}

.dropdown-item .badge {font-size:1.5em;  }



.centrer {
    text-align: center;
}

.badge.badge-pill.cupidon_noir,
.btn.btn-fill.cupidon_noir,
.btn.btn-fill.cupidon_noir:hover {
    color: white;
    background-color: black !important;
}

.badge.badge-pill.cupidon_blanc,
.btn.btn-fill.cupidon_blanc,
.btn.btn-fill.cupidon_blanc:hover {
    color: black;
    background-color: white;
}

.badge.badge-pill.cupidon_vert,
.btn.btn-fill.cupidon_vert,
.btn.btn-fill.cupidon_vert:hover {
    color: white;
    background-color: green;
}

.badge.badge-pill.cupidon_rouge,
.btn.btn-fill.cupidon_rouge,
.btn.btn-fill.cupidon_rouge:hover {
    color: white;
    background-color: red;
}

.badge.badge-pill.cupidon_jaune,
.btn.btn-fill.cupidon_jaune,
.btn.btn-fill.cupidon_jaune:hover {
    color: black;
    background-color: yellow;
}

div.rendu .btn.btn-fill:hover,
.badge.badge-pill.cupidon_blanc:hover,
.badge.badge-pill.cupidon_jaune:hover,
.badge.badge-pill.cupidon_vert:hover,
.badge.badge-pill.cupidon_rouge:hover,
.badge.badge-pill.cupidon_noir:hover {
    border-width: 3px;
    border-color: #666;
}

.badge.badge-pill.cupidon_blanc,
.badge.badge-pill.cupidon_jaune,
.badge.badge-pill.cupidon_rouge,
.badge.badge-pill.cupidon_vert,
.badge.badge-pill.cupidon_noir {
    border: 1px solid #666;
    cursor: pointer;
    margin-bottom: 5px;
    padding: 5px 8px

}


#listeSire li.available {
    padding-left:1em;
    cursor: pointer;
}

#listeSire li.notavailable {
    padding-left:1em;
    color: #CCC;
}

#listeSire li.available:hover {
    text-decoration: underline;
}