:root {
    /* Définition des variables CSS pour les couleurs et les fonds */
    --light-green: rgb(170, 215, 66);     /* Vert clair */
    --dark-green: rgb(93, 116, 56);       /* Vert foncé */
    --scrovol-menu: rgba(93, 116, 56, 0.9); /* Vert foncé avec transparence pour le menu déroulant */
    --dark-bg: rgb(43, 48, 53);           /* Fond sombre */
    --light-text: #ffffff;                /* Texte clair (blanc) */
    --bg-text: rgba(50, 50, 50, 0.3);     /* Fond de texte semi-transparent */
    --bg-article: rgba(153, 204, 1, 0.075); /* Fond d'article légèrement teinté de vert */
    --bg-text-light: rgba(70, 70, 70, 0.1);
}


*{
    margin: 0;          /* Supprime toutes les marges extérieures */
    padding: 0;         /* Supprime tous les rembourrages intérieurs */
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* Inclut les bordures et le padding dans la largeur/hauteur totale des éléments */
    color: black;
    text-decoration: none;
    font-size: 1.1rem;
}

nav{
    margin: 0 7%;
}

body{
    font-size: 1.2rem;
    font-weight: 1.1em;
    text-align: justify;
}

main{
    margin: 0 10%;
}

.rounded-image {
    border-radius: 50%; /* Rend l'image ronde */
    display: block; /* Assure que l'image est un bloc pour pouvoir la centrer */
    margin: 0 auto; /* Centre l'image horizontalement */
    width: 250px; /* Largeur de l'image */
    height: 250px; /* Hauteur de l'image */
    object-fit: cover; /* Assure que l'image couvre toute la zone sans déformation */
}

.centered-content {
    text-align: center;
}

.card-text{
    line-height: 1.8em;
}

.william{
    margin-top: 1.7em;
}

h1 {
    font-size: 2em;     /* Définit la taille de police pour les titres h1 */
    color: var(--light-green); /* Utilise la couleur vert clair définie dans :root */
    text-align: center ; /* Centre le texte horizontalement */
    margin: .3em 0;
}

/* main content */
main {
    margin-bottom: 3%; /* Ajoute une marge en bas du contenu principal */
}

/* Teutaros page */

section article {
    font-size: 1.1rem;
}

.img_association-hands{
    width: 100%;
    height: auto;
    margin-top: -.2em;
}

.txt-association-text-hands{
    text-align: center;
    margin: 0 10%;
    margin-top: -51em;    
}

.txt-association-text-hands p{
    color: var(--light-green);
    font-size: 4rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
}

.txt-association-text-hands hr{
    color: var(--light-green);
    border: none;
    height: .3em;
    background-color: var(--light-green);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .7);
}

.article-teutaros article{
    margin: 0 10%;
    margin-top: 33em;
}

.header-tutaros{
    margin-top: 4.5em;
}

.article-teutaros h2{
    font-size: 3rem;
}

/* Qui sommes-nous page */
.who-we-are-banner{
    margin-top: 4.4em;
}

.banner-who-we-are-text-hands p{
    display: block;
    margin: 0 7%;
    margin-top: -8.9em;
    color: var(--light-text);
    font-size: 3rem;
    letter-spacing: .3rem;
    word-spacing: .1rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
}

.section-who-we-are{
    margin-top: 23em;
}

.articles-who-we-are{
    margin: 5% 10%;
    font-size: 1.3rem;
}

.section-who-we-are h2{
    color: var(--light-green);
    text-align: center;
    font-size: 3rem;
}

.h2-who-we-are-p{
    text-align: center;
    font-size: 3rem;
}

.img_safak-atalay{
    float: right;
    border: solid .05em rgba(0, 0, 0, 0.1);
    box-shadow:  -3px 3px 3px rgba(0, 0, 0, 0.1);
}

.txt-safak-atalay{
    margin-top: 3.7em;
}

.txt-crowd{
    margin-top: 1.3em;
}

.img_crowd{
    height: 10em;
    border: solid .05em rgba(0, 0, 0, 0.1);
    box-shadow:  3px 3px 3px rgba(0, 0, 0, 0.1);
}

.txt_mill-on-the-brook{
    margin-top: 2em;
}

.img_mill-on-the-brook{
    height: 15em;
    float: right;
    border: solid .05em rgba(0, 0, 0, 0.1);
    box-shadow:  -3px 3px 3px rgba(0, 0, 0, 0.1);
}

/* Status page */

.img_association-status {
    width: 100%;
    height: auto;
    margin-top: 4.2em;
}

.txt-association-statuts p{
    margin-top: -8em;
    color: var(--light-text);
    text-align: center;
    font-size: 5rem;
    letter-spacing: .3rem;
    word-spacing: .1rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
}

.article-statuts{
    margin: 0 10%;
    margin-top: 33em;
}

.article-statuts h2{
    color: var(--light-green);
    text-align: center;
    font-size: 5rem;
    margin-bottom: 1em;
}

.statuts-list-romain{
    margin-top: -3em;
}

.statuts-list-romain ol > li{
    list-style-type: upper-roman;
    font-size: 2rem;
    color: var(--light-green);
    /* margin-top: .7em; */
}

.statuts-list-romain ul > li{
    list-style-type: disc;
}

.text-statuts-sign{
    text-align: right;
    margin-top: 5em;
}

/* Réglement intérieur page */

.img_declaration-des-droits-de-lhomme{
    width: 100%;
    height: auto;
    margin-top: 4.2em;
}

.txt-declaration-des-droits-de-lhomme p{
    margin-top: -4.4em;    
    color: var(--light-text);
    text-align: center;
    font-size: 5rem;
    letter-spacing: .3rem;
    word-spacing: .1rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
}

.declaration-des-droits-de-lhomme {
    margin: 0 10%;
    margin-top: 15em;
}

.declaration-des-droits-de-lhomme h2{
    color: var(--light-green);
    text-align: center;
    font-size: 5rem;
    margin-bottom: 1em;
}

.articles-reglement-interieur-articles .start-title-page{
    margin-top: -1em;
}

.declaration-des-droits-de-lhomme ul > li{
    list-style-type: disc;
}

/* Espace Presse */
.press-img_bird-feather{
    width: 100%;
}

.press-text-bird-feather p{
    margin-top: -8em;
    color: #ffffff;
    text-align: center;
    font-size: 5rem;
    letter-spacing: .3rem;
    word-spacing: .1rem;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, .7);
}

.articles-press{
    margin: 0 25%;
    margin-top: 36em;
}

.articles-press h2{
    font-size: 3rem;
}

/* dossiers pathologie */

.accordion-item h2{
    font-size: 4rem;
}

.accordion-button:hover{
    background-color: var(--bg-text);
}

.btn::selection{
    border: solid .5em var(--light-green);
}

.btn:hover{
    border: solid .5em var(--light-green);
}

.dossiers-pathologies{
    margin: 0 10%;
    z-index: 900;
}

.dossiers-pathologies h1{
    margin-top: 4em;
    margin-bottom: 1em;
    font-size: 2rem;
    color: black;
    text-align: left;
}

.accordion-item h2{
    font-size: 3rem !important;
}

.red-cross img{
    height: 2em;
    width: auto;
}

.dossier-pathologie-h3{
    margin-left: .3em;
    font-size: 1.5rem;
}

.articles-dossiers-pathologies li {
    list-style: disc;
}

.articles-dossiers-pathologies ul li ul li{
    list-style: armenian;
}

.dossiers-pathologies h3{
    font-size: 1.4rem;
}

.logo-dossiers-pathologies img{
    height: 3em;
}

.dossier-pathologie-h3{
    margin-left: 1em;
}

.article_encart{
    padding: .3em;
    background-color: var(--bg-text);
    border-left: solid .3em var(--light-green);
    font-weight: 500;
    margin: 1em 1em;
    padding: .5em .5em;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);
}

.dossiers-pathologies .retour-veineux {
    display: flex;
    align-items: center;
}

.dossiers-pathologies .retour-veineux img {
    width: 30%;
    margin-right: 20px;
}

.dossiers-pathologies .retour-veineux p {
    flex: 1;
}

.dossiers-pathologies-hr {
    border: none; /* Supprime la bordure par défaut */
    height: .2em; /* Définit l'épaisseur de la ligne */
    background-color: black;
    background: black; /* Définit la couleur de la ligne */
}

.article-encart{
    margin-left: 5.3em;
    padding: .7em .7em;
}

.br-space-1{
    display: block;
    content: "";
    margin: .3em 0;
}

.retour-veineux-varices{
    margin: 2.5em 0;
}

.dossiers-pathologies ol li{
    margin-left: 2em;
    list-style-type: decimal;
}

/* Press-communication */
.magazines{
    width: 100%;
}

.magazines-txt p{
    margin-top: -7.5em;
    color: var(--light-text);
    text-align: center;
    font-size: 5rem;
    text-shadow: 7px 7px 3px rgba(0, 0, 0, .7);
}

.press-communication h1{
    margin-top: 15em;
    margin-bottom: .5em;
}

.press-article .table{
    text-align: center;
}

.press-article .table-title{
   font-size: 2rem;
   margin-bottom: .3em;
}

.press-communication .img-press-communication {
  border: 1px solid #ccc; /* Ajoute une bordure grise de 1px */
  box-shadow: 2px 2px 5px #888888; /* Ajoute une ombre portée */
}

.press-communication .communiques-press h2{
    text-align: center;
    margin-top: 2em;
    margin-bottom: .5em;
}

.press-communication .press-communication table{
    margin: 0 10%;
}

.press-communication table a{
     text-decoration: none;
     color: black;
}

.press-communication table a:hover{
     text-decoration: none;
     color: var(--light-green);

}

 /* grand-public */
 .img-librery{
    width: 100%;
    margin-top: 4.2em;
 }

.text-librery{
    margin-top: -5em;
    margin-bottom: 2.5em;
    color: var(--light-text);
    text-align: center;
    font-size: 5rem;
    text-shadow: 7px 7px 3px rgba(0, 0, 0, .7);
 }

 /* Comment ça marche */
 .img-wheels{
    width: 100%;
    margin-top: 4.1em;
 }

 .text-wheels{
    margin-top: -7.5em;
    margin-bottom: 2.5em;
    color: var(--light-text);
    text-align: center;
    font-size: 5rem;
    text-shadow: 7px 7px 3px rgba(0, 0, 0, .7);
 }

 .banner p{
    margin-bottom: 5em;
 }