@media screen and (min-width:60px) {
    .pour_cadre_diaporama {
        display:none;
    }
}


@media screen and (min-width:360px) {
    .zone_text_diapo {
        font-size:28px;
        color:#fff;
        font-weight:bold;
        font-style: italic;
        opacity:0;
        -webkit-transition: all 2.3s ease-in-out;
        -moz-transition: all 2.3s ease-in-out;
        -o-transition: all 2.3s ease-in-out;
        transition: all 2.3s ease-in-out;
        width:100%;
        height:100%;
    }

    .pour_cadre_diaporama {
        display:block;
        width:100%;
        height:215px;
        overflow: hidden;
        border:1px solid #000;
        background-size:100%;
        background-repeat:no-repeat;
        background-position:50% 50%;
    }

    .pour_cache_cadre_diaporama {
        width:100%;
        height:215px;
        position:absolute;
        z-index: 1;
        background-color:#fff;
    }

    .pour_support_text_diapo {
        height:0px;
        width:100%;
        background-color:rgba(94, 94, 94, 0.6);
        border-top:1px solid #c1c3c1;
        border-bottom:1px solid #c1c3c1;
        margin-top:28px;
        text-shadow: 2px 2px 2px #48413d;
        position:relative;
        opacity:0;
        -webkit-transition: all 2.3s ease-in-out;
        -moz-transition: all 2.3s ease-in-out;
        -o-transition: all 2.3s ease-in-out;
        transition: all 2.3s ease-in-out;
        text-align: center;
    }
}

@media screen and (min-width:750px) {
    .zone_text_diapo {
        font-size:40px;
        color:#fff;
        font-weight:bold;
        font-style: italic;
        opacity:0;
        -webkit-transition: all 2.3s ease-in-out;
        -moz-transition: all 2.3s ease-in-out;
        -o-transition: all 2.3s ease-in-out;
        transition: all 2.3s ease-in-out;
        width:100%;
        height:100%;
    }

    .pour_cadre_diaporama {
        width:100%;
        height:315px;
        overflow: hidden;
        border:1px solid #000;
        background-size:100%;
        background-repeat:no-repeat;
        background-position:50% 50%;
    }

    .pour_cache_cadre_diaporama {
        width:100%;
        height:215px;
        position:absolute;
        z-index: 1;
        background-color:#fff;
    }

    .pour_support_text_diapo {
        height:0px;
        width:100%;
        background-color:rgba(94, 94, 94, 0.6);
        border-top:3px solid #c1c3c1;
        border-bottom:3px solid #c1c3c1;
        margin-top:88px;
        text-shadow: 2px 2px 2px #48413d;
        position:relative;
        opacity:0;
        -webkit-transition: all 2.3s ease-in-out;
        -moz-transition: all 2.3s ease-in-out;
        -o-transition: all 2.3s ease-in-out;
        transition: all 2.3s ease-in-out;
        text-align: center;
    }
}