html {
/* L'image est positionnée en fond et est centrée */
background: url(f1.jpg) no-repeat center center fixed;
/* Ajout de la propriété avec les préfixes pour tous les moteurs de rendu */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: Comic Sans MS, sans-serif;
}
a{
	font-weight: bold;
	text-decoration: none;
border:none ;
	color: #2e8c04;
}
a:hover,a:active,a:focus{
border:none!important;
	color:  #efda07;
}

.top {
  vertical-align: middle;
}
a{
	font-weight: bold;
	text-decoration: none;
border:none ;
	color: #2e8c04;
}
a:hover,a:active,a:focus{
border:none!important;
	color:  #efda07;
}


#wrapper{
 width: 95%;
  height: 95%;
  overflow: hidden;
  box-shadow: 0 0 8px;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 15px;	
    padding-right: 15px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;

}

/* Large screens (desktop) */
@media screen and (min-width: 1200px) {
        #wrapper{
        width: 95%;
				margin:0 auto;
				font:12px;}
	 .slideshow{
	width: 100%;			 
	 }  
font-size: 26px;	 
}

/* Small screens (mobile) */
@media (min-width: 576px) {
        #wrapper{
        width: 95%;
				margin:0 auto;}
	 .slideshow{
	width: 95%;			 
	 }  
    }