@font-face {
  font-family: Interstate Regular;
  src: url('font/Interstate Regular.ttf') format('TrueType');
}

@font-face {
  font-family: Interstate Regular;
  font-weight:bold;
  src: url('font/Interstate Bold.ttf') format('TrueType');
}

#container{
	font-family:Interstate Regular;
	font-size:100px;
	margin-top:50px;
	margin-left: auto;
    margin-right: auto;
	height:300px;
	width:510px;
}


.car{
	/*text-align:center;*/
	position:absolute;
	z-index:-10;
}


	a {
			font-size:16px;
			text-decoration:none;
			color:black;

		}
		
	#titre {
			font-family: Interstate Regular;
			font-weight:bold;
			margin-left:20px;
			margin-top:20px;
		}
				
	#parler_anglais {
			font-family:Interstate Regular;
			font-weight:bold;
			margin-left:45px;
			font-size:10px;
			margin-top:-10px;
			width:200px;
			cursor:help;
	}
	
	#mot_français {
			font-family: Interstate Regular;
			font-size:18px;
			margin-top:-120px;
			margin-left: 200px;
			z-index:-10;
		}
	
	.display {
			display:none;	
	}
	#information {
			font-family:Interstate Regular;
			background-color:white;
			color:red;
			font-size:20px;	
			margin-left: auto;
    		margin-right: auto;
			margin-top:-200px;
			width:300px;
			height:260px;
			border:2px dotted red;
			z-index:100;	
	}
	#information p {	
			margin-left:13px;
			margin-top:-27px;
	}
	
	#nombres {
			font-family:Interstate Regular;
			font-size:10px;
			position:absolute;
			margin-top:100px;
			left:54px;
		}	
		
	button {
		font-family:Interstate Regular;
		padding:0px;
		margin-left:-2px;
		font-size:18px;
		background-color:transparent;
		outline: 0;
		border:none;
    	cursor: pointer;}
		
	#nombres button:hover::after {content: "autres destinations";color:#ff6249;font-size:10px;}
		
	#divnombres {
			font-family:Interstate Regular;
			font-size:12px;
			position:absolute;
			width:300px;
		}
		
	
		
	#divnombres a:hover 
	{
		color:#ff6249;
	}
		
	#monuments {	
		position:absolute;
		margin-left:250px;
		margin-top:125px;
		font-family:Interstate Regular;
		font-size:18px;
	}
	#gastronomie {	
		position:absolute;
		margin-left:450px;
		margin-top:125px;
		font-family:Interstate Regular;
		font-size:18px;
	}
	#restaurants {	
		position:absolute;
		margin-left:650px;
		margin-top:125px;
		font-family:Interstate Regular;
		font-size:18px;
	}
	#musées {	
		position:absolute;
		margin-left:850px;
		margin-top:125px;
		font-family:Interstate Regular;
		font-size:18px;
	}