/*
    Couleurs :
    - bordeau foncé : #77003C
    - bordeau normal (background) : #aa2f66
    - bordeau plus clair : #df6194

    - texte standard : #212529 (noir "clair")
*/

* {
    margin: 0 ;
    padding: 0 ;
}

body {
    background: #aa2f66;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: 'Abel', sans-serif;
    color: #77003C ;
}


/*---- BACKGROUNDS ----*/

.bg1 {
    background: #aa2f66 ;
}

.bg_white {
    background: white;
}

.bg-chapitre {
    background-color: rgba(170, 47, 102, 0.2);
}

.bg-complement {
    background-color: rgba(170, 47, 102, 0.2) ;
}

/*---- COLORS ----*/

/* text-white : existe déjà sous Bootstrap 4 */
.text-gris {
    color: lightgrey;
}

.text-gris a:hover {
    color: white;
    text-decoration: none;
}

.bg-menu {
    background-color: rgba(255, 255, 255, 0.1);
}

.btn-tarot-info {
    color: #aa2f66; /* #df6194; */
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
   border: 1px solid transparent;
   border-color: #77003C ;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    background-color: #f7f7f7;
}

.btn-formation {
    border: solid 1px ;
    border-color: rgba(255, 255, 255, 0.8) ;
    border-radius: .25rem;
}

.btn-tarot-info:hover {
    color: white;
    background-color: #aa2f66;
    border-color: #df6194;
    text-decoration: none;
}

.badge-tarot {
    display: inline-block;
    padding: .25em .4em;
    font-size: 80%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    color: white; /* #212529; */
    background-color: #aa2f66; /* #38DAF6; */
    margin-left: 1rem;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #aa2f66;
}

/* Ajouter un peu d'espace à droite du menu */
.nav-link {
    margin-right: 1.5em;
}