.red-g{
    color:#f06548;
}

.btn-pink {
    color: #fff;
    background-color: #ed1b60;
    border-color: #ed1b60; 
}
.btn-pink:hover, .btn-pink:focus {
    color: #fff;
    background-color: #df195f;
    border-color: #df195f; 
}
.btn-pink:not(:disabled):not(.disabled).active, .btn-pink:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #be1b54;
    border-color: #be1b54; 
}
.btn-pink.disabled, .btn-pink:disabled {
    color: #fff;
    background-color: #f68daf;
    border-color: #f68daf; 
}



@font-face {
    font-family: 'Marilyn Wilde Rough'; /* Nom de la police */
    src: url('/assets/fonts/Marilyn-Wilde/MarilynWildeRough.otf') format('opentype'); /* Chemin relatif vers le fichier de police */
    font-weight: normal; /* Poids de la police */
    font-style: normal; /* Style de la police */
}
@font-face {
    font-family: 'BebasNeue'; /* Nom de la police */
    src: url('/assets/fonts/Bebas-Neue/BebasNeue Book.otf') format('opentype'); /* Chemin relatif vers le fichier de police */
    font-weight: normal; /* Poids de la police */
    font-style: normal; /* Style de la police */
}
@font-face {
    font-family: 'Josefin Sans'; /* Nom de la police */
    src: url('/assets/fonts/Josefin-sans/JosefinSans-Light.ttf') format('opentype'); /* Chemin relatif vers le fichier de police */
    font-weight: normal; /* Poids de la police */
    font-style: normal; /* Style de la police */
}
.text-jose-vert-bold-1 {
    font-family: 'Josefin Sans', sans-serif !important;
    color: #0D524A !important;
    font-size: 20px;
    font-weight: bold;
}
.bg-gray-100{
    background-color: #f7f8fa;
}
.text-jose-blanc {
    font-family: 'Josefin Sans', sans-serif !important;
    color: white !important;
    font-size: 16px;
}
.text-jose-blanc-1 {
    font-family: 'Josefin Sans', sans-serif !important;
    color: white !important;
    font-size: 16px;
    font-weight: bold;
}
.text-jose-orange-1 {
    font-family: 'Josefin Sans', sans-serif !important;
    color: white !important;
    background: #ee7c4c !important;
    font-size: 16px;
    font-weight: bold;
}
.text-jose-2 {
    font-family: 'Josefin Sans', sans-serif !important;
    color: #0D524A !important;
    font-size: 25px;
}
*{
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 600 !important;
}
.pense-wilde{
    font-family: 'Marilyn Wilde Rough', sans-serif !important;
    font-size: 20px;
    color: #0D524A !important;
    font-weight: 600;
}
.text-jose-pense-bold-g {
    font-family: 'Josefin Sans', sans-serif !important;
    color: #0D524A !important;
    font-size: 20px;
    font-weight: bold;
}
.text-jose-pense-bold-p {
    font-family: 'Josefin Sans', sans-serif !important;
    color: #0D524A !important;
    font-size: 14px;
    font-weight: bold;
}
.titre-wilde{
    font-family: 'Marilyn Wilde Rough', sans-serif !important;
    font-size: 48px;
    color: #0D524A !important;
}
.titre-wilde-bold{
    font-family: 'Marilyn Wilde Rough', sans-serif !important;
    font-size: 48px;
    font-weight: bold;
    color: #0D524A !important;
}
.titre-bebas{
    font-family: 'BebasNeue', sans-serif !important;
    color: #0D524A !important;
    font-size: 42px; 
    /* 48 */
}
.titre-bebas-white{
    font-family: 'BebasNeue', sans-serif !important;
    color: #A9D1B3 !important;
    font-size: 42px; 
}

.titre-bebas-vert{
    font-family: 'BebasNeue', sans-serif !important;
    color: #0D524A !important;
    font-size: 38px; 
}

.titre-bebas-blue{
    font-family: 'BebasNeue', sans-serif !important;
    color: #19509B !important;
    font-size: 40px; 
}

.text-blue{
    color: #19509B !important;
}

.text-orange{
    color: #E76439 !important;
}

.titre-bebas-orange{
    font-family: 'BebasNeue', sans-serif !important;
    color: #E76439 !important;
    font-size: 30px; 
}
.stitre-josefin-white{
    text-align: left;
    font: normal normal normal 20px Josefin Sans;
    letter-spacing: 0px;
    color: #A9D1B3;
    /* 48 */
}
.stitre-josefin-vert{
    text-align: left;
    font: normal normal normal 20px Josefin Sans;
    letter-spacing: 0px;
    color: #0D524A;
    /* 48 */
}
.stitre-josefin-orange{
    text-align: left;
    font: normal normal normal 20px Josefin Sans;
    letter-spacing: 0px;
    color: #E76439;
    /* 48 */
}
.titre-bebas-small{
    font-family: 'BebasNeue', sans-serif !important;
    color: #0D524A !important;
    font-size: 28px;
}
.bg-ange-pur{
    background-color: #008f94;
    color:white;
}
.color-neuro{
    color: #0D524A !important;
}
.background-neuro{
    background: #0D524A !important;
}
.position-relative .overlay-text {
    position: absolute;
    top: 10px;
    right: 10px; /* Déplace le texte à droite */
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent pour contraste */
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    z-index: 1; /* Assure que le texte reste au-dessus de l'image */
}
.bg-progression {
    background-color: #0D524A !important;
    color: white;
    font-weight: bold !important;
}
.btn-progression {
    background-color: #0D524A !important;
    color: white;
    font-weight: bold !important;
}

.btn-pick{
    color:#fff;
    background-color:#ee7c4c;
    border-color:#ee7c4c;
    font-size: 20px;
}
.btn-pick:hover{
    color:#fff;
    background-color:#f07e4d;
    border-color:#f07e4d;
}

.text-neuro{
    text-align: left;
    font: normal normal normal 14px/24px Josefin Sans;
    letter-spacing: 0px;
    color: #0B514A;
    opacity: 1;
}


/* RESSOURCES */
 /* Style pour les cartes */
 .article-card {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.article-card:hover {
    transform: translateY(-5px);
}

.article-img {
    height: 180px;
    object-fit: cover;
    width: 100%;
}

.badge-category {
    position: absolute;
    top: 10px;
    right: 10px;  /* Aligne le badge à droite */
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
    font-weight: bold;
}

.text-content {
    padding: 15px;
}

.read-more {
    display: flex;
    align-items: center;
    color: #006d77;
    font-weight: bold;
    text-decoration: none;
}

.read-more:hover {
    text-decoration: underline;
}