.list-products .content-grid-item{
  text-decoration: none;
}

.detail-single .visu img{
  height: auto;
}


#ball,
.load-me {
width: 10px;
height: 10px;
background: #ff0000;
position: absolute;
z-index: 999999999999;
margin: -10px 0 0 0px;
left: 50%;
top: 50%;
border-radius: 100%;
pointer-events: none;
border: 1px solid transparent;
-webkit-transition: width 0.5s, height 0.5s, border 0.5s, margin 0.5s;
transition: width 0.5s, height 0.5s, border 0.5s, margin 0.5s;
}

.overlay-load {
position: fixed;
left: 0;
top: 0;
right: 0;
border-top: 0;
width: 100%;
height: 100%;
z-index: 9999999999;
background: rgba(255, 255, 255, .2);
}

#ball,
.load-me {
width: 20px;
height: 20px;
background: none;
border: 1px solid #ff0000;
margin: -8px 0 0 -9px;
}

#ball-load,
.load-me-sub {
width: 30px;
height: 30px;
position: absolute;
background-color: transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #ff0000;
border-left: 1px solid transparent;
border-top: 1px solid transparent;
border-radius: 50px;
box-sizing: border-box;
opacity: 1;
transform: translate(-9px, -9px) rotate(0deg);
-webkit-animation: rotating 0.8s ease-in-out infinite;
animation: rotating 0.8s ease-in-out infinite;
-webkit-transition: opacity 0s ease-in-out 0s;
transition: opacity 0s ease-in-out 0s;
margin: 1px 0 0 1px;
}

.infos-news .desc p a,
.number-post {
display: none;
}

.on-loader #ball-load,
.load-me-sub {
opacity: 1;
-webkit-transition: opacity 0.2s ease-in-out 0s;
transition: opacity 0.2s ease-in-out 0s;
}

@keyframes rotating {
0% {
  -webkit-transform: translate(-7px, -7px) rotate(0deg);
  transform: translate(-7px, -7px) rotate(0deg);
}

95% {
  -webkit-transform: translate(-7px, -7px) rotate(350deg);
  transform: translate(-7px, -7px) rotate(350deg);
}

100% {
  -webkit-transform: translate(-7px, -7px) rotate(360deg);
  transform: translate(-7px, -7px) rotate(360deg);
}
}

.wrap-f-ajax{
  position: relative;
}

.mask-modal.show {
background: rgba(255, 255, 255, .6);
}


.js-blog-list {
transition: opacity 180ms ease, transform 180ms ease;
}

.js-blog-list.is-loading {
opacity: 0.6;
}

.js-blog-list.is-fade {
opacity: 0;
transform: translateY(6px);
}


.js-blog-list,
.js-actus-list,
.js-video-list,
.js-press-list,
.js-etudes-list,
.js-services-list {
transition: opacity 180ms ease, transform 180ms ease;
}
.js-blog-list.is-loading,
.js-actus-list.is-loading,
.js-video-list.is-loading,
.js-press-list.is-loading,
.js-etudes-list.is-loading,
.js-services-list.is-loading { opacity: 0.6; pointer-events: none; }

.js-blog-list.is-fade,
.js-actus-list.is-fade,
.js-video-list.is-fade,
.js-press-list.is-fade,
.js-etudes-list.is-fade,
.js-services-list.is-fade { opacity: 0; transform: translateY(6px); }


.video-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.video-modal.is-open {
  display: flex;
}

.video-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
}

.video-modal__dialog {
  position: relative;
  z-index: 1;
  width: min(960px, 92vw);
  background: #0b0b0c;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.6);
}

.video-modal__close {
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: 2;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 26px;
  cursor: pointer;
}

.video-modal__frame {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.video-modal__frame iframe {
  width: 100%;
  height: 100%;
  display: block;
}

html.is-modal-open,
body.is-modal-open {
  overflow: hidden;
}


.box-marques .list-marques .item-marque,
.box-etudes-cas .list-etudes-cas .item-cas .card-cas{
  display: block;
  text-decoration: none;
}
.box-video-marque{
  margin-bottom: 0;
  padding: 0;
}

.item-service .visu img {
  object-fit: cover;
  max-height: 450px;
}


.item-slide-home.video-bg { position: relative; overflow: hidden; }
.item-slide-home.video-bg .bg-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  pointer-events: none;
}
.item-slide-home.video-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*
.item-slide-home.video-bg .intro-home { position: relative; z-index: 2; }
*/


.intro-home{
  bottom: 60px;
}

.change .box-change{
  overflow: hidden;
}