*{
	margin: 0px;
	padding: 0px;
}

@font-face {
font-family : Ma_police;
src : url('FuturaLT.ttf');
}

body{
	background-color: black;
}

li{
    margin: 0.5em;
}


p,h1{
    color : grey;
    font-family: Ma_police;
    text-align : center;
    padding-top: 0.5em; 
}

/* header */

	#logo {
		padding-top: 40px;
		text-align: center;
	}

/* navigation */

	nav{
		text-align: center;
		padding-top: 60px;
		padding-right: 50px;
		font-family: Century Gothic, sans-serif;
	}

	nav ul li{
	list-style: none;
	display: inline-block;
	margin-left: 40px;
	margin-right: 40px;
	color: white;
	font-size: medium;
}

	nav ul li a{
	text-decoration:none;
	color: grey;
	transition: all 0.2s ease-in-out;
}

	nav ul li a:hover{
	color: white;
}

/* accueil */

	#menu {
		padding-top:70px;
		margin: auto;
		text-align: center;
	}

	.blocmenu {
		display: inline-block;
		background-color: grey;
		width: 280px;
		height: 280px;
		margin: 20px;
		position: relative;
	}

	.blocmenu img{
		transition: all 0.2s ease-in-out;
		z-index: 1;
	}

	.blocmenu p{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
		font-size: xx-large;
		font-weight: bolder;
		color: white;
                text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
		visibility: hidden;
		z-index: 2;
		font-family: Century Gothic, sans-serif;
		pointer-events: none;
	}

	.blocmenu img:hover{
		filter: blur(5px);
	}

	.blocmenu:hover  > p{
		visibility: visible;
	}

/* contenu */

	#contenu{
		width: 600px;  
		margin: auto;
                margin-top: 70px;
                text-align: center;
	}
        
        
        #contenu *{
            width: 400px;
            text-align: center;
            margin: auto;
        }

	#contenu img{
		width: 377px;
		margin-top: 75px;
	}
        #contenu mosaique{
                vertical-align: middle;
                display: inline-block;
		width: 200px;
                padding: 10px 10px 10px 10px;
	}
        #contenu h2{
        font-family : Ma_police;
        color: white;
        font-size: smaller; 
        font-weight: lighter
    }
        
    #contenu h1{
    padding-top: 2em;
    font-size: 2em;
    margin-top: 3em;
    margin-bottom: 1em;
}

/* footer */
#footer {
	width: 600px;
	margin: auto;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

#footer a {
	font-family: Ma_police;
	font-size: small;
	color: grey;
    transition: all 0.2s ease-in-out;
}

#footer a:hover{
	color: lightgrey;
}
        
 /* contenu specifique */
 #address {
		width: 35em;
		margin: auto;
	}       
        
 /* contenu specifique */
 #address {
		width: 35em;
		margin: auto;
	}