html,
            body {
                height: 100%;
            }
            
            .cgu{
                font-size: 10px;
            }
            .info{
                text-align: center;
            }
            .wrapper {
                position: relative;
                background-size: cover;
                position: relative;
                width: 100%;
                height: 100vh;
                overflow: hidden;
            }
            
            .wrapper.home {
                background-image: url("../images/accueil.png");
                background-position-x: 50%;
                background-position-y: 31%;
            }
            
            .wrapper.home.lang_fr {
                background-image: url("../images/accueil.png");
                background-position-x: 50%;
                background-position-y: 31%;
            }
            
            .wrapper.home.lang_en {
                background-image: url("../images/accueil.png");
                background-position-x: 50%;
                background-position-y: 31%;
            }
            
            .wrapper.audit {
                background-image: url("../images/auditorium.png");
                background-position-x: 49.5%;
                background-position-y: 50%;
            }
            .wrapper.partenaire {
                background-image: url("../images/partenaires.png");
                background-position-x: 50%;
                background-position-y: 31%;
            }
            
            .wrapper.replay .content {
                height: 100%;
            }
            
            .wrapper.replay .content .bg {
                background: #000;
                opacity: .85;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0px;
                left: 0;
            }
            
            .wrapper.workshop .content {
                height: 100%;
            }
            
            .wrapper.home.admin .container {
                height: 100%;
            }
            
            #announce {
                background: #fff;
                height: calc(100% - 2rem - 64px);
                margin-top: 1rem;
                text-align: center;
                padding: 5rem;
            }
            
            #announce textarea {
                width: 100%;
                height: 350px;
            }
            .tawk-button{
                background-color: #564362 !important;
            }
            .l-shipper,
            .r-shipper {
                position: fixed;
                display: none;
                width: 360px;
                background: #d05452;
                color: #fff;
                font-size: 1.5em;
                text-transform: uppercase;
                font-weight: 100;
                -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
            }
            
            .l-shipper {
                left: -40px;
            }
            
            .r-shipper {
                right: -40px;
            }
            
            .floor-1 {
                top: 20px;
            }
            
            .floor-2 {
                top: 120px;
            }
            
            .floor-3 {
                top: 220px;
            }
            
            .floor-4 {
                top: 320px;
            }
            
            .floor-5 {
                top: 420px;
            }
            
            .l-shipper div {
                padding: 20px 20px 20px 0px;
                text-align: right;
            }
            
            .r-shipper div {
                padding: 20px 0px 20px 20px;
                text-align: left;
            }
            
            .l-shipper:hover,
            .r-shipper:hover {
                text-decoration: none;
                color: #fff;
                -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
            }
            
            .l-shipper div span {
                display: block;
                font-size: 0.4em;
                vertical-align: middle;
                margin-left: 5px;
                position: absolute;
                top: 12px;
                right: 40px;
            }
            
            .r-shipper div span {
                display: block;
                font-size: 0.4em;
                vertical-align: middle;
                margin-right: 5px;
                position: absolute;
                top: 12px;
                left: 40px;
            }
            
            .l-shipper div .fas,
            .r-shipper div .fas {
                transition-property: margin;
                transition-duration: 0.75s;
            }
            
            .l-shipper div .fas {
                margin-right: 20px;
            }
            
            .l-shipper:hover div .fas {
                margin-right: 40px;
            }
            
            .r-shipper div .fas {
                margin-left: 20px;
            }
            
            .r-shipper:hover div .fas {
                margin-left: 40px;
            }
            
            #logo_partenaires {
                position: absolute;
                width: 320px;
                height: 230px;
                right: 0;
                bottom: 64px;
                background: #fff;
            }
            
            #logo_partenaires img {
                width: 100%;
            }
            
            .container.live {
                padding-top: 20px;
                height: 100%;
                position: relative;
            }
            
            .container.workshop {
                padding-top: 20px;
                height: 100%;
            }
            
            .container.workshop_menu {
                padding: 130px 0 100px 0;
            }
            
            .container.replay {
                height: 100vh;
                padding: 0px;
                position: relative;
            }
            
            .container.replay .bg {
                width: 100%;
                height: 100%;
                background: #30565e;
                opacity: 0.95;
            }
            
            .video_wrapper {
                height: 100%;
                overflow: scroll;
                position: relative;
                padding: 0px 4rem;
            }
            
            #details {
                color: #fff;
                position: relative;
                padding: 1rem 0 80px;
            }
            
            #details h3 {
                margin-top: 1rem;
            }
            
            #details .timeline .schedule {
                display: none;
            }
            
            #go2next {
                position: absolute;
                font-size: 1.4rem;
                top: 0;
                right: -3rem;
                line-height: calc(50vh + 4rem);
                height: 100%;
                border-radius: 0;
                background: none;
                border-color: transparent;
                border-left-color: #d05452;
                color: #d05452;
            }
            
            #go2prev {
                position: absolute;
                font-size: 1.4rem;
                top: 0;
                left: -3rem;
                line-height: calc(50vh + 4rem);
                height: 100%;
                border-radius: 0;
                background: none;
                border-color: transparent;
                border-right-color: #d05452;
                color: #d05452;
            }
            
            #go2next:hover,
            #go2prev:hover {
                background: #57afcd;
                color: #fff;
            }
            
            .card {
                border: none;
            }
            
            .container.replay .content {
                position: absolute;
                top: 74px;
                left: 0;
                height: 100%;
                width: 100%;
                padding: 50px 50px 100px;
                color: #fff;
            }
            
            .container.replay .row>div {
                margin-top: 15px;
                margin-bottom: 15px;
            }
            
            .container.replay h1 {
                font-weight: 200;
                font-size: 3.3rem;
                margin: 0;
            }
            
            .container.replay h1 button {
                padding: .75rem 1.25rem;
                font-size: 1.8rem;
                font-weight: 200;
            }
            
            .container.replay h1 button .fa-caret:before {
                content: "\f0d7";
                margin-right: 1rem;
                width: 10px;
            }
            
            .container.replay h1 button.collapsed .fa-caret:before {
                content: "\f0da";
            }
            
            .container.replay .card-header {
                padding: 0;
            }
            
            .container.replay .plans h1,
            .container.replay .basket h1 {
                margin-top: 1rem;
            }
            
            .replay .thumbnail {
                position: relative;
            }
            
            .replay .thumbnail img {
                width: 100%;
                height: auto;
                -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
            }
            
            .replay .thumbnail div {
                position: absolute;
                top: -3.6vh;
                left: 0;
                color: #fff;
                font-size: 1.0rem;
                font-weight: 800;
                padding: 3vh;
            }
            
            .replay .thumbnail div strong {
                font-size: 1.0rem;
                font-weight: 800;
            }
            
            .replay .thumbnail div span {
                font-size: 0.9rem;
                font-weight: 400;
            }
            
            .thumb_wrapper {
                position: relative;
            }
            
            .thumb_wrapper .action {
                background: #fff;
                padding: 0px;
                color: #2d86a3;
                font-size: 1rem;
                text-align: right;
            }
            
            .action .price,
            .action .clock {
                color: #2d86a3;
                font-size: 1rem;
                font-weight: 200;
                line-height: 1.5;
                padding: .375rem .750rem;
                border: 1px solid #2d86a3;
                vertical-align: middle;
                display: inline-block;
                border-radius: .25rem 0 0 .25rem;
            }
            
            .action .clock span {
                font-size: 0.85em;
            }
            
            .action .btn {
                border-radius: 0 .25rem .25rem 0;
            }
            
            .action .btn:first-child {
                border-radius: .25rem;
            }
            
            .thumb_wrapper .action .btn {
                width: 100%;
                border-radius: 0 0 .25rem .25rem;
            }
            
            .right {
                float: right;
            }
            
            .right .btn {
                margin-left: .25rem;
            }
            
            h1 .action .price {
                color: #fff;
            }
            
            .plans .btn i,
            .thumb_wrapper .action i {
                margin-right: 13px;
            }
            
            #jitsi_container {
                height: calc(100% - 90px);
            }
            
            .workshop-item {
                position: relative;
                margin-bottom: 1rem;
            }
            
            .workshop-item .bg {
                position: absolute;
                background: #fff;
                opacity: .9;
                border-top: 8px solid #3dbdd8;
                height: 100%;
                width: 100%;
            }
            
            .workshop-item .dt {
                position: relative;
                padding: 2rem;
            }
            
            .workshop-item .date,
            .workshop-item .time {
                float: left;
                margin: 0 1rem 1rem 0;
                font-size: 1.2em;
            }
            
            .workshop-item h2 {
                clear: both;
                margin: 1rem 0;
            }
            
            .workshop-item .locked {
                font-style: italic;
                color: #2f4f4f;
            }
            
            #kakemono_left {
                width: 320px;
                height: 560px;
                line-height: 560px;
                position: absolute;
                top: 128px;
                left: 0px;
                opacity: 1;
                text-align: center;
                padding: 0 0rem;
            }
            
            #kakemono_right {
                width: 320px;
                height: 560px;
                line-height: 560px;
                position: absolute;
                top: 14px;
                right: 0px;
                opacity: 1;
                text-align: center;
                padding: 0 0rem;
                transition-property: right;
                transition-duration: 0.75s;
            }
            
            #kakemono_right #questions {
                text-align: left;
                overflow: scroll;
                height: 100%;
                scroll-behavior: smooth;
            }
            
            #kakemono_right #questions p {
                font-size: 0.9em;
                transition-duration: 0.75s;
            }
            
            #kakemono_right #questions p .u {
                font-weight: 700;
                font-size: 0.85em;
                color: #3dbdd8;
            }
            
            .container.tchat {
                height: 100%;
                max-width: calc(100% - 680px);
                position: absolute;
                top: 0;
                left: 340px;
            }
            
            .container.tchat .content {
                margin-top: 20px;
                height: calc(100% - 100px);
                background: #fff;
                position: relative;
            }
            
            .container.tchat .row,
            .container.tchat .row>div {
                height: 100%;
            }
            
            .container.tchat .wrapper_users {
                background: #19798c;
                color: #fff;
                height: 100%;
            }
            
            .container.tchat #users {
                height: calc(100%);
                overflow: scroll;
            }
            
            .container.tchat #users label {
                display: block;
                padding: 1rem;
                cursor: pointer;
                border-bottom: 1px solid #00859f;
                position: relative;
            }
            
            .container.tchat #users label:hover,
            .container.tchat #users label.active {
                background: #3dbdd8;
            }
            
            .container.tchat #users label i {
                margin-right: 0.75rem;
                color: #00859f;
            }
            
            .container.tchat #users label .newmsg {
                position: absolute;
                right: 20px;
                top: 1rem;
                display: none;
            }
            
            .container.tchat #users label .newmsg i.fas {
                color: #3dbdd8!important;
            }
            
            .container.tchat #users label input[type=radio] {
                display: none;
            }
            
            .container.tchat #messages {
                height: calc(100% - 100px);
                padding: 1rem;
                overflow: scroll;
            }
            
            .container.tchat #messages p span.u {
                font-size: 0.75em;
                font-weight: bold;
                color: #b8b1b3;
            }
            
            .container.tchat #messages p.sent {
                text-align: right;
            }
            
            .container.tchat #sender {
                padding-right: 30px;
            }
            
            .container.tchat #sender textarea {
                resize: none;
            }
            
            .container.tchat #sender button {
                border-color: #3dbdd8;
            }
            
            .container.tchat #sender button:hover {
                border-color: #ffcd16;
            }
            
            @media only screen and (min-width: 2560px) {
                .container.live {
                    padding-top: 20px;
                    width: calc(100% - 650px);
                }
                .container.replay {
                    width: calc(100% - 650px);
                }
                #navigation {
                    float: right;
                    margin-right: 120px;
                }
            }
            
            @media only screen and (max-width: 2600px) {
                .container.live {
                    padding-top: 20px;
                    width: calc(100% - 650px);
                }
                .container.replay {
                    width: calc(100% - 650px);
                }
                #navigation {
                    float: right;
                    margin-right: 65px;
                }
            }
            
            @media only screen and (min-width: 1600px) and (max-width: 1919px) {
                .container.live {
                    padding-top: 20px;
                    width: calc(100% - 650px);
                }
                .container.replay {
                    width: calc(100% - 650px);
                }
            }
            
            @media only screen and (min-width: 1600px) and (max-width: 1799px) {
                .replay .thumbnail div {
                    font-size: 1rem;
                    top: -2.2vh;
                    padding: 2vh;
                    line-height: 1.2;
                }
                .replay .thumbnail div strong {
                    font-size: 1.5rem;
                }
            }
            
            @media only screen and (min-width: 1440px) and (max-width: 1599px) {
                .l-shipper,
                .r-shipper {
                    width: 240px;
                    font-size: 1em;
                }
                .l-shipper {
                    left: 0px;
                }
                .r-shipper {
                    right: 0px;
                }
                .floor-1 {
                    top: 20px;
                }
                .floor-2 {
                    top: 100px;
                }
                .floor-3 {
                    top: 180px;
                }
                .floor-4 {
                    top: 260px;
                }
                .floor-5 {
                    top: 340px;
                }
                #logo_partenaires {
                    width: 240px;
                    height: 172px;
                }
                .container.tchat {
                    max-width: calc(100% - 500px);
                    position: absolute;
                    top: 0;
                    left: 250px;
                }
                .container.live {
                    width: calc(100% - 500px);
                }
                .container.replay {
                    width: calc(100% - 500px);
                }
                .replay .thumbnail div {
                    font-size: 1rem;
                    padding: 1vh;
                    line-height: 1.2;
                    top: -1.3vh;
                }
                .replay .thumbnail div strong {
                    font-size: 1.5rem;
                }
                .replay .thumbnail div span {
                    font-size: 0.8rem;
                }
                #kakemono_left {
                    width: 240px;
                    height: 470px;
                    line-height: 470px;
                    top: 100px
                }
                #kakemono_right {
                    width: 240px;
                    height: 470px;
                    top: 42px;
                }
            }
            
            @media only screen and (min-width: 1280px) and (max-width: 1439px) {
                .l-shipper,
                .r-shipper {
                    width: 210px;
                    font-size: 1.0em;
                    font-weight: 400;
                }
                .container.live {
                    width: calc(100% - 440px);
                }
                .container.replay {
                    width: calc(100% - 440px);
                }
                .replay .thumbnail div {
                    font-size: 0.9rem;
                    padding: 1vh;
                    line-height: 1.1;
                    top: -1.2vh;
                }
                .replay .thumbnail div strong {
                    font-size: 1.5rem;
                }
                .replay .thumbnail div span {
                    font-size: 0.8rem;
                }
                .l-shipper {
                    left: 0px;
                }
                .r-shipper {
                    right: 0px;
                }
                .floor-1 {
                    top: 20px;
                }
                .floor-2 {
                    top: 90px;
                }
                .floor-3 {
                    top: 160px;
                }
                .floor-4 {
                    top: 230px;
                }
                .floor-5 {
                    top: 300px;
                }
                #logo_partenaires {
                    width: 210px;
                    height: 151px;
                }
                .container.tchat {
                    max-width: calc(100% - 440px);
                    position: absolute;
                    top: 0;
                    left: 220px;
                }
                .container.live {
                    padding-top: 104px;
                    width: calc(100% - 440px);
                }
                #kakemono_left {
                    width: 210px;
                    height: 457px;
                    line-height: 457px;
                    top: 104px;
                }
                #kakemono_right {
                    width: 210px;
                    height: 457px;
                    top: 14px;
                }
            }
            
            @media only screen and (max-width: 1279px) {
                .l-shipper,
                .r-shipper {
                    width: 210px;
                    font-size: 1.0em;
                    font-weight: 400;
                }
                .l-shipper {
                    left: 0px;
                }
                .r-shipper {
                    right: 0px;
                }
                .floor-1 {
                    top: 20px;
                }
                .floor-2 {
                    top: 90px;
                }
                .floor-3 {
                    top: 160px;
                }
                .floor-4 {
                    top: 230px;
                }
                .floor-5 {
                    top: 300px;
                }
                #logo_partenaires {
                    width: 210px;
                    height: 151px;
                }
                .container.tchat {
                    max-width: calc(100% - 440px);
                    position: absolute;
                    top: 0;
                    left: 220px;
                }
                .container.live {
                    width: 100%;
                }
                .container.replay {
                    width: 100%;
                }
                .container.replay .content {
                    padding: 90px 20px 70px;
                }
                #kakemono_left,
                #kakemono_right {
                    display: none;
                }
            }
            
            @media only screen and (max-width: 1199px) {
                .replay .thumbnail div {
                    font-size: 1.1rem;
                    top: -2vh;
                    padding: 1.6vh;
                    line-height: 1.2;
                }
                .replay .thumbnail div strong {
                    font-size: 1.4rem;
                }
                .replay .thumbnail div span {
                    font-size: 0.8rem;
                }
            }
            
            @media only screen and (max-width: 991px) {
                .replay .thumbnail div {
                    top: -1vh;
                    font-size: 0.9rem;
                    padding: 1vh;
                    line-height: 1.1;
                }
                .replay .thumbnail div strong {
                    font-size: 1.1rem;
                }
                .replay .thumbnail div span {
                    font-size: 0.7rem;
                }
                .thumb_wrapper .action .btn {
                    width: 100%;
                    border-radius: 0 0 .25rem .25rem;
                    font-size: 0.8rem;
                }
            }
            
            @media only screen and (max-width: 768px) {
                .l-shipper,
                .r-shipper {
                    width: 200px;
                    font-size: 0.85em;
                    font-weight: 400;
                }
                .l-shipper {
                    left: -50px;
                }
                .r-shipper {
                    right: -50px;
                }
                .l-shipper div,
                .r-shipper div {
                    padding: 20px 10px;
                }
                .l-shipper div .fas {
                    margin-right: 10px;
                }
                .r-shipper div .fas {
                    margin-left: 10px;
                }
                .l-shipper div span {
                    right: 10px;
                }
                .r-shipper div span {
                    left: 10px;
                }
                #logo_partenaires {
                    width: 200px;
                    height: 144px;
                }
                .floor-1 {
                    top: 20px;
                }
                .floor-2 {
                    top: 90px;
                }
                .floor-3 {
                    top: 160px;
                }
                .floor-4 {
                    top: 230px;
                }
                .floor-5 {
                    top: 300px;
                }
                .container.tchat {
                    max-width: calc(100% - 320px);
                    position: absolute;
                    top: 0;
                    left: 160px;
                }
            }
            
            @media only screen and (max-width: 575px) {
                .container.replay {
                    height: 100vh;
                    margin-top: 0px;
                    padding: 0px;
                    position: relative;
                }
            }
            
            @media only screen and (max-width: 425px) {
                .replay .thumbnail div {
                    top: -1vh;
                    font-size: 0.9rem;
                    padding: 1vh;
                }
            }
            
            footer {
                position: fixed;
                bottom: 0;
                width: 100%;
            }
            
            footer .bg {
                position: fixed;
                bottom: 0;
                height: 62px;
                background: #68a8b5;
                width: 100%;
                opacity: 0.8;
            }
            
            footer .content {
                position: fixed;
                bottom: 0;
                line-height: 44px;
                width: 100%;
                color: #fff;
                padding: 10px 24px;
            }
            
            #where-you-are {
                float: left;
            }
            
            .mobile {
                display: none;
            }
            
            @media only screen and (max-width: 990px) {
                .mobile {
                    display: block;
                }
                #bottom-bar-menu {
                    float: right;
                    margin-right: 65px
                }
                .bottom-bar-menu-home {
                    float: right;
                    margin-right: 0px !important;
                }
                #navigation {
                    display: none;
                }
                #socialnetworks {
                    display: none;
                }
                .tippy-box {
                    display: none!important;
                }
            }
            
            #socialnetworks {
                float: left;
                margin-left: 40px;
            }
            
            #socialnetworks ul {
                padding-inline-start: 0px;
            }
            
            #socialnetworks ul li {
                float: left;
                display: block;
                margin-left: 10px;
            }
            
            #socialnetworks ul li:first-child {
                margin-left: 0px;
            }
            
            #socialnetworks ul li .btn-outline-info {
                border-color: #fff;
                color: #fff;
            }
            
            #socialnetworks ul li .btn-outline-info:hover {
                background-color: #ffcd16;
                border-color: #ffcd16;
                color: #354044;
            }
            
            #languages {
                float: left;
                margin-right: 20px;
            }
            
            #languages ul {
                padding-inline-start: 0px;
            }
            
            #languages ul li {
                float: left;
                display: block;
                margin-left: 10px;
            }
            
            #languages ul li:first-child {
                margin-left: 0px;
            }
            
            #languages ul li .btn-outline-info {
                border-color: #fff;
                color: #fff;
            }
            
            #languages ul li .btn-outline-info:hover {
                background-color: #ffcd16;
                border-color: #ffcd16;
                color: #354044;
            }
            
            #languages ul li a img {
                width: 20px;
            }
            
            #navigation {
                float: right;
                margin-right: 65px;
            }
            
            .nav-home {
                float: right;
                margin-right: 0px !important;
            }
            
            #navigation ul {
                margin: 0;
            }
            
            #navigation ul li {
                float: left;
                display: block;
                margin-left: 10px;
            }
            
            #navigation ul li .btn-info,
            .btn-primary,
            .btn-info {
                background-color: #b4939c;
                border-color: #fff;
                color: #fff;
            }
            
            #navigation ul li .btn-info:hover,
            .btn-info:hover,
            .btn-primary:hover,
            .btn-primary:active,
            .btn-primary:focus {
                background-color: #ffcd16;
                border-color: #ffcd16;
                color: #354044;
            }
            
            #navigation ul li .btn .fas,
            #sidr ul li .btn .fas {
                margin-right: 7px;
            }
            
            #navigation ul li .btn .fas:last-child,
            #sidr ul li .btn .fas:last-child {
                margin-right: 0px;
            }
            
            #sidr .btn {
                background-color: inherit;
                border-color: inherit;
                text-align: left;
                border: none;
                line-height: inherit;
                width: 260px;
            }
            
            .left-sidr-closer {
                line-height: 60px;
                text-align: right;
                padding: 0 30px 40px 0;
            }
            
            .left-sidr-closer a {
                color: #fff!important;
            }
            
            footer.stand #navigation,
            footer.stand #bottom-bar-menu,
            footer.live #navigation,
            footer.live #bottom-bar-menu {
                margin-right: 80px;
            }
            
            #sidr .dropdown-item {
                background-color: #333333;
            }
            
            .dropdown-item {
                cursor: pointer;
            }
            
            .fancybox-is-open .fancybox-bg {
                opacity: .5;
            }
            
            .fancybox-slide--iframe .fancybox-content,
            .fancybox-slide--pdf .fancybox-content {
                max-width: 1140px;
                width: 80%;
                max-height: 80%;
                margin: 0;
            }
            
            @media only screen and (max-width: 1024px) {
                .fancybox-slide--iframe .fancybox-content,
                .fancybox-slide--pdf .fancybox-content {
                    width: 95%;
                }
            }
            
            .fancybox-close-small {
                color: #cb4a44;
                opacity: 1;
                right: 0px;
                top: 0;
            }
            
            .fancybox-close-small:hover {
                background: #cb4a44;
            }
            
            #iframe {
                height: 455px;
            }
            
            .iframe_content {
                padding: 60px 0px;
            }
            
            ul.timeline {
                list-style-type: none;
                position: relative;
            }
            
            ul.timeline:before {
                content: ' ';
                background: #3dbdd8;
                display: inline-block;
                position: absolute;
                left: 29px;
                width: 2px;
                height: 100%;
                z-index: 400;
            }
            
            ul.timeline>li {
                margin: 20px 0;
                padding-left: 20px;
            }
            
            ul.timeline>li:before {
                content: ' ';
                background: white;
                display: inline-block;
                position: absolute;
                border-radius: 50%;
                border: 2px solid #3dbdd8;
                left: 24px;
                width: 12px;
                height: 12px;
                z-index: 400;
                margin-top: 6px;
            }
            
            nav#programme {
                position: fixed;
                background: #fff;
                width: 100%;
                padding-top: 60px;
                z-index: 9999;
                top: -20px;
            }
            
            nav#programme .nav-tabs {
                border-bottom: 1px solid #3dbdd8;
            }
            
            nav#programme .nav-link {
                padding: 1rem 1.8rem;
                background: #efefef;
                margin-right: 1px;
                color: #212529;
                border-bottom: 1px solid #3dbdd8;
            }
            
            nav#programme .nav-tabs .nav-item.show .nav-link,
            nav#programme .nav-tabs .nav-link.active {
                color: #fff;
                background-color: #3dbdd8;
                border-color: #dee2e6 #dee2e6 #3dbdd8;
            }
            
            @media only screen and (max-width: 768px) {
                nav#programme .nav-link {
                    padding: 1rem 1rem;
                }
            }
            
            .tab-content {
                padding: 100px 0px;
            }
            
            h2 {
                color: #cb4a44;
            }
            
            h3 {
                font-weight: 700;
                margin-top: 3rem;
            }
            
            h3 span.schedule {
                font-size: 0.75em;
            }
            
            div.schedule {
                font-weight: 900;
                background: #3dbdd8;
                display: inline-block;
                padding: 0px 6px;
                color: #fff;
                border-radius: 4px;
            }
            
            .timeline li p {
                margin-top: 4px;
            }
            
            span.speaker {
                font-weight: 900;
            }
            
            .form-signin {
                width: 100%;
                max-width: 330px;
                padding: 60px 0px;
                margin: 0 auto;
            }
            
            .booth {
                margin: 15px 0;
                background: #fff;
                border-radius: 6px;
                padding: 40px 40px;
                text-align: center;
            }
            
            .image-map-container {
                position: relative;
                /*        width: 100%;
        height: 100%;*/
            }
            
            .image-map-container img {
                width: 100%;
                height: auto;
                /*	object-fit: contain;
	position: relative;
	top: 50%;
	transform: translateY(-50%);*/
            }
            
            .picto {
                line-height: 40px;
                width: 40px;
                color: #fff;
                text-align: center;
                background: #3dbdd8;
                font-size: 1.3rem;
                border-radius: 50%;
                z-index: 9999;
                margin: 16px;
            }
            
            .picto a {
                display: block;
                color: #fff!important;
            }
            
            .picto a:hover {
                color: #fff!important;
                text-decoration: none;
            }
            
            .lds-ripple {
                display: inline-block;
                position: absolute;
                width: 120px;
                height: 120px;
                z-index: 9998;
            }
            
            .screen11 {
                position: absolute;
                top: calc(50% - 4vw - 40px);
                left: calc(50% + 16vw - 40px);
            }
            
            .screen21 {
                position: absolute;
                top: calc(50% - 14vw - 40px);
                left: calc(50% + 5vw - 40px);
            }
            
            .screen22 {
                position: absolute;
                top: calc(50% - 3vw - 40px);
                left: calc(50% + 27vw - 40px);
            }
            
            .wall01 {
                position: absolute;
                top: calc(50% - 2vw - 40px);
                left: calc(50% - 35vw - 40px);
            }
            
            .wall02 {
                position: absolute;
                top: calc(50% - 4vw - 40px);
                left: calc(50% - 30vw - 40px);
            }
            
            .wall03 {
                position: absolute;
                top: calc(50% + 5vw - 40px);
                left: calc(50% - 35vw - 40px);
            }
            
            .wall04 {
                position: absolute;
                top: calc(50% + 3vw - 40px);
                left: calc(50% - 30vw - 40px);
            }
            
            .desk01 {
                position: absolute;
                top: calc(50% + 8.7vw - 40px);
                left: calc(50% + 0.4vw - 40px);
            }
            
            .meet01 {
                position: absolute;
                top: calc(50% - 6vw - 40px);
                left: calc(50% - 14vw - 40px);
            }
            
            .meet02 {
                position: absolute;
                top: calc(50% - 4vw - 40px);
                left: calc(50% + 7vw - 40px);
            }
            
            .lds-ripple div {
                position: absolute;
                border: 4px solid #3dbdd8;
                opacity: 1;
                border-radius: 50%;
                animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
            }
            
            .lds-ripple div:nth-child(2) {
                animation-delay: -0.5s;
            }
            
            @keyframes lds-ripple {
                0% {
                    top: 36px;
                    left: 36px;
                    width: 0;
                    height: 0;
                    opacity: 1;
                }
                100% {
                    top: 0px;
                    left: 0px;
                    width: 72px;
                    height: 72px;
                    opacity: 0;
                }
            }
            /*** FORM ***/
            
            fieldset {
                padding: 20px;
                margin: 0px 0px 30px 0px;
                border: none;
                border-bottom: 1px solid #3dbdd8;
                position: relative;
            }
            
            @media (max-width: 990px) {
                fieldset {
                    padding: 20px;
                }
            }
            
            div.subfieldset {
                clear: both;
                margin-bottom: 30px;
            }
            
            div.subfieldset:after {
                clear: both;
            }
            
            label {
                margin-bottom: 0px;
            }
            
            .form-control {
                margin-bottom: .5rem;
            }
            
            span.needit {
                display: inline;
                color: #e35b5a;
            }
            
            span.unfilled input.form-control,
            span.unfilled select,
            span.unfilled textarea {
                border: 1px solid #e35b5a;
            }
            
            span.unfilled label,
            blockquote.unfilled label {
                font-weight: bold;
                color: #e35b5a;
            }
            
            option.category {
                font-weight: bold;
                background-color: #b4939c;
                color: #fff;
            }
            
            option.subcat {
                padding-left: 25px;
            }
            
            input[type="radio"],
            input[type="checkbox"] {
                margin-right: 4px;
            }
            
            input:disabled+label {
                color: #aeaeae!important;
            }
            
            div.radio_block {
                display: block-inline;
            }
            
            #toolbar {
                text-align: right;
                padding: 0px 15px;
            }
            
            .table th {
                border-top: none;
            }
            
            td.radio_in {
                width: 50px;
            }
            
            td.input_radio {
                width: 30px;
            }
            
            .infowarning {
                background: url("../images/warning.png") no-repeat left 50%;
                padding: 30px 0px 30px 80px;
                margin: 0px 0px 30px 0px;
                clear: both;
            }
            
            .low-warning {
                padding: 20px;
                background: #f7ca18;
                border-radius: 6px;
            }
            
            .high-warning {
                background: #e35b5a;
                padding: 20px;
                border-radius: 6px;
                color: #fff;
            }
            
            .confirm {
                background: #2ab4c0;
                padding: 20px;
                border-radius: 6px;
                color: #fff;
            }
            
            .dispOff {
                display: none;
            }
            
            .dispOn {
                display: block;
            }
            
            table.summary td {
                vertical-align: top!important;
            }
            
            td.tdlabel {
                text-align: left;
                padding-right: 5px;
                width: 50%;
                color: #3c3c3c;
            }
            
            td.tdvalue {
                padding-left: 5px;
            }
            
            td.amount {
                padding: 5px;
                width: 130px;
                font-weight: bold;
                color: #3dbdd8;
                text-align: right;
            }
            
            th.amount {
                padding: 5px;
                width: 130px;
                font-weight: bold;
                text-align: right;
            }
            
            @media (max-width: 767px) {
                td.amount,
                th.amount {
                    width: 100px;
                }
            }
            /*
.exhibition_btn {
	display: none!important;
}
*/
            
            .logo img {
                width: 100%;
            }
            
            ul.stepper {
                padding: 0 1.5rem;
                padding: 1.5rem;
                margin: 1em -1.5rem;
                overflow-x: hidden;
                overflow-y: auto;
                counter-reset: section;
            }
            
            .stepper-vertical {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }
            
            ul.stepper>li:not(:last-of-type) {
                margin-bottom: .625rem;
                -webkit-transition: margin-bottom .4s;
                -o-transition: margin-bottom .4s;
                transition: margin-bottom .4s;
            }
            
            .stepper-vertical li .step-title {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-item-align: start;
                align-self: flex-start;
            }
            
            ul.stepper li .step-title .circle {
                display: inline-block;
                width: 4rem;
                height: 4rem;
                margin-right: .5rem;
                line-height: 3.7rem;
                color: #fff;
                text-align: center;
                background: rgba(0, 0, 0, 0.38);
                border-radius: 50%;
                font-size: 2.9rem;
            }
            
            .stepper-vertical li {
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
            }
            
            .stepper-vertical li .step-title .circle {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
            }
            
            ul.stepper li .step-title {
                padding: 1.5rem 1.5rem 1.5rem 0;
                text-align: center;
                z-index: 99;
            }
            
            .primary-color,
            ul.stepper li.active a .circle,
            ul.stepper li.completed .step-title .circle {
                background-color: #b4939c !important;
            }
            
            .stepper-vertical li .step-title .label {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
                margin-top: 0;
                line-height: 3.7rem;
                font-size: 2rem;
                margin-left: 1.3rem;
            }
            
            ul.stepper li .step-title .label {
                display: inline-block;
                color: rgba(0, 0, 0, 0.38);
            }
            
            .stepper-vertical li.completed .step-title .label {
                font-weight: 500;
            }
            
            ul.stepper li.active a .label,
            ul.stepper li.completed .step-title .label {
                font-weight: 600;
                color: rgba(0, 0, 0, 0.87);
            }
            
            .stepper-vertical li:not(:last-child):after {
                position: absolute;
                top: 5rem;
                left: 2rem;
                width: 2px;
                height: calc(100% - 40px);
                content: "";
                background: #cb4a44;
            }
            
            .stepper-vertical li .step-content {
                display: block;
                padding: 0.2rem 0;
                margin-top: 0;
                margin-left: 6rem;
            }
            
            .grey.lighten-3 {
                background-color: #eee !important;
            }
            
            .tippy-box[data-theme~='aime'] {
                background-color: #3dbdd8;
                color: #fff;
            }
            
            .tippy-box[data-theme~='aime'] .tippy-arrow {
                width: 16px;
                height: 16px;
                color: #3dbdd8;
            }
            
            .tippy-box p {
                margin: 1.5rem 0px;
            }
            
            .admin #questions {
                margin: 2rem;
                background: #fff;
                height: calc(100% - 4rem - 64px);
                padding: 5rem;
                overflow: scroll;
            }
            
            .admin #questions p {
                background: #e9ecef;
                padding: 1rem 1rem 1rem 100px;
                margin-bottom: 1rem;
                position: relative;
            }
            
            .admin #questions p button {
                position: absolute;
                top: 1rem;
                left: 1rem;
            }
            
            .admin #questions p .d {
                font-size: 0.85em;
                font-weight: bold;
                color: #6c757d;
            }
            
            .admin #questions p .u {
                font-weight: 900;
                color: #3dbdd8;
            }
            
            .content-section-vote {
                padding: 0 4rem;
            }
            
            .content-section-vote h2 {
                text-align: center;
                font-size: 2.6rem;
            }
            
            .content-section-vote img.size-full {
                width: 100%;
            }
            
            .startup_wrapper {
                border: 1px solid #3dbdd8;
                margin: 1rem 0;
            }
            
            .startup_wrapper label {
                display: block;
                padding: 1rem;
                font-size: 1.2em;
            }
            
            .startup_wrapper label:hover,
            .startup_wrapper label.active {
                background: #3dbdd8!important;
                color: #fff!important;
            }
            
            .startup_wrapper label input[type=radio] {
                display: none;
            }
            
            .gdlr-item-title,
            .gdlr-item-title-caption {
                text-align: center;
            }
            
            #container_replay .plans .head {
                background: #fff;
                color: #2d86a3;
                text-align: center;
                font-size: 1.7rem;
                text-transform: uppercase;
                padding: 10px 0px;
                border-radius: 10px 10px 0px 0px;
                font-weight: 200;
            }
            
            #container_replay .plans .body {
                background: #57afce;
                padding: 10px;
                text-align: center;
            }
            
            #container_replay .plans .body .desc {
                min-height: 70px;
            }
            
            #container_replay .plans .rate {
                background: #fff;
                color: #2d86a3;
                text-align: center;
                font-size: 1.7rem;
                padding: 10px 0px;
                font-weight: 200;
            }
            
            #container_replay .plans .rate em {
                font-style: normal;
                font-size: 0.75em;
                margin-left: 10px;
            }
            
            #container_replay .plans .foot {
                text-align: center;
                text-align: center;
                display: block;
                width: 100%;
                border-radius: 0px 0px 10px 10px;
                padding: 10px 0px;
            }
            
            #container_replay table {
                color: #fff;
                width: 100%;
            }
            
            #container_replay table td {
                vertical-align: middle;
            }
            
            #container_replay table .amount {
                text-align: right;
                width: 150px;
                color: #fff;
                padding-right: 20px;
                vertical-align: middle;
            }
            
            #container_replay table .action {
                vertical-align: middle;
                width: 40px;
                text-align: right;
            }
            
            #container_replay table tfoot th {
                font-size: 1.5rem;
                border-top: 2px solid #fff;
            }
            
            .unavailable {
                color: red;
            }
            
            #days_accordion h1 img {
                width: 22px;
                float: right;
                border: 1px solid #fff;
                border-radius: 22px;
            }
            
            .btn-success {
                color: #fff;
                background-color: #3dbdd8;
                border-color: #3dbdd8;
            }
            
            .btn-success:hover,
            .btn-success:focus,
            .btn-success:active {
                background-color: #ffcd16;
                border-color: #ffcd16;
                color: #354044;
            }
            
            .btn-img {
                line-height: 16px;
            }
            
            .btn-img img {
                height: 100%;
                width: 24px;
            }
            
            .btn-info:focus {
                box-shadow: none !important;
            }
            
            #sidebar {
                width: 260px;
                position: fixed;
                top: 0;
                left: -260px;
                height: 100vh;
                z-index: 99999;
                font-size: 15px;
                color: #fff;
                transition: all 0.3s;
                overflow-y: scroll;
                box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
            }
            
            #sidebar.active {
                left: 0;
            }
            
            #dismiss {
                width: 35px;
                height: 35px;
                line-height: 35px;
                text-align: center;
                color: #fff;
                position: absolute;
                top: 10px;
                right: 10px;
                cursor: pointer;
                -webkit-transition: all 0.3s;
                -o-transition: all 0.3s;
                transition: all 0.3s;
            }
            
            #dismiss:hover {
                background: #fff;
            }
            
            .overlay {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                background: rgba(0, 0, 0, 0.7);
                z-index: 99998;
                opacity: 0;
                transition: all 0.5s ease-in-out;
            }
            
            .overlay.active {
                display: block;
                opacity: 1;
            }
            
            #sidebar .sidebar-header {
                padding: 20px;
                background: #6d7fcc;
            }
            
            #sidebar ul.components {
                padding: 54px 0;
            }
            
            #sidebar ul p {
                color: #fff;
                padding: 10px;
            }
            
            #sidebar ul li a {
                padding: 10px;
                display: block;
                color: #fff;
            }
            
            #sidebar ul li a:hover {
                background: #fff;
                text-decoration: none;
            }
            
            #sidebar ul li.active>a,
            a[aria-expanded="true"] {
                color: #fff;
            }
            
            #sidebar a[data-toggle="collapse"] {
                position: relative;
            }
            
            #sidebar .dropdown-toggle::after {
                display: block;
                position: absolute;
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
            }
            
            #sidebar ul ul a {
                font-size: 0.9em !important;
                padding-left: 30px !important;
            }
            
            #sidebar ul.CTAs {
                padding: 20px;
            }
            
            #sidebar ul.CTAs a {
                text-align: center;
                font-size: 0.9em !important;
                display: block;
                border-radius: 5px;
                margin-bottom: 5px;
            }
            
            #sidebar a.download {
                background: #fff;
                color: #7386D5;
            }
            
            #navigation ul li .fas,
            #sidebar ul li .fas,
            #toolbar .fas,
            #clock .fas,
            #btn-question .fas {
                margin-right: 7px;
            }
            
            #sneaky {
                vertical-align: bottom !important;
                border-style: none;
            }
            
            @media only screen and (min-width: 716px) and (max-height: 772px) {
                .container.replay .content {
                    position: absolute;
                    top: 20px;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    padding: 90px 20px 70px;
                    color: #fff;
                }
            }