#titlefaceExplicationBaseEffect
{
    width: 100%;
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.titlefaceExplicationBaseEffect
{
    width: 100%;
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#scrStatiqueText
{
    width: 100%;
    height: 20%;
    display: flex;

}

#titreScrStatique
{
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.titreScrStatique
{
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#presentationScrStatique
{
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2vh;
}

.presentationScrStatique
{
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2vh;
}

#scrStatiqueText ul
{
    margin-left: 2vh;
    margin-top: 1vh;
}

#scrIntervalBaseText
{
    height: 70%;
    width: 100%;

}

#titrePresentationScrInterval
{
    display: flex;
    height: 65%;
}

#titreScrInterval
{
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2vh;
}

.titreScrInterval
{
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2vh;
}

#presentationScrInterval
{
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2vh;
}

.presentationScrInterval
{
    width: 75%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2vh;
}

#presentationScrIntervalCenter
{
    width: 90%;
    margin: auto;
    border-radius: 1vh;
    padding: 2vh;
}

#presentationScrInterval ul
{
    margin-left: 4vh;
}

.presentationScrInterval ul
{
    margin-left: 4vh;
}

#explicationScrInterval
{
    display: flex;
    height: 35%;
}

#listParameterScrInterval
{
    width: 60%;
    padding: 2vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.listParameterScrInterval
{
    padding: 2vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#infoParameterScrInterval
{
    width: 40%;
    padding: 2vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.infoParameterScrInterval
{
    padding: 2vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* CUBE 3D */

/* titlefaceExplicationBaseEffect face1TitlefaceExplicationBaseEffect */

.faceFront1_face1TitlefaceExplicationBaseEffect
{
    width: 7vh;
    height: 7vh;
}

.faceFront1FrontBack_face1TitlefaceExplicationBaseEffect
{
    width: 80vw;
    height: 7vh;
}

/* .faceFront1TopBottom_face1TitlefaceExplicationBaseEffect
{
    width: 10vw;
    height: 80vw;
}
 */

#cubeFront1tTitlefaceExplicationBaseEffect
{
    transform: rotateY(-90deg);
}

.front1frontFace1_face1TitlefaceExplicationBaseEffect2 {
    transform: translate(-50%, -35vh) translateZ(30vw) translateZ(3.5vh);

}

.front1backFace1_face1TitlefaceExplicationBaseEffect2 {
    transform: translate(-50%, -35vh) rotateY(180deg) translateZ(-30vw) translateZ(3.5vh);
}
    
.front1topFace1_face1TitlefaceExplicationBaseEffect2 {
    transform: translate(-50%, -35vh) rotateX(90deg) translateY(30vw) translateZ(3.5vh);
}

.front1leftFace1_face1TitlefaceExplicationBaseEffect2 {
    transform: translate(-50%, -35vh) rotateY(-90deg) translateX(30vw) translateZ(40vw);

}

.front1rightFace1_face1TitlefaceExplicationBaseEffect2 {
    transform: translate(-50%, -35vh) rotateY(90deg) translateX(-30vw) translateZ(40vw);
}

.front1bottomFace1_face1TitlefaceExplicationBaseEffect2 {
    transform: translate(-50%, -35vh) rotateX(-90deg) translateY(-30vw) translateZ(3.5vh);
}

/* titreScrStatique face1TitreScrStatique */

.faceFront1_face1TitreScrStatique
{
    width: 14vh;
    height: 14vh;
}

.faceFront1FrontBack_face1TitreScrStatique
{
    width: 32vw;
    height: 14vh;
}

/* .faceFront1TopBottom_face1TitreScrStatique
{
    width: 10vw;
    height: 80vw;
}
 */

#cubeFront1TitreScrStatique
{
    transform: rotateY(-90deg);
}

.front1frontFace1_face1TitreScrStatique2 {
    transform: translate(-40vw, -28vh) translateZ(30vw) translateZ(7vh);

}

.front1backFace1_face1TitreScrStatique2 {
    transform: translate(-40vw, -28vh) rotateY(180deg) translateZ(-30vw) translateZ(7vh);
}
    
.front1topFace1_face1TitreScrStatique2 {
    transform: translate(-40vw, -28vh) rotateX(90deg) translateY(30vw) translateZ(7vh);
}

.front1leftFace1_face1TitreScrStatique2 {
    transform: translate(-50%, -28vh) rotateY(-90deg) translateX(30vw) translateZ(40vw);

}

.front1rightFace1_face1TitreScrStatique2 {
    transform: translate(-50%, -28vh) rotateY(90deg) translateX(-30vw) translateZ(-8vw);
}

.front1bottomFace1_face1TitreScrStatique2 {
    transform: translate(-40vw, -28vh) rotateX(-90deg) translateY(-30vw) translateZ(7vh);
}

/* presentationScrStatique face1PresentationScrStatique */

.faceFront1_face1PresentationScrStatique
{
    width: 14vh;
    height: 14vh;
}

.faceFront1FrontBack_face1PresentationScrStatique
{
    width: 48vw;
    height: 14vh;
}

/* .faceFront1TopBottom_face1PresentationScrStatique
{
    width: 10vw;
    height: 80vw;
}
 */

#cubeFront1PresentationScrStatique
{
    transform: rotateY(-90deg);
}

.front1frontFace1_face1PresentationScrStatique2 {
    transform: translate(-8vw, -28vh) translateZ(30vw) translateZ(7vh);

}

.front1backFace1_face1PresentationScrStatique2 {
    transform: translate(-8vw, -28vh) rotateY(180deg) translateZ(-30vw) translateZ(7vh);
}
    
.front1topFace1_face1PresentationScrStatique2 {
    transform: translate(-8vw, -28vh) rotateX(90deg) translateY(30vw) translateZ(7vh);
}

.front1leftFace1_face1PresentationScrStatique2 {
    transform: translate(-50%, -28vh) rotateY(-90deg) translateX(30vw) translateZ(8vw);

}

.front1rightFace1_face1PresentationScrStatique2 {
    transform: translate(-50%, -28vh) rotateY(90deg) translateX(-30vw) translateZ(40vw);
}

.front1bottomFace1_face1PresentationScrStatique2 {
    transform: translate(-8vw, -28vh) rotateX(-90deg) translateY(-30vw) translateZ(7vh);
}

/* titreScrInterval face1TitreScrInterval */

.faceFront1_face1TitreScrInterval
{
    width: 31.85vh;
    height: 31.85vh;
}

.faceFront1FrontBack_face1TitreScrInterval
{
    width: 20vw;
    height: 31.85vh;
}

/* .faceFront1TopBottom_face1TitreScrInterval
{
    width: 10vw;
    height: 80vw;
}
 */

#cubeFront1TitreScrInterval
{
    transform: rotateY(-90deg);
}

.front1frontFace1_face1TitreScrInterval2 {
    transform: translate(-40vw, -14vh) translateZ(30vw) translateZ(15.925vh);

}

.front1backFace1_face1TitreScrInterval2 {
    transform: translate(-40vw, -14vh) rotateY(180deg) translateZ(-30vw) translateZ(15.925vh);
}
    
.front1topFace1_face1TitreScrInterval2 {
    transform: translate(-40vw, -14vh) rotateX(90deg) translateY(30vw) translateZ(15.925vh);
}

.front1leftFace1_face1TitreScrInterval2 {
    transform: translate(-50%, -14vh) rotateY(-90deg) translateX(30vw) translateZ(40vw);

}

.front1rightFace1_face1TitreScrInterval2 {
    transform: translate(-50%, -14vh) rotateY(90deg) translateX(-30vw) translateZ(-20vw);
}

.front1bottomFace1_face1TitreScrInterval2 {
    transform: translate(-40vw, -14vh) rotateX(-90deg) translateY(-30vw) translateZ(15.925vh);
}

/* presentationScrInterval face1PresentationScrInterval */

.faceFront1_face1PresentationScrInterval
{
    width: 31.85vh;
    height: 31.85vh;
}

.faceFront1FrontBack_face1PresentationScrInterval
{
    width: 60vw;
    height: 31.85vh;
}

/* .faceFront1TopBottom_face1PresentationScrInterval
{
    width: 10vw;
    height: 80vw;
}
 */

#cubeFront1PresentationScrInterval
{
    transform: rotateY(-90deg);
}

.front1frontFace1_face1PresentationScrInterval2 {
    transform: translate(-20vw, -14vh) translateZ(30vw) translateZ(15.925vh);

}

.front1backFace1_face1PresentationScrInterval2 {
    transform: translate(-20vw, -14vh) rotateY(180deg) translateZ(-30vw) translateZ(15.925vh);
}
    
.front1topFace1_face1PresentationScrInterval2 {
    transform: translate(-20vw, -14vh) rotateX(90deg) translateY(30vw) translateZ(15.925vh);
}

.front1leftFace1_face1PresentationScrInterval2 {
    transform: translate(-50%, -14vh) rotateY(-90deg) translateX(30vw) translateZ(20vw);

}

.front1rightFace1_face1PresentationScrInterval2 {
    transform: translate(-50%, -14vh) rotateY(90deg) translateX(-30vw) translateZ(40vw);
}

.front1bottomFace1_face1PresentationScrInterval2 {
    transform: translate(-20vw, -14vh) rotateX(-90deg) translateY(-30vw) translateZ(15.925vh);
}

/* listParameterScrInterval face1ListParameterScrInterval */

.faceFront1_face1ListParameterScrInterval
{
    width: 17.15vh;
    height: 17.15vh;
}

.faceFront1FrontBack_face1ListParameterScrInterval
{
    width: 48vw;
    height: 17.15vh;
}

/* .faceFront1TopBottom_face1ListParameterScrInterval
{
    width: 10vw;
    height: 80vw;
}
 */

#cubeFront1ListParameterScrInterval
{
    transform: rotateY(-90deg);
}

.front1frontFace1_face1ListParameterScrInterval2 {
    transform: translate(-40vw, 17.85vh) translateZ(30vw) translateZ(8.575vh);

}

.front1backFace1_face1ListParameterScrInterval2 {
    transform: translate(-40vw, 17.85vh) rotateY(180deg) translateZ(-30vw) translateZ(8.575vh);
}
    
.front1topFace1_face1ListParameterScrInterval2 {
    transform: translate(-40vw, 17.85vh) rotateX(90deg) translateY(30vw) translateZ(8.575vh);
}

.front1leftFace1_face1ListParameterScrInterval2 {
    transform: translate(-50%, 17.85vh) rotateY(-90deg) translateX(30vw) translateZ(40vw);

}

.front1rightFace1_face1ListParameterScrInterval2 {
    transform: translate(-50%, 17.85vh) rotateY(90deg) translateX(-30vw) translateZ(8vw);
}

.front1bottomFace1_face1ListParameterScrInterval2 {
    transform: translate(-40vw, 17.85vh) rotateX(-90deg) translateY(-30vw) translateZ(8.575vh);
}

/* infoParameterScrInterval face1InfoParameterScrInterval */

.faceFront1_face1InfoParameterScrInterval
{
    width: 17.15vh;
    height: 17.15vh;
}

.faceFront1FrontBack_face1InfoParameterScrInterval
{
    width: 32vw;
    height: 17.15vh;
}

/* .faceFront1TopBottom_face1InfoParameterScrInterval
{
    width: 10vw;
    height: 80vw;
}
 */

#cubeFront1InfoParameterScrInterval
{
    transform: rotateY(-90deg);
}

.front1frontFace1_face1InfoParameterScrInterval2 {
    transform: translate(8vw, 17.85vh) translateZ(30vw) translateZ(8.575vh);
}

.front1backFace1_face1InfoParameterScrInterval2 {
    transform: translate(8vw, 17.85vh) rotateY(180deg) translateZ(-30vw) translateZ(8.575vh);
}
    
.front1topFace1_face1InfoParameterScrInterval2 {
    transform: translate(8vw, 17.85vh) rotateX(90deg) translateY(30vw) translateZ(8.575vh);
}

.front1leftFace1_face1InfoParameterScrInterval2 {
    transform: translate(-50%, 17.85vh) rotateY(-90deg) translateX(30vw) translateZ(-8vw);
}

.front1rightFace1_face1InfoParameterScrInterval2 {
    transform: translate(-50%, 17.85vh) rotateY(90deg) translateX(-30vw) translateZ(40vw);
}

.front1bottomFace1_face1InfoParameterScrInterval2 {
    transform: translate(8vw, 17.85vh) rotateX(-90deg) translateY(-30vw) translateZ(8.575vh);
}