@charset "utf-8";
/* CSS MENU */
/* VERSION DU			:	01/2025 */
/* ********************************* */
@font-face {
	font-family							:	'nasalization';
	src									:	 url(POLICES/nasalization-rg.ttf);
}
/* ********************************** */
* {
	margin								:	0;
	padding								:	0;
	font-family							:	nasalization;
	align-content						:	center;
	box-sizing							:	border-box;
}

body {
	background							:	repeating-linear-gradient(45deg, #2b2b2b 0%, #2b2b2b 5%, #222222 0%, #222222 50%) 0 / 10px 10px;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}

.gaugeSize_0 {
	width								:	0px;
	height								:	0px;
	min-width							:	0px;
	min-height							:	0px;
}

.table_100_MMX{
	width								:	100%;
	margin								:	0 auto;
}

.table_90_MMX{
	width								:	90%;
	margin								:	0 auto;
}

.td_1{
	width								:	1%;
}
.td_10_VID_MMX{
	width								:	10%;
}
.td_10_LIB_MMX{
	width								:	15%;
	color								:	rgba(0, 250, 92,1.0);					/* VERT */
	font-weight							:	lighter;
	font-size							:	14px;
	border								:	1px solid rgba(155,155,155, 1.0);		/* GRIS */
	background-color					:	rgba( 0, 52, 68, 0.9);					/* GRIS BLEU */
}

.td_10_MMX{
	width								:	12%;
	color								:	rgba(0, 250, 92,1.0);					/* VERT */
	font-weight							:	lighter;
	font-size							:	14px;
	border								:	1px solid rgba(155,155,155, 1.0);		/* GRIS */
	background-color					:	rgba( 0, 52, 68, 0.9);					/* GRIS BLEU */
}
.td_20_MMX{
	width								:	20%;
}
.td_40_MMX{
	width								:	40%;
}

.td_125{
	padding-top							:	4px;
	padding-bottom						:	4px;
	color								:	rgba(0, 250, 92,1.0);					/* VERT */
	font-weight							:	lighter;
	font-size							:	14px;
	border								:	1px solid rgba(155,155,155, 1.0);		/* GRIS */
	background-color					:	rgba( 0, 52, 68, 0.9);					/* GRIS BLEU */
}

/*
.td_4{
	
	min-width               : 4%;
	/*vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	padding-top             : 5px;
	padding-bottom          : 2px;
	color                   : rgba(0, 250, 92,1.0);								/* VERT 
	font-weight             : lighter;
	font-size               : 16px;
	border-top              : 1px solid rgba(155,155,155, 1.0);			/* GRIS 
	border-left             : 1px solid rgba(155,155,155, 1.0);			/* GRIS 
	border-right            : 1px solid rgba(155,155,155, 1.0);			/* GRIS 
	border-bottom            : 1px solid rgba(155,155,155, 1.0);			/* GRIS 
	background-color        : rgba( 0, 52, 68, 0.9);						/* GRIS BLEU 
}
*/
.Surling_MMX{

	padding								:	10px;
	color								:	rgba(253,6,10,1.00);
	text-transform						:	uppercase;
	font-weight							:	bolder;
	border-radius						:	10px;
	border-color						:	rgba(88,88,88,1.00);
	border-style						:	solid;
	border-width						:	thin;
	background-color					:	rgba(46,45,45,1.00);
	opacity								:	0.7;
}

.td_Lib_0{
	padding-top							:	4px;
	padding-bottom						:	4px;
	font-size							:	14px;
	font-weight							:	bold;
	color								:	rgba(152,151,152,1.00);
	border								:	1px solid rgba(50, 60, 80, 1.0);
	background-color					:	rgba( 31, 39, 57, 1.0);
}
.td_Lib_1{
	padding-top                        : 4px;
	padding-bottom                     : 4px;
	font-size                          : 14px;
	font-weight                        : bold;
	color                              : rgba(152,151,152,1.00);
	border                             : 1px solid rgba(  0,  0,  0, 1.0);
	background-color                   : rgba( 50, 60, 80, 1.0);
}
.td_Lib_Stats{
	padding-top                        : 4px;
	padding-bottom                     : 4px;
	font-size                          : 14px;
	font-weight                        : bold;
	color                              : rgba(182,182,182,1.00);
	border                             : 1px solid rgba(  0,  0,  0, 1.0);
	background-color                   : rgba( 0, 42, 95, 0.9);
}
.Titre_Stats {
	padding-top                        : 4px;
	padding-bottom                     : 4px;
	font-size                          : 14px;
	font-weight                        : bold;
	color                              : rgba(182,182,182,1.00);
	border                             : 1px solid rgba(  0,  0,  0, 1.0);
	background-color                   : rgba( 0, 42, 95, 0.9);
}
/*COULEURS */
.Stats_Datas{
	color								:	rgba(255,162,105,1.0);
}

/* INFORMATIONS*/

.modal-window {
	position							:	fixed;
	background-color					:	rgba(200, 200, 200, 0.85);
	top									:	0;
	right								:	0;
	bottom								:	0;
	left								:	0;
	z-index								:	999;
	opacity								:	0;
	pointer-events						:	none;
	-webkit-transition					:	all 2.3s;
	-moz-transition						:	all 2.3s;
	transition							:	all 2.3s;
}

.modal-window:target {
	opacity								:	1;
	pointer-events						:	 auto;
}

.modal-window>div {
	text-align              : left;
	width                   : 60%;
	position                : relative;
	margin                  : 10% auto;
	border                  : 3px groove #FCC900;
	color                   : #000000;
	padding                 : 20px;
	background-color        : #606060;
	opacity                 : 1;
	-webkit-border-radius   : 15px;
	border-radius           : 15px;
	-webkit-box-shadow      : 8px 8px 24px #050505;
	box-shadow              : 8px 8px 24px #050505;
	
}

.modal-close {
	color                   : #aaa;
	line-height             : 50px;
	font-size               : 80%;
	position                : absolute;
	right                   : 0;
	text-align              : center;
	top                     : 0;
	width                   : 70px;
	text-decoration         : none;
	font-style              : italic;
	font-weight             : bold;
	}

.modal-close:hover {
	color                   : #FF0206;
	font-weight             : bold;
	font-variant            : small-caps;
	font-size               : large;
}

.modal-window h1 {
	font-size               : 150%;
	margin                  : 0 0 15px;
	text-align              : center;
	color                   : #D96F70;
}


/*ENCADREMENT 2022*/
.border {
	position							:	relative;
	vertical-align						:	middle;
	margin								:	0 auto;
	width								:	100%;
	height								:	20px;
	background							:	repeating-linear-gradient(125deg, rgba(43,43,43,1) 0%, rgba(43,43,43,1) 50%, rgba(22,22,22,1) 0%, rgba(22,22,22,1) 50%) 0 / 10px 10px;
}

.border:before, .border:after {
	content								:	' ';
	position							:	absolute;
	left								:	-2px;
	top									:	-2px;
	background							:	linear-gradient(30deg,rgba(251,0,148,0.2),rgba(0, 0, 255,0.2), rgba(0,255,0,0.2), rgba(255,255,0,0.2), rgba(251,0,145,0.2), rgba(0, 0, 255,0.2), rgba(255, 255, 0,0.2),rgba(251,0,148,0.2));
	background-size						:	400%;
	width								:	calc(100% + 4px);
	height								:	calc(100% + 4px);
	z-index								:	-1;
	animation							:	anim 60s linear infinite;
}

@keyframes anim {
	0% {
		background-position				:	0 0;
	}
	50% {
		background-position				:	400% 0;
	}
	100% {
		background-position				:	0 0;
	}
}

.border:after {
	filter								:	blur(5px);
}
.container_iframe_SpWL_40 {
	align-content						:	center;
	position							:	relative;
	overflow							:	hidden;
	padding-top							:	40px;
}

/* HR COLOREE STATIQUE */

.Hr_Colo {
	background							:	linear-gradient(45deg,
											#696969, #F82C00, 
											#696969, #F87500, 
											#696969, #F8B200,
											#696969, #F8E600,
											#696969, #85F800,
											#696969, #0D00D2);
		
	background-size						:	200%;
	width								:	100%;
	height								:	1px;
	margin-top							:	10px;
	margin-bottom						:	1px;
}
.Hr_Mono {
	background							:	linear-gradient(45deg,
											#696969, #B2B2B2, 
											#696969, #B2B2B2, 
											#696969, #B2B2B2,
											#696969, #B2B2B2,
											#696969, #B2B2B2,
											#696969, #B2B2B2);
		
	background-size						:	200%;
	width								:	100%;
	height								:	1px;
	margin-top							:	8px;
	margin-bottom						:	8px;
}
.Bande_Titre{
	width								:	100%;
	vertical-align						:	middle;
	color								:	rgba(255,110,0,0.9);
	padding-top							:	5px;
	padding-bottom						:	5px;
	background-position					:	center;
	text-shadow							:	2px 1px 5px #00B29B;
	font-style							:	italic;
	font-size							:	xx-large;
}

/* ********************************* */
/* BOUTTON MIMIMUM*/
.B_Ret_Min {
	background							:	linear-gradient(125deg,
											rgba( 74,  0,254,0.60),
											rgba(  4,  0,254,0.60),
											rgba(  0, 62,254,0.60),
											rgba(  0,126,254,0.60),
											rgba(  0,194,254,0.60),
											rgba(  0,254,244,0.60),
											rgba(  0,194,254,0.60),
											rgba(  0,126,254,0.60),
											rgba(  0, 62,254,0.60),
											rgba(  4,  0,254,0.60),
											rgba( 74,  0,254,0.60)
										);
	background-size						:	300%;
	border-radius						:	30px;
	z-index								:	1;
	animation-name						:	animation;
	animation-duration					:	10s;
	animation-direction					:	alternate;
	Animation-iteration-count			:	infinite;
}
@keyframes animation {
	0% {
		background-position				:	100%}
	100% {
		background-position				:	 0%}
}

/* FIN BUTTON -*/
/* ********************************* */
/* BOUTTON MAXIMUM*/
.B_Ret_Max {
	background							:	linear-gradient(125deg,
												rgba(255,124, 34,0.60),
												rgba(255, 91, 34,0.60),
												rgba(255, 59, 34,0.60),
												rgba(255, 34, 53,0.60),
												rgba(255, 24,167,0.60),
												rgba(234, 34,255,0.60),
												rgba(255, 24,167,0.60),
												rgba(255, 34, 53,0.60),
												rgba(255, 59, 34,0.60),
												rgba(255, 91, 34,0.60),
												rgba(255,124, 34,0.60));
	background-size						: 300%;
	border-radius						: 30px;
	z-index								: 1;
	animation-name						: animation;
	animation-duration					: 10s;
	animation-direction					: alternate;
	Animation-iteration-count			: infinite;
}
@keyframes animation {
	0% {
		background-position				:	100%}
	100% {
		background-position				:	0%}
}

/* FIN BUTTON -*/
.Radius_Border_0{
	font-size							:	14px;
	border-bottom						:	dashed 1px rgba(166,164,164,0.40);
	border-top-left-radius				:	10px;
	border-top-right-radius				:	10px;
	border-top							:	dashed 1px rgba(166,164,164,0.40);
	border-bottom-left-radius			:	10px;
	border-bottom-right-radius			:	10px;
	background-color					:	rgba( 31, 39, 57, 1.0);
}
.Radius_Border_1{
	font-size							:	14px;
	border-bottom						:	dashed 1px rgba(166,164,164,0.40);
	border-top-left-radius				:	10px;
	border-top-right-radius				:	10px;
	border-top							:	dashed 1px rgba(166,164,164,0.40);
	border-bottom-left-radius			:	10px;
	border-bottom-right-radius			:	10px;
	background-color					:	rgba( 50, 60, 80, 1.0);
}
.Radius_Border_1_0{
	border-bottom						:	dashed 1px rgba(166,164,164,0.0);
	border-top							:	dashed 1px rgba(166,164,164,0.0);
	background-color					:	rgba( 50, 60, 80, 0.0);
}
.Radius_Stats{
	border-bottom						:	dashed 1px rgba(166,164,164,0.40);
	border-top-left-radius				:	10px;
	border-top-right-radius				:	10px;
	border-top							:	dashed 1px rgba(166,164,164,0.40);
	border-bottom-left-radius			:	10px;
	border-bottom-right-radius			:	10px;
	background-color					:	rgba( 0, 42, 95, 0.5);
}

.Capteur_Sondes_Max{
	width								:	100%;
	color								:	#111111;
	text-shadow							:	-1px 1px 1px #3e3e3e;
	font-size							:	20px;
	border								:	1px solid #000000;
	background-position					:	center;
	-webkit-box-shadow					:	2px 2px 50px #7F7B7B;
	border-radius						:	10px;
	box-shadow							:	2px 2px 50px #7F7B7B;
}
.Capteur_Sondes_Min{
	width								:	100%;
	color								:	#111111;
	text-shadow							:	-1px 1px 1px #3e3e3e;
	font-size							:	20px;
	border								:	1px solid #000000;
	background-position					:	center;
	-webkit-box-shadow					:	2px 2px 50px #7F7B7B;
	border-radius						:	10px;
	box-shadow							:	2px 2px 50px #7F7B7B;
}