@charset "utf-8";
/* CSS Document */
        /* Styles globaux */
        body {
            font-family: Arial, sans-serif;
            background-color: #FFFFFF;
            margin: 0;
            padding: 0;
            color: #000042;
            text-transform: none;
			text-align: justify;
        }
        /* En-tête */
        header {
	background-color: #FFFFFF;
	max-width: 1000px;
	margin: 0 auto; /* Pour centrer le contenu */
	padding: 10px;
	color: #112855;
	margin-bottom: -5px !important;
        }
        header h1 {
            margin: 0;
        }
        /* Menu de navigation */
        nav {
  background-color: #00007A;
  max-width: 990px;
  margin: 0 auto;
  display: flex;
  align-items: center; /* centre verticalement les items */
  height: 50px;        /* hauteur du menu */
  font-family: Gafata, Arial, sans-serif;
  font-size: 16px;     /* texte visible */
  line-height: normal;  /* laisse Flexbox centrer verticalement */
  border: 2px solid #fff;
  border-radius: 30px;
  -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
}
		nav2 {
	background-color: #FFFFFF;
	color: #000042;
	padding: 10px 0;
	font-size: 16px;
        }
        nav ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
            text-align: left;
			font-size: 16px;
        }
        nav ul li {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	font-size: 14px;
	overflow: auto;
        }
        nav ul li ul {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #000042;
            padding: 10px;
            color: #FFFFFF;
			font-size: 14px;
        }
        nav ul li:hover ul {
            display: block;
        }
        nav ul li a {
            text-decoration: none;
            color: #FFFFFF;
            padding: 10px 20px;
            display: block;
			font-size: 16px;
        }
        /* Contenu principal */
       main {
	       max-width: 1000px;
           margin: 0 auto; /* Pour centrer le contenu */
           padding: 10px;
		   color: #112855; /* Ajout de la couleur de police pour main */
		   text-align: justify;
      }

       main a {
           color: inherit; /* Utiliser la couleur du texte parent */
      }
	  .justified {
    text-align: justify;
}
        /* Pied de page */
footer {
    background-color: #FFFFFF;
    max-width: 1000px;
    margin: 0 auto; /* centre le footer */
    padding: 10px 20px;
    text-align: center;
    color: #000042;
    border-radius: 30px;
    border: 1px solid #FFFFFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* Container des items */
footer .container {
    display: flex;
    align-items: center;     /* centre verticalement tous les items */
    justify-content: center; /* centre horizontalement si nécessaire */
    gap: 20px;               /* espace entre chaque item */
    flex-wrap: wrap;         /* s’adapte si le footer devient trop étroit */
}

/* Chaque item du footer */
footer .item {
    display: flex;
    align-items: center;  /* centre verticalement texte + icône */
    gap: 8px;             /* espace entre icône et texte */
    font-family: Gafata, Arial, sans-serif;
    font-size: 16px;
    color: #000042;
    text-decoration: none;
}

/* Icônes SVG dans les liens */
footer .item svg {
    width: 24px;
    height: 24px;
    fill: #000042;
    transition: transform 0.3s, fill 0.3s;
    vertical-align: middle; /* centrage vertical par rapport au texte */
}

/* Hover sur les icônes */
footer .item:hover svg {
    fill: #8888FF;
    transform: scale(1.2);
}

/* Exemple texte seul sans icône */
footer .item.text {
    gap: 0;
}

        /* Media queries pour la réactivité */
        @media only screen and (max-width: 768px) {
            nav ul li {
                display: block;
                margin: 10px 0;
            }
            nav ul li ul {
                position: static;
                display: none;
            }
            nav ul li:hover ul {
                display: block;
            }
        }
.Style1 {font-size: large}
.Style2 {
	font-size: x-large;
	font-weight: bold;