@charset "UTF-8";
 
html, body {
    margin: 0 !important;
    padding: 0 !important;
}
 
/* BODY */
body {
    background-color: #fcfaf1 !important;
    font-family: "Mulish", serif;
    font-size: 1em;
    line-height:1.6em;
    overflow-x: hidden;
}
 
.background-circle {
    position: absolute;
    top: 700px; /* Position initiale */
    left: 35%;
    height: 150vh; /* Hauteur du cercle */
    aspect-ratio: 1 / 1; /* Garantit un cercle parfait */
    background-color: rgba(255, 192, 203, 0.3);
    border-radius: 50%;
    z-index: -1;
    filter: blur(60px); /* Ajoute un flou de 20px */
    -webkit-filter: blur(60px);
    overflow-x: hidden;
    max-width: 65%;
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
}
 
.circle-standard
{
    top: 300px;
}
 
.circle-jeunesse
{
    background-color: rgba(112, 217, 229, 0.2);
}
 
.background-home-circle {
    position: absolute;
    top: 120%; /* Position initiale */
    left: 35%;
    height: 150vh; /* Hauteur du cercle */
    aspect-ratio: 1 / 1; /* Garantit un cercle parfait */
    background-color: rgba(255, 192, 203, 0.3);
    border-radius: 50%;
    z-index: -1;
    filter: blur(60px); /* Ajoute un flou de 20px */
    -webkit-filter: blur(60px); /* Ajoute un flou de 20px */
    overflow-x: hidden;
    max-width: 65%;
    backdrop-filter: blur(60px);
    -webkit-backdrop-filter: blur(60px);
}
 
/* FONT-FACE */
/* Définition des polices */
@font-face {
    font-family: "Litera";
    src: url("../../commun/polices/litera.woff2") format("woff2"),
         url("../../commun/polices/litera.woff") format("woff"),
         url("../../commun/polices/litera.ttf") format("truetype");
    font-display: swap;
}
 
@font-face {
    font-family: "Mulish";
    src: url("../../commun/polices/mulish.woff2") format("woff2"),
         url("../../commun/polices/mulish.woff") format("woff"),
         url("../../commun/polices/mulish.ttf") format("truetype");
    font-display: swap;
}
 
@font-face {
    font-family: 'BLACKJAR';
    src: url('../../commun/polices/BLACKJAR.eot');
    src: url('../../commun/polices/BLACKJAR.eot') format('embedded-opentype'),
         url('../../commun/polices/BLACKJAR.woff2') format('woff2'),
         url('../../commun/polices/BLACKJAR.woff') format('woff'),
         url('../../commun/polices/BLACKJAR.ttf') format('truetype'),
         url('../../commun/polices/BLACKJAR.svg#BLACKJAR') format('svg');
    font-display: swap;
}

 
@keyframes animationTwist
{
    0% {transform: scale(0) rotate(-5deg);}
    100% {transform: scale(1) rotate(0deg);}
}
 
/* Navigation */
#navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff; /* Couleur de fond */
    z-index: 1000; /* Assure que la navbar est au-dessus des autres éléments */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Ombre légère */
    transition: top 0.3s;
}
 
.navbar-collapse.slide-in {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-color: rgb(252, 250, 241);
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 500;
    padding-top: 100px;
}
 
.navbar-collapse.slide-in.show {
    transform: translateX(0);
}
 
.navbar-toggler, .navbar-brand, .num-tel {
    z-index: 1001;
}
 
.navbar-toggler-success
{
    border: 2px solid rgb(112, 217, 229);
}
 
.navbar-toggler-primary
{
    border: 2px solid rgb(165, 19, 82);
}
 
.navbar-toggler-icon-success
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28112, 217, 229, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
 
.navbar-toggler-icon-primary
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28165, 19, 82, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
 
#principale {
    font: 1.15em "Mulish", serif;
}
 
.rounded-left-bottom {
    border-bottom-left-radius: 45px; /* Coin inférieur gauche */
}
 
/* Icone de navigation et des cartes*/
.nav-icone, .card-icone {
    width: 45px;
    height: 45px;
    cursor: pointer;
    transform: rotate(0deg);
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all .1.2s ease;
}
 
 
 
.nav-icone:hover, .card-icone:hover {
    transform: rotate(360deg);
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
 
 
/* Hover effects pour la navigation principale */
#mainNavigation .nav-link {
    transition: all 0.3s ease;
    position: relative;
}
 
/* Hover effects pour les dropdown items */
.dropdown-item {
    transition: all 0.2s ease;
}
 
.bg-color-main:hover {
    background-color: #F5B4D2 !important;
    color: #A51352 !important;
    padding-left: 1.5rem;
}
 
.bg-color-jeunesse:hover {
    background-color: #70d9e5 !important;
    color: #A51352 !important;
    padding-left: 1.5rem;
}
 
 
#mainNavigation .nav-link:hover {
    color: #A51352 !important; /* Primary color */
}
 
/* Désactive le hover sur le 5ème li */
.navbar-nav .d-flex.align-items-center > li:nth-child(5) .nav-link {
    pointer-events: none;
  }
 
/* Hover effect pour le mobile - menu trigger */
.navbar-toggler:hover {
    box-shadow: 0 0 8px rgba(59, 59, 59, 0.25);
}
 
/* Smooth transitions for all elements */
.nav-item, .nav-link, .dropdown-item, .navbar-toggler {
    transition: all 0.3s ease;
}
 
/* Ombre du menu secondaire */
.shadow-menu  {
    box-shadow: 3px 8px 8px rgba(59, 59, 59, 0.25) !important;
}


/* BOUTONS Statics Effacer mes traces et Quitter rapidement*/
#buttonZone{
    position: fixed;
    transition: top 0.3s;
    z-index: 1001;
}
 
#buttonZone button {
    font: bold 1.5em "Mulish", serif !important;
    border: 5px solid;
}
 
/* fin de Navigation */
 
/* Hovers spécials */
.custom-hover-1:hover {
    background-color: #ffb6d9 !important; /* Couleur de fond au survol */
    border-color: #ffb6d9 !important;
    color: #A51352 !important;/* Couleur du texte au survol */
}
 
.custom-hover-2:hover {
    background-color: #ffb6d9 !important; /* Couleur de fond au survol */
    border-color: #ffb6d9 !important;
    color: #A51352 !important;/* Couleur du texte au survol */
  }
 
.custom-hover-3:hover {
    background-color: #ffb6d9 !important; /* Couleur de fond au survol */
    border-color: #A51352 !important;
    color: #A51352 !important;/* Couleur du texte au survol */
  }
 
.custom-hover-3, .custom-hover-contact {
    transition: transform 0.3s ease;
}
 
.custom-hover-3 .card, .custom-hover-contact .card {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: center;
    position: relative;
    overflow: hidden;
}
 
.custom-hover-3:hover .card {
    transform: scale(1.03);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    background-position: 45px center !important;
}
 
.custom-hover-contact:hover .card {
    transform: scale(1.03);
    box-shadow: 8px 15px 30px 0 #F5B4D2;
    background-position: 45px center !important;
}
 
 
.custom-hover-3 .card::before, .custom-hover-contact .card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
}
 
.custom-hover-3:hover .card::before, .custom-hover-contact .card::before {
    opacity: 1;
}
 
.custom-hover-3:hover img, .custom-hover-contact:hover img {
    animation: bounce 0.6s ease;
}
 
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}
 
/* Hover effect to make the arrow bounce */
.custom-hover-4 img {
filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
animation: bounce2 1.5s ease-in-out infinite; /* Animation plus fluide */
transform: translateY(0) scale(1); /* Position et échelle par défaut */
transition: transform 0.5s ease-out, filter 0.5s ease-out; /* Transition plus douce */
}
 
/* Keyframes for the bounce animation */
@keyframes bounce2 {
    0%, 100% {
        transform: translateY(0); /* Amplitude de rebond plus grande */
    }
    50% {
        transform: translateY(-10px);
    }
}
 
.custom-hover-5 img {
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
    animation: bounce3 1.5s ease-in-out infinite; /* Animation plus fluide */
    transform: translateY(0) scale(1); /* Position et échelle par défaut */
    transition: transform 0.5s ease-out, filter 0.5s ease-out; /* Transition plus douce */
}
 
.custom-hover-5 img:hover,  .custom-hover-4 img:hover {
    animation: none; /* Arrête l'animation */
    transform: translateY(-5px) scale(0.95); /* Effet de lévitation et réduction */
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, 0.2)); /* Ombre plus prononcée */
}
 
@keyframes bounce3 {
    0%, 100% {
        transform: translateY(-10px); /* Amplitude de rebond plus grande */
    }
    50% {
        transform: translateY(0);
    }
}
 
 
/* Styles personalisés pour  la page - Service jeunesse*/
.custom-hover-2-jeunesse:hover {
    background-color: #A51352 !important; /* Couleur de fond au survol */
    border-color: #A51352 !important;
    color: #70d9e5 !important;/* Couleur du texte au survol */
  }
 
/* HEADER */
header {
    position: relative; /* Assure que le header peut contenir des éléments superposés */
  }
 
header div.container>div {
    height: 100vh;
}
 
header div.container
 
/* css qui gère des ailes pour elles*/
header h1, header blockquote {
    font: 7.5em "Litera", serif !important;
}
 
@media (max-width: 768px) {
    header h1, header blockquote {
        font: 3.3em "Litera", serif !important;
    }
}
 
header h1#titrePrincipale {
    hyphens: auto; /* Ajoute des tirets pour couper les mots */
    word-break: break-word; /* Coupe les mots trop longs */
    overflow-wrap: break-word; /* Assure que le texte ne déborde pas */
    white-space: normal; /* Permet le retour à la ligne */
    bottom:0px;
    font-size: 4em !important; /* Taille sur grand écran */
    font-family: "Litera", serif !important;
}
 
@media (max-width: 768px) {
    header h1#titrePrincipale {
        font-size: 2.8em !important; /* Taille sur téléphone (écrans <= 768px) */
    }
}
 
/* css qui gère la phrases de la maison*/
header p {
    margin-top:45px;
    font-size: 2.19em;
    line-height:1.2em;
}
 
@media (max-width: 768px) {
    header p {
        margin-top:30px;;
        font-size: 1.4em;
        line-height:1.4em;
    }
}
 
.petit  {
    font-size: 0.5em ;
}
 
#header-icone {
    width: 85px;
    height: 85px;
    cursor: pointer;
    transition: transform 0.5s ease-in-out;
}
 
/* Style pour les titres principaux */
.titre-principal {
    font-size: 2.7em !important;
    font-family: "Litera" !important;
    color: #0f0f0f;
    margin-bottom: 15px;
    line-height: 1.7em;
  }
 
  @media (max-width: 768px) {
   /* Style pour les titres principaux mobile */
        .titre-principal {
            font-size: 2.2em;
            font-family: "Litera";
            color: #0f0f0f;
            line-height: 1.5em;
  }
 
  /* Style pour un bouton CTA */
.stylise {
    line-height: 0.95em;
}

.text-citation {
    font-size: 2em !important;
    line-height: 1.5em !important;
  }
}
 
/* Style pour les titres secondaires */
.titre-secondaire {
    font-size: 2em !important;
    font-family: "Litera" !important;
    color: #0f0f0f;
    line-height: 1.5em;
}

.text-citation {
    font-size: 2.7em !important;
    color: #A51352 !important;
    font-family: "Literata" !important;
    line-height: 1.7em;
  }
 
.titre-litera {
    font-family: "Litera" !important;
}
 
.faq p {
    margin:0.5rem 0 0 0;
    padding-top:0;
    line-height:24px;
}
 
.faq ul {
    margin:0.5rem 0 0.5rem 0;
}
.faq ul li {
    margin:0.2rem 0 0.2rem 0;
}
 
 
/* Style pour le texte de paragraphe */
.texte-paragraphe {
font-size: 1em;
line-height: 1.5;
color: "#0f0f0f";
font-family: "Mulish" !important;
}
 
main ul {
    list-style: none; /* Désactiver les puces par défaut */
    padding-left: 0; /* Supprimer le padding par défaut */
}
 
main ul:not(.list-unstyled) li {
    position: relative;
    padding-left: 40px; /* Espace pour l'image */
    margin-bottom: 10px; /* Espacement entre les éléments */
    display: flex; /* Utiliser Flexbox pour aligner */
    align-items: center; /* Aligner verticalement au centre */
}
 
main ul:not(.list-unstyled) li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 30%;
    transform: translateY(-50%); /* Centrer verticalement */
    width: 2.5em; /* Largeur de l'image */
    height: 2.5em; /* Hauteur de l'image */
    background-image: url("../../site/img/icons/papillon-rose.svg"); /* Chemin de l'image */
    background-size: cover; /* Redimensionner l'image */
    background-repeat: no-repeat;
}
 
main a[target="_blank"] {
    position: relative; /* Permet de positionner l'élément après le lien */
    display: inline-block; /* Pour que l'élément se comporte comme un bloc */
}
 
main a[target="_blank"]:not(#btnSubmit) {
    position: relative;  /* Nécessaire pour positionner correctement ::after */
    padding-right: 2em;  /* Ajoute de l'espace à droite de l'élément */
}

main a[target="_blank"]:not(#btnSubmit)::after {
    content: "";
    position: absolute;
    right: 0;  /* Positionne l'image à l'intérieur de l'élément */
    top: 5%;
    /*transform: translateY(-50%); /* Centrage vertical de l'image */
    width: 1.5em; /* Taille de l'image */
    height: 1.5em; /* Taille de l'image */
    background-image: url("../../site/img/icons/icons8-external-link-2.svg"); /* Lien vers ton image */
    background-size: cover; /* Couvre l'espace alloué à l'image */
    background-repeat: no-repeat; /* Pas de répétition de l'image */
}

 
/* Image par défaut */
.external-link-icon {
    width: 1.5em;
    height: 1.5em;
    transition: all 0.3s ease; /* Pour une transition douce */
}
 
/* Style pour un bouton CTA */
.stylise {
    font-size: 1.3em;
    font-family: 'BLACKJAR';
    color: #A51352;
    line-height: 0.95em;
}
 
/* Style pour un bouton CTA */
.stylise1 {
    font-size: 1.3em;
    font-family: 'BLACKJAR';
    color:#fcfaf2;
    line-height: 0.95em;
}
 
/* CAROUSEL */
.slider-icone {
    width: 65px;
    height: 65px;
}
 
/* Styles pour les indicateurs */
.carousel-indicators {
    position: absolute;
    bottom: 10px; /* Ajustez la position verticale */
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 10px; /* Espace entre les indicateurs */
    z-index: 1; /* Assurez-vous que les indicateurs sont au-dessus du carrousel */
}
 
.carousel-indicators [data-bs-target] {
    width: 12px; /* Largeur du cercle */
    height: 12px; /* Hauteur du cercle (doit être égale à la largeur) */
    border-radius: 50%; /* Rend le bouton parfaitement rond */
    background-color: #ffffff; /* Couleur de fond par défaut */
    border: none; /* Supprime la bordure */
    opacity: 0.85; /* Opacité par défaut */
    transition: opacity 0.3s ease, background-color 0.3s ease; /* Transition fluide */
    padding: 0; /* Supprime le padding par défaut */
    box-sizing: border-box; /* Assure que la taille inclut le padding et la bordure */
    aspect-ratio: 1 / 1;
}
 
.carousel-indicators [data-bs-target].active {
    border: 2px solid #fff;
    background-color: #A51352; /* Couleur de fond pour l'indicateur actif */
    opacity: 1; /* Opacité pour l'indicateur actif */
}
 
/* CARTES */
.card-background {
    background: rgba(255, 255, 255, 0.83) !important;
  }
 
 
/* Média query */
/* Navigation */
 
/* Pour les grands écrans (ordinateurs portables, ≥ 992px) */
@media (min-width: 1200px) {
    .navbar-collapse.slide-in {
        margin: 0;
        padding: 0;
        position: static;
        transform: none;
        width: auto;
        height: auto;
        background-color: rgb(252, 250, 241);
        z-index: 9999; /* Ajouté */
    }
    .dropdown-menu li:first-child {
        margin-top: 15px;
    }
 
    #navbar {
        z-index: 9999; /* Assure que la navbar est au-dessus des autres éléments */
    }

    /* Taille des de la police des boutons  */
    section .btn, section button#btnSubmit, section button#btnReponse {
        font-size: 1.16em !important;
    }

    /* Menu déroulant - Hover */
    .dropdown:hover .dropdown-menu, .dropdown:active .dropdown-menu {
        display: block;
        margin-top: 0;
      }
    
}

    
 
@media (max-width: 1200px)
{
    #buttonZone button
    {
        border-radius: 0px !important;
    }
 
    .navbar-collapse.slide-in {
        padding-bottom: 200px;
    }
    
    .img-header{
        height: 400px !important;
    }

    .dropdown-menu 
    {
        position: relative !important;
        transform: translate(0px, 0px) !important;
    }
 
}
 
 /* Block Contact */
 
 /* Taille des blocks */
 .ratioCarre {
    aspect-ratio: 1 / 1; /* Custom aspect ratio */
}
.ombreRose {
    box-shadow: 6px 6px 10px 0 #F5B4D2;
}
 
 
 
/* Autres Classes */
 
/* Zone question de la messagerie confidentielle */
.question {
    border-radius:100px;
}
 
@media (max-width: 1200px) {
    .question {
        border-radius: 60px;
    }
 }

h1.modal-title {
    font-family: "Litera";
}
 
.modal-content {
    background-color:#fcfaf2;
}
 
.fondBlanc {
    background-color:rgba(252, 250, 242, 0.75)
}
 
.question h1, .question label, .question p  {
    color:#fcfaf2;
}
textarea {
    resize:none;
}
 
 
 
/*SECTION QUESTIONAIRE ACCUEIL*/
.rounded-corner {
    border-radius: 60px !important; /* Tous les côtés arrondis par défaut (mobile) */
}
 
@media (min-width: 1200px) {
    .rounded-corner {
        border-top-left-radius: 160px !important;
        border-top-right-radius: 160px !important;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }
    .rounded-corner-1 {
        border-top-left-radius: 60px !important;
        border-top-right-radius: 60px !important;
        border-bottom-left-radius: 60px !important;
        border-bottom-right-radius: 60px !important;
    }
}

@media (max-width: 1200px) {
 
    .rounded-corner-1 {
        border-top-left-radius: 60px !important;
        border-top-right-radius: 60px !important;
        border-bottom-left-radius: 60px !important;
        border-bottom-right-radius: 60px !important;
    }
}
 
.flip-vertical {
    transform: scaleY(-1);
}
 
/* FOOTER */
footer ul a:hover {color:#a50050 !important;}
div#coordonnee {font-family:"Litera"; font-weight:bold;}
div#coordonnee p a {color:#a50050 !important;}
div#coordonnee p a:hover {color:#0f0f0f !important;}
footer p#droits {font-size:0.95em;}
 
/* Hauteur pour les écrans mobiles */
@media (max-width: 992px) {
    #col-2 {
        height: 250px; /* Hauteur spécifique pour les petits écrans */
    }
}

@media (max-width: 767px) {
    
 
    .banniere-contenu
    {
        margin-left: 0;
    }

    .banniere-contenu h2
    {
        font-size: 2em !important;
    }
    

    #sectionQuestionnaire
    {
        margin-top: 150px !important;
    }
}

@media (max-width: 980px) {
    iframe {
        width:100%;
    }
}

@media (max-width: 1200px) {
    footer
    {
        padding-bottom: 150px;
    }
}
 
/* Hauteur pour les écrans mobiles */
@media (max-width: 556px) {
 
 
    .navbar-collapse.slide-in {
        padding-top: 80px;
    }
}

@media (min-width: 992px) {
    #col-2 {
        height: 100%; /* Pas de hauteur fixe sur les grands écrans */
    }
}
 
/* Enlever la hauteur sur les écrans plus grands */
@media (min-width: 768px) {
    
 
    .banniere-contenu
{
    margin-left: 15%;
}

 
/* Ajout des étoiles rouges */
.required-asterisk {
    color: #dc3545;
    font-size: 1.2em;
    margin-left: 3px;
    display: none;
  }
 
  .has-error .required-asterisk {
    display: inline;
  }
   
}
 
.imageTiny img
{
    width: 100%;
    height: auto;
    border-radius:25px;
}
 
.arrondi {
    border-radius:25px;
}
 
@media (max-width: 768px) {
    /* Style pour les arrondi mobile */
    .arrondi {
        border-radius:0;
    }
 }
 
.imageGrande p
{
    margin: 0;
}
 
.imageGrande img {
    width:100%;
    height: auto;
}
 
.img-valeur img
{
    width: 40%;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain;
}
 
.img-effacer img
{
    width: 100%;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover;
}
 
 
.card-overlay {
    margin-top: 200px;
}
 
.card-background {
    background: rgba(255, 255, 255, 0.8);
}
 
.bg-jeunesse
{
    background-color:#7DCBDA;
}
 
.danger
{
    font-size: 2em;
}
 
/* Pour les grands écrans (desktops) */
#sectionQuestionnaire {
    margin-top: 35vh; /* Utilisation de "vh" (viewport height) pour une meilleure adaptabilité */
}

/* Pour les tablettes */
@media (max-width: 1200px) {
    #sectionQuestionnaire {
        margin-top: 15vh;
    }
}

/* Pour les petits appareils comme les smartphones */
@media (max-width: 768px) {
    #sectionQuestionnaire {
        margin-top: 6vh;
    }

    .header-home
    {
        height: 80vh !important;
    }
}

/* Pour les très petits écrans */
@media (max-width: 480px) {
    #sectionQuestionnaire {
        margin-top: 3vh;
    }
}
 
 
.carte {
    animation: animationTwist 250ms ease-in-out;
}
 
.navbar-item {
    opacity: 1; /* L'élément est visible par défaut */
    transition: opacity 0.3s ease-out; /* Transition douce pour l'opacité */
}
 
.navbar-item-hidden {
    opacity: 0; /* Cache l'élément en fondu */
}

/* FORMULAIRES */
.form-control {
    border-color: #8a8a8a !important; /* Green border on focus */
    box-shadow: 0 0 5px rgba(255, 148, 250, 0.5); /* Optional: Add a glow effect */
}

/* Style pour la roue de chargement des formulaires */
.spinner-border {
    width: 2rem;
    height: 2rem;
    border-width: 0.25em;
}

/* Personnalisation de la sélection de texte */
::selection {
    background-color: #A51352; /* Couleur de fond lors de la sélection */
    color: #F5B4D2;           /* Couleur du texte lors de la sélection */
  }
  
  /* Pour assurer la compatibilité avec certains navigateurs (comme Safari) */
  ::-moz-selection {
    background-color: #A51352; /* Couleur de fond lors de la sélection */
    color: #F5B4D2;           /* Couleur du texte lors de la sélection */
  }

  .carteQuestion
  {
    min-height: 400px;
  }

/* Page des crédits */

.team-member {
    margin-bottom: 2rem;
}

.sectionEffacerTraces p:not(:last-child){
    margin-bottom: 0.25em;
}

#sectionContact strong {
    display: block;
    padding-top: 1.5rem !important;
}

.sectionRessource p:not(:first-child)
{
    margin-top: 0;
}

#tel-header
{
    font-size: 0.95em !important;
    align-self: center;
}

.titre-secondaire + ul
{
    margin-top: 1.5em;
}

h1, h2, h3, h4, h5, h6
{
    font-family: 'Litera', serif;
}