/* ---- RESET CSS ---- */


#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999;
    
    /* Specify the width of your pageslide here */
    width: 25%;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color:rgba(51,51,51,0.9);
    color: #ccc;
    -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;
}



/* AJOUT PAR SPYKREW07 */

#pageslide p {color:#666!important; font-size:19px; font-weight:bold; line-height:19px; margin-left:50px;}
#pageslide h1 {color:#fff!important; margin:50px; padding:0 0 10px 0; font-size:20px;}
#pageslide h3 {color:#666!important; font-weight:bold; margin:50px; padding:0 0 15px 0;}
#pageslide h4 {margin:50px; padding:0 0 0 0; text-align:center; margin-bottom:10px; margin-top:10px;}
#pageslide .date {color:#C90!important; margin:0px; padding:0px;}

/* ----  resolution  15"-------------------------------------------------------------------------------------------------------------------------------- */
 @media screen and (max-width: 1600px)
 
{
	

#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999;
    
    /* Specify the width of your pageslide here */
    width: 40%;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color:rgba(51,51,51,0.9);
    color: #ccc;
    -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;
}



/* AJOUT PAR SPYKREW07 */

#pageslide p {color:#666!important; font-size:19px; font-weight:bold; line-height:19px; margin-left:50px;}
#pageslide h1 {color:#fff!important; margin:30px; padding:0 0 10px 0; font-size:17px;}
#pageslide h3 {color:#666!important; font-weight:bold; margin:50px; padding:0 0 15px 0;}
#pageslide h4 {margin:50px; padding:0 0 0 0; text-align:center; margin-bottom:10px; margin-top:10px;}
#pageslide .date {color:#C90!important; margin:0px; padding:0px;}


	
	
	
}



/* ---- petite resolution  13"-------------------------------------------------------------------------------------------------------------------------------- */
 @media screen and (max-width: 1300px)

{
	
#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999;
    
    /* Specify the width of your pageslide here */
    width: 40%;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color:rgba(51,51,51,0.9);
    color: #ccc;
    -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;
}



/* AJOUT PAR SPYKREW07 */

#pageslide p {color:#666!important; font-size:19px; font-weight:bold; line-height:19px; margin-left:50px;}
#pageslide h1 {color:#fff!important; margin:30px; padding:0 0 10px 0; font-size:17px;}
#pageslide h3 {color:#666!important; font-weight:bold; margin:50px; padding:0 0 15px 0;}
#pageslide h4 {margin:50px; padding:0 0 0 0; text-align:center; margin-bottom:10px; margin-top:10px;}
#pageslide .date {color:#C90!important; margin:0px; padding:0px;}






	
}



/* ---- petite resolution tablette -------------------------------------------------------------------------------------------------------------------------------- */
 @media screen and (max-width: 1024px)

{


#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999;
    
    /* Specify the width of your pageslide here */
    width: 50%;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color:rgba(51,51,51,0.9);
    color: #ccc;
    -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;
}



/* AJOUT PAR SPYKREW07 */

#pageslide p {color:#666!important; font-size:19px; font-weight:bold; line-height:19px; margin-left:50px;}
#pageslide h1 {color:#fff!important; margin:30px; padding:0 0 10px 0; font-size:17px;}
#pageslide h3 {color:#666!important; font-weight:bold; margin:50px; padding:0 0 15px 0;}
#pageslide h4 {margin:50px; padding:0 0 0 0; text-align:center; margin-bottom:10px; margin-top:10px;}
#pageslide .date {color:#C90!important; margin:0px; padding:0px;}













}