/* Theme Name: Quiz
 * Theme URI: http://www.net-tic.net/
 * Description: Theme personnalisé créé par Net & Tic.
 * Version: 1
 * Author: Net#Tic
 * Author URI: https://www.net-tic.net
 */

.grecaptcha-badge {
	display: none;
}
body {
    background: #CDC3BD;
    font-family: Roboto;
    font-size: 21px;
    position: relative;
    min-height: 600px;
    height: 99vh;
    width: 99vw;
    /*overflow: hidden;*/
}
@font-face {
    font-family: 'Roboto';
    src: url('font/Roboto-Regular.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    src: url('font/Roboto-Medium.ttf');
}
@font-face {
    font-family: 'Roboto';
    font-weight: bold;
    src: url('font/Roboto-Bold.ttf');
}

p{
    margin-bottom: 0!important;
}
ul{
    padding-left: 20px!important;
}
body > *:first-child{
    position: absolute;
    top: -999px;
    left: -999px;
    right: -1009px;
    bottom: -999px;
    width: 1024px;
    height: 600px;
    margin: auto;
}


.rgpd-check-wrapper {
    margin: 15px 0;
    text-align: center;
}

.rgpd-check-wrapper a {
    color: #5D534D;
    transition: all 500ms;
}
.rgpd-check-wrapper a:hover {
    color: #2D231D;
}


/* ACCUEIL */

.alert {
    padding: .75rem 1.25rem;
    font-size: 0.75em;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin: 15px!important;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d;
}
.alert-error {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442;
}
.alert {
    display: none;
}
.homepage {
    background: white;
    height: calc(100% - 50px);
}
.homepage-inner {
    background: white;
    height: 100%;
}
.homepage-inner {
    display: flex;
}
.homepage-inner .col-1:after {
    content:"";
    width: 2px;
    background: #CDC3BD;
    height: 90%;
    position: absolute;
    top: 5%;
    right: -1px;
}
.homepage-inner .col-1, .homepage-inner .col-2 {
    width: 50%;
    height: 100%;
    position: relative;
}
.homepage-inner .col-1 a, .homepage-inner .col-2 a {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 50px;
    text-decoration: none;
    transition: all 500ms;
}
.homepage-inner .col-1 a .overlay, .homepage-inner .col-2 a .overlay {
    background: rgba(0,0,0,0.15);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: all 500ms;
}
.homepage-inner .col-1 a:hover .overlay , .homepage-inner .col-2 a:hover .overlay, .homepage-inner .col-1 a.disabled .overlay , .homepage-inner .col-2 a.disabled .overlay {
    opacity: 1;
}

.homepage-inner .title {
    font-size: 30px;
    color: black;
    font-weight: bold;
}
.homepage-inner .img-wrapper {
    width: 220px;
    max-width: 90%;
    margin: 100px auto;
}
.homepage-inner .img-wrapper img{
    width: 100%;
}

.page_contenu {
    font-size: 0.875em;
}

.page_contenu a {
    color: #5D534D;
    transition: all 500ms;
}
.page_contenu a:hover {
    color: #2D231D;
}


/* TOUS LES SLIDES */


h3.ipt_fsqm_main_heading{
    background: url('img/note.png') calc(100% - 100px) center no-repeat!important;
}
h3.ipt_fsqm_main_heading.ipt_uif_heading *{
    color: #911725!important;
    font-size: 30px;
    text-align: center;
}

.ipt_uif_heading .ipt_uif_divider_text_inner{
    display: inline-block;
    margin: auto;
}
.ipt_uif_question_label, .ipt_uif_question_content, .ipt_uif_label_column{
    display: block!important;
    width: 100%!important;
}
.ipt_uif_progress_bar, .ipt_uif_question_required, .ipt-eform-fullview .ipt-eform-layout-wrapper, .ipt-eform-fullview .ipt_fsqm_full_preview_sb, .ipt_fsqm_preview.ipt_fsqm_show_details {
    display: none!important;
}
.ipt-eform-content {
    background-color: transparent!important;
    box-shadow: none!important;
}
#ipt_fsqm_form_55_layout_1_inner .ipt_uif_question_label, #ipt_fsqm_form_55_layout_1_inner .ipt_uif_question_content, #ipt_fsqm_form_54_layout_1_inner .ipt_uif_question_label, #ipt_fsqm_form_54_layout_1_inner .ipt_uif_question_content{
    display: inline-block!important;
    width: 50%!important;
}
#ipt_fsqm_form_55_layout_0_inner, #ipt_fsqm_form_54_layout_0_inner{
    width: 100%;
    height: 100%;
    background: white;
}
.ipt_fsqm_main_form{
    width: 1024px;
    height: 600px;
    margin: auto!important;
    overflow: hidden;
    position: relative;
}
.ipt_fsqm_form_button_container{
    margin: 0!important;
    position: absolute;
    top: 520px;
    z-index: 0;
    width: 100%;
    height: 80px;
    background: transparent!important;
    max-width: 1024px;
}
.ipt_fsqm_form_button_container > .eform-button-container-inner{
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.ipt_uif_column{
    margin: 0!important;
    padding: 0!important;
}
button.ipt_fsqm_form_button_next, .ipt_fsqm_form_button_submit{
    position: absolute!important;
    height: 60px!important;
    width: 60px!important;
    right: 10px!important;
    bottom: 10px!important;
    background: url('img/next.png') center center no-repeat!important;
    color: transparent!important;
    transition: all 500ms;
}
button.ipt_fsqm_form_button_next:hover{
    background: url('img/next-hover.png') center center no-repeat!important;

}
button.ipt_fsqm_form_button_prev{
    position: absolute!important;
    height: 60px!important;
    width: 60px!important;
    left: 10px!important;
    bottom: 10px!important;
    background: url('img/prev.png') center center no-repeat!important;
    color: transparent!important;
}
button.ipt_fsqm_form_button_prev:hover{
    background: url('img/prev-hover.png') center center no-repeat!important;
    transition: all 500ms;
}
.container-accueil{
    background: #CFC8C4!important;
    background: linear-gradient(to right, #CFC8C4, white, white, #CFC8C4)!important;
    padding: 30px!important;
    padding-bottom: 20px!important;
}
.container-accueil p{
    color: black;
    font-size: 21px;
    font-weight: 500;
}
.ipt_fsqm_container_checkbox, .ipt_fsqm_container_radio, .ipt_fsqm_container_sorting{
    background: white!important;
    max-width: 824px;
    margin: auto!important;
    float: none!important;
    clear: both;
    overflow: hidden;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#797979), to(transparent));
    background-image: -webkit-linear-gradient(#797979, transparent)!important;
    background-image:
            -moz-linear-gradient(#797979, transparent),
            -moz-linear-gradient(#797979, transparent)!important;
    background-image:
            -o-linear-gradient(#797979, transparent),
            -o-linear-gradient(#797979, transparent)!important;
    background-image:
            linear-gradient(#797979, transparent),
            linear-gradient(#797979, transparent)!important;
    -moz-background-size: 3px 100%;
    background-size: 3px 100%!important;
    background-position: 0 0, 100% 0!important;
    background-repeat: no-repeat!important;
    border-top: 3px solid #797979!important;
    border-radius: 30px!important;
    padding: 0 3px!important;
}
.ipt_fsqm_container_sorting .ipt_uif_question_subtitle {
    text-align: center;
    margin-top: 10px!important;
}
.ipt_fsqm_container_sorting .ipt_uif_question_content {
    margin-bottom: 50px;
}
.ipt_fsqm_container_checkbox:after{
    content: "Plusieurs réponses possibles";
    position: absolute;
    width: 818px;
    font-size: 1.125em;
    display: inline-block;
    height: 25px;
    bottom: -35px;
    color: #911725!important;
    text-align: center;
}
#ipt_fsqm_form_56 .ipt_fsqm_main_heading_column, #ipt_fsqm_form_57 .ipt_fsqm_main_heading_column {
    display: none!important;
}
.ipt_fsqm_container_radio:after {
    content: "Une seule réponse possible";
    position: absolute;
    width: 818px;
    font-size: 1.125em;
    display: inline-block;
    height: 25px;
    bottom: -35px;
    color: #911725!important;
    text-align: center;
}
.ipt_fsqm_embed {
    height: 0!important;
}
.container-accueil p:first-child {
    color: #a30f1d;
    margin-bottom: 10px!important;
    font-weight: bold;
}
.ipt-uif-custom-material-default .ipt_uif_column .ipt_uif_column_inner.side_margin, .ipt_uif_common .ui-tabs, .ipt_uif_common .ui-tabs .ui-tabs-panel{
    padding: 0!important;
}
.circle-clipper {
    overflow: visible!important;
}
.red-container {
    background: #911725!important;
    color: white;
    height: 80px;
    font-size: 30px;
    padding-top: 20px!important;
}
.red-container > p {
    font-weight: bold;
}
.full-height-slide {
    background : url('img/fond-titre.png') center center no-repeat #911725!important;
    height: 600px;
    display: flex;
    position: relative;
}
.full-height-slide-connaissance {

    background : url('http://quiz.net-tic.net/wp-content/uploads/2020/03/mesconnaissances.jpg') center center no-repeat #911725!important;
    height: 600px;
    display: flex;
    position: relative;

}
.full-height-slide > h1 {
    text-align: center;
    margin: auto!important;
    margin-top: unset;
    margin-bottom: unset;
    font-weight: bold!important;
    color: white!important;
    font-size: 50px!important;
}
.full-height-slide.min > h1 {
    font-size: 44px!important;
}
.slide-responses{
    background: #234E53!important;
    height: 600px;
}
.slide-responses h1 {
    color: white !important;
    font-size: 52px !important;
    text-transform: uppercase;
    font-weight: bold !important;
    padding-top: 40px !important;
}
.container-responses{
    background: url('img/row-response.png') center center no-repeat!important;
    background-size: cover;
    width: 835px;
    height: 365px;
    color: white!important;
    margin: auto!important;
    text-align: center;
    font-size: 28px;
    padding-top: 40px!important;
}
.slide-responses h3{
    color: white!important;
    text-align: center;
    font-weight: bold!important;
    font-size: 28px;
}
.ipt_fsqm_main_heading_column .ipt_uif_divider_text_inner{
    color: #911725!important;
    font-weight: bold!important;
    font-size: 50px!important;
    height: 122px;
    padding-top: 30px!important;
}
.ipt_uif_question_title{
    background-color: #911725!important;
    color: white!important;
    padding: 15px 25px!important;
    font-size: 24px!important;
    font-weight: bold!important;
    text-align: center;
}
.row-icon-responses{
    display: flex;
}
.row-icon-responses img {
    margin: 40px auto 0;
}
.ipt_uif_label_column{
    background-color: #F5F4F3!important;
    padding: 0!important;
    width: 100%!important;
    border: 2px solid #CFC9C3!important;
    border-left-width: 0!important;
    border-right-width: 0!important;
    margin-bottom: 30px!important;
    height: 70px!important;
    display: flex !important;
}
.ipt_uif_label_column > label{
    padding-left: 20px!important;
    padding-right: 125px!important;
    width: 100%!important;
    color: #911725!important;
    font-size: 22px!important;
    font-weight: 500!important;
    margin: auto;
}
.ipt_uif_question_content{
    padding: 20px 35px 0 35px!important;
}
.ipt_uif_label_column > label:before, .ipt_uif_label_column > label:after {
    top: 0!important;
    bottom: 0!important;
    margin: auto!important;
    margin-right: 20px!important;
    transition: none!important;
}
.ipt-uif-custom-material-default [type=checkbox]+label:after, .ipt-uif-custom-material-default [type=checkbox]+label:before, .ipt-uif-custom-material-default [type=radio]+label:after, .ipt-uif-custom-material-default [type=radio]+label:before{
    left: auto!important;
    right: 0!important;
}
.ipt-uif-custom-material-default [type=checkbox]+label:before, .ipt-uif-custom-material-default [type=radio]+label:before{
    background: url('img/checkbox.png') center center no-repeat!important;
    border: none!important;
    width: 40px!important;
    height: 40px!important;
    border-radius: 0!important;
}
.ipt-uif-custom-material-default [type=checkbox]:checked+label:after, .ipt-uif-custom-material-default [type=radio]:checked+label:after{
    background: url('img/checkbox-v.png') center center no-repeat!important;
    border: none!important;
    width: 40px!important;
    height: 40px!important;
}
.ipt-uif-custom-material-default [type=checkbox]:checked+label:after, .ipt-uif-custom-material-default [type=radio]:checked+label:after{
    content: ''!important;
}



/* SLIDE 1 */

#ipt_fsqm_form_55_layout_1_inner h3.ipt_fsqm_main_heading, #ipt_fsqm_form_54_layout_1_inner h3.ipt_fsqm_main_heading{
    background: none!important;
    text-align: left!important;
}
#ipt_fsqm_form_55_layout_1_inner .ipt_uif_question_title, #ipt_fsqm_form_54_layout_1_inner .ipt_uif_question_title{
    background-color: #edece8!important;
    border: 2px solid #FCFCFC!important;
    border-left-width: 0!important;
    border-right-width: 0!important;
    height: 50px!important;
    font-weight: 500!important;
    color: #911725!important;
    padding: 6px!important;
    width: 90%;
    float: right;
}
#ipt_fsqm_form_55_layout_1_inner .ipt_uif_question_content, #ipt_fsqm_form_54_layout_1_inner .ipt_uif_question_content{
    padding: 0 30px 0 30px;!important;
    padding-top: 0!important;
    height: 50px;
}
#ipt_fsqm_form_55_layout_1_inner .ipt_uif_question_content input, #ipt_fsqm_form_54_layout_1_inner .ipt_uif_question_content input{
    background: white!important;
    border: 1px solid #F0F0F0!important;
    height: 50px!important;
    padding: 0 0 0 20px;
    width: calc(100% - 20px);
    font-size: 20px;
}
#ipt_fsqm_form_55_layout_1_inner h3 .ipt_uif_divider_text_inner, #ipt_fsqm_form_54_layout_1_inner h3 .ipt_uif_divider_text_inner{
    width: 100%;
    text-align: left;
    padding-left: 80px;
}
#ipt_fsqm_form_54_tab_1{
    background: url('img/fond-form.jpg') no-repeat!important;
    height: 600px!important;
}
#ipt_fsqm_form_55_tab_1 {
    background: url('img/fond-form-2.jpg') no-repeat!important;
    height: 600px!important;
}
#ipt_fsqm_form_55_tab_1 .ipt_uif_question, #ipt_fsqm_form_54_tab_1 .ipt_uif_question {
    margin-bottom: 40px;
}
#ipt_fsqm_form_55_layout_1_inner .ipt_uif_richtext p, #ipt_fsqm_form_54_layout_1_inner .ipt_uif_richtext p {
    padding: 0 30px!important;
    color: #911725!important;
    font-weight: 500!important;
}
.ipt_uif_printelement {
    display: none!important;
}
.ipt_fsqm_exp_download_submission {
    display: none!important;
}

#ipt_fsqm_form_55_layout_4_inner .ipt_uif_label_column {
    margin-bottom: 10px!important;
    height: 45px!important;
}
#ipt_fsqm_form_53_layout_12_inner .ipt_uif_label_column, #ipt_fsqm_form_54_layout_12_inner .ipt_uif_label_column{
    margin-bottom: 10px!important;
    height: 50px!important;
}
#ipt_fsqm_form_53_layout_12_inner .ipt_uif_label_column > label, #ipt_fsqm_form_53_layout_12_inner .ipt_uif_question_title, #ipt_fsqm_form_54_layout_12_inner .ipt_uif_label_column > label, #ipt_fsqm_form_54_layout_12_inner .ipt_uif_question_title{
    font-size: 18px!important;
}
#ipt_fsqm_form_53_layout_14_inner .ipt_uif_label_column, #ipt_fsqm_form_54_layout_14_inner .ipt_uif_label_column{
    margin-bottom: 20px!important;
}
#ipt_fsqm_form_53_layout_9_inner .ipt_uif_question_title, #ipt_fsqm_form_54_layout_9_inner .ipt_uif_question_title{
    font-size: 22px!important;
}
.ipt-uif-custom-material-default .ipt_uif_divider .ipt_uif_divider_text .subtitle{
    background: white!important;
}
#ipt_fsqm_form_53_layout_14_inner .ipt_uif_label_column > label, #ipt_fsqm_form_54_layout_14_inner .ipt_uif_label_column > label{
    font-size: 16px!important;
}
#ipt_fsqm_form_53_layout_14_inner .ipt_uif_label_column, #ipt_fsqm_form_54_layout_14_inner .ipt_uif_label_column {
    height: 60px !important;
}
.container-conclusion{
    background: white!important;
    border-radius: 30px!important;
    padding: 30px 30px 275px 30px!important;
}
.container-conclusion p{
    font-size: 22px!important;
}
.container-conclusion p strong{
    color: #911725!important;
}
.container-conclusion img.alignleft{
    float: left!important;
    margin-left: 100px;
    margin-top: 50px;
}
.container-conclusion img.alignright{
    float: right!important;
    margin-right: 100px;
    margin-top: 50px;
}
.formError{
    display: none!important;
}
/*#ipt_fsqm_form_53_button_container .ipt_fsqm_form_button_prev{*/
/*display: none!important;*/
/*}*/
/*#ipt_fsqm_form_54_button_container .ipt_fsqm_form_button_prev{*/
/*display: none!important;*/
/*}*/
@media (max-width: 1100px){
    body{
        margin: 0!important;
    }
    #ipt_fsqm_form_55_tab_1 .ipt_uif_question, #ipt_fsqm_form_54_tab_1 .ipt_uif_question {
        margin-bottom: 40px!important;
    }
    .ipt-uif-custom-material-default .ipt_uif_column.ipt_uif_column_third{
        width: 33%!important;
    }
    .ipt_fsqm_main_heading_column .ipt_uif_divider_text_inner{
        height: 90px!important;
    }
}
.score-container + .ipt_uif_front.ipt_uif_common{
    display: none;
}
.score-container{
    margin: auto!important;
    height: 600px;
    width: 1024px;
}
.slide-responses{
    position: relative;
}
a.btn-validation{
    background: url('img/btn-valider-o.jpg') center center no-repeat;
    cursor: pointer;
    position: absolute;
    width: 292px;
    height: 103px;
    left: calc(50% - 146px);
    top: 307px;
    text-indent: 9999px;
    transition: all 500ms;
}
a.btn-validation:hover{
    background: url('img/btn-valider-i.jpg') center center no-repeat;
}
.hide-btn{
    position: absolute;
    width: 80px;
    height: 80px;
    background: #a4111e!important;
    bottom: 0;
    z-index: 1;
}
.hide-btn.right{
    right: 0;
}
.hide-btn.left{
    left: 0;
}
.hide-btn.grey{
    background: #CDC3BD!important;
}
.hide-btn.green{
    background: #78CA3D!important;
}
#ipt_fsqm_form_53_tab_16 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_17 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_18 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_19 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_20 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_21 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_22 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_23 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_24 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_25 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_26 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_27 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_28 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_29 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_30 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_31 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_32 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_33 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_34 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_35 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_36 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_37 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_38 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_39 .ipt_fsqm_main_heading, #ipt_fsqm_form_53_tab_40 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_16 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_17 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_18 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_19 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_20 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_21 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_22 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_23 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_24 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_25 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_26 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_27 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_28 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_29 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_30 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_31 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_32 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_33 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_34 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_35 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_36 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_37 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_38 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_39 .ipt_fsqm_main_heading, #ipt_fsqm_form_54_tab_40 .ipt_fsqm_main_heading{
    display: none;
}
.video-holder{
    position: absolute;
    top: 264px;
    left: 584px;
    display: inline-block;
}

.btn {
    background: #911725;
    border: 2px solid #911725;
    border-radius: 23px;
    color: white;
    display: inline-block;
    text-decoration: none;
    height: 46px;
    line-height: 46px;
    padding: 0 30px;
    transition: all 500ms;
}
.btn:hover {
    background: white;
    color: #911725;
}