/* Style pour le corps */

body {
    background-image: url('../image/fondecran.jpeg'); /* ou .png, .webp selon ton format */
    background-size: cover; /* pour que l'image couvre tout l'écran */
    background-position: center; /* pour centrer l'image */
    background-repeat: no-repeat; /* pour éviter que l'image se répète */
  }

/* Style pour les images */
img {
    max-width: 60px; /* Taille augmentée pour une meilleure visibilité */
    max-height: 60px;
    height: auto;  
    width: auto;
    padding: 5px; /* Espacement interne réduit */
    margin-left: 20px;                     
    display: inline-block; /* Meilleure intégration */
}

/* Style pour les tableaux */
td, tr {
    border: 1px solid #ddd; /* Bordure subtile et moderne */
    width: 300px;
    height: 150px; /* Hauteur réduite */
    padding: 10px; /* Espacement interne ajouté */
    text-align: center; /* Contenu centré */
    background-color: #fff; /* Fond blanc pour contraste */
}

/* Style de la navbar */
.navbar {
    background-color: #444; /* Couleur plus neutre */
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Effet de profondeur */
}
 
.navbar ul {
    list-style-type: none; /* Supprime les puces */
    margin: 0;
    padding: 0;
    display: flex; /* Aligne les éléments horizontalement */
    justify-content: center; /* Centrage des éléments */
}
 
.navbar ul li {
    margin: 0; /* Élimination des marges inutiles */
}
 
.navbar ul li a {
    display: block; /* Affiche les liens en tant que blocs */
    color: #fff; /* Texte blanc */
    text-align: center; /* Alignement central */
    padding: 10px 20px; /* Espacement équilibré */
    text-decoration: none; /* Suppression des soulignements */
    font-size: 16px; /* Taille de texte ajustée */
    transition: background-color 0.3s, color 0.3s; /* Animation au survol */
}
 
.navbar ul li a:hover {
    background-color: #1e90ff; /* Couleur dynamique au survol */
    color: #fff; /* Conserve le texte blanc */
}

/* Style pour les paragraphes */
p {
    background-color: #fafafa; /* Fond doux */
    width: 300px;
    border: 5px solid #1e90ff; /* Bordure fine et élégante */
    padding: 20px; /* Espacement interne réduit */
    margin: 20px auto; /* Centrage horizontal et marges ajustées */
    border-radius: 10px; /* Coins arrondis */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Effet de profondeur */
}

/* Style pour les titres */


/* Ajout de transitions pour une expérience fluide */
* {
    transition: all 0.3s ease-in-out;
}
/* Style pour les paragraphes */