body{
    background-color: rgb(255, 255, 255);
    padding: 0%;
    margin:0%;
    overflow-x: hidden;
}

/*SPÉCIAL*/
p{
    margin: 1rem;
}
.textrougesouligne{
    display: flex;
    align-items: end;
    font-size: 45px;
    font-weight: bold;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    text-decoration: underline;
    color: #fe6a4e;
    transition: 0.3s;
}
.textrougesouligne:hover{
    color: white;
    font-size: 48px;
    transition: 0.5s;
    background-color: #fe6a4e;
    border-radius: 15px;
}

a{
    color: #fe6a4e;
}
a:hover{
    color: white;
}
.balise{
    color: rgb(75, 68, 53);
    transform: rotate(180deg);
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    font-family: 'Inter', sans-serif;
font-family: 'Roboto', sans-serif;
}
.contactusbarre{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fe6b59;
    width: 160px;
    height: 60px;
    border-radius: 15px;
    color: white;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    transition: 0.3s;
}
.contactusbarre:hover{
    background-color:#f1f0ee;
    color: rgb(0, 0, 0);
    transition: 0.5s;
}
.contactusbarreipad{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fe6b59;
    width: 200px;
    height: 70px;
    border-radius: 15px;
    color: white;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    transition: 0.3s;
    margin-top: 5%;
    
}
.contactusbarreipad:hover{
    background-color:#f1f0ee;
    color: rgb(0, 0, 0);
    transition: 0.5s;
}
button{
    width: max-content;
    height: max-content;
    background: transparent;
    border: transparent;
    cursor: pointer;
    transition: 0.3s;
}
button:hover{
    z-index: 3;
    transition: 0.5s;
}

.contactus{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fe6b59;
    width: 170px;
    height: 70px;
    border-radius: 15px;
    color: white;
    font-size: 20px;
    margin: 20px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    transition: 0.3s;
}
.contactus:hover{
    background:#f1f0ee;
    color: rgb(0, 0, 0);
    transition: 0.5s;
}


.browseall{
    display: flex;
    justify-content: center;
    align-items: center;
    background:#f1f0ee;
    width: 210px;
    height: 70px;
    border-radius: 15px;
    color: rgb(0, 0, 0);
    font-size: 20px;
    margin: 20px;
    padding-left: 2%;
    padding-right: 2%;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    transition: 0.3s;
    flex-wrap: nowrap;
    z-index: 3;
}

.browseall:hover{
    background:#fe6b59;
    color: white;
    transition: 0.5s;
}
.textitreengras{
    display: flex;
    font-size: 50px;
    color: black;
    font-weight: bold;
    width: max-content;
    height: max-content;
    margin: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    z-index: 2;
    
    
}
.textitreengrasbloc4{
    display: flex;
    font-size: 50px;
    color: black;
    font-weight: bold;
    width: max-content;
    height: max-content;
    margin: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    z-index: 2;
}
.textitreengrasblanc{
    display: flex;
    font-size: 50px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    width: max-content;
    height: max-content;
    margin: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    z-index: 2;
}
.textsemietransparent{
    display: flex;
    width: max-content;
    margin: 20px;
    height: auto;
    color: gray;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    z-index: 3;
    line-height: 35px;
}
.textsemietransparentbloc4{
    display: flex;
    width: max-content;
    margin: 3%;
    height: auto;
    color: gray;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    z-index: 3;
    line-height: 35px;
}
.textsemietransparent2{
    display: none;
    width: max-content;
    height: auto;
    color: gray;
    font-size: 15px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    z-index: 3;
    line-height: 30px;
    text-align: center;
}
.textsemietransparentbloc3{
    display: flex;
    width: max-content;
    margin: 5px;
    height: auto;
    color: gray;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    z-index: 3;
    line-height: 35px;
}
.textsemietransparentbloc32{
    display: none;
    width: 100%;
    margin: 5px;
    height: auto;
    color: gray;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    z-index: 3;
    line-height: 35px;
}
.textsemietransparentcentre{
    display: flex;
    width: 60%;
    margin: 1.5%;
    height: auto;
    color: gray;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    z-index: 2;
    line-height: 35px;
    text-align: center;
}

.traitgris{
    display: flex;
    width: 80%;
    height: 1px;
    background: #e6e3e2;
    margin-bottom: 2%;
    align-self: center;
}

.souligne{
    display: flex;
    width: 200px;
    height: auto;
    color:  #827c7c;
    text-decoration:underline;
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    line-height: 40px;
}
.textnormal{
    display: flex;
    width: 280px;
    height: auto;
    color:  #827c7c;
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    line-height: 30px;
}

.petittitrebloc1{
    display: flex;
    width: 100%;
    height: max-content;
    color: rgb(75, 68, 53);
    font-weight: bold;
    margin-right: 25px;
    font-size: 21px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;

}
.petittitrebloc3{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: max-content;
    color: rgb(75, 68, 53);
    font-weight: bold;
    font-size: 21px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    margin-left: 2%;
    line-height: 45px;
}
.titrepluspetit{
    display: flex;
    width: 100px;
    margin-top: 10px;
    height: 100px;
    line-height: 30px;
    color: rgb(75, 68, 53);
    font-weight: bold;
    font-size: 18px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
}

/*FIN SPÉCIAL*/

/*BARRETÂCHE*/

.barredestaches{
    display: flex;
    background: #fffaf6;
    width: 100%;
    height: 110px;
    justify-content: center;
    align-items: center;
    justify-content: space-around;
    z-index: 4;
    position: fixed;
    
}

.logotitre{
    display: flex;
    width: 150px;
    height: 100px;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    border-radius: 25px;
}
.logotitre:hover{
    background-color: white;
    position: relative;
    border-radius: 25px;
    scale: 1.2;
    transition: 0.5s;
    z-index: 1;
}

.categorietitre{
    display: flex;
    width: 500px;
    height: auto;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}
.categorietitre:hover{
    position: relative;
    background: white;
    transition: 0.5s;
    border-radius: 15px;
    scale: 1.2;
    height: auto;
}
.cat:hover{
    scale: 1.1;
    transition: 0.5s;
    font-size: 25px;
    margin-right: 2%;
    margin-left: 2%;
    color: #fe6a4e;
    
}
.cat5:hover{
    scale: 1.1;
    transition: 0.5s;
    font-size: 25px;
    margin-right: 2%;
    margin-left: 2%;
    color: #fe6a4e;

}
.cat{
    display: flex;
    color: rgb(75, 68, 53);
    font-weight: bold;
    margin-right: 25px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    transition: 0.3s;
    
}
.cat5{
    display: flex;
    color: rgb(75, 68, 53);
    font-weight: bold;
    margin-right: 25px;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    transition: 0.3s;
}
.flextroistrait{
    display: none;
    margin: 20px;
    width: 65px;
    height: 50px;
    background: #fe6b59;
    border-radius: 10px;
    flex-direction: column;
    justify-content: center;
    align-items:center ;
    transition: 0.3s;

}
.flextroistrait:hover{
    background: #f1f0ee;
    scale: 1.1;
    transition: 0.5s;
}
.traitblanc{
    display: none;
    margin: 3px;
    width: 20px;
    height: 2px;
    background: white;
    transition: 0.3s;
}
.flextroistrait:hover .traitblanc{
    background: #fe6a4e;
    transition: 0.5s;
}
@keyframes rotate {

        0% {
            transform: translateX(0) translateY(0) rotate(0deg);
        }
        25% {
            transform: translateX(50px) translateY(50px) rotate(90deg);
        }
        50% {
            transform: translateX(100px) translateY(0) rotate(180deg);
        }
        75% {
            transform: translateX(50px) translateY(-50px) rotate(270deg);
        }
        100% {
            transform: translateX(0) translateY(0) rotate(360deg);
    }
}

/*FIN BARRETÂCHE*/

.ensemble{
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
}


/*DÉBUT BLOC 1*/
.BLOC1{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 850px;
    background-color: #fff8f3;
    justify-content: center;
    border-radius: 10% 10% 50% 50% / 0% 0% 8% 8% ;
    position: relative;
    overflow: hidden;
    
}
.ensembledesblocverticalbloc1{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: max-content;
    margin-top: 7%;
}

.blocvertical1{
    display: flex;
    width: 49%;
    height: auto;
    justify-content: flex-end;
    align-items: center;
    
}
.textblocvertical1{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: min-content;
    justify-content: flex-start;
    margin-left: 60px;
}

/*PARTI 2*/
.blocvertical2{
    display: flex;
    width: auto;
    height: 700px;
  
}


.tachepicture1{
    display: flex;
    flex-direction: column;
    width: 900px;
    height: 650px;
    z-index: 1;
}
.femmechienpicture1{
    transform: rotate(-2deg);
    position: absolute;
    z-index: 2;
    border-radius: 10% 10% 50% 50% / 0% 0% 8% 2% ;  

}

.ligne1{
    display: flex;
    width: 100%;
    height: auto;
    align-items: end;
    justify-content: space-around;
}

.tacheverte{
    transform: rotate(190deg);
    position: static;
    width: 100px;
    height: 100px;
    animation: rotate 100s linear infinite;
    
}

.griffurejaune{
    position: static;
    transform: rotate(200deg);
    animation: rotate 100s linear infinite;
}

.ligne2{
    display: flex;
    width: 100%;
    height: auto;
    align-items: end;
    justify-content: space-between;
}

.tacherouge{
    position: static;
    width: 300px;
    height: 300px;
    animation: rotate 100s linear infinite;
}


.tachejaune{
    position: static;
    transform: rotate(20deg);
    width: 500px;
    height: 250px;
    animation: rotate 100s linear infinite;
    
}

.tableaubloc1{
    display: flex;
    width: 100%;
    height: max-content;
    margin-top: 5%;
    justify-content: space-evenly;
}


.colonnetableaubloc1{
    display: flex;
    width: 380px;
    height: 200px;
    align-self: center;
    
    
}

.icon{
    display: flex;
    width: 100px;
    height: 100px;
    align-items: flex-start;
    transition: 0.3s;
}
.icon:hover{
    scale: 0.9;
    transition: 0.5s;
}
.symbolebloc1{
    display: flex;
    width: 90px;
    height: 90px;
    transition: 0.3s;
}
.symbolebloc1:hover{
    position: relative;
    width: 110px;
    height: 110px;
    transition: 0.5s;
}

.texttableau{
    display: flex;
    width: 350px;
    height: 100%;
    flex-direction: column;
    margin-left: 10px;
}
.calendrierbloc1{
    display: flex;
    width: 95%;
    height: 100px;
  
}

.BLOC2{
    display: flex;
    width:auto;
    height: 750px;
    flex-direction: column;
}

/*CARROUSSEL BLOC2*/

.blocboutonbloc2{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: space-between;
}

.OurServices{
    display: flex;
    align-items: end;
    font-size: 45px;
    font-weight: bold;
    margin-left: 8%;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
}

.ensemblebouton{
    display: flex;
    width: auto;
    height: auto;
    margin-right: 5%;
}

#BOUTONRETOURBLOC2, #BOUTONAPRESBLOC2 {
    display: flex;
    width: 100px;
    height: 80px;
    color: rgb(183, 183, 183);
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    padding-left: 2%;
    transition: 0.3s;
    border: rgb(183, 183, 183) solid 1px;
    margin: 5%;

}

#BOUTONRETOURBLOC4, #BOUTONAPRESBLOC4 {
    display: flex;
    width: 70px;
    height: 70px;
    color: rgb(183, 183, 183);
    border-radius: 15px;
    font-size: 35px;
    transition: 0.3s;
    border: rgb(183, 183, 183) solid 1px;
    justify-content: center;
    align-items: center;
    z-index: 2;
    background-color: white;

}
#BOUTONRETOURBLOC2:hover, #BOUTONAPRESBLOC2:hover ,#BOUTONRETOURBLOC4:hover ,#BOUTONAPRESBLOC4:hover{
    background: #fe6b59;
    color: white;
    transition: 0.5s;
}
  
  #BOUTONRETOURBLOC2 {
    display: flex;

  }
  
  #BOUTONAPRESBLOC2 { 
    display: flex;

  }

  .carousel-containerBLOC2 {
    display: flex;
    width: auto ;
    height: 550px;
    align-items: start;
    margin-left: 5%;
    overflow: hidden;

}
  .carousel-wrapperBLOC2 {
    display: flex;
    width: auto;
    height: 300px;
    transition: transform 0.5s ease-in-out;
  }

  
  .carousel-itemBLOC2{
    display: flex;
    width: 700px;
    height: 400px;
    border-radius: 25px;
    margin: 2%;
    text-align: center;
    border: 1px solid #ddd;
    flex-direction: row;
    align-items: end;
    transition: 0.3s;
  }
  .carousel-itemBLOC2:hover{
    transition: 0.5s;
    border: solid #fe6a4e 1px;
  }
.imgsignedollar{
    width: 30px;
    height: 30px;
}
/*PARTI A L'INTÉRIEUR DU CARROUSSEL*/

.cartoonchien{
    position: relative;
    margin: 12%;
    margin-top: 45%;
}
.blocimagebloc2{
    display: flex;
    width: max-content;
    height: 100%;
}
.blocimagebloc4{
    display: flex;
    width: 350px;
    height: 100%;
}

.partitextebloc2{
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column;
        justify-content: center;
        margin-left: 2%;
}
.titrecarroussel{
    display: flex;
    width: 100%;
    height: max-content;
    font-size: 30px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    margin-left: 7%;
}
.loremipsumbloc2{
    display: flex;
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #827c7c;
    text-align: start;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    margin: 3%;
    line-height: 35px;
}
.loremipsumbloc8{
    display: flex;
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #827c7c;
    text-align: start;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    line-height: 30px;
    margin-left: 8%;
}
.delaibloc2{
    display: flex;
    width: 100%;
    height: auto;   
    justify-content: start;
    
}

.dollarbloc2{
    display: flex;
    width: auto;
    height: 70px;
    background: #f2f1ef;
    border-radius: 15px;
    margin: 2%;
    padding-left: 7%;
    padding-right: 7%;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    transition: 0.3s;
}
.dollarbloc2blague{
    display: flex;
    width: auto;
    height: 70px;
    background: #f2f1ef;
    border-radius: 15px;
    margin: 2%;
    padding-left: 7%;
    padding-right: 7%;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    transition: 0.3s;
}
.dollar2bloc2{
    display: flex;
    

}
.dollarbloc2:hover{
    background:#fe6b59;
    color: white;
    transition: 0.5s;
} 


/*FIN CARROUSSEL BLOC2*/
.barrebasbloc2{
    display: flex;
    width: 100%;
    justify-content: center;
}

/*FINBLOC2*/

/*DÉBUT BLOC3*/
.BLOC3{
    display: flex;
    background-color:#fff8f3; 
    width: 100%;
    height: 700px;
}

.blocbloc31{
    display: flex;
    width: 50%;
    height: auto;
    align-items: center;
    justify-content: center;
}
.blocbloc32{
    display: flex;
    width: 50%;
    height: auto;
    align-items: center;
    justify-content: start;
}
.femmeauchienbloc3{
    position: relative;
   
    width: 450px;
    height: 550px;
    border-radius: 15px;
    transform: rotate(-5deg);
}
.chatgrisbloc3{
    position: absolute;
    z-index: 1;
    width: 300px;
    height: 350px;
    border-radius: 15px;
    margin-left: 30%;
    transform: rotate(3deg);
    background-color: white;
    padding: 0.5%;
}
.validebloc3{
    border-radius: 50px;
    margin-right: 1%;
}
.textblocvertical1bloc3{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: min-content;
    margin-left: 15%;
}
/*FIN BLOC3*/
/*DÉBUT BLOC 4*/
.BLOC4{
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: start;
    margin-top: 10%;
    margin-bottom: 10%;
   
}

.hautbloc4{
    display: flex;
    width: 100%;
    height: 200px;
    align-items: center;
    flex-direction: column;
}
.conteneurbloc4{
    display: flex;
    width: 100%;
    height: 500px;
    justify-content: center;
    flex-direction: row;
    margin-top: 2%;
    border: solid brow;

}

.tacherougebloc4{
    position: absolute;
    transform: rotate(110deg);
    margin-bottom: 24%;
    margin-right: 55%;
    animation: rotate 100s linear infinite;
}
.biglignebloc4{
    display: flex;
    width: 100%;
    height: max-content;
    align-items: center;
    justify-content: center;
   
}

.griffurevertebloc4{
    position: absolute;
    transform: rotate(130deg);
    margin-left: 55%;
    margin-top: 25%;
    animation: rotate 100s linear infinite;


}

/*CARROUSSEL BLOC 4 START*/
.carousel-containerBLOC4 {
    display: flex;
    width: 1050px ;
    height: 490px;
    z-index: 2;

}

.carousel-itemBLOC4{
    display: flex;
    width: 1000px;
    height: 450px;
    border-radius: 25px;
    margin: 2%;
    text-align: center;
    border: 1px solid #ddd;
    flex-direction: row;
    align-items: end;
    z-index: 1;
    background-color: white;
    
  }
.carousel-itemBLOC4:hover{
    transition: 0.5s;
    border: solid #fe6a4e 1px;
  }




/*FIN CARROUSSEL*/
.femmeblondebloc4{
    position: relative;
    margin: 6%;
    border-radius: 15px;
}

.petittitrebloc4{
    display: flex;
    width: 100%;
    height: max-content;
    color: rgb(75, 68, 53);
    font-weight: bold;
    font-size: 22px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    margin-left: 3%;

}
.partitextebloc4{
    display: flex;
    width: 100%;
    height: 90%;
    flex-direction: column;
    margin-left: 10%;
}
.loremipsumbloc4{
    display: flex;
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #827c7c;
    text-align: start;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    line-height: 35px;
}

/*FIN BLOC 4*/

/*DÉBUT BLOC5*/

.BLOC5{
    display: flex;
    width: 100%;
    height: 500px;
    background-color: #2c786c;
    margin-bottom: 7%;
}
/*PARTI 1 BLOC5*/
.conteneurBLOC5{
    display: flex;
    height: 100%;
    width: 50%;
    flex-direction: row;
    overflow: hidden;
}
.gaucheconteneurbloc5{
    display: flex;
    height: 100%;
    width: 140px;
    align-items: start;
    justify-content: start;
    position: relative;
    overflow: hidden;
    
}
.tachejaunebloc5{
    position: static;
    transform: rotate(130deg);
    z-index: 2;
    margin-left: -17%;
    margin-top: -10%;
    animation: rotate 100s linear infinite;
}
.gaucheconteneur2bloc5{
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    margin-left: 2%;
}

/*PARTI 2 BLOC5*/
.conteneur2BLOC5{
    display: flex;
    height: 100%;
    width: 50%;
    align-items: end;
    justify-content: center;
    overflow: hidden;
}
.femmeblo5{
    position: absolute;
    z-index: 3;
}
.ligne1bloc5{
    display: flex;
    width: 100%;
    height: 250px;
    flex-direction: row;
    flex-wrap: nowrap;
}
.blocverti1bloc5{
    display: flex;
    position: relative;
    height: 100%;
    width: 40%;
    justify-content: start;
    align-items: center;
    overflow: hidden;
}
.blocverti2bloc5{
    position: relative;
    display: flex;
    height: 100%;
    width: 60%;
    justify-content: end;
    align-items: end;
}

.croctacherouge{
    position: absolute;
    z-index: 0;
    transform: rotate(130deg);
    animation: rotate 100s linear infinite;
}
.tacherougebloc5{
    position: absolute;
    z-index: 0;
    transform: rotate(-50deg);
    margin-right: 2%;
    margin-bottom: -10%;
    animation: rotate 100s linear infinite;
    
}

.tacheblanche4x8{
    position: absolute;
    z-index: 1;
    transform: rotate(130deg);
    margin-right: -5%;
    margin-bottom: 20%;
    animation: rotate 100s linear infinite;
}
.tacheblanche6x4{
    position: absolute;
    z-index: 0;
    transform: rotate(140deg);
    margin-bottom: 12%;
    margin-left: 2%;
    animation: rotate 100s linear infinite;
}

/*FIN BLOC5*/
/*DÉBUT BLOC6 */

.BLOC6{
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    background-color: #fbfbfb;
   
}
.ligne1bloc6{
    display: flex;
    width: 100%;
    height: 150px;
    align-items: center;
    justify-content: space-between;
}
.OurServicesbloc6{
    display: flex;
    align-items: end;
    font-size: 45px;
    font-weight: bold;
    margin-left: 8%;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
}
.browseallbloc6{
    display: flex;
    justify-content: center;
    align-items: center;
    background:#f1f0ee;
    width: 210px;
    height: 70px;
    border-radius: 15px;
    color: rgb(0, 0, 0);
    font-size: 20px;
    margin-right: 8%;
    padding-left: 2%;
    padding-right: 2%;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    transition: 0.3s;
    flex-wrap: nowrap;
}

.browseallbloc6:hover{
    background:#fe6b59;
    color: white;
    transition: 0.5s;
    height: 60%;
}
.ligne2bloc6{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: center;

}
.flexbloc6{
    display: flex;
    width: 430px;
    height: 430px;
    margin: 20px;
    flex-direction: column;
}
.overlaybloc6{
    background-color: #fe6a4e;
    width: 100px;
    height: 50px;
    display: flex;
    border-radius: 10px;
    position: absolute;
    opacity: 0;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    transition: 0.3s;
    margin-top: 1%;
    align-self: flex-end;
    margin-right: 1%;
    
}
.flexbloc6:hover .overlaybloc6{
    opacity: 1;
    transition: 0.5s;

}

.imgchienbloc6{
    position: relative;
    border-radius: 15px;
    display: flex   ;
}
.describflexbloc6{
    display: flex;
    width: 100%;
    height: 250px;
    flex-direction: column;
}
.titrecarrousselbloc6{
    display: flex;
    width: 100%;
    height: max-content;
    font-size: 28px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    line-height: 45px;
    color: #2c2523;
    margin-top: 2%;
    margin-bottom: 2%;

}
.traitgrisbloc6{
    display: flex;
    width: 100%;
    height: 2px;
    background: #e6e3e2;
    align-self: center;
}
.ensemblereadmore{
    display: flex;
    width: 100%;
    height: 90%;
    flex-direction: row;
    justify-content: center;
    justify-content: space-between;
    align-items: center;
}
.readmore{
    display: flex;
    width: auto ;
    height: 100%;
    align-items: center;
    color: #fe6a4e;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    transition: 0.3s;
}
.readmore:hover{
    background-color: #fe6a4e;
    width: 160px;
    height: 50px;
    color: white;
    border-radius: 15px;
    transition: 0.5s;
    font-size: 23px;
    margin-left: 3%;


}
.datebloc6{
    display: flex;
    width: auto ;
    height: 100%;
    align-items: center;
    color: #807c7b;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
}
.imageflecherouge{
    width: 20px;
    height: 17px;

}
.readmore:hover .imageflecherouge{
    width: 23px;
    height: 20px;
}
/*DÉBUT BLOC7*/
.BLOC7{
    display: flex;
    width: 100%;
    height: auto;
    margin-top: 10%;
    flex-direction: column;
}
.ligne1bloc7{
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    justify-content: center;
}
.conteneurbloc7{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: space-evenly;
}
.parti1bloc7{
    display: flex;
    width: 50%;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin-left: 12%;
}
.tachejaunebloc7{
    position: absolute;
    margin-right: 45%;
    margin-bottom: 20%;
    transform: rotate(120deg);
    animation: rotate 100s linear infinite;
}
.tacherougebloc7{
    position: absolute;
    transform: rotate(110deg);
    margin-left: 52%;
    margin-top: 20%;
    animation: rotate 100s linear infinite;
}
.flexgrandebloc7{
    display: flex;
    width: 350px;
    height: 350px;
    background-color: #f2f1ef;
    border-radius: 25px;
    z-index: 1;
    margin: 10px;
    transition: 0.3s;
}
.flexgrandebloc7:hover{
    transform: rotate(5deg);
    transition: 0.5s;
    scale: 1.05;
}

.ligne1flexpetitebloc7{
    display: flex;
    width: 100%;
    height: auto;
}
.flexpetitebloc7{
    display: flex;
    width: 165px;
    height: 165px;
    background-color: #f2f1ef;
    border-radius: 25px;
    z-index: 1;
    margin: 10px;
    transition: 0.3s;
}
.flexpetitebloc7:hover{
    transform: rotate(5deg);
    transition: 0.5s;
    scale: 1.1;
}
.imageflexbloc7{
    border-radius: 25px;
}
.griffurevertebloc6{
    position: absolute;
    margin-bottom: 20%;
    margin-left: 15%;
    transform: rotate(120deg);
    animation: rotate 100s linear infinite;
    
}
.parti2bloc7{
    display: flex;
    width: 40%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.traitgrisbloc7{
    display: flex;
    width: 100%;
    height: 2px;
    background: #e6e3e2;
    align-self: center;
    margin-top: 8%;
}

footer{
    display: flex;
    width: 100%;
    height: 500px;
    margin-top: 6%;
    
}
.footercolumnipad{
    display: flex;
    width: 70%;
    height: auto;
}
.partiebloc8{
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
}
.partie3bloc8{
    display: flex;
    height: 100%;
    width: 32.5%;
    flex-direction: column;
    justify-content: start;
}
.ligne1vetx{
    display: flex;
    width: auto;
    height: 20%;
    justify-content: start;
    margin-left: 8%;
}
.logobloc8{
    display: flex;
    width: auto;
    height: 20%;
    flex-direction: row;
    align-items: center;
    margin-left: 8%;
}
.vetxbloc8{
    width: 200px;
    height: 100px;
    transition: 0.3s;
}
.vetxbloc8:hover{
    background-color: #fffaf6;
    position: relative;
    border-radius: 25px;
    scale: 1.1;
    transition: 0.5s;
    z-index: 1;
}
.imgbloc8{
    width: 50px;
    height: 50px;
    margin: 7px;
    transition: 0.3s;
}
.imgbloc8:hover{
    scale: 1.4;
    transition: 0.5s;
}
.parti2bloc8{
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    
}
.colonnegauchebloc8{
    display: flex;
    width: 50%;
    height: 100%;
    flex-direction: column;
}
.spanbloc8{
    display: flex;
    width: auto;
    height: auto;
    font-size: 20px;
    color: #827c7c;
    text-align: start;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    margin: 3%;
    line-height: 30px;
    transition: 0.3s;
}
.spanbloc8:hover{
    color: #fe6a4e;
    text-decoration: underline;
    font-size: 22px;
    font-weight: 600;
    transition: 0.5s;
}
.petittitrebloc8{
    display: flex;
    width: 100%;
    height: max-content;
    color: rgb(75, 68, 53);
    font-weight: bold;
    margin: 3% ;
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
}
.ligne1bloc8{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: start;
   
}
.ligne2bloc8{
    display: flex;
    width: 100%;
    height: 30%;
    justify-content: center;
    align-items: center;    
}
.ligne3bloc8{
    display: flex;
    width: 100%;
    height: 38%;
    justify-content: end;
    align-items: start;
}
.feuille{
    width: 150px;
    height: 150px;
    transform: rotate(120deg);
    animation: rotate 100s linear infinite;
}
.griffurerouge{
    width: 200px;
    height: 200px;
    transform: rotate(120deg);
    margin-right: 10%;
    animation: rotate 100s linear infinite;
}
.flexbloc8{
    display: flex;
    width: 350px;
    height: 350px;
    background-color: #fbfbfb;
    z-index: 3;
    border-radius: 20px;
    flex-direction: column;
}
.titrecarrousselbloc8{
    display: flex;
    width: 100%;
    height: max-content;
    font-size: 28px;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    color: #2c2523;
    margin-left: 5%;
    margin-top: 10%;
    font-weight: 600;

}
.describflexbloc8{
    display: flex;
    width: 100%;
    height: auto;
    margin-top: 6%;
    margin-left: 6%;
    align-items: start;
}
.spanflexbloc8{
    display: flex;
    width: auto;
    height: auto;
    font-size: 20px;
    color: #827c7c;
    text-align: start;
    font-family: 'Inter', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;   
    line-height: 30px;
    transition: 0.3s;
}
.positionbloc8{
    width: 30px;
    height: 30px;
    transition: 0.3s;
}
.positionbloc8:hover{
    scale: 1.4;
    transition: 0.5s;
}
/*RESPONSIVE */
@media screen and (max-width: 1266px) {
    .flextroistrait{
        display: flex;
    }
    .traitblanc{
        display: flex;
    }
    .cat{
        display: none;
    }
    .contactusbarre{
        width: 180px;
        height: 55px;
        font-size: 19px;
    }
    .categorietitre{
        justify-content: end;
    }
    .logotitre{
        height: 90px;
        margin-left: 2%;
    }
    /*DÉBUT BLOC1*/
    .BLOC1{
        height: 950px;
        margin-top: 5%;
    }
    .ensembledesblocverticalbloc1{
        flex-direction: column;
    }
    .blocvertical1{
        width: auto;
    }
    .blocvertical2{
        justify-content: center;
    }
    .textblocvertical1{
        align-items: center;
    }
    .textitreengras{
        text-align: center;
        font-size: 250%;
    }
    .textsemietransparent{
        justify-content: center;
        text-align: center;
    }
    .femmechienpicture1{
        width: 500px;
        height: 550px;
    }
    .griffurejaune{
        width: 200px;
        height: 200px;
        transform: rotate(150deg);
    }
    .tacheverte{
        transform: rotate(150deg);
        width: 80px;
        height: 80px;
        margin-bottom: 8%;
        margin-left: 7%;
    }
    .tacherouge{
        width: 250px;
        height: 250px;
        margin-left: 18%;
        transform: rotate(-50deg);
    }
    .colonnetableaubloc1{
        width: 220px;
    }
    .tableaubloc1{
        justify-content: space-evenly;
        
    }
    .symbolebloc1{
        width: 65px;
        height: 65px;
    }
    .colonnetableaubloc1{
        flex-direction: column;
    }
    .texttableau{
        width: 320px;
    } 
    .textnormal{
        font-size: 13px;
    }
    .souligne{
        font-size: 15px;
    }
    .titrepluspetit{
        font-size: 15px;
    }
    .icon{
        width: 100%;
        margin-left: 5%;
        
    }
    .traitgris{
        margin-top: 8%;
        margin-bottom: 8%;
    }
    .petittitrebloc1{
        font-size: 15px;
    }
    /*FIN BLOC 1*/
    /*DÉBUT BLOC 2*/
    .BLOC2{
        margin-bottom: -10%;
    }

    .OurServices{
        font-size: 35px;
    }
    /*CARROUSSEL EN IPAD*/
    #BOUTONRETOURBLOC2, #BOUTONAPRESBLOC2{
        width: 75px;
        height: 60px;
        font-size: 25px;
    }
    .titrecarroussel{
        font-size: 25px;
    }
    .loremipsumbloc2{
        font-size: 15px;
    }
    .cartoonchien{
        width: 120px;
        height: 120px;
        line-height: 16px;
    }
    .carousel-itemBLOC2{
        width: 510px;
        height: 320px;
        margin: 0%;
        margin-top: 2%;
        margin-right: 1%;
    }
    .carousel-containerBLOC2{
        height: 420px;
    }
    /*FIN BLOC 2*/
    /*DÉBUT BLOC 3*/

    .BLOC3{
        flex-direction: column-reverse;
        height: auto;
        align-items: center;
    }
    .blocbloc31{
        width: 100%;
        margin-top: 5%;
        margin-bottom: 10%;
        justify-content: inherit;
    }
    .blocbloc32{
        width: 100%;
    }
    .femmeauchienbloc3{
        width: 350px;
        height: 400px;
        margin-left: 13%;
    }
    .chatgrisbloc3{
        margin-left: 40%;
        width: 200px;
        height: 250px;
    }
    .categorietitre:hover{
        position: relative;
        background: white;
        transition: 0.5s;
        border-radius: 15px;
        scale: 0.9;
        height: auto;
    }
    .contactusbarreipad{
        font-weight: 500;
    }
    .textsemietransparentbloc3{
        display: none;
    }
    .textsemietransparentbloc32{
        display: flex;
        
    }
   
    /*BLOC 4*/
    .BLOC4{
        margin-bottom: 15%;
    }
    .textsemietransparentcentre{
        font-size: 15px;
        line-height: 30px;
        margin: 0%;
    }
    .carousel-containerBLOC4{
        width: 408px;
        height: 730px;
    }
    .carousel-itemBLOC4{
        flex-direction: column;
        width: auto;
        height: 730px;
        margin-right: 2%;
    }
    .conteneurbloc4{
        width: auto;
        height: auto;
    }
    .blocimagebloc4{
        width: 390px;
        margin: 0%;
        justify-content: center;
    }
    .femmeblondebloc4{
        width: 350px;
        height: 350px;
    }
    .textsemietransparentbloc4{
        margin-left: 6%;
    }
    #BOUTONRETOURBLOC4 ,#BOUTONAPRESBLOC4{
        margin: 5%;
    }  
    .loremipsumbloc4{
        margin-left: 2%;
        font-size: 15px;
    }
    .petittitrebloc4{
        margin-left: 6%;
    }
    .tacherougebloc4{
        transform: rotate(80deg);
        margin-right: 75%;
        margin-bottom: 75%
    }
    .griffurevertebloc4{
        transform: rotate(100deg);
        margin-top: 88%;
    }
    /*BLOC5*/
    .BLOC5{
        flex-direction: column;
        height: 700px;
    }
    .conteneurBLOC5{
        width: 100%;
    }
    .gaucheconteneur2bloc5{
        align-items: center;
        margin-right: 13%;
    }
    .textitreengrasblanc{
        text-align: center;
    }
    .conteneur2BLOC5{
        width: 100%;
        
    }
    .femmeblo5{
        width: 350px;
        height: 350px;
    }
    .tachejaunebloc5{
        width: 200px;
        height: 200px;
        transform: rotate(90deg);
        margin-left: -8%;
        margin-top: -4%;
    }
    .tacherougebloc5{
        transform: rotate(-80deg);
    }
    .tacheblanche6x4{
        z-index: 1;
        transform: rotate(90deg);
        width: 100px;
        height: 100px;
        margin-right: 8%;
        margin-bottom: 25%;
    }
    .tacheblanche4x8 {
        width: 120px;
        height: 120px;
        transform: rotate(80deg);
        margin-left: 35%;
        margin-bottom: 31%;
        overflow: visible;
    }
    .blocverti2bloc5 {
        justify-content: center;
    }
    .blocverti1bloc5{
        justify-content: end;
    }
    .croctacherouge{
        width: 200px;
        height: 200px;
        transform: rotate(80deg);
    }
    .ligne1bloc6{
        flex-direction: column;
        margin-bottom: 5%;
    }
    .OurServicesbloc6{
        margin-left: 0%;
        font-size: 35px;
    }
    .browseallbloc6{
        margin-right: 0%;
        width: 230px;
    }
    .ensemblereadmore{
        height: 30%;
    }
    .ligne2bloc6{
        flex-direction: column;
        align-items: center;
    }
    .titrecarrousselbloc6{
        font-size: 18px;
    }
    .readmore{
        font-size: 18px;
    }
    .datebloc6{
        font-size: 18px;
    }
    .griffurevertebloc6{
        width: 150px;
        height: 150px;
        transform: rotate(80deg);
        margin-left: 19%;
        margin-bottom: 23%;
    }
    .parti1bloc7{
        width: auto;
        margin-left: 2%;
    }
    .parti2bloc7{
        width: auto;
    }
    .flexgrandebloc7{
        width: 230px;
        height: 230px;
    }
    .flexpetitebloc7{
        width: 105px;
        height: 105px;
    }
    .tacherougebloc7{
        width: 200px;
        height: 200px;
        transform: rotate(70deg);
        margin-top: 23%;
    }
    .tachejaunebloc7{
        transform: rotate(80deg);
        margin-right: 55%;
    }
    .textitreengras{
        font-size: 40px;
    }
    .textrougesouligne{
        font-size: 40px;
    }
    .footercolumnipad{
        flex-direction: column;
        height: max-content;
        width: 100%;
    }
    .vetxbloc8{
        width: 130px;
        height: 60px;
    }
    .loremipsumbloc8{
        font-size: 18px;
    }
    .logobloc8{
        margin-left: 5%;
        margin-top: 5%;
        margin-bottom: 5%;
    }
    .imgbloc8{
        width: 40px;
        height: 40px;
    }
    .parti2bloc8{
        align-items: inherit;
        width: 100%;
        margin-left: 6%;
    }
    .petittitrebloc8{
        font-size: 18px;
    }
    .spanbloc8{
        font-size: 18px;
    }
    .partie3bloc8{
        width: 100%;
        justify-content: end;
    }
    .flexbloc8{
        width: 300px;
        height:250px;
    }
    .spanflexbloc8{
        font-size: 1.125rem; /*VU QUE 16PX = 1rm soit 0.0625 par pxs. ici 18px à la base*/
    }
    .griffurerouge{
        transform: rotate(80deg);
        margin-right: 0%;
        margin-top :-24%;
    }
    .positionbloc8{
        width: 25px;
        height: 25px;
    }
    .feuille{
        transform: rotate(80deg);
        width: 130px;
        height: 130px;
        margin-top: 1%;
    }
}
@media screen and (max-width: 412px){
    .barredestaches{
        position: relative;
    }
    .logotitre{
        height: 90px;
        margin-left: 3%;
    }
    .cat{
        display: none;
    }
    .cat5{
        font-size: 18px;
    }
    .contactusbarre{
        display: none;
    }
    .categorietitre{
        justify-content: end;
    }
    .flextroistrait{
        display: flex;
        margin: 0%;
        margin-right: 2%;
        width: 140px;
        border-radius: 12px;
    }
    .traitblanc{
        display: flex;
    }
    /*BLOC1*/
    .BLOC1{
        margin-top:0% ;
        height: 745px;
    }
    .textitreengras{
        font-size: 29px;
    }
    .textsemietransparent{
        display: none;
    }
    .textsemietransparent2{
        display: flex;
        margin-top: -5%;
    }
    .contactus{
        width: 140px;
        height: 60px;
        font-size: 18px
    }
    .femmechienpicture1{
        width: 345px;
        height: 400px;
    }
    .griffurejaune{
        width: 150px;
        height: 150px;
    }
    .tacheverte{
        width: 70px;
        height: 70px;
    }
    .tacherouge{
        width: 200px;
        height: 225px;
        margin-left: 22%;
    }
    .tachejaune{
        height: 170px;
    }
    .tableaubloc1{
        flex-direction: column;
        margin-top: 15%;
    }
    .colonnetableaubloc1{
        flex-direction: row;
        align-self: self-start;
        margin-left: 5%;
        height: 150px;
    }
    .calendrierbloc1{
        width: 80%;
    }
    .traitgris{
        width: 90%;
    }
    .OurServices{
        font-size: 25px;
    }
    .blocboutonbloc2{
        align-items: center;
    }
    #BOUTONRETOURBLOC2, #BOUTONAPRESBLOC2{
        font-size: 20px;
        width: 65px;
        height: 50px;
    }
    .blocimagebloc2{
        width: auto;
        justify-content: start;
        align-items: end;
        margin-left: 5%;
    }
    .carousel-itemBLOC2{
        flex-direction: column;
        margin-top: 0.5%;
        height: 380px;
        width: 400px;
        align-items: inherit;
    }
    .cartoonchien{
        margin: 0%;
        margin-top: 0%;
        width: 90px;
        height: 90px;
    }
    .titrecarroussel{
        font-size: 20px;
    }
    .loremipsumbloc2{
        margin-top: -5%;
    }
    .dollarbloc2{
        width: 80px;
        height: 55px;
        font-size: 14px;
    }
    .imgsignedollar{
        width: 25px;
        height: 25px;
    }
    .delaibloc2{
        margin-bottom: 10%;
        margin-top: -5%;
    }
    .browseall{
        height: 60px;
        width: 180px;
        font-size: 18px;
    }
    .barrebasbloc2{
        justify-content: space-evenly;
    }
    .dollarbloc2blague{
        display: none;
    }
    .textblocvertical1bloc3{
        margin-left: 5%;
    }
    .textsemietransparentbloc32{
        font-size: 15px;
        margin-left: 0%;
    }
    .validebloc3{
        width: 25px;
        height: 25px;
    }
    .petittitrebloc3{
        font-size: 15px;
    }
    .contactusbarreipad{
        font-size: 17px;
        width: 180px;
        height: 65px;
        margin-bottom: 1%;
    }
    .femmeauchienbloc3{
        margin-left: 6%;
        width: 285px;
        height: 335px;
    }
    .chatgrisbloc3{
        margin-left: 57%;
        width: 160px;
        height: 200px;
        margin-bottom: 13%;
    }
    .textitreengrasbloc4{
        font-size: 25px;
    }
    .textsemietransparentcentre{
        font-size: 15px;
        width: 100%;
    }
    .femmeblondebloc4{
        width: 320px;
        height: 320px;
    }
    .carousel-itemBLOC4{
        border-radius: 20px;
    }
    .titrecarroussel {
        width: 55%;
        text-align: start;
        margin-left: 7%;
    }
    .loremipsumbloc4{
        line-height: 30px;
        font-size: 16px;
        margin: 0%;
    }
    .carousel-containerBLOC4{
        margin-right: 4%;
    }
    .textsemietransparentbloc4{
        margin-left: 6%;
    }
    #BOUTONAPRESBLOC4 , #BOUTONRETOURBLOC4{
        z-index: 3;
        width: 45px;
        height: 45px;
        font-size: 25px;
        border-radius: 10px;
        position: absolute;
        margin-bottom: 30%;
    }
    #BOUTONAPRESBLOC4{
        margin-right: 93%;
    }
    #BOUTONRETOURBLOC4{
        margin-left: 92%;
    }
    .BLOC5{
        height: 630px;
    }
    .tachejaunebloc5{
        width: 120px;
        height: 120px;
        transform: rotate(120deg);
        margin-left: -16%;
    }
    .textitreengrasblanc{
        font-size: 32px
    }
    .croctacherouge{
        width: 170px;
        height: 170px;
    }
    .tacherougebloc5{
        width: 200px;
        height: 200px;
    }
    .BLOC6{
        margin-top: 8%;
    }
    .OurServicesbloc6{
        font-size: 25px;
        height: 33%;
    }
    .browseallbloc6{
        width: 200px;
        font-size: 19px;
    }
    .flexbloc6{
        width: 380px;
        height: 380px;
    }
    .imgchienbloc6{
        width: 380px;
        height: 220px;
    }
    .overlaybloc6{
        width: 70px;
        height: 37px;
        font-size: 13px;
        border-radius: 7px;
        margin-right: 5%;
        margin-top: 5%;
    }
    .BLOC7{
        margin-top: 15%;
    }
    .conteneurbloc7{
        flex-direction: column;
    }
    .textrougesouligne{
        font-size: 29px;
    }
    .flexgrandebloc7{
        height: 180px;
    }
    .flexpetitebloc7{
        width: 230px;
        height: 180px;
    }
    .tachejaunebloc7{
        margin-right: 85%;
        transform: rotate(100deg);
    }
    .griffurevertebloc6 {
        margin-left: 77%;
        margin-top: -146%;
        transform: rotate(100deg);
    }
    .tacherougebloc7{
        margin-top: 223%;
        margin-right: 80%;
        width: 180px;
        height: 180px;
    }
    .traitgrisbloc7{
        margin-top: 15%;
    }
    footer{
        flex-direction: column;
        height: 1200px;
    }
    .loremipsumbloc8{
        font-size: 15px;
        line-height: 25px;
        margin-top: 5%;
    }
    .feuille{
        width: 100px;
        height: 100px;
        transform: rotate(120deg);
        margin-top: -20%;
    }
    .flexbloc8{
        align-items: start;
        width: 385px;
    }
    .partie3bloc8{
        height: auto;
    }
}
/*FIN*/