/* Loader d'images projets */

.cracfull {
background-image: url("../img/cases/crac/0.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/* Image 1 */
.crac1{
background-image: url("../img/cases/crac/1.webp");
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0);
will-change: transform;
}

/* Image 2 */
.crac2{
 background-image: url("../img/cases/crac/2.webp");
}

/* Image 3 */
.crac3{
 background-image: url("../img/cases/crac/3.webp");
}

/* Image 4 */
.crac4{
 background-image: url("../img/cases/crac/4.gif");
}

/* Image 5 */
.crac5{
 background-image: url("../img/cases/crac/3.jpg");
}


.botakifull {
background-image: url("../img/cases/botaki/0.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/* Image 1 */
.botaki1{
background-image: url("../img/cases/botaki/1.jpg");
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0);
will-change: transform;
}

/* Image 2 */
.botaki2{
 background-image: url("../img/cases/botaki/2.gif");
}

/* Image 4 */
.botaki4{
 background-image: url("../img/cases/botaki/4.jpg");
}

/* Image 5 */
.botaki5{
 background-image: url("../img/cases/botaki/5.jpg");
}



.preligensfull {
background-image: url("../img/cases/preligens/0.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/* Image 1 */
.preligens1{
background-image: url("../img/cases/preligens/1.jpg");
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0);
will-change: transform;
}

/* Image 2 */
.preligens2{
 background-image: url("../img/cases/preligens/2.jpg");
}

/* Image 4 */
.preligens4{
 background-image: url("../img/cases/preligens/4.gif");
}

/* Image 5 */
.preligens5{
 background-image: url("../img/cases/preligens/5.jpeg");
}

/* Image 6 */
.preligens6{
 background-image: url("../img/cases/preligens/6.jpg");
}

/* Image 5 */
.preligens7{
 background-image: url("../img/cases/preligens/7.gif");
}



/* tip and cue */

.tipandcuefull {
background-image: url("../img/cases/tipandcue/1.jpeg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/* Image 3 */
.tipandcue3{
 background-image: url("../img/cases/tipandcue/3.jpeg");
}

/* Image 4 */
.tipandcue4{
 background-image: url("../img/cases/tipandcue/4.jpeg");
}



/* Iterium */

.iteriumfull {
background-image: url("../img/cases/iterium/1.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


/* Image 1 */
.iterium1{
background-image: url("../img/cases/iterium/2.webp");
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0);
will-change: transform;
}

/* Image 2 */
.iterium2{
 background-image: url("../img/cases/iterium/4.webp");
}

/* Image 3 */
.iterium3{
 background-image: url("../img/cases/iterium/3.webp");
}


/* Image 4 */
.iterium4{

 background-image: url("../img/cases/iterium/affiche.webp");
}

/* Image 5 */
.iterium5{
 background-image: url("../img/cases/iterium/5.webp");
}

/* ocean */

.hublotfull {
background-image: url("../img/cases/hublot/0.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


/* Image 1 */
.hublot1{
background-image: url("../img/cases/hublot/1.webp");
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0);
will-change: transform;
}


#squarevideo {
  object-fit: cover !important;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 550px;
}


/* Image 4 */
.hublot4{
 background-image: url("../img/cases/hublot/4.webp");
 background-size: cover;
}

/* Image 5 */
.hublot5{
 background-image: url("../img/cases/hublot/5.webp");
 background-size: cover;
}



/* ocean */

.oceanfull {
background-image: url("../img/cases/ocean/0.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

/* Image 3 */
.ocean3{
 background-image: url("../img/cases/ocean/3.webp");
 background-size: cover;
}

/* Image 4 */
.ocean4{
 background-image: url("../img/cases/ocean/4.webp");
 background-size: cover;
}


/* Perfect Tool */

.perfectfull {
background-image: url("../img/cases/perfecttool/0.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


/* Image 1 */
.perfect1{
/* background-image: url("../img/cases/perfecttool/1.webp"); */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0);
will-change: transform;
}

/* Image 2 */
.perfect2{
 background-image: url("../img/cases/perfecttool/2.webp");
}

/* Image 3 */
.perfect3{
 background-image: url("../img/cases/perfecttool/3.webp");
 background-size: cover;
}


/* Plantastic */

.plantasticfull {
background-image: url("../img/cases/plantastic/0.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


/* Image 1 */
.plantastic1{
background-image: url("../img/cases/plantastic/1.jpg");
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0);
will-change: transform;
}

.clip-svg {
  /* clip-path: url(#myClip); */
  height: 100%;
  /* position: absolute; */
  margin: 0 auto;
  left: 0;
  right: 0;
  clip-path: circle(35%);
}



/* Image 2 */
.plantastic2{

 background-image: url("../img/cases/plantastic/2.webp");
}

/* Image 3 */
.plantastic3{
 background-image: url("../img/cases/plantastic/3.webp");
}


/* Image 4 */
.plantastic4{

 background-image: url("../img/cases/plantastic/4.webp");
}

/* Image 5 */
.plantastic5{
 background-image: url("../img/cases/plantastic/5.webp");
}



/* Lefil */

.lefilfull {
background-image: url("../img/cases/lefil/0.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


/* Image 1 */
.lefil1{
background-image: url("../img/cases/lefil/0.jpg");
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0);
will-change: transform;
}

.clip-svg {
  /* clip-path: url(#myClip); */
  height: 100%;
  /* position: absolute; */
  margin: 0 auto;
  left: 0;
  right: 0;
  clip-path: circle(35%);
}



/* Image 2 */
.lefil2{

 background-image: url("../img/cases/lefil/2.webp");
 background-size: contain;
 background-repeat: no-repeat;
 background-color: cornflowerblue;
}

/* Image 3 */
.lefil3{
 background-image: url("../img/cases/lefil/3.webp");
}


/* Image 4 */
.lefil4{

 background-image: url("../img/cases/lefil/4.webp");
}

/* Image 5 */
.lefil5{
 background-image: url("../img/cases/lefil/5.webp");
 background-size: contain;
 background-repeat: no-repeat;
 background-color: cornflowerblue;
}



/* Hottest */

.hottestfull {
background-image: url("../img/cases/hottest/coely.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}


/* Image 1 */
.hottest1{
background-image: url("../img/cases/hottest/1.webp");
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transform: translateZ(0);
will-change: transform;
}

.clip-svg {
  /* clip-path: url(#myClip); */
  height: 100%;
  /* position: absolute; */
  margin: 0 auto;
  left: 0;
  right: 0;
  clip-path: circle(35%);
}



/* Image 2 */
.hottest2{

 background-image: url("../img/cases/hottest/2.webp");
}

/* Image 3 */
.hottest3{
 background-image: url("../img/cases/hottest/3.webp");
}


/* Image 4 */
.hottest4{
 background-image: url("../img/cases/hottest/4.webp");
}

/* Image 5 */
.hottest5{
 background-image: url("../img/cases/hottest/5.webp");
}