#contain
{
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-family: 'Yantramanav', sans-serif;
	margin-top:3vw;
	margin-bottom:3vw;
}
#contain ul
{
	display:inline-block;
	width:55%;
	height:41vw;
	overflow-y:scroll;
}
#contain ul a
{
	display:block;
	width:98%;
	height:5vw;
	background:#333333;
	margin-top:0.5vw;
	margin-bottom:0.5vw;
	border: solid 0.2vw #333333;
	color:white;
	text-decoration:none;
}
#contain ul a .date
{
	font-size:2vw;
	display:inline-block;
	width:1vw;
	margin-top:0.5vw;
	margin-left:1vw;
	color:#9CCE9C;
}
#contain ul a .name
{
	font-size:2.5vw;
	display:inline-block;
	margin-left:3vw;
	vertical-align:top;
	margin-top:1.3vw;
}
#contain ul a:hover
{
	background-color:white;
	color:black;
	transition:0.4s;
	border-color:white;
}
#contain ul a:hover > .date
{
	color:black;
	transition:0.4s;
}
#contain #titre
{
	color:white;
	font-size:3vw;
	margin-bottom:1vw;
}
#contain #viewwind
{
	display:inline-block;
	margin-left:1.5vw;
	width:42%;
	background-color:#333333;
	vertical-align:top;
	height:41vw;
	/*border:solid 0.3vw #b1b2b6;*/
	border-radius:0.7vw;
	color:white;
	font-size:1.1vw;
	line-height:1.3vw;
	text-align:center;

}
#window
{
	display:block;
	width:35vw;
	height:17vw;
	background:rgba(0,0,0,.3);
	margin-left:auto;
	margin-right:auto;
	margin-top:1vw;
}
#viewtitre
{
	text-align:center;
	font-size:1.8vw;
	margin-bottom:1.5vw;
	margin-top:1.5vw;
}
#description
{
	margin-left:1vw;
	margin-right:1vw;
	margin-top:8vw;
}
#openfile
{
	display:none;
	padding-top:0.5vw;
	padding-bottom:0.5vw;
	padding-left:0.8vw;
	padding-right:0.8vw;
	text-align:center;
	color:white;
	text-decoration:none;
	font-size:1.3vw;
	border:solid 0.15vw white;
	border-radius:0.5vw;
	margin-top:2vw;
}
#openfile:hover
{
	background-color:#9CCE9C;
	border-color:#9CCE9C;
	color:#333333;
	transition:0.3s;
}
#descriptionmobile
{
	display:none;
}