* {
}

body
{
	background-size			: auto 100%;	
}

h1 {
	font-size		: 2.25em;
}

h2 {
	font-size		: 2em;
	border-bottom	: 2px solid #F00;
}

h3
{
	font-size		: 2.75em;
}

p {
	font-size		: 2em;
}

#main {
	width 				: 100%;
	height				: 100%;
}

#header {
	height				: 6em;
	position			: fixed;
	padding 			: 1em 0;
	text-align 			: left;
	width				: 100%;
}

#footer {
	display				: none;
}

#header p {
	text-align			: right;
	font-size			: 1em;
	margin				: 0	1em auto 1em;
	
}

#info{
	width				: calc(100% - 3em);
	margin-top			: 8em;
	padding-bottom		: 10em;
}

#infotable {
	height				: calc(100% - 2em);
	display 			: block;

	width 				: 100%;
	text-align			: center;
/*	flex-wrap			: wrap;
	align-items			: baseline;
	align-content		: space-around;
	gap					: 2em;
	justify-content		: center;*/
}



#infotable table.infotable {
	width				: calc(100%-2em);
	margin				: 1em;
}

#infotable table.infotable > tbody > tr td {
	padding 	: .5em;
}

.infotable {
	border-left			: 2px solid #700;
	border-right		: 2px solid #700;
	border-bottom		: 2px solid #700;
}

#infotable th, #infotable td{
	vertical-align	: middle;
}

.box {
	width				: calc(100%);
	background-color	: rgba(150,0,0,0.5);
	margin				: 1.5em 1.5em 3em 1.5em;
}

td.left {
	width				: auto;
	text-align			: left;
}

td.right {
	width				: 40%;
	text-align			: right;
}

td.center {
	text-align			: center;
}

.cam_image {
	border-radius		: .25em;
	object-fit			: cover;
}


/* NAVIGATION */

#navi
{
	height				: 8em;
	width				: 100%;
	position			: fixed;
	bottom				: 0em;
	width				: 100%;
	padding				: 0;
	margin				: 0;
	border-radius		: .5em .5em 0 0;
	border-top			: 1px solid #000;
	box-shadow			: 0 0 .5em #500;
}

#navi-index
{
	height				: 100%;
	width				: 100%;
	display				: flex;
	
	margin				: 0;
	padding				: 0;
	
	
	justify-content		: space-between;
	flex-grow			: 1;

	border-radius		: .5em .5em 0 0;
	border-top			: 5px solid #500;
}

.nav-point
{
	height				: 4em;
	font-weight			: 700;
	text-align			: center;
	font-size			: 2em;

	border-radius		: 0 0 0 0;

	text-transform		: uppercase;

	color				: #FFF;
	/*box-shadow			: 0 0 .25em #000;*/
	margin				: 0;
	vertical-align		: top;
	border-right		: 1px solid #900;
	border-left			: 1px solid #900;

}

li a {
	font-size			: 2em;
	font-weight			: 600;
}

/* SYMBOLE NAVIGATION */

.sym-cam,
.sym-log,
.sym-files,
.sym-user,
.sym-notify,
.sym-about,
.sym-logout
{
	opacity				: .45;
	color				: transparent;
	background-size		: auto 50%;
	background-repeat	: no-repeat;
	background-position	: center;
}

.nav-point:active,
.nav-point:hover,
.nav-point-active
{
	z-index				: +1;
	opacity				: .9;
}