@charset "utf-8";

html, body, div, svg, a{margin:0; padding:0;}

body{position:relative; text-align:center; width:100%;}

a{text-decoration:none;}

path, rect, circle, polyline, line{overflow:hidden;}

#anim{height:100%; width:100%; text-align:center; position:fixed; display:none; display: none; align-items: center;}

#MDL{margin: 0 auto;}

#fondProgression{height:100%; position:fixed; top:0; left:0; background:#aaa; z-index:800; width:6px;}

#progression{height:0; position:fixed; top:0; left:0; background:#1D1D1B; z-index:900; width:6px;}

#navigation{position:absolute; height:5%; width:2.5%; bottom:10%; left:48.75%; z-index:1000;}

#top{position:absolute; height:5%; width:2.5%; bottom:10%; left:48.75%; z-index:500; opacity:0;}

#top:hover, #navigation:hover{cursor:pointer; }

g#Facade1, g#Arbres1, g#Arbres2, g#Pyramides1, g#Pyramides2, g#Fontaines1, g#Fontaines2, g#Statue1, g#Statue2{stroke-dasharray:255;stroke-dashoffset:0; overflow:hidden;}
g#jets{stroke-dasharray:3; stroke-dashoffset:0; overflow:hidden;}
g#Facade2, g#Facade3{stroke-dasharray:200;stroke-dashoffset:0; overflow:hidden;}

g#_30ans{opacity:0;}

#backup{margin-top:20px;}

#credit_conteneur{position:fixed; bottom:10px; right:10px; overflow:hidden; width:400px; height:15px; opacity:0;}

#credits{opacity:0; }

#copy{cursor:pointer; background-color:#fff;}


@media only screen and (max-device-width: 667px), only screen and (max-device-width: 640px), only screen and (max-device-width: 480px)
{ 
	#credit_conteneur{display:none;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	#credit_conteneur{display:none;}
}