.body {
	font-family: "Comic Sans MS";
	font-size: 14pt;
}

a {
	color: #000000;
	text-decoration: none;
}

a:visited { 
	color: #000000;
	text-decoration: none;
}

a:hover { 
	color:#505050;
	text-decoration: none;
 }

			* {
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
			}
			
			#bandeau {				
				position: fixed;
				top: 0;
				padding: 0;
				margin: 0;
				width: 100%;
			}
			
			#main {
				position: fixed;
/*
				top: 10vw;
*/
				top: 8vw;
				height: calc(100% - 10vw - 32px);
				width: 100%;
				overflow-x: hidden;
				overflow-y: hidden;
			}
			
			#menu {
				background-color: white;
				position: fixed;
				left: 0;
				width: 240px;
				height: calc(100% - 10vw - 32px);
				overflow-x: hidden;
				overflow-y: hidden;
			}				
			
			#menu1 {
				background-color: white;
				position: fixed;
				left: 0;
				width: 50px;
				height: calc(100% - 10vw - 32px);
				overflow-x: hidden;
				overflow-y: hidden;
			}				
			
			#div_principal {
	position: relative;
	display: block;
	margin-left: 240px;
	height: 100%;
/*	top: 34px; */

			}	
			
			#div_principal1 {
				position: relative;
				display: block;
				margin-left: 50px;
				height: 100%;
			}	
			
			#principal {
				height: 100%;
				width: 100%;
				overflow-x: hidden;
				overflow-y: scroll;
				border-style: none;
			}
			
			#pied {
				display: flex; 
				flex-direction: row; 
				justify-content: space-between;
				background-color: lightgray;
				position: fixed;
				width: 100%;
				height: 24px;
				bottom: 0;
				padding: 4px 16px 4px 16px;
			}				
			
			.liste {
				white-space: nowrap; 
			}