/* pour définir des propriétés globales dans tous le document */
body {
	
	margin: 0;
}

.interessant {
	font-style: italic;
	color: red;

}

/* on créé une balise juste pour le titre */
header {
	background-color: red;
	padding: 20px;
	margin: 20px;
	border: 5px solid black;
}

/* pour le titre dans header
 * les autres h1 ne sont pas affectés */
header h1 {
	text-align: center;
	background-color: greenyellow;
	color: blue;
	margin: 10px;
	padding: 30px;
	border: 5px dotted black;
}

section {
 	padding: 20px; 
 	margin: 20px; 
 	background-color: lightsteelblue;
}
body {
	height: 990px;
	background-image:url("barengifmgl.gif");
	background-size: contain;
	background-repeat: no-repeat;
  	overflow-y: hidden;
}

.sugarush img { 		
	width: 100%;
	height: auto;
}
.sugarush {
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 660px; 
	left: 965px; 
	color: black; 
	font-size: x-large;
}
.sugarush img {
	-moz-transition: all 0.3s ease; 
}
.sugarush img:hover {
	-moz-transform:scale(1.10); 
}


.bad_touch img { 		
	width: 100%;
	height: auto;
}
.bad_touch {
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 660px; 
	left: 850px; 
	color: black; 
	font-size: x-large;
}
.bad_touch img {
	-moz-transition: all 0.3s ease; 
}
.bad_touch img:hover {
	-moz-transform:scale(1.10); 
}


.bulle img { 		
	width: 60%;
	height: auto;
}
.bulle {
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 500px; 
	left: 655px; 
	color: black; 
	font-size: x-large;
}
.bulle img {
	-moz-transition: all 0.3s ease;
}
.bulle img:hover {
	-moz-transform:scale(1.10); 
}