@charset "utf-8";
/* CSS MENU v 03/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,
																	rgba(43, 43, 43, 0.9)  0%,
																	rgba(43, 43, 43, 0.9)  5%,
																	rgba(34, 34, 34, 0.9)  0%,
																	rgba(34, 34, 34, 0.9) 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			rgba(255, 255, 255, 0.9),
											inset	2px 0 8px		rgba(56, 10, 211, 0.9),
											inset	-2px 0 8px		rgba(19, 243, 24, 0.9),
											inset	2px 0 30px		rgba(255, 0, 255, 0.9),
											inset	-2px 0 30px		rgba(0, 255, 255, 0.9),
		
											0 0 50px				rgba(255, 255, 255, 0.9),
											-10px 0 80px			rgba(255, 0, 255, 0.9),
											10px 0 80px				rgba(0, 255, 255, 0.9);
}
.td_1_D{
	width								:	1%;
	border-radius						:	10%;
	box-shadow							:
											inset 0 0 5px			rgba(255, 255, 255, 0.9),
											inset -2px 0 8px		rgba(56, 10, 211, 0.9),
											inset 2px 0 8px			rgba(19, 243, 24, 0.9),
											inset -2px 0 30px		rgba(255, 0, 255, 0.9),
											inset 2px 0 30px		rgba(0, 255, 255, 0.9),

											0 0 50px				rgba(255, 255, 255, 0.9),
											10px 0 80px				rgba(255, 0, 255, 0.9),
											-10px 0 80px			rgba(0, 255, 255, 0.9);
}

.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.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						:	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,
																	rgba(255, 165, 0, 0.9),
																	rgba(255, 0, 0, 0.9),
																	rgba(238, 130, 238, 0.9),
																	rgba(128, 0, 128, 0.9),
																	rgba(0, 0, 255, 0.9));
}

/* FIN BUTTON -*/

/*

*/
.table_100_Histo{
	width								:	100%;
	border-radius						:	10px;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}
.table_100_Histo_S{
	/*display								:	table;*/
	margin								:	0 auto;
	width								:	100%;
	height								:	100%;
	border-radius						:	20px;
	background							:	radial-gradient(rgba(0, 0, 0, 0.9) 15%, transparent 16%) 0 0,
											radial-gradient(rgba(0, 0, 0, 0.9) 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;
}
.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;
}
.table_90_Histo_S{
	/*display								:	table;*/
	margin								:	0 auto;
	width								:	90%;
	height								:	100%;
	border-radius						:	20px;
	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;
}
.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, 0.9);
	font-size							:	14px;
	border-top							:	1px solid				rgba(155,155,155, 0.9);
	border-left							:	1px solid				rgba(155,155,155, 0.9);
	border-right						:	1px solid				rgba(155,155,155, 0.9);
	background-color					:							rgba( 0, 52, 68, 0.9);
}
.td_6_Mois_Simple{
	width								:	6%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
	color								:							rgba(0, 250, 92, 0.9);
	font-size							:	14px;
	border								:	1px solid				rgba(155,155,155, 0.9);
	background-color					:							rgba(0, 52, 68, 0.9);
}
.td_78_18_M{
	width								:	8%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
	color								:							rgba(77, 195, 250, 0.9);
	font-size							:	16px;
	border								:	1px solid				rgba(0,0,0, 0.9);
	background-color					:							rgba(50, 60, 80, 0.9);
}
.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,0.9);
	font-weight							:	400;
	font-size							:	18px;
	border-left							:	1px solid				rgba(155, 155, 155, 0.9);
	border-right						:	1px solid				rgba(155, 155, 155, 0.9);
	border-bottom						:	1px solid				rgba(155, 155, 155, 0.9);
	background-color					:							rgba(0, 52, 68, 0.9);
}
.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, 0.9);
	background-color					:							rgba(0, 52, 68, 0.9);
}

.td_Annee_0{
	width								:	6%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
	color								:							rgba(0, 250, 90, 0.9);
	font-size							:	16px;
	border								:	1px solid				rgba(50, 60, 80, 0.9);
	background-color					:							rgba(31, 39, 57, 0.9);
}
.td_Datas_0{
	width								:	6%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
	color								:							rgba(246, 246, 246, 0.9);
	font-size							:	14px;
	border								:	1px solid				rgba(50, 60, 80, 0.9);
	background-color					:							rgba( 31, 39, 57, 0.9);
	font-style							:	italic;
}
.td_Datas_0-8{
	width								:	8%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
	color								:							rgba(167, 161, 174, 0.9);
	font-size							:	14px;
	border								:	1px solid				rgba(0, 0, 0, 0.9);
	background-color					:							rgba(31, 39, 57, 0.9);
	font-style							:	italic;
}
.td_Annee_1{
	width								:	6%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
	color								:							rgba(0, 250, 90,0.9);
	font-size							:	16px;
	border								:	1px solid				rgba(0, 0, 0, 0.9);
	background-color					:							rgba(50, 60, 80, 0.9);
	;
	height: 0px;
}
.td_Annee_1-8{
	width								:	8%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
	color								:							rgba(77, 195, 250, 0.9);
	font-size							:	14px;
	border								:	1px solid				rgba(0, 0, 0, 0.9);
	background-color					:							rgba(50, 60, 80, 0.9);
	height								:	0px;
}
.td_Datas_1{
	width								:	6%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
	color								:							rgba(246, 246, 246, 0.9);
	font-size							:	14px;
	border								:	1px solid				rgba(0, 0,0, 0.9);
	background-color					:							rgba(50, 60, 80, 0.9);
	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				rgba(252, 201, 0, 0.9);
	color								:							rgba(0, 0, 0, 0.9);
	padding								:	20px;
	background-color					:							rgba(96, 96, 96, 0.9);
	opacity								:	1;
	-webkit-border-radius				:	15px;
	border-radius						:	15px;
	-webkit-box-shadow					:	8px 8px 24px			rgba(5, 5, 5, 0.9);
	box-shadow							:	8px 8px 24px			rgba(5, 5, 5, 0.9);
	
}

.modal-close {
	color								:							rgba(170, 170, 170, 0.9);
	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								:							rgba(255, 2, 6, 0.9);
	font-weight							:	bold;
	font-variant						:	small-caps;
	font-size							:	large;
}

.modal-window h1 {
	font-size							:	150%;
	margin								:	0 0 15px;
	text-align							:	center;
	color								:							rgba(217, 111, 112, 0.9);
}


/*ENCADREMENT 2022*/
.border {
	position							:	relative;
	vertical-align						:	middle;
	margin								:	0 auto;
	width								:	100%;
	height								:	20px;
	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: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								:	10px;
}
.Hr_Colo {
	background							:	linear-gradient(45deg,
																	rgba(105, 105, 105, 0.5), rgba(248, 44, 0, 0.9), 
																	rgba(105, 105, 105, 0.5), rgba(248, 117, 0, 0.9), 
																	rgba(105, 105, 105, 0.5), rgba(248, 178, 0, 0.9),
																	rgba(105, 105, 105, 0.5), rgba(248, 230, 0, 0.9),
																	rgba(105, 105, 105, 0.5), 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							:	10px;
	margin-bottom						:	10px;
}
.Hr_Colo_95 {
	margin								:	0 auto;
	width								:	95%;
	height								:	1px;
	margin-top							:	10px;
	margin-bottom						:	10px;
	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%;

}

.Hr_Mono {
	background							: linear-gradient(45deg,
																	rgba(88, 48, 115, 0.9),
																	rgba(178, 178, 178, 0.9), 
																	rgba(88, 48, 115, 0.9),
																	rgba(178, 178, 178, 0.9), 
																	rgba(88, 48, 115, 0.9),
																	rgba(178, 178, 178, 0.9), 
																	rgba(88, 48, 115, 0.9),
																	rgba(178, 178, 178, 0.9), 
																	rgba(88, 48, 115, 0.9),
																	rgba(178, 178, 178, 0.9), 
																	rgba(88, 48, 115, 0.9),
																	rgba(178, 178, 178, 0.9) );
		
	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				rgba(0, 178, 155, 0.9);
	font-style							:	italic;
	font-size							:	24px;
}
.Capteur_Sondes{
	width								:	100%;
	color								:							rgba(178, 178, 156, 0.9);
	border								:	1px solid				rgba(0, 0, 0, 0.9);
	background-position					:	center;
	-webkit-box-shadow					:	2px 2px 50px			rgba(127, 123, 123, 0.9);
	border-radius						:	10px;
	box-shadow							:	2px 2px 50px			rgba(127, 123, 123, 0.9);
}

.Capteur_Sondes_Max{
	width								:	95%;
	margin								:	0 auto;
	letter-spacing						:	2px;
	color								:							rgba(88, 48, 115, 0.9);
	text-shadow							:	-1px 1px 1px			rgba(255, 255, 255,0.9);
	font-size							:	20px;
	border								:	2px solid				rgba(0, 0, 0, 0.9);
	background-position					:	center;
	-webkit-box-shadow					:	2px 2px 50px			rgba(127, 123, 123, 0.9);
	border-radius						:	10px;
	box-shadow							:	2px 2px 50px			rgba(127, 123, 123, 0.9);
}

.Capteur_Sondes_Min{
	width								:	95%;
	margin								:	0 auto;
	letter-spacing						:	2px;
	color								:							rgba(88, 48, 115, 0.9);
	text-shadow							:	-1px 1px 1px			rgba(255, 255, 255,0.9);
	font-size							:	20px;
	border								:	2px solid				rgba(0, 0, 0, 0.9);
	background-position					:	center;
	-webkit-box-shadow					:	2px 2px 50px			rgba(127, 123, 123, 0.9);
	border-radius						:	10px;
	box-shadow							:	2px 2px 50px			rgba(127, 123, 123, 0.9);
}
/* ************************************************************************* */
/* BOUTTON MIMIMUM*/
.B_Ret_Min {
	background							:	linear-gradient(125deg,
																	rgba(74, 0, 254, 0.6),
																	rgba(4, 0, 254, 0.6),
																	rgba(0, 62, 254, 0.6),
																	rgba(0, 126, 254, 0.6),
																	rgba(0, 194, 254, 0.6),
																	rgba(0, 254, 244, 0.6),
																	rgba(0, 194, 254, 0.6),
																	rgba(0, 126, 254, 0.6),
																	rgba(0, 62, 254, 0.6),
																	rgba(4, 0, 254, 0.6),
																	rgba(74, 0, 254, 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%}
}

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

/* ************************************************************************* */
/* BOUTTON MAXIMUM*/
.B_Ret_Max {
	background							:	linear-gradient(125deg,
																	rgba(255,124, 34, 0.3),
																	rgba(255, 91, 34, 0.4),
																	rgba(255, 59, 34, 0.5),
																	rgba(255, 34, 53, 0.6),
																	rgba(255, 24, 167, 0.7),
																	
																	rgba(234, 34, 255, 0.9),
																	
																	rgba(255, 24, 167,0.7),
																	rgba(255, 34, 53,0.6),
																	rgba(255, 59, 34,0.5),
																	rgba(255, 91, 34,0.4),
																	rgba(255,124, 34,0.3));
	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);
	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, 0.9);
	text-transform						:	uppercase;
	font-size							:	16px;
	font-weight							:	bold;
	letter-spacing						:	8px;
	text-shadow							:	1px 2px					rgba(255, 110, 0, 0.9);
	padding								:	10px;
	border-radius						:	20px 20px 0px 0px;
	border								:	1px solid				rgba(151, 29, 168, 0.9);
	box-shadow							:	-5px 5px 30px 4px		rgba(45, 78, 255,0.9),
											5px 5px 15px 4px		rgba(0, 0, 0, 0.9);
	background							:	linear-gradient(to right,
																	rgba(0, 109, 183, 1) 0%,
																	rgba(0, 64, 183, 1) 20%,
																	rgba(0, 18, 183, 1) 40%,
																	rgba(33, 0, 183, 1) 60%,
																	rgba(82, 0, 183, 1) 80%,
																	rgba(128, 0, 183, 1) 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, 0.9);
	text-shadow							:	1px 2px #000000;
	text-shadow							:	3px 3px 10px			rgba(253, 150, 98, 0.9);
	background							:	linear-gradient(to right,
																	rgba(0, 78, 146, 0.9) 0%,
																	rgba(0, 4, 40, 0.9) 50%,
																	rgba(0, 78, 146, 0.9) 100%);
	box-shadow							:	-5px -5px 15px 4px 
																	rgba(0, 0, 0, 0.9),
											5px 5px 15px 4px
																	rgba(45, 78, 255, 0.9);
	border								:	1px solid				rgba(0, 0, 0, 0.9);
	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, 0.9);
	border-radius						:	15px 15px 15px 15px;
	
	background							:	linear-gradient(to right,
																	rgba(0, 4, 40, 0.9) 0%,
																	rgba(0, 78, 146, 0.9) 50%,
																	rgba(0, 4, 40, 0.9) 100%);
	text-decoration						:	none;
	text-transform						:	uppercase;
	color								:							rgba(236, 136, 37, 0.9);
	font-size							:	12px;
	letter-spacing						:	2px;
}

/* Transformations Survol */
.navv li a:hover,
.navv li a:hover+ul li a {
	color								:							rgba(209,124,40,0.9);
	background							:	linear-gradient(to right,
																	rgba(22, 34, 42, 0.9) 0%,
																	rgba(58, 96, 115, 0.9) 50%,
																	rgba(22, 34, 42, 0.9) 100%);
	border								:	1px solid				rgba(255, 0, 0, 0.9);
}

/* 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, 0.9);
	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				rgba(57, 253, 0, 0.9);
}

/* Jonction Traits Horizontaux Gauches */
.navv li::after{
	left								:	50%;
	right								:	auto; 
	border-left							:	2px solid				rgba(4, 207, 128, 1);
}
/* 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				rgba(4, 207, 128, 0.9);
	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				rgba(4, 207, 128, 0.9);
	height								:	40px;
}

/* ************************************************************************* */
/* 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 10s 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,
																			rgba(255, 169, 169, 0.9),
																			rgba(100, 161, 224, 0.9),
																			rgba(255, 169, 169, 0.9),
																			rgba(100, 161, 224, 0.9));
	background							:	linear-gradient(90deg,
																			rgba(255, 169, 169, 0.9),
																			rgba(100, 161, 224, 0.9),
																			rgba(255, 169, 169, 0.9),
																			rgba(100, 161, 224, 0.9));
	background-repeat					:	no-repeat;
	background-size						:	80%;
	animation							:	scroll 10s 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*/
/* ************************************************************************* */
/* ************************************************************************* */
.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);
}
/* ************************************************************************* */