section#block-terminal-diaporamavideo:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to left, #003e7400 30%, #001527F0 100%);
    z-index: 0;
}

button#muteBtn {
position: absolute;
    top: 34%;
    left: 1px;
    background-color: transparent;
    border: none;
    font-size: 54px;
    color: #ffffff21;
    transition: .3s;
    z-index: 1;
}

button#muteBtn:hover {
  color: #fff;
  transition: .3s;
}
 
 video#myVideo {
    height: auto;
    width: 100%;
    display: block;
}

 
 .Unmute .bi.bi-volume-up {
  display: none;
}

.Mute .bi.bi-volume-mute {
  display: none;
}
 
 
 .panel-collapse.collapse.in, #block-terminal-qshe .collapse.in {
        scroll-margin-top: 80px; /* Décalage lors du scroll vers l'ancre */
    }

.petit
{
    color: #18355D !important;
}

.conteneurGrid:hover .petit
{
  color: #fff !important;;
}

#block-terminal-views-block-actualites-view-block-1 {
  margin: 90px 0 0;
}

#block-terminal-views-block-actualites-view-block-1 .view-header {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: bold;
  border-top: none !important;
  padding-top: 55px;
  text-align: right;
  padding-right: 2%;
}

#block-terminal-views-block-actualites-view-block-1 .container.view.view-actualites-view.view-id-actualites_view.view-display-id-block_1.js-view-dom-id-88adcf171d443c831209d5246414c169ece7d4a54d798a9b51d059471d9c9934 {
    margin-top: -100px;
    margin-bottom: 50px;
}

.path-frontpage .region.region-navigation .breadcrumb {
    display: none;
}

.block-views-blockactualites-view-block-1 .container.view.view-actualites-view.view-id-actualites_view.view-display-id-block_1 {
    margin-top: -120px;
}

.node-3443 .content .field.field--name-body.field--type-text-with-summary a {
    color: var(--blue);
    font-weight: bold;
    font-size: 2.5rem;
}

.node-3443 .content .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
    text-align: center;
}


.node-3443 .file {
    display: table;
    font-size: 160%;
    font-weight: 700;
    margin: auto;
    width: 30%;
    text-transform: uppercase;
    margin-top: 100px;
    margin-bottom: 50px;
}

.node-3443 .file-size {
  color: #787878 !important;
}

.align-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  height: auto;
}

@media (max-width: 600px) {
video#myVideo + button#muteBtn {
  top: 83%;
  left: 3px;
  font-size: 25px;
}
}



@media (max-width: 1600px) {

.node-3443 .file {
    width: 40%;
}
}