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

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


 *{
padding: 0;
margin: 0;}
	

.zoneHautSite{
width: 100%;
background-color:#04DFB0;}

.zoneHautSiteCenter{
width: 90%;
height:40px;
justify-content: space-between;
display: flex;

margin: 0px auto;}

.autre1{
width: 1250px;
height:40px;
justify-content: space-between;
display: flex;

}

.titreannonce{
width: 100px;
height:40px;
display: none;
}

.titreannonce h3{
position: relative;
top: 8px;
}

.annonce{
width: 1070px;
height:40px;
display: none;
}

.rezoSoxio{
width: 200px;
height:40px;
display: flex;

justify-content: space-between;

}

.rez1{
width: 40px;
height:30px;

margin: 5px;
}

.rezofa{
color:#FB144E;
font-size: 18px;
margin-left: 4px;
margin-top: 5px;
}

.rezoinst{
color:#FB144E;
font-size: 18px;
margin-left: 4px;
margin-top: 5px;
}


.rezox{
color:#FB144E;
font-size: 18px;
margin-left: 4px;
margin-top: 5px;
}

.rezoyu{
color:#FB144E;
font-size: 18px;
margin-left: 4px;
margin-top: 5px;}




@media only screen and (min-width: 481px) and (max-width: 1024px){
	
 *{
padding: 0;
margin: 0;}
	
.zoneHautSite{
width: 100%;
height: auto ;
/*background-color: #025462;*/
display: block;
margin: 0px auto;}
	
.zoneHautSiteCenter{
width: 80%;
height: auto ;
/*background-color: #025462;*/
display: flex;
margin: 0px auto;}

	
}


@media only screen and (min-width: 200px) and (max-width: 480px){
	
*{
padding: 0;
margin: 0;}
	
.zoneHautSite{
width: 100%;
height: auto ;
/*background-color: #025462;*/
display: block;
margin: 0px auto;}
	
.zoneHautSiteCenter{
width: 98%;
height: auto ;
/*background-color: #025462;*/
display: flex;
margin: 0px auto;}
	
.autre1{
width: 100%;
height:40px;
justify-content: space-between;
display: flex;
background-color: #fff;

}

.titreannonce{
width: 120px;
height:40px;
background-color: #f2f;
display: none;
}

.titreannonce h3{
position: relative;
top: 10px;
}

.annonce{
width: 100%;
height:40px;
display: none;
background-color: #f2f;
}

}