@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;
}
body {
	background: repeating-linear-gradient(45deg, #2b2b2b 0%, #2b2b2b 5%, #222222 0%, #222222 50%) 0 / 10px 10px;
}

object{
	width: 100%;
	height: 50px;
	margin: 0 auto;
	align-content: center;
	display:block;
}

.td_1_G{
	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 Gauche 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_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%;
}


/* BOUTTON */
.B_Ret {
	display:flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-size:26px;
	text-transform: uppercase;
	text-decoration: none;
	background: linear-gradient(125deg,rgba(239,83,80,0.60), rgba(236,64,122,0.60), rgba(171,71,188,0.60), rgba(126,87,194,0.60), rgba(92,107,192,0.60), rgba(66,165,245,0.60), rgba(41,182,246,0.60), rgba(38,198,218,0.60), rgba(38,166,154,0.60), rgba(102,187,106,0.60), rgba(156,204,101,0.60), rgba(212,225,87,0.60), rgba(255,238,88,0.60), rgba(255,202,40,0.60), rgba(255,167,38,0.60), rgba(255,112,67,0.60), rgba(116,79,66,0.60) );
	background-size: 400%;
	border-radius: 30px;
	z-index: 1;
	animation-name: animation;
	animation-duration: 20s;
	/*animation-direction: reverse;*/
	animation-direction: alternate;
	animation-iteration-count: infinite;
}
@keyframes animation {
	0% { background-position: 100%}
	100% { background-position: 0%}
}
.B_Ret:hover {
	background: linear-gradient(90deg, orange, red, violet, purple, blue);
}

/* FIN BUTTON -*/

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

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

.Surling{
	margin: 20px;
	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;
}
/* ************************************************************************** */
/* BANDEROLE TEXTE GLISSANT FOOTER - VERSION 1*/
	.footer span {
		backface-visibility: hidden;
		color: transparent;
		position: relative;
		text-transform: uppercase;
		font-size: 12px;
		letter-spacing: 6px;
		overflow: hidden;
		background: -webkit-linear-gradient(35deg, rgba(231, 80, 55,1.0), rgba(249, 0, 229,1.0), rgba(249, 123, 0,1.0), rgba(6, 0, 249,1.0));
		/*background: -o-linear-gradient(35deg, rgba(231, 80, 55,1.0), rgba(249, 0, 229,1.0), rgba(249, 123, 0,1.0), rgba(6, 0, 249,1.0));*/
		background: linear-gradient(125deg, rgba(231, 80, 55,1.0), rgba(249, 0, 229,1.0), rgba(249, 123, 0,1.0), rgba(6, 0, 249,1.0));
		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: -500%;
		}
		100% {
			background-position: 500%;
		}
	}
/* FIN BANDEROLE TEXTE GLISSANT - VERSION 2*/
/* ************************************************************************** */
/*

*/
.table_100_Histo{
	width                   : 100%;
	border-radius           : 10px;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
}
.table_99{
	width                   : 99%;
	border-radius           : 10px;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
}
.table_90_Histo{
	width                   : 90%;
	margin                  : 0 auto;
	border-radius           : 10px;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
}
.td_10{
	width:10%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
}
.td_20{
	width:20%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
}
.td_6_Mois{
	width                   : 6%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	padding-top             : 5px;
	padding-bottom          : 2px;
	color                   : rgba(0, 250, 92,1.0);								/* VERT */
	font-size               : 14px;
	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 */
	background-color        : rgba( 0, 52, 68, 0.9);							/* GRIS BLEU */
}
.td_6_Mois_Simple{
	width                   : 6%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	color                   : rgba(0, 250, 92,1.0);								/* VERT */
	font-size               : 14px;
	border                  : 1px solid rgba(155,155,155, 1.0);					/* GRIS */
	background-color        : rgba( 0, 52, 68, 0.9);							/* GRIS BLEU */
}
.td_78_18_M{
	width                   : 8%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	color                   : rgba(77, 195, 250,1.0);							/* BLEU CLAIR */
	font-size               : 16px;
	border                  : 1px solid rgba(  0,  0,  0, 1.0);					/* NOIR */
	background-color        : rgba( 50, 60, 80, 1.0);							/* GRIS BLEU */
}
.td_100{
	width:100%;
	margin                  : 0 auto;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
}
.td_6_MiMa{
	width                   : 6%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	padding-top             : 2px;
	padding-bottom          : 2px;
	color                   : rgba(77, 195, 250,1.0);							/* BLEU CLAIR */
	font-weight             : 400;
	font-size               : 18px;
	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 */
}
.td_Type{
	z-index                 : 1;
	width                   : 6%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	font-size               : 16px;
	border                  : 1px solid rgba(155,155,155, 1.0);					/* GRIS */
	background-color        : rgba( 0, 52, 68, 0.9);							/* GRIS BLEU */
}

.td_Annee_0{
	width                   : 6%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	color                   : rgba(0,250,90,1.0);								/* VERT CLAIR */
	font-size               : 16px;
	border                  : 1px solid rgba(50, 60, 80, 1.0);
	background-color        : rgba( 31, 39, 57, 1.0);;
}
.td_Datas_0{
	width                   : 6%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	color                   : rgba(246, 246, 246, 1.0);							/* GRIS */
	font-size               : 14px;
	border                  : 1px solid rgba(50, 60, 80, 1.0);
	background-color        : rgba( 31, 39, 57, 1.0);
	font-style              : italic;
}
.td_Datas_0-8{
	width                   : 8%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	color                   : rgba(167, 161, 174, 1.0);							/* GRIS */
	font-size               : 14px;
	border                  : 1px solid rgba(  0,  0,  0, 1.0);
	background-color        : rgba( 31, 39, 57, 1.0);
	font-style              : italic;
}
.td_Annee_1{
	width                   : 6%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	color                   : rgba(0,250,90,1.0);								/* VERT CLAIR */
	font-size               : 16px;
	border                  : 1px solid rgba(  0,  0,  0, 1.0);
	background-color        : rgba( 50, 60, 80, 1.0);
	;
	height: 0px;
}
.td_Annee_1-8{
	width                   : 8%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	color                   : rgba(77, 195, 250,1.0);							/* BLEU CLAIR */
	font-size               : 14px;
	border                  : 1px solid rgba(  0,  0,  0, 1.0);
	background-color        : rgba( 50, 60, 80, 1.0);
	height                  : 0px;
}
.td_Datas_1{
	width                   : 6%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
	color                   : rgba(246, 246, 246, 1.0);							/* GRIS */
	font-size               : 14px;
	border                  : 1px solid rgba(  0,  0,  0, 1.0);
	background-color        : rgba( 50, 60, 80, 1.0);
	font-style              : italic;
}

.td_2{
	width                   :2%;
	vertical-align          : middle;
	text-align              : center;
	align-content           : center;
}

/* 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 */

.hr_Histo{
	height: 6px;
}
.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           : 10px;
}
.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                 : 24px;
}
.Capteur_Sondes{
	width                     : 100%;
	color                     : #b2b29c;
	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_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;
}
/* ************************************************************************* */
/* 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 -*/
/* ************************************************************************* */

/*      SITE MAP     */

.navv {
	width                     : 100%;
	align-content             : center;
	text-align                : center;
	margin                    : 0 auto;
	height                    : 560px;
	background                : rgba(171,203,255,0.1);							/* couleur de fond */	
	border-radius             : 20px 20px 0px 0px;
}
/* Cellule de TITRE */
.HISTO_tit{
	width                     : 100%;
	margin                    : 0 auto;
	text-align                : center;
	align-content             : center;
	color                     : rgba(16,221,40,1.00);							/* Vert Clair */
	text-transform            : uppercase;
	font-size                 : 16px;
	font-weight               : bold;
	letter-spacing            : 8px;
	text-shadow               : 1px 2px rgba(255,110,0,1.0);
	padding                   : 10px;
	border-radius             : 20px 20px 0px 0px;
	border                    : 1px solid rgba(151,29,168,1.00);
	box-shadow                : -5px 5px 30px 4px rgba(45,78,255,1.0), 5px 5px 15px 4px rgba(0,0,0,1.0);
	background                : linear-gradient(to right, #006DB7 0%, #0040B7 20%, #0012B7 40%, #2100B7 60%, #5200B7 80%, #8000B7 100%);
	background-size           : 400% 400%;
	animation-name            : Glissement;
	animation-duration        : 5s;
	animation-iteration-count : infinite;
	animation-direction       : alternate;
	animation-timing-function : ease-in-out;
}
	@keyframes Glissement {
		0% {background-position: 100%}
		100% {background-position: 0%}
	}

/* Cellules de listage des choix */
.HISTO_Bande_Titre{

	height                    : 40px;
	vertical-align            : middle;
	padding-top               : 10px;
	font-weight               : bolder;
	font-size                 : 14px;
	letter-spacing            : 2px;
	color                     : rgba(255,110,0,1.0);
	text-shadow               : 1px 2px #000000;
	text-shadow: 3px 3px 10px #FD9662;
	background                : linear-gradient(to right, #004e92 0%, #000428 51%, #004e92 100%);
	box-shadow: -5px -5px 15px 4px rgba(0,0,0,1.0), 5px 5px 15px 4px rgba(45,78,255,1.0);
	border                    : 1px solid rgba(0,0,0,1.00);
	border-radius             : 0px 0px 15px 15px;
}

#nav {
display                       : table;
margin                        : 0 auto;
}

/* Cellules de Selections */
.navv li a{
	width                     : 190px;
	display                   : block;
	
	padding-top               : 5px;
	padding-bottom            : 5px;

	
	border                    : 1px solid rgba(29,168,97,1.00);
	border-radius             : 15px 15px 15px 15px;
	
	background                : linear-gradient(to right, #000428 0%, #004e92 51%, #000428 100%);
	text-decoration           : none;
	text-transform            : uppercase;
	color                     : rgba(236,136,37,1.00);
	font-size                 : 12px;
	letter-spacing            : 2px;
}

/* Transformations Survol */
.navv li a:hover,
.navv li a:hover+ul li a {
	color                     : rgba(209,124,40,1.00);
	background                : linear-gradient(to right, #16222A 0%, #3A6073 51%, #16222A 100%);
	border                    : 1px solid rgba(255,0,0,1.00);
}

/* Changement de couleur jonctions survol*/
.navv li a:hover+ul li::after, 
.navv li a:hover+ul li::before, 
.navv li a:hover+ul::before, 
.navv li a:hover+ul ul::before{
	content                   : '';
	border-color              : rgba(225,79,31,1.00);
	border-width              : 5px;
}

/* Interlignes */
.navv ul {
	position                  : relative;
	padding-top               : 40px;
}
/* Element de la Liste */
.navv li {
	position                 : relative;
	padding                  : 20px 2px 0 3px; 
	display                  : inline;
	float                    : left; 
	list-style-type          : none; 
}
/* Jonctions Traits Horizontaux */
.navv li::before,
.navv li::after{
	content                  : '';
	position                 : absolute; 
	top                      : 0; 
	right                    : 50%;
	width                    : 50%; 
	height                   : 18px;
	border-top               : 2px solid #39FD00;
}

/* Jonction Traits Horizontaux Gauches */
.navv li::after{
	left                     : 50%;
	right                    : auto; 
	border-left              : 2px solid #04CF80;
}
/* Disparition */
.navv li:only-child::after,
.navv li:only-child::before {
	content                 : '';
	display                 : none;
}

/* Joue sur la distance entre 2 cellules filles */
.navv li:only-child{
	padding-top             : 0;
}

/* Suppressio ligne horizontale superieure à gauche BEFORE, à droite AFTER */
.navv li:first-child::before,
.navv li:last-child::after{
	border                 : 0 none;
}
/* Angle Sup Droit*/
.navv li:last-child::before{
	border-right           : 1px solid #04CF80;									/* BLEU CLAIR */
	border-radius          : 0 10px 0 0;
}
/* Angle Sup Gauche*/
.navv li:first-child::after{
	border-radius          : 10px 0 0 0;
}
/* Jonctions Verticales sous les ITEMS */
.navv ul ul::before{
	content                : ' ';
	position               : absolute; top: 0px; left: 50%;
	border-left            : 2px solid #04CF80;
	height                 : 40px;
}
/* ************************************************************************* */