/* CSS Document */


@-webkit-keyframes openMenuca1et4 {
  from {
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  background-color:black;

	  height:8px;
	top:12px;
  }
  25% {
	height:8px;
	top:12px;
	  background-color:black;
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  45% {
	height:1px;
	top:16px;
	  background-color:black;
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
	top:16px;
	height:0px;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


@keyframes openMenuca1et4 {
  from {
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  background-color:black;

	  height:8px;
	top:12px;
  }
  25% {
	height:8px;
	top:12px;
	  background-color:black;
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  45% {
	height:1px;
	top:16px;
	  background-color:black;
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
	top:16px;
	height:0px;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@-webkit-keyframes openMenuca2 {
  from {
	background-color:black;

	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  25% {
	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  45% {
	background-color:black;
	height:1px;
	top:16px;
	left:12px;
	width:8px;
  }
  90% {
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);
  }
  to {
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
  }
}

@keyframes openMenuca2 {
  from {
	background-color:black;

	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  25% {
	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  45% {
	background-color:black;
	height:1px;
	top:16px;
	left:12px;
	width:8px;
  }
  90% {
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);
  }
  to {
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
  }
}

@-webkit-keyframes openMenuca3 {
  from {
	background-color:black;

	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  25% {
	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  45% {
	background-color:black;
	height:1px;
	top:16px;
	left:12px;
	width:8px;
  }
  90% {
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);
  }
  to {
	-webkit-transform:rotate(-45deg);
	        transform:rotate(-45deg);
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
  }
}

@keyframes openMenuca3 {
  from {
	background-color:black;

	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  25% {
	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  45% {
	background-color:black;
	height:1px;
	top:16px;
	left:12px;
	width:8px;
  }
  90% {
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);
  }
  to {
	-webkit-transform:rotate(-45deg);
	        transform:rotate(-45deg);
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
  }
}


/* ------------------------------------------------- */
/* FERMETURE */
/* ------------------------------------------------- */





@-webkit-keyframes closeMenuca1et4 {
  from {
	  height:0px;
	top:16px;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  45% {
	height:1px;
	  background-color:black;
	top:16px;
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  70% {
	height:8px;
	top:12px;
	  background-color:black;
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  background-color:black;
	  height:8px;
	top:12px;
  }
}





@keyframes closeMenuca1et4 {
  from {
	  height:0px;
	top:16px;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  45% {
	height:1px;
	  background-color:black;
	top:16px;
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  70% {
	height:8px;
	top:12px;
	  background-color:black;
	  opacity:1;
	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  to {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	  background-color:black;
	  height:8px;
	top:12px;
  }
}

@-webkit-keyframes closeMenuca2 {
  from {
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;	
  }
  25% {	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);
  }
  45% {
	background-color:black;
	height:1px;
	top:16px;
	left:12px;
	width:8px;
  }
  70% {
	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  to {

	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
}

@keyframes closeMenuca2 {
  from {
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;	
  }
  25% {	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);
  }
  45% {
	background-color:black;
	height:1px;
	top:16px;
	left:12px;
	width:8px;
  }
  70% {
	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  to {

	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
}

@-webkit-keyframes closeMenuca3 {
  from {	-webkit-transform:rotate(-45deg);	transform:rotate(-45deg);
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;

  }
  25% {	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);

  }
  45% {
	background-color:black;
	height:1px;
	top:16px;
	left:12px;
	width:8px;
  }
  70% {
	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  to {
	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
}

@keyframes closeMenuca3 {
  from {	-webkit-transform:rotate(-45deg);	transform:rotate(-45deg);
	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;

  }
  25% {	background-color:black;
	height:1px;
	top:16px;
	left:0px;
	width:30px;
	-webkit-transform:rotate(0deg);
	        transform:rotate(0deg);

  }
  45% {
	background-color:black;
	height:1px;
	top:16px;
	left:12px;
	width:8px;
  }
  70% {
	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
  to {
	background-color:black;
	height:8px;
	top:12px;
	left:12px;
	width:8px;
  }
}