#details_news .position-relative{overflow: hidden;}
#details_news .image_style{/*min-width: 100%;height: 100%;display: block;min-height:500px;*/
width: auto;
display: block;
height: 500px;}
#details_news .date_style{position: absolute;top: 0;left: 0;background-color: #232963;color: #fff;padding: 25px 40px;font-size: 30px;font-weight: 600;}
#details_news .name_style{font-size: 30px;color: #232963;text-transform: uppercase;font-weight: 800;padding:40px 0;display:block;}
p{font-weight:400;}
#details_news .share_custom{margin-top: 30px;}

#details_news .frame_gallery{background-color:rgba(32,33,36,0.9);display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 50;}
#details_news .image_gallery{z-index: 51;position: fixed;top: 0;left: 0;width: 100%;padding: 10%;height: 100%;display: flex;align-items: center;justify-content: center;}
#details_news .close_gallery{position: absolute;right: 18px;top: 12px;font-size: 1.5em;color: #fff;z-index: 51;opacity: 0.5;}
#details_news .miniature_frame{position: fixed;bottom: 0;height: 85px;background: #000;width: 100%;}

#details_news .facebook-custom{margin: 0 7px;}
#details_news .facebook-custom::after{content: "\f09a";color:#232963;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:16px;}
#details_news .twitter-custom{margin: 0 7px;}
#details_news .twitter-custom::after{content: "\f099";color:#232963;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:16px;}
#details_news .google-custom{margin: 0 7px;}
#details_news .google-custom::after{content: "\f0d5";color:#232963;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:16px;}

#details_news .facebook-custom:hover{text-decoration:none;}
#details_news .twitter-custom:hover{text-decoration:none;}
#details_news .google-custom:hover{text-decoration:none;}
#details_news .imgs-list {
    width: 150px;
    height: 130px;
    margin: 10px 10px 10px 0;
    object-fit: cover;
}
#details_news .imgs-thumbs {
    display: inline-flex;
}
@media screen and (max-width: 450px) {
#details_news .imgs-liste {text-align: center;}
}