body{
	margin:0px;
	padding:0px;
	border:0px;
	background-color: white;
	font-size: 10pt;
	color: black;
	font-family: "Futura", sans-serif;
	margin-left: 20px;
	margin-top:10px;
	line-height: 1.4;
	font-weight: normal;
}

body.informations{
	background-color: #ffffff;
}

::-webkit-scrollbar {
    width: 0px;
    background: white;
}

 
/* Handle */
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: red; 
}

 html::-webkit-scrollbar, html::-mozilla-scrollbar{ display:none; } 

 .ligne1{
 	background-color:red;
 	position: fixed;
 	left: 17px;
 	width: 1px;
 	top: 0;
 	height: 100%;
 }
  .ligne2{
 	background-color:red;
 	position: fixed;
 	left: 50%;
 	width: 1px;
 	top: 0;
 	height: 100%;
 }
 .ligne3{
 	background-color:red;
 	position: fixed;
 	right: 17px;
 	width: 1px;
 	top: 0;
 	height: 100%;
 }
 .ligne4{
 	background-color:red;
 	position: fixed;
 	left: 0px;
 	width: 100%;
 	top: 50vh;
 	height: 1px;
 }
 .ligne5{
 	background-color:red;
 	position: fixed;
 	left: 0px;
 	width: 100%;
 	top: 45vh;
 	height: 1px;
 }
 .ligne6{
 	background-color:red;
 	position: fixed;
 	left: 0px;
 	width: 100%;
 	top: 55vh;
 	height: 1px;
 }

#loader {
	background-color: white;
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000;
	position: fixed;
}



.menulink{
	letter-spacing: 0.5px;
	font-size: 8pt;
	font-weight:  900 ;


}

#bib{
	width: 37%;
	position: absolute;
	padding-top:0px;
	text-align: left;
	left:51%; 
	top: 0;
	height: 100vh;
	position: absolute;
    overflow:hidden;
    font-weight: normal;
}

#awards{
	width: 37%;
	position: absolute;
	padding-top:0px;
	text-align: right;
	left:12%; 
	top: 0;
	height: 100vh;
	position: absolute;
    overflow:hidden;
}

#jhendi{
	left: 44.5%;
	top:48vh;
	margin-left: -35px;
}

#info{
	top:48vh;
	left:5px; 
}

#infoy{
	top:48vh;
	left:5px;
}

#infoyg{
	top:48vh;
	left:-14px;
}

#informations{
	width: 60%;
	left: 20%;
	position: absolute;
	text-align: center;
	top: 0;
}

#contact{
	top:48vh;
	right:-7px;
}

#contactt{
	top:48vh;
	right:-12px;
}

a.grey {
/*	color:#adadad;
*/}

th.rotate {
	position: fixed;
	/*transform:rotate(-90deg);*/


  -moz-transform: rotate(-90.0deg); /* FF3.5+ */
  -ms-transform: rotate(-90.0deg); /* IE9+ */
  -o-transform: rotate(-90.0deg); /* Opera 10.5 */
  -webkit-transform: rotate(-90.0deg); /* Safari 3.1+, Chrome */
  transform: rotate(-90.0deg); /* Standard */	

	float:left;
	display:block;
	z-index: 9999;
	vertical-align:middle
	text-align: center;
	transform-origin:center;
}

a.red:hover{
	color: #000000;
	text-decoration: underline;

}
a{
	padding: 0;
	margin: 0;
	display: inline;
	color: black;
	text-decoration: none;
}

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


@media (min-width: 768px)  {


	body{
		font-size: 11pt;
	}
	.menulink{
		letter-spacing: 0.5px;
		font-size: 9pt;
	}
	#jhendi{
		margin-left: -45px;
	}
	#info{
		left:-1px; 
	}
	#contact{
		right:-6px;
	}
	#infoy{
		left:-1px; 
	}
	#infoyg{
		left:-22px; 
	}
}

@media (min-width: 1240px)  {
	
	body{
		font-size: 12pt;
	}
	#jhendi{
		margin-left: -46px;
	}
	.menulink{
		letter-spacing: 0.5px;
		font-size: 9pt;
	}
	#info{
		left:-3px; 
	}
	#contact{
		right:-4px;
	}
	#contactt{
		right:-9px;
	}
	#infoy{
		left:-3px; 
	}
	#infoyg{
		left:-24px; 
	}
}

@media (min-width: 1600px)  {
	body{
		font-size: 13pt;
	}
	.menulink{
		letter-spacing: 1px;
		font-size: 10pt;
	}
	#jhendi{
	margin-left: -57px;
	}
	#info{
		left:-10px; 
	}
	#contact{
		right:-4px;
	}
	#contactt{
		right:-10px;
	}
	#infoy{
		left:-10px; 
	}
	#infoyg{
		left:-35px; 
	}
}

@media (min-width: 2400px)  {
	body{
		font-size: 14pt;
	}
	.menulink{
		letter-spacing: 0.5px;
		font-size: 10pt;
	}
	#jhendi{
	margin-left: -57px;
	}
	#info{
		left:-12px; 
	}
	#contact{
		right:-1px;
	}
	#contactt{
		right:-6px;
	}
	#infoy{
		left:-11px; 
	}
	#infoyg{
		left:-35px; 
	}
}

@media (min-width: 3200px)  {
	body{
		font-size: 16pt;
	}
	.menulink{
		letter-spacing: 1.5px;
		font-size: 11pt;
	}
	#jhendi{
	margin-left: -71px;
	}
	#info{
		left:-20px; 
	}
	#contact{
		right:-1px;
	}
	#contactt{
		right:-9px;
	}
	#infoy{
		left:-20px; 
	}
	#infoyg{
		left:-48px; 
	}
}


@media (min-width: 4200px)  {
	body{
		font-size: 20pt;
	}
	.menulink{
		letter-spacing: 0.5px;
		font-size: 11pt;
	}
	#jhendi{
	margin-left: -68px;
	}
	#info{
		left:-21px; 
	}
	#contact{
		right:4px;
	}
	#contactt{
		right:-2px;
	}
	#infoy{
		left:-20px; 
	}
	#infoyg{
		left:-47px; 
	}
}