body	{background: #2D2D2D; }

#main	{width:947px;}

/* PLACE FOR TEXT SCROLL */
#Middle_Place #Scroll_Titre			
{	
	margin-top:9px;
	margin-right:16px;
	float:right;
	height:40px;
	border:1px solid red;
}

/* PLACE FOR SMALL WINDOWS RIGHT */
#RightBar						{float:right; width:252px;}
#RightBar h2					{font-size: 12px; margin: 0;}
#RightBar h3					{font-size: 11px; margin: 0;}
#RightBar h4					{font-size: 10px; margin: 0;}
#RightBar #hermesNet			
{
	background		: none; 
	margin			: 0; 
	padding			: 0;
}

#RightBar div					{background:url(/img/bg_overview.jpg) top left no-repeat; padding:12px 0 0 0; margin-bottom:4px; position:relative; }
#RightBar div *					{padding-left:18px; padding-right:18px; }
#RightBar div * *				{padding-left:0px; padding-right:0px; }
#RightBar div h3				{margin-bottom:8px; text-shadow: 2px 2px #fff; }
#RightBar div h3.subhead		{margin-bottom:0px; }
#RightBar div h2				{margin-bottom:0px; text-shadow: 2px 2px #fff; }
#RightBar div img.right			{float: right; border: 0; margin-right:12px; margin-left:8px; position:relative; }
#RightBar div img.left			{float: left;  border: 0; margin-right:6px; position:relative; }
#RightBar div .last				{font-size: 11px;background:url(/img/bg_overview_b.jpg) 0 100% no-repeat; margin:0; padding-bottom:26px; padding-left:18px; padding-right:18px;  }
#RightBar div .lastli			{background:url(/img/bg_overview_b.jpg) 0 100% no-repeat; margin:0; padding-left:18px; padding-right:18px;  }
#RightBar div div				{background-image:none; }
#RightBar p.li					{font-size: 10px; font-weight :bold;padding:0; padding-left:15px; padding-right:15px; margin:0px; margin-left:15px; background:url(/img/li.png) no-repeat; text-align:left;  line-height:15px;padding-bottom:2px;}
#RightBar p.liTitle				{font-size: 11px; font-weight :bold;padding:0; padding-left:15px; padding-right:15px; margin:0px; margin-left:15px; text-align:left;  line-height:15px;padding-bottom:2px;}
#RightBar p.liText				{font-size: 10px; padding:0; padding-left:25px; padding-right:15px; margin:0px; text-align:left;  line-height:15px;padding-bottom:2px;}

#RightBar p.intro				{font-size: 11px;}

/* PLACE FOR VIDEO AND ANIMATED IMG */


#Middle_Place #Screen #Product_visage	{z-index:65;position:absolute;top:1px;left:296px;  margin: 0px 0px 0px 0px; border: 0;}
#Middle_Place #Screen #Logo_Hermes_Net	{position:absolute;top:1px;left:0px; margin: 0px 0 0px 0px; border: 0;}

#Middle_Place #Screen #Product_4		{cursor:pointer;z-index:77; position:absolute;top:25px;left:475px; margin: 0px 0 0px 0px; border: 0;}

#Middle_Place #Screen #Product_3		{cursor:pointer;z-index:78; position:absolute;top:51px;left:300px; margin: 0px 0 0px 0px; border: 0;}

#Middle_Place #Screen #Product_2		{cursor:pointer;z-index:79; position:absolute;top:100px;left:145px; margin: 0px 0 0px 0px; border: 0;}

#Middle_Place #Screen #Product_1		{cursor:pointer;z-index:80; position:absolute;top:37px;left:24px; margin: 0px 0 0px 0px; border: 0;}

#Middle_Place #Screen #vdo_place		{z-index:70;position: absolute;left: 0px;top: 1px;width: 384px;height: 288px; border-right:1px solid gray;} 

/* PLACE FOR PLAY VIDEO AND CHOOSE VIDEO */

#Middle_Place #Title #hermesnetnav, #hermesnetnav li		{ margin:0; padding:0; }
#Middle_Place #Title #hermesnetnav li						{ display:inline; }
#Middle_Place #Title #hermesnetnav li a						{ padding:33px 0 8px 23px; width:123px; float:left; color:#ccc; font-size:10px; text-align:left; line-height:16px; text-decoration:none; }
#Middle_Place #Title #hermesnetnav li a:hover				{ color : #fff; }

#Middle_Place #Title #hermesnetnav .administrator a			{ background:url('/img/tromb.png') 50% 0 no-repeat; }
#Middle_Place #Title #hermesnetnav .back a					{ background:url('/img/tromb_r.png') 50% 0 no-repeat; }
#Middle_Place #Title #hermesnetnav .Scripting a				{ background:url('/img/tromb.png') 50% 0 no-repeat; }
#Middle_Place #Title #hermesnetnav .Supervisor a			{ background:url('/img/tromb.png') 50% 0 no-repeat; }
#Middle_Place #Title #hermesnetnav .WorkSpace a				{ background:url('/img/tromb.png') 50% 0 no-repeat; }
#Middle_Place #Title #hermesnetnav .Reporting a				{ background:url('/img/tromb.png') 50% 0 no-repeat; }

#Middle_Place #Title #hermesnetnav .administrator a:hover	{ background-image:url('/img/tromb_on.png'); }
#Middle_Place #Title #hermesnetnav .back a:hover			{ background:url('/img/tromb_onR.png') 50% 0 no-repeat; }
#Middle_Place #Title #hermesnetnav .Scripting a:hover		{ background-image:url('/img/tromb_on.png'); }
#Middle_Place #Title #hermesnetnav .Supervisor a:hover		{ background-image:url('/img/tromb_on.png'); }
#Middle_Place #Title #hermesnetnav .WorkSpace a:hover		{ background-image:url('/img/tromb_on.png'); }
#Middle_Place #Title #hermesnetnav .Reporting a:hover		{ background-image:url('/img/tromb_on.png'); }

#Middle_Place #Title #Btn_View_P, #Btn_View_P li			{ margin:0; padding:0; }
#Middle_Place #Title #Btn_View_P li							{ display:inline; }
#Middle_Place #Title #Btn_View_P li a						{ padding:33px 0 8px 20px; width:100px; float:left; color:#ccc; font-size:10px; text-align:left; line-height:16px; text-decoration:none; }
#Middle_Place #Title #Btn_View_P li a:hover					{ color : #fff; }


#Main_Text_Product div h3
{
	margin-bottom : 2px; 
	margin-top : 0px; 
	padding:0px;
	padding-Top:4px;
	width:100%;
	height:30px;
	color:#B5B2BA;
	background:#000;
	font-size:14pt;
}
	
					
#Main_Text_Product div h3.first		{position:relative;top:-20px;}
						
#Main_Text_Product div h3.right		{text-align:right;}
						
#Main_Text_Product div h3.left		{text-align:left;}						
						
#Main_Text_Product div h2			
{
	background-color:Black;
	line-height:1.5; 
	color:#AAA;  
	font-size: 12px; 
	font-weight:normal; 
	margin: 0px; 
	padding-left:15px; 
	padding-right:15px; 
	padding-bottom:5px;
}

#Main_Text_Product div.endH2		{ background:#000;}
#Main_Text_Product div img.right	{ float: right; border: 0; margin-right:6px; margin-left:6px;  margin-top:6px;  position:relative; }
#Main_Text_Product div img.left		{ float: left;  border: 0; margin-top:6px; position:relative; margin-right:6px; margin-left:6px;}
#Main_Text_Product p				{ padding-right:12px;	padding-left:12px;	font-size: 11px; font-size:12px;	color : #000;	line-height:1.5;}

#Main_Text_Product p.imgLegendeR	{border-right:1px solid gray; border-bottom:1px solid gray;padding-right:4px; padding-bottom:4px;background:#FFF; font-size: 10px; font-weight:bold;margin:0px; padding-top:2px; color:#3570C9;text-align: right;font-style:italic ; margin-right:6px; margin-left:6px;  margin-top:6px; margin-bottom:10px; }
#Main_Text_Product p.imgLegendeL	{border-left:1px solid gray; border-bottom:1px solid gray;padding-left:4px; padding-bottom:4px; background:#FFF; font-size: 10px; font-weight:bold;margin:0px; padding-top:2px; color:#3570C9;text-align: left;font-style:italic ; margin-right:6px; margin-left:6px;  margin-top:6px; margin-bottom:10px;  }
#Main_Text_Product p.imgLegendeC	{background:#FFF; font-size: 10px; font-weight:bold;margin:0px; padding-top:2px; color:#3570C9;text-align: center;font-style:italic ; border: 0; margin-right:6px; margin-left:6px;  margin-top:6px; margin-bottom:10px;  }

#Main_Text_Product li.first			
{
	background:#000; 
	font-size: 12px; 
	margin:0px; 
	padding-top:7px; 
	color:#333;
	text-align: left; 
	margin-bottom: 1em; 
	padding-left:10px;
}

#Main_Text_Product li.text			{background:#FFF; font-size: 12px; margin:0px; padding:2px; color:#333;text-align: left; padding-left:10px;}



#HighLight li						{ display:inline;}
#HighLight li a						{ padding:15px 0px 0px 0px; width:80px; color:#DDD; font-size:12px; text-align:center; line-height:12px; text-decoration:none; }
#HighLight li a:hover				{ color : #FFF;}
#HighLight td a						{ padding:15px 0px 0px 0px; width:80px; color:#DDD; font-size:12px; text-align:center; line-height:12px; text-decoration:none; }
#HighLight td a:hover				{ color : #FFF;}

#HighLight .Space a					{}
#HighLight .Yellow a				{ background:url('/img/open_off.png') 50% 0 no-repeat; }
#HighLight .Yellow a:hover			{ background:url('/img/open_Yellow.png') 50% 0 no-repeat; }
#HighLight .Blue a					{ background:url('/img/open_off.png') 50% 0 no-repeat; }
#HighLight .Blue a:hover			{ background:url('/img/open_Blue.png') 50% 0 no-repeat; }
#HighLight .Pink a					{ background:url('/img/open_off.png') 50% 0 no-repeat; }
#HighLight .Pink a:hover			{ background:url('/img/open_Pink.png') 50% 0 no-repeat; }
#HighLight .Orange a			    { 
background-image:url('/img/open_off.png'); 
background-position: top 50%;
background-repeat: no-repeat;
}
#HighLight .Orange a:hover { 
background-image:url('/img/open_Orange.png'); 
background-position: top 50%;
background-repeat: no-repeat;
}

#Place_Href_Bottom
{
	top:37px; 
	font-size: 10px;
	text-align:left;
	width:948px;
	height:40px; 
	font-family: verdana,arial;
	padding-left:3px;
}
/*
#Place_Href_Bottom{position:absolute;background:#2D2D2D;top:747px;left:0px;font-size: 10px;text-align:left;width:100%;height:40px;padding-left:3px;font-family: verdana,arial;}
*/>

a.Link_Product						{font-size	:  9px;font-family :  verdana, arial;color:  #333;text-decoration:none;}
a.Link_Product:hover				{background:url('/img/li.png') no-repeat;font-size: 9px;	padding-left: 14px;	padding-bottom:4px;	font-family: verdana, arial;color:  #000;}

a.titre_Appli
{
	font-size:14px;
	font-weight:bold;
	color:#DDD;
	text-decoration:none;
}
a.titre_Appli:hover
{
	font-size:14px;
	font-weight:bold;
	color:#F96615;
	text-decoration:none;
}

a.titre_dialo
{
	font-size:18px;
	font-weight:bold;
	color:#DDD;
	text-decoration:none;
}
a.titre_dialo:hover
{
	font-size:18px;
	font-weight:bold;
	color:#F96615;
	text-decoration:none;
}

h2			{padding:5px;line-height:1.5; color:#AAA;  font-size: 12px; font-weight:normal; }