body, html{
    margin:0;
	font-size:1.1vw;
	max-height: 100vh;
	overflow-x:hidden;
}

body{
    background-repeat: no-repeat;
    background-color:rgba(0, 0, 0, 0.2);
	background-image:url("/images/fond.webp");
	background-size:cover;
	animation: fadein 0.8s; 
}

@keyframes fadein {
    0% {
        opacity:0;
    }
    /*50%{
        opacity:0.5;
    }*/
    100% {
        opacity:1;
    }
}



div {
  /* Mozilla firefox */
  scrollbar-color: #aaa transparent;
  scrollbar-width: 14px;
}
/* Global */
div::-webkit-scrollbar {
  width: 14px;
}
/* Ascenseur */
div::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 6px;
}

.titre{
	margin:4px 0 6px 0;
	background:rgba(10,60,160,0.6);
	font-size:1.9vw;
	font-weight:bold;
	color:white;
}

#logo{
	margin-top:5px;
	height:100px;
}

#container{
min-height:70vh;
}

#auth{
	width:400px;
	height:200px;
	background:rgba(25,20,20,0.1);
	/*overflow-y: hidden;*/
}

#page{	
	flex-shrink: 0;
	flex:auto;
	display:flex;

	margin-bottom:2px;
}

#listentree{
	min-width:80vw;
	font-size:0.8rem;
}

.inputbord{
	border-color:red;
}

.fs56{
	font-size:5.6vw;
}

.fs44{
	font-size:4.4vw;
}

.fs42{
	font-size:4.2vw;
}

.fs40{
	font-size:4vw;
}

.fs38{
	font-size:3.8vw;
}

.fs36{
	font-size:3.6vw;
}

.fs34{
	font-size:3.4vw;
}

.fs32{
	font-size:3.2vw;
}

.fs30{
	font-size:3vw;
}

.fs28{
	font-size:2.8vw;
}

.fs26{
	font-size:2.6vw;
}

.fs24{
	font-size:2.4vw;
}

.fs22{
	font-size:2.2vw;
}

.fs20{
	font-size:2vw;
}

.fs18{
	font-size:1.8vw;
}

.fs16{
	font-size:1.6vw;
}

.fs14{
	font-size:1.4vw;
}

.fs12{
	font-size:1.2vw;
}

.fs10{
	font-size:1vw;
}

.fs9{
	font-size:0.9vw;
}

.fs8{
	font-size:0.8vw;
}

.fs7{
	font-size:0.7vw;
}

.fs6{
	font-size:0.6vw;
}

.fs5{
	font-size:0.5vw;
}

.fs4{
	font-size:0.4vw;
}

.h80{
	max-height:80px;
}

.comment{
	font-size:1vw;
}

.pointer{
	cursor : pointer;
}

#agenda{
	width:38.4vw;
	height:54vh;
	margin-left:0.1vh
	/*background-color:rgba(255,255,255,0.6);*/
}

#agenda td{ 
vertical-align:top;
width:13vw;
height:10vh;
padding-left:5px;
}

#titab{
	width:38.4vw;
	margin-left:2px;
}
#titrejour{
	height:3vh;	
}

.no-gutter  {
    padding-right:0;
    padding-left:0;
}

#task{
	height:19vh;
	overflow-y:scroll;
}

.fadein{
	animation: fadein 0.6s;
}