/* Cartouche global des vignettes */
.vignettes 
{
        margin:30px auto;

        border:1px solid #e6e6e6 ;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box;
        -webkit-border-radius:25px;
        -moz-border-radius:25px;
        -ms-border-radius:25px;
        border-radius:25px;
        background-color:white;
        padding:30px 0px 40px;
        max-width:762px;
        text-align:center !important;
}

/* Introduction des vignettes */
.vignettes_h1
{
        font-size:18px;
        line-height:21px;
        font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
        margin:0px;
        padding:0px;
        margin-bottom: 18px;
}

/* Style de l'iframe (vignette) */
.vignettes iframe 
{
        width: 100%;
        height: auto;
        min-height: 172px;
        margin: 20px 0px 0px;
        /* border: 1px solid #BBBBBB; */
        overflow: hidden;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear;
}


@media screen and (max-device-width: 700px), screen and (max-width: 700px) 
{
        .vignettes {
                -webkit-border-radius:0px !important;
                -moz-border-radius:0px !important;
                -ms-border-radius:0px !important;
                border-radius:0px !important;
                padding:25px 15px 30px !important;
        }
        .vignettes h1 
        {
                font-size:16px;
                line-height:19px;
        }
                .vignettes iframe {
                min-height: 426px;
        }
}