#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:80%;
    padding:20px 10%;   
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #000;
    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;
}
#pageslide  ul{
	overflow:auto;
	height:80%;	
	text-transform:lowercase;
	width:95%;
	font-size:1.2em;
}
#pageslide  li{
	list-style:none;
	margin-bottom:5px
}
.img-pageslide{
	background:#000 url(../../images_site/menu_pageslide.png) no-repeat 0 0;	
	padding-top:5px;
	margin-left:50% 
}
.img-pageslide span{
	margin-left:30px
}
#pageslide  li a{
	color: #fff;
}
#pageslide  li a[href*="void"]{
	color:#1aada3
}
#pageslide  ul ul{
	font-size: 1em;
	margin:5px 0 0 10px;
	padding-left:15px;
	color:#F00
}
#pageslide  ul ul li{
	color:#FFF;
	list-style: disc
}
#pageslide  ul ul a{
	color:#FFF
}
#pageslide .selection > a{
	color:#F00
}
#pageslide li a[title] {
    color: #0a7bb2;
}
@media screen and (max-width: 430px)
{
	/* propriétés pour mobile */
		#pageslide  ul{
	font-size:1em;
}
	#pageslide a[title] {
	display:none
}
}