html {
	margin:0;
	padding:0;
	width:100%;
}

body {
	background-image: url("../images-map/pngwing.jpg");
	margin:0;
	padding:0;
	width:100%;
	-webkittextrendering:optimizeLegibility;
	-moz-textrendering:optimizeLegibility;
	-ms-textrendering:optimizeLegibility;
	-o-textrendering:optimizeLegibility;
	textrendering:optimizeLegibility;
	textrendering:optimizeLegibility;
}
H1 {font-size:18px;}
H2 {font-size:10px; color:#E401E9; }
H3 {font-size:20px; color:violet; font-weight:100; line-height: 20px; text-align: center; left:-30px; }
H4 {font-size:10px; color:lightsalmon; }
a { font-size:13px; color:skyblue; text-decoration: none; }

#logo-interjonction { position:fixed; top:20px; left:30px; z-index:400; }

#rejoindre { position:fixed; top:20px; right:30px; z-index:400; }
#rejoindre a:hover { opacity:0.5; }

#carte { position:fixed; top:120px; width:100%; Height:1500px;
	textalign:center; fontfamily:"Arial Black"; fontsize:40px; }

#carte .full-map { position:relative; background-image: url("../images-map/mediterranee.png"); top:100px;
	background-repeat:no-repeat; margin:0; padding:0; width:100%; height:100%; z-index: -1; }

#carte .dept84 { position:relative; height:220px; width:230px; top:-1199px; left:637px;
	margin:0; padding:0; z-index: 100; display: block;}

#carte .dept04 { position:relative; height:300px; width:350px; top:-1482px; left:812px;
	margin:0; padding:0; z-index: 100; display: block; }

#carte .dept05 { position:relative; height:300px; width:350px; top:-1907px; left:798px;
	margin:0; padding:0; z-index: 100; display: block; }

#carte .dept06 { position:relative; height:300px; width:300px; top:-1999px; left:1045px;
	margin:0; padding:0; z-index: 100; display: block; }

#carte .dept83 { position:relative; height:300px; width:350px; top:-2148px; left:845px;
	margin:0; padding:0; z-index: 100; display: block; }

#carte .dept13 { position:relative;  height:300px; width:350px; top:-2479px; left:546px;
	margin:0; padding:0; z-index: 100; display: block; }

#carte .dept48 { position:relative;  height:300px; width:300px; top:-3065px; left:294px;
	margin:0; padding:0; z-index: 100; display: block; }

#carte .dept30 { position:relative; height:300px; width:350px; top:-3227px; left:361px;
	margin:0; padding:0; z-index: 100; display: block; }

#carte .dept34 { position:relative; height:300px; width:350px; top:-3395px; left:200px;
	margin:0; padding:0; z-index: 100; display: block; }

#carte .dept11 { position:relative; height:300px; width:350px; top:-3545px; left:25px;
	margin:0; padding:0; z-index: 100; display: block; }

#carte .dept66 { position:relative; height:300px; width:350px; top:-3698px; left:29px; 
	margin:0; padding:0; z-index: 100; display: block; }

#carte .dept20 { position:relative; height:400px; width:300px; top:-4025px; left:1042px;
	margin:0; padding:0; z-index: 100; display: block; }

#infos { position:fixed; background-image: url("../images-map/info-card.png"); top:130px; left:360px;
	background-repeat:no-repeat; margin:0; padding:5; width:610px; height:180px; z-index: 1; font-family: Monaco; fontsize:18px; color:#A34DFA; }

#infos .gotoCloud { position:relative; z-index: 300; display:none; top:-13px; left:16px; width:580px; }
#infos .affiche { position:relative; z-index: 300; display:block; top:-13px; left:16px; width:580px; }
#infos .result04 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result05 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result06 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result11 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result13 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result20 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result30 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result34 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result48 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result66 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result83 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }
#infos .result84 { position:relative; z-index: 350; display:none; top:-13px; left:16px; width:580px; }

#infos .home { position:absolute; z-index: 360; top:0px; left:575px; width:20px; }
#infos .home a:hover { opacity:0.5; }

/* FOOTER INDEX*/

#assos { position:absolute; left:0px; width:20%; align-content: center;
	height:100px;
	top:1200px;
}
#assos a:hover { filter:invert(100%); }

#mediteriaTV { position:absolute; left:20%; width:20%; align-content: center;
	height:100px;
	top:1200px;
}
#mediteriaTV a:hover { filter:invert(100%); }

#tipeee { position:absolute; left:40%; width:20%; align-content: center;
	height:100px;
	top:1200px;
}
#tipeee a:hover { filter:invert(100%); }

#crowdfunding { position:absolute; left:60%; width:20%; align-content: center;
	height:100px;
	top:1200px;
}
#crowdfunding a:hover { filter:invert(100%); }

#video { position:absolute; left:80%; width:20%; align-content: center;
	height:100px;
	top:1200px;
}
#video a:hover { filter:invert(100%); }

#boutonDirect { position:fixed; width:205px; height:190px; margin-left:20px; margin-top:200px; z-index:500; }
#boutonDirect a:hover { filter:invert(100%); }