header.pc
{
	position:fixed;
	display:block;
	margin:0 auto;
	margin-left:0px;
	margin-right:0px;
	left:0;
	right:0;
	top:0;
	height:50px;
	text-align:center;
	width:100%;
	z-index:100;
	background: linear-gradient(to bottom, #111 0%, #1c1c1c 50%);
}
header.mobile
{
	position:fixed;
	display:none;
	margin:0 auto;
	margin-left:0px;
	margin-right:0px;
	left:0;
	right:0;
	top:0;
	height:50px;
	text-align:center;
	width:100%;
	z-index:100;
background: linear-gradient(to bottom, #111 0%, #1c1c1c 50%);
}
li
{
	display:inline-block;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	height:48px;
	margin-top:1px;
	overflow:hidden;
}
a.teltitre
{
	display:inline-block;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	height:48px;
	margin-top:1px;
	font-family: "Russo_One";
	color:rgb(255,255,255);
	font-size:17px;
	margin-top:12px;
	text-decoration:none;
}
li.pageA {
  position: relative;
  background: linear-gradient(90deg, #050505 0%, #0a0a0a 50%, #111111 100%);
  cursor: pointer;
  overflow: hidden; /* empêche le ::before de dépasser */
  transition: background 0.3s ease;
  z-index: 1;
  color: #ffffff;
  font-family: "Russo_One";
}

/* Éclat lumineux subtil au survol */
li.pageA::before {
  content: "";
  position: absolute;
  top: 0; left: -110%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.05); /* très léger reflet */
  transform: skewX(-20deg);
  transition: left 0.6s ease;
  z-index: 2;
}

/* Animation du balayage lumineux */
li.pageA:hover::before {
  left: 100%;
}

/* Variation de teinte au survol — léger contraste sans gris clair */
li.pageA:hover {
  background: linear-gradient(90deg, #0a0a0a 0%, #141414 50%, #1c1c1c 100%);
}




a.liensheadersite1
{
	display:block;
	text-decoration:none;
	font-family: "Russo_One";
	color:#ffffff;
	font-size:20px;
	font-weight: bold;
	 letter-spacing: 1px;
}
a.liensheadersite
{
	display:block;
	text-decoration:none;
	font-family: "Russo_One";
	color:#ffffff;
	font-size:20px;
	margin-top:15px;
	font-weight: bold;
	 letter-spacing: 1px;
}
li.titrehed {
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-family: 'Russo One', sans-serif;
  height: 48px;
}
.btn-wrapper {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}

/* Bouton principal */
a.liensheadersite1 {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  letter-spacing: 1px;
  position: relative;
  z-index: 2;
  transition: color 0.3s ease;
}

/* Éclat lumineux confiné UNIQUEMENT sur le wrapper */
.btn-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: -110%;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.06);
  transform: skewX(-20deg);
  transition: left 0.6s ease;
  z-index: 1;
}
li.titrehed:hover .btn-wrapper::before {
  left: 100%;
}

/* Sous-menu */
.submenu-box {
  position: fixed;
  background: #0f0f0f;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.5);
  padding: 10px 0;
  width: 220px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.25s ease;
  z-index: 1000;
}

/* Liens internes du menu */
.submenu-box a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  transition: background 0.3s ease, padding-left 0.2s ease;
}

.submenu-box a:hover {
  background: linear-gradient(90deg, #a40000 0%, #e50914 100%);
  padding-left: 20px;
}


li.titrehed p.premieronglet
{
	margin-top:0px;
	margin-bottom:0px;
	margin:0 auto;
	width:110%;
	margin-left:-10px;
}
li.titrehed p
{
	margin:0 auto;
	margin-top:-20px;
	width:110%;
}
li.titre {
  position: relative;
  cursor: pointer;
  overflow: hidden; /* empêche le ::before de dépasser */
  transition: background 0.3s ease;
  z-index: 1;
  color: #ffffff;
  font-family: "Russo_One";
}

/* Éclat lumineux subtil au survol */
li.titre::before,
li.titrehed::before {
  content: "";
  position: absolute;
  top: 0; left: -110%;
  width: 100%; height: 100%;
  background: rgba(255,255,255,0.05); /* très léger reflet */
  transform: skewX(-20deg);
  transition: left 0.6s ease;
  z-index: 2;
}

/* Animation du balayage lumineux */
li.titre:hover::before,
li.titrehed:hover::before {
  left: 100%;
}

/* Variation de teinte au survol — léger contraste sans gris clair */
li.titre:hover {
  background: linear-gradient(90deg, #0a0a0a 0%, #141414 50%, #1c1c1c 100%);
}
li.titrehed:hover
{
	background: linear-gradient(90deg, #0a0a0a 0%, #141414 50%, #1c1c1c 100%);
}
li.titre:hover
{
	background-color:rgb(58,58,58);
}
a.liensheadersitect
{
	display:block;
	text-decoration:none;
	font-family:'VillerayRounded-Light';
	color:rgb(255,255,255);
	font-size:17px;
	border-bottom:1px solid rgba(255,255,255,0.7);
	border-top:1px solid rgba(255,255,255,0.7);
	width:100%;
	margin:0 auto;
	margin-top:0px;	
}
a.liensheadersitect1
{
	display:block;
	text-decoration:none;
	font-family:'VillerayRounded-Light';
	color:rgb(255,255,255);
	font-size:17px;
	background-color:rgb(90,90,90);
	border-bottom:1px solid rgba(255,255,255,0.7);
	border-top:1px solid rgba(255,255,255,0.7);
	margin:0 auto;
	margin-top:-11px;
}
a.liensheadersitect:hover,
a.liensheadersitect1:hover
{

	background-color:rgb(0,0,0);
}
div.mobilebouton 
{
	font-family: "HeydingsIcons";
	font-size:200%;
	display:block;
	color:white;
	width:75px;
	margin-top:7px;
	margin-right:10px;
	float:right;
	border-radius:10px;
}
div.mobilebouton:hover
{
	cursor:pointer;
	color:rgb(255,0,0);
}
a.liensheadersitemobile
{
	display:block;
	text-decoration:none;
	color:white;
	font-family:'VillerayRounded-Light';
	font-weight: bold;
	margin-top:10px;
}
a.liensheadersitemobilerubrique
{
	display:block;
	text-decoration:none;
	color:white;
	font-family:'VillerayRounded-Light';
	font-weight: bold;
	margin-top:5px;
	font-size:80%;
}
div.mobilemenu {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* Fond noir semi-transparent */
  position: fixed;
  top:50px;
  left: 0;
  z-index: 1000;
  display: none; /* Cacher le menu par défaut */
  animation: fadeInDown 0.5s ease-out forwards;
}
/* Animation pour l'apparition du menu par le haut */
@keyframes fadeInDown {
  0% {
    transform: translateY(-100%); /* Commence au-dessus de l'écran */
    opacity: 0;
  }
  100% {
    transform: translateY(0); /* Se déplace à sa position d'origine */
    opacity: 1;
  }
}
/* Animation pour la fermeture du menu par le haut */
@keyframes fadeOutUp {
  0% {
    transform: translateY(0); /* Position normale */
    opacity: 1;
  }
  100% {
    transform: translateY(-100%); /* Se déplace au-dessus de l'écran */
    opacity: 0;
  }
}
div#mobilemenu li
{
	margin-top:0px;
	border-bottom:1px solid rgba(255,255,255,0.7);
	border-top:1px solid rgba(255,255,255,0.7);	
}































/* Affichage du menu mobile quand il est ouvert */
@media (max-width: 1200px) {
	header.mobile
	{
		display: block;
	}
	header.pc 
	{
		display: none; 
	}
	a.teltitre
	{
		margin-left:-400px;
	}	
}
@media (max-width: 800px) {
	header.mobile
	{
		display: block;
	}
	header.pc 
	{
		display: none; 
	}
	a.teltitre
	{
		margin-left:-200px;
	}	
}
@media (max-width: 560px) {
	header.mobile
	{
		display: block;
	}
	header.pc 
	{
		display: none; 
	}
	a.teltitre
	{
		display:none;
	}	
}
@media (max-width: 430px) {

	a.teltitre
	{
		display:none;
	}	
}