/* Bouton */
.widget_sow-opensection {
    background-color : white;
    font-size        : 1.6em;
    cursor           : pointer;
}

.closeButton {
    cursor : pointer;
}

.widget_sow-opensection a {
    display : block;
}

.widget_sow-opensection img {
    width   : 100%;
    height  : auto;
    display : block;
}

.widget_sow-opensection > div > div {
    height          : 100%;
    background-size : cover;
}

.AbsoluteTopLeft {
    position : absolute;
    top      : 0;
    left     : 0;
    z-index  : 1000;
}

.AbsoluteTopRight {
    position : absolute;
    top      : 0;
    right    : 0;
    z-index  : 1000;
}

.AbsoluteBottomLeft {
    position : absolute;
    bottom   : 0;
    left     : 0;
    z-index  : 1000;
}

.AbsoluteBottomRight {
    position : absolute;
    bottom   : 0;
    right    : 0;
    z-index  : 1000;
}

.FixedTopLeft {
    position : fixed;
    top      : 0;
    left     : 0;
    z-index  : 20000;
}

.FixedTopRight {
    position : fixed;
    top      : 0;
    right    : 0;
    z-index  : 20000;
}

.FixedBottomLeft {
    position : fixed;
    bottom   : 0;
    left     : 0;
    z-index  : 20000;
}

.FixedBottomRight {
    position : fixed;
    bottom   : 0;
    right    : 0;
    z-index  : 20000;
}

/* /Bouton */

/* 3D */
.sidebarLeft3DRight33Area,
.sidebarLeft3DRight50Area,
.sidebarLeft3DRight66Area,
.sidebarLeft3DRight100Area {
    position                   : fixed;
    overflow                   : auto;
    top                        : 0;
    left                       : -33vw;
    height                     : 0;
    width                      : 33vw;
    z-index                    : 9000;
    opacity                    : 0;
    transition-property        : opacity, left, height, width;
    transition-duration        : .5s, .5s, 0s, 0s;
    transition-delay           : 0s, 0s, 1s, 1s;
    transition-timing-function : ease-out;
}

.sidebarLeft3DRight50Area {
    left  : -50vw;
    width : 50vw;
}

.sidebarLeft3DRight66Area {
    left  : -66vw;
    width : 66vw;
}

.sidebarLeft3DRight100Area {
    left             : -100vw;
    width            : 100vw;
    background-color : rgba(0, 0, 0, .5);
}

.sidebarLeft3DRight33AreaAnimation,
.sidebarLeft3DRight50AreaAnimation,
.sidebarLeft3DRight66AreaAnimation,
.sidebarLeft3DRight100AreaAnimation {
    left                       : 0;
    height                     : 100vh;
    opacity                    : 1;
    transition-property        : opacity, left, height, width;
    transition-duration        : .5s, .5s, 0s, 0s;
    transition-delay           : .15s, .15s, 0s, 0s;
    transition-timing-function : ease-out;
}

@keyframes sidebarLeft3D {
    0% {
        overflow    : hidden;
        perspective : 100vw;
    }
    100% {
        overflow    : auto;
        perspective : none;
    }
}

.sidebarLeft3DRight33,
.sidebarLeft3DRight50,
.sidebarLeft3DRight66,
.sidebarLeft3DRight100 {
    height    : 100vh;
    animation : sidebarLeft3D 1.75s;
}

@keyframes sidebarLeft3DAnimation {
    0% {
        perspective : 100vw;
    }
    100% {
        perspective : 100vw;
    }
}

.sidebarLeft3DRight33Animation,
.sidebarLeft3DRight50Animation,
.sidebarLeft3DRight66Animation,
.sidebarLeft3DRight100Animation {
    position            : fixed;
    width               : 100vw;
    overflow            : hidden;
    animation           : sidebarLeft3DAnimation .5s;
    animation-fill-mode : forwards;
}

.sidebarLeft3DRight33 .siteweb,
.sidebarLeft3DRight50 .siteweb,
.sidebarLeft3DRight66 .siteweb,
.sidebarLeft3DRight100 .siteweb {
    position                   : absolute;
    transition-property        : transform, position;
    transition-duration        : .5s, 0s;
    transition-delay           : 0s, 1s;
    transition-timing-function : ease-out;
    max-width                  : 100vw;
}

.sidebarLeft3DRight33Animation .siteweb,
.sidebarLeft3DRight50Animation .siteweb,
.sidebarLeft3DRight66Animation .siteweb,
.sidebarLeft3DRight100Animation .siteweb {
    position            : absolute;
    width               : 100%;
    height              : 100%;
    overflow            : auto;
    overflow-x          : hidden;
    backface-visibility : hidden;
}

.sidebarLeft3DRight33Animation .siteweb {
    transform : translateZ(0px) translateX(15vw) rotateY(-50deg);
}

.sidebarLeft3DRight50Animation .siteweb {
    transform : translateZ(0px) translateX(40vw) rotateY(-50deg);
}

.sidebarLeft3DRight66Animation .siteweb {
    transform : translateZ(0px) translateX(57vw) rotateY(-50deg);
}

.sidebarLeft3DRight100Animation .siteweb {
    transform : translateZ(0px) translateX(15vw) rotateY(-50deg);
}

@media only screen and (max-width : 800px) {
    .sidebarLeft3DRight33Area,
    .sidebarLeft3DRight50Area,
    .sidebarLeft3DRight66Area,
    .sidebarLeft3DRight100Area {
        width : 75vw;
    }

    .sidebarLeft3DRight33Animation .siteweb,
    .sidebarLeft3DRight50Animation .siteweb,
    .sidebarLeft3DRight66Animation .siteweb,
    .sidebarLeft3DRight100Animation .siteweb {
        transform : translateZ(0px) translateX(75%) rotateY(-50deg);
    }
}

/* /3D */

/* Overlay */
.overlayAreaAnimation {
    overflow : hidden;
}

.overlayArea {
    position         : fixed;
    overflow         : auto;
    background-color : rgba(0, 0, 0, .75);
    z-index          : 9000;
    top              : -100vh;
    left             : -100vw;
    height           : 100vh;
    width            : 100vw;
    opacity          : 0;
    transition       : opacity .5s ease-out, top 0s ease-out, left 0s ease-out;
}

.overlayAreaAnimation {
    top        : 0;
    left       : 0;
    opacity    : 1;
    transition : opacity .5s ease-out .15s, top 0s ease-out, left 0s ease-out;
}

/* /Overlay */

/* Overlay Left */
.overlayLeftAreaAnimation {
    overflow : hidden;
}

.overlayLeftArea {
    position         : fixed;
    overflow         : auto;
    top              : 0;
    background-color : rgba(0, 0, 0, .75);
    z-index          : 9000;
    left             : -100vw;
    height           : 0;
    width            : 100vw;
    opacity          : 0;
    transition       : opacity .5s ease-out, left .5s ease-out, height 0s ease-out 1s;
}

.overlayLeftAreaAnimation {
    left       : 0;
    height     : 100vh;
    opacity    : 1;
    transition : opacity .5s ease-out .15s, left .5s ease-out .15s, height 0s ease-out 0s;
}

/* /Overlay Left */

/* Overlay Diagonal Left */
.overlayDiagonalLeftAreaAnimation {
    overflow : hidden;
}

.overlayDiagonalLeftArea {
    position         : fixed;
    overflow         : auto;
    background-color : rgba(0, 0, 0, .75);
    z-index          : 9000;
    top              : -100vh;
    left             : -100vw;
    height           : 100vh;
    width            : 100vw;
    opacity          : 0;
    transition       : opacity .5s ease-out, top .5s ease-out, left .5s ease-out;
}

.overlayDiagonalLeftAreaAnimation {
    top        : 0;
    left       : 0;
    opacity    : 1;
    transition : opacity .5s ease-out .15s, top .5s ease-out .15s, left .5s ease-out .15s;
}

/* /Overlay Diagonal Left */

/* Overlay Right */
.overlayRightAreaAnimation {
    overflow : hidden;
}

.overlayRightArea {
    position         : fixed;
    overflow         : auto;
    top              : 0;
    background-color : rgba(0, 0, 0, .75);
    z-index          : 9000;
    left             : 100vw;
    height           : 0;
    width            : 100vw;
    opacity          : 0;
    transition       : opacity .5s ease-out, left .5s ease-out, height 0s ease-out 1s;
}

.overlayRightAreaAnimation {
    left       : 0;
    height     : 100vh;
    opacity    : 1;
    transition : opacity .5s ease-out .15s, left .5s ease-out .15s, height 0s ease-out 0s;
}

/* /Overlay Right */

/* Overlay Diagonal Right */
.overlayDiagonalRightAnimation {
    overflow : hidden;
}

.overlayDiagonalRightArea {
    position         : fixed;
    overflow         : auto;
    background-color : rgba(0, 0, 0, .75);
    z-index          : 9000;
    top              : -100vh;
    left             : 100vw;
    height           : 100vh;
    width            : 100vw;
    opacity          : 0;
    transition       : opacity .5s ease-out, top .5s ease-out, left .5s ease-out;
}

.overlayDiagonalRightAreaAnimation {
    top        : 0;
    left       : 0;
    opacity    : 1;
    transition : opacity .5s ease-out .15s, top .5s ease-out .15s, left .5s ease-out .15s;
}

/* /Overlay Diagonal Right */

/* Sidebar Left 25 */
.sidebarLeft25Area {
    position         : fixed;
    overflow         : auto;
    top              : 0;
    background-color : rgba(0, 0, 0, .75);
    z-index          : auto;
    left             : -25%;
    height           : 100vh;
    width            : 25vw;
    transition       : left .7s ease-in-out 0s;
}

.sidebarLeft25Area.sidebarLeft25AreaAnimation {
    left : 0;
}

.sidebarLeft25Area.sidebarLeft25 .siteweb {
    margin-left : 0;
}

@media only screen and (min-width : 1200px) {
    .sidebarLeft25Area.sidebarLeft25Animation .siteweb {
        margin-left : 25%;
    }
}

/* /Sidebar Left 25 */

/* Sidebar Right 25 */
.sidebarRight25Area {
    position         : fixed;
    overflow         : auto;
    top              : 0;
    background-color : rgba(0, 0, 0, .75);
    z-index          : auto;
    left             : 100vw;
    height           : 100vh;
    width            : 25vw;
    transition       : left .7s ease-in-out 0s;
}

.sidebarRight25Area.sidebarRight25AreaAnimation {
    left : 75%;
}

.sidebarRight25Area.sidebarRight25 .siteweb {
    margin-right : 0;
}

.sidebarRight25Area.sidebarRight25Animation .siteweb {
    margin-right : 25%;
}

/* /Sidebar Right 25 */

/*
 Correctif pour l'admin
 */

.admin-bar .sidebarLeft3DRight33Area,
.admin-bar .sidebarLeft3DRight50Area,
.admin-bar .sidebarLeft3DRight66Area,
.admin-bar .sidebarLeft3DRight100Area,
.admin-bar .overlayLeftArea,
.admin-bar .overlayRightArea,
.admin-bar .overlayAreaAnimation,
.admin-bar .overlayDiagonalLeftAreaAnimation,
.admin-bar .overlayDiagonalRightAreaAnimation,
.admin-bar .sidebarLeft25Area,
.admin-bar .sidebarRight25Area {
    top : 32px;
}