#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 260px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}


#nav ul#menu { padding-left: 0; list-style: none; width: 100%; margin:50px 0 /*4*/0px 0; }

#pageslide input[type="text"].recherche { width: 150px;}
#pageslide .lang {left:20px;}

#pageslide ul.lang li a, 
#pageslide ul.langmobile li a {

font-size: 14px;
padding: 7px;
}



        .open {
            display: none;
            float: right;
            width: 40px;
            height: 30px;
            margin: 5px 23px 0 0;
            background: url(../img/menu.png) center center no-repeat #333;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            -border-radius: 8px;
            box-shadow: inset 0 0 3px #000;
            border: 0;
            
        }

    	/* Mobile Landscape and Portrait */
    	@media only screen and (max-width: 767px) {
    	    #content { width: 300px; }
    	    #content h1 { font-size: 22px; line-height: 30px; background-color: #000; color: #FFF; padding: 10px; }
    	    #content ul#nav { display: none; }
    	    
    	    .open { display: block; }
    	    #pageslide { width: 180px; }
    	    #pageslide #nav li { padding: 10px 0;  }
    	    #pageslide #nav li a { color: #FFF; border: none; }
    	    #pageslide #nav li.active a { font-weight:bold; }
    	    #pageslide #nav ul.lang li.active a {color:#000; }

    		#pageslide #nav li a:hover { text-decoration: underline; }
    	    nav ul {display:none;}
			nav h3#logo {padding:0;margin:0;}
            nav h3#logo a{margin:12px 10px 10px 12px !important;}
            a.open {margin:15px !important ; }
    	    nav {height:50px;}

    	}