body{ font-family: Verdana; font-size:10px; color:#192354; margin: 0px; padding: 0px; background-color: #172639;}
body#demo {font-family: Verdana; font-size:10px; color:#192354; margin: 0px; padding: 0px; background-color: #57718A;}
p{margin:1em 0em 1em 0em; }
p.first {margin:0em 0em 1em 0em;}

ol{margin: 0px 0px 0px 30px; padding: 0px; padding-bottom: 10px; text-align: left;}
ul{margin: 0px 0px 0px 30px; padding: 0px; padding-bottom: 10px; list-style-type: square; text-align: left;}
li{padding-bottom: 0.25em; padding-top: 0.25em;}

#flashcontent{font-family: Verdana; font-size: 10px; color: white;}
#flashcontent a{color:white;}

#backIntro{left: 50%; top: 50%; margin-left: -375px; margin-top:-182px; position: absolute;}
#back1024{left: 50%; top: 50%; margin-left: -492px; margin-top:-300px;  width: 980px; height:580px; position: absolute; background-image: url(img/background.jpg); border:1px solid #475161;}
#page{ left: 50%; top: 50%; margin-left: -385px; margin-top:-255px;  width: 768px; height:500px; position: absolute;}
	#navigation{height:42px;}
	#content{height:360px; }
		#leftBox1{width:218px; height:363px; top: -13px; position: relative;}
		#leftBox2{width:218px; height:363px; top: -13px; position: relative;}
		#rightBox1{float:right; background-image: url(img/img_right.jpg); width: 560px; height: 363px; position: absolute; left: 50%; top: 50%; margin-left: -166px; margin-top:-166px;}
			#frontRightBox1{width:523px; height:310px; position: absolute; left: 50%; top: 50%; margin-left: -275px; margin-top:-165px; overflow: auto; padding:10px;}

	#header{height:55px;}	
	#btnDroite{height:53px;  float:right;}
	#footer{font-size:10px; color: #FFF;}
	#footer a{font-weight:normal; color:#FFF; text-decoration: none;}
	#footer a:hover{color:#618FC0; text-decoration: underline;}
	
#signaturetp1{font-size:9px; left: 50%; top: 50%; margin-left: -490px; margin-top:283px;  width: 1018px; height:15px; position: absolute; color: #FFF; text-align: left;}
	#signaturetp1 a{color: #415677; font-weight: normal; text-decoration: none;}
	#signaturetp1 a:hover{color:#415677; font-weight: normal; text-decoration: none;}

#signature{font-size:9px; left: 50%; top: 50%; margin-left: -530px; margin-top:283px;  width: 1018px; height:15px; position: absolute; color: #FFF; text-align: right;}

h1{margin:0em 0em 1.6em 0em; font-size:13px;}
h2{margin:0em 0em 1em 0em; font-size:12px;}

a{color:#192354; font-weight: bold; text-decoration: none;}
a:hover{color:#FFF; font-weight: bold; text-decoration: none;}

#btnService{position:absolute; top:21px;margin-left:11px;border:1px solid #ffffff;background-color:#627d9a}
#content #leftBox2 #btnService DIV{
	background-color:#8FA3BB; width:166px; padding:2px; padding-left: 8px; margin-top:2px;
}

.pd10{padding:15px 0px 15px 0px}
.bGris{border-bottom: 1px solid white;}

.popFlash{;}
.popFlashDemo{
	visibility:hidden;
	background-color:#172639;
	width:548px;
	border:1px solid #FFF;
	height:332px;
	top:14px;
	left:0px;
	position:absolute;
	z-index: 1000;
}

.flashReaderAudio{padding: 26px 0px 0px 114px;}
.flashReaderFlash{padding: 31px 0px 0px 31px;}
.flashReaderFlashIntro{padding: 64px 0px 0px 104px;}
.flashReaderVideo{padding: 26px 0px 0px 26px;}

.flashReaderVideo_description,
.flashReaderFlash_description {/* ReaderVideo content, ReaderFlash content */
	width: 178px; 
	margin-left: 10px; 
	position: absolute; 
	right: 10px;
	color: #FFFFFF;
}

.flashReaderVideo_description {bottom: 28px;}
.flashReaderFlash_description {bottom: 31px;}	

.flashReaderFlashIntro_description,
.flashReaderAudio_description  {
	position: absolute; 
	left: 50%;
	margin-left: -180px;
	width: 360px;
	text-align: center;
	color: #FFFFFF;
	float: left;
}

.flashReaderFlashIntro_description {top: 250px;}
.flashReaderAudio_description {top: 200px;}
	

#btnPlus{border:2px solid #000; padding:2px; width:9px; font-weight:bold; margin:5px 5px 5px 272px ;}
