#titreTabConfig
{
    width: 100%;
    height: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1vh;
}

.titreTabConfig
{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1vh;
}


#presentationConfig
{
    width: 100%;
    display: flex;
    height: 90%;
}

#presentationConfigScrInterval
{
    width: 30%;
    padding: 1vh;
    height: 100%;
}

#titreConfigInterval
{
    padding: 0.5vh;
}

#presentationConfigScrInterval p
{
    margin-left: 2vh;
}

#presentationConfigScrInterval h4
{
    padding: 0.5vh;
}

#presentationConfigScrInterval ul
{
    margin-left: 2vh;
}

.presentationConfigScrInterval
{
    padding: 1vh;
}

.presentationConfigScrInterval p
{
    margin-left: 2vh;
}

.presentationConfigScrInterval h4
{
    padding: 0.5vh;
}

.presentationConfigScrInterval ul
{
    margin-left: 2vh;
}

/* CONFIG MULTI */

#presentationConfigScrMulti
{
    width: 70%;
    height: 100%;
}

#infoTitrePresentationRow
{
    display: flex;
    width: 100%;
    height: 25%;
}

#infoTitreMulti, #presentationScrMulti
{
    width: 50%;
    padding: 1vh;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.infoTitreMulti, .presentationScrMulti
{
    padding: 1vh;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

#presentationScrMulti
{
    align-items: center;
}

#presentationScrMulti p
{
    background-color: rgba(240, 248, 255, 0.5);
    padding: 1.5vh;
    border-radius: 1vh;
}

.presentationScrMulti
{
    align-items: center;
}

.presentationScrMulti p
{
    padding: 1.5vh;
    border-radius: 1vh;
    width: 100%;
}

#titreConfigMulti
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vh;
    height: 8%;
}

.titreConfigMulti
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vh;
}

#explicationConfigMulti
{
    display: flex;
    height: 67%;
    width: 100%;
}

#exempleDifferenceIntervalMulti
{
    width: 55%;
    height: 100%;
}

#exempleConfigMulti
{
    width: 100%;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2vh;

}

#exempleConfigMulti p
{
    padding: 1vh;
    width: 75%;
    background-color: rgba(240, 248, 255, 0.5);
    border-radius: 1vh;
}

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

}

.exempleConfigMulti p
{
    padding: 1vh;
    border-radius: 1vh;
}


#configParameterMulti
{
    padding: 1vh;
    height: 100%;
    width: 45%;

}

.configParameterMulti
{
    padding: 1vh;
}

#differenceConfigMultiInterval
{
    padding: 1vh;
    height: 40%;
}

.differenceConfigMultiInterval
{
    padding: 1vh;
}

.config
{
    margin-left: 2vh;
}

.styleConfig
{
    margin-left: 4vh;
}

.styleConfigInitial
{
    margin-left: 6vh;
}

#configParameterMulti h4
{
    padding-bottom: 0.5vh;
    padding-top: 0.5vh;
}

#configParameterMulti ul
{
    margin-left: 2vh;
}

/* CUBE 3D */

/* titreTabConfig face1TitreTabConfig */

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

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

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

#cubeFront1TitreTabConfig
{
    transform: rotateY(-180deg);
}

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

}

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

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

}

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

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

/* presentationConfigScrInterval face1PresentationConfigScrInterval */

.faceFront1_face1PresentationConfigScrInterval
{
    width: 63vh;
    height: 63vh;
}

.faceFront1FrontBack_face1PresentationConfigScrInterval
{
    width: 24vw;
    height: 63vh;
}

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

#cubeFront1PresentationConfigScrInterval
{
    transform: rotateY(-180deg);
}

.front1frontFace1_face1PresentationConfigScrInterval2 {
    transform: translate(-40vw, -28vh) translateZ(20vw) translateZ(31.5vh);

}

.front1backFace1_face1PresentationConfigScrInterval2 {
    transform: translate(-40vw, -28vh) rotateY(180deg) translateZ(-20vw) translateZ(31.5vh);
}
    
.front1topFace1_face1PresentationConfigScrInterval2 {
    transform: translate(-40vw, -28vh) rotateX(90deg) translateY(20vw) translateZ(31.5vh);
}

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

}

.front1rightFace1_face1PresentationConfigScrInterval2 {
    transform: translate(-50%, -28vh) rotateY(90deg) translateX(-20vw) translateZ(-16vw);
}

.front1bottomFace1_face1PresentationConfigScrInterval2 {
    transform: translate(-40vw, -28vh) rotateX(-90deg) translateY(-20vw) translateZ(31.5vh);
}

/* infoTitreMulti face1InfoTitreMulti */

.faceFront1_face1InfoTitreMulti
{
    width: 15.75vh;
    height: 15.75vh;
}

.faceFront1FrontBack_face1InfoTitreMulti
{
    width: 28vw;
    height: 15.75vh;
}

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

#cubeFront1InfoTitreMulti
{
    transform: rotateY(-180deg);
}

.front1frontFace1_face1InfoTitreMulti2 {
    transform: translate(-16vw, -28vh) translateZ(30vw) translateZ(7.875vh);

}

.front1backFace1_face1InfoTitreMulti2 {
    transform: translate(-16vw, -28vh) rotateY(180deg) translateZ(-30vw) translateZ(7.875vh);
}
    
.front1topFace1_face1InfoTitreMulti2 {
    transform: translate(-16vw, -28vh) rotateX(90deg) translateY(30vw) translateZ(7.875vh);
}

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

}

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

.front1bottomFace1_face1InfoTitreMulti2 {
    transform: translate(-16vw, -28vh) rotateX(-90deg) translateY(-30vw) translateZ(7.875vh);
}

/* presentationScrMulti face1PresentationScrMulti */

.faceFront1_face1PresentationScrMulti
{
    width: 15.75vh;
    height: 15.75vh;
}

.faceFront1FrontBack_face1PresentationScrMulti
{
    width: 28vw;
    height: 15.75vh;
}

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

#cubeFront1PresentationScrMulti
{
    transform: rotateY(-180deg);
}

.front1frontFace1_face1PresentationScrMulti2 {
    transform: translate(12vw, -28vh) translateZ(30vw) translateZ(7.875vh);

}

.front1backFace1_face1PresentationScrMulti2 {
    transform: translate(12vw, -28vh) rotateY(180deg) translateZ(-30vw) translateZ(7.875vh);
}
    
.front1topFace1_face1PresentationScrMulti2 {
    transform: translate(12vw, -28vh) rotateX(90deg) translateY(30vw) translateZ(7.875vh);
}

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

}

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

.front1bottomFace1_face1PresentationScrMulti2 {
    transform: translate(12vw, -28vh) rotateX(-90deg) translateY(-30vw) translateZ(7.875vh);
}

/* titreConfigMulti face1TitreConfigMulti */

.faceFront1_face1TitreConfigMulti
{
    width: 5.04vh;
    height: 5.04vh;
}

.faceFront1FrontBack_face1TitreConfigMulti
{
    width: 56vw;
    height: 5.04vh;
}

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

#cubeFront1TitreConfigMulti
{
    transform: rotateY(-180deg);
}

.front1frontFace1_face1TitreConfigMulti2 {
    transform: translate(-16vw, -12.15vh) translateZ(30vw) translateZ(2.52vh);
}

.front1backFace1_face1TitreConfigMulti2 {
    transform: translate(-16vw, -12.15vh) rotateY(180deg) translateZ(-30vw) translateZ(2.52vh);
}
    
.front1topFace1_face1TitreConfigMulti2 {
    transform: translate(-16vw, -12.15vh) rotateX(90deg) translateY(30vw) translateZ(2.52vh);
}

.front1leftFace1_face1TitreConfigMulti2 {
    transform: translate(-50%, -12.15vh) rotateY(-90deg) translateX(30vw) translateZ(16vw);

}

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

.front1bottomFace1_face1TitreConfigMulti2 {
    transform: translate(-16vw, -12.15vh) rotateX(-90deg) translateY(-30vw) translateZ(2.52vh);
}

/* exempleConfigMulti face1ExempleConfigMulti */

.faceFront1_face1ExempleConfigMulti
{
    width: 25.326vh;
    height: 25.326vh;
}

.faceFront1FrontBack_face1ExempleConfigMulti
{
    width: 30.8vw;
    height: 25.326vh;
}

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

#cubeFront1ExempleConfigMulti
{
    transform: rotateY(-180deg);
}

.front1frontFace1_face1ExempleConfigMulti2 {
    transform: translate(-16vw, -7.21vh) translateZ(30vw) translateZ(12.663vh);

}

.front1backFace1_face1ExempleConfigMulti2 {
    transform: translate(-16vw, -7.21vh) rotateY(180deg) translateZ(-30vw) translateZ(12.663vh);
}
    
.front1topFace1_face1ExempleConfigMulti2 {
    transform: translate(-16vw, -7.21vh) rotateX(90deg) translateY(30vw) translateZ(12.663vh);
}

.front1leftFace1_face1ExempleConfigMulti2 {
    transform: translate(-50%, -7.21vh) rotateY(-90deg) translateX(30vw) translateZ(16vw);

}

.front1rightFace1_face1ExempleConfigMulti2 {
    transform: translate(-50%, -7.21vh) rotateY(90deg) translateX(-30vw) translateZ(14.8vw);
}

.front1bottomFace1_face1ExempleConfigMulti2 {
    transform: translate(-16vw, -7.21vh) rotateX(-90deg) translateY(-30vw) translateZ(12.663vh);
}

/* configParameterMulti face1ConfigParameterMulti */

.faceFront1_face1ConfigParameterMulti
{
    width: 42.21vh;
    height: 42.21vh;
}

.faceFront1FrontBack_face1ConfigParameterMulti
{
    width: 25.2vw;
    height: 42.21vh;
}

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

#cubeFront1ConfigParameterMulti
{
    transform: rotateY(-180deg);
}

.front1frontFace1_face1ConfigParameterMulti2 {
    transform: translate(14.8vw, -7.21vh) translateZ(25vw) translateZ(21.105vh);

}

.front1backFace1_face1ConfigParameterMulti2 {
    transform: translate(14.8vw, -7.21vh) rotateY(180deg) translateZ(-25vw) translateZ(21.105vh);
}
    
.front1topFace1_face1ConfigParameterMulti2 {
    transform: translate(14.8vw, -7.21vh) rotateX(90deg) translateY(25vw) translateZ(21.105vh);
}

.front1leftFace1_face1ConfigParameterMulti2 {
    transform: translate(-50%, -7.21vh) rotateY(-90deg) translateX(25vw) translateZ(-14.8vw);

}

.front1rightFace1_face1ConfigParameterMulti2 {
    transform: translate(-50%, -7.21vh) rotateY(90deg) translateX(-25vw) translateZ(40vw);
}

.front1bottomFace1_face1ConfigParameterMulti2 {
    transform: translate(14.8vw, -7.21vh) rotateX(-90deg) translateY(-25vw) translateZ(21.105vh);
}

/* differenceConfigMultiInterval face1DifferenceConfigMultiInterval */

.faceFront1_face1DifferenceConfigMultiInterval
{
    width: 16.884vh;
    height: 16.884vh;
}

.faceFront1FrontBack_face1DifferenceConfigMultiInterval
{
    width: 30.8vw;
    height: 16.884vh;
}

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

#cubeFront1DifferenceConfigMultiInterval
{
    transform: rotateY(-180deg);
}

.front1frontFace1_face1DifferenceConfigMultiInterval2 {
    transform: translate(-16vw, 18.216vh) translateZ(30vw) translateZ(8.442vh);
}

.front1backFace1_face1DifferenceConfigMultiInterval2 {
    transform: translate(-16vw, 18.216vh) rotateY(180deg) translateZ(-30vw) translateZ(8.442vh);
}
    
.front1topFace1_face1DifferenceConfigMultiInterval2 {
    transform: translate(-16vw, 18.216vh) rotateX(90deg) translateY(30vw) translateZ(8.442vh);
}

.front1leftFace1_face1DifferenceConfigMultiInterval2 {
    transform: translate(-50%, 18.216vh) rotateY(-90deg) translateX(30vw) translateZ(16vw);
}

.front1rightFace1_face1DifferenceConfigMultiInterval2 {
    transform: translate(-50%, 18.216vh) rotateY(90deg) translateX(-30vw) translateZ(14.8vw);
}

.front1bottomFace1_face1DifferenceConfigMultiInterval2 {
    transform: translate(-16vw, 18.216vh) rotateX(-90deg) translateY(-30vw) translateZ(8.442vh);
}