body { margin:0px; background-color:#fff; height:100% }
html { height:100% }
#PageDiv { position:relative; min-height:100%; max-width:1300px }
#animationconteneur { position:relative; width:100%; height:500px; max-width:1300px; z-index:0; margin-left:auto; margin-right:auto }
#Initialimage { position:absolute; left:0%; top:0px; width:100%; height:495px; z-index:1; background-image:url(../Resources/lacanche-classic_.jpg); background-position:left; background-repeat:no-repeat; border-bottom:solid #f5f5f5 5px; background-size:cover }
#options { position:absolute; left:0%; top:0px; width:100%; height:500px; z-index:2; background-color:#f5f5f5; background-image:url(../Resources/lacanche-options_.jpg); background-position:left; background-repeat:no-repeat; background-size:cover }
#modern { position:absolute; left:0%; top:0px; width:100%; height:500px; z-index:3; background-color:#f5f5f5; background-image:url(../Resources/homepage-modern_e.jpg); background-position:left; background-repeat:no-repeat; background-size:cover }
#classic { position:absolute; left:0%; top:0px; width:100%; height:500px; z-index:4; background-color:#f5f5f5; background-image:url(../Resources/lacanche-classic_.jpg); background-position:left; background-repeat:no-repeat; background-size:cover }
@media screen and (max-width:1200px)
{
	#animationconteneur { height:450px }
	#Initialimage { height:450px }
	#options { height:450px }
	#modern { height:450px }
	#classic { height:450px }
}
@media screen and (max-width:768px)
{
	#animationconteneur { height:350px }
	#Initialimage { height:350px }
	#options { height:350px }
	#modern { height:350px }
	#classic { height:350px }
}