@charset "utf-8";
/* CSS MENU : Mise à jour: 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								:	90%;
	height								:	40px;
	margin								:	0 auto;
	align-content						:	center;
	display								:	block;
}
/* ********************************* */

/* ********************************* */
.Bande_Titre_Ind{
	width								:	100%;
	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);
}
/* ********************************* */

/* ********************************* */
.Infos_Sous_Titre{																	/* SOUS TITRE DES MENUS */
	width								:	100%;
	margin								:	0 auto;
	line-height							:	20px;
	color								:	rgba(33, 249, 0, 0.9);
	font-style							:	italic;
	font-size							:	16px;
	text-shadow							:	1px 1px rgba(232, 99, 20, 0.9);
}
/* ********************************* */

/* ********************************* */
.navbar {																			/* MENU AFFICHE */
	margin								:	0 auto;
	width								:	1080px;
	overflow							:	hidden;
	border-radius						:	20px;
	background							:	linear-gradient(to right,
																	rgba(0, 4, 40, 0.9) 5%,
																	rgba(0, 78, 146, 0.9) 25%,
																	rgba(0, 78, 146, 0.9) 75%,
																	rgba(0, 4, 40, 0.9) 100%);
	border								:	solid rgba(0, 0, 0, 0.9) 2px;
}
/* ********************************* */

/* ********************************* */
.navbar a {																			/* CONTENU DES MENUS */
	float								:	left;
	font-size							:	16px;
	color								:	rgba(248, 45, 45, 0.9);					/* Couleur Bouton TITRE */
	text-align							:	center;									/* Positionnement */
	padding								:	16px;
}
/* ********************************* */

/* ********************************* */
.dropdown {																			/* BARRE DE MENU */
	float								:	left;									/* DE GAUCHE VER LA DROITE*/
	overflow							:	hidden;
}
/* ********************************* */

/* ********************************* */
.dropdown .dropbtn {																/* BARRE DE MENU*/
	/*font-size                          : 16px;*/
	border								:	none;
	outline								:	none;
	padding								:	5px;
	background-color					:	inherit;
	font								:	inherit;
	border-radius						:	30px;
	color								:	rgba(33, 249, 0, 0.9);
	line-height							:	1.5rem;
	text-shadow							:	5px 5px 5px rgba(33, 249, 0, 0.9);
	border								:	solid rgba(255, 2, 15, 0.2) 2px;		/* BORDER DELIMINATION */
}
/* ********************************* */

/* ********************************* */
.navbar a:hover, .dropdown:hover .dropbtn {											/* MODIFICATION DE LA BARRE DE MENU AU SURVOL SOURIS - AFFICHAGE DES SOUS-MEMU*/
	background							:	linear-gradient(
															rgba(0, 0, 139, 0.6),
															rgba(70, 130, 180, 0.6));
	color								:	rgba(232, 99, 20, 0.9);
	border-radius						:	5px;
	font-size							:	18px;
	border								:	solid rgba(0, 0, 0, 0.9) 2px;
	box-shadow							:	5px 8px 16px 0px rgba(255, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.dropdown-content {																	/* CONTENEUR QUI S'OUVRE POUR AFFICHAGE DU MENU */
	position							:	absolute;
	padding-left						:	10%;
	padding-right						:	10%;
	display								:	none;
	width								:	100%;
	/*height								:	100px;*/
	left								:	0;
	box-shadow							:	0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index								:	1;
	border								:	solid rgba(255, 0, 0, 0.9) 0px;
}
/* ********************************* */

/* ********************************* */
.dropdown-content .header {															/* BARRE DE TITRE SOUS MENU SURVOL SOURIS*/
	text-align							:	center;
	margin-bottom						:	10px;
	padding								:	10px;
	color								:	rgba(255, 0, 0, 0.9);
	background							:	linear-gradient(to right,
																	rgba(0, 4, 40, 0.9) 0%,
																	rgba(0, 78, 146, 0.9) 51%,
																	rgba(0, 4, 40, 0.9) 100%);
	border-radius						:	10px;
	text-shadow							:	7px 2px 9px 5px rgba(255, 0, 0, 0.7);
	border								:	solid rgba(255, 0, 0, 0.9) 0px;
}
/* ********************************* */

/* ********************************* */
.dropdown:hover .dropdown-content {														/*	 DECORATION FOND MENU */
	display								:	table;

	width								:	100%;
	border-radius						:	50px;
	border								:	solid rgba(79, 79, 79, 0.9) 2px;
/*TEST_1*/
	background							:	linear-gradient(27deg,			rgba(21, 21, 21, 0.9) 5px,		transparent 5px) 0 5px,
											linear-gradient(207deg,			rgba(21, 21, 21, 0.9) 5px,		transparent 5px) 10px 0px,
											linear-gradient(27deg,			rgba(34, 34, 34, 0.9) 5px,		transparent 5px) 0px 10px,
											linear-gradient(207deg,			rgba(34, 34, 34, 0.9) 5px,		transparent 5px) 10px 5px,
											linear-gradient(90deg,			rgba(27, 27, 27, 0.9) 10px,		transparent 10px),
											linear-gradient(rgba(29, 29, 29, 0.9) 25%,
															rgba(26, 26, 26, 0.9) 25%,
															rgba(26, 26, 26, 0.9) 50%,
															transparent 50%,
															transparent 75%,
															rgba(36, 36, 36, 0.9) 75%,
															rgba(36, 36, 36, 0.9));
	background-color					:	#131313;
	background-size						:	20px 20px;
/*FIN_TEST_1
/*TEST_2 *
background								:	linear-gradient(315deg,	transparent 65%,	rgba(20, 40, 200, 0.2) 0)-10px 0,
											linear-gradient(45deg,	transparent 65%,	rgba(20, 40, 200, 0.2) 0)-10px 0,
											linear-gradient(135deg,						rgba(20, 20, 140, 0.3) 50%, transparent 70%) 0 0,
											linear-gradient(45deg,						rgba(20, 0, 130, 0.3) 50%,
																						rgba(40, 0, 130, 0.3) 0) 0 0 
																						rgba(0, 0, 0, 0.9);
background-size							:	20px 20px;
/*FIN_TEST_2 *
/* TEST_3 *
 background								:
											radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
											radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.3) 13%, rgba(255,255,255,0) 14%) 0 0,
											radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 17%, rgba(255,255,255,.43) 19%, rgba(255,255,255,0) 20%) 0 110px,
											radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) -130px -170px,
											radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.2) 11%, rgba(255,255,255,.4) 13%, rgba(255,255,255,0) 14%) 130px 370px,
											radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.1) 11%, rgba(255,255,255,.2) 13%, rgba(255,255,255,0) 14%) 0 0,
											linear-gradient(45deg, #343702 0%, #184500 20%, #187546 30%, #006782 40%, #0b1284 50%, #760ea1 60%, #83096e 70%, #840b2a 80%, #b13e12 90%, #e27412 100%);
background-size							:	470px 470px,
											970px 970px,
											410px 410px,
											610px 610px,
											530px 530px,
											730px 730px,
											100% 100%;
background-color						:	#840b2a;
/*FIN_TEST_3 */

/*TEST_TEST_4 *
background-color						:	rgba(85, 85, 102,0.9);
background-image						:	linear-gradient(30deg,	rgb(85, 85, 102) 12%,	transparent 12.5%,	transparent 87%, rgb(85, 85, 102) 87.5%, rgb(85, 85, 102)),
											linear-gradient(150deg,	rgb(85, 85, 102) 12%,	transparent 12.5%,	transparent 87%, rgb(85, 85, 102) 87.5%, rgb(85, 85, 102)),
											linear-gradient(30deg,	rgb(85, 85, 102) 12%,	transparent 12.5%,	transparent 87%, rgb(85, 85, 102) 87.5%, rgb(85, 85, 102)),
											linear-gradient(150deg,	rgb(85, 85, 102) 12%,	transparent 12.5%,	transparent 87%, rgb(85, 85, 102) 87.5%, rgb(85, 85, 102)),
											linear-gradient(60deg,	rgb(85, 85, 102) 25%,	transparent 25.5%,	transparent 75%, rgb(85, 85, 102) 75%, rgb(85, 85, 102)),
											linear-gradient(60deg,	rgb(85, 85, 102) 25%,	transparent 25.5%,	transparent 75%, rgb(85, 85, 102) 75%, rgb(85, 85, 102));
background-size							:	80px 140px;
background-position						:	0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
/*FIN_TEST_4 */

}
/* ********************************* */

/* ********************************* */
/* SECTION TD */
/* ********************************* */

/* ********************************* */
.td_10_Ind{
	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_30{
	width								:	30%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}
/* ********************************* */

/* ********************************* */
.td_33{
	width								:	33%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}
/* ********************************* */

/* ********************************* */
/*** SECTION COLONNES */
/* ********************************* */

/* ********************************* */
.col_2 {
	width								:	2%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_5 {
	width								:	5%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_7 {
	width								:	7%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_10{
	width								:	10%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_15{
	width								:	15%;
	color								:	rgba(255, 140, 0, 0.9);
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 132, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_20{
	width								:	20%;
	color								:	rgba(255, 140, 0, 0.9);
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 132, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_20_V{
	width								:	20%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
}
/* ********************************* *

/* ********************************* */
.col_20_avertissement {
	width								:	20%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
	line-height							:	20px;
	color								:	rgba(33, 249, 0, 0.9);
	font-style							:	italic;
	font-size							:	16px;
	text-shadow							:	1px 1px rgba(232, 99, 20, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_25{
	width								:	25%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.colonne_25 {
	float								:	left;
	width								:	25%;
	padding								:	25px;
}
/* ********************************* */

/* ********************************* */
.colonne_25 a {																	/* Libelles des possiblites */
	float								:	none;
	color								:	rgba(193, 236, 254, 0.5);
	padding								:	10px;
	text-decoration						:	none;
	display								:	block;
	text-align							:	left;
}
/* ********************************* */

/* ********************************* */
.colonne_25 a:hover {															/* Traitement Passage souris au dessus */
	color								:	rgba(255, 140, 0, 0.9);
	padding								:	10px;
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_30 {
	width								:	30%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_33 {
	width								:	33%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_40_avertissement {
	width								:	40%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
	line-height							:	20px;
	color								:	rgba(33, 249, 0, 0.9);
	font-style							:	italic;
	font-size							:	16px;
	text-shadow							:	1px 1px rgba(232, 99, 20, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_100_avertissement {
	width								:	33%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
	line-height							:	20px;
	color								:	rgba(33, 249, 0, 0.9);
	font-style							:	italic;
	font-size							:	16px;
	text-shadow							:	1px 1px rgba(232, 99, 20, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_33_GW {
	width								:	33%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
	border-radius						:	10px;
	border-color						:	rgba(132, 132, 132, 0.9);
	border-style						:	solid;
	border-width						:	thin;
	background							:	rgba(145, 140, 213, 0.9)
}
/* ********************************* */

/* ********************************* */
.col_35 {
	width								:	35%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_40{
	width: 40%;
	margin								:	0 auto;
	align-content						:	center;
	vertical-align						:	middle;
}
/* ********************************* */

/* ********************************* */
.col_40_Ind{
	width: 40%;
	margin								:	0 auto;
	align-content						:	center;
	vertical-align						:	middle;
}
/* ********************************* */

/* ********************************* */
.col_47{
	width: 47%;
	margin								:	0 auto;
	align-content						:	center;
	vertical-align						:	middle;
}
/* ********************************* */

/* ********************************* */
.col_50 {
	width								:	50%;
	align-content						:	center;
	vertical-align						:	middle;
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_50_Ind{
	width: 50%;
	margin								:	0 auto;
	align-content						:	center;
	vertical-align						:	middle;
}
/* ********************************* */

/* ********************************* */
.col_50{
	width								:	50%;
	color								:	rgba(255, 140, 0, 0.9);
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_W50{
	width: 50%;
	margin								:	0 auto;
	align-content						:	center;
	vertical-align						:	middle;
}
/* ********************************* */

/* ********************************* */
.col_60_Ind{
	width: 60%;
	margin								:	0 auto;
	align-content						:	center;
	vertical-align						:	middle;
}
/* ********************************* */

/* ********************************* */
.col_60 {
	width								:	60%;
	align-content						:	center;
	vertical-align						:	middle;
	color								:	rgba(57, 54, 54, 0.9);
	border-top-left-radius				:	10px;
	border-top-right-radius				:	10px;
	border-bottom-left-radius			:	10px;
	border-bottom-right-radius			:	10px;
	border-width						:	1px;
	border-style						:	solid;
	border-color						:	rgba(225, 138, 40, 0.8);
}
/* ********************************* */

/* ********************************* */
.colonne_33 {
	float								:	left;
	width								:	33.33%;
	padding								:	8px;
}
/* ********************************* */

/* ********************************* */
.colonne_33 a {
	float								:	none;
	color								:	rgba(193, 236, 254, 0.5);
	padding								:	8px;
	text-decoration						:	none;
	display								:	block;
	text-align							:	left;
}
/* ********************************* */

/* ********************************* */
.colonne_33 a:hover {
	color								:	rgba(255, 140, 0, 0.9);
	padding								:	10px;
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	8px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.colonne_50 {
	float								:	left;
	width								:	50%;
	padding								:	25px;
}
/* ********************************* */

/* ********************************* */
.colonne_50 a {
	float								:	none;
	color								:	rgba(193, 236, 254, 0.5);
	padding								:	10px;
	text-decoration						:	none;
	display								:	block;
	text-align							:	left;
}
/* ********************************* */

/* ********************************* */
.colonne_50 a:hover {
	color								:	rgba(255, 140, 0, 0.9);
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.colonne_80 {
	margin								:	0 auto;
	width								:	80%;
	padding								:	25px;
}
/* ********************************* */

/* ********************************* */
.colonne_80 a {
	float								:	none;
	color								:	rgba(193, 236, 254, 0.5);
	padding								:	10px;
	text-decoration						:	none;
	display								:	block;
	text-align							:	left;
}
/* ********************************* */

/* ********************************* */
.colonne_80 a:hover {
	color								:	rgba(255, 140, 0, 0.9);
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.td_80 {
	margin								:	0 auto;
	text-align							:	center;
	width								:	80%;
	padding								:	25px;
}
/* ********************************* */

/* ********************************* */
.colonne_100 {
	float								:	left;
	width								:	100%;
	padding								:	25px;
}
/* ********************************* */

/* ********************************* */
.colonne_100 a {
	float								:	none;
	color								:	rgba(193, 236, 254, 0.5);
	padding								:	10px;
	text-decoration						:	none;
	display								:	block;
	text-align							:	left;
}
/* ********************************* */

/* ********************************* */
.colonne_100 a:hover {
	color								:	rgba(255, 140, 0, 0.9);
	padding								:	10px;
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.titres_col{
	color								:	rgba(0, 0, 0, 0.9);
	font-style							:	oblique;
	font-weight							:	bolder;
	font-size							:	x-large;
	line-height							:	50px;
	text-transform						:	uppercase;
	text-shadow							:	4px 3px 6px rgba(244, 251, 0, 0.9);
	background-color					:	rgba(187, 183, 183, 0.9);
	border-radius						:	20px;
	vertical-align						:	middle;
	}
/* ********************************* */

/* ********************************* */
.titres_col_Min{
	color								:	rgba(0, 0, 0, 0.9);
	padding-top							:	5px;
	padding-bottom						:	5px;
	font-style							:	oblique;
	font-weight							:	bolder;
	font-size							:	large;
	line-height							:	30px;
	text-transform						:	uppercase;
	text-shadow							:	4px 3px 6px rgba(244, 251, 0, 0.9);
	background-color					:	rgba(139, 139, 139, 0.9);
	border-radius						:	20px;
	vertical-align						:	middle;
	}
/* ********************************* */

/* ********************************* */
.titres_col_NEW{
	color								:	rgba(0, 0, 0, 0.9);
	font-style							:	oblique;
	font-weight							:	bolder;
	font-size							:	x-large;
	line-height							:	50px;
	text-transform						:	uppercase;
	text-shadow							:	4px 3px 6px rgba(244, 251, 0, 0.9);
	background-color					:	rgba(187, 183, 183, 0.9);
	border-radius						:	20px;
	vertical-align						:	middle;
	}
/* ********************************* */

/* ********************************* */
.container_M {
	margin								:	0 auto;
	text-align							:	center;
	align-content						:	center;
	background							:	linear-gradient(
												rgba(0, 0, 139, 0.9),
												rgba(70, 130, 180, 0.9));
	box-sizing							:	border-box;
	padding								:	20px;
	border-radius						:	20px;
	color								:	rgba(33, 249, 0, 0.9);
	line-height							:	20px;
	font-size							:	1rem;
	text-shadow							:	1px 1px rgba(232, 99, 20, 0.9);
}
/* ********************************* */

/* ********************************* */
/*Caractèristiques Lignes de Titres NIV N°0*/
.td_Droit {
	text-align                         :	center;
	margin                             :	0 auto;
	align-content                      :	center;
	vertical-align                     :	middle;
	color                              :	rgba(33, 249, 0, 0.9);
	line-height                        :	2rem;
	font-size                          :	1.5rem;
	letter-spacing                     :	10px;
	text-shadow                        :	1px 1px rgba(232, 99, 20, 0.9);
	opacity                            :	1;
	border-radius                      :	5rem;	
/*
	background							:	linear-gradient(
												rgba(0, 0, 139, 0.9),
												rgba(70, 130, 180, 0.9));
*/
}
/* ********************************* */

/* ********************************* */
/* Scrolling Texte Horizontal Defilant */
#scroll	{
	position							:	absolute;
	white-space							:	nowrap;
}
/* ********************************* */

/* ********************************* */
#oScroll {
	position							:	relative;
	display								:	table;
	width								:	100%;
	height								:	25px;
	padding-top							:	-5px;
	overflow							:	hidden;
	color								:	rgba(62, 255, 239, 0.9);
	font-style							:	oblique;
	font-size							:	20px;
	border-radius						:	20px;
	text-shadow							:	2px 2px 5px rgba(61, 56, 57, 0.9);
	border-width						:	0px;
	border-style						:	solid;
	border-color						:	rgba(0, 0, 0, 0.5);
}
/* ********************************* */

/* ********************************* */
.td_Header{
	padding-top							:	5px;
}
/* ********************************* */

/* ********************************* */
.table_100{
	width								:	100%;
	margin								:	0 auto;
	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;
}
/* ********************************* */

/* ********************************* */
/* BANDEROLE TEXTE GLISSANT - VERSION 1*/
.text_def {
	position							:	relative;
	display								:	flex;
	text-transform						:	uppercase;
	font-size							:	2rem;
	letter-spacing						:	1rem;
	overflow							:	hidden;
	background							:		-webkit-linear-gradient(left,
												rgba(0, 5, 247, 0.9),
												rgba(32, 249, 7, 0.9),
												rgba(252, 125, 0, 0.9),
												rgba(249, 240, 0, 0.9));
	background							:	linear-gradient(to right,
												rgba(0, 5, 247, 0.9),
												rgba(32, 249, 7, 0.9),
												rgba(252, 125, 0, 0.9),
												rgba(249, 240, 0, 0.9));
	background-repeat					:	no-repeat;
	background-size						:	50%;
	animation							:	animate 15s linear infinite;
}
@keyframes animate {
	0% {
		background-position				:	-50%;
	}
	100% {
		background-position				:	50%;
	}
}
/* FIN BANDEROLE TEXTE GLISSANT */
/* ********************************* */

/* ********************************* */
/* BANDEROLE TEXTE GLISSANT - VERSION 2*/
.spotlight span {
	font-size							:	28px;
	letter-spacing						:	12px;
	backface-visibility					:	hidden;
	color								:	transparent;
	position							:	relative;
	text-transform						:	uppercase;
	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 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*/
/* ********************************* */

/* ********************************* */
/* BANDEROLE TEXTE GLISSANT - VERSION 3*/
.spotlight_3 span {
	backface-visibility					:	hidden;
	color								:	transparent;
	position							:	relative;
	text-transform						:	uppercase;
	font-size							:	0.8rem;
	letter-spacing						:	0.2rem;
	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						:	70%;
	animation							:	scroll 15s 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 3*/
/* ********************************* */
.footer0{
	background				:	rgba(47, 79, 79,0.2);
	border								:	ridge rgba(204, 204, 204, 0.5);
	border-width						:	1px;
	border-color						:	rgba(55, 153, 153, 0.5);
	border-radius						:	30px;
}
/* ********************************* */
/* 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(50, 255, 224, 0.9));
		/*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, 0.9),
												rgba(249, 0, 229, 0.9),
												rgba(249, 123, 0, 0.9),
												rgba(50, 255, 224, 0.9));
		background-repeat				:	no-repeat;
		background-size					:	80%;
		animation						:	scroll 18s ease-in-out infinite;
		-webkit-background-clip			:	text;
		/*background-clip: text;*/
	}
	@keyframes scroll {
		0% {
			background-position			:	-410%;
		}
		100% {
			background-position			:	500%;
		}
	}
/* FIN BANDEROLE TEXTE GLISSANT - VERSION 2*/
/* ********************************* */

/* ********************************* */
/* CSS LIGHTBOX_1 */
.thumbnail {
	width								:	20%;
}
/* ********************************* */

/* ********************************* */
.lightbox {
	/** AFFICHAGE DE LA BOX PAR DEFAUT */
	display								:	none;
	position							:	fixed;
	z-index								:	999;
	width								:	100%;
	height								:	100%;
	text-align							:	center;
	top									:	0;
	left								:	0;
	background							:	rgba(61, 180, 255, 0.4);
}
/* ********************************* */

/* ********************************* */
/** DIMENSIONS ET POSITION DE L'IMAGE */
.lightbox img {
	max-width							:	100%;
	max-height							:	100%;
	margin-top							:	1%;
	border-radius						:	10px;
}
/* ********************************* */

/* ********************************* */
/** SUPPRESSION APERCU NAVIGATEUR */
.lightbox:target {
	outline								:	none;
	display								:	block;
}
/* ********************************* */

/* ********************************* */
/* BOUTTON */
/* ********************************* */

/* ********************************* */
.B_Ret {
	display								:	flex;
	align-items							:	center;
	justify-content						:	center;
	color								:	rgba(62, 255, 239, 0.9);
	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(45deg,
											rgba(248, 44, 0,0.9) 0%,
											rgba(248, 117, 0,0.9)25%,
											rgba(248, 178, 0, 0.9)50%,
											rgba(248, 230, 0,0.9)100%);
	background-size						:	280%;
	z-index								:	1;
	animation-name						:	animation;
	animation-duration					:	3s;
	animation-direction					:	alternate;
	animation-iteration-count			:	infinite;
	color								:	rgba(47, 79, 79,0.9);
}
@keyframes animation {
	0% { 
background-position						:	100%
}
	100% { 
background-position						:	0%
}
}
/* FIN BUTTON -*/
/* ********************************* */

/* ********************************* */
/* PHOTOS TRAITEMENT SPECIAL */
/* ********************************* */

/* ********************************* */
.Container_Photo_Small {
	margin								:	0 auto;
	display								:	block;
	border								:	ridge #ccc;
	border-width						:	1px;
	border-color						:	#9B9999;
	border-radius						:	30px;
	max-width							:	240px;
	max-height							:	18px;
	position							:	relative;
	overflow							:	hidden;
}
/* ********************************* */

/* ********************************* */
.Container_Photo_Medium {
	margin								:	0 auto;
	display								:	block;
	border								:	ridge #ccc;
	border-width						:	1px;
	border-color						:	#9B9999;
	border-radius						:	30px;
	max-width							:	320px;
	max-height							:	18px;
	position							:	relative;
	overflow							:	hidden;
}
/* ********************************* */

/* ********************************* */
.td_1_G{
	width								:	1%;
	border-radius						:	10%;
	box-shadow							:
											inset 0 0 5px #ffffff,					/* 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 #ffffff,				/* 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 #ffffff,				/* outer Blanc */
													10px 0 80px #f0f,				/* outer Gauche Magenta */
													-10px 0 80px #0ff;				/* outer Droit Cyan */
}
/* ********************************* */

/* ********************************* */
.td_1{
	width								:	1%;
}
/* ********************************* */

/* ********************************* */
.ombrage_1 {
	box-shadow							:	20px 20px 20px #888888;
}
/* ********************************* */

/* ********************************* */
.img {
	border-radius						:	40px;
	border								:	thin solid #878787;
	-webkit-box-shadow					:	4px 4px 8px 0 
												rgba(0, 255, 0, 0.4),
											0 6px 20px 0 
												rgba(0, 0, 255, 0.2);
	box-shadow							:	4px 4px 8px 0
												rgba(0, 255, 0, 0.4),
												0 6px 20px 0 
												rgba(0, 0, 255, 0.2);
}
/* ********************************* */

/* ********************************* */
/* ACCORDION */
/* ********************************* */
/* ********************************* */
.enveloppe{
	margin								:	0 auto;
	width								:	900px;
	line-height							:	1.6em;
}
/* ********************************* */

/* ********************************* */
.enveloppe_1{
	margin								:	0 auto;
	width								:	900px;
	line-height							:	20px;
	border-width						:	medium;
	border-style						:	solid;
	border-color						:	rgba(81, 255, 0,0.9);
}
/* ********************************* */

/* ********************************* */
#accordion{
	width								:	900px;
	margin								:	0px;
	padding								:	0px;
	list-style							:	none;
}
/* ********************************* */

/* ********************************* */
#accordion_1{
	width								:	900px;
	margin								:	0px;
	padding								:	0px;
	list-style							:	none;
}
/* ********************************* */

/* ********************************* */
#accordion h2{
	/*TITRE*/
	font-size							:	12pt;
	margin								:	5px;
	padding								:	10px;
	text-align							:	center;
	background							:	#3d6d99;
	background							:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5796d0), color-stop(100%,#3d6d99));
	border-bottom						:	2px solid #fff;
	border-radius						:	20px;
}
/* ********************************* */

/* ********************************* */
.accordion_h2{
	/*TITRE*/
	width								:	800px;
	margin								:	0 auto;
	align-content						:	center;
	font-size							:	12pt;
	padding								:	10px;
	text-align							:	center;
	background							:	#3d6d99;
	background							:	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5796d0), color-stop(100%,#3d6d99));
	border-bottom						:	2px solid #fff;
	border-radius						:	20px;
}
/* ********************************* */

/* ********************************* */
#accordion li div.content{
	display								:	none;
	padding								:	10px;
	background							:	#5C5C5C;
	border								:	1px solid #ddd;
	border-radius						:	0px;
}
/* ********************************* */

/* ********************************* */
#accordion li:hover div.content{
	display								:	inherit;
}
/* ********************************* */

/* ********************************* 
*//* EFFET NEON */
.t_neon {
	font-size							:	16px;
	text-transform						:	uppercase;
	-webkit-transition					:	all 0.5s;
	transition							:	all 0.5s;
	color								:	#0A00F7;
	animation							:	neon 2s ease-in-out infinite alternate;
}
@keyframes neon {
	from {
		color							:	#ffffff;
		text-shadow						:	0 0 10px #ffffff,
											0 0 20px #ffffff,
											0 0 30px #ffffff,
											0 0 40px #00FFB3,
											0 0 70px #00FFB3,
											0 0 80px #00FFB3,
											0 0 100px #00FFB3,
											0 0 150px #00FFB3;
	}
	to {
		text-shadow						:	0 0 5px #ffffff,
											0 0 10px #ffffff,
											0 0 15px #fffffff,
											0 0 20px #000CF8,
											0 0 35px #000CF8,
											0 0 40px #000CF8,
											0 0 50px #000CF8,
											0 0 75px #000CF8;
		}
}
/* ********************************* */

/* ********************************* */
/* EFFET NEON_0  SANS EFFET */
/* ********************************* */

/* ********************************* */
.t_neon_0 {
	font-size							:	16px;
	text-transform						:	uppercase;
	color								:	#c4b59d;
	;
	text-shadow							:	0 -2px 1px #0A00F7
}
/* ********************************* */

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

/* ********************************* */
.Hr_Colo_Ind {
	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_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{
	height								:	2px;
	margin-top							:	10px;
	margin-bottom						:	10px;
}
/* ********************************* */

/* ********************************* */
.hr_Mono_Ind{
	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;
}
/* ********************************* */

/* ********************************* */
.hr_Colo_Ind{
	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_Colo_15{
	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							:	15px;
	margin-bottom						:	15px;
}
/* ********************************* */

/* ********************************* */
.hr_2{
	height								:	2px;
	margin-top							:	10px;
	margin-bottom						:	10px;
}
/* ********************************* */

/* ********************************* */
.hr_6{
	height								:	6px;
}
/* ********************************* */

/* ********************************* */
.hr_10{
	height								:	10px;
}
/* ********************************* */

/* ********************************* */
.hr_20{
	height								:	20px;
}
/* ********************************* */

/* ********************************* */
.gradient{
	background							:	rgba(0, 0, 0, 0.5);
	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%);
}
/* ********************************* */

/* ********************************* */
.gradient_Light{
	background							:	rgba(0, 0, 0, 0.5);
	background							:	linear-gradient(45deg,
												rgba(217, 18, 80, 0.3) 0%,
												rgba(224, 140, 16, 0.3) 30%,
												rgba(102, 203, 31, 0.3) 50%,
												rgba(224, 140, 16, 0.3) 70%,
												rgba(217, 18, 80, 0.3) 100%);
}
/* ********************************* */

/* ********************************* */
.lien_ext {
	color								:	white;
	text-shadow							:	2px 2px 4px rgba(0, 0, 0, 0.9);
	text-decoration						:	none;
}
/* ********************************* */

/* ********************************* */
.td_Niv0 {
	/*Caractèristiques Lignes de Titres NIV N°0*/
	width								:	100%;
	padding-top							:	10px;
	padding-bottom						:	10px;
	text-align							:	center;
	align-content						:	center;
	vertical-align						:	middle;
	color								:	#1200F9;
	border-radius						:	20px;
	line-height							:	30px;
	font-size							:	25px;
	letter-spacing						:	5px;
	text-shadow							:	1px 1px rgba(232, 99, 20, 0.9);
	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% 400%;
	animation							: gradient_td_Niv0 15s ease infinite;
}
@keyframes gradient_td_Niv0 {
	0% {
		background-position				:	100%
	}
	100% {
		background-position				:	0%
	}
}
/* ********************************* */

/* ********************************* */
.td_Niv1 {
	/*Caractèristiques Lignes de Titres NIV N°1*/
	width								:	100%;
	text-align							:	center;
	align-content						:	center;
	vertical-align						:	middle;
	color								:	#F90110;
	border-radius						:	10px;
	background-color					:	#420506;
	line-height							:	30px;
	font-size							:	25px;
	letter-spacing						:	5px;
}
/* ********************************* */

/* ********************************* */
.td_Niv11 {
	/*Caractèristiques Lignes de Titres NIV N°1*/
	width								:	100%;
	text-align							:	center;
	align-content						:	center;
	vertical-align						:	middle;
	color								:	rgba(26, 0, 249, 0.9);
	border-radius						:	10px;
	background-color					:	rgba(251, 88, 3, 0.5);
	line-height							:	30px;
	font-size							:	25px;
	letter-spacing						:	5px;
	border-width						:	thin;
	border-style						:	solid;
	border-color						:	rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.td_Niv2 {
	/*Caractèristiques Lignes de Titres NIV N°2 */
	width								:	100%;
	text-align							:	center;
	align-content						:	center;
	vertical-align						:	middle;
	color								:	#E900F8;
	border-radius						:	10px;
	background-color					:	#530794;
	line-height							:	20px;
	font-style							:	italic;
	letter-spacing						:	2px;
}
/* ********************************* */

/* ********************************* */
.td_Niv22 {
	/*Caractèristiques Lignes de Titres NIV N°2 */
	width								:	100%;
	height								:	20px;
	text-align							:	center;
	align-content						:	center;
	vertical-align						:	middle;
	color								:	#53AE00;
	border-radius						:	10px;
	background-color					:	#1A00F9;
	line-height							:	20px;
	font-style							:	italic;
	font-weight							:	bolder;
	letter-spacing						:	2px;
}
/* ********************************* */

/* ********************************* */
.td_20_Top {
	width								:	20%;
}
/* ********************************* */

/* ********************************* */
.embed-container iframe{
/* DOCUMENTATIONS PDF */
	position							:	relative;
	width								:	100%;
	padding-bottom						:	1%;
	overflow							:	hidden;
	max-width							:	100%;
	height								:	75vh;
	border-radius						:	20px;
	border								:	5px solid rgba(0, 0, 255, 0.1);
}
/* ********************************* */

/* ********************************* */
.p_hcp4 { 
	margin-top							:	1rem;
	margin-left							:	3rem;
	text-align							:	left;
	color								:	#9B9999
}
/* ********************************* */

/* ********************************* */
button.accordion {
/* TRAITEMENT LIGNE DE SELECTION DE DONNEES */
	width								:	100%;
	color								:	#DA00E4;
	border-top-right-radius				:	25px;
	border-top-left-radius				:	25px;
	background							:	linear-gradient(to right,
												#000428 0%,
												#004e92 51%,
												#000428 100%);
	font-size							:	25px;
	font-weight							:	bolder;
	letter-spacing						:	5px;
	font-style							:	italic;
	margin-top							:	10px;
	outline								:	none;
	-webkit-transition					:	all 2s cubic-bezier( .6, 2, .4, 0.9);
	transition							:	all 2s cubic-bezier( .6, 2, .4, 0.9);
	border								:	1px solid rgba(255, 255, 11, 0.5);
	padding-top							:	3px;
	padding-bottom						:	3px;
}
/* ********************************* */

/* ********************************* */
button.accordion.active, button.accordion:hover {
	background							:	linear-gradient(to right,
												#004e92 0%,
												#000428 50%,
												#004e92 100%);
	color								:	#7DE400;
	letter-spacing						:	15px;
	padding-top							:	3px;
	padding-bottom						:	3px;
	border-radius						:	10% / 50%;
}
/* ********************************* */

/* ********************************* */
/*PANNEAU POUR TRAITEMENT DES PANNEAUX COULLISSANTS*/
div.panel_1 {
	/* Fond Noir */
	width								:	auto;
	height								:	0;
	opacity								:	0;
	background-color					:	rgba(0, 0, 0, 0.9);
	overflow							:	hidden;
	/*-webkit-transition: 2s ease-in-out;
	/*-moz-transition: 2s ease-in-out;*/
	/*-ms-transition: 2s ease-in-out;*/
	/*-o-transition: 2s ease-in-out;*/
	transition							:	2s ease-in-out;	
}
/* ********************************* */

/* ********************************* */
div.panel_1.show {
	opacity								:	1;
	height								:	auto;
}
/* ************************************************************************* */
/*PANNEAU POUR TRAITEMENT DES PANNEAUX COULLISSANTS*/
div.panel_2 {
	/* Fond Transparent */
	width								:	auto;
	height								:	0;
	opacity								:	0;
	overflow							:	hidden;
	-webkit-transition					:	2s ease-in-out;
	/*-moz-transition: 2s ease-in-out;*/
	/*-ms-transition: 2s ease-in-out;*/
	/*-o-transition: 2s ease-in-out;*/
	transition							:	2s ease-in-out;	
}
/* ********************************* */

/* ********************************* */
div.panel_2.show {
	opacity								:	1;
	height								:	auto;
}
/* ********************************* */

/* ********************************* */
.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);
}
/* ********************************* */

/* ********************************* */
.p_hcp4_c {
	align-content						:	center;
	text-align							:	center;
	margin-top							:	0.5rem;
	margin-bottom						:	0.5rem;
	color								:	#85D18B
}
/* ********************************* */

/* ********************************* */
.p_hcp4_1-5 {
	margin-top							:	1rem;
	margin-left							:	3rem;
	margin-right						:	3rem;
	line-height							:	1.5em;
	text-align							:	left;
	color								:	#9B9999
}
/* ********************************* */

/* ********************************* */
.text-neon {
	color								:	#ffffff;
	text-shadow							:	#ffffff 0 0 15px,
											#ffffff 0 0 25px,
											#ff00de 0 0 30px,
											#ff00de 0 0 40px,
											#f0f 0 0 50px,
											#f0f 0 0 60px;
}
/* ********************************* */

/* ********************************* */
.td_height{
/* DATAS WEATHERLINK*/
	height								:	25px;
}
/* ********************************* */

/* ********************************* */
.col_5_WLT_Tit{
	width								:	5%;
}
/* ********************************* */

/* ********************************* */
.col_10_WL{
	width								:	10%;
	color								:	rgba(255, 140, 0, 0.9);
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_10_WL_Max{
	background-color					:	rgba(221, 28, 0, 0.5);
	margin-left							:	20pt;
	color								:	#FF953A;
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_10_WL_Min{
	background-color					:	rgba(0, 32, 238, 0.5);
	margin-left							:	20pt;
	color								:	#FF953A;
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_15_WL_Unit{
	background-color					:	rgba(128, 36, 0, 0.5);
	margin-left							:	20pt;
	color								:	#FF953A;
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_15_WL_Val{
	background-color					:	rgba(128, 72, 0, 0.5);
	margin-left							:	20pt;
	color								:	#FF953A;
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_15_WL{
	width								:	15%;
	color								:	rgba(255, 140, 0, 0.9);
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_30_WL{
	width								:	30%;
	color								:	rgba(255, 140, 0, 0.9);
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
	-webkit-box-shadow					:	5px 5px 5px rgba(31, 35, 69, 0.9);
	box-shadow							:	5px 5px 5px rgba(31, 35, 69, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_30_WL_Dt{
	height								:	28px;
	text-align							:	left;
	vertical-align						:	middle;
	overflow							:	hidden;
	background-color					:	rgba(128, 0, 0, 0.5);
	padding-left						:	20pt;
	color								:	#FF953A;
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_20_WL{
	width								:	20%;
	color								:	rgba(255, 140, 0, 0.9);
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_20_WL_Grph{
	width								:	20%;
	vertical-align						:	middle;
	text-align							:	center;
	align-content						:	center;
}
/* ********************************* */

/* ********************************* */
.col_14_WL {
	/* TRAITEMENT WL_DONNEES MIN/MAX MOIS/ANNEES */
	width								:	14%;
	color								:	rgba(255, 140, 0, 0.9);
	font-weight							:	bold;
	font-style							:	italic;
	border-radius						:	10px;
	background-color					:	rgba(13, 78, 32, 0.9);
	text-align							:	center;
}
/* ********************************* */

/* ********************************* */
.col_14_WL_Max{
	width								:	14%;
	background-color					:	rgba(221, 28, 0, 0.5);
	margin-left							:	20pt;
	color								:	#FF953A;
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_14_WL_Min{
	width								:	14%;
	background-color					:	rgba(0, 32, 238, 0.5);
	margin-left							:	20pt;
	color								:	#FF953A;
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_30_WLT_Tit{
/* TRAITEMENT WL_Tags */
	height								:	25px;
	width								:	30%;
	background-color					:	rgba(252, 94, 0, 0.7);
	border-radius						:	0px 10px 0px 10px;
	color								:	rgba(7, 7, 7, 0.5);
	text-shadow							:	5px 3px 3px rgba(255, 245, 0, 0.5);
}
/* ********************************* */

/* ********************************* */
.col_30_WLT_Datas{
	width								:	30%;
	height								:	20px;
	background-color					:	rgba(83, 83, 83, 0.8);
	border-radius						:	10px;
	color								:	#F9F9F8;
	text-shadow							:	5px 5px 3px rgba(0, 0, 0,0.9);
}
/* ********************************* */

/* ********************************* */
.col_30_WLT_Tags{
	width								:	30%;
	background-color					:	rgba(83, 83, 83, 0.8);
	border-radius						:	10px;
	color								:	rgba(248, 0, 0, 0.9);
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
button.accordion_1 {
	background-color					:	rgba(0, 0, 0, 0.0);
	color								:	rgba(9, 150, 21, 0.9);
	cursor								:	pointer;
	padding								:	0px;
	width								:	30%;
	border								:	thin dashed;
	outline								:	none;
	-webkit-transition					:	1s ease-in-out;
	transition							:	1s ease-in-out;
	-webkit-box-sizing					:	border-box;
	/*-moz-box-sizing: border-box;*/
	box-sizing							:	border-box;
	border-radius						:	0px 10px 0px 10px;
}
/* ********************************* */

/* ********************************* */
button.accordion_1.active, button.accordion_1:hover {
	height								:	28px;
	background-color					:	rgba(67, 66, 66, 0.9);
	border								:	medium double rgba(249, 3, 7, 0.9);
	border-radius						:	10px;
}
/* ********************************* */

/* ********************************* */
div.panel_1 {
/*PANNEAU POUR TRAITEMENT DES VALEURS MAX ET MIN.*/
	opacity								:	0;
	background-color					:	rgba(0, 0, 0, 0.9);
	max-height							:	0px;
	overflow							:	hidden;
	/*-webkit-transition: 1s ease-in-out;*/
	transition							:	1s ease-in-out;	
}
/* ********************************* */

/* ********************************* */
div.panel_1.show {
	opacity								:	1;
	max-height							:	300px;
}
/* ********************************* */

/* ********************************* */
.col_30_WLT_Tags_Max{
	width								:	30%;
	background-color					:	rgba(83, 83, 83, 0.8);
	border-radius						:	10px;
	color								:	rgba(248, 0, 0, 0.9);
	text-shadow							:	5px 3px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_30_WLT_Tags_TagsMax{
	width								:	30%;
	background-color					:	rgba(11, 67, 18, 0.9);
	border-radius						:	10px;
	color								:	rgba(249, 249, 249, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_30_WLT_Tags_Min {
	width								:	30%;
	background-color					:	rgba(83, 83, 83,0.8);
	border-radius						:	10px;
	color								:	rgba(0, 5, 249,0.9);
	text-shadow							:	5px 3px 3px rgba(86, 183, 195, 0.8);
}
/* ********************************* */

/* ********************************* */
.col_30_WLT_Tags_TagsMin {
	width								:	30%;
	border-radius						:	10px;
	color								:	rgba(249, 249, 249,0.9);
	background-color					:	rgba(11, 67, 18, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_30_WLT_Tags {
	background-color					:	rgba(185, 137, 83, 0.8);
	border-radius						:	10px;
	color								:	rgba(248, 239, 0, 0.9);
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.H_20 {
	line-height							:	20px;
}
/* ********************************* */

/* ********************************* */
.p_hcp4_c_blc {
	display								:	inline-block;
	align-content						:	center;
	text-align							:	center;
	margin-top							:	0.5rem;
	margin-bottom						:	0.5rem;
	color								:	#FFFFFF;
	background-color					:	rgba(95, 95, 95, 0.8);
	border-radius						:	30px;
}
/* ********************************* */

/* ********************************* */
.p_hcp4_125 {
	margin-top							:	0.5rem;
	margin-bottom						:	0.5rem;
	margin-left							:	3rem;
	margin-right						:	3rem;
	line-height							:	1.5em;
	text-align							:	left;
	color								:	#9B9999
}
/* ********************************* */

/* ********************************* */
strong {
	color								:	rgba(106, 241, 125,0.9);
}
/* ********************************* */

/* ********************************* */
.p_hcp4_125_C {
	margin-top							:	0.5rem;
	margin-bottom						:	0.5rem;
	margin-left							:	3rem;
	margin-right						:	3rem;
	line-height							:	1.5em;
	color								:	#9B9999
}
/* ********************************* */

/* ********************************* */
.container_iframe {
	position							:	relative;
	overflow							:	hidden;
	padding-top							:	56.25%;
}
/* ********************************* */

/* ********************************* */
.container_iframe-top {
	position							:	relative;
	overflow							:	hidden;
	padding-top							:	45.00%;
}
/* ********************************* */

/* ********************************* */
.def_iframe {
	position							:	absolute;
	top									:	0;
	left								:	0;
	width								:	90%;
	height								:	90%;
	border								:	2px solid #465DCB;
	border-width						:	3px;
	margin-bottom						:	5px;
	border-radius						:	20px;
	margin-left							:	5%;
}
/* ********************************* */

/* ********************************* */
.iframe_SpWL {
	position							:	absolute;
	top									:	0;
	border								:	none;
	width								:	100%;
}
/* ********************************* */

/* ********************************* */
.container_iframe_SpWL {
	align-content						:	center;
	position							:	relative;
	overflow							:	hidden;
	padding-top							:	50px;
}
/* ********************************* */

/* ********************************* */
.col_14_WL_Vid {
	width								:	14%;
	margin-left							:	20pt;
	color								:	#FF953A;
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
.col_10_WL_Vid {
	margin-left							:	20pt;
	color								:	#FF953A;
	text-shadow							:	5px 5px 3px rgba(0, 0, 0, 0.9);
}
/* ********************************* */

/* ********************************* */
/*** LIGNES COLOREES DEFILLANTES   ***/
/* <div class="hrc"></div>           */
/*************************************/
/* Gauche vers Droite 45s*/
.hr45{
	background							:	linear-gradient(45deg,
												#F82C00,
												rgba(0, 0, 0, 0.9),
												#F87500,
												rgba(0, 0, 0, 0.9),
												#F8B200,
												rgba(0, 0, 0, 0.9),
												#F8E600,
												rgba(0, 0, 0, 0.9),
												#85F800,
												rgba(0, 0, 0, 0.9),
												#0D00D2,
												rgba(0, 0, 0, 0.9),

												#F82C00,
												rgba(0, 0, 0, 0.9),
												#F87500,
												rgba(0, 0, 0, 0.9),
												#F8B200,
												rgba(0, 0, 0, 0.9),
												#F8E600,
												rgba(0, 0, 0, 0.9),
												#85F800,
												rgba(0, 0, 0, 0.9),
												#0D00D2,
												rgba(0, 0, 0, 0.9))
		;
	background-size						:	400%;
	width								:	100%;
	height								:	2px;
	animation							:	Glis 45s linear infinite;
}
@keyframes Glis {
	0% {
		background-position				:	0 0;
	}
	50% {
		background-position				:	200% 0;
	}
	100% {
		background-position				:	400% 0;
	}
}
/* ********************************* */

/* ********************************* */
/* Droite vers Gauche */
.hrr45{
	background							:	linear-gradient(45deg,
												#F82C00,
												rgba(0, 0, 0, 0.9),
												#F87500,
												rgba(0, 0, 0, 0.9),
												#F8B200,
												rgba(0, 0, 0, 0.9),
												#F8E600,
												rgba(0, 0, 0, 0.9),
												#85F800,
												rgba(0, 0, 0, 0.9),
												#0D00D2,
												rgba(0, 0, 0, 0.9),

												#F82C00,
												rgba(0, 0, 0, 0.9),
												#F87500,
												rgba(0, 0, 0, 0.9),
												#F8B200,
												rgba(0, 0, 0, 0.9),
												#F8E600,
												rgba(0, 0, 0, 0.9),
												#85F800,
												rgba(0, 0, 0, 0.9),
												#0D00D2,
												rgba(0, 0, 0, 0.9))
		;
	background-size						:	400%;
	width								:	100%;
	height								:	2px;
	animation							:	Glis 45s linear infinite;
}
@keyframes Glis {
	0% {
		background-position				:	0 0;
	}
	50% {
		background-position				:	200% 0;
	}
	100% {
		background-position				:	400% 0;
	}
}
/* ********************************* */

/* ********************************* */
/* SPECIALES POUR MENUS */
/* Gauche vers Droite 45s*/
.HRMenu{
	background							:	linear-gradient(45deg,
												#F82C00,
												rgba(0, 0, 0, 0.9),
												#F87500,
												rgba(0, 0, 0, 0.9),
												#F8B200,
												rgba(0, 0, 0, 0.9),
												#F8E600,
												rgba(0, 0, 0, 0.9),
												#85F800,
												rgba(0, 0, 0, 0.9),
												#0D00D2,
												rgba(0, 0, 0, 0.9),

												#F82C00,
												rgba(0, 0, 0, 0.9),
												#F87500,
												rgba(0, 0, 0, 0.9),
												#F8B200,
												rgba(0, 0, 0, 0.9),
												#F8E600,
												rgba(0, 0, 0, 0.9),
												#85F800,
												rgba(0, 0, 0, 0.9),
												#0D00D2,
												rgba(0, 0, 0, 0.9));
	background-size						:	400%;
	margin-top							:	4px;
	margin-bottom						:	8px;
	width								:	100%;
	height								:	2px;
	animation							:	Glis 45s linear infinite;
}
@keyframes Glis {
	0% {
		background-position				:	0 0;
	}
	50% {
		background-position				:	200% 0;
	}
	100% {
		background-position				:	400% 0;
	}
}
/* ********************************* */

/* ********************************* */
.hr30{
/* Gauche vers Droite 30s*/
	background							:	linear-gradient(45deg,
												rgba(0, 0, 0, 0.9),
												#F82C00,
												rgba(0, 0, 0, 0.9),
												#F87500,
												rgba(0, 0, 0, 0.9),
												#F8B200,
												rgba(0, 0, 0, 0.9),
												#F8E600,
												rgba(0, 0, 0, 0.9),
												#85F800,
												rgba(0, 0, 0, 0.9),
												#0D00D2,
												rgba(0, 0, 0, 0.9),
												#F82C00,
												rgba(0, 0, 0, 0.9),
												#F87500,
												rgba(0, 0, 0, 0.9),
												#F8B200,
												rgba(0, 0, 0, 0.9),
												#F8E600,
												rgba(0, 0, 0, 0.9),
												#85F800,
												rgba(0, 0, 0, 0.9),
												#0D00D2,
												rgba(0, 0, 0, 0.9));
	background-size						:	400%;
	width								:	100%;
	height								:	2px;
	margin-top							:	10px;
	margin-bottom						:	10px;
	background-size						:	400%;
	width								:	100%;
	height								:	2px;

	animation-name						:	Glis;
	animation-duration					:	60s;
	position							:	relative;
	animation-iteration-count			:	infinite;
	animation-direction					:	alternate;
	animation-timing-function			:	linear;
}
@keyframes Glis {
	from {
		left							:	0;
	}
	to
	{
		right							:	calc(100% - 20px);
	}
}
/* ********************************* */

/* ********************************* */
/* Droite vers Gauche */
.hrr30{
	background							:	linear-gradient(45deg,
												rgba(0, 0, 0, 0.9),
												#F82C00,
												rgba(0, 0, 0, 0.9),
												#F87500,
												rgba(0, 0, 0, 0.9),
												#F8B200,
												rgba(0, 0, 0, 0.9),
												#F8E600,
												rgba(0, 0, 0, 0.9),
												#85F800,
												rgba(0, 0, 0, 0.9),
												#0D00D2,
												rgba(0, 0, 0, 0.9),
												#F82C00,
												rgba(0, 0, 0, 0.9),
												#F87500,
												rgba(0, 0, 0, 0.9),
												#F8B200,
												rgba(0, 0, 0, 0.9),
												#F8E600,
												rgba(0, 0, 0, 0.9),
												#85F800,
												rgba(0, 0, 0, 0.9),
												#0D00D2,
												rgba(0, 0, 0, 0.9));
	background-size						:	400%;
	width								:	100%;
	height								:	2px;
	background-size						:	400%;
	width								:	100%;
	height								:	2px;
	animation-name						:	Glis;
	animation-duration					:	60s;
	animation-direction					:	alternate;
}
@keyframes Glis {
	0% {
		background-position				:	-200% -75%;
	}
	50% {
		background-position				:	-75% 75%;
	}
	100% {
		background-position				:	75% 200% ;
	}
}
/* ********************************* */

/* ********************************* */
.area {
/*TEXTE CLIGNOTANT ROUGE POUR NOUVEAUTES */
	color                              :	#FD060A;
	font-weight                        :	400;
	text-transform                     :	uppercase;
	animation                          :	blur 3s ease-in-out infinite;
	text-shadow                        :	0px 0px 5px #F14245,
											0px 0px 7px #F14245;
}
@keyframes blur {
	from {
		text-shadow                    :	0px 0px 2px rgba(0, 0, 0, 0.9),
											0px 0px 4px rgba(0, 0, 0, 0.9), 
											0px 0px 6px rgba(0, 0, 0, 0.9),
											0px 0px 8px #464646,
											0px 0px 10px #747474,
											0px 0px 20px #BBA0A0,
											0px 0px 25px #A67071,
											0px 0px 35px #985455,
											0px 0px 50px #9C4B4C,
											0px 0px 60px #872B2C,
											0px 0px 70px #7B96B8,
											0px 0px 100px #7B96B8,
											0px 10px 100px #7B96B8,
											0px 10px 100px #7B96B8,
											0px 10px 100px #7B96B8,
											0px 10px 100px #7B96B8,
											0px -10px 100px #7B96B8,
											0px -10px 100px #7B96B8;
	}
}
/* ********************************* */

/* ********************************* */
.link {
/* COULEURS LIENS */
	font-size							:	1.1em;
	color								:	#ABABAB;
	animation							:	blur 4.0s ease-out infinite;
	text-shadow							:	0px 0px 0.5px #F3D246;
}
/* ********************************* */

/* ********************************* */
.link:hover {
	color								:	#63F163;
}
/* ********************************* */

/* ********************************* */
html body div table tbody tr td {

}
/* ********************************* */

/* ********************************* */
/* ACCORDION VERSION 2022 */
.accordion_2022 {
	width                              :	900px;
	margin                             :	0 auto;
	padding                            :	10px;
	align-content                      :	center;
	font-size                          :	12pt;
	font-weight                        :	800;
	text-align                         :	center;
	background                         :	#3d6d99;
	background                         :	-webkit-gradient(linear, left top, left bottom, color-stop(0%,#5796d0), color-stop(100%,#3d6d99));
	border-bottom                      :	2px solid #fff;
	border-radius                      :	20px;
	transition                         :	2s;
}
/* ********************************* */

/* ********************************* */
.active, .accordion_2022:hover {
	background-color                   :	#cccFFF;
}
/* ********************************* */

/* ********************************* */
.panel_2022 {
	width                              :	900px;
	margin                             :	0 auto;
	align-content                      :	center;
	padding                            :	0 18px;
	background                         :	#5C5C5C;
	/*border                           :	1px solid #fff;*/
	border-radius                      :	0px;
	max-height                         :	0;
	overflow                           :	hidden;
	transition                         :	max-height 2s ease-out;
}
/* ********************************* */

/* ********************************* */
/* ********************************* */
/* ADAPTATION VERSION 2023 */
/* ********************************* */

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

/* ********************************* */
/* SITE MAP _ 2023 */
.td_centre {
	vertical-align                     :	top;
	text-align                         :	center;
	align-content                      :	center;
}
/* ********************************* */

/* ********************************* */
/*
ul {
	display: table;
	margin: 0 auto;
}
*/
/* ********************************* */

/* ********************************* */
ul.menu1g {
	display                            :	table;
	margin                             :	0 auto;
}
/* ********************************* */

/* ********************************* */
.NAV {
	width                              : 100%;
	margin-left                        : auto;
	margin-right                       : auto;
	align-content                      : center;
	text-align                         : center;

}
/* ********************************* */

/* ********************************* */
.NAV_BANDE_TITRE{
/* Cellule de TITRE */
	width                              :	100%;
	margin                             :	0 auto;
	align-content                      :	center;
	text-align                         :	center;
	height                             :	30px;
	padding-top                        :	8px;
	font-size                          :	14px;
	font-weight                        :	bold;
	letter-spacing                     :	10px;
	text-transform                     :	uppercase;
	color                              :	rgba(16, 221, 40,0.9);
	border-radius                      :	15px 15px 0px 0px;
	border                             :	1px solid rgba(151, 29, 168, 0.9);
	box-shadow                         :	-10px -10px 30px 4px rgba(45, 78, 255, 0.9),
												5px 5px 15px 4px rgba(0, 0, 0, 0.9);
	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%
	}
}
/* ********************************* */

/* ********************************* */
.NAV_TITRE_ITEM{
/* Cellules de listage des choix */
	width                              :	170px;
	height                             :	40px;
	margin                             :	0 auto;
	padding-top                        :	5px;									/* Ajustement Position Texte */
	font-size                          :	12px;
	font-weight                        :	400;
	letter-spacing                     :	4px;
	color                              :	rgba(169, 255, 154, 0.9);
	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, 0.8),
												5px 5px 15px 4px
												rgba(45, 78, 255, 0.8);
	border                             :	2px solid rgba(0, 0, 0, 0.9);
	border-radius                      :	0px 0px 15px 15px;
}
/* ********************************* */

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

/* ********************************* */
.NAV li a{
/* Cellules de Selections */
	width                              :	170px;
	display                            :	block;
	margin                             :	0 auto;
	display                            :	block;
	vertical-align                     :	middle;
	font-size                          :	12px;
	letter-spacing                     :	2px;
	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,
												#000428 0%,
												#004e92 51%,
												#000428 100%);
	text-decoration                    :	none;
	text-transform                     :	uppercase;
	color                              :	rgba(236,136,37,0.9);
}
/* ********************************* */

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

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

/* ********************************* */
/* Interlignes */
.NAV ul {
	position                           :	relative;
	padding-top                        :	40px;
}
/* ********************************* */

/* ********************************* */
.NAV li {
/* Element de la Liste */
	position                           :	relative;
	padding                            :	20px 2px 0 3px;
	display                            :	inline;
	float                              :	left;
	list-style-type                    :	none;
}
/* ********************************* */

/* ********************************* */
.NAV li::before,
.NAV li::after{
/* Jonctions Traits Horizontaux */
	content                            :	'';
	position                           :	absolute;
	top                                :	0;
	right                              :	50%;
	width                              :	50%;
	height                             :	18px;
	border-top                         :	2px solid #39FD00;
}
/* ********************************* */

/* ********************************* */
.NAV li::after{
/* Jonction Traits Horizontaux Gauches */
	left                               :	50%;
	right                              :	auto;
	border-left                        :	2px solid #04CF80;
}
/* ********************************* */

/* ********************************* */
.NAV li:only-child::after,
.NAV li:only-child::before {
/* Disparition */
	content                            :	'';
	display                            :	none;
}
/* ********************************* */

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

/* ********************************* */
.NAV li:first-child::before,
.NAV li:last-child::after{
/* Suppressio ligne horizontale superieure à gauche BEFORE, à droite AFTER */
	border                             :	0 none;
}
/* ********************************* */

/* ********************************* */
.NAV li:last-child::before{
/* Angle Sup Droit*/
	border-right                       :	1px solid #04CF80;
	border-radius                      :	0 10px 0 0;
}
/* ********************************* */

/* ********************************* */
.NAV li:first-child::after{
/* Angle Sup Gauche*/
	border-radius                      :	10px 0 0 0;
}
/* ********************************* */

/* ********************************* */
.NAV ul ul::before{
/* Jonctions Verticales sous les ITEMS */
	content                            :	' ';
	position                           :	absolute;
	top                                :	0px;
	left                               :	50%;
	border-left                        :	2px solid #04CF80;
	height                             :	40px;
}
/* ********************************* */

/* ********************************* */
.carousel-container {
/* CAROUSEL */
	padding                            :	0;
	margin                             :	10px auto;
	display                            :	inline-block;
	max-width                          :	100%;
	width                              :	280px;
	height                             :	180px;
	position                           :	relative;
	list-style-type                    :	none;
}
/* ********************************* */

/* ********************************* */
.carousel-container .carousel-content {
	/*height                             : 300px;*/
	border-left                        :	1px solid #04CF80;
	border-radius                      :	30px;
	overflow                           :	hidden;
	background                         :	repeating-linear-gradient(135deg,
												rgba(255, 174, 0,0.3) 0%,
												rgba(255, 174, 0,0.3) 5%,
												#0C0C0C 0%,
												#0C0C0C 50%) 0 / 10px 10px;
	position                           :	absolute;
	top                                :	0;
	padding                            :	5px;
	text-align                         :	center;
	line-height                        :	150px;
	animation                          :	eclatement 4s ease-in-out infinite;
}
@keyframes eclatement {
	0%   {
		box-shadow                     :	10px  10px 30px -10px #0772F3;
	}
	50%  {
		box-shadow                     :	-10px -10px 15px -10px #00D23D;
	}
	100% {
		box-shadow                     :	10px  10px 30px -10px #C900D2;
	}
}
/* ********************************* */

/* ********************************* */
.carousel-container .carousel-content img {
	opacity                            :	0;
	padding                            :	0;
	width                              :	auto;
	height                             :	auto;
	max-height                         :	180px;
	max-width                          :	400px;
	vertical-align                     :	middle;
	animation-name                     :	zin;
	animation-duration                 :	1.5s;
}
/*@-webkit-keyframes zim {
	from {-webkit-transform:scale(1)}
	to {-webkit-transform:scale(0)}
}*/
@keyframes zin {
	from {
		transform:scale(1)
	}
	to {
		transform:scale(0)
	}
}
/* ********************************* */

/* ********************************* */
.carousel-container .carousel-toggle:checked ~ .carousel-content,.carousel-container .carousel-toggle.active ~ .carousel-content {
	height                             :	100%;
	width                              :	100%;
}
/* ********************************* */

/* ********************************* */
.carousel-container .carousel-toggle:checked ~ .carousel-content img,.carousel-container .carousel-toggle.active ~ .carousel-content img {
	opacity                            :	1;
}
/* ********************************* */

/* ********************************* */
.carousel-fullscreen {
	position                           :	absolute;
	bottom                             :	0;
	right                              :	0;
	width                              :	300px;
	height                             :	200px;
	cursor                             :	zoom-in;
}
/* ********************************* */

/* ********************************* */
.carouselFullScreen:checked,.carouselFullScreen.active {
	display                            :	block;
	height                             :	100%;
}
/* ********************************* */

/* ********************************* */
.carouselFullScreen:checked+.carousel-container,.carouselFullScreen.active+.carousel-container {
	margin                             :	0;
	position                           :	fixed;
	width                              :	100%;
	height                             :	100%;
	top                                :	0;
	left                               :	0;
	z-index                            :	9999;
}
/* ********************************* */

/* ********************************* */
.carouselFullScreen:checked+.carousel-container .carousel-toggle:checked ~.carousel-content >li,.carouselFullScreen.active+.carousel-container .carousel-toggle:checked ~.carousel-content >li {
	height                             :	100%;
	/*
	line-height: 99vh;
	*/
}
/* ********************************* */

/* ********************************* */
.carouselFullScreen:checked+.carousel-container .carousel-fullscreen,.carouselFullScreen.active+.carousel-container .carousel-fullscreen {
	width                              :	100%;
	height                             :	100%;
}
/* ********************************* */

/* ********************************* */
.carouselFullScreen:checked+.carousel-container img,.carouselFullScreen.active+.carousel-container img {
	width                              :	auto;
	height                             :	100%;
	max-height                         :	100vh;
	max-width                          :	100vw;
	-webkit-animation-name             :	zout;
	-webkit-animation-duration         :	1.0s;
	animation-name                     :	zout;
	animation-duration                 :	1.5s;
}
/*@-webkit-keyframes zout {
	from {-webkit-transform:scale(0)}
	to {-webkit-transform:scale(1)}
}*/
@keyframes zout {
	from {
		transform:scale(0)
	}
	to {
		transform:scale(1)
	}
}
/* ********************************* */

/* ********************************* */
input[type=checkbox].carouselFullScreen,input[type=checkbox].carousel-toggle {
	visibility                         :	hidden;
}
/* ********************************* */

/* ********************************* */
.FigCaption {
	color                              :	rgba(105, 206, 0, 0.9);
	font-size                          :	1rem;
}
/* ********************************* */

/* ********************************* */
/* FIN CAROUSEL */
/* ********************************* */

/* ********************************* */
.Titre_Images_GW{
	width                              :	100%;
	font-size                          :	100%;
	margin                             :	0 auto;
	margin-top                         :	5px;
	margin-bottom                      :	5px;
	position                           :	relative;
	background-position                :	center;
	border                             :	3px solid rgba(0, 0, 0, 0.9);
	border-radius                      :	20px;
	background                         :	linear-gradient(125deg, 
												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 10s ease infinite;
	}
@keyframes rainbow { 
	0% {
			background-position			:	0% 70%
	}
	50% {
			background-position			:	100% 30%
	}
	100% {
			background-position			:	0% 70%
	}
}
/* ********************************* */

/* ********************************* */
/* 2024 */
/* ********************************* */

/* ********************************* */
.butNav {
	display                            :	inline-block;
	border-radius                      :	5px;
	color                              :	rgba(62, 255, 239, 0.9);
	text-align                         :	center;
	font-size                          :	16px;
	padding-top                        :	5px;
	padding-bottom                     :	5px;
	width                              :	150px;
	transition                         :	all 0.5s;
	cursor                             :	pointer;
	margin                             :	5px;
	font-weight                        :	bold;
	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%);
	border								:	solid black 2px;
}
/* ********************************* */

/* ********************************* */
.butNav span {
	cursor								:	pointer;
	display								:	inline-block;
	position							:	relative;
	transition							:	0.5s;
}
/* ********************************* */

/* ********************************* */
.butNav:hover span {
	letter-spacing						:	0.3rem;
/*	padding-left						:	15px;*/
}/* ********************************* */

/* ********************************* */
NoDisplay {
	display								:	none;
}
/* ********************************* */
.synthese {
	height								:	25px;
	margin-top							:	10px;
	margin-bottom						:	10px;
	font-size							:	12px;
	text-transform						:	uppercase;
	letter-spacing						:	3px;
	font-weight							:	600;
	color								:	rgba(33, 249, 0, 0.9);
	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;
	border-style						:	solid;
	border-color						:	rgba(255, 110, 0,0.7);
	border-radius						:	45px;
	box-shadow							:	0px 5px 10px rgba(254, 195, 76, 0.6);
	transition							:	all 0.3s ease 0s;
	cursor								:	pointer;
	outline								:	none;
	}

.synthese:hover {
	letter-spacing						:	6px;
	font-weight							:	800;
	background							:	rgba(0, 78, 146, 0.9);
	box-shadow							:	0px 10px 12px rgba(254, 195, 76, 0.6);
	color								:	rgba(255, 255, 255, 0.5);
	text-shadow							:	2px 2px 5px rgba(254, 195, 76, 0.6);
	/*transform							:	translateY(-10px);*/
}
/* ********************************* */