/* CSS Document */

body, html {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/* background: url(../images/gui/backgrounds/saturny_planet.jpg) no-repeat 0 0 ; */
/*	background-color: #9999CC;*/
/*	background-position:60% 0px;*/
	color: #000000;
	font-size: 12px;
	
	 margin: 0px;  
	 padding: 0px;
}


em{	
	color: red;
}

/*.showstate{ 
cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}*/

.headers1, .headers2, .headers3, .headers4
{
position:relative;
width: 100%;
height:17px;

	z-index:10;


}


.leftPart
{
	float: left;
	width: 8px;
	height:17px;
	z-index:1;
}

.middlePart
{
	margin-left: 8px;
	margin-right: 8px;
	height:17px;
	z-index:1;
}

.rightPart
{
	float: right;
	width: 8px;
	height:17px;
	z-index:1;
}

.arrow
{
	position:absolute;
	width:11px;
	height:11px;
	z-index:2;
	left: 7px;
	top: 3px;
}

.text
{
 	position:absolute;
 	z-index:2;
	left: 21px;
	top: 1px;
}

.switchcontent{

/*	margin-top: 10px;*/

/*	margin-bottom: 30px;*/
	
/*	background-color: pink;*/
	
	padding: 1px;
	margin: 1px;
	
	margin-left: 15px;
	margin-right: 15px;
}

.topbar1, .topbar2
{
	position:absolute;
	

	width: 175px;
	height:34px;

	
	z-index:20;
	
	/*   filter:alpha(opacity=85);   
   -moz-opacity: 0.85;   
   opacity: 0.85;   */
   
	left: 8px;
 }
 
.topbar1 {background: url(../images/gui/panels/controls/control_g_background.png) no-repeat 0 0 ;}
.topbar2 {background: url(../images/gui/panels/controls/control_b_background.png) no-repeat 0 0 ;}
 
 .topbar1 .plus
{
	position:absolute;
	
 	top: 8px;
	left: 8px;
	
	width: 71px;
	height:18px;

	background: url(../images/gui/panels/controls/plus_g_n.png) no-repeat 0 0 ;
	z-index:1;
 }

  .topbar1 .plus:hover {background: url(../images/gui/panels/controls/plus_g_o.png) no-repeat 0 0 ;}
  .topbar1 .plus:active {background: url(../images/gui/panels/controls/plus_g_d.png) no-repeat 0 0 ;}
  
.topbar1 .minus
{
	position:absolute;
	
 	top: 8px;
	left: 96px;
	
	width: 71px;
	height:18px;

	background: url(../images/gui/panels/controls/minus_g_n.png) no-repeat 0 0 ;
	z-index:1;
 }
 
  .topbar1 .minus:hover {background: url(../images/gui/panels/controls/minus_g_o.png) no-repeat 0 0 ;}
  .topbar1 .minus:active {background: url(../images/gui/panels/controls/minus_g_d.png) no-repeat 0 0 ;}
  
  
  
 .topbar2 .plus
{
	position:absolute;
	
 	top: 8px;
	left: 8px;
	
	width: 71px;
	height:18px;

	background: url(../images/gui/panels/controls/plus_b_n.png) no-repeat 0 0 ;
	z-index:1;
 }

  .topbar2 .plus:hover {background: url(../images/gui/panels/controls/plus_b_o.png) no-repeat 0 0 ;}
  .topbar2 .plus:active {background: url(../images/gui/panels/controls/plus_b_d.png) no-repeat 0 0 ;}
  
.topbar2 .minus
{
	position:absolute;
	
 	top: 8px;
	left: 96px;
	
	width: 71px;
	height:18px;

	background: url(../images/gui/panels/controls/minus_b_n.png) no-repeat 0 0 ;
	z-index:1;
 }
 
  .topbar2 .minus:hover {background: url(../images/gui/panels/controls/minus_b_o.png) no-repeat 0 0 ;}
  .topbar2 .minus:active {background: url(../images/gui/panels/controls/minus_b_d.png) no-repeat 0 0 ;}

.headers1	.leftPart { background: url(../images/gui/panels/labels/leftPart1.png) no-repeat 0 0; } 
.headers1	.middlePart { background: url(../images/gui/panels/labels/middlePart1.png) repeat-x; } 
.headers1	.rightPart { background: url(../images/gui/panels/labels/rightPart1.png) no-repeat 0 0; }
.headers1:hover	.leftPart { background: url(../images/gui/panels/labels/leftPartOver.png) no-repeat 0 0; } 
.headers1:hover	.middlePart { background: url(../images/gui/panels/labels/middlePartOver.png) repeat-x; } 
.headers1:hover	.rightPart { background: url(../images/gui/panels/labels/rightPartOver.png) no-repeat 0 0; }


.headers2	.leftPart { background: url(../images/gui/panels/labels/leftPart2.png) no-repeat 0 0; } 
.headers2	.middlePart { background: url(../images/gui/panels/labels/middlePart2.png) repeat-x; } 
.headers2	.rightPart { background: url(../images/gui/panels/labels/rightPart2.png) no-repeat 0 0; }
.headers2:hover	.leftPart { background: url(../images/gui/panels/labels/leftPartOver.png) no-repeat 0 0; } 
.headers2:hover	.middlePart { background: url(../images/gui/panels/labels/middlePartOver.png) repeat-x; } 
.headers2:hover	.rightPart { background: url(../images/gui/panels/labels/rightPartOver.png) no-repeat 0 0; }

.headers3	.leftPart { background: url(../images/gui/panels/labels/leftPart3.png) no-repeat 0 0; } 
.headers3	.middlePart { background: url(../images/gui/panels/labels/middlePart3.png) repeat-x; } 
.headers3	.rightPart { background: url(../images/gui/panels/labels/rightPart3.png) no-repeat 0 0; }
.headers3:hover	.leftPart { background: url(../images/gui/panels/labels/leftPartOver.png) no-repeat 0 0; } 
.headers3:hover	.middlePart { background: url(../images/gui/panels/labels/middlePartOver.png) repeat-x; } 
.headers3:hover	.rightPart { background: url(../images/gui/panels/labels/rightPartOver.png) no-repeat 0 0; }

.headers4	.leftPart { background: url(../images/gui/panels/labels/leftPart4.png) no-repeat 0 0; } 
.headers4	.middlePart { background: url(../images/gui/panels/labels/middlePart4.png) repeat-x; } 
.headers4	.rightPart { background: url(../images/gui/panels/labels/rightPart4.png) no-repeat 0 0; }
.headers4:hover	.leftPart { background: url(../images/gui/panels/labels/leftPartOver.png) no-repeat 0 0; } 
.headers4:hover	.middlePart { background: url(../images/gui/panels/labels/middlePartOver.png) repeat-x; } 
.headers4:hover	.rightPart { background: url(../images/gui/panels/labels/rightPartOver.png) no-repeat 0 0; }



.headers1:hover {	color: #FFFFFF;}
.headers2:hover {	color: #FFFFFF;}
.headers3:hover {	color: #FFFFFF;}
.headers4:hover {	color: #FFFFFF;}
/*

.headers1	.leftPart { background: url(images/leftPart1.png) no-repeat 0 0; } 
.headers1	.middlePart { background: url(images/middlePart1.png) repeat-x; } 
.headers1	.rightPart { background: url(images/rightPart1.png) no-repeat 0 0; }
.headers1:hover	.leftPart { background: url(images/leftPart1over.png) no-repeat 0 0; } 
.headers1:hover	.middlePart { background: url(images/middlePart1over.png) repeat-x; } 
.headers1:hover	.rightPart { background: url(images/rightPart1over.png) no-repeat 0 0; }


.headers2	.leftPart { background: url(images/leftPart2.png) no-repeat 0 0; } 
.headers2	.middlePart { background: url(images/middlePart2.png) repeat-x; } 
.headers2	.rightPart { background: url(images/rightPart2.png) no-repeat 0 0; }
.headers2:hover	.leftPart { background: url(images/leftPart2over.png) no-repeat 0 0; } 
.headers2:hover	.middlePart { background: url(images/middlePart2over.png) repeat-x; } 
.headers2:hover	.rightPart { background: url(images/rightPart2over.png) no-repeat 0 0; }

.headers3	.leftPart { background: url(images/leftPart3.png) no-repeat 0 0; } 
.headers3	.middlePart { background: url(images/middlePart3.png) repeat-x; } 
.headers3	.rightPart { background: url(images/rightPart3.png) no-repeat 0 0; }
.headers3:hover	.leftPart { background: url(images/leftPart3over.png) no-repeat 0 0; } 
.headers3:hover	.middlePart { background: url(images/middlePart3over.png) repeat-x; } 
.headers3:hover	.rightPart { background: url(images/rightPart3over.png) no-repeat 0 0; }

.headers4	.leftPart { background: url(images/leftPart4.png) no-repeat 0 0; } 
.headers4	.middlePart { background: url(images/middlePart4.png) repeat-x; } 
.headers4	.rightPart { background: url(images/rightPart4.png) no-repeat 0 0; }
.headers4:hover	.leftPart { background: url(images/leftPart4over.png) no-repeat 0 0; } 
.headers4:hover	.middlePart { background: url(images/middlePart4over.png) repeat-x; } 
.headers4:hover	.rightPart { background: url(images/rightPart4over.png) no-repeat 0 0; }*/



.arrow_b {
  
list-style-type: none;
background-image: url(../images/gui/puces/puce3.png);
background-repeat: no-repeat;
margin-left: 0px;
background-position: 0px 1px;
padding-left: 20px;


}


.arrow_b_b {
  
list-style-type: none;
background-image: url(../images/gui/puces/puce3.png);
background-repeat: no-repeat;
margin-left: 0px;
background-position: 0px 1px;
padding-left: 20px;


}

.arrow_p_p {
  
list-style-type: none;
background-image: url(../images/gui/puces/puce4.png);
background-repeat: no-repeat;
margin-left: 0px;
background-position: 0px 1px;
padding-left: 20px;


}

.arrow_c {
	
padding-left: 0px; 
margin-left: 0px;"	
}

.arrow_o {
  
list-style-type: none;
background-image: url(../images/gui/puces/puce1.png);
background-repeat: no-repeat;
background-position: 0px 1px;

padding-left: 30px;

}

.arrow_x {
  
list-style-type: none;
background-image: url(../images/gui/puces/puce1.png);
background-repeat: no-repeat;
background-position: 0px 4px;
margin-left: 0px;
padding-left: 30px;

}

.arrow_x_n {
  
list-style-type: none;
background-image: url(../images/gui/puces/puce_metal.png);
background-repeat: no-repeat;
background-position: 0px 6px;
margin-left: 0px;
padding-left: 30px;

}

.wiked:hover 
{
	color: #9933FF;
	border-bottom:1px dotted;
	cursor:help;
}
.wiked 
{
	color:black; 
	border:none; 
	border-bottom:1px dotted;
	text-decoration:none;
}	
	
.wiked_img 
{
	color:black; 
	border:none; 
	border-bottom:0px;
	text-decoration:none;
}

.wiked_img:hover
{
cursor:help;
}


img
{

	border:none; 
	border-bottom:0px;
	text-decoration:none;
	
}

 u
 {
 color:#CC6633;	
 }
 
 
 .knowledge_bar_softwares
{
position:relative;
margin-top:1px;
width: 416px;
height:44px;
z-index:1;

margin-left:30px;
}
 .knowledge_bar_technologies
{
position:relative;
margin-top:1px;
width: 286px;
height:44px;
z-index:1;

margin-left:30px;
}

 .knowledge_bar_softwares .knowledge_bar_left	{background: url(../images/gui/panels/skills/bg_knowledge_left_s.png) no-repeat 0 0;}
 .knowledge_bar_softwares .knowledge_bar_middle	{background: url(../images/gui/panels/skills/bg_knowledge_middle_s.png) repeat-x;}
 .knowledge_bar_softwares .knowledge_bar_right	{background: url(../images/gui/panels/skills/bg_knowledge_right_s.png) no-repeat 0 0;}
 
 .knowledge_bar_technologies .knowledge_bar_left	{background: url(../images/gui/panels/skills/bg_knowledge_left_t.png) no-repeat 0 0;}
 .knowledge_bar_technologies .knowledge_bar_middle	{background: url(../images/gui/panels/skills/bg_knowledge_middle_t.png) repeat-x;}
 .knowledge_bar_technologies .knowledge_bar_right	{background: url(../images/gui/panels/skills/bg_knowledge_right_t.png) no-repeat 0 0;}

.knowledge_bar_left
{
	float: left;
width: 15px;
height:44px;
z-index:1;
}
.knowledge_bar_middle
{
margin-left: 15px;
	margin-right: 15px;
height:44px;
	z-index:1;

	
}
.knowledge_bar_right
{
	float: right;
width: 15px;
height:44px;
	z-index:1;
}

 .app_icon
{
position:absolute;
left:13px;
top:7px;
width: 32px;
height:32px;
z-index:2;
}


 .knowledge_bar_technologies .app_name {left:-80px;}
 .knowledge_bar_technologies .skill_level {left:126px}
 
 .app_name
{
position:absolute;
left:50px;
top:15px;
width: 200px;
height:15px;
text-align: right;
z-index:2;
}


.skill_level
{
position:absolute;
left:256px;
top:7px;

width: 150px;
height:30px;
background-image: url(../images/gui/panels/skills/skill_level.png);
z-index:2;
}

.star
{
float: left;
width: 30px;
height:30px;
z-index:3;
}
/*#orange{background-image: url(images/star_orange.png);"}
#yellow{background-image: url(images/star_yellow.png);"}
#blue{background-image: url(images/star_blue.png);"}
#green{background-image: url(images/star_green.png);"}
#purple{background-image: url(images/star_purple.png);"}*/




#small_hand
{
position:absolute;
left:0px;
top:140px;

width: 128px;
height:128px;
background-image: url(../images/gui/icons/128x128/small_hand2.png);
z-index:10;
}




#graphics_xp
{
position:absolute;
left:100px;
top:33px;

width: 491px;
height:180px;

z-index:2;

}

#mask_1
{
position:absolute;
left:0px;
top:25px;

width: 25px;
height:180px;

z-index:5;

}
#mask_2
{
position:absolute;
left:155px;
top:25px;

width: 25px;
height:180px;

z-index:5;

}
#mask_3
{
position:absolute;
left:311px;
top:25px;

width: 25px;
height:180px;

z-index:5;

}
#mask_4
{
position:absolute;
left:466px;
top:25px;

width: 25px;
height:180px;

z-index:5;

}
#mask_top
{
position:absolute;
left:0px;
top:05px;

width: 491px;
height:25px;

z-index:5;

}
#mask_bottom
{
position:absolute;
left:0px;
top:160px;

width: 491px;
height:25px;

z-index:5;

}
#draw_and_print
{
position:absolute;
left:125px;
top:195px;

width: 128px;
height:50px;

z-index:3;

color: white;

background-image: url(../images/gui/icons/others/draw_and_print.png);
}
#web
{
position:absolute;
left:285px;
top:190px;

width: 128px;
height:32px;

z-index:3;

background-image: url(../images/gui/icons/others/www_dot.png);
}
#three_d
{
position:absolute;
left:435px;
top:200px;

width: 128px;
height:32px;

z-index:3;

background-image: url(../images/gui/icons/others/three_d.png);
}







#portfolio_drawings
{
position:absolute;
left:0px;
top:05px;

width: 180px;
height:180px;
background-image: url(../images/gui/icons/others/portfolio_drawings.png);
z-index:2;
}
#portfolio_drawings:hover
{
background-image: url(../images/gui/icons/others/portfolio_drawings_z.png);
}
#portfolio_web
{
position:absolute;
left:155px;
top:05px;

width: 180px;
height:180px;
background-image: url(../images/gui/icons/others/portfolio_web.png);
z-index:2;
}
#portfolio_web:hover
{
background-image: url(../images/gui/icons/others/portfolio_web_z.png);
}

#portfolio_3d
{
position:absolute;
left:311px;
top:05px;

width: 180px;
height:180px;
background-image: url(../images/gui/icons/others/portfolio_3d.png);
z-index:2;
}
#portfolio_3d:hover
{
background-image: url(../images/gui/icons/others/portfolio_3d_z.png);
}



.services_bar
{
position:relative;
margin-top:1px;
width: 550px;
height:144px;
z-index:1;

margin-left:15px;
}


.services_bar_left
{
	float: left;
width: 15px;
height:144px;
z-index:1;

}
.services_bar_middle
{
margin-left: 15px;
	margin-right: 15px;
height:144px;
	z-index:1;
}
.services_bar_right
{
	float: right;
	width: 15px;
	height:144px;
	z-index:1;
}

 .services_bar .services_bar_left	{background: url(../images/gui/panels/services/bg_services_left.png) no-repeat 0 0;}
 .services_bar .services_bar_middle	{background: url(../images/gui/panels/services/bg_services_middle.png) repeat-x;}
 .services_bar .services_bar_right	{background: url(../images/gui/panels/services/bg_services_right.png) no-repeat 0 0;}
 
 
.text_zona
{
position:absolute;
left:140px;
top:20px;
width: 200px;
height:100px;
z-index:2;

	color: #666666;
}
 
.icon_service
{
position:absolute;
left:10px;
top:8px;
width: 128px;
height:128px;
z-index:2;
}

.dotted_arrow
{
position:absolute;

top:27px;
width: 128px;
height:86px;
z-index:3;
}

.money
{
position:absolute;

top:15px;
left:495px;
width: 64px;
height:45px;
background-image: url(../images/gui/icons/others/money_off.png);
z-index:2;
}

.money:hover
{
cursor:help;
}

#border_pict
{
position:absolute;
right:10px;
top:10px;

width: 175px;
height:198px;
background-image: url(../images/gui/icons/others/border_pict.png);
z-index:2;
}


#bg
{
position:absolute;
right:30px;
top:22px;

width: 140px;
height:173px;
background-color: white;
z-index:0;
}

#myPicture
{
position:absolute;
right:34px;
top:50px;

width: 128px;
height:128px;

//background-image: url(/images/gui/icons/128x128/me/me6.png);
//background-color: red;
z-index:1;
}



.iconus
{
	margin-top: 8px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
}



#ajouteLeTien 
{
	float:right;
	
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	
	width:130px;
	height:26px;
	background-color: red;
	background: url(../images/gui/buttons/ajouteLeTien.gif) no-repeat 0 0 ;
}

#ajouteLeTien:hover 
{
	background-color: green;
	background: url(../images/gui/buttons/ajouteLeTien_onOver.png) no-repeat 0 0 ;
}