@charset "UTF-8";
/* CSS Document */

#carte{
	position:absolute;
	right: 2%;
	top:18%;
	width:10%;
	height:10%;
	background-color:black;
	}
	
#carte img{
	
	width:100%;
	height:auto;
	}
#mail{
	color:black;
	text-decoration:none;
	}

.cadre{
	box-sizing: border-box;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border: solid black 10px;
	z-index:1;
	}

	
#fleche{
	transform:none;
	transition:all 3s;
	}
#point{
	position:absolute;
	top:100%;
	left:15%;
	z-index:0;
	opacity:0;
	}	
.toutesimages img{
	position:absolute;
	width:20%;
	height:auto;
	transition:all 0.5s ;
	box-shadow: 10px 10px 20px black;
	z-index:2;
}
.fresque, .vitraux, .mosaique,.enseigne{
	-webkit-filter:grayscale(1);
	filter:grayscale(1);
}
/*
img:hover{
	z-index:1000;
	-webkit-filter:grayscale(0);
	border:solid black 200px;
	height:50%;
	width:auto;
	}*/

.toutesimages img:hover{
	z-index:1000;
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
	box-shadow: 30px 30px 20px black;
	}

h1{
	width:25%;
	font-family: 'Fjalla One', sans-serif;
	position:absolute;
	left:2%;
	top:3%;
	display:block;
	width:50%;
	font-size:30px;
	transform:none;
	transition:all 2s;
	text-align:left;
	z-index:1000;
	
	}
	
nav{
	position:absolute;
	top:3%;
	right:2%;
	width:100%;
	height:auto;
	text-align:right;
	width:70%;
	z-index:2000;
	}
.menu{
	font-family: 'Fjalla One', sans-serif;
	font-size:20px;
	transition:all 2s;
	text-align:left;
	margin:10px;
	cursor:pointer;
	}
.menu:hover{
	color:red;
	}

h2{
	font-family: 'Fjalla One', sans-serif;
	position:absolute;
	left:2%;
	top:10%;;
	display:block;
	width:40%;
	font-size:20px;
	transition:all 3s;
	text-align:left;
	z-index:1000;
	}


hr{
	width:20%;
	text-align:left;
	margin-top: 0.3em;
    margin-bottom: 0.9em;
    margin-left:0;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
}

.couleurs{
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
	}
	
.rouge{
	background-color:red;
	}



@media (max-width:768px){
	h1{
		font-size:20px;
		left:4%;
		}
	h2{
		font-size:15px;
		left:4%;
		background-color:white;
		}
	
	.menu{
		font-size:15px;
		background-color:white;
		}
	
	}