#propos ul li {list-style-type:none}



.matzmenu {
    justify-content:space-around;
    position:fixed;
    left:0; right:0;
    z-index:100;
    width:190px;
    transition: all 0.8s ease 0s;

}

.matzmenu:after {
content:"";
display:block;
line-height:25px;
margin-bottom:26px
}




.matzmenu li li{
border-bottom:1px dotted grey}

.matzmenu li{
  list-style-type:none; padding:1%;
     transition: all 0.8s ease-out 0s;

}

.matzmenu li:hover{
        background-color:rgba(22,22,22,0.8);
        color:white;
        border-right:#47D3E5 4px solid

}

.matzmenu li:hover li {

        border:none
}

.matzmenu li a{
text-decoration:none; padding:20px; }

.matzmenu li a:hover{
font-weight:bold}


.matzmenu li ul{
display:none;


}

.matzmenu li:hover ul{
display:block

}

.matzmenu li:hover a:hover {
color:white;  
}

.matzmenu li:hover a{
color:#47D3E5; 
}


/*
#propos section:last-child 
{flex:1;}




@media screen and (min-width: 200px) and (max-width: 480px) {
  #propos section:last-child  {
    display:block;
    clear:both;
    flex:0;
  }
}
*/


header {
  border-bottom:#E94882 20px solid;
  text-align:center;
  background-color:#FFF;
  transform:scale(1)  

}


header img {
	-webkit-animation: bounce 1s ease infinite alternate;
	        animation: bounce 1s ease infinite alternate;
}

@-webkit-keyframes bounce{
	from{
        -webkit-transform:scale(8.8);
transform:scale(0.8);
    }
    to{
        -webkit-transform:scale(1);

transform:scale(1);
    }
}

@keyframes bounce{
	from{
        -webkit-transform:scale(0.8);
transform:scale(0.8);
    }
    to{
        -webkit-transform:scale(1);

transform:scale(1);
    }
}