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 */
    }
}

	
/* --- DESIGN DES FILMS (Ordinateur par défaut) --- */
.container-prochainement2 {
    background-color: #ffffff; /* Fond blanc propre */
    border-radius: 8px;        /* Angles légèrement arrondis */
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08); /* Ombre légère pour détacher le bloc */
}

.prochtitre2 {
    font-size: 124px;
    font-weight: bold;
    color: #111111;
    margin-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
    padding-bottom: 8px;
}

.prochtexte2 {
    display: flex;             /* Aligne l'affiche et le texte côte à côte */
    align-items: flex-start;
    gap: 25px; 	/* Espace entre l'affiche et les textes */
	font-size: 48px;
}

.prochtexte2 img {
    width: 180px;              /* Largeur fixe de l'affiche sur ordinateur */
    height: auto;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
    flex-shrink: 0;            /* Empêche l'image de se déformer */
}

.espaceentrebloc-info {
    flex-grow: 1;              /* Prend tout l'espace textuel restant */
    font-size: 115px;
    line-height: 1.6;          /* Interlignage aéré pour améliorer la lecture */
    color: #333333;            /* Gris très foncé pour un bon contraste sans agressivité */
}

.espaceentrebloc {
    margin-bottom: 10px;       /* Espace vertical entre les métadonnées */
}

.italiquegris {
    font-style: italic;
    color: #666666;            /* Gris neutre pour bien identifier les labels */
    font-weight: 600;
}

.synopsis-bloc {
    margin-top: 15px;
}

.synopsis-texte {
    margin-top: 5px;
    text-align: justify;       /* Texte du résumé propre et aligné */
	font-size: 24px;
}

/* --- ADAPTATION RESPONSIVE (Mobiles et Tablettes) --- */
@media screen and (max-width: 768px) {
    .prochtexte2 {
        flex-direction: column; /* L'affiche passe au-dessus du texte sur mobile */
        align-items: center;    /* Centre l'affiche horizontalement */
        gap: 20px;
    }

    .prochtexte2 img {
        width: 150px;           /* Réduction légère de la taille de l'affiche sur mobile */
    }

    .prochtitre2 {
        font-size: 20px;        /* Titre légèrement plus petit sur smartphone */
        text-align: center;
    }

    .espaceentrebloc-info {
        font-size: 14px;        /* Lisibilité accrue sur petits écrans */
        width: 100%;            /* Le texte occupe toute la largeur de l'écran mobile */
    }
    
    .synopsis-texte {
        text-align: left;       /* Désactivation de la justification mal gérée sur petits écrans */
    }
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* 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 */
}