body { margin:0px; background-color:#fff; height:100% }
html { height:100% }
#PageDiv { position:relative; min-height:100%; max-width:1800px; margin:auto }
#animationconteneur { position:relative; width:100%; height:720px; max-width:1800px; z-index:0; clear:both }
#initialcalque { position:absolute; left:0%; top:0px; width:100%; height:720px; z-index:1; background-image:url(../Resources/ambiance-lacanche.jpg); background-position:left bottom; background-size:cover; background-repeat:no-repeat }
#optionscalque { position:absolute; left:0%; top:0px; width:100%; height:720px; z-index:2; background-color:#f5f5f5; background-image:url(../Resources/ambiance-lacanche1.jpg); background-position:left bottom; background-size:cover; background-repeat:no-repeat }
#optiontexte { position:absolute; width:31.67%; right:5%; bottom:200px; z-index:1; padding:0px }
#optiontexte_m { position:relative; padding:15px; background-image:url(../Resources/optiontexte.png); background-position:left top; background-size:auto; background-repeat:repeat; background-attachment:scroll }
#moderncalque { position:absolute; left:0%; top:0px; width:100%; height:720px; z-index:3; background-color:#f5f5f5; background-image:url(../Resources/ambiance-lacanche3.jpg); background-position:left bottom; background-size:cover; background-repeat:no-repeat }
#moderntexte { position:absolute; width:31.67%; right:5%; bottom:200px; z-index:1; padding:0px }
#moderntexte_m { position:relative; padding:15px; background-image:url(../Resources/optiontexte.png); background-position:left top; background-size:auto; background-repeat:repeat; background-attachment:scroll }
#classiccalque { position:absolute; left:0%; top:0px; width:100%; height:720px; z-index:4; background-color:#f5f5f5; background-image:url(../Resources/ambiance-lacanche.jpg); background-position:left bottom; background-size:cover; background-repeat:no-repeat }
#classictexte { position:absolute; width:31.67%; right:5%; bottom:200px; z-index:1; padding:0px }
#classictexte_m { position:relative; padding:15px; background-image:url(../Resources/optiontexte.png); background-position:left top; background-size:auto; background-repeat:repeat; background-attachment:scroll }
@media screen and (max-width:1200px)
{
	#optionscalque { background-image:url(../Resources/ambiance-lacanche2.jpg) }
	#optiontexte { top:120px; right:auto; bottom:auto; width:35% }
	#moderntexte { left:5%; top:120px; right:auto; bottom:auto; width:36.67% }
	#classictexte { left:5%; top:120px; right:auto; bottom:auto; width:36.67% }
}
@media screen and (max-width:800px)
{
	#animationconteneur { height:600px }
	#initialcalque { height:600px }
	#optionscalque { height:600px }
	#moderncalque { height:600px }
	#classiccalque { height:600px }
}
@media screen and (max-width:768px)
{
	#optiontexte { left:5%; top:120px; width:auto; min-height:116px }
	#moderntexte { top:120px; width:auto; min-height:116px }
	#classictexte { width:auto; min-height:116px }
}
@media screen and (max-width:600px)
{
	#animationconteneur { height:500px }
	#initialcalque { left:2.1%; width:96%; height:500px }
	#optionscalque { height:500px }
	#moderncalque { height:500px }
	#classiccalque { height:500px }
}
@media screen and (max-width:414px)
{
	#initialcalque { left:0%; width:100% }
}