body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: white;
	overflow: hidden;
}

.bg_index
{
	/*background-image: url('../images/bg/01.png');*/
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

#bg_div_content
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
}

#bg_div_fade_content
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#bg_div
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	background-color: white;
	width:100%;
	height:100%;
}

#bg_div_fade
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#team_panel
{
	position: absolute;
	top: 0px;
	left: 250px;
	z-index: 200;
	visibility:hidden;
}

.team_item_bg
{
	background-image: url('../images/circle.png');
	width:334px;
	height:334px;
    filter:alpha(opacity=90);
    -moz-opacity:0.90;
	
}
.team_credit_bg
{
	background-image: url('../images/circle_small.png');
	width:124px;
	height:124px;
    filter:alpha(opacity=90);
    -moz-opacity:0.90;
	
}

.team_text
{
	font-size:9pt;
	width:220px;
	height:240px;
}

.bio_header
{
	z-index: 200;
	position: absolute;
	width: 170px;
	top:-20px;
	left:10px;	
	border-collapse: collapse;
	border-spacing: 0px;
}

.bio_label
{
	font-size: 8pt;
	font-weight: bold;
   text-decoration: underline;
   /*
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #C0C0C0;
   */
}
.bio_mail
{
	font-size:8pt;
	color:red;
   text-decoration: underline;   
   /*
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #C0C0C0;
   */
}
.bio_cv
{
	font-size:8pt;
	color: #FF00FF;
	text-align:right;
   text-decoration: underline;   
   /*
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #C0C0C0;
   */
}
.credit_header
{
	position: absolute;
	width: 80px;
	top:-20px;
	left:3px;	
	font-size:9pt;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#bio_text_credit
{
	font-size:9pt;
	position:absolute;
	top:0px;
	left:3px;
	width:220px;
}
.bio_text
{
	font-size:9pt;
	position:absolute;
	top:0px;
	left:0px;
	width:220px;
}

#left_panel
{
	padding: 20px;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 300;
	top: 30px;
	left: 30px;
	width: 200px;
   height: 290px;
}

#left_container
{
	padding: 20px;
	background-color: transparent;
	position: absolute;
	z-index: 10000;
	top: 30px;
	left: 30px;
	width: 200px;
   height: 290px;
}

#friends_panel
{
	position: absolute;
	top: 0px;
	left: 250px;
	z-index: 200;
	visibility:hidden;
}

#friends_sites
{
	position: absolute;
	top: 330px;
	left: 30px;
	width: 170px;
	height: 170px;
	z-index: 300;
	background-color: #FFFFFF;
   padding: 8px;
}
#friends_names
{
 position: absolute;
 top: 190px;
 left: 225px;
 width: 170px;
 height: 280px;
 z-index: 300;
 background-color: #FFFFFF;
 padding: 8px;
}
#stagiaires
{
	position: absolute;
	top: 370px;
	left: 420px;
	width: 170px;
	height: 250px;
	z-index: 300;
	background-color: #FFFFFF;
   padding: 8px;
}



img {
   BORDER-BOTTOM: 0px;
   BORDER-LEFT: 0px;
   BORDER-RIGHT: 0px;
   BORDER-TOP: 0px;
}


/* Lien classique */
a:link
{
	text-decoration: none;
	color: #000000;
}
a:visited
{
   text-decoration:none;
   color: #000000;

}
a:hover
{
	text-decoration: none;
	color: #FF0000;
}
a.selected:link
{
	text-decoration: none;
	color: #FF0000;
}
a.grey:link
{
	text-decoration: none;
	color: #C0C0C0;
}
a.red:link
{
	text-decoration: none;
	color: #FF0000;
}
a.pink:link
{
	text-decoration: none;
	color: #FF00FF;
}
a.workitem:link
{
	text-decoration: underline;
}
a.workitem:hover
{
	text-decoration: underline;
}
a.workitem:visited
{
	text-decoration: underline;
}
a.green:hover
{
 text-decoration: none;
 color: #00FF00;
}
a.blue:hover
{
 text-decoration: none;
 color: #33CCFF;
}
a.grey:hover
{
	text-decoration: none;
	color: #000000;
}


a.work_selected:link
{
	text-decoration: none;
	color: #FF0000;
}
a.workplace_selected:link
{
	text-decoration: none;
	color: #FF0000;
}
a.menu_selected:link
{
	text-decoration: none;
	color: #000000;
}

#loading_top
{
	position: absolute;
	top: 190px;
	left: 20px;
	width: 200px;
	height:1px;   
   background-color: black;
   z-index : 500;
}

#loading_top_text
{
	position: absolute;
	top: 185px;
	left: 220px;
	width: 20px;
	height:16px;   
   z-index : 600;
   color:red;
   font-size: 9px;
   visibility:hidden;
   background-color: transparent;
}

#loading_bottom
{
	position: absolute;
	top: 220px;
	left: 20px;
	width: 200px;
	height: 1px;   
   background-color: black;
   z-index : 500;
}

#loading_bottom_text
{
	position: absolute;
	top: 215px;
	left: 220px;
	width: 20px;
	height:16px;   
   z-index : 500;
   color:red;
   font-size: 9px;
   visibility:hidden;
   background-color: transparent;
}


#status_panel
{
	/*border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #000000;
	border-bottom-color: #000000;
   */
	padding-top: 5px;
	padding-bottom: 5px;
	color: #C0C0C0;
	margin-bottom: 8px;
}
#address_panel
{
}
#img_logo
{
	z-index: 50;
	position: relative;
	top: 0px;
	left: 0px;
	cursor: pointer;

}

#img_rollover_logo
{
	z-index:10;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-top: 8px;
	margin-left: 8px;
	visibility:hidden;
}
#about_panel
{
	padding: 10pt;
	position: absolute;
	top: 360px;
	left: 280px;
	visibility: hidden;
	width: 500px;
	height: auto;
	z-index: 1500;
	background-color: #ffffff;
   background-repeat: repeat;
}
#about_panel_text
{
	background-color: #ffffff;
}
#lang_panel
{
	position: relative;
	float:right;
	top: 30px;
	margin-right:30px;
	z-index: 1500;
}


#work_menu_bg
{
	z-index: 100;
	background-color: #FFFFFF;
	position: absolute; 
	top: 360px;
	left: 30px;
	width: 240px;
	height: 200px;
	visibility:hidden;
    filter:alpha(opacity=0);
    -moz-opacity:0.0;   
}   

#work_outter_container_top
{
   z-index: 300;
	padding: 0px;
	background-color: transparent;
	position: absolute; 
	top: 360px;
	left: 30px;
	width: 240px;
	height: 10px;
	visibility:hidden;
}
#work_outter_container
{
   z-index: 300;
	padding: 10px;
	background-color: transparent;
	position: absolute; 
	top: 370px;
	left: 30px;
	width: 220px;
	height: 160px;
	visibility:hidden;   
}

#work_container
{
	z-index: 300;
	padding: 10px;
	background-color: transparent;
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 220px;
	height: 135px;
	overflow: hidden;
}
#work_scrollbars
{
	z-index: 500;
	position: absolute;
	top: 155px;
	left: 15px;
   width: 220px;
	height: 40px;
/*	background-color: green;*/
}
#work_item_nav_panel
{
   z-index: 100;
	position: absolute;
	top: 90%;
   left: 350px;
	background-color: transparent;
   visibility:hidden;
}

#home_video
{
   position:absolute;
   width:100%;
   height:100%;
   z-index:1100;
   left:0px;
   top:0px;
   visibility:hidden;
   background-color:black;
}

#home_video_circle
{
   visibility:hidden;
   position:absolute;
   width:298px;
   height:298px;
   z-index:600;
   left:690px;
   top:-90px;
   background:url('../images/puces/circle_video.png');   
   background-repeat:no-repeat;
   /*background-color:red;*/
   cursor:pointer;
}
#home_video_text
{
   margin-top: 120px;
   font-size:24pt;
   font-variant:small-caps;
   text-align:center;
}

#circle_news
{
   z-index:100;
   position:absolute;
   top:150px;
   left:410px;
   width:299px;
   height:299px;
   background:url('../images/puces/circle_news.png');
   background-repeat:no-repeat;
   font-size:24pt;
   font-variant:small-caps;
   text-align:left;
   padding-top:155px;
   padding-left:45px;
}
#news_panel
{
	z-index: 200;
	position: absolute;
	width: 380px;
	height:250px;
	top:320px;
	left:485px;	
}

.news
{
	z-index: 200;
  	position: absolute;
 padding: 0px;
 cursor: pointer;
 width:188px;
 height:125px;
 background-repeat:no-repeat;
}

#blog_panel
{
	position: absolute;
	top: 0px;
	left: 250px;
	z-index: 100;
	visibility:hidden;
}
#blog_access
{
   z-index:150;
   position:absolute;
   top:30px;
   left:640px;
   width:93px;
   height:93px;
   background:url('../images/puces/blog_acces.png');
   background-repeat:no-repeat;
   text-align:center;
   padding-top:25px;
   font-size:11pt;
   cursor:pointer;
}
   
#blog_text
{
	z-index: 200;
	position: absolute;
	width:200px;
	height:150px;
	top:360px;
	left:380px;   
   background-color: #FFFFFF;
   padding : 15px;
   
}
#work_comment
{
   width: 400px;
   height: 60px;
}