.encadre-diapo{
    border-style: solid;
    border-color: black;
    background-color: grey;
}
    .encadre-diapo2{
    border-style: solid;
    border-color: black;
    background-color: lightgray;
}
    .encadre-text{
    border-style: solid;
    border-color: black;
        float: left;
}
h4{
    font-weight: bold;
    font-size: 1em;
}
.float{
    float: left;
}

.titre-diapo{
    position: relative;
    color: white !important;
    background-color: #343a40 !important;
    text-align: center;
    font-weight: bold;
    padding-top: 1%;
    padding-bottom: 1%;
    font-size: 1.7em;
}
.titre-diapo a{
    color: white !important;
}
.titre-diapo a:hover{
      color: #e4322b !important;
}

/******************************************************

    POUR RESPONSIVE
    
******************************************************/ 
/* Tout ce qui change en fonction de la taille de l'écran */
@media (min-width: 1199px){

}

@media (min-width: 992px) and (max-width: 1199px){

}
@media (min-width: 768px) and (max-width: 991px){

}
@media (max-width: 767px){

}


    /*jssor slider loading skin double-tail-spin css*/
    .jssorl-004-double-tail-spin img {
        animation-name: jssorl-004-double-tail-spin;
        animation-duration: 1.6s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes jssorl-004-double-tail-spin {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    /*jssor slider bullet skin 108 css*/
    .jssorb108 {position:absolute;}
    .jssorb108 .i {position:absolute;cursor:pointer;}
    .jssorb108 .i .b {fill:#000;fill-opacity:0.5;stroke:#fff;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.3;}
    .jssorb108 .i:hover .b {fill:#fff;fill-opacity:1;stroke:#2b1908;stroke-opacity:.5;stroke-width:2000;}
    .jssorb108 .iav .b {fill:#fff;fill-opacity:1;stroke:#ffaa00;stroke-opacity:1;stroke-width:2000;}
    .jssorb108 .i.idn {opacity:.3;}

    /*jssor slider arrow skin 112 css*/
    .jssora112 {display:block;position:absolute;cursor:pointer;}
    .jssora112 .a {fill:#333;fill-opacity:.7;stroke:#fff;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
    .jssora112:hover {opacity:.8;}
    .jssora112.jssora112dn {opacity:.4;}
    .jssora112.jssora112ds {opacity:.3;pointer-events:none;}