/* Design/Position: (IcôneFlècheRetourPageJFL) */
.IcôneFlècheRetourPageJFL { 
    z-index: 50;
    position: fixed;
    top: 1px; 
    left: 280px; 
}

.audio {
    z-index: 50;
    position: fixed; 
    top: 10px;
}

/* Design: (J.F. LIEUTET: - DVDmusiC / Clipspromos -) */
.titreAnneeJFL {
    position: relative;
    background-image: linear-gradient(to right, #373737, #c0b283);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 4rem;
    line-height: 4rem;
    letter-spacing: 0.1rem;
    top: 3%;
    left: 10%;
    box-shadow: 8px 0px 15px #117a7e;
    height: 4rem;  
}
.titreAnneeJFL strong {
    font-size: 4rem;
    color: #117a7e;
    opacity: 40%;
}

#containerFlexpageJFL { 
    position: relative; 
    display: flex;
}















.Annees01JFL {
    position: relative;
    display: flex;
}
.composition_Annees01JFLa {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 7rem;
    left: 3rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg);   
}
/* Survol: (composition_Années01JFLa) */
.composition_Annees01JFLa:hover {
    color: #a8aa16; 
    font-size: 4rem;   
    transform: rotateZ(0deg);   
}
.Annees01JFL:hover .composition_Annees01JFLa:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees01JFLb {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 7rem;
    left: 15rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années01JFLb) */
.composition_Annees01JFLb:hover {
    color: #a8aa16; 
    font-size: 4rem;
    left: 13rem;    
    transform: rotateZ(0deg);   
}
.Annees01JFL:hover .composition_Annees01JFLb:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees01JFLc {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 5rem; 
    left: 29rem;
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années01JFLc) */
.composition_Annees01JFLc:hover {
    color: #a8aa16; 
    font-size: 4rem;
    left: 27rem;   
    transform: rotateZ(0deg);   
}
.Annees01JFL:hover .composition_Annees01JFLc:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees01JFLd {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 5rem;
    left: 43rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années01JFLd) */
.composition_Annees01JFLd:hover {
    color: #a8aa16; 
    font-size: 4rem;
    transform: rotateZ(0deg);   
}
.Annees01JFL:hover .composition_Annees01JFLd:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees01JFLe {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 7rem;
    left: 58rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années01JFLe) */
.composition_Annees01JFLe:hover {
    color: #a8aa16; 
    font-size: 4rem; 
    left: 56rem;   
    transform: rotateZ(0deg);   
}
.Annees01JFL:hover .composition_Annees01JFLe:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees01JFLf {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 7rem; 
    left: 73rem;
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années01JFLf) */
.composition_Annees01JFLf:hover {
    color: #a8aa16; 
    font-size: 4rem; 
    transform: rotateZ(0deg);   
}
.Annees01JFL:hover .composition_Annees01JFLf:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees01JFLg {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 3rem;
    left: 87rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années01JFLg) */
.composition_Annees01JFLg:hover {
    color: #a8aa16; 
    font-size: 4rem; 
    transform: rotateZ(0deg);   
}
.Annees01JFL:hover .composition_Annees01JFLg:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees01JFLh {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 5rem;
    left: 104rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années01JFLh) */
.composition_Annees01JFLh:hover {
    color: #a8aa16; 
    font-size: 4rem;
    left: 101rem; 
    transform: rotateZ(0deg);   
}
.Annees01JFL:hover .composition_Annees01JFLh:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees01JFLi {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 4rem; 
    left: 122rem;
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années01JFLi) */
.composition_Annees01JFLi:hover {
    color: #a8aa16; 
    font-size: 4rem;
    transform: rotateZ(0deg);   
}
.Annees01JFL:hover .composition_Annees01JFLi:not(:hover) {
    transform: scale(0.5);
}

















.Annees02JFL {
    position: relative;
    display: flex;
}

.composition_Annees02JFLa {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 27rem;
    left: 3rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02JFLa) */
.composition_Annees02JFLa:hover {
    color: #a8aa16; 
    font-size: 4rem; 
    transform: rotateZ(0deg);   
}
.Annees02JFL:hover .composition_Annees02JFLa:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees02JFLb {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 25rem;
    left: 20rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02JFLb) */
.composition_Annees02JFLb:hover {
    color: #a8aa16; 
    font-size: 4rem; 
    transform: rotateZ(0deg);   
}
.Annees02JFL:hover .composition_Annees02JFLb:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees02JFLc {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 25rem;
    left: 38rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02JFLc) */
.composition_Annees02JFLc:hover {
    color: #a8aa16; 
    font-size: 4rem;  
    transform: rotateZ(0deg);   
}
.Annees02JFL:hover .composition_Annees02JFLc:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees02JFLd {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 24rem;
    left: 65rem;
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02JFLd) */
.composition_Annees02JFLd:hover {
    color: #a8aa16; 
    font-size: 4rem;
    transform: rotateZ(0deg);   
}
.Annees02JFL:hover .composition_Annees02JFLd:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees02JFLe {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 29rem;
    left: 84rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02JFLe) */
.composition_Annees02JFLe:hover {
    color: #a8aa16; 
    font-size: 4rem; 
    transform: rotateZ(0deg);   
}
.Annees02JFL:hover .composition_Annees02JFLe:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees02JFLf {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 25rem;
    left: 103rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02JFLf) */
.composition_Annees02JFLf:hover {
    color: #a8aa16; 
    font-size: 4rem; 
    transform: rotateZ(0deg);   
}
.Annees02JFL:hover .composition_Annees02JFLf:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees02JFLg {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 25rem;
    left: 125rem;
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02JFLg) */
.composition_Annees02JFLg:hover {
    color: #a8aa16; 
    font-size: 4rem; 
    transform: rotateZ(0deg);   
}
.Annees02JFL:hover .composition_Annees02JFLg:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees02JFLh {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 43rem;
    left:13rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02JFLh) */
.composition_Annees02JFLh:hover {
    color: #a8aa16; 
    font-size: 4rem; 
    transform: rotateZ(0deg);   
}
.Annees02JFL:hover .composition_Annees02JFLh:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees02JFLi {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 40rem;
    left: 53rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02JFLi) */
.composition_Annees02JFLi:hover {
    color: #a8aa16; 
    font-size: 4rem;
    transform: rotateZ(0deg);   
}
.Annees02JFL:hover .composition_Annees02JFLi:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees02JFLj {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 43rem;
    left: 108rem;
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02JFLj) */
.composition_Annees02JFLj:hover {
    color: #a8aa16; 
    font-size: 4rem;   
    transform: rotateZ(0deg);   
}
.Annees02JFL:hover .composition_Annees02JFLj:not(:hover) {
    transform: scale(0.5);
}
















/* Design/Position: (parent.jean-marc@wanadoo.fr) */
.textpageJFL {
    position: relative;
    text-align: center;
    margin: 6;
    color: rgb(255, 0, 0);   
    font-size: 1.5rem;
    line-height: 1.7rem; 
    top: 87%;  
    left: 40%;
    box-shadow: 8px 0px 10px #ffee00;
    width: 18%;
    height: 2rem;       
}