::-webkit-scrollbar {									
	width: 5px;
	height:5px;	
}

::-webkit-scrollbar-thumb{
	background:#666;
	-webkit-border-radius: 5px;
}
#time-line{
	position:absolute;
	margin-left:9px;
	bottom:0;
	height:3px;
	width:827px;
	background-color:#000;
}
.grid{
	z-index:0;
}
#hide_grid{
	position:fixed;
	top:0;
	z-index:1;
	height:80px;
	width:827px;
	background-color:#000;
}
#travaux {
	max-width: 834px;
  min-height:315px;
  position:relative;
   margin-left: 45px;
    margin-top: 80px;
}
#select{
	position:relative;
	top:-15px;
	height:15px;
	width:auto;
}
.select-click{
	position:relative;
	display:inline-block;
	height:15px;
	width:15px;
	vertical-align:top;
	box-shadow:none;
	border:none;
	outline:none;
	border-radius:15px 15px 0 0;
}
.select-click:hover{
	background:transparent!important;
}
#acc{
	background-color:#fff;
	border-style:solid;
	border-width:1px;
	border-color:#fff;
}

#inst{
	background-color:#fa755c;
	border-style:solid;
	border-width:1px;
	border-color:#fa755c;
}
#ill{
	background-color:#f93389;
	border-style:solid;
	border-width:1px;
	border-color:#f93389;
}
#mult{
	background-color:#a7c;
	border-style:solid;
	border-width:1px;
	border-color:#a7c;
}
.grid-item{
	width: 400px;
    height: 300px;
  	background-repeat:no-repeat;
 	background-size:cover;
  	border-radius:3px;
    float: left;
    position: relative;
    z-index: 2;
    text-align: center;
    vertical-align: middle;
    margin-bottom: -1px;
    overflow: hidden;
    margin: 7.5px;
	border-style:solid;
	border-width:1px;

}
.grid-item a, .grid-item a div {
	width:auto;
	height:100%;
	display: flex; 
  	flex-direction: column; 
  	justify-content: center;
}
.grid-item a div h1{
	font-family:'art-nuvoregular';
	white-space:nowrap;
	color:#FFF;
	margin:0;
	text-align:left;
}
.grid-item a div img  {
	position:inherit;
	z-index:1;
	display:block;
	margin:auto;
}

.grid-item:hover a div img{
	transition-duration:0.3s;
	opacity:0;
	width:100%;
	height:auto;
}

.grid-item a div p{
	display:block;
	font-family:'gobold_lowplusregular';
	text-align:left;
	color:#FFF;
}
.text{
  position: absolute;
  top: 50%; 
  left:50%;
  transform: translate(-50%, -50%);
  z-index:0;
}

#enlu{
	position:fixed;
	top:0;
	left:0;
	background-repeat:no-repeat;
	width:800px;
	height:600px;
	z-index:2;
	clip-path: polygon(95% 8%, 6% 9%, 6% 92%, 0% 92%, 0% 0%, 95% 0%);
	}
	


#haut
{
	z-index:1;
	width:auto;
	opacity:1;
	display:block;
	font-size:40px;
	padding-left:8px;
}
a
{
	text-decoration: none;
	color:#000;
}


body{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	background-color:#000;
}
html {
    height:100%;
}

p{
	margin:0;
	display:inline;
}
::-webkit-scrollbar {									
	width: 5px;
	height:5px;	
}
::-webkit-scrollbar-track {
  background:#333; 
}

::-webkit-scrollbar-thumb{
	-webkit-border-radius: 5px;
}


@media screen and (max-width: 860px) {
#travaux {
	max-width: 95%;
  	min-height:315px;
  	position:relative;
    margin-top: 97px;
	margin-left:auto;
	margin-right:auto;
}
#hide_grid{
	position:fixed;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
	height:91px;
	width:100%;
	background-color:#000;
}
#time-line{
	position:absolute;
	margin-left:0;
	left:50%;
	transform:translateX(-50%);
	bottom:0;
	height:3px;
	width:95%;
	background-color:#000;
	border-style:solid;
	border-width:1px;
	border:#fff;
	border-bottom:none;
	border-top:none;
}
#select{
	text-align:center;
}
.grid{
	width:100%!important;
}
.grid-item{
	width:calc(100% - 2px);
	height:auto;
	margin-right:0;
	margin-left:0;
}
.grid-item a div img  {
	width:100%;
}
#enlu{
	clip-path:none;
	background-size:contain;
	background-position-x:center;
	width:100%!important;
	height:37px!important;
	top:5px!important;
}
body{
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	background-color:#000;
}
  }
@media screen and (max-width: 860px) and (orientation:landscape){
	#enlu{
	clip-path:none;
	background-size:contain;
	background-position-x:center;
	width:100%!important;
	height:48px!important;
	top:5px!important;
}
}

@media screen and (max-width: 451px) and (orientation:landscape){
	#enlu{
	clip-path:none;
	background-size:contain;
	background-position-x:center;
	width:100%!important;
	height:48px!important;
	top:5px!important;
}
}