.bloc_operatoire {
    display: flex;
    margin-bottom: 10vh;
}

.bloc_operatoire img{max-width:100%;    margin-bottom: 2vh;}

.bloc_operatoire .descriptions:before{
    height: 100%;
    display: block;
    width: 40px;
    background: #074b79;
    content: '';
    left: -40px;
    position: absolute;
    top:0;
}
.bloc_operatoire .descriptions{
    position: relative;
    background: #074b79;
    transform: translate(0, 35px);
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    padding:20px;
}

.bloc_operatoire .descriptions h1{
    background: url(/Files/App_002/images/bdr.jpg)no-repeat bottom center;
    padding-bottom: 25px;
    font-size: 63px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-weight: 700;
    margin-bottom: 5vh;
    letter-spacing: 5px;
    padding-top: 10vh;
}

.bloc_operatoire .voir{    margin: 0 auto;    display: inline-flex;width: 100%;}

.bloc_operatoire .voir a {
    position: relative;
    color: #fff;
    font-size: 18px;
    width: auto;
    padding: 0px 10px;
    text-align: center;
    margin: 0 auto;
}

.bloc_operatoire .voir a:before {
    position: absolute;
    height: 1px;
    display: block;
    width: 75px;
    background: #fff;
    content:'';
    bottom: 10px;
    left: -100%;
    transition:all .2s;
}
.bloc_operatoire .voir a:hover:before{width:55px;}
.bloc_operatoire .voir a:after {
    position: absolute;
    height: 1px;
    display: block;
    width: 75px;
    background: #fff;
    content:'';
    bottom: 10px;
    right: -100%;
    transition:all .2s;
}
.bloc_operatoire .voir a:hover:after{width:55px;}

@media only screen and (max-width: 1200px){
.bloc_operatoire .descriptions h1 {font-size: 50px;}
}

@media only screen and (max-width: 992px){
.bloc_operatoire .descriptions h1 {font-size: 40px;}
.bloc_operatoire .descriptions span {font-size: 12px;}

}

@media only screen and (max-width: 768px){
.bloc_operatoire {display: block;margin-bottom:0;}
.bloc_operatoire img{margin-bottom:-01px;}
.bloc_operatoire .descriptions {transform: translate(0, 0px);}
.bloc_operatoire .descriptions h1 {font-size: 30px;}
.bloc_operatoire .voir { margin: 0 auto 2vh;}


}


















