/*CSS SRVGame */
:root {--bs-brand-purple: #6a0dad;--bs-saphire: #4e70a4;--bs-blue: #0A192F;--bs-whitepers: #E0E0E0;--bs-noir: #121212;--bs-ROG:#121212;}

/*Theme noir*/
.navbar-noir .nav-link {color: #FFFFFF; /* Blanc pour tous les liens */}
.navbar-noir .nav-link:hover,.navbar-noir .nav-link.active {color: #DDDDDD;} /* Gris au survol et pour l'élément actif */
.nav-link.dropdown-toggle.menu-noir.show{color: #DDDDDD;}
.bg-noir {background-color: var(--bs-noir) !important;color: #FFFFFF; /* !important peut être nécessaire pour surcharger */}
.text-noir{color: #FFFFFF;} /* !important peut être nécessaire pour surcharger */
.noir-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-noir .noir-toggler {border-color: rgba(255, 255, 255, 1);} /* Garder une bordure subtile si nécessaire */
/*Theme saphire*/
.navbar-saphire .nav-link {color: #E0E0E0; /* Blanc pour tous les liens */}
.navbar-saphire .nav-link:hover,.navbar-saphire .nav-link.active {color: #B2B2B2;} /* Gris au survol et pour l'élément actif */
.nav-link.dropdown-toggle.menu-saphire.show{color: #B2B2B2;}
.bg-saphire {background-color: var(--bs-saphire) !important;color: #E0E0E0;} /* !important peut être nécessaire pour surcharger */
.text-saphire{color: #121212;} /* !important peut être nécessaire pour surcharger */
.saphire-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-saphire .saphire-toggler {border-color: rgba(255, 255, 255, 1);} /* Garder une bordure subtile si nécessaire */
/*Theme bleu nuit*/
.navbar-blue .nav-link {color: #E0E0E0;} /* Blanc pour tous les liens */
.navbar-blue .nav-link:hover,.navbar-blue .nav-link.active {color: #797979;} /* Gris au survol et pour l'élément actif */
.nav-link.dropdown-toggle.menu-blue.show{color: #797979;}
.bg-blue {background-color: var(--bs-blue) !important;color: #E0E0E0;} /* !important peut être nécessaire pour surcharger */
.text-blue{color: #000000;} /* !important peut être nécessaire pour surcharger */
.blue-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-blue .blue-toggler {border-color: rgba(255, 255, 255, 1);} /* Garder une bordure subtile si nécessaire */
/*Theme blanc*/
.navbar-whitepers .nav-link {color: #E0E0E0;} /* Blanc pour tous les liens */
.navbar-whitepers .nav-link:hover,.navbar-whitepers .nav-link.active {color: #797979;} /* Gris au survol et pour l'élément actif */
.nav-link.dropdown-toggle.menu-whitepers.show{color: #797979;}
.bg-whitepers {background-color: var(--bs-whitepers) !important;} /* !important peut être nécessaire pour surcharger */
.text-whitepers{color: var(--bs-whitepers) !important;} /* !important peut être nécessaire pour surcharger */
.whitepers-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-whitepers .whitepers-toggler {border-color: rgba(255, 255, 255, 1);} /* Garder une bordure subtile si nécessaire */
/*Theme rog*/
.navbar-ROG .nav-link {color: #e00000; /* Rouge pour tous les liens */}
.navbar-ROG .nav-link:hover,.navbar-ROG .nav-link.active {color: #ff3333;} /* Rouge au survol et pour l'élément actif */
.nav-link.dropdown-toggle.menu-ROG.show{color: #ff3333;}
.bg-ROG {background-color: var(--bs-ROG) !important;color: #e00000; /* !important peut être nécessaire pour surcharger */}
.text-ROG{color: #e00000 !important;} /* !important peut être nécessaire pour surcharger */
.ROG-toggler .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-ROG .ROG-toggler {border-color: rgba(255, 255, 255, 1);} /* Garder une bordure subtile si nécessaire */
.bg-ROG2 {background-color: #282828; /* !important peut être nécessaire pour surcharger */}

/*theme purple*/
.btn-purple {background-color: var(--bs-brand-purple);color: var(--bs-white); /* Utilise la variable blanche de Bootstrap */}
.btn-purple:hover {background-color: #5a0ca0; /* Une teinte légèrement plus foncée au survol */}
.bg-white{color: #121212;}
html {position: relative;min-height: 100%;}
/*footer{position:fixed;bottom:0;overflow:visible;z-index:3;width:100%;margin-bottom:0;}*/
footer{height: 170px;}

body{min-height: 100vh;margin: 0;position:relative;padding-bottom: 154px;}
.titre {font-family: "Helvetica Neue", Arial, sans-serif;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}
.grecaptcha-badge {z-index:99}

/*
gris clair = #E0E0E0 ou DCDCDC
noir/gris foncé = #212529*/
.bg-light-grey{background-color: rgba(0, 0, 0, 0.05);}
.bg-bleuciel{background-color: #cfe2ff; color: #00000;}
.bg-table1{background-color: #9D9D9D; color: #00000;}
.bg-table2:hover,.bg-table1:hover{background-color: #DCDCDC;}
.bg-table2{background-color: #F3F3F3; color: #00000;}
.bg-myblue{background-color: #34495e;}

/*.dropdown-menu>a:hover:nth-child(8n+1), .dropdown-menu>a.active:nth-child(8n+1){border-bottom: #C4E17F 3px solid;}
.dropdown-menu>a:hover:nth-child(8n+2), .dropdown-menu>a.active:nth-child(8n+2){border-bottom: #F7FDCA 3px solid;}
.dropdown-menu>a:hover:nth-child(8n+3), .dropdown-menu>a.active:nth-child(8n+3){border-bottom: #FECF71 3px solid;}
.dropdown-menu>a:hover:nth-child(8n+4), .dropdown-menu>a.active:nth-child(8n+4){border-bottom: #F0776C 3px solid;}
.dropdown-menu>a:hover:nth-child(8n+5), .dropdown-menu>a.active:nth-child(8n+5){border-bottom: #DB9DBE 3px solid;}
.dropdown-menu>a:hover:nth-child(8n+6), .dropdown-menu>a.active:nth-child(8n+6){border-bottom: #C49CDE 3px solid;}
.dropdown-menu>a:hover:nth-child(8n+7), .dropdown-menu>a.active:nth-child(8n+7){border-bottom: #669AE1 3px solid;}
.dropdown-menu>a:hover:nth-child(8n+8), .dropdown-menu>a.active:nth-child(8n+8){border-bottom: #62C2E4 3px solid;}*/

.table-nico{--bs-table-color:#FFF;--bs-table-bg:#343a40;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}
.p4{width: 100%;font-size: 20px;}
.steam{background: linear-gradient(to bottom right, #000b1b, #12598c);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-moz-background-clip: text;-moz-text-fill-color: transparent;}
.status{border-radius:50%;width:20px;height:20px;margin: auto; vertical-align: middle}
/*css gallery*/
/*.photo-gallery {color:#313437;background-color:#fff;}
.photo-gallery p {color:#7d8285;}
.photo-gallery h2 {font-weight:bold;margin-bottom:40px;padding-top:40px;color:inherit;}
@media (max-width:767px) {
  .photo-gallery h2 {margin-bottom:25px;padding-top:25px;font-size:24px;}
}
.photo-gallery .intro {font-size:16px;max-width:500px;margin:0 auto 40px;}
.photo-gallery .intro p {margin-bottom:0;}
.photo-gallery .photos {padding-bottom:20px;}
.photo-gallery .item {padding-bottom:30px;}
/*fin*/
    progress {}
	/* ici les styles généraux */

progress::-webkit-progress-bar { 
	/* ici les styles généraux pour Webkit */
}
progress::-webkit-progress-value {  
	/* styles de barre d'avancement pour Webkit */
}  
progress::-moz-progress-bar { 
	/* styles de barre d'avancement pour Firefox */
}
/*h3 {text-align: center;color: #FFFFFF;}*/
/*p {text-align: center;}*/

/*----------------------------------Theme Noel--------------------------------------------------------------*/
.noel{background:url(../image/theme_noel/banniere_noel.png);background-position:right;border:10px;height:52px;}
/*----------------------------------Fin du Theme Noel-------------------------------------------------------*/
/*.backgroundIp{background: url("../image/logo/logo_IP-Ban.png");background-repeat:no-repeat;background-position:center;}*/
/* formulaire log*/
#log-container { margin-top: 30px; }
#log-output span { display: block; }
.success { color: #34c759; font-weight: bold; }
.error { color: #ff3b30; font-weight: bold; }

#log-output {background-color: #1e1e1e;color: #d4d4d4;font-family: monospace;padding: 20px;border-radius: 5px;max-height: 200px;overflow-y: auto;white-space: pre-wrap;word-wrap: break-word;}

.bg-image-cell {
  background-image: url('../image/game/ats.jpg'); /* Remplacez par le chemin de votre image */
  background-size: cover; /* Ajuste la taille de l'image pour couvrir la cellule */
  background-position: center; /* Centre l'image dans la cellule */
  background-repeat: no-repeat; /* Empêche l'image de se répéter */
  color: white; /* Assurez-vous que le texte reste lisible sur l'image */
  /* Ajoutez du padding si nécessaire pour que le texte ne colle pas aux bords */
  padding: 15px;
	width: 460px;
	height: 215px;
}
.mytext{font-family:"Comic sans MS";}