nav {
    width:100%;
    margin-top:5px;
    /*border:2px solid #A61936;*/
	font-size:3rem;
	
}
ul {
    list-style:none;
    background:transparent;
    margin:0 auto;
    text-align:center;
}
li {
    display:inline-block;
    position:relative;
    min-width:120px;
	/*padding-right:05px;*/
	}
	
li:hover {background-color:lightgrey;}

.flagLettreInfos {
    background-color: #fff102; /* Fond jaune rappelant la charte du Club */
    color: #000;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    padding: 15px;
    margin: 15px 0;
    border-radius: 8px;
    line-height: 1.4;
}

/* Couleur d'alerte spécifique si déjà inscrit */
.flagLettreInfos.warning {
    background-color: #ffcc00; /* Une nuance orange/jaune plus prononcée pour l'alerte */
    color: #000;
    border: 1px solid #cc9900;
}

/* Couleur verte de validation pour une inscription réussie */
.flagLettreInfos.success {
    background-color: #d4edda; /* Vert clair de confirmation */
    color: #155724; /* Texte vert foncé */
    border: 1px solid #c3e6cb;
}
	
nav>ul>li:hover:after,nav>ul>li.visited:after {
    display:block;
    content:"";
    width:0;
    height:0;
    position:absolute;
    left:50%;
    bottom:0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #A61936;
    margin-left: -10px;
}
li>a {
    text-decoration:none;
    display:block;
    color:#404040;
    /*text-transform:uppercase;*/
    font-weight:bold;
    padding:5px 5px;
	border-right:1px solid #A61936;
	border-left:1px solid #A61936;	
	margin-right:0px;
}
ul li:hover ul {
    display:block;
	background-color:lightgrey;
}
ul ul {
    display:none;
    position:absolute;
    top:59px;
    left:0;
}
ul ul li:hover {
   background:#A61936;
}
ul ul li:hover>a {color:#E5E5E5;}
ul ul li:nth-child(1) {border-top:2px solid #A61936;}
ul ul a {
    text-transform:lowercase;
    padding:15px;
}
ul ul ul {
    position:absolute;
    left:120px;
    top:0;
    display:none !important;
}
ul ul>li:hover ul {
    display:block !important;
}
ul ul ul li {border-top:0 !important;}
/*responsive*/
@media screen and (max-width:500x) {li {min-width:100px;}}



li2 {
    display:inline-block;
    position:relative;
    min-width:120px;
    font-size:2rem;
	background-color:e5e5e5;
	margin:5px;
	padding:3px;
	font-weight:normal;
	/*border: 0.1rem solid black;*/
	
}
navplus>ul>li2:hover:after,navplus>ul>li2.visited:after {
    display:block;
    content:"";
    width:0;
    height:0;
    position:absolute;
    left:50%;
    bottom:0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #A61936;
    margin-left: -10px;
	
}

nav2 {
    width:100%;
    margin-top:5px;
    /*border:2px solid #A61936;*/
	font-size:3rem;
	
}
li2>a {
    text-decoration:none;
    display:block;
    color:black;
    /*text-transform:uppercase;*/
    font-weight:normal;
    padding:5px 5px;
	border:2px solid #A61936;
}
ul li2:hover ul {
    display:block;
}



li2:hover {
   background:lightgrey;
   font-weight:bold;
}
li2:hover>a {color:black;}
li2:nth-child(1) {border-top:2px solid #A61936;}


li2 {border-top:0 !important;}
/*responsive*/
@media screen and (max-width:500x) {li2 {min-width:100px;}}


@media screen and (min-width: 1px) and (orientation: portrait) and (max-width: 700px)
	
	{
		nav {font-size:1.7rem;}
		
		nav2 {font-size:1.7rem;}
		
		li>a {padding:5px 5px;margin:5px;}
		
		li2>a {padding:0px 0px;margin:0px;font-size:1.7rem;}
		
	}
	
	
	
	/* --- CODE PAR DÉFAUT (Ordinateurs et Tablettes) --- */
.cont_rs_club-ronds {
    position: fixed;     /* Reste en place au défilement */
    right: 10px;         /* Espacement par rapport au bord droit */
    top: 50%;            /* Aligné au milieu verticalement */
    transform: translateY(-50%); /* Centrage parfait */
    
    display: flex;       
    flex-direction: column; /* Alignement vertical */
    gap: 15px;           /* Espace entre les logos */
    z-index: 9999;       /* Passe au-dessus du contenu */
}

/* --- CODE SPÉCIFIQUE POUR LES MOBILES --- */
@media screen and (max-width: 767px) {
    .cont_rs_club-ronds {
        top: 15px;          /* Place le bloc en haut de l'écran */
        transform: none;    /* Annule le centrage vertical du mode ordinateur */
        right: 15px;        /* Ajuste l'espace du bord droit si nécessaire */
        gap: 10px;          /* Réduit un peu l'espace entre les logos sur mobile */
    }
    
    /* Optionnel : Réduire la taille des logos sur mobile si besoin */
    .cont_rs_club-ronds img {
        width: 32px;        /* Taille légèrement plus petite pour les smartphones */
    }
}

	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* Sécurité responsive pour la bannière de l'en-tête */
a[href="accueil.html"] img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Centre la bannière sur les écrans mobiles */
}