@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;
		}

		
	#mot_anglais {
			font-family: Interstate Regular;
			font-size:18px;
			margin-top:-40px;
			margin-left: auto;
    		margin-right: auto;
			height:300px;
			width:300px;
			z-index:-10;
		}
		
	#son {
			font-family: Interstate Regular;
			position: absolute;
			margin-left: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;
		}
	
	#anime {
		font-family:Interstate Regular;
		font-size:10px;
		margin-left:200px;	
		margin-top:10px;
	}
	#anime a:hover::after {content: "écouter";color:#00c877;font-size:10px;}
	
	#anime a  {
		color:#00c877;
	}
	
	.display {
			display:none;	
	}
	#information {
			font-family:Interstate Regular;
			background-color:white;
			color:red;
			font-size:20px;	
			margin-left: auto;
    		margin-right: auto;
			margin-top:-220px;
			width:300px;
			height:260px;
			border:2px dotted red;
			z-index:100;	
	}
	#information p {	
			margin-left:18px;
			margin-top:-27px;
	}
	
	#nombres {
			font-family:Interstate Regular;
			font-size:10px;
			position:absolute;
			margin-top:-535px;
			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 politesses";color:#00c877;font-size:10px;}
		
	#divnombres {
			font-family:Interstate Regular;
			font-size:12px;
			position:absolute;
		}
		
	
		
	#divnombres a:hover 
	{
		color:#00c877;
		
		}
	
	.big_worg { margin-left:-200px; }
	
	