@font-face {
  font-family: 'Brockmann'; /* Nom que vous donnerez à la police */
  src: url('Brockmann-Regular.otf') format('opentype'); /* Chemin vers le fichier .otf */
  font-weight: normal; /* Poids de la police (normal, bold, etc.) */
  font-style: normal; /* Style (normal, italic, etc.) */
}

/* header.php */
html,body{
	margin:0;
	padding:0;
}
header{
	position:fixed;
	width:100%;
	top:0px;
	background-color:#005ba4;
	font-weight:bold;
	height:50px;
	line-height:50px;
	border-bottom:2px solid black;
}
header button.logout{
	position:fixed;
	right:0px;
	top:5px;
	text-decoration:0 none;
	border:1px solid black;
	height:40px;
	line-height: 20px;
	background-color:#e60000;
	color:white;
}
header button.logout:hover{
	background-color:#ff1a1a;
	border-radius:5px;
	cursor:pointer;
}
header button.menu_btn{
	position:fixed;
	left:10%;
	top:10px;
	height:30px;
	line-height: 20px;
	border-radius:5px;
	border:1px solid gray;
	box-shadow:5px 5px 5px black;
	cursor:pointer;
}
header img{
	width:137px;
	position:fixed;
}
header span.title{
	margin-left:47.5%;
	font-family:Brockmann;
	font-size:20px;
	color:#fff;
}
header span.subtitle{
	position:fixed;
	right:100px;
	font-family:Brockmann;
	font-size:20px;
	color:#fff;
}
#marge{
	margin-bottom:60px;
}
/* index.php */
#auth{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:40%;
	text-align:center;
	border:1px solid black;
	box-shadow:5px 5px 5px gray;
}
#auth h2{
	font-family:Brockmann;
}
#auth table{
	margin-left:auto;
	margin-right:auto;
}
#auth table tr:last-child{
	text-align:center;
}
#auth table input{
	border-radius:5px;
	border:1px solid black;
	width:200px;
}
#auth table input[type=submit]:hover{
	cursor:pointer;
	background-color:#005ba4;
}
#erreurlog{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:40%;
	text-align:center;
	border:1px solid black;
	box-shadow:5px 5px 5px gray;
	padding:5px;
	margin-top:20px;
	font-weight:bold;
	color:red;
}
#erreurlog:hover{
	color:white;
	background-color:red;
}
/* menu.php */
#admin_gestionuser{
	margin-left: 10px;
	border-radius: 5px;
	border: 1px solid black;
	box-shadow: 5px 5px 5px gray;
	height:30px;
}
#admin_gestionuser:hover{
	border-radius:0px;
	font-weight:bold;
	font-size:11px;
	background-color: #005ba4;
	cursor: pointer;
}
#mainmenu{
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:400px;
	border:1px solid black;
	box-shadow:5px 5px 5px gray;
}
#mainmenu button{
	border:1px solid black;
	border-radius:5px;
}
#mainmenu button:hover,#mainmenu input[type=submit]:hover{
	cursor:pointer;
	background-color:#005ba4;
}
#mainmenu h2, #mainmenu h3{
	font-family:Brockmann;
	text-align:center;
	text-decoration:underline;
}
#tempsreel{
	position:absolute;
	left:12%;
}
#previ{
	position:absolute;
	right:8%;
}
#previdd tr:last-child{
	text-align:center;
}
#previdd tr td input{
	border:1px solid black;
	border-radius:5px;
}
#fullprevi{
	position:absolute;
	right:20%;
}
/* tpsreel.php */
.title_text{
	font-family:Brockmann;
	text-align:center;
	text-decoration:underline;
}
.export_prog{
	position:fixed;
	border:2px outset black;
	border-radius:5px;
	box-shadow:5px 5px 5px gray;
}
.export_prog:hover{
	background-color:#005ba4;
	font-weight:bold;
}
.prog_tpsreel{
	height:10vh;
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	width:95%;
	text-align:center;
	margin-bottom:50px;
	box-shadow:5px 5px 5px gray;
	cursor:default;
}
.prog_tpsreel tr td{
	cursor:text;
	border:1px solid gray;
	height:23px;
}
.prog_tpsreel tr th{
	background-color:#005ba4;
	border:1px solid gray;
	color: #fff;
}
#tpsreel_div .prog_tpsreel tr:last-child td:first-child,#tpsreel_div .prog_tpsreel tr:last-child td:last-child{
	text-align:right;
	padding-right:30px;
}
.retour_btn{
	position:fixed;
	width:30px;
	border:1px solid gray;
}
.prog_tpsreel tr:hover{
	background-color:lightgray;
}
/* user.php */
.dalle_user{
	width:40%;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	border:1px solid black;
	box-shadow: 5px 5px 5px gray;
}
.dalle_user .aero_btn{
	width:150px;
	border:1px solid black;
	border-radius:5px;

}
.dalle_user .aero_btn:hover{
	background-color:#005ba4;
	cursor:pointer;
}
.dalle_user h3{
	font-family:Brockmann;
	text-align:center;
	text-decoration:underline;
}
.dalle_user table{
	margin-left: auto;
	margin-right: auto;
}
.dalle_user form table tr:last-child td{
	text-align:center;
}
.dalle_user form table tr td input{
	border-radius:5px;
	border:1px solid black;
}
.dalle_user a:hover{
	color:red;
}
.dalle_user input[type=email], .dalle_user input[type=text]{
	width:200px;
}
.modifuser tr:first-child td{
	text-align:center;
}
.modifuser tr:nth-child(5) td{
	text-align:center;
}
.forgot_pass{
	display:none;
}
.prog_tpsreel2{
	height:20vh;
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
	width:95%;
	text-align:center;
	margin-bottom:50px;
	box-shadow:5px 5px 5px gray;
	cursor:default;
}
/* .prog_tpsreel thead{
	overflow-y: auto; 
	top:85px;
}
.prog_tpsreel thead th{
	position: sticky; 
	top: 85px;
} */
.prog_tpsreel2 tr td{
	cursor:text;
	border:1px solid gray;
	height:23px;
}
.prog_tpsreel2 tr th{
	background-color:#005ba4;
	border:1px solid gray;
}