body {
  font-family: sans-serif;
  position: relative;
  min-height: 100%;
}

* {-moz-box-sizing: border-box; box-sizing: border-box;}

/* Make content area fill the entire browser window */
html,
.fullscreen {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

a{ color:#000045; text-decoration:none; font-size:11px; }

.header {
  margin-left :0;
  margin-right :0;
  margin-top :0;
  margin-bottom: 5%;
  top:5%;
 
}




@media only screen and (min-width : 650px) 
{
	
	
	.playeryt
	{
		width :560px;
		height :315px;
	}
	
	
	.pingpongtv
{
	/*margin: 0;
	padding:180px 0 0 167px ;
    width:857px;
	height:409px;
	background-image :url("../tv.jpg");*/
}
.pingpongtv_menu
{
/*	margin: 0;
	padding:0px 0 0 95px ;
    width:1024px;
	height:20px;*/
}


	.menu {
  margin: auto;
  text-align: center;
  width:70%;
  
}
.menu img 
{
  margin: 1%;
  width: 8%;
}

.bloc_fiche{width:197px; height:197px;position: relative; text-align: left; float:left;margin:0 10px 10px 0px;overflow:hidden;padding:0;}
.bloc_fiche_first{width:197px; height:197px;position: relative; text-align: left; float:left;margin:0 10px 10px 100px;overflow:hidden;padding:0;}

.bloc_fiche_fiche
{
	margin: auto;
    text-align: center;
    width:100%;
}

.content {
/*	background-color:#FF0000;
	 margin: auto;*/
  text-align: center;
  min-height:300px;
 overflow:auto; 
padding:0 0 0 100px;
}
.container {
  margin: auto;
  text-align: center;
	
}


.fiche
{
	margin: auto;
    text-align: center;
    width:800px;
  
}
.fiche_titre
{
	float:left;
	margin: 0;
    width:800px;
}
.fiche_illustration
{
	float:left;
	margin: 0;
    width:400px;
	height:225px;

}
.fiche_illustration img
{
	
	margin: 0;
    width:400px;
	height:225px;
}
.fiche_video
{	
	float:left;
	margin: 0;
   width:400px;
	height:225px;
}
.fiche_desription
{	
	margin-top: 10px;
    width:800px;
	min-height:100px;
}
}

@media only screen and (max-width : 651px) 
{
	
	.playeryt
	{
		width :360px;
		height :215px;
	}
	
	.pingpongtv
{
	margin: 0;
	padding:0px 0 0 0px ;
    /*width:557px;
	height:409px;
	background-image :url("../tv.jpg");*/
}
.pingpongtv_menu
{
/*	margin: 0;
	padding:0px 0 0 95px ;
    width:1024px;
	height:20px;*/
}


	.menu 
	{
  margin: auto;
  text-align: center;
  width:100%;
  position: fixed;
  bottom: 0; left: 0; right: 0;
  z-index:20;
}
.menu img 
{
  margin: 2%;
  width: 15%;
}


.bloc_fiche{width:197px; height:197px;position: relative; text-align: left; margin:0 10px 10px 0px;padding:0;}
.bloc_fiche_first{width:197px; height:197px;position: relative; text-align: left; margin:0 10px 20px 0px;padding:0;}

.bloc_fiche_fiche
{
	margin: auto;
    text-align: center;
    width:100%;
}

.content {
	 margin: auto;
  text-align: center;
  min-height:300px;
  overflow:hidden;
}
.container {
  margin: auto;
  text-align: center;
	height:80%;
	overflow:auto;
}

.fiche
{
	margin: auto;
    text-align: center;
    width:100%;
}
.fiche_titre
{
	margin: 0;
    width:100%;
	height:10%;
}
.fiche_illustration
{
	margin: 0;
    width:100%;	
}
.fiche_illustration img
{
	margin: 0;
    width:100%;
}
.fiche_video
{	
	float:left;
	margin: 0;
    width:100%;
}
.fiche_desription
{	
float:left;
	margin-top: 10px;
    width:100%;
	min-height:100px;
}
}
/*End --- Spacing des Tiles*/

.footer 
{
  background-image:url("../footer.png");
  background-repeat: repeat-x;
  margin: auto;
  padding-top:25px;
  text-align: center;
  width:100%;
	font-size:11px;
}

 .bloc_fiche:hover .bloc_fiche_title_bg {
  filter:alpha(opacity=50); opacity:0.4;
   background: #21618C;
    height: 100%;
    cursor:  pointer; 
}
.bloc_fiche:hover  .bloc_fiche_title{height:0; padding:0;margin:0;}

.bloc_fiche_last{width:197px; height:197px;position: relative; text-align: left; float:left;margin:0 0px 10px 0px;overflow:hidden;padding:0;}
 .bloc_fiche_last:hover .bloc_fiche_title_bg {
  filter:alpha(opacity=50); opacity:0.4;
   background:  #21618C ;
    height: 100%;
    cursor:  pointer;
}
.bloc_fiche_last:hover  .bloc_fiche_title{height:0;}

.bloc_fiche_title_bg{position: absolute; bottom: 0; left: 0; color: #000; height: 15px; background:  #21618C ; filter:alpha(opacity=50); opacity:0.9; width: 197px; margin: 0 0 0px 0px;padding:0;}
.bloc_fiche_title{text-align: center ;position: absolute;width:189px; height: 15px;  margin: 0 4px 0px 4px; color: #FFFFFF; font: normal 11px "Century Gothic"; padding:0px 0px 0px 0px; bottom: 0; left: 0; overflow:hidden;}

.fiche a{ color:#000045; text-decoration:none; font-size:14px;  font-family: sans-serif; }

.title {
  font-size: 3rem;
}

.add-button {
  position: absolute;
  top: 1px;
  left: 1px;
}