.border_paragraphe
{
    /* border: white 1px solid; */
}

#accrocheText
{
    text-align: center;
    height: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80vw;
}

.accrocheText
{
    text-align: center;
    height: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1vh;
}


.placementHorizontal
{
    display: flex;
    height: 80%;
}

.placementColumn
{
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

#infoText
{
    height: 30%;
    padding: 1vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#infoText a
{
    display: inline;
}

.infoText
{
    height: 30%;
    padding: 1vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.infoText a
{
    display: inline;
}


#orderImplementationHTMLText
{
    height: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    
}

#orderImplementationHTMLText p
{
    padding: 2vh;
    text-align: center;
    height: 10%;
}

#orderImplementationHTMLText ul
{
    list-style-type: none;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2vh;
    background-color: rgba(240, 248, 255, 0.5);
    border-radius: 1vh;
}

.orderImplementationHTMLText
{
    height: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    
}

.orderImplementationHTMLText p
{
    padding: 2vh;
    text-align: center;
    height: 10%;
}

.orderImplementationHTMLText ul
{
    list-style-type: none;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2vh;
    border-radius: 1vh;
}


#utilisationText
{
    height: 50%;
    padding: 2vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.utilisationText
{
    height: 50%;
    padding: 2vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

}

#telechargementText
{
    height: 50%;
    padding: 2vh;
}

#telechargementText h2
{
    height: 10%;
    text-align: center;
}

#telechargementText p
{
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#telechargementText p a
{
    width: 70%;
    height: 20%;
    background-color: #264653;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3vh;
    color: aliceblue;
}

.telechargementText
{
    height: 50%;
    padding: 2vh;
}

.telechargementText h2
{
    height: 10%;
    text-align: center;
}

.telechargementText p
{
    height: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.telechargementText p a
{
    width: 70%;
    height: 20%;
    background-color: rgba(240, 248, 255, 0.3);
    backdrop-filter: saturate(120%);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3vh;
    color: aliceblue;
    transition: .2s background linear;
}

.telechargementText p a:hover
{
    background-color: rgba(240, 248, 255, 0.35);
    
}



/* CUBE 3D */

/* AccrocheCube face1AccrocheCube */

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

.faceFront1FrontBack_face1AccrocheCube
{
    width: 80vw;
    height: 14vh;
}

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

#cubeFront1AccrocheCube
{
    
}

.front1frontFace1_face1AccrocheCube2 {
    transform: translate(-50%, -35vh) translateZ(40vw) translateZ(7vh);

}

.front1backFace1_face1AccrocheCube2 {
    transform: translate(-50%, -35vh) rotateY(180deg) translateZ(-40vw) translateZ(7vh);
}
    
.front1topFace1_face1AccrocheCube2 {
    transform: translate(-50%, -35vh) rotateX(90deg) translateY(40vw) translateZ(7vh);
}

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

}

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

.front1bottomFace1_face1AccrocheCube2 {
    transform: translate(-50%, -35vh) rotateX(-90deg) translateY(-40vw) translateZ(7vh);
}

/* infoText face1InfoText */

.faceFront1_face1InfoText
{
    width: 16.8vh;
    height: 16.8vh;
}

.faceFront1FrontBack_face1InfoText
{
    width: 40vw;
    height: 16.8vh;
}

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

#cubeFront1InfoText
{
    
}
/* 
.front1frontFace1_face1InfoText2 {
    transform: translate(-100%,-21vh) translateZ(40vw) translateZ(8.4vh);

}

.front1backFace1_face1InfoText2 {
    transform: translate(-100%,-21vh) rotateY(180deg) translateZ(-40vw) translateZ(8.4vh);
}
    
.front1topFace1_face1InfoText2 {
    transform: translate(-100%,-21vh) rotateX(90deg) translateY(40vw) translateZ(8.4vh);
}

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

}

.front1rightFace1_face1InfoText2 {
    transform: translate(-50%,-21vh) rotateY(90deg) translateX(-40vw) translateZ(0vw);
}

.front1bottomFace1_face1InfoText2 {
    transform: translate(-100%,-21vh) rotateX(-90deg) translateY(-40vw) translateZ(8.4vh);
}

*/


.front1frontFace1_face1InfoText2 {
    transform: translate(-100%,-21vh) translateZ(40vw) translateZ(8.4vh);
}

.front1backFace1_face1InfoText2 {
    transform: translate(-100%,-21vh) rotateY(180deg) translateZ(-40vw) translateZ(8.4vh);
}
    
.front1topFace1_face1InfoText2 {
    transform: translate(-100%,-21vh) rotateX(90deg) translateY(40vw) translateZ(8.4vh);

}

.front1leftFace1_face1InfoText2 {
    transform: translate(-50%,-21vh) rotateY(-90deg) translateX(40vw) translateZ(40vw) /* translateZ(8.4vh) */;
}

.front1rightFace1_face1InfoText2 {
    transform: translate(-50%,-21vh) rotateY(90deg) translateX(-40vw) /* translateZ(0vw) */ /* translateZ(8.4vh) */;

}

.front1bottomFace1_face1InfoText2 {
    transform: translate(-100%,-21vh) rotateX(-90deg) translateY(-40vw) translateZ(8.4vh);
}


/* telechargementText face1TelechargementText */

.faceFront1_face1TelechargementText
{
    width: 28vh;
    height: 28vh;
}

.faceFront1FrontBack_face1TelechargementText
{
    width: 40vw;
    height: 28vh;
}

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

#cubeFront1TelechargementText
{
    
}

.front1frontFace1_face1TelechargementText2 {
    transform: translate(0, -21vh) translateZ(40vw) translateZ(14vh);

}

.front1backFace1_face1TelechargementText2 {
    transform: translate(0, -21vh) rotateY(180deg) translateZ(-40vw) translateZ(14vh);
}
    
.front1topFace1_face1TelechargementText2 {
    transform: translate(0, -21vh) rotateX(90deg) translateY(40vw) translateZ(14vh);
}

.front1leftFace1_face1TelechargementText2 {
    transform: translate(-50%, -21vh) rotateY(-90deg) translateX(40vw) translateZ(0vw);

}

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

.front1bottomFace1_face1TelechargementText2 {
    transform: translate(0, -21vh) rotateX(-90deg) translateY(-40vw) translateZ(14vh);
}

/* utilisationText face1UtilisationText */

.faceFront1_face1UtilisationText
{
    width: 28vh;
    height: 28vh;
}

.faceFront1FrontBack_face1UtilisationText
{
    width: 40vw;
    height: 28vh;
}

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

#cubeFront1UtilisationText
{
    
}

.front1frontFace1_face1UtilisationText2 {
    transform: translate(0, 7vh) translateZ(40vw) translateZ(14vh);
}

.front1backFace1_face1UtilisationText2 {
    transform: translate(0, 7vh) rotateY(180deg) translateZ(-40vw) translateZ(14vh);
}
    
.front1topFace1_face1UtilisationText2 {
    transform: translate(0, 7vh) rotateX(90deg) translateY(40vw) translateZ(14vh);
}

.front1leftFace1_face1UtilisationText2 {
    transform: translate(-50%, 7vh) rotateY(-90deg) translateX(40vw) translateZ(0vw);
}

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

.front1bottomFace1_face1UtilisationText2 {
    transform: translate(0, 7vh) rotateX(-90deg) translateY(-40vw) translateZ(14vh);
}

/* orderImplementationHTMLText face1OrderImplementationHTMLText */

.faceFront1_face1OrderImplementationHTMLText
{
    width: 39.2vh;
    height: 39.2vh;
}

.faceFront1FrontBack_face1OrderImplementationHTMLText
{
    width: 40vw;
    height: 39.2vh;
}

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

#cubeFront1OrderImplementationHTMLText
{
    
}

.front1frontFace1_face1OrderImplementationHTMLText2 {
    transform: translate(-100%,-4.2vh) translateZ(40vw) translateZ(19.5vh);

}

.front1backFace1_face1OrderImplementationHTMLText2 {
    transform: translate(-100%,-4.2vh) rotateY(180deg) translateZ(-40vw) translateZ(19.5vh);
}
    
.front1topFace1_face1OrderImplementationHTMLText2 {
    transform: translate(-100%,-4.2vh) rotateX(90deg) translateY(40vw) translateZ(19.5vh);
}

.front1leftFace1_face1OrderImplementationHTMLText2 {
    transform: translate(-50%,-4.2vh) rotateY(-90deg) translateX(40vw) translateZ(40vw) /* translateZ(19.5vh) */;

}

.front1rightFace1_face1OrderImplementationHTMLText2 {
    transform: translate(-50%,-4.2vh) rotateY(90deg) translateX(-40vw) translateZ(0vw) /* translateZ(19.5vh) */;
}

.front1bottomFace1_face1OrderImplementationHTMLText2 {
    transform: translate(-100%,-4.2vh) rotateX(-90deg) translateY(-40vw) translateZ(19.5vh);
}