* {padding: 0; margin: 0;}
	html,body
	{
		overflow: hidden;
		width: 100%;
		height: 100%;
		font-size: 100%;
		background: #111111;
		font-family: verdana, arial;
   transition: background .5s ease-in-out;
   -moz-transition: background .5s ease-in-out;
   -webkit-transition: background .5s ease-in-out;
	}

	.noselect
	{
		-webkit-touch-callout: none; /* iOS Safari */
		-webkit-user-select: none; /* Safari */
		-khtml-user-select: none; /* Konqueror HTML */
		-moz-user-select: none; /* Old versions of Firefox */
		-ms-user-select: none; /* Internet Explorer/Edge */
		user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
	}
	
	#leg
	{
		position: relative;		z-index:10; /*devant*/
		width:100%;
		height:15px;
		color:white;
		text-align:center;
		font-size:10.0pt;
		font-style:italic;
	}
	#fondimg
	{
		width:100%;
	}
	#fondtxt {
		position: relative;
		top: 25px;
		font-weight: italic;
		font-size: 0.9em;
		text-shadow: 2px 2px 2px #555555;
	}
	.laius
	{
		width:80%;
		margin: 0 auto;
		font-size:11.0pt;
		text-align:center; 
		color:white;
		z-index:10000000000;
	}
	.laius #titre
	{ 
		overflow: hidden;
		color:#FF8800;
		margin-bottom:.0001pt;
		font-size:12.0pt;
		font-family:Verdana,Arial;
		font-size:16.0pt;
	}
	.sections
	{
	    position: absolute;
		overflow: hidden;
		width: 100%;
		height: 100%;
		/*top: 70px;*/
		text-decoration: none;
	}
	.sections a:link,.sections a:active,.sections a:visited {color: #ffffff;}
	.sections a:hover {color: #FFFFFF;}
	.table_test
	{
	   float: left;

	}
	.mainscroll
	{
	   position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: -17px; /* Increase/Decrease this value for cross-browser compatibility */
		overflow-y: scroll;
	}
	.section
	{
		overflow: hidden;
	    position: relative;
		float: left;
		width: 25vw; /* pour les navigateurs qui ne supportent pas le custom*/
		width:calc(var(--xw, 1xw)); /* le java injecte la dimension de la vignette */
		height: calc(25vw*11/16); /* pour les navigateurs qui ne supportent pas le custom*/
		height: calc(var(--xh, 1xh));
	}
	.image
	{
	    position: absolute;		z-index:1; /*devant*/
		object-fit: cover;
		width: 100%;
		height: 100%;
		transition: transform 0.5s;
	}

	.image:hover
	{
		transform: scale(1.1);
	}	
	.info
	{
	    position: absolute;		z-index:10; /*devant*/
		width:100%;
		height:42px;

		bottom:-18px;
		transition: width 0.5s, height 0.5s, background-color 0.5s, transform 0.5s;

		border-radius: 1px;
		background-color:rgba(20, 20, 20, 0.5);
	}	
	.section :hover .info
	{
		background-color:rgba(20, 20, 20, 1);
		transform: translateY(-18px);
	}	
	.info .titre	
	{
		font-size: 0.8em;
		margin : 5px;	
	}

	.slogan	
	{
	    position: absolute;
		bottom:0px;
		left:-500px;
		transition: width 0.5s, height 0.5s, opacity 0.5s, transform 0.5s;
		transform: transform 0.5s;
		font-size: 0.7em;
		color: #FF8800;
	}	
	.section :hover .slogan
	{
	    position: absolute;
		margin : 5px;
		transform: translateX(500px);
	}		
	
	
	#renderCanvas {
		position:absolute;
		top:0;
		left:0;
		width: 80%;
		height: 100%;
		touch-action: none;
		
	}
		
	#nouveau {
		position: relative;
		font-weight: bold;
		font-style: italic;
		font-size: 10px;
		letter-spacing: 3px;
		text-shadow: 1px 1px 0px #555555;
	}		
	
	
	
	/* pour le iframe */
	#menu_vis   {
		visibility : hidden;
	}
	#tmp1{
		position: absolute;
		overflow:hidden;
		left:120px;
		top:90px;
		border: #ff8000 solid 1px;
	}
	

	/* pour le laius */
	#laius 
	{
		position: relative;
		left: -390px;
		top:  200px;
		width:780px;
		background-color:rgba(0,0,0,0.5);
		opacity:0.99;
	}
	#laius p
	{
		margin:10px 15px;
		font-size: 14px;
		color: #FFFFFF;
		font-style: italic;
		text-align: justify;
	}

	#rLinkTitle {
		position: relative;
		top:-170px;
		font-size: 15px;
		color: #FFF;
		left: 40%;
		bottom: 180px;
		width: 34%;
		height: 20px;
		overflow: hidden;
	}

	/* pour google */
	#sectioncontenu{
		position: absolute;
		top:95px;
		left:120px;
		width:600px;
		font-size:10px;
		line-height:3px;
		}

	/*?????*/
	#sitemap
	{
		position: absolute;
		cursor:default;
		left: 20px;
		top:  460px;
		font-size: 9px;
		letter-spacing: 1px;
		color: #111111;
	}