@charset "UTF-8";
:root {
--color-main: #ffffff;
--color-darker: #ffffff;
--color-lighter: #9fc2f3;
--color_alt-main: #365576;
--color_alt-darker: #264362;
--color_alt-lighter: #36557633;
--panel-color-main: var(--color-main);
--panel-color-alt: var(--color-darker);
--panel-color-border: var(--color-darker);
--panel-logo: url('/libs/images/panel_pf_jeuxdelete.png');
--a-color: var(--color_alt-main);
--a-color_hover: var(--color_alt-darker);
--navbar-color-main: var(--color-main);
--navbar-color-alt: var(--color-darker);
--navbar-color-border: var(--color-darker);
--navbar-text: #000000;
--navbar-color_hover-main: var( --color_alt-main);
--navbar-color_hover-alt: var(--navbar-color_hover-main);
--navbar-text_hover: #ffffff;
--navbar-color_active-main: var(--color_alt-darker);
--navbar-color_active-alt: var(--color_alt-main);
--navbar-text_active: #ffffff;
--navbar-dropdown-background:  #ffffff;
--navbar-dropdown-text: #000000;
--navbar-dropdown_hover-main: var(--color_alt-main);
--navbar-dropdown_hover-alt: var(--navbar-dropdown_hover-main);
--navbar-dropdown_hover-text: #ffffff;
--navbar_toggle-background_hover: var(--navbar-color_hover-main);
--navbar_toggle-border: var(--navbar-color_hover-main);
--navbar_toggle-border_hover: var(--navbar-color_active-main);
--navbar_toggle-icon: var(--navbar-text);
--navbar_toggle-icon_hover: var(--navbar-color_hover-alt);
--footer-color-main: var(--navbar-color-main);
--footer-color-alt: var(--navbar-color-alt);
--footer-color-border: var(--navbar-color-border);
--alert-red-color-background: rgba(229, 6, 6, .5);
--alert-red-color-border: #b01313;
--alert-red-color-text: #ffffff;
--alert-red-color-a-text: #ffffff;
--alert-red-color-a-text-hover: var(--color_alt-lighter);
--alert-green-color-background: rgba(216, 255, 216, .5);
--alert-green-color-border: #a8b79d;
--alert-green-color-text: #7ca57e;
--alert-green-color-a-text: #7ca57e;
--alert-green-color-a-text-hover: #000000;
--modal-color-main: var(--color_alt-main);
--modal-color-alt: var(--color_alt-darker);
--modal-text: #ffffff;
--hr-color: var(--color_alt-main);
--btn-color: var(--color_alt-main);
--btn-color_border: var(--color_alt-darker);
--btn-color_hover: var(--color_alt-darker);
--btn-text: #ffffff;
--btn-text_hover: #ffffff;
--player-outline: var(--color-main);
--player-background: rgba(0, 0, 0, .8);
--modules-background: rgba(255, 255, 255, .8);
--modules-size: 600px;
--me_tab-color: var(--color-darker);
--me_tab-text: rgba(255, 255, 255, .5);
--me_tab-color_hover: var(--color_alt-darker);
--me_tab-text_hover: #ffffff;
--me_tab-color_active: var(--color_alt-main);
--me_tab-text_active: #ffffff;
--rss-outline: var(--color-main);
--rss-background: var(--color-main);
--quiz-generique-bg_main: transparent;
--quiz-generique-bg_dark: transparent;
--quiz-generique-text: #000000;
--quiz-question-bg_main: #f8db9f;
--quiz-question-bg_dark: #f8d48a;
--quiz-question-text: #000000;
--quiz-question-btn_main: #f8ad14;
--quiz-question-btn_text: #000000;
--quiz-question-btn_hover_main: #ff0000;
--quiz-question-btn_hover_text: #000000;
--quiz-question-btn_active_main: #664708;
--quiz-question-btn_active_text: #ffffff;
--game1-bg_main: #f8ad14;
--game1-bg_dark: #c08204;
--game1-question-btn_main: #ffdb92;
--game1-question-btn_text: #000000;
--game1-question-btn_hover_main: #ffce00;
--game1-question-btn_hover_text: #000000;
--game1-question-btn_active_main: #664708;
--game1-question-btn_active_text: #ffffff;

--game2-bg_main: #06b5a9;
--game2-bg_dark: #068980;
--game2-question-btn_main: #d7ff92;
--game2-question-btn_text: #000000;
--game2-question-btn_hover_main: #057e76;
--game2-question-btn_hover_text: #ffffff;
--game2-question-btn_active_main: #057e76;
--game2-question-btn_active_text: #ffffff;


--game3-bg_main: #9fde3f;
--game3-bg_dark: #709f29;
--game3-question-btn_main: #d7ff92;
--game3-question-btn_text: #000000;
--game3-question-btn_hover_main: #eeffdc;
--game3-question-btn_hover_text: #000000;
--game3-question-btn_active_main: #0b6608;
--game3-question-btn_active_text: #ffffff;

--game4-bg_main: #f5006b;
--game4-bg_dark: #b70452;
--game4-text: #ffffff;
--game4-question-btn_main: #ff92bf;
--game4-question-btn_text: #000000;
--game4-question-btn_hover_main: #ffdae7;
--game4-question-btn_hover_text: #000000;
--game4-question-btn_active_main: #660836;
--game4-question-btn_active_text: #ffffff;
} 



/***** MAIN CLASSES *****/

*:not(#player) {
outline: 0 !important;
}

html,
body {
font-family: 'Poppins', sans-serif;
width: 100%;
height: 100%;
overflow: hidden;
}

body {
font-size: 15px;
background: transparent;
}

html {
background: url(/libs/images/background_pf_jeuxdelete.png) no-repeat center fixed;
background-size: cover;
}

textarea {
resize: none;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
font-size: 16px !important;
}

a {
color: var(--a-color);
}

a:hover,
a:active,
a:focus {
color: var(--a-color_hover);
}

.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--color_alt-main);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--color_alt-main);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: .5;
}

/***** TOOL CLASSES *****/

.b {
font-weight: 700;
}

.np {
    padding: 0;
}
.ma {
    margin: auto;
}
.nm {
margin: 0;
}

.nmt {
margin-top: 0;
}

.nmb {
margin-bottom: 0;
}

.mb_10 {
margin-bottom: 10px;
}

.mb_20 {
margin-bottom: 20px;
}

.mb_30 {
margin-bottom: 30px;
}

.mt_10 {
margin-top: 10px;
}

.mt_20 {
margin-top: 20px;
}

.mt_30 {
margin-top: 30px;
}

.hr_m_10 {
margin: 10px 0;
}

.ul {
text-decoration: underline;
}


/****** NAVBAR ******/

.navbar-fixed-top {
font-size: 14px;
background: var(--navbar-color-main);
background-image: -moz-linear-gradient(top, var(--navbar-color-main) 0%, var(--navbar-color-alt) 100%);
background-image: -webkit-linear-gradient(top, var(--navbar-color-main) 0%, var(--navbar-color-alt) 100%);
background-image: linear-gradient(to bottom, var(--navbar-color-main) 0%, var(--navbar-color-alt) 100%);
border: none;
border-bottom: 1px solid var(--navbar-color-border);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}

.navbar-header img {
height: 50px;
padding: 2px 0;
margin-right: 15px;
}

.navbar-fixed-top .navbar-nav>li>a {
color: var(--navbar-text);
}

.navbar-fixed-top .navbar-nav>li>a:focus,
.navbar-fixed-top .navbar-nav>li>a:hover {
color: var(--navbar-text_hover);
background: var(--navbar-color_hover-main);
background-image: -moz-linear-gradient(top, var(--navbar-color_hover-main) 0%, var(--navbar-color_hover-alt) 100%);
background-image: -webkit-linear-gradient(top, var(--navbar-color_hover-main) 0%, var(--navbar-color_hover-alt) 100%);
background-image: linear-gradient(to bottom, var(--navbar-color_hover-main) 0%, var(--navbar-color_hover-alt) 100%);
}

.navbar-fixed-top .navbar-nav>.open>a,
.navbar-fixed-top .navbar-nav>.open>a:focus,
.navbar-fixed-top .navbar-nav>.open>a:hover {
color: var(--navbar-text_active);
background: var(--navbar-color_active-main);
background-image: -moz-linear-gradient(top, var(--navbar-color_active-main) 0%, var(--navbar-color_active-main) 100%);
background-image: -webkit-linear-gradient(top, var(--navbar-color_active-main) 0%, var(--navbar-color_active-main) 100%);
background-image: linear-gradient(to bottom, var(--navbar-color_active-main) 0%, var(--navbar-color_active-main) 100%);
}

.navbar-fixed-top .nav .dropdown-menu {
background-color: var(--navbar-dropdown-background);
}

.navbar-fixed-top .nav .dropdown-menu>li>a:focus,
.navbar-fixed-top .nav .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: var(--navbar-dropdown_hover-text);
background: var(--navbar-dropdown_hover-main);
background-image: -moz-linear-gradient(top, var(--navbar-dropdown_hover-main) 0%, var(--navbar-dropdown_hover-main) 100%);
background-image: -webkit-linear-gradient(top, var(--navbar-dropdown_hover-main) 0%, var(--navbar-dropdown_hover-main) 100%);
background-image: linear-gradient(to bottom, var(--navbar-dropdown_hover-main) 0%, var(--navbar-dropdown_hover-alt) 100%);
}

.navbar-fixed-top .navbar-nav .open .dropdown-menu>li>a {
color: var(--navbar-dropdown-text);
}

.navbar-fixed-top .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-fixed-top .navbar-nav .open .dropdown-menu>li>a:hover {
background: var(--navbar-dropdown_hover-main);
color: var(--navbar-dropdown_hover-text);
}

.navbar-fixed-top .navbar-toggle,
.navbar-fixed-top .navbar-toggle:hover,
.navbar-fixed-top .navbar-toggle:focus {
border-color: var(--navbar_toggle-border);
background-color: transparent;
}

.navbar-fixed-top .navbar-toggle:not(.collapsed) {
background-color: var(--navbar_toggle-background_hover);
border-color: var(--navbar_toggle-border_hover);
}

.navbar-fixed-top .navbar-toggle .icon-bar {
background-color: var(--navbar_toggle-icon);
}

.navbar-fixed-top .navbar-toggle.collapsed:hover .icon-bar {
background-color: var(--navbar_toggle-icon_hover);
}


/****** PLATEFORME *******/

.app_container {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: calc(100% - 50px);
overflow-x: hidden;
overflow-y: auto;
}

.app_container.nb {
top: 50px;
height: calc(100% - 100px);
}

.app_container>div {
display: table;
width: 100%;
height: 100%;
}

.app_container>div>div {
display: table-cell;
vertical-align: middle;
}

.app_container.t>div>div {
vertical-align: top;
}

.app_container.b>div>div {
vertical-align: bottom;
}

.alert-red-jeuxdelete {
color: var(--alert-red-color-text);
background-color: var(--alert-red-color-background);
border-color: var(--alert-red-color-border);
}

.alert-red-jeuxdelete .alert-link {
color: var(--alert-red-color-a-text);
font-weight: bold;
transition: color .2s;
}

.alert-red-jeuxdelete .alert-link:hover,
.alert-red-jeuxdelete .alert-link:active,
.alert-red-jeuxdelete .alert-link:focus {
color: var(--alert-red-color-a-text-hover);
}

.alert-green-jeuxdelete {
color: var(--alert-green-color-text);
background-color: var(--alert-green-color-background);
border-color: var(--alert-green-color-border);
}

.alert-green-jeuxdelete .alert-link {
color: var(--alert-green-color-a-text);
font-weight: bold;
transition: color .2s;
}

.alert-green-jeuxdelete .alert-link:hover,
.alert-green-jeuxdelete .alert-link:active,
.alert-green-jeuxdelete .alert-link:focus {
color: var(--alert-green-color-a-text-hover);
}


/****** LOGIN - REGISTER ******/

.dropdown_form .dropdown-menu {
max-height: 250px;
width: 100%;
overflow: scroll;
}

.lang_container {
height: 35px;
}

.btn-lang,
.btn-program,
.btn-engage {
color: var(--me_tab-text);
background-color: var(--me_tab-color) !important;
border-color: var(--me_tab-color);
background-image: none;
border-radius: 10px 10px 0 0;
border: none;
transition: all .2s;
overflow: hidden;
text-overflow: ellipsis;
text-shadow: none;
box-shadow: inset 0 10px 15px rgb(0 0 0 / 20%);
}

.btn-lang>img {
height: 20px;
}


.btn-lang.active,
.btn-lang:active {
color: var(--me_tab-text_active) !important;
background-color: var(--me_tab-color_active) !important;
border-color: var(--me_tab-color_active);
}

.btn-lang:not(.active):hover,
.btn-lang:not(.active):focus{
color: var(--me_tab-text_hover) !important;
background-color: var(--me_tab-color_hover) !important;
border-color: var(--me_tab-color_hover);
}

.btn-lang.active {
cursor: default;
}


.btn-program {
color: var(--btn-text);
font-weight: bold;
background-color: var(--btn-color) !important;
border-color: var(--btn-color_border);
background-image: none;
}

.btn-program:hover,
.btn-program:active,
.btn-program:focus {
color: var(--btn-text_hover);
background-color: var(--btn-color_hover) !important;
}

.sm_alert {
font-weight: bold;
color: #c00;
}

a.reset_auth {
color: #fff;
font-weight: bold;
text-shadow: 0 0 3px #000;
}

.panel_login,
.panel_register {
margin-top: 50px;
margin-bottom: 50px;
}

.panel_login:not(.fw)>div,
.panel_register:not(.fw)>div {
margin: auto;
}

.panel_login .panel,
.panel_register .panel {
background: rgba(255, 255, 255, .7);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
border-color: var(--panel-color-border);
box-shadow: 0 0px 30px rgba(0, 0, 0, .8);
}

.panel_login .panel-heading,
.panel_register .panel-heading {
color: #fff;
background: var(--panel-color-main);
background-image: -moz-radial-gradient(circle, var(--panel-color-main) 0%, var(--panel-color-alt) 100%);
background-image: -webkit-radial-gradient(circle, var(--panel-color-main) 0%, var(--panel-color-alt) 100%);
background-image: radial-gradient(circle, var(--panel-color-main) 0%, var(--panel-color-alt) 100%);
border-color: var(--panel-color-border);
}

.panel_login .panel-heading h1,
.panel_register .panel-heading h1 {
font-family: 'Poppins', sans-serif;
font-size: 20px;
margin: 0 0 5px 0;
}

.panel_login .panel-heading .logo_container,
.panel_register .panel-heading .logo_container {
background-image: var(--panel-logo);
max-width: 400px;
height: 150px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: auto;
}

@media (max-width: 450px) {
.panel_login .panel-heading .logo_container,
.panel_register .panel-heading .logo_container {
height: 32vw;
}
}

.panel_login .panel-body h2,
.panel_register .panel-body h2 {
margin-top: 0;
}

.btn-pfjeuxdelete {
color: var(--btn-text);
background-color: var(--btn-color);
border-color: var(--btn-color_border);
transition: background-color 0.2s;
}

.btn-pfjeuxdelete:focus,
.btn-pfjeuxdelete:active,
.btn-pfjeuxdelete:hover {
color: #fff;
background-color: var(--btn-color_hover);
}

.hr_form {
margin-top: 0;
margin-bottom: 10px;
}

.b_pfjeuxdelete {
border-color: var(--hr-color);
}

.btn-atelier {
background: var(--btn-color);
color: var(--btn-text);
}

.btn-atelier:hover {
background: var(--btn-color_hover);
color: var(--btn-text_hover);
}

#alertform {
/* text-align: center;
margin-bottom: 20px;
font-weight: bold;
color: #c00; */
}


/***** MODAL ******/

.modal-header {
background: var(--modal-color-main);
background-image: -moz-linear-gradient(top, var(--modal-color-main) 0%, var(--modal-color-alt) 100%);
background-image: -webkit-linear-gradient(top, var(--modal-color-main) 0%, var(--modal-color-alt) 100%);
background-image: linear-gradient(to bottom, var(--modal-color-main) 0%, var(--modal-color-alt) 100%);
color: #fff;
border-radius: 6px 6px 0 0;
}

.modal-backdrop {
z-index: 16000002;
}

.modal {
z-index: 16000003;
}

.modal.vcenter {
  text-align: center;
}

.modal-footer.tc {
    text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal.vcenter:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }

  .modal.vcenter .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
}

.modal-header.nbb {
    border-bottom: none;
}

.embed-responsive-1by1 {
    padding-bottom: 100%;
}

/***** ATELIERS ******/

.table-hover>tbody>tr {
background: rgba(255, 255, 255, 0.5);
}

.table-hover>tbody>tr:hover {
background: var(--color_alt-lighter);
}

.atelier>div>.label_atelier {
background-color: var(--color_alt-main);
position: absolute;
left: 5px;
top: 5px;
font-size: 1em;
}

.atelier>div>.title_container {
padding: 15px 5px 5px 5px;
background: var(--color_alt-main);
border-radius: 0 0 5px 5px;
}

.atelier>div>.title_container>.title {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 5px;
}

.atelier>div>img {
width: 100%;
border-radius: 5px 5px 0px 0px;
}

#choix_container {
padding: 100px 0px;
}

.choix_menu {
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
height: 100%;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
padding: 5px 15px;
}

.choix_menu a {
text-decoration: none;
}

.choix {
display: table;
width: 100%;
height: 150px;
background-color: var(--color_alt-main);
margin-bottom: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
transform: scale(1);
transition: transform 0.2s;
color: #fff;
}

.choix>div {
display: table-cell;
position: relative;
text-align: center;
vertical-align: bottom;
height: 250px;
border-radius: 5px;
color: white;
text-shadow: 1px 1px 5px black;
transition: .2s transform ease-in-out;
}

.choix:hover {
transform: scale(1.03);
}


/***** EVENT ******/

.stream_container {
display: table;
width: 100%;
height: 100%;
}

.stream_container>div {
display: table-cell;
vertical-align: middle;
}

.stream_container>div.live {
position: relative;
padding: 5px;
}

.stream_container>div.live>.livecontainer {
position: relative;
max-width: 1000px;
margin: auto;
}

.stream_container>div.live>.livecontainer #player {
background: var(--player-background);
box-shadow: 0px 5vw 4vw -3vw rgba(0, 0, 0, 0.8);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
outline: solid 1px var(--player-outline) !important;
}

.stream_container>div.modules {
position: relative;
width: var(--modules-size);
height: 100%;
min-height: 250px;
background-color: var(--modules-background);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}

.stream_container>div.modules>div#games_menu_container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.stream_container>div.modules>div#games_menu_container>.game_1 {
    background: var(--game1-bg_main);
    background: -moz-radial-gradient(circle, var(--game1-bg_main) 50%, var(--game1-bg_dark) 100%);
    background: -webkit-radial-gradient(circle, var(--game1-bg_main) 50%, var(--game1-bg_dark) 100%);
    background: radial-gradient(circle, var(--game1-bg_main) 50%, var(--game1-bg_dark) 100%);
}
.stream_container>div.modules>div#games_menu_container>.game_2 {
    background: var(--game2-bg_main);
    background: -moz-radial-gradient(circle, var(--game2-bg_main) 50%, var(--game2-bg_dark) 100%);
    background: -webkit-radial-gradient(circle, var(--game2-bg_main) 50%, var(--game2-bg_dark) 100%);
    background: radial-gradient(circle, var(--game2-bg_main) 50%, var(--game2-bg_dark) 100%);

}
.stream_container>div.modules>div#games_menu_container>.game_3 {
    background: var(--game3-bg_main);
    background: -moz-radial-gradient(circle, var(--game3-bg_main) 50%, var(--game3-bg_dark) 100%);
    background: -webkit-radial-gradient(circle, var(--game3-bg_main) 50%, var(--game3-bg_dark) 100%);
    background: radial-gradient(circle, var(--game3-bg_main) 50%, var(--game3-bg_dark) 100%);
}
.stream_container>div.modules>div#games_menu_container>.game_4 {
    background: var(--game4-bg_main);
    background: -moz-radial-gradient(circle, var(--game4-bg_main) 50%, var(--game4-bg_dark) 100%);
    background: -webkit-radial-gradient(circle, var(--game4-bg_main) 50%, var(--game4-bg_dark) 100%);
    background: radial-gradient(circle, var(--game4-bg_main) 50%, var(--game4-bg_dark) 100%);
}

.stream_container>div.modules>div#games_menu_container>div {
    width: 50%;
    min-height: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    position: relative;
}

.stream_container>div.modules>div#games_menu_container>div.closed>* {
    pointer-events: none;
}
.stream_container>div.modules>div#games_menu_container>div.closed a {
    opacity: .5;
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.stream_container>div.modules>div#games_menu_container>div:not(.closed) .open_date {
    display:none;
}

.stream_container>div.modules>div#games_menu_container>div.closed .open_date {
    display:block;
    font-weight: bold;
    color: #fff;
    position: absolute;
    text-align: center;
    transform: rotate(-7deg);
    left: 0;
    right: 0;
    font-size: 25px;
    text-shadow: 0 0 10px #000;
}


.stream_container>div.modules>div#games_menu_container .game_button {
    text-align: center;
    color: #fff;
    transform: scale(1);
    transition: .2s transform;
}

.stream_container>div.modules>div#games_menu_container .game_button:hover {
    text-decoration: none;
    transform: scale(1.1);
}



.stream_container>div.modules>div#games_menu_container .game_button img {
    max-width: 250px;
    padding: 10px;
    width: 100%;
}

@media (max-width: 767px) {
    .stream_container>div.modules>div#games_menu_container>div {
        width: 100%;
        min-height: unset;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.stream_container>div.modules>div:not(#games_menu_container) {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
display: none;
}



.stream_container>.modules>#interactivite>div>iframe,
.stream_container>.modules>#interactivite>div>.mod_custom {
position: absolute;
height: 100%;
}

.stream_container>div.modules .mod_custom {
display: inline-table;
width: 100%;
height: 100%;
overflow: hidden;
}

.stream_container>div.modules .mod_custom>div {
display: table;
height: 100%;
width: 100%;
}

.stream_container>div.modules .mod_custom>div>div {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 5px;
}


/***** EVENT INTERACTIVITE ******/

#interactivite .mod_selector {
position: absolute;
top: 0px;
left: 0;
display: table;
table-layout: fixed;
width: 100%;
height: 42px;
border-bottom: 1px solid var(--color_alt-main);
}

#interactivite .mod_selector>a {
display: table-cell;
padding: 9px;
vertical-align: middle;
text-align: center;
background: var(--me_tab-color);
color: var(--me_tab-text);
transition: all 0.2s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

#interactivite .mod_selector>a:hover,
#interactivite .mod_selector>a:active,
#interactivite .mod_selector>a:focus {
text-decoration: none;
background: var(--me_tab-color_hover);
color: var(--me_tab-text_hover);
}

#interactivite .mod_selector>a.active {
background: var(--me_tab-color_active);
color: var(--me_tab-text_active);
}

#interactivite .mod_selector>a:not(.active) {
box-shadow: inset 0px -10px 20px -10px rgba(0, 0, 0, 0.5);
}

#interactivite>div:not(.mod_selector) {
position: absolute;
top: 42px;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 42px);
opacity: 1;
transition: opacity .2s;
transition-delay: 0s;
}

#interactivite>div.m_hide {
pointer-events: none;
opacity: 0;
height: 0;
}





/***** DEMANDES ******/

.loading {
font-size: 40px;
--duration: 1s;
margin: 0 auto;
width: 1em;
aspect-ratio: 1;
background-image: none;
position: relative;
}

.loading .circle {
position: absolute;
left: .15em;
top: .15em;
right: .15em;
bottom: .15em;
border-radius: 1em;
border: .1em solid white;
border-color: var(--color_alt-main) var(--color_alt-main) var(--color_alt-main) transparent;
animation: rotate var(--duration) linear infinite;
}

@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}


/***** EVENT QUIZ ******/

@keyframes generique {
0% {
transform: scale(0);
}
25% {
transform: scale(1.4);
}
50% {
transform: scale(0.8);
}
75% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}

#quiz>div#quiz_container {
height: 100%;
width: 100%;
}

#quiz>#quiz_container>div {
display: table-cell;
padding: 10px 0;
vertical-align: middle;
text-align: center;
color: #fff;
}

.modules #quiz #quiz_container .generique {
padding: 20px;
width: 100%;
backface-visibility: hidden;
transform: scale(0);
}

.modules #quiz #quiz_container img.mng {
width: 100%;
max-width: 250px;
margin: auto;
}

.modules #quiz #quiz_container .generique img {
width: 100%;
max-width: 250px;
margin: auto;
}

.modules #quiz #quiz_container .generique.anim {
animation-name: generique;
animation-duration: 1s;
animation-iteration-count: 1;
transform: scale(1);
animation-timing-function: ease-in-out;
}

#quiz.qgenerique,
.modules #quiz #quiz_container #qgenerique,
#quiz.qprepare,
.modules #quiz #quiz_container #qprepare,
#quiz.qend,
.modules #quiz #quiz_container #qend {
background: var(--quiz-generique-bg_main);
background: -moz-radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
background: radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
color: var(--quiz-generique-text);
}

#quiz.q_quiz,
.modules #quiz #quiz_container #q_quiz {
background: var(--quiz-question-bg_main);
background: -moz-radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
background: radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
color: var(--quiz-question-text);
}

#quiz.q_correct,
#quiz #quiz_container #q_correct {
background: #fffcf2;
}

#quiz #quiz_container #q_correct {
background: #fffcf2;
color: #ffaf00;
}

#quiz.q_incorrect,
#quiz #quiz_container #q_incorrect {
background: #f46057;
}

#quiz #quiz_container #q_incorrect {
background: #f46057;
color: #102a54;
}

.next_qt {
    transition: transform .2s, background .2s, color .2s;
}



#quiz .voteconfirm.anim {
animation-name: bounceAnim;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

#quiz .voteconfirm[disabled],
#quiz .voteconfirm[disabled]:hover,
#quiz .voteconfirm[disabled]:active,
#quiz .voteconfirm[disabled]:focus {
opacity: 0;
background-color: #ECADAB;
border-color: #E89C9A;
color: #fff !important;
pointer-events: none;
}

body[data-jeu="3"] #quiz.q_quiz,
body[data-jeu="3"] #quiz #quiz_container,
body[data-jeu="3"] .modules #quiz #quiz_container #q_quiz {
    
background: var(--game3-bg_main);
background: -moz-radial-gradient(circle, var(--game3-bg_main) 0%, var(--game3-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--game3-bg_main) 0%, var(--game3-bg_dark) 100%);
background: radial-gradient(circle, var(--game3-bg_main) 0%, var(--game3-bg_dark) 100%);
color: var(--game3-text);
}

#quiz.bt_correct,
#quiz #quiz_container #bt_correct {
background: #fffcf2;
color: #ffaf00;
}

#quiz.bt_incorrect,
#quiz #quiz_container #bt_incorrect {
background: #f46057;
color: #102a54;
}

body[data-jeu="3"] .btn-vote,
body[data-jeu="3"] .btn-vote:active,
body[data-jeu="3"] .btn-vote:focus {
color: var(--game3-question-btn_text);
background: var(--game3-question-btn_main);
border: none;
display: block;
font-size: 18px;
white-space: inherit;
text-overflow: ellipsis;
margin: 10px 0;
transition: transform .2s, background .2s, color .2s;
}

body[data-jeu="3"]:not(.hasHover) .btn:not(.selected):hover,
body[data-jeu="3"].hasHover .btn[disabled]:hover {
transform: scale(1.01);
color: var(--game3-question-btn_hover_text);
background: var(--game3-question-btn_hover_main);
}

body[data-jeu="3"] .btn-vote.selected {
color: var(--game3-question-btn_active_text);
background: var(--game3-question-btn_active_main);
border: none;
transform: scale(1.03);
}

#quiz .voteconfirm {
    font-size: 20px;
    transform: scale(1);
    opacity: 1;
    transition: background-color .2s;
    color: #fff;
    background-color: #1b940d;
    border-color: #126109;
}

#quiz .voteconfirm:hover {
    color: #fff;
    background-color: #30b221;
    border-color: #126109;
}

#quiz .voteconfirm.anim {
animation-name: bounceAnim;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

#quiz .voteconfirm[disabled],
#quiz .voteconfirm[disabled]:hover,
#quiz .voteconfirm[disabled]:active,
#quiz .voteconfirm[disabled]:focus {
opacity: 0;
background-color: #ECADAB;
border-color: #E89C9A;
color: #fff !important;
pointer-events: none;
}

body.hasHover #quiz .btn-vote:not(.selected):not([disabled]):hover {
background: #ffba28;
color: #000;
}

img.quiz_logo {
    max-height: 100px;
}

body[data-jeu="3"] .btn.btn-og {
    color: var(--game3-question-btn_text);
    background: var(--game3-question-btn_main);
    border: none;
    font-size: 18px;
    margin: 10px 0;
    transition: background-color .2s, color .2s;
}

body[data-jeu="3"] .btn.btn-og:hover
{
    color: var(--game3-question-btn_hover_text);
    background: var(--game3-question-btn_hover_main);
    border: none;
    transform: scale(1) !important;
}

/***** EVENT JUSTE PRIX ******/

#justeprix>div#justeprix_container {
height: 100%;
width: 100%;
}

#justeprix>#justeprix_container>div {
display: table-cell;
padding: 10px;
vertical-align: middle;
text-align: center;
color: #fff;
}

.modules #justeprix #justeprix_container .generique {
padding: 20px;
width: 100%;
backface-visibility: hidden;
transform: scale(0);
}

.modules #justeprix #justeprix_container img.mng {
width: 100%;
max-width: 250px;
margin: auto;
}

.modules #justeprix #justeprix_container .generique img {
width: 100%;
max-width: 250px;
margin: auto;
}

.modules #justeprix #justeprix_container .generique.anim {
animation-name: generique;
animation-duration: 1s;
animation-iteration-count: 1;
transform: scale(1);
animation-timing-function: ease-in-out;
}

#justeprix.btgenerique,
.modules #justeprix #justeprix_container #btgenerique,
#justeprix.btprepare,
.modules #justeprix #justeprix_container #btprepare,
#justeprix.btend,
.modules #justeprix #justeprix_container #btend {
background: var(--quiz-generique-bg_main);
background: -moz-radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
background: radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
color: var(--quiz-generique-text);
}

#justeprix.jp_justeprix,
.modules #justeprix #justeprix_container #jp_justeprix {
    
background: var(--quiz-question-bg_main);
background: -moz-radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
background: radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
color: var(--quiz-question-text);
}

body[data-jeu="2"] #justeprix.jp_justeprix,
body[data-jeu="2"] .modules #justeprix #justeprix_container,
body[data-jeu="2"] .modules #justeprix #justeprix_container #jp_justeprix {
    
background: var(--game2-bg_main);
background: -moz-radial-gradient(circle, var(--game2-bg_main) 0%, var(--game2-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--game2-bg_main) 0%, var(--game2-bg_dark) 100%);
background: radial-gradient(circle, var(--game2-bg_main) 0%, var(--game2-bg_dark) 100%);
color: var(--game2-text);
}


#justeprix.jp_correct,
#justeprix #justeprix_container #jp_correct {
background: #fffcf2;
}

#justeprix #justeprix_container #jp_correct {
background: #fffcf2;
color: #ffaf00;
}

#justeprix.jp_incorrect,
#justeprix #justeprix_container #jp_incorrect {
background: #f46057;
}

#justeprix #justeprix_container #jp_incorrect {
background: #f46057;
color: #102a54;
}

body[data-jeu="2"] .btn-vote,
body[data-jeu="2"] .btn-vote:active,
body[data-jeu="2"] .btn-vote:focus {
color: var(--game2-question-btn_text);
background: var(--game2-question-btn_main);
border: none;
display: block;
font-size: 18px;
white-space: inherit;
text-overflow: ellipsis;
margin: 10px 0;
transition: transform .2s, background .2s, color .2s;
}

body[data-jeu="2"]:not(.hasHover) .btn:not(.selected):hover,
body[data-jeu="2"].hasHover .btn[disabled]:hover {
transform: scale(1.01);
color: var(--game2-question-btn_hover_text);
background: var(--game2-question-btn_hover_main);
}

body[data-jeu="2"] .btn-vote.selected {
color: var(--game2-question-btn_active_text);
background: var(--game2-question-btn_active_main);
border: none;
transform: scale(1.03);
}

#justeprix .voteconfirm {
    font-size: 20px;
    transform: scale(1);
    opacity: 1;
    transition: background-color .2s;
    color: #fff;
    background-color: #1b940d;
    border-color: #126109;
}

#justeprix .voteconfirm:hover {
    color: #fff;
    background-color: #30b221;
    border-color: #126109;
}

#justeprix .voteconfirm.anim {
animation-name: bounceAnim;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

#justeprix .voteconfirm[disabled],
#justeprix .voteconfirm[disabled]:hover,
#justeprix .voteconfirm[disabled]:active,
#justeprix .voteconfirm[disabled]:focus {
opacity: 0;
background-color: #ECADAB;
border-color: #E89C9A;
color: #fff !important;
pointer-events: none;
}

body.hasHover #justeprix .btn-vote:not(.selected):not([disabled]):hover {
background: #ffba28;
color: #000;
}

.label-jeu2 {
    background-color: #fff;
    color: #000;
    font-size: 0.8em;
    transition: background-color .2s;
}

a.label.label-jeu2:hover, a.label.label-jeu2:focus {
    background-color: #ddd;
    color: #000;
}

#justeprix input[type=number] {
    font-weight: 600 !important;
    text-align: right;
    width: 100px;
    font-size: 20px !important;
    display: inline-block
}
#justeprix .jp_input {
    display: inline-block;
    background: var(--game2-question-btn_active_main);
    border-color: var(--game2-question-btn_active_main);
}

#justeprix span.jpindiceuro {
    font-size: 20px;
    padding-left: 4px;
}

#justeprix input::-webkit-outer-spin-button,
#justeprix input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#justeprix input[type=number] {
  -moz-appearance: textfield;
}

body[data-jeu="2"] .btn.btn-og {
    color: var(--game2-question-btn_text);
    background: var(--game2-question-btn_main);
    border: none;
    font-size: 18px;
    margin: 10px 0;
    transition: background-color .2s, color .2s;
}

body[data-jeu="2"] .btn.btn-og:hover
{
    color: var(--game2-question-btn_hover_text);
    background: var(--game2-question-btn_hover_main);
    border: none;
    transform: scale(1) !important;
}

/***** EVENT BLINDTEST ******/

#blindtest>div#blindtest_container {
height: 100%;
width: 100%;
}

#blindtest>#blindtest_container>div {
display: table-cell;
padding: 10px;
vertical-align: middle;
text-align: center;
color: #fff;
}

.modules #blindtest #blindtest_container .generique {
padding: 20px;
width: 100%;
backface-visibility: hidden;
transform: scale(0);
}

.modules #blindtest #blindtest_container img.mng {
width: 100%;
max-width: 250px;
margin: auto;
}

.modules #blindtest #blindtest_container .generique img {
width: 100%;
max-width: 250px;
margin: auto;
}

.modules #blindtest #blindtest_container .generique.anim {
animation-name: generique;
animation-duration: 1s;
animation-iteration-count: 1;
transform: scale(1);
animation-timing-function: ease-in-out;
}

#blindtest.btgenerique,
.modules #blindtest #blindtest_container #btgenerique,
#blindtest.btprepare,
.modules #blindtest #blindtest_container #btprepare,
#blindtest.btend,
.modules #blindtest #blindtest_container #btend {
background: var(--quiz-generique-bg_main);
background: -moz-radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
background: radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
color: var(--quiz-generique-text);
}

#blindtest.bt_blindtest,
.modules #blindtest #blindtest_container #bt_blindtest {
    
background: var(--quiz-question-bg_main);
background: -moz-radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
background: radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
color: var(--quiz-question-text);
}

body[data-jeu="1"] #blindtest.bt_blindtest,
body[data-jeu="1"] .modules #blindtest #blindtest_container,
body[data-jeu="1"] .modules #blindtest #blindtest_container #bt_blindtest {
    
background: var(--game1-bg_main);
background: -moz-radial-gradient(circle, var(--game1-bg_main) 0%, var(--game1-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--game1-bg_main) 0%, var(--game1-bg_dark) 100%);
background: radial-gradient(circle, var(--game1-bg_main) 0%, var(--game1-bg_dark) 100%);
color: var(--game1-text);
}


#blindtest.bt_correct,
#blindtest #blindtest_container #bt_correct {
background: #fffcf2;
}

#blindtest #blindtest_container #bt_correct {
background: #fffcf2;
color: #ffaf00;
}

#blindtest.bt_incorrect,
#blindtest #blindtest_container #bt_incorrect {
background: #f46057;
}

#blindtest #blindtest_container #bt_incorrect {
background: #f46057;
color: #102a54;
}

body[data-jeu="1"] .btn-vote,
body[data-jeu="1"] .btn-vote:active,
body[data-jeu="1"] .btn-vote:focus {
color: var(--game1-question-btn_text);
background: var(--game1-question-btn_main);
border: none;
display: block;
font-size: 18px;
white-space: inherit;
text-overflow: ellipsis;
margin: 10px 0;
transition: transform .2s, background .2s, color .2s;
}

body[data-jeu="1"]:not(.hasHover) .btn:not(.selected):hover,
body[data-jeu="1"].hasHover .btn[disabled]:hover {
transform: scale(1.01);
color: var(--game1-question-btn_hover_text);
background: var(--game1-question-btn_hover_main);
}

body[data-jeu="1"] .btn-vote.selected {
color: var(--game1-question-btn_active_text);
background: var(--game1-question-btn_active_main);
border: none;
transform: scale(1.03);
}

#blindtest .voteconfirm {
    font-size: 20px;
    transform: scale(1);
    opacity: 1;
    transition: background-color .2s;
    color: #fff;
    background-color: #1b940d;
    border-color: #126109;
}

#blindtest .voteconfirm:hover {
    color: #fff;
    background-color: #30b221;
    border-color: #126109;
}

#blindtest .voteconfirm.anim {
animation-name: bounceAnim;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

#blindtest .voteconfirm[disabled],
#blindtest .voteconfirm[disabled]:hover,
#blindtest .voteconfirm[disabled]:active,
#blindtest .voteconfirm[disabled]:focus {
opacity: 0;
background-color: #ECADAB;
border-color: #E89C9A;
color: #fff !important;
pointer-events: none;
}

body.hasHover #blindtest .btn-vote:not(.selected):not([disabled]):hover {
background: #ffba28;
color: #000;
}

.label-jeu1 {
    background-color: #fff;
    color: #000;
    font-size: 0.8em;
    transition: background-color .2s;
}

a.label.label-jeu1:hover, a.label.label-jeu1:focus {
    background-color: #ddd;
    color: #000;
}

body[data-jeu="1"] .btn.btn-og {
    color: var(--game1-question-btn_text);
    background: var(--game1-question-btn_main);
    border: none;
    font-size: 18px;
    margin: 10px 0;
    transition: background-color .2s, color .2s;
}

body[data-jeu="1"] .btn.btn-og:hover
{
    color: var(--game1-question-btn_hover_text);
    background: var(--game1-question-btn_hover_main);
    border: none;
    transform: scale(1) !important;
}


/***** EVENT CINEMA ******/

#cinema>div#cinema_container {
height: 100%;
width: 100%;
}

#cinema>#cinema_container>div {
display: table-cell;
padding: 10px;
vertical-align: middle;
text-align: center;
color: #fff;
}

.modules #cinema #cinema_container .generique {
padding: 20px;
width: 100%;
backface-visibility: hidden;
transform: scale(0);
}

.modules #cinema #cinema_container img.mng {
width: 100%;
max-width: 250px;
margin: auto;
}

.modules #cinema #cinema_container .generique img {
width: 100%;
max-width: 250px;
margin: auto;
}

.modules #cinema #cinema_container .generique.anim {
animation-name: generique;
animation-duration: 1s;
animation-iteration-count: 1;
transform: scale(1);
animation-timing-function: ease-in-out;
}

#cinema.cgenerique,
.modules #cinema #cinema_container #cgenerique,
#cinema.cprepare,
.modules #cinema #cinema_container #cprepare,
#cinema.cend,
.modules #cinema #cinema_container #cend {
background: var(--quiz-generique-bg_main);
background: -moz-radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
background: radial-gradient(circle, var(--quiz-generique-bg_main) 0%, var(--quiz-generique-bg_dark) 100%);
color: var(--quiz-generique-text);
}

#cinema.c_cinema,
.modules #cinema #cinema_container #c_cinema {
    
background: var(--quiz-question-bg_main);
background: -moz-radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
background: radial-gradient(circle, var(--quiz-question-bg_main) 0%, var(--quiz-question-bg_dark) 100%);
color: var(--quiz-question-text);
}

body[data-jeu="4"] #cinema.c_cinema,
body[data-jeu="4"] .modules #cinema #cinema_container,
body[data-jeu="4"] .modules #cinema #cinema_container #c_cinema {
    
background: var(--game4-bg_main);
background: -moz-radial-gradient(circle, var(--game4-bg_main) 0%, var(--game4-bg_dark) 100%);
background: -webkit-radial-gradient(circle, var(--game4-bg_main) 0%, var(--game4-bg_dark) 100%);
background: radial-gradient(circle, var(--game4-bg_main) 0%, var(--game4-bg_dark) 100%);
color: var(--game4-text);
}


#cinema.c_correct,
#cinema #cinema_container #c_correct {
background: #fffcf2;
}

#cinema #cinema_container #c_correct {
background: #fffcf2;
color: #ffaf00;
}

#cinema.c_incorrect,
#cinema #cinema_container #c_incorrect {
background: #f46057;
}

#cinema #cinema_container #c_incorrect {
background: #f46057;
color: #102a54;
}

body[data-jeu="4"] .btn-vote,
body[data-jeu="4"] .btn-vote:active,
body[data-jeu="4"] .btn-vote:focus {
color: var(--game4-question-btn_text);
background: var(--game4-question-btn_main);
border: none;
display: block;
font-size: 18px;
white-space: inherit;
text-overflow: ellipsis;
margin: 10px 0;
transition: transform .2s, background .2s, color .2s;
}

body[data-jeu="4"]:not(.hasHover) .btn:not(.selected):hover,
body[data-jeu="4"].hasHover .btn[disabled]:hover {
transform: scale(1.01);
color: var(--game4-question-btn_hover_text);
background: var(--game4-question-btn_hover_main);
}

body[data-jeu="4"] .btn-vote.selected {
color: var(--game4-question-btn_active_text);
background: var(--game4-question-btn_active_main);
border: none;
transform: scale(1.03);
}

#cinema .voteconfirm {
    font-size: 20px;
    transform: scale(1);
    opacity: 1;
    transition: background-color .2s;
    color: #fff;
    background-color: #1b940d;
    border-color: #126109;
}

#cinema .voteconfirm:hover {
    color: #fff;
    background-color: #30b221;
    border-color: #126109;
}

#cinema .voteconfirm.anim {
animation-name: bounceAnim;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

#cinema .voteconfirm[disabled],
#cinema .voteconfirm[disabled]:hover,
#cinema .voteconfirm[disabled]:active,
#cinema .voteconfirm[disabled]:focus {
opacity: 0;
background-color: #ECADAB;
border-color: #E89C9A;
color: #fff !important;
pointer-events: none;
}

body.hasHover #cinema .btn-vote:not(.selected):not([disabled]):hover {
background: #ffba28;
color: #000;
}

.label-jeu4 {
    background-color: #fff;
    color: #000;
    font-size: 0.8em;
    transition: background-color .2s;
}

a.label.label-jeu4:hover, a.label.label-jeu4:focus {
    background-color: #ddd;
    color: #000;
}

.cine_affiche {
    overflow: hidden;
    background: #000;
}

.cine_affiche>img {
    max-height: 660px;
    animation: blur 20s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
}

@keyframes blur {
    0% {
        filter: blur(24px);
        -webkit-filter: blur(24px);
    }

    100% {
        filter: blur(0);
        -webkit-filter: blur(0);
    }
}

body[data-jeu="4"] .btn.btn-og {
    color: var(--game4-question-btn_text);
    background: var(--game4-question-btn_main);
    border: none;
    font-size: 18px;
    margin: 10px 0;
    transition: background-color .2s, color .2s;
}

body[data-jeu="4"] .btn.btn-og:hover
{
    color: var(--game4-question-btn_hover_text);
    background: var(--game4-question-btn_hover_main);
    border: none;
    transform: scale(1) !important;
}


/***** MODULES CUSTOM *****/

#nomodule {
background-color: var(--color-darker);
color: #fff;
}


/***** FOOTER *****/

#footer {
display: table;
table-layout: fixed;
position: fixed;
width: 100%;
bottom: 0;
height: 50px;
color: #000;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
background: var(--footer-color-main);
background-image: -moz-linear-gradient(bottom, var(--footer-color-main) 0%, var(--footer-color-alt) 100%);
background-image: -webkit-linear-gradient(bottom, var(--footer-color-main) 0%, var(--footer-color-alt) 100%);
background-image: linear-gradient(to top, var(--footer-color-main) 0%, var(--footer-color-alt) 100%);
border-top: 1px solid var(--navbar-color-border);
}

#footer .tbl {
display: table;
height: 100%;
}

#footer .tbl>div {
display: table-cell;
padding: 0 10px;
vertical-align: middle;
}

#footer img {
max-height: 35px;
}

#footer img.center {
margin: auto;
}

#footer img.right,
#footer a.right {
float: right;
}

#footer ul {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
white-space: nowrap;
color: #fff;
}

#footer ul>li {
display: inline-block;
padding: 12px 15px;
position: relative;
}

#footer ul>li:after,
#footer ul>li:before {
content: "\00a0";
display: inline-block;
}

#footer ul>li small {
font-size: 70%;
font-style: italic;
}

#footer>a,
#footer>div {
padding-left: 10px;
display: table-cell;
vertical-align: middle;
}

#footer .logome {
width: 150px;
height: 50px;
padding-right: 10px;
transition: all 0.3s;
background-image: url(../images/logo_myevent.png);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
background-origin: content-box;
}

#footer .logome:hover {
background-image: url(../images/logo_myevent_h.png);
width: 160px;
}

#footer .logo {
width: 110px;
height: 50px;
padding-right: 10px;
transition: all 0.3s;
background-image: url(../images/logo_avprod.png);
background-repeat: no-repeat;
background-size: contain;
background-position: right;
background-origin: content-box;
}

#footer .logo:hover {
background-image: url(../images/logo_avprod_h.png);
width: 120px;
}

#footer .logo.white {
background-image: url(../images/logo_avprod_w.png);
}

#footer .logo.white:hover {
background-image: url(../images/logo_avprod_w_h.png);
}

.btn-vote,
.btn-vote:active,
.btn-vote:focus {
font-size: 18px;
white-space: inherit;
display: block;
text-overflow: ellipsis;
margin: 10px 0;
color: #999;
background: #feffff;
/* Old browsers */
border-color: #999;
transition: transform .2s;
}

.btn-vote.selected {
color: #fff;
background: #64b32e;
border-color: #999;
transform: scale(1.03);
}

.voteconfirm {
font-size: 20px;
transform: scale(1);
opacity: 1;
transition: background-color .2s;
}

.voteconfirm.anim {
animation-name: bounceAnim;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}

.voteconfirm[disabled],
.voteconfirm[disabled]:hover,
.voteconfirm[disabled]:active,
.voteconfirm[disabled]:focus {
opacity: 0;
background-color: #ECADAB;
border-color: #E89C9A;
color: #fff !important;
pointer-events: none;
}

body.hasHover .btn-vote:not(.selected):not([disabled]):hover {
background: #ffba28;
color: #000;
}

@keyframes bounceAnim {
0% {
transform: scale(1);
}
40% {
transform: scale(1.5);
}
80% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}

@media (max-width: 991px) {
.stream_container {
display: table;
width: 100%;
height: 100%;
}
.stream_container>div {
display: table-row;
width: 100%;
vertical-align: top;
}
.stream_container>div>div {
display: table-cell;
}
.stream_container>div.live {
width: 100%;
height: calc(56.25vw + 1px);
padding: 0px;
}
.stream_container>div.modules {
width: 100%;
height: 100%;
box-shadow: none;
position: absolute
}
#footer>.link {
font-size: 15px;
}
#me_player>div {
padding: 0;
}
}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
background: var(--navbar-dropdown-background)
}
.navbar .navbar-header img {
margin-left: 15px;
}
}

@media (max-width: 650px) {
.btn-vote,
.btn-vote:active,
.btn-vote:focus {
font-size: 3.5vw;
}
#question h1 {
font-size: 7vw;
}
.mng {
max-width: 95vw;
}
.vote-intro {
font-size: 3.5vw;
padding: 2vw;
}
.voteconfirm {
font-size: 4vw;
}
}