body{
	background-color: #666;
	color: #fff;
	padding: 0px;
	margin: 0px;
	/*scrollbar-width: 0px;*/
	font-family: Arial, Helvetica, sans-serif;


}
/**::-webkit-scrollbar {
  width: 0px;
}*/
section#entete {
    position: fixed;
    z-index: 4;
    top: 0;
    width: 100%;
    height: 80px;
	line-height: 80px;
}
div#logo {
    float: left;
}
	#logo img {
		height: 65px;
	}
div#outils {
    line-height: 80px;
    font-size: 1.5vw;
    float: right;
}
div#outils img {
    vertical-align:middle;
}
#menu{
	background-color: #888;
    font-size: 2vw;
    padding: 0vw;
    box-shadow: inset 0px 0px 30px 10px #333;
    /*width: 98%;*/
	
}
	#menu h1 {
		text-align: center;
		margin: 0px;
		font-size: 2vw;
	}	
	#menu #nav{
		width:20vw;
		text-align:center;
		margin:auto;
		
	}
	
		#naville {
			width: 26%;
			float: left;
			margin-left: 12%;
		}
		#narub {
			width: 26%;
			float: right;
			margin-right: 10%;
		}
		#naville select, #narub select{
	font-size: 2vw;
	padding: 0vw;
	background-color: transparent;
	color: #fff;
	width: 90%;
		}
	
		#naville select option:checked, #narub select option:checked {
			text-align:center; 
		}
	
.block{
	display:block;
}
.none{
	display:none;
}
.auto{
	width:auto;
}
.tier{
	width:33%;
	float:left;
}
.fg{
	float:left;
	margin-right:1vw;
}
.fd{
	float:right;
	margin-left:1vw;
}

.center {
	text-align:center;
}
.moitie {
	width:50%;
	margin:0px;
	padding:0px;
	float:left;
}

.fleche{
	margin-top:6px;
}

div#barreL1 {
    text-align: center;
    position: fixed;
    width: 3.5vw;
    background-color: #444;
    padding: 0.5vw;
	height: 89.5vh;
}

div#barreL1 img{
	/*margin-top: 1.5vw;*/
    width: 90%;
	filter: grayscale(1);
}
div#barreL1 img:hover, div#barreL1 img.in{
	background-color: #666;
	filter:none;
}
/* USERS ========================================================================*/
div#filtre {
    line-height: 3vh;
    background-color: #444;
    height: 4vh;
    margin-left: 4vw;
}

	.naniv {
		width: 21vw;
		float: left;
		line-height: 3vh;
		text-align: center;
	}
		.naniv a {
			display: inline-block;
			color: #fff;
			text-decoration: none;
			background-color: #777;
			padding:0 1vw;
			margin:auto;
			filter: drop-shadow(1px 2px 2px #fff);

		}
		.naniv a:hover {
			filter: none;
		}

		.naniv select{
			font-size: 1vw;
			padding: 0vw;
			background-color: #777;
			color: #fff;
			width: 65%;
		}
	
		.naniv select option:checked{
			text-align:center; 
		}
		
table#listuser {
    margin-left: 4.5vw;
    width: 94.5vw;
	clear:both;
	margin-top:12vh;
}
	table#listuser th {
		font-size: 0.9vw;
	}
	table#listuser td {
		width: auto;
		background-color: #fff;
		color: #000;
		padding:0px;
		font-size: 0.85vw;
	}
	table#listuser td.rose, .rose{
		background-color:rgb(231 199 199);
		
	}
div#newuser {
    width: 96vw;
    margin: auto;
	/*display:none;*/
	min-height: 40vh;
	margin-top:12.5vh;
}
	div#newuser #f1,div#newuser #f2,div#newuser #f3{
		width: 25vw;
		margin-left: 4.5vw;
		float: left;
	}	
		div#newuser #f1 p {
			margin-top: 2vh;
		}
			div#newuser label {
				width: 31%;
				display: inline-block;
				float: left;
				font-size: 2vh;
				text-align: right;
				line-height: 3vh;
				padding-right: 0.5vw;
			}
			#newuser select, #newuser option, #newuser input {
				background-color: #fff;
				width: 12vw;
				height: 2vh;
				font-size: 1.5vh;
				color: #000;
			}
			#newuser select{
				background-color: #fff;
				width: 12vw;
				height: 2.5vh;
				font-size: 1.5vh;
				color: #000;
			}
			#newuser input[type="submit"] {
				line-height: 4vh;
				height: 4vh;
				/* font-weight: bold; */
				font-size: 1vw;
				margin-top: 2vh;
				background-color: #999;
				color: #fff;
				border-color: #fff;
			}
	div#newuser #f4{
		width: 56vw;
		margin-left: 4.5vw;
		float: left;
		margin-top:2vh;
		clear:both;
	}	
		div#newuser #f4 textarea{
			height: 23vh;
    		width: 65%;
		}	
		
		
	div#newuser #f3 div.ident{
		/*max-height: 9vh;*/
		margin-bottom: 3vh;
		overflow: hidden;
		background-color: #fff3;
		border:solid 1px #fff6;
	}	
		div#newuser #f3 .fident{
			text-align: center;
			max-height: 9vh;
			float: left;
			width: 5vw;
			margin-right: 1vw;
			line-height: 9vh;
			overflow: hidden;
		}	
			
			div#newuser #f3 .fident img{
				/*max-height: 9vh;*/
				max-width: 5vw;
				vertical-align: -webkit-baseline-middle;
				line-height: 9vh;
			}	
		div#newuser #f3 div.ident h3 {
			margin: 0px;
			padding: 0px;
			text-align:center;
		}		
		
	div#newuser #f2 img{
		height: 25vh;
	}	
		
		
		
		
		
		
		
		
		
	#formniv{
		width: 65vw;
    	float: right;
	}
		#formniv #dV,#formniv #dT {
			column-count: 4;
			width: 65vw;
		}
		#formniv #CdV,#formniv #CdT{
			margin-top:3vh;
			display:none;
		}
		#formniv #Cniv4 {
			margin-top:3vh;
		}		
		#formniv #Cniv5 {
			margin-top:3vh;
			display:none;
			
		}		
		#formniv p{
			margin:0;
			padding:0;
		}
	
		#formniv input[type="checkbox"] {
			width: 2vw;
			height: 1vw;
			/* line-height: 4vh; */
		}
		
		#formniv #Cniv4 h2 {
			padding-left: 15vw;
		}

	.infoniv{
		background-color: #fffa;
		color: #000;
		font-size: 0.8vw;
		padding: 1vw;
		/*width: 20vw;*/
		clear: left;
		
	}
		.infoniv h1{
			
			background-color:#fff;
			color:#000;
			font-size:1vw;
			padding:0vh;
		}
		#formniv p.pcenter {
    margin-top: 5vh;
    text-align: left;
    clear: left;
}
/* STRUCTURES ========================================================================*/

#mystruct{
	width: 94vw;
    margin: auto;
    /* display: none; */
    /*min-height: 40vh;*/
    margin-top: 13.5vh;
    margin-left: 5vw;
}
	#mystruct a.adiv {
		display:block;
	}

		.divstruct {
			width: 20%;
			float: left;
			background-color: #fff;
			color: #000;
			text-align: center;
			margin: 2vw;
			min-height: 30vh;
		}
	
			.divstruct p {
				text-align: justify;
				padding: 0 0.5vh;
				font-size: 0.75vw;
			}
			.divstruct p.titre {
				margin: 0 0 2vh 0;
				font-size: 1.2vw;
				background-color: palegoldenrod;
				line-height: 2vw;
				text-align: center;
		}




/*=================AGENDAS=================================*/
section#soixante {
    width: 45%;
    float: left;
    padding: 1% 2%;
    margin-top: 80px;
    margin-left: 4vw;
}
	section#soixante a{
		text-decoration: none;
	}
	
	 a{
	
		text-decoration: none;
	}
	.naniv2 {
		float: right;
		width: 33%;
		/* color: #fff; */
		/*margin-top: 2vh;*/
		line-height: 3vh;
		text-align: center;
	}
		.naniv2 a {
			display: inline-block;
			color: #fff;
			text-decoration: none;
			background-color: #777;
			padding: 0 1vw;
			margin: auto;
			filter: drop-shadow(1px 2px 2px #fff);	
		}
	.entree{
		height: 150px;
		border:solid 1px #FFF;
		margin-top:2vh;
	}
		.divimg{
			height: 150px;
			display: table-cell; 
			vertical-align: middle;
			width: 200px;
			float: left;
			text-align: center;
			overflow:hidden;
			margin-right: 0.5vw;
		}
			.divimg img {
			height: 150px;
			}
		.entree h3 {
			margin: 0.5vh;
			text-align: center;
			font-size: 2.5vh;
		}
		.entree p {
			margin:1vh 0;
			font-size: 0.9vw;
		}
		p.blanc{
			background-color:#fff;
			color:#000;
		}
		.infentree {
			width: 25%;
			float: right;
		}
			.infentree p {
				text-align: right;
				padding-right: 1vh;
			}
				a.spancal {
					display: inline-block;
					padding: 0vw 0.5vw;
					background-color: #fff;
					border: solid 1px #000;
					color: #000;
					text-decoration: none;
				}

section#quarante {
    padding: 1% 2%;
    width: 42%;
    float: left;
    /* height: 50vh; */
    margin-top: 80px;
}
	section#quarante .naniv2 {
		float: left;
		width: 33%;
		/* color: #fff; */
		/*margin-top: 2vh;*/
		line-height: 3vh;
		text-align: center;
	}

	a.divcal {
		width: 43%;
		display: block;
		float: left;
		background-color: #fff;
		margin: 2vw 2vw 2vw 0vw;
		color: #000;
		text-decoration: none;
		padding: 0;
		text-align: center;
		height: 27vh;
		border: solid 3px #44f;
	}
		.divcal p.titrecal {
			margin: 0;
			padding: 0;
			background-color: #44c;
			color:#fff;
		}
	a.divcal img {
		width: 100%;
		height: 27vh;
	}

/*td.dim{
	background-color: #c8d9e5;
	vertical-align:top;
	padding:2px;
	height:56px;
}
*/

#infos{
	background-color: #666e;
    border: solid 5px #fff;
    padding: 0.5vw;
    position: absolute;
    left: 10vw;
    top: 5vh;
    width: 78vw;
	z-index:99;
    height: 88vh;
    border-radius: 19px;
    box-shadow: 0vh 0vh 10vw 10vw rgb(0 0 0 / 75%);
	color:#fff;
	font-size:1vw;
	resize: both;
	max-width:100vw;
	max-height:100vh;
	
	
}
#infos2{
	color:#fff;
	font-size:1vw;
	margin-left:5vw;
	margin-top: 80px;
}

	#infos a.fermer {
		float: right;
		color: #fff;
		text-decoration: none;
		font-size: 2vw;
		font-weight: bold;
	}
#infos p, #infos2 p{
	line-height: 4vh;
    font-size: 1.8vh;
    margin: 0 0 1vh 0;
}
#infos label, #infos2 label{
	float: left;
    line-height: 4vh;
    font-size: 1.8vh;
    text-align: right;
	width:180px;
}


#infos select,#infos option,#infos textarea,#infos input, #infos2 select,#infos2 option,#infos2 textarea,#infos2 input{
	background-color: #fff;
	width:59%;
	/*line-height:1vw;*/
	font-size:1.6vh;
	color:#000;
}
#infos option.gris, #infos2 option.gris{
	color:#999;
	font-style:italic;
}
#infos select,#infos2 select {
	width:40%;
}

#infos textarea, #infos2 textarea{
	height:15vh;
	width:59%;
}
#infos input[type="submit"], #infos2 input[type="submit"] {
    margin: 4vh auto 0vw auto;
    width: 30%;
    padding: 1vh;
    font-size: 1.2vw;
}
#infos input[type="date"], #infos input[type="time"], #infos2 input[type="date"], #infos2 input[type="time"] {
    width: auto;
}
#infos input[type="radio"], #infos2 input[type="radio"] {
    margin: 0vw;
    width: auto;
    padding: 0vh;
}
#infos input[type="checkbox"],#infos2 input[type="checkbox"] {
    margin: 0vw;
    width: auto;
    padding: 0vh;
	margin-left: 3vw;
}

#infos fieldset, #infos2 fieldset {
    margin-top: 3vh;
}
#divperiode{
    margin:auto;
    width: 49%;
    float: right;
}
#divperiode label, .moitie label{
	width:auto;
	float:none;
	text-align:right;
}
.moitie label{
	width:auto;
	float:none;
	text-align:right;
}
#infos input.mini,#infos2 input.mini {
    width: 30px;
}
#mensuel select,#annuel select{
	width:6vw;}

div#except {
    column-count: 4;
    /* column-width: 3vw; */
    /* font-size: 0.75vw; */
	padding-bottom:3vh;
}
	#except p {
		font-size: 1vw;
		line-height: 3vh;

	}
	#except div.pavu {
		padding: 0vh 0vw 2vh 5vw;
		display: none;
		background-color: #fff5;
	}
		a#suiv {
			display: block;
			color: #fff;
			text-align: center;
			font-size: 1.6vw;
			margin: 3vh;
		}
		input[type="submit"]#rec {
			width: 22vw;
			margin: 0vw 12vw;
			font-size: 1.2vw;
		}
		a.suppr {
			color: #f00;
			display: inline-block;
			background-color: #eee;
			padding: 0 1vw;
			margin-left: 2vw;
			text-decoration: none;
			/* font-size: 1vw; */
		}
		
/*============AGENDAS=========================*/
* {
  scrollbar-width: 0px;
  scrollbar-color: #6666 #CCCc;
	margin: 0px;
	padding: 0px;

}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 0px;
}



section#w75 {
    width: 70%;
    float: left;
    padding: 0%;
    margin-top: 80px;
    margin-left: 4.5vw;
    background-color: #ccc;
    color: #000;
	font-size:1vw;
    /*position: fixed;*/
}
	section#w75 .fg {
		float: left;
		/* margin-right: 1vw; */
		width: 46%;
		padding-left: 1vw;
		line-height: 6vh;
	}
		section#w75 input#nom {
			width: 21vw;
			font-size: 1.2vw;
		}
	div#filtre2 {
		padding-left: 1vw;
		line-height: 6vh;
	}	
	div#filtre2 select, div#filtre2 option {
		font-size: 1.1vw;
		text-align: center;
		width: 12%;
		padding: 0.5vh;
	}
	div#filtre2 option.gris {
		color:#ccc;
	}	
	div#filtre2 select.mini {
		width: 7%;
		margin-right:10%;
	}

	section#w75 table {
    	width: 100%;
		border-collapse:collapse;
		padding:0px;
	}
		section#w75 .jours {
			font-weight: bold;
		}

		section#w75 table td{
			width:14%;
			border:1px solid #666;
			padding:0vw;
			text-align:right;
			height:12.5vh;
			background-color:#fff;
			vertical-align: baseline;
			color: #999;
			font-size: 0.7vw;
		}
		section#w75 table th{
			width:14%;
			border:1px solid #ccc;
			padding:0vw;
			text-align:center;
			height:3vh;
			font-size:1.2vw;
			background-color: #fff2;
		}
		section#w75 table td.off{
			background-color: #fff5;
			vertical-align:top;
			border:1px solid #ccc;
		}
		
		.pavide, .vide {
			height: 4.166vh;
			border-bottom: solid 1px #ccca;
			background-size:100% 4.166vh;
		}		
		.pavide a, .vide a {
			height: 4.166vh;
			display:block;
		}		
			
	
section#w25 {
    width: 25.4%;
    float: right;
    padding: 0%;
    margin-top: 80px;
    height: 92vh;
    overflow: auto;
}
	section#w25 h2 {
		line-height: 6vh;
	}
	section#w25 .divimg {
		height: 100px;
		display: table-cell;
		vertical-align: middle;
		width: 120px;
		float: left;
		text-align: center;
		overflow: hidden;
		margin-right: 0.5vw;
	}
		section#w25 .divimg img {
			height: 100px;
			
		}
	section#w25 .entree {
		min-height: 100px;
		height: auto;
		border: solid 1px #FFF;
		margin-bottom: 2vh;
		padding-bottom: 0.5vh;
		margin-top: 0;
	}
		section#w25 .entree p {
			margin: 0vh 0;
			font-size: 0.9vw;
		}
		section#w25 .listag {
			width: 3vw;
			float: left;
			text-align:center;
		}
		section#w25 input.big {
			width: 1.7vw;
			/* font-size: 2vw; */
			height: 1.7vw;
			margin-top: 1.2vh;
		}
		
		
		
/*EX :////////////////////////////////////////
	.date {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.5vw;
		color: #FFFFFF;
		font-weight: bold;
		vertical-align:middle;
	}
		a.case{
			display:block;
			height:4.6vh;
			color:#000;
			text-decoration:none;
			
		}
		td{
			width:14vw;
			border:1px solid #666;
			padding:0vw;
			text-align:center;
		}
		th{
			border:1px solid #ccc;
			padding:0vw;
			text-align:center;
			height:3vh;
			font-size:1.5vw;
		}
		td div, .recap td div{
			border-bottom:1px dotted #ccc;
			padding:0px;
			margin:0px;
			
		}
.tab_cal {
width:100%;
border-style:solid;
border-width:1px;
border-color:#000;

}
.recap td{
	padding-left:30px;
	
}
.recap{
	margin-top:10px;

}
.tdrbleu{
	background-color:#5E78B1;
	color: #FFF;
	
}
.tdrgris{
	background-color: #CCC;
	
}

.reserve {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}
.lib{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
background-color:#fff;
}

div.libre, div.pris{
border:1px dotted #000;
font-size: 12px;
text-align:center;
font-family: Arial, Helvetica, sans-serif;

}
div.pris{
color:#FFFFFF;

}
div.libre{
}


/*