@charset "UTF-8";
/* CSS Document */
/*---------------*/
/* RECHERCHER SIMPLE */
/*---------------*/
.search_engine { position: fixed; top:0; left: 0; min-height: 86px; overflow: hidden; width:100%; background: #FFF; padding: 0 5%; -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.4); z-index:10000; transform: translateY(-150%); -webkit-transform: translateY(-150%); -ms-transform: translateY(-150%);}
.search_engine input { border: none; float: left; padding: 0; margin:13px 10px; width: calc(95% - 20px); font-size: 30px; color: #999; font-weight: 300; height: 60px; border-radius:0; background:none;}
/**/
.search_engine #search_engine_close { display:block; float:left; font-size: 22px; width:calc(5% - 20px); margin:0 10px; height:86px;  text-align:center; color:#292725; }
.search_engine #search_engine_close i{ display:block; transform: rotate(-90deg) ; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); margin:32px 0 0 0;}
.search_engine #search_engine_close:hover i{ display:block;  color:#bb8c65; transform: rotate(0); -webkit-transform: rotate(0); -ms-transform: rotate(0);}
.search_engine.showed {  transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }
@media all and (max-width: 480px) {
    .search_engine input { float: none; width: calc(80% - 20px); clear:both;}
    .search_engine #search_engine_close{ float:right; width:calc(20% - 20px);}
}