@charset "UTF-8";
/* CSS Document */

#V_div-page-3
{
	width:1000px;
	height:750px;
	position:absolute;
	left:0px;
	top:0px;
	
	overflow:hidden;
	
	z-index:101;
	background-image:url(../IMAGES/les-volcans-celebres/bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	
	opacity: 0;
}

#V_div-page-3 a
{
	color:#ffffff;
}

#V_div-page-3 #intro
{
	position: absolute;
	top: 25px;
	left: 420px;
	color:#ffffff;
	font-size:13.8px;
	font-family:"museo_slab_700", Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 4.5px rgba(0, 0, 0, 0.5);
	text-align: center;
	line-height: 18px;
	width: 540px;
}

#V_div-page-3 #intro strong
{
	font-family:"museo_slab_1000", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#V_div-page-3 h3
{
	color: #FFFFFF;
	position: absolute;
	top: 155px;
	left: 485px;
	font-size:15px;
	font-family:"museo_slab_1000", Arial, Helvetica, sans-serif;
}

#V_div-page-3 #score, #V_div-page-3 #time
{
	color: #FFFFFF;
	position:absolute;
	left: 825px;
	font-size:15px;
	font-family:"museo_slab_900", Arial, Helvetica, sans-serif;
}

#V_div-page-3 #score span, #V_div-page-3 #time span { font-family:"museo_slab_700", Arial, Helvetica, sans-serif; }

#V_div-page-3 #time { top: 196px; }
#V_div-page-3 #score { top: 235px; left: 820px; }

#V_div-page-3 .btn, #V_div-page-3 #volcan-name
{
	position: absolute;
	top: 195px;
	left: 435px;
	width: 380px;
	color: #b54b5b;
	font-size:20px;
	font-family:"museo_slab_900", Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
}
#V_div-page-3 #volcan-name { top: 205px; }

#V_div-page-3 #btn-next, #V_div-page-3 #btn-restart
{
	display: none;
}

#V_div-page-3 #btn-start:hover, #V_div-page-3 #btn-next:hover, #V_div-page-3 #btn-restart:hover
{
	cursor: pointer;
}

#V_div-page-3 .pin
{
	position: absolute;
	width: 27px;
	height: 27px;
	display: none;
}

#V_div-page-3 #cursor
{
	display: none;
	position:absolute;
}

#V_div-page-3 .distance
{
	position:absolute;
	display: none;
}

#V_div-page-3 .distance p
{
	color: #fffeae;
	position: absolute;
	left: 0px;
	bottom: 27px;
	width: 80px;
	font-size:15px;
	font-family:"museo_slab_500", Arial, Helvetica, sans-serif;
	text-align: center;
}

#V_div-page-3 .distance p small
{
	font-size:8px;
}

#V_div-page-3 .etq
{
	position:absolute;
	display: none;
	cursor: pointer;
}

#V_div-page-3 .etq p
{
	width: 500px;
	position: absolute;
	top: 15px;
	font-size:16px;
	font-family:"museo_slab_700", Arial, Helvetica, sans-serif;
	color: #915679;
}
#V_div-page-3 .etq.left p { left: 17px; }
#V_div-page-3 .etq.right p { left: 30px; }

#V_div-page-3 .etq .more:hover { cursor: pointer; }
#V_div-page-3 .etq .more
{
	position: absolute;
	top: 1px;
	opacity: 0;
}
#V_div-page-3 .etq.left .more { right: 1px; }
#V_div-page-3 .etq.right .more { left: 1px; }
#V_div-page-3 #etq-eyjafjoll .more { left: 3px; }
#V_div-page-3 #etq-mauna .more { right: 2px; }
#V_div-page-3 #etq-krakatoa .more { left: 3px; }
#V_div-page-3 #etq-fournaise .more { left: 0px; }

#V_div-page-3 #etq-fournaise
{
	top: 553px;
	left: 333px;
}

#V_div-page-3 #etq-auvergne
{
	top: 370px;
	left: 240px;
}

#V_div-page-3 #etq-erta
{
	top: 467px;
	left: 433px;
}

#V_div-page-3 #etq-eyjafjoll
{
	top: 310px;
	left: 255px;
}

#V_div-page-3 #etq-helens
{
	top: 395px;
	left: 180px;
}

#V_div-page-3 #etq-kilauea
{
	top: 460px;
	left: 106px;
}

#V_div-page-3 #etq-krakatoa
{
	top: 521px;
	left: 561px;
}

#V_div-page-3 #etq-mauna
{
	top: 460px;
	left: 106px;
}

#V_div-page-3 #etq-nevados
{
	top: 575px;
	left: 300px;
}

#V_div-page-3 #etq-nyiragongo
{
	top: 510px;
	left: 370px;
}

#V_div-page-3 #etq-pelee
{
	top: 456px;
	left: 317px;
}

#V_div-page-3 #etq-piton
{
	top: 553px;
	left: 333px;
}

#V_div-page-3 #etq-vesuve
{
	top: 378px;
	left: 385px;
}

#V_div-page-3 .popup
{
	position:absolute;
	display: none;
	cursor: pointer;
}

#V_div-page-3 .popup .thumbnail, #V_div-page-3 .popup h4, #V_div-page-3 .popup p
{
	position:absolute;
	top: 25px;
	left: 30px;
}
#V_div-page-3 .popup.top .thumbnail, #V_div-page-3 .popup.top h4 { top: 40px; }
#V_div-page-3 .popup p { margin-right: 20px; }

#V_div-page-3 .popup h4
{
	left: 320px;
	color: #f5de8f;
	font-size:15px;
	font-family:"museo_slab_1000", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#V_div-page-3 .popup h4 small
{
	font-weight: normal;
	font-family:"museo_slab_700", Arial, Helvetica, sans-serif;
}

#V_div-page-3 .popup p a
{
	color: #f5de8f;
	text-decoration: underline;
}

#V_div-page-3 .popup p
{
	top: 50px;
	left: 320px;
	color: #FFFFFF;
	font-size: 15px;
	font-family:"MyriadPro-Regular", Arial, Helvetica, sans-serif;
	line-height: 120%;
}
#V_div-page-3 .popup.top p { top: 60px; }

#V_div-page-3 .popup p strong
{
	font-family:"MyriadPro-Black", Arial, Helvetica, sans-serif;
}

#V_div-page-3 #popup-fournaise
{
	left: 222px;
	top: 290px;
}

#V_div-page-3 #popup-auvergne
{
	left: 131px;
	top: 404px;
}

#V_div-page-3 #popup-erta
{
	left: 196px;
	top: 497px;
}

#V_div-page-3 #popup-eyjafjoll
{
	left: 102px;
	top: 341px;
}
#V_div-page-3 #popup-eyjafjoll p, #V_div-page-3 #popup-eyjafjoll h4 { left: 270px; }

#V_div-page-3 #popup-helens
{
	left: 183px;
	top: 425px;
}

#V_div-page-3 #popup-kilauea
{
	left: 66px;
	top: 195px;
}

#V_div-page-3 #popup-krakatoa
{
	left: 308px;
	top: 255px;
}

#V_div-page-3 #popup-mauna
{
	left: -4px;
	top: 195px;
}

#V_div-page-3 #popup-nevados
{
	left: 303px;
	top: 310px;
}

#V_div-page-3 #popup-nyiragongo
{
	left: 116px;
	top: 248px;
}

#V_div-page-3 #popup-pelee
{
	left: 348px;
	top: 190px;
}

#V_div-page-3 #popup-vesuve
{
	left: 129px;
	top: 410px;
}

#V_div-page-3 .btn div {
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	width: inherit;
}

#V_div-page-3 .on {
	opacity: 0;
}

#V_div-page-3 .btn:hover .on, #V_div-page-3 #btn-indice.clicked .on {
	opacity: 1;
}

#V_div-page-3 .btn:hover .off, #V_div-page-3 #btn-indice.clicked .off {
	opacity: 0;
}

#V_div-page-3 .btn:hover, #V_div-page-3 #btn-indice.clicked {
	color: #FFFFFF;
}

#V_div-page-3 .btn h5 {
	margin-top: 10px;
}

#V_div-page-3 #btn-indice
{
	left: 812px;
	top: 145px;
	width: 119px;
	font-size: 15px;
}

#V_div-page-3 #btn-indice h5 {
	margin-right: 26px;
}

#V_div-page-3 #btn-indice:hover
{
	cursor: pointer;
}

#V_div-page-3 #btn-indice.clicked:hover
{
	cursor: auto;
}

#V_div-page-3 #popup-change-page
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
}

#V_div-page-3 #popup-change-page .bg
{
	background-color: #FFFFFF;
	opacity: 0.7;
	width: inherit;
	height: inherit;
}

#V_div-page-3 #popup-change-page .content
{
	position: absolute;
	left: 271px;
	top: 275px;
	width: 457px;
	height: 200px;
}

#V_div-page-3 #popup-change-page #yes, #V_div-page-3 #popup-change-page #no
{
	width: 102px;
	cursor: pointer;
	top: 110px;
}
#V_div-page-3 #popup-change-page #yes { left: 240px; }
#V_div-page-3 #popup-change-page #no { left: 120px; }

#V_div-page-3 #popup-change-page .content p
{
	font-size:20px;
	font-family:"museo_slab_900", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	left: 0;
	top: 50px;
	width: inherit;
}