/*          ADS BTN           */
.download-mov {
    margin:10px;
    display: inline-block;
}
.download-mov a{
    padding:15px;
    /*border:1px solid #ececec;*/
    background: #21b5c9;
    /*border-radius:4px;*/
    color:black;
    font-weight: bold;
    text-decoration: none;
}
.download-mov a:hover {
    background: #6CD9EE;
    color:#ffffff;
}

/*          /ADS BTN           */
textarea:focus, input:focus {
	outline: dashed #2f2f2f;
}

.couleur1 {
transition-duration: 2s;
background-color:#1f1f1f;
overflow-wrap: break-word;
}

.couleur2 {
  
background-color:#2f2f2f;
overflow-wrap: break-word;
}
body, .smooth-container { scroll-behavior: smooth }

html {
  scroll-behavior: smooth;
}
.column1{
  line-height: 26px;
}

@import url('//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

body {
	font-family: Raleway,Helvetica, Arial, sans-serif;
}

body { background: #202020; color: #818181; }

.content {
  max-width: 1000px;
  margin: auto;
  margin-top:61px
}
.iframe-container {

    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* Ratio 16:9 (56.25%) pour une vidéo YouTube par exemple. Utilisez le ratio approprié si nécessaire. */
}

.iframe-container iframe {
    background:#202020;
    color:#ccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
* {
  box-sizing: border-box;
}
.pagination{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin-top: 20px;
}
.pagination a {
  /* Styles pour tous les boutons de pagination */
  position: relative;
  word-wrap: break-word;
  padding: 5px;
  height: 29px;
  padding-bottom: 6px;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #979797;
  border-radius: 2px;
  background-color: #1f1f1f;
  font-style: italic;
  color: #aeaeae;
  text-decoration: none;
  font-weight: bold;
  color: #606260;
  border: 1px solid #606260;
}

.pagination a.first-page {
  /* Styles pour le premier bouton */
  background-color: gray; /* Vous pouvez choisir la couleur grise que vous préférez */
  color: #606260; /* Couleur du texte pour le premier bouton */
}

.pagination a.selected-page {
  /* Styles pour le bouton sélectionné */
  background-color: gray; /* Vous pouvez choisir la couleur grise que vous préférez */
  color: #606260; /* Couleur du texte pour le bouton sélectionné */
}




/* acceuil */


.lienrecherche {

margin-right:-46px;
	
}

.column1 {
  float: left;
  width: 70%;
  padding: 10px;

  border-right: 1px solid #2f2f2f;
}




.column2 {
  float: left;
  width: 30%;
  padding: 10px;
  padding-top: 10px;
}






/* menu */

.column3 {
  float: left;

}


.column4 {
	 z-index:99;
  float: left;
top: -19px;
width: 75%;
position: fixed;
left: 53%;
margin-left: -37.5%;

}


.columnSEARCH {
	 z-index:99;

top: 5px;

position: fixed;
left: 50%;
margin-right: -37.5%;

}

.svgcomment {
position:relative; 
top:11px;	
    width: 43px;
    height: 38px;
padding-left: 10px;
    margin-left: -5px;
	
}

.svgcomment:hover {

width: 36px;
	
}
	
.svgplayer {
	
    padding-right: 10px;
    border-right: 1px solid white;
    position: relative;
    top: 11px;
    width: 43px;
    height: 38px;
	    margin-left: 4px;
	
}

.svgplayer:hover {

width: 36px;
	
}

.svgsynopsis {
	
    padding-right: 10px;
    border-right: 1px solid white;
    position: relative;
    top: 11px;
    width: 43px;
    height: 38px;
	
}

.svgsynopsis:hover {
	
width: 36px;
	
}


.svgaffiche {

    padding-right: 10px;
    border-right: 1px solid white;
    position: relative;
    top: 11px;
    width: 43px;
    height: 38px;

	
}

.svgaffiche:hover {
	
width: 36px;
	
}


.svgsearch {

width:46px;
height:40px;
left:455px;
position:relative;
border: 1px solid #c4c4c4;
padding: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
border-radius: 2px;
padding-top: 5px;
padding-bottom: 5px;

}

.svgsearch:hover {

background-color:#606260;

}



.logo {

z-index:9999; position:fixed;
top:4px;
border-radius: 2px;
display: flex;
color:white;
width: 200px;
height: 42px;
padding: 0px;
padding-top: 6px;
justify-content: space-around;
font-weight: bold;
font-size: 26px;
font-style: italic;
}
.svg-text {
  display: flex;
  align-items: left;
  width: 100%;
}

.svg-text svg {
  margin-right: 4px;

}

/* search */

.column5 {
  float: left;
  width: 100%;
  padding: 20px;
  padding-top: 18px;
  border-radius:2px;
}


/* between search and header */

.column6 {
  float: left;
  width: 100%;
}


/* fixed derniers ajout - mobile responsive only */

.column7 {
position :fixed;
  float: left;
  width: 100%;
  left:0px;
  top:0px;
  z-index:99;
  display:none;
margin-top:50px;
}


/* fixed derniers critique - mobile responsive only */

.column8 {
position :fixed;
  float: left;
  width: 100%;
  left:0px;
  top:0px;
  z-index:99;
  display:none;
  margin-top:50px;
}


/* fixed ENGLOBE derniers critique et ajout - accueil - deskop responsive only */

.column9 {
position :fixed;
  float: left;
  width:100%;
 max-width: 1000px;
  margin: auto;
  left:0px;
  top:0px;
  z-index:99;
  display:none;
      left: 50%;
    transform: translate(-50%, 0);
margin-top:50px;
}


/* fixed derniers critique DANS COLUMN9 - accueil - deskop responsive only */

.column10 {
  float: left;
  width: 70%;
  padding-right:10px;
  padding-left:10px; 
}


/* fixed derniers ajouts DANS COLUMN9 - accueil - deskop responsive only */

.column11 {
  float: left;
  width: 30%;
  padding-right:10px;
  padding-left:10px;
}


/* fixed navigation bar bottom ENGLOBE fleche haut derniers ajout critique */

.column12 {
  position: fixed;
    z-index: 99;
    bottom: -13px;
    display: flex;
	justify-content: center;
	width: 100%;
}





/* fixed ENGLOBE derniers critique et ajout - accueil - deskop responsive only */

.column13 {
position :fixed;
  float: left;
  width:100%;
 max-width: 1000px;
  margin: auto;
  left:0px;
  top:0px;
  z-index:88;
  display:none;
      left: 50%;
    transform: translate(-50%, 0);
	margin-top:50px;
	
}


/* fixed derniers critique DANS COLUMN9 - accueil - deskop responsive only */

.column14 {
  float: left;
  width: 70%;
  padding-right:10px;
  padding-left:10px; 
}


/* fixed derniers ajouts DANS COLUMN9 - accueil - deskop responsive only */

.column15 {
  float: left;
  width: 30%;
  padding-right:10px;
  padding-left:10px;
}


/* fixed derniers ajout - mobile responsive only */

.column16 {
position :fixed;
  float: left;
  width: 100%;
  left:0px;
  top:0px;
  z-index:99;
  display:none;
  margin-top:50px;
}




/* fixed ENGLOBE derniers critique et ajout - accueil - deskop responsive only */

.column17 {
position :fixed;
  float: left;
  width:100%;
 max-width: 1000px;
  margin: auto;
  left:0px;
  top:0px;
  z-index:95;
  display:none;
      left: 50%;
    transform: translate(-50%, 0);
	margin-top:50px;
	
}


/* fixed derniers critique DANS COLUMN9 - accueil - deskop responsive only */

.column18 {
  float: left;
  width: 70%;
  padding-right:10px;
  padding-left:10px; 
}


/* fixed derniers ajouts DANS COLUMN9 - accueil - deskop responsive only */

.column19 {
  float: left;
  width: 30%;
  padding-right:10px;
  padding-left:10px;
}


/* fixed derniers ajout - mobile responsive only */

.column20 {
position :fixed;
  float: left;
  width: 100%;
  left:0px;
  top:0px;
  z-index:99;
  display:none;
  margin-top:50px;
}



/* fixed ENGLOBE derniers critique et ajout - accueil - deskop responsive only */

.column21 {
position :fixed;
  float: left;
  width:100%;
 max-width: 1000px;
  margin: auto;
  left:0px;
  top:0px;
  z-index:95;
  display:none;
      left: 50%;
    transform: translate(-50%, 0);
	 margin-top:50px;
	
}


/* fixed derniers critique DANS COLUMN9 - accueil - deskop responsive only */

.column22 {
  float: left;
  width: 70%;
  padding-right:10px;
  padding-left:10px; 
}


/* fixed derniers ajouts DANS COLUMN9 - accueil - deskop responsive only */

.column23 {
  float: left;
  width: 30%;
  padding-right:10px;
  padding-left:10px;
}


/* fixed derniers ajout - mobile responsive only */

.column24 {
position :fixed;
  float: left;
  width: 100%;
  left:0px;
  top:0px;
  z-index:99;
  display:none;
   margin-top:50px;
}




/* DANS COLUMN12 */

.menubasfixenglobe  {
	
    background-color:#5b5b5b9e;
    text-decoration: none;
    list-style-type: none;
    color: white;
    padding: 10px;
    padding-left: 7px;
    padding-right: 0px;
    padding-bottom: 16px;
    padding-top: 12px;
    border-radius: 6px;
    position: relative;
    top: -14px;
        left: -8px;
    font-size: 23px;
    margin-right: 9px;
    opacity: 0.92;

}


.menubasfixenglobe2  {
	
background-color:#5b5b5b9e;
text-decoration:none;
list-style-type:none;
color:white;
border-radius:5px;
position:relative;
font-size:23px;
margin-right:15px;
opacity: 0.92;
border: 1px solid #595959;
display: inline-flex;


}


/* DANS menubasfixenglobe / COLUMN12 - navigation bar */

.menubasfixcritiques {
	
border: 1px solid white;
border-radius:3px;
text-decoration:none;
list-style-type:none;
color:white;
margin-right:7px;
padding:4px;
margin-left:5px;

background-color:#4c4c4c;
	
}

.menubasfixcritiques:hover {

background-color:#606260;

}




/* DANS menubasfixenglobe / COLUMN12 - navigation bar */

.menubasfixajouts {
	
border: 1px solid black;

text-decoration:none;
list-style-type:none;
color:black;
padding:4px;
background-color:#4c4c4c;
border-radius:3px;

}

.menubasfixajouts:hover {

background-color:#606260;


}





/* BAR DE MENU */


.barremenu {
    position: fixed;
    top: 0px;
    z-index: 4;
    width: 100%;
    height: 50px;
    background-color: #4c4c4c;
border-radius: 2px;
left: 0px;

}





/* image fleche haut */

.flechehaut {

height:26px;
	
}


/* bouton image fleche haut */

#buttonhaut {

border-right: 1px solid white;
text-decoration:none;
list-style-type:none;
color:red;
padding-right:4px;
margin-right:10px;
padding-left: 5px;

}





.sticky1 {
display:inline;
}

.sticky2 {
display:inline;
}

.sticky3 {
display:none;
}







.row:after {
  content: "";
  display: table;
  clear: both;
}



.drop-down{
    position: relative;
}


.menu1 {
	
    display:none;
}


.menu2 {
	
    display:inline;
}

nav {
  max-width: 960px;
  margin: 0 auto;
  padding: -5px 0;
}

.drop-down__menu-box {
    position: absolute;
    width: 100%;

	
    left: 0px;

  background-color: #4c4c4c;
    border-radius: 4px;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
     transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
 visibility: hidden;
opacity: 0;
  margin-top: 5px;
  
  min-width:159px;
  z-index:9999999;
}


.svgdernierajout {

width:30px;
height:30px;
position:relative;
top:7px;
	
}

.svgderniercritique {

width:30px;
height:30px;
position:relative;
top:7px;
	
}

@media screen and (max-width: 1000px) {
	
.columnSEARCH {


left: unset;
margin-right: 0;
right:8px;

}

.lienrecherche {

margin-right:unset;
	
}

.svgsearch {


left:0;

}
	
}


.svg_new {

width: 20px;
height: 20px;

}

.svg_new_barre {

width: 20px;
height: 20px;

}

.svg_trend_top {

width: 30px;
height: 30px;
position: relative;
    top: 7px;


}

.svg_trend_top_header {

	width: 28px;
    height: 21px;
    position: relative;
    top: 5px;
    left: -3px;

}








@media screen and (max-width: 896px) {
	
	

	.logo {
	
	z-index:999;
	float: left;
	position: fixed;
	left: 40%;
	margin-left: -65px;
	width:200px;
	
	}
		
		
	.svgsearch {
	
	
	height:33px;
	top:5px;
	
	}
	
		
		
	
	.column4 {
		 z-index:999;
	  float: left;
	
	position: fixed;
	
	left:7px;
	margin-left: 0px;
	top:9px;
	
	
	}
		
	
	
	
	
	
		
		
	nav {
	
	display:none
	
	}
	
	
	.menu1 {
		
		display:inline;
	}
		
	.menu2 {
	
	display: none;
		
	}
		
	
	
	
	
	
		
	}


	

	@media screen and (max-width: 720px) {
	

	
	.svgcomment {
	position:relative; 
	top:5px;	
		width: 43px;
		height: 38px;
	padding-left: 10px;
		margin-left: -5px;
		
	}
	
	.svgcomment:hover {
	
	width: 36px;
		
	}
		
	.svgplayer {
		
		padding-right: 10px;
		border-right: 1px solid white;
		position: relative;
		top: 5px;
		width: 43px;
		height: 38px;
			margin-left: 4px;
		
	}
	
	.svgplayer:hover {
	
	width: 36px;
		
	}
	
	.svgsynopsis {
		
		padding-right: 10px;
		border-right: 1px solid white;
		position: relative;
		top: 5px;
		width: 43px;
		height: 38px;
		
	}
	
	.svgsynopsis:hover {
		
	width: 36px;
		
	}
	
	
	.svgaffiche {
	
		padding-right: 10px;
		border-right: 1px solid white;
		position: relative;
		top: 5px;
		width: 43px;
		height: 38px;
	
		
	}
	
	.svgaffiche:hover {
		
	width: 36px;
		
	}
		
	
	
	.menubasfixenglobe2  {
	
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	position: fixed;
	bottom: 43px;
	position: fixed;
	left: 50%;
	transform: translate(-50%, 0);
	background-color:#5b5b5b9e;
	max-width: 212px;
	height: 49px;
	border-radius: 2px;
	top: unset;
	padding:unset;
	border: 1px solid #595959;
	
	}
	
	
	
	.svgdernierajout {
	
	width:20px;
	height:20px;
	position:relative;
	top:4px;
		
	}
	
	
	.svgderniercritique {
	
	width:20px;
	height:20px;
	position:relative;
	top:4px;
		
	}
	
		
		
	.menubasfixenglobe  {
	
	font-size:15px;
	
	}
	
	
		
	
	.sticky {
		
	display:inline;
	
	}
	
	.sticky1 {
		
	display:none;
	
	}
		
	.column1 {
		
	width: 100%;
	
	}
	
	.column2 {
		
	width: 100%;
	
	}
	  
	
	.flechehaut {
	
	height:19px;
		
	}
	
	  .svg_new {
	
	width: 14px;
	height: 14px;
	
	}
	
	.svg_trend_top {
	
	width: 17px;
	height: 17px;
	position: relative;
	  top: 3px;
	
	
	}
	
	}




#hann { width:100%; font-size:14px; list-style-type:none; }
#hann p {list-style-type:none; margin:0px}
#hann p span {list-style-type:none; }
#hann p span a { display:block; text-decoration:none; color:white; background-color:;border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#2f2f2f; padding-left:6px; cursor:pointer; list-style-type:none; font-weight:bold; padding-top: 12px;padding-bottom: 12px;}
#hann p span a:hover { color:white; background-color: #314548; list-style-type:none;}
#hann p span a strong { margin-right:10px; list-style-type:none;}

.category a { display:block; text-decoration:none; color:white; background-color:; line-height:29px; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#2f2f2f; padding-left:6px; cursor:pointer; list-style-type:none; font-weight:bold; }
.category a:hover { color:white; background-color: #314548; list-style-type:none;}









nav ul {
  text-align: center;

}

nav ul li {
  display: inline-block;
  
}

nav ul li a {
  padding: 10px;
  text-transform:uppercase;
  color: white;
  font-size: 15px;
  text-decoration: none;
  display: block;
}

nav ul li a:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
  border-radius:2px;
  background: rgba(255, 255, 255, 0.1);
  color: #314548;
}

.categoryt a {
margin-left:10px;
  padding: 5px;
  padding-right:3px
  font-family: Raleway;
  text-transform:uppercase;
  color: #21b5c9;
  font-size: 15px;
  text-decoration: none;
  border: 1px solid #21b5c9;
  border-radius:2px;

}

.categoryt a:hover {
  
  background: #21b5c9;
  color: #314548;
}




.drop-down__button{
  display: inline-block;
  line-height: 32px;
  padding: 0 11px;
  text-align: left;
  border-radius: 4px;
  box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2);
  cursor: pointer;
  margin-bottom:4px;
  border: 1px solid #7b7b7b;
}

.drop-down__button:hover{
  background:#7b7b7b;
  

}

.drop-down__name {
 
    text-transform: uppercase;
    color: #fff;

}

.drop-down__icon {
    width: 18px;
    vertical-align: middle;
    margin-left: 14px;
    height: 18px;
    border-radius: 50%;
    transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  
}





.drop-down__menu {
    margin: 0;
    padding: 0 13px;
    list-style: none;
  
}
.drop-down__menu-box:before{
  content:'';
  background-color: transparent;

  position: absolute;
  border-left: 8px solid transparent;

  border-top: 8px solid transparent;
  top: -15px;
  right: 18px;

}

.drop-down__menu-box:after{
  content:'';
  background-color: transparent;
}

.drop-down__item {
    font-size: 11px;
    padding: 13px 14px;
    font-weight: 500;
    color: white;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid white;
}

.drop-down__item-icon {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0px;
  
}



.drop-down__item:hover{
  color: #aeaeae;
}



.drop-down__item:last-of-type{
  border-bottom: 0;
}


.drop-down--active .drop-down__menu-box{
visibility: visible;
opacity: 1;
  margin-top: 0px;
  border: 1px solid #7b7b7b;
}

.drop-down__item:before{
  content:'';
  position: absolute;
width: 3px;
height: 28px;
background-color: #4c4c4c;
left: 0px;
top: 50%;
transform: translateY(-50%);
  display:none;
}

.drop-down__item:hover:before{
  display:block;
}