header#headerIndex {
      width: 100%;
      position: relative;
      -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
      -khtml-user-select: none; /* Konqueror HTML */
      -moz-user-select: none; /* Old versions of Firefox */
      -ms-user-select: none; /* Internet Explorer/Edge */
      user-select: none;
    }
    header#headerIndex .pageContent {
      overflow: visible;
    }
    header#headerIndex #menuMain {
      margin: 20px 10px 30px;
    }
    header#headerIndex #menuMain #menuMainOpen {
      filter: invert(1);
      z-index: 100;
    }
    header#headerIndex #headerLogo {
      width: 35%;
      position: relative;
      z-index: 2;
      margin: 50px 20px 30px 5%;
      transition-duration: 0.3s;
      transition-delay: 0.2s;
      transform-origin: bottom left;
    }
    header#headerIndex #headerLogo img {
      display: inline-block;
      vertical-align: middle;
      width: 100%;
    }
    header#headerIndex #headerLogo:hover {
      transform: rotate(-1deg);
    }
    header#headerIndex .headerIndexLive {
      width: 60%;
      position: absolute;
      top: 50%;
      margin-top: -30%;
      right: 0;
      z-index: 0;
    }
    header#headerIndex .headerIndexLive .headerIndexCover {
      overflow: hidden;
      position: relative;
    }
    header#headerIndex .headerIndexLive .headerIndexCover .headerIndexCoverMask {
      width: 100%;
      position: relative;
      z-index: 1;
      margin-bottom: -5px;
    }
    header#headerIndex .headerIndexLive .headerIndexCover .headerIndexCoverImg {
      position: absolute;
      top: 1px;
      left: 1px;
      height: calc(100% - 3px);
      width: calc(100% - 3px);
      overflow: hidden;
      
      filter: drop-shadow(60px 50px 30px rgba(0,0,0,0.5));
    }
    header#headerIndex .headerIndexLive .headerIndexCover .headerIndexCoverImg img {
      position: absolute;
      height: 100%;
      top: 15%;
      right: -3%;
      z-index: 0;
      transition-duration: 5s;
    }
    header#headerIndex .headerIndexLive:hover .headerIndexCover .headerIndexCoverImg img {
      transform: scale(1.1);
      transition-duration: 10s;
    }
    header#headerIndex .headerIndexLive .headerIndexCover .headerIndexCoverGradient {
      position: absolute;
      top: 1px;
      left: 1px;
      height: calc(100% - 3px);
      width: calc(100% - 3px);
    }
    header#headerIndex .headerIndexLive .headerIndexShow {
      position: absolute;
      bottom: 5%;
      left: -1%;
      z-index: 1;
      width: 60%;
      cursor: pointer;
    }
    header#headerIndex .headerIndexLive .headerIndexShow .headerIndexShowEncemoment {
      position: absolute;
      text-align: center;
      width: 100%;
      margin-top: -45px;
    }
    header#headerIndex .headerIndexLive .headerIndexShow .headerIndexShowEncemoment p {
      color: rgba(253, 253, 253, 1.00);
      padding: 5px 20px;
      border: solid 1.5px rgba(255, 255, 255, 1.00);
      width: auto;
      display: inline-block;
      border-radius: 30px;
      text-shadow: 0 0 15px rgba(0, 0, 0, 1);
      box-shadow: 0 0 35px rgba(0, 0, 0, 0.4), 0 0 25px rgba(0, 0, 0, 0.2) inset;
      font-weight: bold;
      font-size: 22px;
    }
    header#headerIndex .headerIndexLive .headerIndexShow .headerIndexShowLogo {
      width: 100%;
		position: relative;
		z-index: 2;
    }
	

	header#headerIndex .headerIndexMusic {
		position: relative;
		margin: 60px 0 60px 10%;
		width: 20%;
		height: 170px;
		cursor: pointer;
	}
	header#headerIndex .headerIndexMusic .headerIndexVinyle {
		height: 100%;
		position: relative;
		display: inline-block;
		transition-duration: 0.3s;
	}
	header#headerIndex .headerIndexMusic .headerIndexVinyleCover {
		position: absolute;
    height: 100%;
		background-color: rgba(255,255,255,1.00);
		z-index: 1;
		transform-origin: bottom right;
		transition-duration: 0.3s;
		transform: rotate(-3deg);
		box-shadow: 1px 1px 5px rgba(0,0,0,0.3);
    border-radius: 3px;
    overflow: hidden;
	}
	header#headerIndex .headerIndexMusic .headerIndexVinyleCover img {
		height: 100%;
	}
	header#headerIndex .headerIndexMusic .headerIndexVinyleDisk {
		position: absolute;
		transform-origin: center;
		z-index: 0;
		margin-top: 1%;
		height: 98%;
		transition-duration: 0.3s;
		transform: translate(20%, 1%) scale(0.9) rotate(-140deg);
	}
	header#headerIndex .headerIndexMusic .headerIndexVinyleDiskBlack {
		position: relative;
		height: 100%;
	}
	header#headerIndex .headerIndexMusic .headerIndexVinyleDiskSticker img {
		position: absolute;
		top:32%;
		left:32%;
		height: 35%;
	}
	header#headerIndex .headerIndexMusic .headerIndexMusicDirect {
		width: auto;
		z-index: 1;
		position: absolute;
		padding: 15px 30px;
		border-radius: 100px;
		margin-left: -40px;
		margin-top: -30px;
		transition-duration: 0.3s;
		transform-origin: bottom left;
		
		color: rgba(255,255,255,1.00);
		font-weight: bold;
		font-size: 1.2rem;
	}
	header#headerIndex .headerIndexMusic .headerIndexMusicDirect img {
		height: 23px;
		margin-bottom: -3px;
		margin-left: 10px;
	}
	
	header#headerIndex .headerIndexMusic:hover .headerIndexVinyleCover {
		transform: rotate(-7deg);
	}
	header#headerIndex .headerIndexMusic:hover .headerIndexVinyle {
		transform: translate(0, -5%);
	}
	header#headerIndex .headerIndexMusic:hover .headerIndexVinyleDisk {
		transform: translate(50%, 1%) scale(1) rotate(20deg);
	}
	header#headerIndex .headerIndexMusic:hover .headerIndexMusicDirect {
		transform: translate(0, 10%) rotate(2deg);
	}


	.indexNews {
		padding: 50px 0 0 0;
		position: relative;
		overflow: hidden;
	}
	.indexNews .pageContent {
		overflow:visible;
	}

	
	
/* Responsive Design */
@media only screen and (max-width : 650px ){
	
	header#headerIndex {
		width: 100%;
		overflow: hidden;
	}
	header#headerIndex #headerLogo {
		margin: 30px 20px 10px;
		width: 150px;
		height: 150px;
		text-align: center;
	}
	header#headerIndex #headerLogo img {
    width: auto;
    height: 70%;
	}
	
	
	header#headerIndex .headerIndexShow {
		display: none;
	}
	header#headerIndex .headerIndexLive {
		width: 90%;
		top: 30%;
		margin-top: -45%;
		right: -10%;
	}
	
	header#headerIndex .headerIndexMusic {
		margin: 70px 0 0 40px;
		width: auto;
	}
	header#headerIndex .headerIndexMusic .headerIndexVinyle {
		height: 110px;
		z-index: 1;
	}
	header#headerIndex .headerIndexMusic .headerIndexVinyleDisk {
		display: none;
	}
	header#headerIndex .headerIndexMusic .headerIndexMusicDirect {
		z-index: 0;
		padding: 15px 15px 15px 130px;
		margin-left: -10px;
		margin-top: -80px;
		margin-right: 15px;
		
		font-weight: bold;
		font-size: 15px;
	}
	header#headerIndex .headerIndexMusic:hover .headerIndexMusicDirect {
		transform: translate(10px) rotate(0);
	}
	header#headerIndex .headerIndexMusic .headerIndexMusicDirect img {
		height: 16px;
		margin-bottom: -2px;
	}
	
	.indexNews {
		margin-top: -20px;
		padding: 0 0 0 0;
	}
}








/* Dark mode */
@media (prefers-color-scheme: dark) {
  header#headerIndex .headerIndexLive .headerIndexCover .headerIndexCoverMask, header#headerIndex #headerLogo img.Lettres {
    filter: invert(90%);
  }
}