body{
    background-color: #f2f2f2;
}

.container-fluid{
    max-width: 1024px;
}

@media (max-width:1024px){
    .container-fluid{
        max-width: 750px;
    }
}

.form-group{margin-bottom:0;}

#carousel-cas-educatif{
    border: none;
    height: auto;
    background: #f2f2f2;
    padding: 0;
}
#carousel-cas-educatif .carousel-item{
    padding:0;
    background: #f2F2F2;
    /*min-height: 550px;*/
}
#carousel-cas-educatif .carousel-item img{
    display: inline;
    max-width: 100%;
    height: auto;
    margin:0 auto;
}
#carousel-cas-educatif h2{
    margin-bottom: 3.5rem;
}
#carousel-cas-educatif .form-group div.question{
    padding: 220px 220px 0 190px;
    background-size:100% !important;
    font-family: Verdana, "Helvetica Neue",Arial,sans-serif;
}

#carousel-cas-educatif .form-group label{
    margin-bottom: 20px;
    color: #706f6f;
}

#carousel-cas-educatif .form-group input[type="radio"]{
    display:inline-flex;
}

#carousel-cas-educatif .form-group button{
    margin-top: 2rem;
    padding: 6px 26px;
    background: #b1c83a;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
}
#carousel-cas-educatif .form-group div.popup_reponse,
#carousel-cas-educatif .form-group div.reponse{
    padding:0;
    height: 100%

}

#carousel-cas-educatif .form-group div.popup_reponse{
    position: absolute;
    background: rgb(98, 98, 98);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#carousel-cas-educatif .form-group div.reponse{
    background-size: auto 100% !important;
    background-position: center top !important;
}

#carousel-cas-educatif .reponse_bonne_0{color:gray;}
#carousel-cas-educatif .reponse_bonne_1{color:green;}


#carousel-cas-educatif .carousel-control-container{
    height: 60px;
    background: #b5dfe8;
    position: relative;
}



#carousel-cas-educatif .carousel-control-next {
    background: url('img/right_arrow.png') no-repeat 0 0 ;
    border-radius: 50%;
    left:auto;
    right: 15px;
    height: 43px;
    width: 43px;
    margin-top:8px;
    opacity: 1;
}

#carousel-cas-educatif .carousel-control-prev {
    background: url('img/left_arrow.png') no-repeat 0 0;
    border-radius: 50%;
    right: 75px;
    height: 32px;
    width: 32px;
    margin-top: 14px;
    left: auto;
    opacity: 1;
}

#carousel-cas-educatif .carousel-control-prev.disabled,
#carousel-cas-educatif .carousel-control-next.disabled{opacity: .35;}

.carousel-control-home{
    position:absolute;
    background: url('img/home.png') no-repeat 0 0 ;
    height: 32px;
    width:32px;
    margin-top:14px;
    right:120px;
}

.carousel-control-sound{
    position:absolute;
    background: url('img/volume.png') no-repeat 0 0 ;
    height: 32px;
    width:32px;
    margin-top:14px;
    right:165px;
}

.carousel-control-sound.mute{/* opacity: .55; */}
.carousel-control-sound.mute:after{
    position:absolute;
    content: '––––';
    font-size: 13px;
    text-align:center;
    width:100%;
    height:100%;
    padding-top: 6px;
    transform: rotate(135deg);
    color: #d3e38e;
    background: rgba(175, 203, 39, 0.55);
    border-radius: 16px;
    font-weight: bold;
    cursor:pointer;
}

#slide_pdf {
    padding: 5px 15px;
    line-height: 1 !important;
    font-size: 11px;
    background: #1a6cac;
    display: block;
    width: 150px;
    text-align: center;
    border-radius: 16px;
    color: #fff;
    position: absolute;
    margin-top: 14px;
    right: 205px;
}

#carousel-cas-educatif .carousel-indicators{
    display: none;
}

#carousel-cas-educatif .progress{
    background: #b9edff !important;
    margin: .5rem 0;
    padding: 0px;
}

#carousel-cas-educatif .progress .progress-bar{
    background: #24b0e1;
}


@media (max-width:575px){
/*    #carousel-cas-educatif .carousel-item{min-height:420px;}*/
    #carousel-cas-educatif .form-group div.question{
        padding:150px 2rem 0;
        min-height: 420px;
        background-color:#fff !important;
    }
    #carousel-cas-educatif .form-group label{margin-bottom:5px;}
    #carousel-cas-educatif .form-group button{margin-top:1rem;}
    #carousel-cas-educatif .form-group label{margin-bottom:5px;}
    #carousel-cas-educatif .form-group button{margin-top:1rem;}
    #carousel-cas-educatif .form-group div.reponse {
    background-size: 100% auto !important;
    background-position: center top !important;
}

}

@media (min-width:576px) and (max-width:767px){
/*    #carousel-cas-educatif .carousel-item{min-height:420px;}*/
    #carousel-cas-educatif .form-group div.question{
        padding: 154px 6rem 2rem;
        min-height: 420px;
        background-size: 100% !important;
        background-position:center top !important;
        background-color:#fff !important;
    }
    #carousel-cas-educatif .form-group label{margin-bottom: 12px;}
    #carousel-cas-educatif .form-group button{margin-top:1rem;}

}


@media (min-width:768px) and (max-width:1024px){
    #carousel-cas-educatif .form-group div.question{
        min-height: 576px;
        padding:160px 2rem 0 8rem;
        }
}

@media (min-width:1025px){
    #carousel-cas-educatif .form-group div.question{min-height: 787px;}
}


h4 {
    color: #706f6f;
    font-size: 30px;
    margin-bottom: 2rem;
    font-weight: bold;
    /* font-family: Verdana, "Helvetica Neue",Arial,sans-serif; */
}

label{cursor:pointer;}


.carousel-item:first-child img{
    /* border: 1px solid #1abed0; */
}