@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Rammetto+One&display=swap');
/* font-family: 'Rammetto One', sans-serif; */

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


 *{
padding: 0;
margin: 0;}
	

.zoneInterresse{
width: 100%;
height: auto;
margin-top: 50px;
/*background-color:#b01149;*/}

.terresseCenter{
width: 90%;
height:700px;
border-radius: 50px 00px 50px 00px;
background-size: 100%;
background-image: linear-gradient(to bottom, rgba(255,128,255,0.5), rgba(0,0,128,0.5)), url("../images/enfant-garderie-cpe.jpg");
/*background-image: linear-gradient(to bottom, rgba(16,200,255,0.5), rgba(353,0,589,0.5));*/
margin: 0px auto;}

.titreinter{
width: 100%;
height:60px;

margin: 0px auto;}

.titreinter h1{
text-align: center;
font-family: "Rowdies", sans-serif;
color: #FB144E;
}

.boxeu1{
width: 90%;
height:500px;
display: flex;
/*background-color: #C5EB08;*/
margin: 0px auto;
}

.div1:nth-child(1){
width: 400px;
height:400px;
margin: 5px;
border-radius: 50%;
background-color: #FF88FF;
border: solid 8px #D5DF05;
position: relative;
}

.imgblog{
width: 100%;
height:100%;
object-fit:cover;
border-radius: 50%;
}

.textediv{
width: 240px;
height:100px;
position: absolute;
bottom: 40px;
left: -60px;
border-radius: 00px 8px 00px 5px;
border: 1px solid #fff;
background-color: #D5DF05;
}

.btnsmall{
width: 130px;
height:30px;
border-radius: 4px;
border: solid 1px #fff;
color: #fff;;
background-color: #FB144E;
margin-left: 55px;
margin-top: 10px;
}

.textediv h2{
text-align: center;
}

.textediv h4{
text-align: center;
font-size: 15px;
}



.div1:nth-child(2){
background-color: #f2f;
border: solid 8px #f2f;
width: 250px;
height:250px;
border-radius: 50%;
margin-left:100px;
margin-top:180px;
position: relative;
}

.imgact{
width: 100%;
height:100%;
object-fit:cover;
border-radius: 50%;
}

.textedivact{
width: 280px;
height:80px;
position: absolute;
top: 260px;
left: 0px;
background-color: #f2f;
border: solid 1px #fff;
border-radius: 00px 8px 00px 5px;

}

.textedivact h2{
text-align: center;

font-weight: bold;
}

.textedivact h4{
text-align: center;
}

.btnsmall1{
width: 100px;
height:30px;
border-radius: 4px;
border: solid 1px #fff;
color: #fff;;
background-color: #FB144E;
margin-left: 90px;
margin-top: 10px;
}
.div1:nth-child(2):hover{

}

.div1:nth-child(3){
background-color: #222;
border: solid 8px #04F10D;
width: 300px;
height:300px;
border-radius: 50%;
margin-left:55px;
position: relative;
}

.texteeven{
width: 240px;
height:80px;
position: absolute;
bottom: 20px;
right: -100px;
background-color: #04F10D;
border: solid 1px #fff;
border-radius: 00px 8px 00px 5px;

}

.texteeven h2{
text-align: center;
}

.texteeven h4{
text-align: center;
}

.btnsmall2{
width: 100px;
height:30px;
border-radius: 4px;
border: solid 1px #fff;
color: #fff;;
background-color: #FB144E;
margin-left: 80px;
margin-top: 10px;
}

.imgaeven{
width: 100%;
height:100%;
object-fit:cover;
border-radius: 50%;
}

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

.terresseCenter{
width: 100%;
height:700px;
border-radius: 50px 00px 50px 00px;
background-size: 100%;
/*background-image: linear-gradient(to bottom, rgba(255,128,255,0.5), rgba(0,0,128,0.5)), url("../images/DSC00744.JPG");*/
background-image: linear-gradient(to bottom, rgba(255,128,255,0.5), rgba(0,0,128,0.5));
margin: 0px auto;}

.titreinter{
width: 100%;
height:60px;

margin: 0px auto;}

.titreinter h1{
text-align: center;

color: #FB144E;
}

.boxeu1{
width: 90%;
height:500px;
display: flex;
/*background-color: #C5EB08;*/
margin: 0px auto;
}

.div1:nth-child(1){
width: 400px;
height:400px;
margin: 5px;
border-radius: 50%;
background-color: #FF88FF;
border: solid 8px #D5DF05;
position: relative;
}

.imgblog{
width: 100%;
height:100%;
object-fit:cover;
border-radius: 50%;
}

.textediv{
width: 240px;
height:100px;
position: absolute;
bottom: 40px;
left: -60px;
border-radius: 00px 8px 00px 5px;
border: 1px solid #fff;
background-color: #D5DF05;
}

.btnsmall{
width: 130px;
height:30px;
border-radius: 4px;
border: solid 1px #fff;
color: #fff;;
background-color: #FB144E;
margin-left: 55px;
margin-top: 10px;
}

.textediv h2{
text-align: center;
}

.textediv h4{
text-align: center;
font-size: 15px;
}



.div1:nth-child(2){
background-color: #f2f;
border: solid 8px #f2f;
width: 250px;
height:250px;
border-radius: 50%;
margin-left:100px;
margin-top:180px;
position: relative;
}

.imgact{
width: 100%;
height:100%;
object-fit:cover;
border-radius: 50%;
}

.textedivact{
width: 280px;
height:80px;
position: absolute;
top: 260px;
left: 0px;
background-color: #f2f;
border: solid 1px #fff;
border-radius: 00px 8px 00px 5px;

}

.textedivact h2{
text-align: center;

font-weight: bold;
}

.textedivact h4{
text-align: center;
}

.btnsmall1{
width: 100px;
height:30px;
border-radius: 4px;
border: solid 1px #fff;
color: #fff;;
background-color: #FB144E;
margin-left: 90px;
margin-top: 10px;
}
.div1:nth-child(2):hover{

}

.div1:nth-child(3){
background-color: #222;
border: solid 8px #04F10D;
width: 300px;
height:300px;
border-radius: 50%;
margin-left:55px;
position: relative;
}

.texteeven{
width: 240px;
height:80px;
position: absolute;
bottom: 20px;
right: -100px;
background-color: #04F10D;
border: solid 1px #fff;
border-radius: 00px 8px 00px 5px;

}

.texteeven h2{
text-align: center;
}

.texteeven h4{
text-align: center;
}

.btnsmall2{
width: 100px;
height:30px;
border-radius: 4px;
border: solid 1px #fff;
color: #fff;;
background-color: #FB144E;
margin-left: 80px;
margin-top: 10px;
}

.imgaeven{
width: 100%;
height:100%;
object-fit:cover;
border-radius: 50%;
}

	
}


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

.zoneInterresse{
width: 100%;
/*background-color:#b01149;*/}

.terresseCenter{
width: 90%;
height:auto;
margin: 0px auto;}

.titreinter{
width: 100%;
height:60px;

margin: 0px auto;}

.titreinter h1{
font-size: 22px;
text-align: center;

color: #FB144E;
}

.boxeu1{
width: 90%;
height:1100px;
display: block;
/*background-color: #C5EB08;*/
margin: 0px auto;
}

.div1:nth-child(1){
width: 270px;
height:270px;
margin-left: -25px;

border-radius: 50%;
background-color: #FF88FF;
border: solid 8px #D5DF05;
position: relative;
}

.imgblog{
width: 100%;
height:100%;
object-fit:cover;
border-radius: 50%;
}

.textediv{
width: 220px;
height:100px;
position: absolute;
bottom: -30px;
left:20px;
border-radius: 00px 8px 00px 5px;
border: 1px solid #fff;
background-color: #D5DF05;
}

.btnsmall{
width: 100px;
height:30px;
border-radius: 4px;
border: solid 1px #fff;
color: #fff;;
background-color: #FB144E;
margin-left: 60px;
margin-top: 10px;
}

.textediv h2{
text-align: center;
}

.textediv h4{
text-align: center;
font-size: 15px;
}



.div1:nth-child(2){
background-color: #f2f;
border: solid 8px #f2f;
width: 250px;
height:250px;
border-radius: 50%;
margin-left:0px;
margin-top:45px;
position: relative;
}

.imgact{
width: 100%;
height:100%;
object-fit:cover;
border-radius: 50%;
}

.textedivact{
width: 200px;

height:80px;
position: absolute;
top: 155px;
left: 25px;
background-color: #f2f;
border: solid 1px #fff;
border-radius: 00px 8px 00px 5px;

}

.textedivact h2{
text-align: center;
font-size: 18px;
font-weight: bold;
}

.textedivact h4{
text-align: center;
}

.btnsmall1{
width: 100px;
height:30px;
border-radius: 4px;
border: solid 1px #fff;
color: #fff;;
background-color: #FB144E;
margin-left: 50px;
margin-top: 10px;
}
.div1:nth-child(2):hover{

}

.div1:nth-child(3){
background-color: #222;
border: solid 8px #04F10D;
width: 275px;
height:275px;
border-radius: 50%;
margin-left:-20px;
margin-top: 30px;
position: relative;
}

.texteeven{
width: 230px;
height:70px;
position: absolute;
bottom: -20px;
right: 25px;
background-color: #04F10D;
border: solid 1px #fff;
border-radius: 00px 8px 00px 5px;

}

.texteeven h2{
text-align: center;
font-size: 18px;
}

.texteeven h4{
text-align: center;
}

.btnsmall2{
width: 100px;
height:30px;
border-radius: 4px;
border: solid 1px #fff;
color: #fff;;
background-color: #FB144E;
margin-left: 80px;
margin-top: 10px;
}

.imgaeven{
width: 100%;
height:100%;
object-fit:cover;
border-radius: 50%;
}

}