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

body{
	background-color:#000;
	color: #eee;
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
#container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	position: relative;

	height: 600px;
	
	
}*/
#FlashID{
	position: absolute;
	width: 100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:4000;
}

#container{
	position:absolute; 
  left: 50%;  
  top: 50%; 
  width: 960px; 
  height: 674px; 
  margin-left: -480px; /* moitié de la largeur */ 
  margin-top: -337px; /* moitié de la hauteur */ 
  
  border: 1px solid #000; 
  background-color:#000;
}


#left{

	
	width: 360px;
	background-color:#000;
	/*padding: 10px;*/

	height: 600px;
	padding-left: 30px;
	
	position: absolute;
	top:-1px;
	left:0;
	z-index: 500;
	/*padding-right: 70px;*/
}

#right{
	
background-color:#000;
	/*background-color:#0FF;*/
	height: 600px;
	
	position: absolute;
	top:-1px;
	right:0px;
	z-index: 400;
	width: 600px;

}


a{
	color:#CCC;
	text-decoration: none;
}
ul{
	padding-left: 0px;
	list-style-type: none;
}


.clear{
	clear: both;	
}

h3{
	
}

h3 a{
	color:009ee0;
}


#logo{
	position: absolute;
	right: 0px;
	bottom: 14px;
}


/*
* ------------------------------
* Navigation principale
* ------------------------------
*/

/*div#navigation ul{
	position: absolute;
	top: 20px;
	left: 40px;
}*/

/*
div#navigation ul li{

}

div#navigation ul li.active{

	
	
	
}
div#navigation ul li a {
		font-size: 14pt;
	margin-left: 20px;	
}

div#navigation ul li.active a{
	background-color:#000;
	color:#fff;
	padding: 2px;
	padding-left: 6px;
	padding-right: 6px;
}
*/
/*
* ------------------------------
* Navigation secondaire
* ------------------------------
*/

/*
#content{

	position: absolute;
	top: 100px;
	left: 40px;
	width: 400px;
	z-index:200;
	padding: 10px;
	padding-left: 0px;
}
#content h2{ 
	font-size:20px;
	margin:0;
	padding-bottom: 20px;
}*/
div#navigation{ 
	margin-top: 40px;
	width:280px;
}

/*
div#navigation ul li{ 
	line-height: 18px;
	color:#58585A;
	margin-top: 10px;
	
}
div#navigation  a{ 
	font-size: 12px;
	margin-left: 14px;
	letter-spacing:0.4px;
	
}

div#navigation a.active{ 
	color:#FFF;
}
*/

div#navigation a.animation{ 
	color:#009ee0;
	/*padding: 4px;*/
}




/*
* ------------------------------
* Logo
* ------------------------------
*/

div#logo{
	position: absolute;
	top: 20px;
	right: 40px;
}


/*
* ------------------------------
* Conteneur flash
* ------------------------------
*/
/*
#conteneur{
	width: 1000px;
}*/


#conteneurFlash{
	
}


/*
* ------------------------------
* Indicateurs
* ------------------------------
*/


p.loaded{
	position: absolute;
	top: 100px;
	right: 60px;
	text-align: right;	
}

/*
* ------------------------------
* Flash
* ------------------------------
*/



#animationFlash1{
	position: absolute;
	z-index:200;
}
#animationFlash2{
	position: absolute;
	z-index:500;
}

#animationFlash3{
	position: absolute;
	z-index:100;
}


/*
* ------------------------------
* Tooltip
* ------------------------------
*/
#tooltip-titre{
	width:600px;
	/*border-top: 4px solid #B92E31;*/
	position: absolute;
	bottom: 120px;
	left: 480px;
	z-index: 9999;
	/*background-color:#333;
	
	opacity : 0.8;
    filter : alpha(opacity=80);*/
	color:#FFF;
	padding: 10px;
	overflow:hidden;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 20px;
}
#tooltip-titre h2{
	margin:0;
	padding: 0;
}

#tooltip-texte{
	width:170px;
	/*border-top: 4px solid #B92E31;*/
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 9999;
	background-color:#009ee0;
	color:#FFF;
	/*opacity : 0.8;
    filter : alpha(opacity=80);*/
	padding: 12px;
	padding-bottom: 10px;
	overflow:hidden;
	font-size: 12px;
	line-height:14px;
	font-weight: normal;
}

#tooltip-texte h3{
	font-size: 	12px;
}

/*
#tooltip-texte .close{
	padding: 4px;
	position: absolute;
	right: 0px;
	width: 100px;
	top : -40px;
}*/

#tooltip-texte .close a{
	float: right;
	text-decoration:underline;
}

/*
* ------------------------------
* Version de Flash
* ------------------------------
*/
#flashversion{
	
	margin-top: 100px;
	margin-left: 10px;
	font-size: 11px;
	color:#F00;
}

/*
* ------------------------------
* Accordéon
* ------------------------------
*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color:#58585A;
	outline:medium none;
	text-decoration:none;
	font-size: 28px;
	font-weight: normal;
}


.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color:#009ee0;
	outline:medium none;
	text-decoration:none;
	font-weight: normal;
	font-size: 28px;
}


.ui-widget-content a {
	color:#58585A;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.4px;
	line-height: 16px;
}


.ui-widget-content a:hover {
	color:#009ee0;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.4px;
	line-height: 16px;
}



#navigation div p{
	margin:0;
	padding:0;
	font-size: 13px;
	font-weight: normal;
	
}

#navigation div p.num{
	float: left;
	width: 28px;
	color:#58585A;
	padding-bottom: 10px;
}

#navigation div p.title{
	float: left;
	width: 228px;
	padding-bottom: 10px;
}


div#navigation p.clear{ 
	line-height:0px;
	height:0px;
	font-size: 0px;
	
}