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

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

/* Design: (Nos Années 2000) */
.titreAnnee {
    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: 3%;
    box-shadow: 8px 0px 15px #117a7e;
    height: 4rem;  
}
.titreAnnee strong {
    font-size: 4rem;
    color: #117a7e;
    opacity: 40%;
}




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














.Annees01 {
    position: relative;
    display: flex;
}
.composition_Annees01a {
    position: absolute;
    font-size: 5rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 15rem;
    left: 30rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg);   
}
/* Survol: (composition_Années01a) */
.composition_Annees01a:hover {
    color: #a8aa16; 
    font-size: 6rem;   
    transform: rotateZ(0deg);   
}
.Annees01:hover .composition_Annees01a:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees01b {
    position: absolute;
    font-size: 5rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top:15rem;
    left: 75rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années01b) */
.composition_Annees01b:hover {
    color: #a8aa16; 
    font-size: 6rem;   
    transform: rotateZ(0deg);   
}
.Annees01:hover .composition_Annees01b:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees01c {
    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ées01c) */
.composition_Annees01c:hover {
    color: #a8aa16; 
    font-size: 4rem;   
    transform: rotateZ(0deg);   
}
.Annees01:hover .composition_Annees01c:not(:hover) {
    transform: scale(0.5);
}

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

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

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

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

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

.composition_Annees01i {
    position: absolute;
    font-size: 2.8rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 4rem; 
    left: 107rem;
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années01i) */
.composition_Annees01i:hover {
    color: #a8aa16; 
    font-size: 3.5rem;
    left: 105rem;   
    transform: rotateZ(0deg);   
}
.Annees01:hover .composition_Annees01i:not(:hover) {
    transform: scale(0.5);
}

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















.Annees02 {
    position: relative;
    display: flex;
}
.composition_Annees02a {
    position: absolute;
    font-size: 2.5rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 25rem;
    left: 1rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02a) */
.composition_Annees02a:hover {
    color: #a8aa16; 
    font-size: 3.2rem; 
    left: 0.5rem;   
    transform: rotateZ(0deg);   
}
.Annees02:hover .composition_Annees02a:not(:hover) {
    transform: scale(0.5);
}

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

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

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

.composition_Annees02e {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 21rem;
    left: 55rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années02e) */
.composition_Annees02e:hover {
    color: #a8aa16; 
    font-size: 3.5em; 
    left: 53rem;  
    transform: rotateZ(0deg);   
}
.Annees02:hover .composition_Annees02e:not(:hover) {
    transform: scale(0.5);
}

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

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

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

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

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















.Annees03 {
    position: relative;
    display: flex;
}
.composition_Annees03a {
    position: absolute;
    font-size: 2.8rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 44rem;
    left: 1rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années03a) */
.composition_Annees03a:hover {
    color: #a8aa16; 
    font-size: 3.2rem;   
    transform: rotateZ(0deg);   
}
.Annees03:hover .composition_Annees03a:not(:hover) {
    transform: scale(0.5);
}

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

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

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

.composition_Annees03e {
    position: absolute;
    font-size: 2.8rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 42rem;
    left: 54rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années03e) */
.composition_Annees03e:hover {
    color: #a8aa16; 
    font-size: 3.2rem; 
    left: 53rem;   
    transform: rotateZ(0deg);   
}
.Annees03:hover .composition_Annees03e:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees03f {
    position: absolute;
    font-size: 2.8rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 42rem;
    left: 68rem;
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années03f) */
.composition_Annees03f:hover {
    color: #a8aa16; 
    font-size: 3.2rem; 
    left: 67rem;  
    transform: rotateZ(0deg);   
}
.Annees03:hover .composition_Annees03f:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees03g {
    position: absolute;
    font-size: 2.8rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 44rem;
    left: 81rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années03g) */
.composition_Annees03g:hover {
    color: #a8aa16; 
    font-size: 3.2rem;  
    left: 80rem;  
    transform: rotateZ(0deg);   
}
.Annees03:hover .composition_Annees03g:not(:hover) {
    transform: scale(0.5);
}

.composition_Annees03h {
    position: absolute;
    font-size: 3rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 42rem;
    left: 95rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années03h) */
.composition_Annees03h:hover {
    color: #a8aa16; 
    font-size: 3.5rem; 
    top: 44rem;  
    transform: rotateZ(0deg);   
}
.Annees03:hover .composition_Annees03h:not(:hover) {
    transform: scale(0.5);
}

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

.composition_Annees03j {
    position: absolute;
    font-size: 2.5rem;
    text-decoration: none;
    text-align: center;
    color: #117a7e;
    top: 42rem;
    left: 118rem; 
    transition: all .5s;  
    transform: rotateZ(-35deg); 
}
/* Survol: (composition_Années03j) */
.composition_Annees03j:hover {
    color: #a8aa16; 
    font-size: 3.2rem; 
    top: 45rem; 
    left: 115rem;  
    transform: rotateZ(0deg);   
}
.Annees03:hover .composition_Annees03j:not(:hover) {
    transform: scale(0.5);
}














/* Design/Position: (parent.jean-marc@wanadoo.fr) */
.textpageannee {
    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;       
}