*{
	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 : lightgray;
    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: 20px;
                margin-bottom: 20px;
	}
        #contenu mosaique{
                vertical-align: middle;
                display: inline-block;
		width: 200px;
                padding: 10px 10px 10px 10px;
	}
        #contenu h2{
            margin-top: 100px;
        font-family : Ma_police;
        color: white;
        font-size: 15pt; 
        font-weight: lighter;
    }

        
    #contenu h1{
    font-size: 2em;
    margin-top: 1em;
    margin-bottom: 3em;
}

 /* hack CV contenu */

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

	#contenuCV img{
		width: 377px;
		margin-top: 20px;
                margin-bottom: 20px;
	}
        #contenuCV mosaique{
                vertical-align: middle;
                display: inline-block;
		width: 200px;
                padding: 10px 10px 10px 10px;
	}
        #contenuCV h2{
            margin-top: 100px;
        font-family : Ma_police;
        color: white;
        font-size: 15pt; 
        font-weight: lighter;
    }

        
    #contenuCV h1{
    font-size: 2em;
    margin-top: 1em;
    margin-bottom: 3em;
}
/* 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;
	}

        
/* agrandissement d'images */
.ouvrir{
    text-decoration:none;
    color: grey;
    transition: all 0.2s ease-in-out;
}
.ouvrir:hover{
	color: lightyellow;
}