#entete
{
	width:100%;
	text-align:center;
	font-size:14px;
	margin-top:0px;
	min-height:40px;
	height:auto;
	padding-top:15px;
	border-top:#666 2px solid;
	background: linear-gradient(#999, #fcfcfc);
}
select,input
{
	font-size:18px;
	width:200px;
	height:30px;
	color:#a13638;
}

.youtube-player {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
}

.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}

.youtube-player img {
object-fit: cover;
display: block;
left: 0;
bottom: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: 0.4s all;
-moz-transition: 0.4s all;
transition: 0.4s all;
}

.youtube-player img:hover {
-webkit-filter: brightness(75%);
}

.youtube-player .play {
height: 100px;
width: 100px;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -50px;
position: absolute;
background: url('../images_site/lectureyt.png') no-repeat;
cursor: pointer;
}

.youtube-player:hover .play
{
  background: url('../images_site/lectureythv.png') no-repeat;
}

.btnMenu
{
	 width:220px;
	 height:40px;
	 margin-left:12px;
	 margin-right:12px;
	 font-weight:bold;
     color: #ccc;
	 font-weight:bold;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 0 0 10px rgba( 0, 0, 0, 0.8),
                 0 -1px 0 rgba( 255, 255, 255, 0.6);	
	
	box-shadow: 2px 2px 0px #aaa;
	font-size:14px;
	text-align:center;	
	padding-left:0px;	
}

.btnMenu:hover
{
	cursor:pointer;
	box-shadow: 6px 6px 0px #aaa;	
}
.conteneur
{
	padding:0.01em 16px;
}
.zoneSaisie
{
	padding:8px;
	display:block;
	border:none;
	border-bottom:1px solid #ccc;
	width:350px;
	border:1px solid #ccc!important;
	padding:8px 16px!important;
}
.tableau
{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	display:table;
	border:1px solid #ccc;
	margin-top:16px;	
}
.tableau tr
{
	border-bottom:1px solid #ddd;
}
/*Alternnce de couleur une ligne sur deux*/
.tableau tr:nth-child(odd)
{
	background-color:#fff;
}
.tableau tr:nth-child(even)
{
	background-color:#f1f1f1;
}
.tableau td,.tableau th
{
	padding:8px 8px;
	display:table-cell;
	text-align:left;
	vertical-align:top;
}
.tableau th:first-child,.tableau td:first-child
{
	padding-left:16px;
}