body,html {
	padding:0;
	margin:0;
	font-family: 'Montserrat', Arial, sans-serif;
	color:#555555;
	}
	
html{
	background: url('/img/fond.jpg') no-repeat center fixed; 
	background-size:cover;
	min-height:100vh;
	font-size:initial;
	}
	
h1 {
	font-size:1.7em;
	}
	
h2 {
	font-size:1.5em;
	}
	
h3 {
	font-size:1.3em;
	}

@font-face {
	font-family: 'r&c';
	src: url('/font/r&c.otf');
	}
	
.page_wrapper {
	width:100%;
	position:relative;
	}
	
.page_wrapper_menu a {
	color:inherit;
	text-decoration:none;
	}
	
.page_wrapper_menu {
	width:250px;
	background-color:#FFFFFF;
	box-shadow:0 0.4rem 2rem rgba(0,0,0,.05);
	border-radius:5px;
	margin-left:50px;
	position:absolute;
	top:0;
	left:0;
	}
	
.page_wrapper_menu ul {
	list-style-type: none;
	margin:0;
	padding:0;
	}
	
.page_wrapper_menu ul li {
	margin:0;
	padding:9px 16px;
	vertical-align:middle;
	border-bottom: 1px solid #f0f0f6;
	transition : background-color 0.2s;
	cursor:pointer;
	}
	
.page_wrapper_menu ul li.selected {
	background-color:#C45911;
	color:#FFFFFF;
	font-weight:bold;
	}
	
.page_wrapper_menu ul li.selected img {
	filter:grayscale(1) brightness(200%) contrast(200%);
	}
	
.page_wrapper_menu ul li:not(.selected):hover {
	background-color:#f9f9f9;
	}
	
.page_wrapper_menu ul li > * {
	vertical-align:middle;
	}
	
.page_wrapper_menu ul li img {
	height:1.5em;
	margin-right:0.75em;
	}
	
.page_wrapper_page {
	background-color:#FFFFFF;
	box-shadow:0 0.4rem 2rem rgba(0,0,0,.05);
	border-radius:5px;
	width:calc(100% - 375px);
	position:absolute;
	top:0;
	left:325px;
	height:calc(100vh - 225px);
	overflow:auto;
	padding:30px;
	}
	
.titre_page {
	text-align:center;
	}
	
.champ {
	box-sizing:border-box;
	font-size:1em;
	border-radius:10px;
	padding:calc(5px + 0.1em) 10px;
	border:1px solid #DDDDDD;
	background-color:#ffffff;
	transition:border 0.5s, background-color 0.5s;
	font-family:inherit;
	}
	
.champ:focus {
	outline:none;
	border:1px solid #C45911;
	background-color:#fdebe5;
	}
	
.button {
	box-sizing:border-box;
	font-size:1em;
	border-radius:10px;
	padding:calc(5px + 0.1em) 30px;
	border:1px solid #DDDDDD;
	background-color:#ffffff;
	transition:border 0.3s, background-color 0.3s;
	font-family:inherit;
	cursor:pointer;
	color:#555555;
	}
	
a.button {
	text-decoration:none;
	color:inherit;
	}
	
.button:not([disabled="disabled"]):hover {
	border:1px solid #C45911;
	background-color:#fdebe5;
	}
	
.button:not([disabled="disabled"]):focus {
	outline:none;
	background-color:#fdddd4;
	}
	
.button[disabled="disabled"] {
	opacity:0.5;
	cursor:not-allowed;
	}
	
.equarion_web_tools {
	cursor:pointer;
	width:fit-content;
	margin:auto;
	}
	
.equarion_web_tools h1 {
	font-family: 'r&c';
	margin:0;
	padding:0;
	margin-top:5px;
	text-align:center;
	font-size:30px
	}
	
.equarion_web_tools .logo {
	width:250px;
	margin:auto;
	display:block;
	}
	
.modale_login {
	width:500px;
	height:300px;
	background-color:#F0F0F0;
	margin:calc(50vh - 150px - 20px) auto;
	box-sizing:border-box;
	padding:30px 40px;
	position:relative;
	}
	
.modale_login form {
	margin:15px 0;
	}
	
.modale_login input {
	width:100%;
	margin:10px 0;
	position:relative;
	}
	
.modale_login .error_form {
	display:none;
	width:500px;
	color:red;
	position:absolute;
	bottom:25px;
	left:0;
	padding:0;
	margin:0;
	font-size:0.8em;
	text-align:center;
	}
	
section  {
	width:100%;
	min-height:100vh;
	background-color:#F0F0F0;
	margin:0;
	box-sizing:border-box;
	transition:width 0.25s, height 0.25s, margin 0.25s;
	position:relative;
	padding-bottom:100px;
	}
	
section.hidden {
	display:none;
	width:500px;
	height:300px;
	margin:calc(50vh - 150px - 20px) auto;
	}
	
section .login {
	position:absolute;
	top:20px;
	right:10px;
	cursor:pointer;
	width:fit-content;
	padding-bottom:30px;
	}
	
section .login .avatar {
	height:50px;
	vertical-align:middle;
	margin-left:10px;
	}
	
section .login p {
	display:inline-block;
	vertical-align:middle;
	}
	
section .login .profil_menu {
	position:absolute;
	top:80px;
	right:12px;
	background-color:#FFFFFF;
	box-shadow: 0px 1px 3px #DDDDDD;
	width:200px;
	display:none;
	}
	
section .login:hover .profil_menu {
	display:block;
	}
	
section .login .profil_menu .pointe {
	position:absolute;
	top:-10px;
	right:3px;
	height:10px;
	width:20px;
	}
	
section .login .profil_menu ul {
	padding:0;
	margin:0;
	}
	
section .login .profil_menu ul li {
	list-style:none;
	padding:10px 20px;
	margin:0;
	border-bottom:1px solid #DDDDDD;
	box-shadow: 0 1.5px 6px -3px #DDDDDD;
	}
	
section .login .profil_menu ul li:not(:last-of-type) {
	border-bottom:1px solid #DDDDDD;
	box-shadow: 0 1.5px 6px -3px #DDDDDD;
	}
	
section .login .profil_menu ul li:hover {
	background-color:#EEEEEE;
	}
	
section header {
	background-color:#FFFFFF;
	border-bottom:1px solid #DDDDDD;
	box-shadow: 0 1.5px 6px -3px #DDDDDD;
	padding:10px 40px;
	position:relative;
	transition:margin-left 300ms linear;
	}
	
section .lien_menu {
	height:30px;
	position:absolute;
	top:28px;
	left:28px;
	cursor:pointer;
	}
	
section nav {
	display:none;
	background-color:#373a49;
	width:100px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	color:#888888;
	}
	
section nav {
	display:none;
	background-color:#373a49;
	width:100px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	}
	
section nav ul{
	padding:0;
	margin:0;
	}
	
section nav a{
	padding:0;
	}
	
section nav ul li{
	width:100px;
	line-height: 1.5em;
	float:none;
	display:block;
	height:70px;
	padding:0;
	margin:0;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	padding-top:10px;
	box-sizing:border-box;
	border-bottom:1px solid #272a37;
	transition:background-color 0.4s, padding 0.4s;
	position:relative;
	cursor:pointer;
	font-size:0.7em;
	}
	
section nav ul li img{
	width:50px;
	transition:width 0.4s, filter 0.4s;
	}
	
section nav ul li span{
	display:block;
	position:absolute;
	top:calc(35px - (1em / 2));
	left:0;
	width:100%;
	transition:top 0.4s;
	}
	
section nav ul li[select="true"],
section nav ul li:hover{
	background-color:#C45911;
	padding-top:10px;
	}
	
section nav ul li[select="true"] img,
section nav ul li:hover img{
	width:30px;
	filter: brightness(300%);
	}
	
section nav ul li[select="true"] span,
section nav ul li:hover span{
	top:40px;
	}
	
section .contenu {
	width:100%;
	box-sizing:border-box;
	transition:padding-left 300ms linear;
	}
	
.table {
	border-collapse: collapse;
	border-radius:15px;
	overflow:hidden;
	}
	
.table tr > *{
	padding:15px;
	border-radius:0;
	}
	
.table tr > *:not(:first-of-type):not(.main){
	text-align:center;
	}
	
.table tr > *:first-of-type,
.table tr > .main {
	text-align:left;
	color:#FFFFFF;
	}
	
.table :not(.tbody) tr:first-of-type > *:first-of-type,
.table :not(.tbody) tr:first-of-type > .main {
	background-color:#272a35;
	}
	
.table :not(.tbody) tr:not(:first-of-type):nth-of-type(odd) > *:first-of-type,
.table .tbody tr:nth-of-type(even) > *:first-of-type,
.table :not(.tbody) tr:not(:first-of-type):nth-of-type(odd) > .main,
.table .tbody tr:nth-of-type(even) > .main {
	background-color:#373a49;
	}
	
.table :not(.tbody) tr:nth-of-type(even) > *:first-of-type,
.table .tbody tr:nth-of-type(odd) > *:first-of-type,
.table :not(.tbody) tr:nth-of-type(even) > .main,
.table .tbody tr:nth-of-type(odd) > .main {
	background-color:#5f616d;
	}
	
.table :not(.tbody) tr:first-of-type > *:not(:first-of-type):not(.main) {
	background-color:#D0D0D0 !important;
	}
	
.table :not(.tbody) tr:nth-of-type(odd) > *:not(:first-of-type):not(.main),
.table .tbody tr:not(:first-of-type):nth-of-type(even) > *:not(:first-of-type):not(.main) {
	background-color:#E0E0E0;
	}
	
.table :not(.tbody) tr:nth-of-type(even) > *:not(:first-of-type):not(.main),
.table .tbody tr:nth-of-type(odd) > *:not(:first-of-type):not(.main) {
	background-color:#FFFFFF;
	}

.not_allow_user {
	background-color:#FFFFFF;
	color:#ff4144;
	width:80%;
	margin:20px auto;
	text-align:center;
	padding:10px;
	border-radius:15px;
	font-weight:bold;
	}