@charset "utf-8";
/* CSS MENU */
/* ************************************************************************* */
@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;
}

/* TEMPLATE PAGE *********************************************************** */
object{
	width								:	90%;
	height								:	40px;
	margin								:	0 auto;
	align-content						:	center;
	display								:	block;
}
.td_1_G{
	width								:	1%;
	border-radius						:	10%;
	box-shadow							:	
											inset 0 0 5px		rgba(255, 255, 255, 0.9),						/* inner Blanc 							0 0 50pxfff					*/
											inset 2px 0 8px		rgba(56, 10, 211, 0.9),							/* inner Gauche Bleu Court 				20px 0 80px #f0f			*/
											inset -2px 0 8px	rgba(19, 243, 24, 0.9),							/* inner Droit Vert Court 				-20px 0 80px #0ff			*/
											inset 2px 0 30px	rgba(255, 0, 255,0.9),							/* inner Gauche Magenta Large 			20px 0 300px #f0f			*/
											inset -2px 0 30px	rgba(0, 255, 255, 0.9),							/* inner right cyan border-right 		-20px 0 300px #0ff			*/

											0 0 50px			rgba(255, 255, 255, 0.9),						/* outer Blanc */
											-10px 0 80px		rgba(255, 0, 255, 0.9),							/* outer Gauche Magenta */
											10px 0 80px			rgba(0, 255, 255, 0.9);							/* outer Droit Cyan */
}
.td_1_D{
	width								:	1%;
	border-radius						:	10%;
	box-shadow : 
											inset 0 0 5px #FFF,													/* inner Blanc 							0 0 50pxfff					*/
											inset -2px 0 8px #380AD3,											/* inner Gauche Bleu Court  			20px 0 80px #f0f			*/
											inset 2px 0 8px #13F318,											/* inner Droit Vert Court				-20px 0 80px #0ff			*/
											inset -2px 0 30px #f0f,												/* inner left magenta Large 			20px 0 300px #f0f			*/
											inset 2px 0 30px #0ff,												/* inner right cyan border-right 		-20px 0 300px #0ff			*/

											0 0 50px #FFF,														/* outer Blanc */
											10px 0 80px #f0f,													/* outer Gauche Magenta */
											-10px 0 80px #0ff;													/* outer Droit Cyan */
}

.td_1{
	width								:	1%;
}
.td_header_sliding{
	width								:	100%;
}

/* ********************************* */

/* JAUGES*/
body {
	background							:	repeating-linear-gradient(45deg,
																				rgba(43, 43, 43, 0.9)  0%,
																				rgba(43, 43, 43, 0.99)  5%,
																				rgba(34, 34, 34, 0.9)  0%,
																				rgba(34, 34, 34, 0.99) 50%)
																				0 / 10px 10px;
	text-align							:	center;
	align-content						:	center;
	vertical-align						:	middle;
}

/* SECTION JAUGES                                                            */
.jauge {
	width								:	100%;
	font-size							:	18px;
	margin								:	0 auto;
	margin-top							:	5px;
	margin-bottom						:	20px;
	position							:	relative;
	background-position					:	center;
	border								:	3px solid #000000;
	border-radius						:	20px;
	background							:	linear-gradient(45deg, 
																	rgba(210, 0, 2, 0.2),rgba(210, 50, 0, 0.2),
																	rgba(210, 118, 0, 0.2),rgba(210, 167, 0, 0.2),
																	rgba(210, 209, 0, 0.2),rgba(61, 210, 0, 0.2),
																	rgba(0, 202, 59, 0.2),rgba(0, 202, 171, 0.2),
																	rgba(0, 122, 202, 0.2),rgba(0, 21, 202, 0.2),
																	rgba(90, 0, 202, 0.2),rgba(207, 0, 19, 0.2));
	background-size						:	500% 500%;
	animation							:	rainbow 15s ease infinite;
	}

.jauge_Mini {
	width								:	100%;
	font-size							:	100%;
	margin								:	0 auto;
	margin-top							:	5px;
	margin-bottom						:	5px;
	position							:	relative;
	background-position					:	center;
	border								:	3px solid #000000;
	border-radius						:	20px;
	background							:	linear-gradient(45deg, 
																	rgba(210, 0, 2, 0.2),rgba(210, 50, 0, 0.2),
																	rgba(210, 118, 0, 0.2),rgba(210, 167, 0, 0.2),
																	rgba(210, 209, 0, 0.2),rgba(61, 210, 0, 0.2),
																	rgba(0, 202, 59, 0.2),rgba(0, 202, 171, 0.2),
																	rgba(0, 122, 202, 0.2),rgba(0, 21, 202, 0.2),
																	rgba(90, 0, 202, 0.4),rgba(207, 0, 19, 0.4));
	background-size						:	200% 200%;
	animation							:	rainbow 10s ease infinite;
	}
.jauge_Histo {
	width								:	100%;
	font-size							:	100%;
	margin								:	0 auto;
	position							:	relative;
	background-position					:	center;
	border								:	3px solid #000000;
	border-radius						:	20px;
	background							:	linear-gradient(45deg, 
																	rgba(210, 0, 2, 0.2),rgba(210, 50, 0, 0.2),
																	rgba(210, 118, 0, 0.2),rgba(210, 167, 0, 0.2),
																	rgba(210, 209, 0, 0.2),rgba(61, 210, 0, 0.2),
																	rgba(0, 202, 59, 0.2),rgba(0, 202, 171, 0.2),
																	rgba(0, 122, 202, 0.2),rgba(0, 21, 202, 0.2),
																	rgba(90, 0, 202, 0.2),rgba(207, 0, 19, 0.2));
	background-size						:	500% 500%;
	animation							:	rainbow 15s ease infinite;
	}

.jauge_Histo_Max {
	width								:	100%;
	margin								:	0 auto;
	padding-top							:	20px;
	margin-bottom						:	1px;
	position							:	relative;
	background-position					:	center;
	}
@keyframes rainbow { 
	0%			{background-position	:		0% 50%}
	50%			{background-position	:		100% 50%}
	100%		{background-position	:		0% 50%}
}

.JaugeSize_Max {
	width								:	200px;
	height								:	200px;
	min-width							:	100px;
	min-height							:	100px;
}
.JaugeSize {
	width								:	170px;
	height								:	170px;
	min-width							:	100px;
	min-height							:	100px;
}
.JaugeSize_Moy {
	width								:	150px;
	height								:	150px;
	min-width							:	80px;
	min-height							:	80px;
}
.JaugeSize_Mini {
	width								:	140px;
	height								:	140px;
	min-width							:	80px;
	min-height							:	80px;
}
.Jauge_S {
	display								:	inline-block;
	position							:	relative;
	border-radius						:	20px;
	box-shadow							:	3px 3px 3px rgba(245, 212, 175, 0.5);
}

.ddimgtooltip{																	/* BOITE POPUP */
	z-index								:	2000;
	border-radius						:	10px;
	display								:	none;
	position							:	absolute;
	border								:	2px solid rgba(255, 129, 69, 0.6);
	color								:	#000000;
	font-size							:	12px;
	padding								:	5px;
	box-shadow							:	3px 3px 3px rgba(245, 212, 175, 0.5);
	background							:	linear-gradient(180deg,
																	rgba(255, 102, 0, 0.9) 0%,
																	rgba(0, 255, 51, 0.9) 90%,
																	rgba(0, 255, 51, 0.8) 75%);
}

.tipinfo{																		/* TEXTE DANS POPUP */
	text-align							:	left;
	padding								:	5px;
	color								:	#000000;
}
.tipimg{
	width								:	440px;
	height								:	170px;
	border								:	2px solid rgba(0, 0, 0, 0.9);
}

/* SECTION : BOUTON DE PERMUTATION                                           */
.Bt_Permut {
	width								:	100%;
	font-size							:	16px;
	color								:	rgba(255, 72, 0, 0.8);
	margin								:	0 auto;
	border								:	1px solid #FF2404;
	border-radius						:	20px;
	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						:	800% 800%;
	animation							:	rainbow 20s ease infinite;
	padding-top							:	4px;
	padding-bottom						:	4px;
	}

@keyframes rainbow { 
	0%				{background-position:	0% 50%}
	50%				{background-position:	100% 50%}
	100%			{background-position:	0% 50%}
}


/* ************************************************************************* */
.lien_ext {
	color								:	white;
	text-shadow							:	2px 2px 4px #000000;
	text-decoration						:	none;
}
/* ************************************************************************* */

/* ************************************************************************* */
.Surling{
	margin								:	20px;
	padding								:	10px;
	color								:	rgba(253, 6, 10, 0.9);
	text-transform						:	uppercase;
	font-weight							:	bolder;
	border-radius						:	10px;
	border-color						:	rgba(88, 88, 88, 0.9);
	border-style						:	solid;
	border-width						:	thin;
	background-color					:	rgba(46, 45, 45, 0.9);
	opacity								:	0.7;
}
.Surling_Lien{
	width								:	100%;
	margin								:	0 auto;
	text-align							:	center;
	align-content						:	center;
	color								:	#54008F;
	text-transform						:	uppercase;
	font-weight							:	bolder;
	font-style							:	oblique;
	border-radius						:	10px;
	border-color						:	#585858;
	border-style						:	solid;
	border-width						:	thin;
	opacity								:	0.7;
	background-color					:	rgba(213, 150, 31,0.8);
}
/* ************************************************************************* */

/* ************************************************************************* */
/* SECTION LED                                                               */
.Led {
	padding-top							:	0px;
	padding-right						:	0px;
	padding-left						:	0px;
	padding-bottom						:	0px;
	display								:	inline-block;
	vertical-align						:	middle;
	position							:	relative;
}
/* ************************************************************************* */

/* ************************************************************************* */
/* BOUTTON */
.B_Ret {
	display								:	flex;
	align-items							:	center;
	justify-content						:	center;
	color								:	#3EE1EF;
	font-size							:	1.5rem;
	text-transform						:	uppercase;
	text-decoration						:	none;
	background							:	linear-gradient(to right,
																	rgba(0, 4, 40, 0.9) 0%,
																	rgba(0, 78, 146, 0.9) 25%,
																	rgba(0, 78, 146, 0.9) 75%,
																	rgba(0, 4, 40, 0.9) 100%);
	background-size						:	280%;
	border-radius						:	30px;
	z-index								:	1;
	animation-name						:	animation;
	animation-duration					:	3s;
	animation-direction					:	alternate;
	animation-iteration-count			:	infinite;
}
@keyframes animation {
	0% {			background-position:	100%}
	100% {			background-position:	0%}
}
.B_Ret:hover {
	background							:	linear-gradient(90deg,
																	rgba(247, 94, 0, 0.6),
																	rgba(254, 72, 27, 0.6),
																	rgba(247, 94, 0, 0.6));
	color								:	rgba(24, 0, 40,	0.9);
}

/* FIN BUTTON -*/
/* ************************************************************************* */

#Div2 {
	display								:	none;
}

/* ************************************************************************* */
/* BANDEROLE TEXTE GLISSANT - VERSION 0*/
.spotlight span {
	font-size							:	26px;
	letter-spacing						:	10px;
	backface-visibility					:	hidden;
	color								:	transparent;
	position							:	relative;
	text-transform						:	uppercase;
	overflow							:	hidden;
	background							:	-webkit-linear-gradient(35deg,
																			rgba(229, 72, 0, 0.9),
																			rgba(229, 72, 0, 0.5),
																			rgba(0, 156, 229, 0.5),
																			rgba(0, 156, 229, 0.9));
	background							:	linear-gradient(125deg,
																			rgba(229, 72, 0, 0.9),
																			rgba(229, 72, 0, 0.5),
																			rgba(0, 156, 229, 0.5),
																			rgba(0, 156, 229, 0.9));
	background-repeat					:	no-repeat;
	background-size						:	80%;
	animation							:	scroll 8s ease-out infinite;
	-webkit-background-clip				:	text;
	}
	@keyframes scroll {
		0%			{background-position: 0% 50%;}
		50%			{background-position: 100% 50%;}
		100%		{background-position: 0% 50%;}
	}
/* FIN BANDEROLE TEXTE GLISSANT - VERSION 0*/

/* BANDEROLE TEXTE GLISSANT - VERSION 2*/
.spotlight_2.span{
	font-size							:	26px;
	letter-spacing						:	10px;
	font-style							:	italic;
	backface-visibility					:	hidden;
	color								:	transparent;
	position							:	relative;
	text-transform						:	uppercase;
	overflow							:	hidden;
	background							:	-webkit-linear-gradient(90deg, #ffa9a9, #64a1e0, #ffa9a9, #64a1e0);
	background							:	linear-gradient(90deg, #ffa9a9, #64a1e0, #ffa9a9, #64a1e0);
	background-repeat					:	no-repeat;
	background-size						:	80%;
	animation							:	scroll 8s ease-in infinite;
	-webkit-background-clip				:	text;
	}
	@keyframes scroll {
		0%			{background-position: 0% 50%;}
		50%			{background-position: 100% 50%;}
		100%		{background-position: 0% 50%;}
	}
/* BANDEROLE TEXTE GLISSANT - VERSION 3*/
.spotlight_3 span {
	font-size							:	26px;
	letter-spacing						:	10px;
	font-style							:	italic;
	backface-visibility					:	hidden;
	color								:	transparent;
	position							:	relative;
	text-transform						:	uppercase;
	overflow							:	hidden;
	background							:	-webkit-linear-gradient(45deg,
																			rgba(255, 39, 39,0.9),
																			rgba(243, 216, 13, 0.5),
																			rgba(128, 0, 128, 0.5),
																			rgba(128, 0, 128,0.9));
	background							:	linear-gradient(45deg,
																			rgba(105, 202, 70, 0.9),
																			rgba(105, 202, 70, 0.5),
																			rgba(255, 39, 39,0.9),
																			rgba(243, 216, 13, 0.5));
	background-repeat					:	no-repeat;
	background-size						:	80%;
	animation							:	scroll 8s ease-in infinite;
	-webkit-background-clip				:	text;

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

/* FIN BANDEROLE TEXTE GLISSANT - VERSION 3*/
/* ************************************************************************* */

/* ************************************************************************* */
/* BANDEROLE TEXTE GLISSANT FOOTER - VERSION 1*/
	.footer span {
		backface-visibility				:	hidden;
		color							:	transparent;
		position						:	relative;
		text-transform					:	uppercase;
		font-size						:	16px;
		letter-spacing					:	6px;
		overflow						:	hidden;
		background						:	-webkit-linear-gradient(35deg,
																			rgba(231, 80, 55,0.9),
																			rgba(249, 0, 229, 0.9),
																			rgba(249, 123, 0, 0.9),
																			rgba(6, 0, 249, 0.9));
		background						:	linear-gradient(125deg,
																			rgba(231, 80, 55,0.9),
																			rgba(249, 0, 229, 0.9),
																			rgba(249, 123, 0, 0.9),
																			rgba(6, 0, 249, 0.9));
		background-repeat				:	no-repeat;
		background-size					:	80%;
		animation						:	scroll 15s ease-in-out infinite;
		-webkit-background-clip			:	text;
		/*background-clip: text;*/
	}
	@keyframes scroll {
		0%		{background-position	:	-400%;}
		100%	{background-position	:	400%;}
	}
/* FIN BANDEROLE TEXTE GLISSANT - VERSION 2*/
/* ************************************************************************* */

/* SECTION : TABLES                                                          */
/* ************************************************************************* */
.table_100{
	width								:	100%;
	margin								:	0 auto;
	border-radius						:	10px;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}
.table_90{
	width								:	90%;
	margin								:	0 auto;
	border-radius						:	10px;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}

.table_80{
	width								:	80%;
	margin								:	0 auto;
	border-radius						:	10px;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}

.table_70{
	width								:	70%;
	margin								:	0 auto;
	border-radius						:	10px;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}

.table_70_S{
	/*display								:	table;*/
	margin								:	0 auto;
	width								:	70%;
	height								:	100%;
	background							:	radial-gradient(black 15%, transparent 16%) 0 0,
											radial-gradient(black 15%, transparent 16%) 8px 8px,
											radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 0 1px,
											radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%) 8px 9px;
	background-color					:	rgba(28, 28, 28, 0.9);
	background-size						:	16px 16px;
}

/* ************************************************************************* */

/* SECTION TD                                                                */
/* ************************************************************************* */
/* ************************************************************************* */
.Avertissement{
	/*width                              : 100%;*/
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
	line-height							:	20px;
	color								:	#21F900;
	font-style							:	italic;
	font-size							:	16px;
	text-shadow							:	1px 1px #E86314;
}
.td_100{
	width								:	100%;
	border-radius						:	10px;
	margin								:	0 auto;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}
.td_100_Num{
	width                              :	100%;
	border-radius                      :	10px;
	margin                             :	0 auto;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
	background-color                   :	rgba(0, 0, 0, 0.9);
	color                              :	rgba(255, 255, 255, 0.9);
	text-shadow                        :	2px 2px 5px rgba(255, 72, 0, 0.9);
	text-decoration                    :	none;
}
.td_100_Num_An{
	width                              :	100%;
	border-radius                      :	10px;
	margin                             :	0 auto;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
	background-color                   :	rgba(0, 0, 0, 0.3);
	color                              :	#D96F70;
	text-shadow                        :	2px 2px 5px rgba(255, 72, 0, 0.9);
	text-decoration                    :	none;
}
.td_80{
	width                              :	00%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_70{
	width                              :	70%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_60{
	width                              :	60%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_50{
	width                              :	50%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_40{
	width                              :	40%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_40_left{
	width                              :	40%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	left;
}
.td_36{
	width                              :	36%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_33_avertissement {
	width                              :	33%;
	align-content                      :	center;
	vertical-align                     :	middle;
	text-align                         :	center;
	line-height                        :	20px;
	color                              :	#21F900;
	font-style                         :	italic;
	font-size                          :	16px;
	text-shadow                        :	1px 1px #E86314;
}

.td_33{
	width								:	33%;
	border-radius						:	10px;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}

.td_30{
	width								:	30%;
	height								:	30px;
	border-radius						:	10px;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}

.td_25{
	width								:	25%;
	border-radius						:	10px;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}

.td_20_Color{
	width                              :	20%;
	color                              :	rgba(255, 140, 0, 0.9);
	font-weight                        :	bold;
	font-style                         :	italic;
	border-radius                      :	10px;
	background-color                   :	#0D4E84;
	text-align                         :	center;
}

.td_20{
	width                              :	20%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_20_H{
	width                              :	20%;
	height								:	50px;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_20_Right{
	width                              :	20%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	right;
	align-content                      :	center;
}
.td_20_Cadre{
	width                              :	20%;
	color                              :	#F8F5F5;
	border                             :	1px solid rgba(0, 0, 0, 0.9);
	box-shadow                         :	2px 2px 50px rgba(156, 156, 156, 0.9);;
}
.td_Cadre{
	color                              :	#F8F5F5;
	border                             :	1px solid #000000;
	box-shadow                         :	2px 2px 50px #9C9C9C;
}
.td_20_Vide{
	width								:	20%;
}
.td_18{
	width                              :	18%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_16{
	width                              :	16%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_15_Color{
	width                              :	15%;
	color                              :	rgba(255, 140, 0, 0.9);
	font-weight                        :	bold;
	font-style                         :	italic;
	border-radius                      :	10px;
	background-color                   :	#0D4E84;
	text-align                         :	center;
}
.td_10{
	width                              :	10%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}

.td_8{
	width                              :	8%;
	border-radius                      :	10px;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_5{
	width                              :	5%;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}

.td_4{
	width                              :	4%;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_2{
	width                              :	2%;
	vertical-align                     :	middle;
	text-align                         :	center;
	align-content                      :	center;
}
.td_Cadre{
	color								:	#F8F5F5;
	border								:	1px solid #000000;
	box-shadow							:	2px 2px 50px #9C9C9C;
}

.row_1{
	position                           :	relative;
	vertical-align                     :	middle;
	color                              :	rgba(255,110,0,0.9);
	margin                             :	5px;
	padding                            :	5px;
	border-radius                      :	20px;
	border                             :	3px solid #000000;
	background-color                   :	#636363;
	text-shadow                        :	2px 1px 5px #000000;
}

/* ************************************************************************* */
/* Simulateur BORDER */
.Sim_border {
	position							:	relative;
	vertical-align						:	middle;
	margin								:	0 auto;
	width								:	300px;
	height								:	235px;
	background							:	rgba(0, 0, 0, 0.3);
}

/* ************************************************************************* */


/* ************************************************************************* */
/* SECTION 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.5s;
	-moz-transition                    :	all 2.5s;
	transition                         :	all 2.55s;
	}

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

.modal-window>div {
	text-align                         :	left;
	width                              :	50%;
	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;
	max-height                         :	500px;
	overflow-y                         :	auto;
}

.modal-close {
	color								:	rgba(255, 185, 8, 0.9);
	line-height							:	50px;
	font-size							:	80%;
	position							:	absolute;
	right								:	20px;
	text-align							:	center;
	top									:	0;
	width								:	100px;
	text-decoration						:	none;
	font-style							:	italic;
	font-weight							:	bold;
	}

.modal-close:hover {
	color								:	rgba(255, 2, 6, 0.9);
	width								:	150px;
	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;
}

/* ************************************************************************* */
/*                                                                           */
.Text_Aquamarine {
	color								:		rgba(127, 255, 212, 0.9);
	font-size							:	12px;
	font-style							:	italic;
	letter-spacing						:	0.5em;
	}

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

.border {
	position							:	relative;
	vertical-align						:	middle;
	margin								:	0 auto;
	width								:	300px;
	height								:	235px;
	background							:	repeating-linear-gradient(125deg,
																			rgba(43, 43, 43, 0.9) 0%,
																			rgba(43, 43, 43, 0.9) 50%,
																			rgba(22, 22, 22, 0.9) 0%,
																			rgba(22, 22, 22, 0.9) 50%);

}

.border_Mini {
	position							:	relative;
	vertical-align						:	middle;
	margin								:	0 auto;
	width								:	300px;
	height								:	180px;
	background							:	repeating-linear-gradient(125deg,
																			rgba(43, 43, 43, 0.9) 0%,
																			rgba(43, 43, 43, 0.9) 50%,
																			rgba(22, 22, 22, 0.9) 0%,
																			rgba(22, 22, 22, 0.9) 50%);
}

.border_Mini_Spec {
	position							:	relative;
	vertical-align						:	middle;
	margin								:	0 auto;
	width								:	300px;
	height								:	180px;
	background							:	repeating-linear-gradient(-45deg,
																			#000000 2px,
																			#393939 3px,
																			#444444 4px,
																			#545454 5px);
}

.border_0:before,
.border:before,
.border_Moy:before,
.border_Mini:before,
.border_Mini_Spec:before,
.border_0:before,
.border:after,
.border_Moy:after,
.border_Mini_Spec:after,
.border_Mini:after {
	content								:	'';
	position							:	absolute;
	left								:	-2px;
	top									:	-2px;
	background							:	linear-gradient(125deg,
																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_0:after,
.border:after,
.border_Mini:after,
.border_Mini_Spec:after {
	filter								:	blur(10px);
}

/*SECTION ENCADREMENT SPECIFIQUE*/

.border-top{
border-style							:	dotted;

}
.border-right{
border-style							:	dotted;

}

.border-bottom{
border-style							:	dotted;

}
.border-left{
border-style							:	dotted;

}
/* SECTION BOUTON SP					*/
.radio_Sp_0{
	height								:	40px;
	width								:	100%;
	margin								:	0 auto;
	font-size							:	14px;
	color								:	rgba(55, 183, 178, 0.9);
	box-shadow							:	0px 8px 15px rgba(22, 0, 55, 0.9);
}

.radio_Sp{
	height								:	40px;
	margin								:	0 auto;
	font-size							:	12px;
	color								:	rgba(105, 206, 0, 0.9);
}

.boutton_Valid_Sp {
	height								:	40px;
	margin								:	0 auto;
	font-size							:	14px;
	text-transform						:	uppercase;
	letter-spacing						:	3px;
	font-weight							:	800;
	border-radius						:	45px;
	margin-top							:	10px;
	color								:	rgba(22, 0, 55, 0.9);
	background-color					:	rgba(105, 206, 0, 0.9);
	border								:	2px solid rgba(22, 0, 55, 0.9);
	box-shadow							:	0px 8px 15px rgba(0, 0, 0, 0.1);
	transition							:	all 0.3s ease 0s;
	cursor								:	pointer;
	outline								:	none;
}

.boutton_Valid_Sp:hover {
	width								:	100%;
	font-size							:	16px;
	margin								:	0 auto;
	text-transform						:	uppercase;
	letter-spacing						:	5px;
	font-weight							:	800;
	border-radius						:	45px;
	margin-top							:	10px;
	color								:	rgba(105, 206, 0, 0.9);
	background-color					:	rgba(22, 0, 55, 0.9);
	border								:	2px solid rgba(105, 206, 0, 0.9);
	box-shadow							:	0px 15px 20px rgba(46, 229, 157, 0.4);
}

/*************************************/
.radio-toolbar_Sp {
	height								:	40px;
}

.radio-toolbar_Sp input[type="radio"] {
	opacity								:	0;
	position							:	fixed;
	width								:	0;
}

.radio-toolbar_Sp label {
	display								:	inline-block;
	padding								:	10px 10px;
	font-size							:	16px;
	border								:	2px solid rgba(169, 169, 169, 0.3);
	border-radius						:	10px;
}

.radio-toolbar_Sp label:hover {
	height								:	40px;
	letter-spacing						:	6px;
	padding								:	4px 4px;
	background-color					:	rgba(22, 0, 55, 0.9);
	border								:	2px solid rgba(105, 206, 0, 0.9);
}

.radio-toolbar_SP input[type="radio"]:checked + label {
	letter-spacing						:	6px;
	padding								:	10px 20px;
	background-color					:	rgba(33, 249, 0, 0.9);
	border-color						:	rgba(22, 0, 55, 0.9);
}
/*************************************/

/* ********************************* */
/* SECTION BOUTON DE VALIDATION ( SUITE / VALIDATION) */
.envelop {
	height								:	100%;
	display								:	flex;
	align-items							:	center;
	justify-content						:	center;
}

/*										 */
/* SECTION BOUTONS RADIO             */
.radio{
	background-color					:	rgba(0,0,0,0.1);
	color								:	rgba(105,206,0,0.9);
}

.boutton_Valid {
	width								:	140px;
	height								:	40px;
	font-size							:	12px;
	text-transform						:	uppercase;
	letter-spacing						:	3px;
	font-weight							:	800;
	color								:	rgba(105, 206, 0, 0.9);
	background-color					:	rgba(22, 0, 55, 0.9);
	border								:	2px solid rgba(105, 206, 0, 0.9);
	border-radius						:	45px;
	box-shadow							:	0px 8px 15px rgba(0, 0, 0, 0.1);
	transition							:	all 0.3s ease 0s;
	cursor								:	pointer;
	outline								:	none;
}

.boutton_Valid:hover {
	font-size							:	14px;
	text-transform						:	uppercase;
	letter-spacing						:	3px;
	font-weight							:	800;
	background-color					:	rgba(22, 0, 55, 0.9);
	box-shadow							:	0px 15px 20px rgba(46, 229, 157, 0.4);
}


/*************************************/
.radio-toolbar {
	height								:	50px;
}

.radio-toolbar input[type="radio"] {
	opacity								:	0;
	position							:	fixed;
	width								:	0;
}

.radio-toolbar label {
	display								:	block;
	padding								:	10px 10px;
	font-size							:	16px;
	border								:	2px solid rgba(169, 169, 169, 0.3);
	border-radius						:	10px;
}

.radio-toolbar label:hover {
	letter-spacing						:	12px;
	background-color					:	rgba(22, 0, 55, 0.9);
	border								:	2px solid rgba(33, 249, 0, 0.9);
	padding								:	10px 10px;
}

.radio-toolbar input[type="radio"]:checked + label {
	letter-spacing						:	5px;
	background-color					:	rgba(22, 0, 55, 0.9);
	border-color						:	rgba(33, 249, 0, 0.9);
	padding								:	10px 20px;
}
/*************************************/

/* ********************************* */
/* SECTION BANDEROLE TEXTE GLISSANT - VERSION 4                              */
.spotlight_4 span {
	backface-visibility					:	hidden;
	font-size							:	40px;
	letter-spacing						:	12px;
	position							:	relative;
	text-transform						:	uppercase;
	overflow							:	hidden;
	color								:	transparent;
	background							:	-webkit-linear-gradient(35deg,
																			rgba(231, 80, 55, 0.9),
																			rgba(249, 0, 229, 0.9),
																			rgba(249, 123, 0, 0.9),
																			rgba(6, 0, 249, 0.9));
	background							:	linear-gradient(125deg, 
																			rgba(231, 80, 55, 0.9),
																			rgba(249, 0, 229, 0.9),
																			rgba(249, 123, 0, 0.9),
																			rgba(6, 0, 249, 0.9));
	background-repeat					:	no-repeat;
	background-size						:	75%;
	animation							:	scroll 4s ease-out infinite;
	-webkit-background-clip				:	text;
	}
	@keyframes scroll {
		0%			{background-position:	-400%;}
		100%		{background-position:	400%;}
	}
/* FIN BANDEROLE TEXTE GLISSANT - VERSION 4*/

/* ********************************* */
/* SECTION :  HR                     */

.hr_2{
	height								:	2px;
	margin-top							:	10px;
	margin-bottom						:	10px;
}
.hr_2_Small{
	height								:	2px;
	margin-top							:	4px;
	margin-bottom						:	4px;
}

.hr_6{
	height								:	6px;
}

.hr_10{
	height								:	10px;
}

.hr_Colo_15{
	background							:	linear-gradient(45deg,
															rgba(105, 105, 105, 0.9), rgba(248, 44, 0, 0.9),
															rgba(105, 105, 105, 0.9), rgba(248, 117, 0, 0.9),
															rgba(105, 105, 105, 0.9), rgba(248, 178, 0, 0.9),
															rgba(105, 105, 105, 0.9), rgba(248, 230, 0, 0.9),
															rgba(105, 105, 105, 0.9), rgba(133, 248, 0, 0.9),
															rgba(105, 105, 105, 0.9), rgba(13, 0, 210, 0.9));
		
	background-size						:	200%;
	width								:	100%;
	height								:	1px;
	margin-top							:	15px;
	margin-bottom						:	15px;
}
.hr_Colo_15_Small{
	background							:	linear-gradient(45deg,
															rgba(105, 105, 105, 0.9), rgba(248, 44, 0, 0.9),
															rgba(105, 105, 105, 0.9), rgba(248, 117, 0, 0.9),
															rgba(105, 105, 105, 0.9), rgba(248, 178, 0, 0.9),
															rgba(105, 105, 105, 0.9), rgba(248, 230, 0, 0.9),
															rgba(105, 105, 105, 0.9), rgba(133, 248, 0, 0.9),
															rgba(105, 105, 105, 0.9), rgba(13, 0, 210, 0.9));
		
	background-size						:	200%;
	width								:	100%;
	height								:	1px;
	margin-top							:	2px;
	margin-bottom						:	2px;
}

.hr_20{
	height								:20px;
}
/* ********************************* */
/* SECTION :                         */
.gradient{
	background							:	rgba(0, 0,0 , 0.9);
	background							:	linear-gradient(45deg,
																	rgba(217, 18, 80,0.9) 0%,
																	rgba(224, 140, 16, 0.9) 30%,
																	rgba(102, 203, 31, 0.9) 50%,
																	rgba(224, 140, 16, 0.9) 70%,
																	rgba(217, 18, 80, 0.9) 100%);
}

.Bande_Titre_Ind{
	text-transform						:	uppercase;
	width								:	100%;
	margin-bottom						:	10px;
	vertical-align						:	middle;
	line-height							:	20px;
	background-position					:	center;
	color								:	rgba(33, 249, 0, 0.9);
	font-style							:	italic;
	font-size							:	16px;
	text-shadow							:	1px 1px rgba(232, 99, 20, 0.9);
}
.Bande_Titre_Instructions_Hybrid_0{
	width								:	100%;
	margin-top							:	5px;
	margin-bottom						:	5px;
	letter-spacing						:	2px;
	
	line-height							:	10px;
	background-position					:	center;
	color								:	rgba(48, 30, 255, 0.9);
	font-style							:	italic;
	font-size							:	14px;
	text-shadow							:	1px 1px rgba(255, 255, 255, 0.9);
}
.Bande_Titre_Instructions_Hybrid{
	width								:	100%;
	margin-top							:	10px;
	margin-bottom						:	10px;
	letter-spacing						:	4px;
	
	line-height							:	20px;
	background-position					:	center;
	color								:	rgba(48, 30, 255, 0.9);
	font-style							:	italic;
	font-size							:	18px;
	text-shadow							:	1px 1px rgba(255, 255, 255, 0.9);
}

.Titre_Histo_Dir_Annuel{
	text-transform						:	uppercase;
	width								:	100%;
	color								:	rgba(33, 249, 0, 0.9);
	font-style							:	italic;
	font-size							:	14px;
	text-shadow							:	1px 1px #E86314;
}

/* ********************************** /
/* INFO MINI                         */
.jauge_Info_Mini {
	font-size                          :	12px;
	font-weight                        :	bold;
	color                              :	rgba(169, 169, 169, 0.9);
	position                           :	absolute;
	border                             :	3px solid #000;
	padding-top                        :	2px;
	Padding-bottom                     :	2px;
	margin-top                         :	55%;
	border-radius                      :	10px;
	background                         :	rgba(106, 137, 255, 0.3);
	}
.jauge_Info_DH_Mini {
	width                              :	22%;
	font-size                          :	12px;
	font-weight                        :	bold;
	color                              :	rgba( 169, 169, 169, 0.9);
	position                           :	absolute;
	border                             :	3px solid rgba(0, 0, 0, 0.6);
	margin-top                         :	36%;
	margin-left                        :	1%;
	border-radius                      :	10px;
	background                         :	rgba(106,137,255,0.3);
}
.jauge_Info_DH_Mini_Transparent {
	width                              :	22%;
	font-size                          :	12px;
	font-weight                        :	bold;
	color                              :	rgba( 169, 169, 169, 0.0);
	position                           :	absolute;
	border                             :	3px solid rgba(0, 0, 0, 0.0);
	margin-top                         :	36%;
	margin-left                        :	1%;
	border-radius                      :	10px;
	background                         :	rgba(106,137,255,0.0);
}
.jauge_Info_DH_Mini_EPH {
	width                              :	22%;
	font-size                          :	12px;
	font-weight                        :	bold;
	color                              :	rgba( 169, 169, 169, 0.9);
	position                           :	absolute;
	border                             :	3px solid rgba(0, 0, 0, 0.6);
	margin-top                         :	31%;
	margin-left                        :	1%;
	border-radius                      :	10px;
	background                         :	rgba(106,137,255,0.3);
}
.jauge_Info_Mini_Sup {
	width                              :	40%;
	font-size                          :	12px;
	font-weight                        :	bold;
	color                              :	rgba(169, 169, 169, 0.9);
	position                           :	absolute;
	border                             :	3px solid #000;
	padding-top                        :	2px;
	Padding-bottom                     :	2px;
	margin-top                         :	55%;
	border-radius                      :	10px;
	background                         :	rgba(106, 137, 255, 0.3);
}
	.jauge_Info_Mini_Large {
	width                              :	35%;
	font-size                          :	11px;
	font-weight                        :	bold;
	color                              :	rgba(169, 169, 169, 0.9);
	position                           :	absolute;
	border                             :	3px solid #000;
	padding-top                        :	2px;
	Padding-bottom                     :	2px;
	margin-top                         :	40%;
	border-radius                      :	10px;
	background                         :	rgba(106, 137, 255, 0.3);
	}
/* ********************************* */
/* INFO MAXI*/
.jauge_Info_Maxi {
	width                              :	35%;
	font-size                          :	12px;
	font-weight                        :	bold;
	color                              :	rgba(169, 169, 169, 0.9);
	position                           :	absolute;
	border                             :	3px solid #000;
	padding-top                        :	2px;
	Padding-bottom                     :	2px;
	margin-top                         :	55%;
	margin-left                        :	65%;
	border-radius                      :	10px;
	background                         :	rgba(255, 42, 60, 0.3);
}
.jauge_Info_DH_Maxi {
	width								:	25%;
	font-size							:	12px;
	font-weight							:	bold;
	color								:	rgba(169, 169, 169, 0.9);
	position							:	absolute;
	border								:	3px solid rgba(0, 0, 0, 0.6);
	margin-top							:	36%;
	margin-left							:	74%;
	border-radius						:	10px;
	background							:	rgba(255, 42, 60, 0.3);
}
.jauge_Info_DH_Maxi_EPH {
	width								:	25%;
	font-size							:	12px;
	font-weight							:	bold;
	color								:	rgba(169, 169, 169, 0.9);
	position							:	absolute;
	border								:	3px solid rgba(0, 0, 0, 0.6);
	margin-top							:	31%;
	margin-left							:	74%;
	border-radius						:	10px;
	background							:	rgba(255, 42, 60, 0.3);
}
.jauge_Info_DH_Maxi_Transparent {
	width								:	25%;
	font-size							:	12px;
	font-weight							:	bold;
	color								:	rgba(169, 169, 169, 0.0);
	position							:	absolute;
	border								:	3px solid rgba(0, 0, 0, 0.0);
	margin-top							:	31%;
	margin-left							:	74%;
	border-radius						:	10px;
	background							:	rgba(255, 42, 60, 0.0);
}
.jauge_Info_DH_Off {
	width								:	0%;
	font-size							:	12px;
	font-weight							:	bold;
	color								:	rgba(0, 0, 0, 0.0);
	position							:	absolute;
	border								:	3px solid rgba(0, 0, 0, 0.0);
	margin-top							:	36%;
	margin-left							:	74%;
	border-radius						:	10px;
	background							:	rgba(0, 0, 0, 0.0);
	}
.jauge_Info_Maxi_Sup {
	width								:	40%;
	font-size							:	12px;
	font-weight							:	bold;
	color								:	rgba(169, 169, 169, 0.9);
	position							:	absolute;
	border								:	3px solid #000;
	padding-top							:	2px;
	Padding-bottom						:	2px;
	margin-top							:	55%;
	margin-left							:	60%;
	border-radius						:	10px;
	background							:	rgba(255, 42, 60, 0.3);
	}
.jauge_Info_Maxi_Large {
	width								:	35%;
	font-size							:	11px;
	font-weight							:	bold;
	color								:	rgba(169, 169, 169, 0.9);
	position							:	absolute;
	border								:	3px solid #000;
	padding-top							:	2px;
	Padding-bottom						:	2px;
	margin-top							:	40%;
	margin-left							:	67%;
	border-radius						:	10px;
	background							:	rgba(255, 42, 60, 0.3);
	}
/* ************************************************************************* */
/* INFO MOY*/
.jauge_Info_Moy {
	width								:	35%;
	font-size							:	12px;
	font-weight							:	bold;
	color								:	rgba(169, 169, 169, 0.9);
	position							:	absolute;
	border								:	3px solid #000;
	padding-top							:	2px;
	Padding-bottom						:	2px;
	margin-top							:	55%;
	border-radius						:	10px;
	background							:	rgba(0, 57, 91, 0.3);
	}
/* ************************************************************************* */
.jauge_Info_Moy_sup {
	width								:	40%;
	font-size							:	12px;
	font-weight							:	bold;
	color								:	rgba(169, 169, 169, 0.9);
	position							:	absolute;
	border								:	3px solid #000;
	padding-top							:	2px;
	Padding-bottom						:	2px;
	margin-top							:	55%;
	border-radius						:	10px;
	background							:	rgba(0, 57, 91, 0.3);
	}
/* ************************************************************************* */

/* ************************************************************************* */
/* DATAS MAXI*/
.Table_Max{
	color								:	rgba(153, 6, 0, 0.9);
	}
/* DATAS MINI*/
.Table_Min{
	color								:	rgba(16, 16, 236, 0.9);
	}
/* DATAS MOYENNE*/
.Table_Moy{
	color								:	rgba(121, 0, 153, 0.9);
	}
/* BOUTTON */
.Data_Annee {
	display								:	flex;
	align-items							:	center;
	justify-content						:	center;
	color								:	#000;
	font-size							:	2rem;
	text-transform						:	uppercase;
	text-decoration						:	none;
	background							:	linear-gradient(125deg,
																	rgba(239, 83, 80, 0.6),
																	rgba(236, 64, 122, 0.6),
																	rgba(171, 71, 188, 0.6),
																	rgba(126, 87, 194, 0.6),
																	rgba(92, 107, 192, 0.6),
																	rgba(66, 165, 245, 0.6),
																	rgba(41, 182, 246, 0.6),
																	rgba(38, 198, 218, 0.6),
																	rgba(38, 166, 154, 0.6),
																	rgba(102, 187, 106, 0.6),
																	rgba(156, 204, 101, 0.6),
																	rgba(212, 225, 87, 0.6),
																	rgba(255, 238, 88, 0.6),
																	rgba(255, 202, 40, 0.6),
																	rgba(255, 167, 38, 0.6),
																	rgba(255, 112, 67, 0.6),
																	rgba(116, 79, 66, 0.6));
	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%}
}
.Result{
	justify-content						:	center;
	background-color					:	rgba(22, 0, 55, 0.9);
	border								:	2px solid rgba(33, 249, 0, 0.9);
	border-radius						:	20px;
	/*padding							:	10px 10px;*/
	letter-spacing						:	5px;
}
/* 2025 */

#main {
	width								:	1080px;
	height								:	50px;
	/*border								:	1px solid #c3c3c3;*/
	display								:	flex;
	justify-content						:	space-around;
}

#main div {
	width								:	200px;
	height								:	50px;
}