body {
	color : black;
	font-family: sans-serif;
	text-align:justify;
	padding-top: 5px;
}

h1 {
	text-align: center;
	font-size: 38px;
	font-family: 'Dancing Script', cursive;

}
#title {
	font-family: 'Dancing Script', cursive;
	font-size: 20px;
	padding-left: 260px;
}
p {
	text-align:justify;
	text-indent: 50px;
}

#typed1,#typed2,#typed3,#typed4,#part1,#part2,#part3,#part4 {
	margin-left : 250px;
	margin-right: 250px;
	text-indent: 50px;
}
.script {
	font-family: 'Dancing Script', cursive;
	font-size: 26px;
}
.code {
	font-family: sans-serif;
	font-size: 20px;
}

.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 3.5px solid black;
    border-radius: 5px;
    padding: 4px;
    font-family: Verdana, Arial;
    font-size: 20px;
    background-color: #FFFFFF;
}

.infos {
	padding: 4px;
	margin:0px;
}

#map {
	height: 500px;
	width: 500px;
}

span {
	transition: background-color 500ms;
	border-radius: 5px;
}

span:hover { 
	background-color: #C5C5C5;
	
}