body {
	margin: 0;
}

a {
    text-decoration: none;
    color: inherit; /* Évite d'avoir une couleur différente */
}

a:visited,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    color: inherit;
}
/* --------------------------------Style fleche de retour -----------------------------*/

#Fleche {
    position: fixed;
    top: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
    color: white;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    border-radius: 50%; /* Rend la flèche circulaire */
    text-decoration: none;
    transition: background 0.3s, transform 0.3s;
    z-index: 1000
}

#Fleche:hover {
    background-color: rgba(0, 0, 0, 1); /* Fond plus foncé au survol */
    transform: scale(1.1); /* Effet d'agrandissement */
    text-decoration: none
}

/* --------------------------------Style image principale -----------------------------*/

/* Style pour l'image */
#image-container {
    position: relative;
    width: 100%;
    height: 100vh; /* Prend toute la hauteur de l'écran */
}

#image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Permet de remplir l'écran sans déformer l'image */
    position: absolute;
    top: 0;
    left: 0;
}

/* Style pour le texte */
#texte_de_l_image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    width: 100%;
    font-family: Verdana;
    z-index: 500;
}

#texte_de_l_image h1 {
    font-size: 3em;
    margin: 0;
}

#texte_de_l_image h2 {
    font-size: 1.5em;
    margin: 0;
    font-weight: lighter;
}
/* --------------------------------Style Texte -----------------------------*/

#texte
{
	display: flex;
	flex-direction: column;
	width: 70% ;
	height: auto;
	text-align: justify;
	margin: 0 auto; /* Centre le bloc */

}

#texte h1
{
	font-family: montserrat;
	color: Black;
	font-weight: normal;
	font-size: 50px;
	margin: 0px;
}

#texte h2
{
	margin: 0px;
	font-family: Montserrat;
	color: Black;
	font-weight: normal;
	font-size: 15px;
}

#texte h3
{
	font-family: Montserrat;
	color: Black;
	font-weight: 300;
	font-size: 20px;
}

#texte h4
{
	font-family: Montserrat;
	color: Black;
	font-weight: normal;
	font-size: 15px;
	text-align: right;
}
/* --------------------------------Style image-----------------------------*/

#URUImage img
{
	width: 100%;
	height: auto;
}

#URUImage{
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Par défaut : 4 colonnes */
    gap: 3px; /* Espacement entre les images */
    max-width: 90%; /* Largeur maximale du conteneur */
    margin: auto;
    padding: 0px;
    box-sizing: border-box; /* Inclut les paddings dans la largeur totale */
}


h5 {
	font-size: 10px;
	font-family: montserrat;
	font-weight: normal;
	margin: 5px;
	text-align: right;
}
/* --------------------------------Vidéo-----------------------------*/

iframe {
    max-width: 100%;
}

#Vidéo {
    display: grid;
    grid-template-columns: 1fr; /* Une seule colonne */
    gap: 30px; /* Espacement entre les vidéos */
    justify-content: center; /* Centre les vidéos horizontalement */
    place-items: center; /* Centre le contenu dans la grille */
    width: fit-content; /* Adapte la largeur au contenu */
    margin: auto; /* Centre horizontalement sur la page */
}


/* --------------------------------Style pour le pied -----------------------------*/
#Fond_Blanc {
   	bottom: 0px; /* La place tout en bas */
    left: 0;
    width: 100%; /* Largeur totale de l'écran */
    background-color: white; /* Assure un fond blanc */
    display: flex; /* Active Flexbox */
    align-items: center; /* Aligne verticalement les éléments */
    justify-content: space-between; /* Sépare le titre et le lien */
    padding: 10px 20px; /* Ajuste l'espace intérieur */
    z-index: 1000; /* Place la barre au-dessus du reste du contenu */
    box-sizing: border-box; /* Assure que padding ne dépasse pas */
}

#Fond_Blanc h6, h7 {
    margin: 0; /* Supprime les marges */
    margin-bottom: 10px;
    padding: 0;
    font-size: 20px; /* Ajuste la taille de la police */
    font-family: verdana;
}

#Fond_Blanc h6 a {
    text-decoration: none;
    color: black;
    font-weight: bold; /* Met "Follis Matice" en gras */
}

#Fond_Blanc h7 a {
    text-decoration: none;
    color: black;
    font-weight: normal; /* Garde un style plus léger pour "Infos & Contacts" */
}

/* --------------------------------Pour téléphone-----------------------------*/


@media (max-width: 1024px) {

 
 #texte {
    display: flex;
	flex-direction: column;
	width: 85% ;
	height: auto;
    }

   #Fleche {
   width: 70px;
   height: 70px;
   line-height: 70px;
   	}
}