table 
{
	width: 100%;
	/* height: 400px; */
	top: -80px;
	text-align: right;
	/* background-color: #DDDDDD; */
	border-spacing: 40px 30px; 
}
.F 
{
	border: 1px solid;
	border-color: #000000;
	background-color: #CCCCCC;
	width: 100px;
	height: 100px;
	top: 0;
	left: 0;
}
.T 
{
	/* background-color: #DDDDDD; */
	font-size:20px; 
	width: 300px;

	text-align: left;
}
.C 
{
	background-color: #DDDDDD;
	top: -80px;
}
p
{
	width: 95%;
	top:-10px;
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align: justify;
	text-justify: inter-word;
}
a
{
	text-align:left;
	font-size:14px; 
}

.button-1 
{
	--b: 3px;   /* border thickness */
	--s: .45em; /* size of the corner */
	--color: #000088; /* #373B44; */

	padding: calc(.4em + var(--s)) calc(200px + var(--s));
	color: var(--color);
	--_p: var(--s);
	background:
	conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0)
	var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));
	transition: .3s linear, color 0s, background-color 0s;
	outline: var(--b) solid #0000;
	outline-offset: .6em;
	font-size: 10px;

	border: 0;

	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.button-1:hover,
.button-1:focus-visible
{
	--_p: 0px;
	outline-color: var(--color);
	outline-offset: .05em;
}

.button-2 
{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 6px 84px;
	font-family: -apple-system, BlinkMacSystemFont, 'Roboto', sans-serif;
	border-radius: 6px;
	border: none;

	background: #6E6D70;
	box-shadow: 0px 0.5px 1px rgba(0, 0, 0, 0.1), inset 0px 0.5px 0.5px rgba(255, 255, 255, 0.5), 0px 0px 0px 0.5px rgba(0, 0, 0, 0.12);
	color: #DFDEDF;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.button-2:focus 
{
	box-shadow: inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2), 0px 0.5px 1px rgba(0, 0, 0, 0.1), 0px 0px 0px 3.5px rgba(58, 108, 217, 0.5);
	outline: 0;
}

.button-3 
{
	padding: 0.6em 200px;
	border: none;
	outline: none;
	color: rgb(255, 255, 255);
	background: #111;
	cursor: pointer;
	position: relative;
	z-index: 0;
	border-radius: 10px;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.button-3:before 
{
	content: "";
	background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
	);
	position: absolute;
	top: -2px;
	left: -2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	-webkit-filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing-button-85 20s linear infinite;
	transition: opacity 0.3s ease-in-out;
	border-radius: 10px;
}

@keyframes glowing-button-85 
{
	0% 
	{
		background-position: 0 0;
	}
	50% 
	{
		background-position: 400% 0;
	}
	100% 
	{
		background-position: 0 0;
	}
}

.button-3:after 
{
	z-index: -1;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #222;
	left: 0;
	top: 0;
	border-radius: 10px;
}

.center 
{
	text-align: center;
	vertical-align: top;	
}
.bas 
{
	text-align: center;
	vertical-align: bottom;	
}

.n-vue 
{
	/* les paragraphes ne seront pas visibles */
	visibility: hidden;
}

.vue 
{
	/* les paragraphes seront visibles */
	visibility: display;
}

vue
{
	vertical-align: top;	
}

h1
{
	top: -30px;
	height: 40px;
	font-size: 34px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	border: 5px solid #EEEE22;
	background-color: #000088;
}
h2
{
	height: 48px;
	font-size: 40px;
	font-weight: bold;
	font-style: italic;
	color: #EEEE22;
	border: 5px solid #EEEE22;
	background-color: #000088;
}
h3
{
	height: 440px;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	border: 2px solid #EEEE22;
	background-color: #000088;
}
h4
{
	color: #FFFFFF;
	height: 40px;
	font-style: italic;
	border: 5px solid #EEEE22;
	background-color: #000088;
}
h5
{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}
audio
{
    background: #000088;
    padding: 10px;
    color: #FFFFFF;
	border:2px solid #EEEE22;
    height: 20px;"
}