#block-vigilancemeteo{width: 31%; display: inline-block; background: #fff; vertical-align: top; margin-right: 3%; height: 152px; overflow: hidden;  padding-bottom: 0 !important; padding-right: 10px}
#block-vigilancemeteo .img{
    float: left;
    margin-right: 15px;
}
#block-vigilancemeteo .img img{
    height: 152px;
    width: auto;
}
#block-vigilancemeteo h3{font-size: 21px; color: #1d6292; text-transform: uppercase; margin: 10px 0 8px}
#block-vigilancemeteo .desc{font-size: 13px;color: #5e5f5f; text-align: justify; padding: 0 1%}
#block-bms{width: 31%; display: inline-block;vertical-align: top; margin-right:3%; padding-bottom: 0 !important;}

#block-bms img{    vertical-align: top;
    width: 100%;
    height: 100%;}

#block-evenementsismique{width: 31%; display: inline-block; vertical-align: top; padding-bottom: 0 !important;}
#block-evenementsismique h3{    position: absolute;
    top: 16px;
    /* display: block; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    padding-left: 9%;
    color: #1d6292;
}
#block-evenementsismique img{
    height: 100%;
}
.block-top{ display: inline-block; background: #fff;padding: 0;height: 152px; position: relative;
  overflow: hidden;
  width: 100%
}
.block-top .img{ padding: 0;}
.block-top .desc{ padding: 0;}
#block-vigilancemeteo .desc a:before{ content: "<<<"; display: inline-block; margin-right: 3px }
#block-vigilancemeteo .desc a {color:#1d6292; font-size: 13px; text-transform: uppercase; font-weight: 600; font-family: "Open Sans"}
#block-vigilancemeteo .desc p{ margin: 0 0 15px; line-height: 14px; font-family: "Open Sans"; font-size: 10px; padding-bottom: 0; text-transform: uppercase; font-weight: 600}
.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;}
.ribbon {
    font: bold 0.718em sans-serif;
    font-family: 'Roboto';
    color: #333;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    -o-transform:      rotate(-45deg);
    position: relative;
    padding: 7px 0;
    top: 18px;
    left: -32px;
    width: 125px;
    background-color: #19a7ea;
    color: #fff;
    text-transform: uppercase;
}
#block-bms .more{position: absolute;
    top: 100px;
    left: 220px;
    background: #ffb51c;
    color: #fff;
    padding: 1% 6%;}
#block-bms .more a{font-size: 14px ; text-transform: uppercase; font-weight: 500;}
#block-evenementsismique .more{position: absolute;
    top: 100px;
    left: 220px;
    background: #ffb51c;
    color: #fff;
    padding: 1% 6%;}
#block-evenementsismique .more a{font-size: 14px ; text-transform: uppercase; font-weight: 500;}
/*.row{margin-left: -30px !important; margin-right: -30px !important;}*/
#block-publicitetop{    height: 300px;
    border: 2px solid #000;
    margin: 30px 0;}
#block-publicitedroite{height: 250px;
    padding: 13px;
    border: 2px solid #000;
    margin-bottom: 20px;}
.sidebar__section .block {
    /*padding: 0 0 0 0!important;*/
}
#block-vigilanceblock-3{
    display: table-cell;    margin-right: 3%;}
#block-mapvigilanceright{
    display: table-cell;}
#block-mapvigilanceright .box-gray3{height: 909px}

#block-pictogrammevigilance{
    /*bottom: 51px;*/
    clear: both;
}
.ribbon.neant {
    background-color:#e00629;
}
@media (max-width: 991px) {
    .block-top{
        height: auto;
        display: block;
    }
    #block-vigilancemeteo, #block-evenementsismique, #block-bms {
        width: 100%;
        margin-right: 0;
    }
    #block-vigilancemeteo, #block-bms{
        margin-bottom: 20px;
    }
    #block-evenementsismique img {
        height: 100%;
        width: 100%;
    }
    #block-bms .more, #block-evenementsismique .more {
        bottom: 30px;
        left: auto;
        right: 50px;
        top: auto;
    }
}