body {
	margin: 0;
	padding: 0;
 }
 #case1 {
 	width: 497px;
 	height: 666px; 
 }
 #background1 
{ 
	left: 0px; 
		 top: 0px; 
		 position: relative; 
		  width: 497px;
		 height: 666px; 
		 overflow: hidden;
		 z-index:0;	} 
 #D39annes 
{ 
	 left: 92px; 
	 top: 574px; 
	 position: absolute; 
	 width: 308px;
	 height: 92px;
	 z-index:1;
} 

 #Desmilliers 
{ 
	 left: 109px; 
	 top: 495px; 
	 position: absolute; 
	 width: 387px;
	 height: 63px;
	 z-index:2;
} 

 #Sur 
{ 
	 left: 0px; 
	 top: 499px; 
	 position: absolute; 
	 width: 93px;
	 height: 59px;
	 z-index:3;
} 

 #Lerisque 
{ 
	 left: 95px; 
	 top: 413px; 
	 position: absolute; 
	 width: 284px;
	 height: 60px;
	 z-index:4;
} 

 #Anticiper 
{ 
	 left: 116px; 
	 top: 319px; 
	 position: absolute; 
	 width: 300px;
	 height: 63px;
	 z-index:5;
} 

 #Comment 
{ 
	 left: 95px; 
	 top: 225px; 
	 position: absolute; 
	 width: 273px;
	 height: 76px;
	 z-index:6;
} 

 #C1Paragraphe1 
{ 
	 left: 34px; 
	 top: 0px; 
	 position: absolute; 
	 width: 463px;
	 height: 247px;
	 z-index:7;
} 

#case2 {
	width: 1358px;
	height: 732px; 
	float:right;
	
}
 #background2 
{ 
	left: 0px; 
		 top: 0px; 
		 position: relative; 
		  width: 1358px;
		 height: 732px; 
		 overflow: hidden;
		 z-index:0;	} 

 #Case2 
{ 
	 left: 192px; 
	 top: 0px; 
	 position: absolute; 
	 width: 1166px;
	 height: 731px;
	 z-index:1;
} 

 #C2Bulle5 
{ 
	 left: 1152px; 
	 top: 286px; 
	 position: absolute; 
	 width: 148px;
	 height: 115px;
	 z-index:2;
} 

 #C2Bulle4 
{ 
	 left: 839px; 
	 top: 192px; 
	 position: absolute; 
	 width: 62px;
	 height: 82px;
	 z-index:3;
} 

 #C2Bulle3 
{ 
	 left: 705px; 
	 top: 139px; 
	 position: absolute; 
	 width: 61px;
	 height: 51px;
	 z-index:4;
} 

 #C2Bulle2 
{ 
	 left: 449px; 
	 top: 97px; 
	 position: absolute; 
	 width: 153px;
	 height: 148px;
	 z-index:5;
} 

 #C2Bulle1 
{ 
	 left: 198px; 
	 top: 45px; 
	 position: absolute; 
	 width: 138px;
	 height: 137px;
	 z-index:6;
} 

 #C2Paragraphe2 
{ 
	 left: 715px; 
	 top: 15px; 
	 position: absolute; 
	 width: 637px;
	 height: 196px;
	 z-index:7;
} 

 #C2Paragraphe1 
{ 
	 left: 5px; 
	 top: 229px; 
	 position: absolute; 
	 width: 259px;
	 height: 411px;
	 z-index:8;
}
#case3 {
	width: 1128px;
	height: 1533px; 
} 
#background3 {
	left: 0px; 
		 top: 0px; 
		 position: relative; 
		  width: 1128px;
		 height: 1533px; 
		 overflow: hidden;
		 z-index:0;
}

 #Case3 
{ 
	 left: 0px; 
	 top: 390px; 
	 position: absolute; 
	 width: 1037px;
	 height: 1143px;
	 z-index:1;
} 

 #C3Bulle4 
{ 
	 left: 0px; 
	 top: 405px; 
	 position: absolute; 
	 width: 1114px;
	 height: 831px;
	 z-index:2;
} 

 #C3Bulle3 
{ 
	 left: 472px; 
	 top: 1248px; 
	 position: absolute; 
	 width: 463px;
	 height: 241px;
	 z-index:3;
} 

 #C3Bulle2 
{ 
	 left: 0px; 
	 top: 405px; 
	 position: absolute; 
	 width: 645px;
	 height: 824px;
	 z-index:4;
} 

 #C3Bulle1 
{ 
	 left: 0px; 
	 top: 405px; 
	 position: absolute; 
	 width: 275px;
	 height: 684px;
	 z-index:5;
} 

 #C3Paragraphe1 
{ 
	 left: 338px; 
	 top: 15px; 
	 position: absolute; 
	 width: 603px;
	 height: 307px;
	 z-index:6;
}
#case4 {
	width: 842px;
	height: 1779px; 
} 
 #background4
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 width: 802px;
	 height: 1779px; 
	 overflow: hidden;
	 z-index:0;
	} 

 #Case4 
{ 
	 left: 0px; 
	 top: 95px; 
	 position: absolute; 
	 width: 802px;
	 height: 1684px;
	 z-index:1;
} 

 #C4Bulle2 
{ 
	 left: 296px; 
	 top: 215px; 
	 position: absolute; 
	 width: 496px;
	 height: 484px;
	 z-index:2;
} 

 #C4Bulle1 
{ 
	 left: 296px; 
	 top: 0px; 
	 position: absolute; 
	 width: 493px;
	 height: 699px;
	 z-index:3;
} 
#case5 {
	width: 1563px;
	height: 1377px; 
}
#case5:after {
	content: "";
	display: block;
	clear: both;
	width: 1px;
	height: 1px;
}
 #background5
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 width: 1563px;
	 	 height: 1377px; 
	 overflow: hidden;
	 z-index:0;
	} 

 #Case5 
{ 
	 left: 0px; 
	 top: 77px; 
	 position: absolute; 
	 width: 1510px;
	 height: 1300px;
	 z-index:1;
} 

 #C5Bulle7 
{ 
	 left: 246px; 
	 top: 0px; 
	 position: absolute; 
	 width: 222px;
	 height: 219px;
	 z-index:2;
} 

 #C5Bulle6 
{ 
	 left: 1211px; 
	 top: 316px; 
	 position: absolute; 
	 width: 352px;
	 height: 298px;
	 z-index:3;
} 

 #C5Bulle5 
{ 
	 left: 1086px; 
	 top: 559px; 
	 position: absolute; 
	 width: 477px;
	 height: 386px;
	 z-index:4;
} 

 #C5Bulle4 
{ 
	 left: 1148px; 
	 top: 112px; 
	 position: absolute; 
	 width: 399px;
	 height: 500px;
	 z-index:5;
} 

 #C5Bulle1 
{ 
	 left: 741px; 
	 top: 12px; 
	 position: absolute; 
	 width: 405px;
	 height: 322px;
	 z-index:6;
} 

 #C5Bulle2 
{ 
	 left: 883px; 
	 top: 257px; 
	 position: absolute; 
	 width: 646px;
	 height: 355px;
	 z-index:7;
} 

 #C5Bulle3 
{ 
	 left: 958px; 
	 top: 441px; 
	 position: absolute; 
	 width: 590px;
	 height: 296px;
	 z-index:8;
} 

 #C5Paragraphe1 
{ 
	 left: 106px; 
	 top: 1209px; 
	 position: absolute; 
	 width: 1291px;
	 height: 139px;
	 z-index:9;
} 
 #background6
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 width: 1147px;
	  height: calc(885px + 780px);
	 overflow: hidden;
	 z-index:0;
	} 
 #case6
{ 
	 width: 1147px;
	 height: calc(885px + 780px);
 	clear: left;
		} 
 #Case6 
{ 
	 left: 0px; 
	 top: 0px; 
	 position: absolute; 
	 width: 1147px;
	 height: calc(885px + 780px);
	 z-index:1;
} 

 #C6Paragraphe2 
{ 
	 left: 191px; 
	 top: 338px; 
	 position: absolute; 
	 width: 487px;
	 height: 218px;
	 z-index:2;
} 

 #C6Paragraphe1 
{ 
	 left: 15px; 
	 top: 0px; 
	 position: absolute; 
	 width: 738px;
	 height: 338px;
	 z-index:3;
} 

 #background7
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 width: 921px;
	 height: 780px; 
	 overflow: hidden;
	 z-index:0;
	} 
#case7 {
	width: 921px;
	height: 780px; 
}
 #Case7 
{ 
	 left: 0px; 
	 top: calc(885px + 209px); 
	 position: absolute; 
	 width: 921px;
	 height: 571px;
	 z-index:1;
} 

 #C7Paragraphe1 
{ 
	 left: 19px; 
	 top: 885px; 
	 position: absolute; 
	 width: 413px;
	 height: 255px;
	 z-index:2;
} 
 #background8
{ 
	 left: 0px; 
	 top: 0px; 
	 position: relative; 
	 width: 1421px;
	 height: 1785px; 
	 overflow: hidden;
	 z-index:0;
	} 
#case8 {
	width: 1421px;
	height: 1785px; 
}
 #Case8 
{ 
	 left: 147px; 
	 top: 784px; 
	 position: absolute; 
	 width: 1274px;
	 height: 1001px;
	 z-index:1;
} 

 #C8Bulle8 
{ 
	 left: 207px; 
	 top: 1415px; 
	 position: absolute; 
	 width: 291px;
	 height: 295px;
	 z-index:2;
} 

 #C8Bulle7 
{ 
	 left: 1137px; 
	 top: 888px; 
	 position: absolute; 
	 width: 242px;
	 height: 210px;
	 z-index:3;
} 

 #C8Bulle5 
{ 
	 left: 826px; 
	 top: 795px; 
	 position: absolute; 
	 width: 505px;
	 height: 329px;
	 z-index:4;
} 

 #C8Bulle6 
{ 
	 left: 894px; 
	 top: 1094px; 
	 position: absolute; 
	 width: 314px;
	 height: 168px;
	 z-index:5;
} 

 #C8Bulle4 
{ 
	 left: 0px; 
	 top: 864px; 
	 position: absolute; 
	 width: 296px;
	 height: 206px;
	 z-index:6;
} 

 #C8Bulle2 
{ 
	 left: 281px; 
	 top: 812px; 
	 position: absolute; 
	 width: 335px;
	 height: 217px;
	 z-index:7;
} 

 #C8Bulle1 
{ 
	 left: 353px; 
	 top: 656px; 
	 position: absolute; 
	 width: 263px;
	 height: 222px;
	 z-index:8;
} 

 #C8Paragraphe1 
{ 
	 left: 484px; 
	 top: 0px; 
	 position: absolute; 
	 width: 618px;
	 height: 733px;
	 z-index:9;
} 

 #C8Bulle3 
{ 
	 left: 641px; 
	 top: 503px; 
	 position: absolute; 
	 width: 275px;
	 height: 282px;
	 z-index:10;
} 
#case9 {
	width: 1098px;
	height: 1763px; 
}
#Case9 {
	width: 1098px;
	height: 1763px; 
}