@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
	background: #030303 url('../images/cross-stripes.png') repeat center top !important;
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}

#header {
	height: 110px;
	background: white;
	border-bottom: 4px solid #e22a3d;
	overflow: hidden;
}
#header_content {
	width: 1200px;
	margin: 0 auto;
}
#header_content #logo {
	float: left;
	height: 50px;
	margin-top: 25px;
}
#header_content #banner {
	float: right;
	height: 106px;
}

#content {
	width: 1200px;
	margin: 0 auto;
}

#form_access {
	text-align: center;
	margin: 50px 0;
}
#form_access p{
	color: white;
}

#form_access form{
	margin:25px 0;
}
#form_access #token{
	width: 250px;
	text-align: center;
}

#footer {
	position: fixed;
	height: 2px;
	background: white;
	bottom: 0;
	width: 100%;
}

.infos {
	color: white;
	margin: 20px 0;
}
.tlist ul {
	padding: 15px;
	font-size: 0.9em;
}

.tlist , .tlist a {
	
}

.content {
	background: #fff url('../images/crossword.png') repeat center top !important;
	margin: 10px 0;
	padding:20px 15px;
	min-height: 200px;
	border-radius: 4px;
}

h1 {
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	color:#e22a3d;
	padding-bottom: 25px;
}
h2 {
	font-size: 1.2em;
	text-align: center;
	font-weight: bold;
}
.video_extraits li{
	cursor: pointer;
}