* {margin:0; padding:0;} 

			@font-face {font-family:'NewFont'; src:url('angrybirds-regular.ttf');}

			html {background-color:#061C37;}	

			body {
				font-family:'NewFont';
				width:92%;
				margin:3%;  
				background-color:#FF7103; 
				border-radius : 1em; 
				box-shadow: 1em 1em 2em black;
				border-style:solid;
				border-color:black;
				padding:1%;
				color:white;
				text-align:left;       /* configuration des réglages de bases pour la mise en page du body */
				}
			

			h1 {font-size:60px;}   /* taille du titre */

			#photo {
			display:inline-block;
			width:45%;
			height:100%;
			margin-top: 6%;		/* configuration de la section photo contenant la SVG. Inline-block pour pouvoir aligner côte à côte les éléments du body */
			}
			
			svg {
				display: inline-block;
				width:85%;
				margin-left:8%;
				border-style:solid;
				background-image: url(graveyard.jpg);		/* source de l'image: http://www.mgwallpaper.com/graveyard-hd-wallpapers.html */
				background-size:cover;
				background-repeat: no-repeat;
				overflow:hidden;				
				}
				
				
			button {
				font-family:'NewFont';
				background-color:#061C37;
				color:white;
				text-align:center;
				display:inline-block;
				width: 10%;
				height: 0;
				padding: 5%;
				border-radius: 0.5em; /* on règle la mise en page des boutons*/
				}

			#generer {
				width: 40%;
				height: 0;
				padding: 5%;
				}			/* on règle la mise en page du bouton pour générer un mot*/
			
			#lettres {
				display:inline-block;
				width:50%;
				}				/* on règle la mise en page de la section comprenant les boutons */
			
			#lesspans {
				width:80%;
				padding:0.8em;
				text-align:center;
				font-size:xx-large;
				}							/* on règle la mise en page de la div lesspans qui accuillera les spans contenant les lettres à deviner */
			
			#restant {display:inline-block;}		/* on règle la mise en page de la balise contenant le message affichant le nombre d'essais restants */
			
			footer {text-align:center;}

			span {font-style:italic;}   /* on utilise la balise span pour mettre en italique les noms des auteurs dans le footer */
			
			text {font-size:50px;}
			
			#perdu {display:none;}
			#gagne {display:none;}
			#tete {display:none;}
			#corps {display:none;}
			#brasun {display:none;}
			#brasdeux {display:none;}
			#piedun {display:none;}
			#pieddeux {display:none;}  /* on empêche ici la visibilité du pendu et des panneaux gagné et perdu */