#sidebar{float:right;width:50%;position:fixed;top:0;right:-50%;height:100%;z-index:999;background:#6eb3d2;color:#fff;transition:all .3s;overflow-y:scroll;box-shadow:3px 3px 3px rgba(0,0,0,.2)}#sidebar.active{right:0}#dismiss{width:35px;height:35px;line-height:35px;text-align:center;position:absolute;top:10px;right:10px;margin:8% 11%;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#dismiss:hover{background:#fff;color:#7386d5}.overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:998;display:none}#sidebar .sidebar-header{padding:20px;background:#6eb4a4}#sidebar ul.components{padding:20px 0;border-bottom:1px solid #47748b}#sidebar ul p{color:#fff;padding:10px}#sidebar ul{width:100%;display:inline-block;margin-top:70px;padding:0;list-style:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}#sidebar ul li{position:relative;padding:10px 10px 10px 10px;border-bottom:1px solid gray}#sidebar ul li:last-child{border-bottom:none!important}#sidebar ul li a{padding:15px 10px;font-size:120%;line-height:20px;font-weight:300;color:#000;outline:none;display:block;background-image:url(images-communes/menu-gauche/fleche-droite-menu.gif.pagespeed.ce.E1pSDGVxZX.gif);background-repeat:no-repeat;background-position:.2em .50em;padding-left:40px}#sidebar ul li a:hover{color:#7386d5;background:#fff}#sidebar ul li.active>a,a[aria-expanded="true"]{color:#fff;background:#6d7fcc}