html, body {margin: 0; padding: 0; font-family: arial, sans-serif;overflow:hidden;}
.fancybox-lock .fancybox-overlay {overflow-y: auto;}
.fancybox-nav {width:20%;}

#loader {position: absolute; top:50%; left:50%; margin-left: -16px; margin-top:-16px; width: 32px; height: 32px;}
.video_loader {display:block; position: relative; top:181px; left:320px; margin-left: -16px; margin-top:-16px; width: 32px; height: 32px;z-index:0;}

.content_text,
.region-info {display:none;}
.region-info {width:260px;height:600px;top:0;position:absolute;background-color:#000000;color:#FFFFFF;z-index:100;}
.region-info h1,
.region-info p {margin: 20px 20px 0 20px;color:#FFFFFF;}
.region-info p {font-size: 0.8em;}

#content {
	display: none;
	background: url(img/fond_fr.png) 0 0 transparent; 
    width: 910px; height: 600px;
    overflow:hidden;
}
.sensor,
.buttons {position: absolute;display:block;}
#bagdad {top: 100px;left: 480px;}
#indes {top: 240px;left: 580px;}
#damas {top: 40px;left: 230px;}
#egypte {top: 250px;left: 150px;}
#oceanindien {top: 340px;left: 435px;}
#chine {top: 70px;left: 690px;}
#occident {top: 80px;left: 110px;}

.button {width: 30px; height: 31px; display:block;}

.button.type_audio {background: url(img/audio.png) 0 0 no-repeat ;  } 
.button.type_audio:hover {background: url(img/audio_h.png) 0 0 transparent;  } 
.button.type_video {background: url(img/play.png) 0 0 transparent;  } 
.button.type_video:hover {background: url(img/play_h.png) 0 0 transparent;  } 
.button.type_image,
.button.type_text {background: url(img/read.png) 0 0 transparent;  } 
.button.type_image:hover,
.button.type_text:hover {background: url(img/read_h.png) 0 0 transparent;  } 

.sensor {width:90px; height:250px;}
#bagdad-sensor {top: 60px;left:370px}
#indes-sensor {top: 190px;left:615px}
#damas-sensor {top: 10px;left:275px}
#egypte-sensor {top: 220px;left:190px}
#oceanindien-sensor {top: 310px;left:475px}
#chine-sensor {top: 20px;left:725px}
#occident-sensor {top: 50px;left:10px}

.fancybox-title .description {font-size: 0.8em; line-height:130%;}

.video {text-align:center; display:none;}
.video .__avp_container__ {margin-top: 0px;}

#credits {display:block; position: absolute; left: 840px; top: 580px; color: white; text-decoration: none; font-family: arial, sans-serif;}

#credits_texte {text-align: center;display: none; width: 700px;font-family: arial, sans-serif; font-size:7px;}
#credits_texte h2 { margin: 6px 0 0px 0; fonit-size:0.3em;}