#nav-icon1 {width: 30px;height: 25px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon1 span {display: block;position: absolute;height: 4px;width: 100%;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon1 span:nth-child(1) {top: 10px;}
#nav-icon1 span:nth-child(2) {top: 20px;width: 120%;left: -20%;}
#nav-icon1 span:nth-child(3) {top: 30px;}
#nav-icon1.openburger span:nth-child(1) {top: 18px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
#nav-icon1.openburger span:nth-child(2) {opacity: 0;left: -600px;}
#nav-icon1.openburger span:nth-child(3) {top: 18px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}

header#navbar .container .navbar-collapse ul li.li-link-menu.open ul.dropdown-menu {animation-duration: 0.2s;animation-name: menuEffect;}


@keyframes menuEffect {
  0% {transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateX(-90deg);}
  100% {transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateX(0deg);}}

@keyframes mobileFilterEffect {
  0% {top: 500px;}
  100% {top: 0;}

}
.page-recherche .view-recherche .view-header.header_fixed .filter_recherche {animation-duration: 1s;animation-name: mobileFilterEffect;}
.page-recherche .view-recherche .view-header.header_fixed .blockfacetteapi_wrapper.filter_open {animation-duration: 1s;animation-name: mobileFilterEffect;}
.page-serie .view .view-header.header_fixed .filter_serie {animation-duration: 1s;animation-name: mobileFilterEffect;}
.page-serie .view .view-header.header_fixed .blockfacetteapi_wrapper.filter_open {animation-duration: 1s;animation-name: mobileFilterEffect;}
.page-ressources .view .view-header.header_fixed .filter_ressources {animation-duration: 1s;animation-name: mobileFilterEffect;}
.page-ressources .view .view-header.header_fixed .blockfacetteapi_wrapper.filter_open {animation-duration: 1s;animation-name: mobileFilterEffect;}