#rechercheCode label {font-family: "Nunito", Sans-serif; font-size: 24px; font-weight: 800; margin-bottom: 24px; color: var( --e-global-color-primary );}
#rechercheCode input {width: 100%; margin-bottom: 20px;}

.imgFullBack {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 0;}
.getImgJeux_entete {text-align: center;}
.getImgJeux_entete img {display: inline-block; width: auto;}
.getImgJeux_banniere img {display: block; width: auto;}
.getImgJeux_logo {max-width: 300px;}


#content {position: relative;}
#myVideo {position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%;object-fit: cover;}
  

/* .bg-quiz {background: rgba(231, 235, 255, 0.6);} */
.bg-quiz {background: rgba(0,0,0, 0.45);}
.bg-red {background: #f65003 !important;}
.bg-green {background: green !important;}
.btn-next:hover {background-color: white; color: var( --e-global-color-secondary ); border-color: var( --e-global-color-secondary );}
.inforgpd {color: white; line-height: 1.2; font-size: 14px; margin-top: 10px;}

.form_global {font-size: 16px;}
.form_global label {display: block;}
.form_global h2 {font-family: "Nunito", Sans-serif; font-size: 48px; font-weight: 800; margin-bottom: 24px; color: var( --e-global-color-primary );}
.form_global h2 span {color: var( --e-global-color-secondary );}
.form_global_flex {display: flex; justify-content: space-between; align-items: start;}
    .form_global_quiz {max-width: 600px; margin: auto; padding: 2rem; border-radius: 20px;}
    .form_global_quiz.hide {display: none !important;}
    .rowForm h2, .form_global_quiz h2 {font-family: "Nunito", Sans-serif; font-size: 35px; font-weight: 800; margin-bottom: 24px; color: var( --e-global-color-secondary ); text-align: center;}
    .form_global_quiz h2.questions {font-family: "Nunito", Sans-serif; font-size: 30px; font-weight: 800; margin-bottom: 24px; color: var( --e-global-color-secondary ); text-align: center;}
    .form_global_quiz h3 {font-family: "Nunito", Sans-serif; font-size: 20px; font-weight: 800; margin-bottom: 24px; color: white; text-align: center;}
    .form_global_quiz p {font-weight: 800; font-size: 18px; font-family: "Nunito", Sans-serif; color: white; text-align: center;}
    .form_global_quiz label {font-weight: 700; margin-bottom: 2px; display: block; background-color: rgba(21,21,21, 1); padding: 1rem; cursor: pointer; color: white;}
    .form_global_quiz input[type=radio] {margin-right: 5px;}
    .form_global_quiz .rowQuiz {margin-bottom: 20px;}
    .form_global_quiz .rowQuiz.none {display: none}
    .form_global_quiz .rowQuiz.intro {text-align: center;}
    .form_global_quiz .rowQuiz .error {margin-top: 2rem; display: none;}
    .form_global_quiz .rowQuizIntermediate {display: none;}
    .form_global_quiz .rowQuizIntermediate h3 {font-size: 25px;}

    .error {background-color: #f65003; border-radius: 10px; color: white; padding: 10px; margin-bottom: 20px; text-align: center;}

.form_global .rowForm {max-width: 600px; width: 100%;margin: auto; padding: 2rem; border-radius: 20px; display: none;}
.form_global .rowForm.show {display: block;}
    .form_global .rowForm .row {display: flex; gap: 10px; justify-content: space-between; margin-bottom: 10px;}
    .form_global .rowForm .row.inline {justify-content: start; align-items: flex-start; margin-top: 20px; margin-bottom: 20px;}
    .form_global .rowForm .row.inline * {display: inline-block; vertical-align: top;}
    .form_global .rowForm .row .col {width: 100%;}
    .form_global .rowForm .row .col.Ierror * {color: #f63403;}
    .form_global .rowForm .row .col.Ierror input {border-color: #f63403;}
    .form_global .rowForm label {margin-bottom: 10px; color: white;}
    .form_global .rowForm .row.inline label {margin-bottom: 0;}
    .form_global #form_submit {width: 100%;}






@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 767px) {
    .form_global_quiz {padding: 1rem }
    .form_global_quiz h2 {font-size: 27px;}

    .getImgJeux_logo {max-width: 100%; text-align: center;}
        .getImgJeux_logo img {max-width: 100%; width: 100%;}
    .form_global .rowForm .row {flex-direction: column;}
    .form_global .rowForm .row.inline {flex-direction: row;}

}