#face4TitreDroit
{
    width: 80vw;
    height: 7vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.face4TitreDroit
{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

#UtilisationHorizontal
{
    width: 80vw;
    height: 17.5vh;
    display: flex;
}

#UtilisationUtilisateur, #VenteEffect
{
    flex: 1;
    /* width: 40vw, height: 17.5vh */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 2vh;

}

#UtilisationUtilisateur h3, #VenteEffect h3
{
    text-align: center;
}

#UtilisationUtilisateur p, #VenteEffect p
{
    text-align: center;
}

#VenteEffect
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#VenteEffect h3
{
    height: 20%;
}

#VenteEffect p
{
    padding-top: 3vh;
    width: 80%;
    height: 80%;

}

.UtilisationUtilisateur, .VenteEffect
{
    /* width: 40vw, height: 17.5vh */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 2vh;

}

.UtilisationUtilisateur h3, .VenteEffect h3
{
    text-align: center;
}

.UtilisationUtilisateur p, .VenteEffect p
{
    text-align: center;
}

.VenteEffect
{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.VenteEffect h3
{
    height: 20%;
}

.VenteEffect p
{
    padding-top: 3vh;
    width: 80%;
    height: 80%;

}


#Interdiction
{
    height: 10.5vh;
    padding: 2vh;
    display: flex;
    align-items: center;
}

#Interdiction h3
{
    width: 15%;
    padding: 2vh;
}

#Interdiction p
{
    text-align: center;
    color: rgb(197, 18, 18);
}

.Interdiction
{
    padding: 2vh;
    display: flex;
    align-items: center;
}

.Interdiction h3
{
    width: 15%;
    padding: 2vh;
}

.Interdiction p
{
    text-align: center;
    color: rgb(197, 18, 18);
}

#protectionDetE
{
    width: 80vw;
    height: 21vh;
    display: flex;
}

#Protection
{
    width: 40vw;
    height: 21vh;
    padding: 2vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

#Protection p
{
    text-align: center;

}

.Protection
{
    width: 40vw;
    height: 21vh;
    padding: 2vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.Protection p
{
    text-align: center;

}


#DetE
{
    width: 40vw;
    height: 21vh;
}

#InfoBrevet, #LienBrevet
{
    width: 40vw;
    padding: 2vh;
}

#InfoBrevet
{
    height: 14vh;
    display: flex;
    align-items: center;
}

#LienBrevet
{
    height: 7vh;
}

#LienBrevet ul
{
    width: 40vw;
    display: flex;
}

#LienBrevet li
{
    text-align: center;
}

.InfoBrevet, .LienBrevet
{
    padding: 2vh;
}

.InfoBrevet
{
    height: 14vh;
    display: flex;
    align-items: center;
}

.LienBrevet
{
    height: 7vh;
}

.LienBrevet ul
{
    width: inherit;
    display: flex;
    justify-content: center;
}

.LienBrevet li
{
    width: auto;
    /* text-align: center; */
}

#lienGenerator
{
    width: 35%;
}

#lienIDS
{
    width: 65%;
}

#footerCopyright
{
    width: 80vw;
    height: 14vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footerCopyright
{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* face4TitreDroit face1face4TitreDroit */

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

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

#cubeFront1face4TitreDroit
{
    transform: rotateY(-270deg);
}

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

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

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

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

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

/* UtilisationUtilisateur face1UtilisationUtilisateur */

.faceFront1_face1UtilisationUtilisateur
{
    width: 17.5vh;
    height: 17.5vh;
}

.faceFront1FrontBack_face1UtilisationUtilisateur
{
    width: 40vw;
    height: 17.5vh;
}

#cubeFront1UtilisationUtilisateur
{
    transform: rotateY(-270deg);
}

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

}

.front1backFace1_face1UtilisationUtilisateur2 {
    transform: translate(-40vw, -28vh) rotateY(180deg) translateZ(-30vw) translateZ(8.75vh);
}
    
.front1topFace1_face1UtilisationUtilisateur2 {
    transform: translate(-40vw, -28vh) rotateX(90deg) translateY(30vw) translateZ(8.75vh);
}

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

}

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

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

/* VenteEffect face1VenteEffect */

.faceFront1_face1VenteEffect
{
    width: 17.5vh;
    height: 17.5vh;
}

.faceFront1FrontBack_face1VenteEffect
{
    width: 40vw;
    height: 17.5vh;
}

#cubeFront1VenteEffect
{
    transform: rotateY(-270deg);
}

.front1frontFace1_face1VenteEffect2 {
    transform: translate(0, -28vh) translateZ(30vw) translateZ(8.75vh);

}

.front1backFace1_face1VenteEffect2 {
    transform: translate(0, -28vh) rotateY(180deg) translateZ(-30vw) translateZ(8.75vh);
}
    
.front1topFace1_face1VenteEffect2 {
    transform: translate(0, -28vh) rotateX(90deg) translateY(30vw) translateZ(8.75vh);
}

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

}

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

.front1bottomFace1_face1VenteEffect2 {
    transform: translate(0, -28vh) rotateX(-90deg) translateY(-30vw) translateZ(8.75vh);
}

/* Interdiction face1Interdiction */

.faceFront1_face1Interdiction
{
    width: 10.5vh;
    height: 10.5vh;
}

.faceFront1FrontBack_face1Interdiction
{
    width: 80vw;
    height: 10.5vh;
}

#cubeFront1Interdiction
{
    transform: rotateY(-270deg);
}

.front1frontFace1_face1Interdiction2 {
    transform: translate(-50%, -10.5vh) translateZ(30vw) translateZ(5.25vh);
}

.front1backFace1_face1Interdiction2 {
    transform: translate(-50%, -10.5vh) rotateY(180deg) translateZ(-30vw) translateZ(5.25vh);
}
    
.front1topFace1_face1Interdiction2 {
    transform: translate(-50%, -10.5vh) rotateX(90deg) translateY(30vw) translateZ(5.25vh);
}

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

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

.front1bottomFace1_face1Interdiction2 {
    transform: translate(-50%, -10.5vh) rotateX(-90deg) translateY(-30vw) translateZ(5.25vh);
}

/* Protection face1Protection */

.faceFront1_face1Protection
{
    width: 21vh;
    height: 21vh;
}

.faceFront1FrontBack_face1Protection
{
    width: 40vw;
    height: 21vh;
}

#cubeFront1Protection
{
    transform: rotateY(-270deg);
}

.front1frontFace1_face1Protection2 {
    transform: translate(-40vw, 0) translateZ(30vw) translateZ(10.5vh);

}

.front1backFace1_face1Protection2 {
    transform: translate(-40vw, 0) rotateY(180deg) translateZ(-30vw) translateZ(10.5vh);
}
    
.front1topFace1_face1Protection2 {
    transform: translate(-40vw, 0) rotateX(90deg) translateY(30vw) translateZ(10.5vh);
}

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

}

.front1rightFace1_face1Protection2 {
    transform: translate(-50%, 0) rotateY(90deg) translateX(-30vw) translateZ(0);
}

.front1bottomFace1_face1Protection2 {
    transform: translate(-40vw, 0) rotateX(-90deg) translateY(-30vw) translateZ(10.5vh);
}

/* InfoBrevet face1InfoBrevet */

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

.faceFront1FrontBack_face1InfoBrevet
{
    width: 40vw;
    height: 14vh;
}

#cubeFront1InfoBrevet
{
    transform: rotateY(-270deg);
}

.front1frontFace1_face1InfoBrevet2 {
    transform: translate(0, 0) translateZ(30vw) translateZ(7vh);
}

.front1backFace1_face1InfoBrevet2 {
    transform: translate(0, 0) rotateY(180deg) translateZ(-30vw) translateZ(7vh);
}
    
.front1topFace1_face1InfoBrevet2 {
    transform: translate(0, 0) rotateX(90deg) translateY(30vw) translateZ(7vh);
}

.front1leftFace1_face1InfoBrevet2 {
    transform: translate(-50%, 0) rotateY(-90deg) translateX(30vw) translateZ(0);
}

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

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

/* LienBrevet face1LienBrevet */

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

.faceFront1FrontBack_face1LienBrevet
{
    width: 40vw;
    height: 7vh;
}

#cubeFront1LienBrevet
{
    transform: rotateY(-270deg);
}

.front1frontFace1_face1LienBrevet2 {
    transform: translate(0, 14vh) translateZ(30vw) translateZ(3.5vh);
}

.front1backFace1_face1LienBrevet2 {
    transform: translate(0, 14vh) rotateY(180deg) translateZ(-30vw) translateZ(3.5vh);
}
    
.front1topFace1_face1LienBrevet2 {
    transform: translate(0, 14vh) rotateX(90deg) translateY(30vw) translateZ(3.5vh);
}

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

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

.front1bottomFace1_face1LienBrevet2 {
    transform: translate(0, 14vh) rotateX(-90deg) translateY(-30vw) translateZ(3.5vh);
}

/* footerCopyright face1footerCopyright */

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

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

#cubeFront1footerCopyright
{
    transform: rotateY(-270deg);
}

.front1frontFace1_face1footerCopyright2 {
    transform: translate(-50%, 21vh) translateZ(30vw) translateZ(7vh);
}

.front1backFace1_face1footerCopyright2 {
    transform: translate(-50%, 21vh) rotateY(180deg) translateZ(-30vw) translateZ(7vh);
}
    
.front1topFace1_face1footerCopyright2 {
    transform: translate(-50%, 21vh) rotateX(90deg) translateY(30vw) translateZ(7vh);
}

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

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

.front1bottomFace1_face1footerCopyright2 {
    transform: translate(-50%, 21vh) rotateX(-90deg) translateY(-30vw) translateZ(7vh);
}
