a{
	color: #000;
	text-decoration: none;
}

a:hover {
  background-color: yellow ;
  font-size: 40px ;
  color: black;

}



body{
	font-family:'Mayenne Sans_Regular';'Roboto'; 'sans-serif' ; 	
}



@font-face {
    font-family: 'Mayenne Sans_Regular';
    src:    url('fonts/webfonts/Mayenne_Sans-Regular_web.eot');
    src:    url('fonts/webfonts/Mayenne_Sans-Regular_web.eot?#iefix') format('embedded-opentype'),
            url('fonts/webfonts/Mayenne_Sans-Regular_web.woff') format('woff'),
            url('fonts/webfonts/Mayenne_Sans-Regular_web.woff2') format('woff2'),
            url('fonts/webfonts/Mayenne_Sans-Regular_web.ttf') format('truetype'),
            url('fonts/webfonts/Mayenne_Sans-Regular_web.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}


.intro{ 
	margin:auto;
	width:400px;
	float: left;
}

h1{ 
	background-color: yellow;
	color : black;

}

/*Le code de FJ
--------------------------------*/

img{
    width: 150px;
    display: inline-block;
}
.thumbnail{
    background-color: #000;
    width: 40%;
    float: left;
    margin: 0 0 0 40px;
    padding: 20px 100px 20px 90px;

}

/*Fin du code de FJ
--------------------------------*/

img{
-moz-transition: opacity 0.9s;
-webkit-transition: opacity 0.9s;
-o-transition: opacity 0.9s;
}

 img:hover{
  width: 200%;
opacity:0.7;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
-webkit-transform: scale(4,4);
}