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

*, html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #f9f5e3;
}

#content {
	width: 964px;
	margin: 0 auto;
}

header {
	width: 281px;
	height: 157px;
	display: block;
	background-image: url('images/header.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 120px;
}

.screen {
	width: 960px;
	height: 540px;
	display: block;
	border: 1px solid #e3523b;
	padding: 1px;
}

#videotitle {
	width: 281px;
	height: 85px;
	display: block;
	background-image: url('images/videotitle.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 120px;
	margin-top: 70px;
}

#video {
	border: 1px solid #e3523b;
	padding: 1px;
}
#video input{
	background-color: #e3523b;
}

#definitiontitle {
	width: 964px;
	height: 156px;
	display: block;
	background-image: url('images/definitiontitle.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 70px;
}

#interactions {
	width: 964px;
	height: 351px;
	display: block;
	background-image: url('images/interactions.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 70px;
}

#scenariotitle {
	width: 964px;
	height: 55px;
	display: block;
	background-image: url('images/scenariotitle.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 70px;
}

#scenario1 {
	width: 964px;
	height: 1178px;
	display: block;
	background-image: url('images/scenario1.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 50px;
}

#scenario2 {
	width: 964px;
	height: 861px;
	display: block;
	background-image: url('images/scenario2.gif');
	text-indent: -9999px;
	overflow: hidden;
}

#legende_sl0 {
	width: 468px;
	height: 55px;
	display: block;
	background-image: url('images/legende_sl0.gif');
	margin: 0 auto 50px;
}

.im1 {
	margin-bottom: 20px;
}
#legende_im1 {
	width: 472px;
	height: 18px;
	display: block;
	background-image: url('images/legende_im1.gif');
	margin: 0 auto 50px;
}

#scenario3 {
	width: 659px;
	height: 222px;
	display: block;
	background-image: url('images/scenario3.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto;
}

#legende_sl1 {
	width: 604px;
	height: 94px;
	display: block;
	background-image: url('images/legende_sl1.gif');
	margin: 0 auto 50px;
}

#scenario4 {
	width: 620px;
	height: 242px;
	display: block;
	background-image: url('images/scenario4.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto 50px;
}

#legende_sl2 {
	width: 400px;
	height: 57px;
	display: block;
	background-image: url('images/legende_sl2.gif');
	margin: 0 auto 50px;
}

#legende_sl3 {
	width: 476px;
	height: 79px;
	display: block;
	background-image: url('images/legende_sl3.gif');
	margin: 0 auto 50px;
}

#legende_sl4 {
	width: 464px;
	height: 77px;
	display: block;
	background-image: url('images/legende_sl4.gif');
	margin: 0 auto 15px;
}

#scenario5 {
	width: 964px;
	height: 634px;
	display: block;
	background-image: url('images/scenario5.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto 20px;
}

#scenario6 {
	width: 964px;
	height: 631px;
	display: block;
	background-image: url('images/scenario6.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto 20px;
}

#scenario7 {
	width: 964px;
	height: 612px;
	display: block;
	background-image: url('images/scenario7.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto 60px;
}

#scenario8 {
	width: 664px;
	height: 213px;
	display: block;
	background-image: url('images/scenario8.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto 60px;
}

#legende_sl5 {
	width: 707px;
	height: 40px;
	display: block;
	background-image: url('images/legende_sl5.gif');
	margin: 0 auto;
}

#scenario9 {
	width: 964px;
	height: 614px;
	display: block;
	background-image: url('images/scenario9.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto 20px;
}

#complementstitle {
	width: 964px;
	height: 55px;
	display: block;
	background-image: url('images/complementstitle.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin-top: 70px;
	margin-bottom: 20px;
}

#scenario10 {
	width: 964px;
	height: 309px;
	display: block;
	background-image: url('images/scenario10.gif');
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto 50px;
}

#legende_sl6 {
	width: 483px;
	height: 33px;
	display: block;
	background-image: url('images/legende_sl6.gif');
	margin: 0 auto 50px;
}

#legende_sl7 {
	width: 432px;
	height: 37px;
	display: block;
	background-image: url('images/legende_sl7.gif');
	margin: 0 auto 50px;
}

#legende_sl8 {
	width: 584px;
	height: 75px;
	display: block;
	background-image: url('images/legende_sl8.gif');
	margin: 0 auto 100px;
}

footer {
	height: 500px;
}
#footer_content {
	background-color: #025260;
	padding: 20px 0 0 142px; 
	width: 822px;
	height: 130px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #f9f5e3;
	font-weight: 300;
	display: block;
}
#footer_content a {
	color: #e3523b;
	font-weight: 600;
	text-decoration: none;
}
#footer_content a.memoire {
	font-style: italic;
}
#footer_contact {
	background-color: #e3523b;
	padding: 20px 0 0 142px; 
	width: 822px;
	height: 42px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #f9f5e3;
	font-weight: 300;
	display: block;
}
#footer_contact b {
	color: #f9f5e3;
	font-weight: 600;
}
#footer_contact b span{
	color: #f9f5e3;
	font-weight: 600;
}



.gallery-container {
	width: 960px;
	height: 595px;
}

#show-container {
	width: 960px;
	height: 540px;
	border: 1px solid #e3523b;
	padding: 1px;
}

.sl0, .sl1, .sl2 {margin: 50px 0 0 0;}
#stripTransmitter0 ul, #stripTransmitter6 ul {width: 54px;} 
#stripTransmitter7 ul, #stripTransmitter8 ul {width: 81px;}
#stripTransmitter2 ul, #stripTransmitter4 ul, #stripTransmitter5 ul {width: 108px;}
#stripTransmitter3 ul {width: 135px;}
#stripTransmitter1 ul {width: 162px;}

	
/*preload classes*/
.svw {width: 50px; height: 20px; background: none;}
.svw ul {position: relative; left: -999em;}
/*core classes*/
.stripViewer {
    position: relative;
    overflow: hidden;
    margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
    margin: 0;
    padding: 0;
    position: relative;
    left: 0;
    top: 0;
    width: 1%;
    list-style-type: none;
}
.stripViewer ul li {
    float:left;
	width: 960px;
	height: 540px;
}
.stripViewer ul li span.legende{
	position: absolute;
	margin-top: -38px;
	margin-left: 135px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #f9f5e3;
	background-color: #9e8e53;
	padding: 10px;
}

.stripViewer ul li span.legende a{
	text-decoration: none;
	color: #f9f5e3;
	font-style: italic;
}

.stripTransmitter {
/*overflow: auto;*/
    width: 1%;
	height: 17px;
	padding: 0 auto;
	margin-top: 20px;
	display: block;
}
.stripTransmitter ul {
	height: 17px;
    padding: 0 auto;
    list-style-type: none;
	margin: 0 auto;
	display: block;
}
.stripTransmitter ul li{
    width: 17px;
	height: 17px;
    float:left;
    margin: 0 5px 0 5px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.stripTransmitter a{
    display: block;
	background-image: url('images/slidebutton.gif');
	background-position: -34px 0;
}
.stripTransmitter a:hover{
	background-position: -17px 0;
}
.stripTransmitter a.current{
	background-position: 0 0;
}
/*tooltips formatting*/
.tooltip
{
    padding: 0.5em;
    background: #fff  ;
    color: #000  ;
    border: 5px solid #dedede  ;
}