@charset "utf-8";
/* CSS Document */

/*font-family: 'Mulish', sans-serif;*/


 *{
padding: 0;
margin: 0;}


.globZoneAnime{
width: 100%;
height:auto;
margin-top: 20px;}

.ZoneAnime{
width: 97%;
height:600px ;
background-color:#04DFB0;
/*border-radius: 20px 00px 22px 00px;*/
margin: 0px auto;}


.divanim1{
width: 100%;
height: 600px;
border: solid 1px #04DFB0;
/*border-radius: 20px 00px 22px 00px;*/
}

.imgdiv{
width: 100%;
height: 100%;
/*border-radius: 20px 00px 22px 00px;*/
object-fit: cover;
}

.divtextanime{
width: 80%;
height:200px;
position: relative;
bottom:480px;
margin: 0px auto	
}

.divtextanime p{
letter-spacing: 10px;
text-align: center;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px #333;
}

.divtextanime h1{
text-align: center;
font-family: "Rowdies", sans-serif;
font-weight: 900;
font-size: 100px;
color: #fff;
text-shadow: 3px 3px #333;
}


.Zoneservice{
width: 80%;
height:220px ;
background-color:#04DFB0;
border-radius: 80px;
border: solid 8px #fff;
position: relative;
bottom: 100px;
margin: 0px auto;

}

.contenuix{
width: 90%;
height:210px ;

position: relative;
top: 13px;
display: flex;
justify-content: space-between;
margin: 0px auto;	
}

.party_service{
width: 200px;
height:170px ;
}

.service{
width: 150px;
height:150px;
border-radius: 50%;

margin: 0px auto;	
}

.imgUpload{
width: 100%;
height:100%;
border-radius: 50%;
object-fit: cover;
border: solid 10px #fff;
}

.serviceTitre{
width: 200px;
height:20px ;

}

.serviceTitre h4{
text-align: center;
}

.btnservice{
width: 150px;
height: 30px;
background-color: #FB144E;
color: #fff;
font-size: 12px;
font-weight: bold;
border: none;
border-radius: 8px;
text-align: center;
position: relative;
left: 30px;
}

@media only screen and (min-width: 481px) and (max-width: 1024px){
	 	
.globZoneAnime{
width: 100%;
margin-top: 20px;
/*background-color:#b01149;*/}

.ZoneAnime{
width: 97%;
height:650px ;
box-shadow: 0px 2px 4px rgb(0,0,0,25%);
background-color: #FFF;
/*border-radius: 20px 00px 22px 00px;*/
margin: 0px auto;}


	
}


@media only screen and (min-width: 150px) and (max-width: 480px){
	
*{
padding: 0;
margin: 0;}
	

.ZoneAnime{
width: 100%;
height:200px ;
background-color:#04DFB0;
/*border-radius: 20px 00px 22px 00px;*/
margin: 0px auto;}


.divanim1{
width: 100%;
height: 200px;
/*border-radius: 20px 00px 22px 00px;*/
}

.imgdiv{
width: 100%;
height: 100%;
/*border-radius: 20px 00px 22px 00px;*/
object-fit: cover;
}

.divtextanime{
width: 80%;
height:200px;
position: relative;
bottom:160px;
margin: 0px auto	
}

.divtextanime p{
letter-spacing: 10px;
text-align: center;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px #333;
}

.divtextanime h1{
text-align: center;
font-family: "Rowdies", sans-serif;
font-weight: 900;
font-size: 18px;
color: #fff;
text-shadow: 3px 3px #333;
}


.Zoneservice{
width:100%;
height:auto ;
background-color:transparent;
border: none;
position: relative;
bottom: 10px;
margin: 0px auto;

}

.contenuix{
width: 100%;
height:auto;
border-radius: 00px 00px 10px 10px;
background-color:#04DFB0;
display:flex;
text-align: center;
align-items: center;
justify-content: center;
margin: 0px auto;	
}

.party_service{
width: 100px;
text-align: center;
align-items: center;
margin: 0px auto;
}

.service{
width: 70px;
height:70px;
border-radius: 50%;
margin: 0px auto;	
}

.imgUpload{
width: 100%;
height:100%;
border-radius: 50%;
object-fit: cover;
border: solid 6px #fff;
}

.serviceTitre{
width: 100px;
height:20px ;
margin: 0px auto;	
}

.serviceTitre h4{
text-align: center;
font-size: 10px;
}

.btnservice{
width: 78px;
height: 30px;
background-color: #FB144E;
color: #fff;
font-weight: normal;
border: none;
border-radius: 8px;
text-align: center;
position: relative;
left: 0px;
bottom: 2px;
}




}