/*------ Affiche blueray dvd début ------*/

@media (max-width: 1366px) {
	div.grid {
	  width:100%;
 	  display : grid;
  	  grid-template-columns: repeat(8, 1fr);
      grid-template-rows: repeat(1, 300px);
     }
}

@media (max-width: 1000px) {
	div.grid {
	  width:100%;
 	  display : grid;
  	  grid-template-columns: repeat(6, 1fr);
      grid-template-rows: repeat(1, 300px);
     }
}

/*------ Affiche blueray dvd fin ------*/

/*------ Affiche  début ------*/	
@media (max-width: 1366px) {
	div.grid2 {
  	width:100%;
  	display : grid;
 	 grid-template-columns: repeat(15, 1fr);
 	 grid-template-rows: repeat(1, 200px);
	}
}


/*------ Affiche fin ------*/


/*------ Affiche  début ------*/

@media (max-width: 1000px) {
	div.grid4 {
 	width:100%;
 	display : grid;
  	grid-template-columns: repeat(1, 2fr);
  	grid-template-rows: repeat(1, 250px);
	}
}

/*------ Affiche fin ------*/

/*------ Affiche onglet accueil début ------*/

@media (max-width: 1366px) {
	div.grid5 {
 	 width:100%;
  	height:820px;
  	border:solid 1px #111 ;
  	border-radius: 0px 20px 0px 0px;
 	 margin-left: 3px;
 	 display : grid;
  	grid-template-columns: repeat(11, 1fr);
  	grid-template-rows: repeat(2, 170px);
	}
}

@media (max-width: 1366px) {
	section#onglet{
	width:100%;
	display: inline-block;
	}
}

@media (max-width: 1000px) {
	div.grid5 {
 	 width:100%;
  	height:820px;
  	border:solid 1px #111 ;
  	border-radius: 0px 20px 0px 0px;
 	 margin-left: 3px;
 	 display : grid;
  	grid-template-columns: repeat(8, 1fr);
  	grid-template-rows: repeat(2, 170px);
	}
}


@media (max-width: 1000px) {

a.onglet { /* style des liens se trouvant dans un onglet inactif */
  line-height: 40px;
  } 
}
/*------ Affiche onglet accueil fin ------*/


/*---------Affiche fiche film début---------*/

@media (max-width: 1366px) {
	.fiche1 {
	display : grid;
	grid-template-columns: 240px 400px 1fr;
	grid-template-rows: repeat(1, 400px);
	}

	.element1 {
	padding-right:0px;
	font-size:14px;
	}

	.titre2 {
	font-size:20px;
	}

	.titre3 {
	font-size:14px;
	}

	.synopsis {
	font-size:14px; 
	}

	a.liste {
    font-size:14px;
	}
}

@media (max-width: 1000px) {
	.fiche1 {
	display : grid;
	grid-template-columns: 240px 330px 1fr;
	grid-template-rows: repeat(1, 500px);
	}

	.element1 {
	padding-right:0px;
	font-size:12px;
	}

	.titre2 {
	font-size:20px;
	}

	.titre3 {
	font-size:12px;
	}

	.synopsis {
	font-size:12px; 
	}

	a.liste {
    font-size:12px;
	}
	
}

@media (max-width: 950px) {
	.fiche1 {
	display : grid;
	grid-template-columns: 240px 330px 1fr;
	grid-template-rows: repeat(1, 500px);
	}

	.element1 {
	padding-right:0px;
	font-size:15px;
	}

	.titre2 {
	font-size:20px;
	}

	.titre3 {
	font-size:15px;
	}

	.synopsis {
	font-size:15px; 
	}

	a.liste {
    font-size:15px;
	}
	
}
/*---------Affiche fiche film fin---------*/