/* La premiere entete top bar */
.header-top-bar {
    background-color: #1d6f42;
}

/*le trait apres le menu*/
.mesmerize-front-page .navigation-bar.bordered {
    border-bottom-color: #1d6f42;
    border-bottom-width: 10px;
    border-bottom-style: solid;
}

/**Justifier le texte*/
body #page p {
  text-align: justify;
  line-height: 1.6;
  margin-bottom: 1em;
}
/**/



/**/
/*les balises h1*/
h1 {
    font-weight: bold;            /* Met en gras */
    font-family: "Arial", sans-serif; /* Police simple et moderne */
    text-align: center;           /* Centre le texte */
    margin: 15px 0;               /* Espacement au-dessus et en dessous */
    letter-spacing: 1px;          /* Légère espace entre les lettres */
    text-transform: uppercase;    /* Met en majuscules */
    font-size: 20px;              /* Taille du texte réduite */
}



/*les balises h2*/
h2 {
    font-weight: bold;                  /* Met en gras */
    font-family: "Arial", sans-serif;  /* Police simple et moderne */
    text-align: left;                   /* Alignement à gauche (plus classique) */
    margin: 15px 0;                    /* Espacement au-dessus et en dessous */
    letter-spacing: 1px;                /* Légère espace entre les lettres */
    font-size: 18px;                    /* Taille du texte */
}

[data-export-id] h2
 {
    font-weight: bold;                  /* Met en gras */
    font-family: Arial, sans-serif;    /* Police simple et moderne */
    text-align: center;                   /* Alignement à gauche */
    margin: 15px 0;                    /* Espacement au-dessus et en dessous */
    letter-spacing: 1px;                /* Légère espace entre les lettres */
    font-size: 18px;                    /* Taille du texte */
    border: none;                      /* Suppression bordure */
    display: block;                    /* Affichage bloc */
    text-transform: none;              /* Supprime la transformation majuscule */
}


/*les balises h4*/
h4 {
    font-size: 16px;               /* Taille de police adaptée */
    font-weight: bold;             /* Met le texte en gras */
    font-family: "Arial", sans-serif; /* Police simple et moderne */
    letter-spacing: 1px;           /* Espacement des lettres */
    margin: 15px 0;                /* Espacement au-dessus et en dessous */
    padding-bottom: 5px;           /* Espace sous le texte */
    border-bottom: 2px solid #ccc; /* Ligne fine sous le titre */
}

/*Les paragraphes justify*/
p {
    text-align: justify;
    font-size: 16px;
    line-height: 1.6; /* Améliore l’espacement entre les lignes */
    font-family: Arial, sans-serif;
    margin: 10px 0;
}

/*Titre des articles*/
.post-title {
    font-size: 16px;                /* Taille de police adaptée */
    font-weight: bold;              /* Met le texte en gras */
    font-family: "Arial", sans-serif; /* Police simple et moderne */
    letter-spacing: 1px;            /* Espacement des lettres */
    margin: 15px 0;                 /* Espacement au-dessus et en dessous */
    padding-bottom: 5px;            /* Espace sous le texte */
    border-bottom: 2px solid #ccc;  /* Ligne fine sous le titre */
    text-align: justify;            /* Justifie le texte */
}


/*******************************/



/*****/


/* Pied de page icone */
.titrepiedpage {
  font-family: Arial, sans-serif;
  padding: 10px;
}
.titrepiedpage h2 {
  text-align: center;
  font-size: 1.3rem;
  margin-bottom: 5px;
	/*text-decoration: underline;*/
	display:inline-block; 
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3px;
}
.titrepiedpage ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.titrepiedpage li {
  display: flex;              /* Icône + lien sur la même ligne */
  align-items: center;        /* Centre verticalement */
  margin-bottom: 5px;        /* Espace entre les lignes */
}
.titrepiedpage li:last-child {
  margin-bottom: 0;           /* Pas de marge après le dernier élément */
}
.titrepiedpage i {
  width: 20px;                /* Largeur fixe pour aligner les icônes */
  text-align: center;
  font-size: 1.1rem;
  margin-right: 5px;          /* Espace entre l'icône et le lien */
}
.titrepiedpage a {
  text-decoration: none;
  padding: 5px;
 
}

/*Fin de pied de page*/

/*icone tik tok en pied de page*/



.copyright {
  font-size: 0; /* Masque tout le texte */
}
.copyright::before {
  content: "© 2025 ATOUR-CI"; /* Réaffiche uniquement ce qu'on veut */
  font-size: 14px;
}
/*couleur jaune pour CHASS-DABALI*/
#menu-item-292 > a {
  background-color: #FFD700;   /* jaune doré */
  color: white !important;     /* texte en blanc */
  padding: 5px 15px;           /* espace autour du texte */
  border-radius: 30px;         /* coins arrondis */
  font-weight: bold;           /* texte en gras */
  display: inline-block;       /* bon affichage du padding */
  text-align: center;          /* centrage du texte */
  margin-left: 100px;          /* décalage à gauche */
  margin-right: 10px;
  margin-top: 3px;
  text-decoration: none;       /* retire le soulignement */
}

#menu-item-292 > a:hover {
  background-color: #e6c200;   /* plus foncé au survol */
}