@font-face {
    font-family: 'Mona Sans';
    src: 
		url('/medias/fonts/mona-sans/extended/WOFF2/MonaSans-Regular.woff2') format('woff2'), /* Format moderne */
         url('/medias/fonts/mona-sans/extended/TTF/MonaSans-Regular.ttf') format('ttf');   /* Format plus ancien */
    font-weight: normal;
    font-style: normal;
}
*{
	margin:0px;
	padding:0px;
	border:0;
}
html{
	background-color:#081028;
}
body{
    font-family: 'Mona Sans', sans-serif;
	color:#FFFFFF;
}
form{
	display:block;
}
select{
	display: inline-block;
	border:1px solid #343b4f;
	box-shadow: rgba(1, 5, 17, 0.2) 0px 2px 4px 0px;
	color:#FFFFFF;
	background-color:#1B2A4D ;
	border-radius:5px;
	box-sizing: border-box; 
}
select > option{
	/*color:#aeb9e1;*/
	line-height:37px;
	text-indent:7px;
}
input{
	display: inline-block;
	box-shadow: rgba(1, 5, 17, 0.2) 0px 2px 4px 0px;
	border:1px solid #343b4f;
	/*color:#aeb9e1;*/
	color:#FFFFFF;
	background-color:#1B2A4D ;
	line-height:37px;
	text-indent:7px;
	border-radius:5px;
	box-sizing: border-box; 
}
input:focus-visible {
    outline: 2px solid #4A90E2; /* Ajoute une bordure bleue lorsqu'il est en focus-visible */
}
input[type=submit]{
	background: linear-gradient(128.49deg, rgb(203, 60, 255) 19.86%, rgb(127, 37, 251) 68.34%);
	cursor:pointer;
	border:none;
	box-shadow: none;	
}
.customSubmit input[type=submit]{
	position:relative;
}
.customSubmit{
	position:relative;
}
.customSubmit:before{
	content: '';
    /*background: linear-gradient(90deg,  #00ffd5, #002bff, #7a00ff);*/
	background: linear-gradient(90deg, #00ffd5, #002bff, #7a00ff,#002bff,#00ffd5);
	/*linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000)*/
    position: absolute;
    top: -4px;
    left:-4px;
    background-size: 200%; /* Taille pour assurer le défilement */
    filter: blur(5px);
    width: calc(100% + 8px);
    height: calc(100% + 8px);
	/*z-index:5;*/
    animation: glowing 3s linear infinite;
    /*transition: opacity .3s ease-in-out;*/
    border-radius: 10px;
}
input[type=submit]:hover{
/*	background: linear-gradient(128.49deg, rgb(127, 37, 251) 19.86%, rgb(203, 60, 255) 68.34%);*/
	background: linear-gradient(90deg, #7F25FB , #CB3CFF);
	cursor:pointer;
	border:none;
	box-shadow: none;
	outline: 2px solid #4A90E2;
}
.separator{
	background-color:#343b4f;
	width:100%;
	height:1px;
	width:100%;
	display:block;
}
ul{
	margin:auto;
	list-style-type:none;
}
a {
	margin: 0px;
	color: #CB3CFF;
	text-decoration: none;
}
a.activeLink,
a:hover{
	color: #FFD700; /* Jaune doré */
}
.notification{
	text-align:center;
	border: 1px solid rgba(255, 90, 101, 0.2);
	border-radius: 2px;
	color: rgb(255, 90, 101);
	background-color: rgba(255, 90, 101, 0.2);
}

@keyframes glowing {
	0% {
        background-position: 0% 0%; /* Départ au début */
    }
/*    50% {
        background-position: 100% 50%;  Milieu du cycle, troisième couleur 
    }*/
    100% {
        background-position: 200% 100%; /* Retour pour un cycle continu */
    }
}


/********** SPECIAL CLASS COLOR *********/
.defaultBgColor1{ /* dark blue */
	background-color:#081028;
	color:#FFFFFF;
}
.defaultBgColor2{ /*darkblue more light */
	background-color:#0B1739;
	color:#FFFFFF;
}
.defaultBgColor3{ /* green success */
	background-color:#0B4030;
	color:#FFFFFF;
}
.defaultBgColor4{/*Orange update*/
	background-color:#604A0F;
	color:#FFFFFF;
}
.defaultBgColor5{/*red error*/
	background-color:#400B0B;
	color:#FFFFFF;
}
.defaultTextColorImportant1{
	color:#ffff00;
}