html,body,div,span,h1,h2,h3,h4,h5,h6,p,img{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
html{overflow:auto;}
body{line-height:1;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
html,body{width:100%;height:100%;}
body{background-color:#999;}

/* STYLES MODIFIES POUR ASPECT HOTSPOTS */
.hotspot {
	background-image: url(../images/overlay10.png);
	-moz-border-radius: 100% !important;
	-webkit-border-radius: 100%!important;
	border-radius: 100%!important;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;	
}
.hotspot:hover, .hotspot:active { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }

/*  STYLE BACKGROUND AREAS */
.logoVeduta { background-image: url(../images/areas_bg/Logo.png); background-size:100%;}
.MartineComplet { background-image: url(../images/areas_bg/Martine-complet.png); background-size:100%;}
.CollombComplet { background-image: url(../images/areas_bg/Collomb-complet.png); background-size:100%;}
.AnnaComplet { background-image: url(../images/areas_bg/Anna-complet.png); background-size:100%;}
.RaspailGunnarComplet { background-image: url(../images/areas_bg/RaspailGunnar-complet.png); background-size:100%;}
.PierretteComplet { background-image: url(../images/areas_bg/Pierrette-complet.png); background-size:100%;}
.AyoubComplet { background-image: url(../images/areas_bg/Ayoub-complet.png); background-size:100%;}
.MarieClaudeComplet { background-image: url(../images/areas_bg/MarieClaude-complet.png); background-size:100%;}
.Makingof { background-image: url(../images/areas_bg/MakingOf-complet.png); background-size:100%;}


/* BACKGROUNDS POUR RETINA */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 3/2),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (min-device-pixel-ratio: 1.5) {
.logoVeduta {background-image: url(../images/areas_bg/Logo@2x.png);}
.MartineComplet {background-image: url(../images/areas_bg/Martine-complet@2x.png);}
.CollombComplet {background-image: url(../images/areas_bg/Collomb-complet@2x.png);}
.AnnaComplet {background-image: url(../images/areas_bg/Anna-complet@2x.png);}
.RaspailGunnarComplet {background-image: url(../images/areas_bg/RaspailGunnar-complet@2x.png);}
.PierretteComplet {background-image: url(../images/areas_bg/Pierrette-complet@2x.png);}
.AyoubComplet {background-image: url(../images/areas_bg/Ayoub-complet@2x.png);}
.MarieClaudeComplet {	background-image: url(../images/areas_bg/MarieClaude-complet@2x.png);}
.Makingof {background-image: url(../images/areas_bg/MakingOf-complet@2x.png);}
}


/* INFOBOX */

.infobox {position: absolute; display: block; right: 10px; bottom: 30px;}
.info { float: right; display: block; opacity: 0.6; filter: alpha(opacity=60); background-color: #000; color: #fff; font: bold 11px/14px Arial, sans-serif; text-decoration: none; margin-right:5px; padding: 2px 7px 3px 7px; cursor: pointer; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.info:hover { opacity: 0.8; filter: alpha(opacity=80); }
.twitter-hashtag-button { margin-right:5px; float:left;}