/* CSS Document */

body{
	padding-top:0px;
	margin-top:0px;
	font-family: arial,helvetica,sans-serif;
	background:url("/images/homepage/fond_body_wb.png");
	background-repeat:repeat-x;
	color:#5B5950;
}

h1{
	color:#476BB9;
	font-family:Georgia, serif;
}

div#body_top_right
{
	position:absolute;
	top:0;
	right:0;
	width:500px;
	height:100px;
	background:url("/images/homepage/fond_body_top_right_wb.png");
}

a 
{
	color: blue;
	background-color : transparent;
	text-decoration:none;
}

a:visited
 {
	color: #00a;
	background-color : transparent;
}

a.external
{
	background : url("/images/external.png") center right no-repeat;
	padding-right : 13px;
}



a:active 
{
	color: red;
	background-color : transparent;
}

a:hover 
{
	text-decoration:underline;
	background-color : transparent;
}

div#cadre_main
{
	margin: 0 auto;
	/* border:thin solid blue; */
	width:960px;
	background:url("/images/homepage/fond_body_top_right_wb.png");
	background-repeat:repeat-x;
}

div#cadre_head
{
	position: relative;
	/* border:thin solid green; */
	width:940px;
	height:65px;
	padding-top: 20px;
	padding-left:20px;
	background:url("/images/homepage/fond_head_top_left_wb.png");
	background-repeat:no-repeat;
	background-position: 0px 0px;
}

div#slogan{
	position: absolute;
	top : 50px;
	left:251px;
	color:#0000AA;
	font: 120%, Georgia,Serif;
}

div#slogan_ja
{
	position: absolute;
	top : 25px;
	left:251px;
	color:#0000AA;
	font: 120%, Georgia,Serif;
}

div#footer_menu
{
	text-align  : center;
	font-size   : 9px;
	clear       : both;
	padding-top : 20px;
}

div#cadre_legal
{
	text-align:center;
	font-size:9px;
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
}

/* ==================================================== */
/* Corp
/* ==================================================== */ 

div#corp
{
	position : absolute;
	top      : 120px;
	width    : 960px;
}

/* ==================================================== */
/* Gestion du menu help
/* ==================================================== */ 

div#cadre_help
{
	position: absolute;
	top:10px;
	right:0px;
	font-size:0.8em;
	color:#0000AA;
}

#help_menu span
 {
	border-top: 1px solid #0000AA;
	margin-top:0.1em;
}

#cadre_help a
 {
	text-decoration: none;
	color:#0000AA;
}

#help_menu
{
	display:none;
	position: absolute;
	right:0px;
	padding:1px;
	top:25px;
	text-align:right;
	width: 600px;
}

/* ==================================================== */
/* Gestion du menu language
/* ==================================================== */ 

#language_menu span {
	border-top: 1px solid #0000AA;
	margin-top:0.1em;
}

#cadre_language a {
	text-decoration: none;
	color:#0000AA;
}

#language_menu{
	display:none;
	position: absolute;
	right:0px;
	padding:1px;
	top:25px;
	text-align:right;
	width: 600px;
}

/* ====================================================
  Gestion des menus :
    - About us
    - Technical Area
	- Contact us
   ==================================================== */ 
	
div#main_menu
{
	position            : absolute;
	top                 : 84px;
	background          : none;
	text-align          : right;
	width               : 960px;
	height              : 35px;
	padding-right       : 0px;
	z-index             : 100;
	color               : #476BB9;
}

#main_menu dl
{
	float               : right;
	margin              : 0 1px;
	width               : 13em;
	text-align          : center;
	font-size           : 0.8em;
}

#main_menu dd
{
	width               : 13em;
	display             : none;
}

#main_menu dt
{
	background          : url("/images/homepage/menu_button.png");
	background-repeat   : repeat-x;
	padding             : 5px;
	height              : 16px
}

#main_menu li, #main_menu dd, #main_menu ul{
	margin              : 0;
	padding             : 0;
	list-style-type     : none;
}

#main_menu li
{
	text-align          : left;
	background          : #F1EEDB;
	width               : 13em;
}

#main_menu li a, #main_menu dt a
{
	background          : url("/images/homepage/main_menu_li.png");
	background-repeat   : no-repeat;
	background-position : 1% 50%;
	padding-left        : 10px;
	padding-top         : 5px;
	padding-bottom      : 5px;
	color               : #476BB9;
	text-decoration     : none;
	display             : block;
	height              : 100%;
}

#main_menu li a:hover, #menu dt a:hover
{
	background          : #DDDDDD;
}

#main_menu  div.icons_link
{
	float               : right;
	margin              : 0 1px;
	width               : 50px;
	text-align          : center;
	background          : url('/images/homepage/menu_button.png');
	background-repeat   : repeat-x;
	padding             : 5px 10px 5px 10px;
	height              : 16px;
}

div.menu_barre
{
	background          : url("/images/homepage/menu_barre.png");
	background-repeat   : repeat-x;
	height              : 4px;
	clear               : right;
}

div.menu_top{
	background          : url("/images/homepage/menu_top.png");
	background-repeat   : repeat-x;
	height              : 23px;
	clear:right;
}

img.homepage
{
	float               : right;
	border              : 0px;
	margin              : 0;
	padding             : 0;
}

/* =====================================================*/
/* Bloc en haut  roite pour les annonces (nouvelle version)
/* Date : 24 fevrier 2006
/* Auteur : Pierre MARECHAL
/* =====================================================*/

	div.download
	{
		width           : 375px;
		text-align      : center;
		text-decoration : none;
		margin          : 15px 0px 0px 0px;
		padding-left    : 5px;
	}
	
	p.download_label
	{
		font            : 115% Georgia,Serif;
		color           : #476BB9;
		display         : inline;
		margin          : 0;
		padding         : 0;
	}
	
	p.download_properties
	{
		font            : 80% Georgia,Serif;
		color           : #476BB9;
		display         : inline;	
	}
	
	a.download-link
	{
		display         : block;
		padding         : 0 0 12px 0;
		text-decoration : none;
		font-size       : large;
		vertical-align  : middle;
		width           : 375px;
		margin-left     : -8px;
		background      : url('/images/homepage/fond_download_II.png') 0 100% no-repeat;
	}
	
	a.download-link span
	{
		display         : block;
		min-height      : 35px;
		background      : url('/images/homepage/fond_download_II.png') 0 0 no-repeat;
		padding-top     : 5px;
		padding-bottom  : 5px;
	} * html a.download-link span { height: 35px; }
	
	a.download-link:hover, a.download-link:hover span
	{
		cursor              : pointer;
		background-position : 100% 100%;
		text-decoration     : none;
	}
	
	a.download-link:hover span
	{
		background-position : 100% 0;
		text-decoration     : none;
	}
	
	div#download_other_os
	{
		width               : 375px;
		text-align          : center;
		text-decoration     : none;
		margin-bottom       : 15px;
	}
	
	div#download_other_os a
	{
		color:#476BB9;
		font-size:0.8em;
	}
	
/* ====================================================
  Cadres d'information
    ==================================================== */ 

div.cadre_title{
	font:1.2em Georgia,Serif;
	color:#476BB9;
	margin-bottom:10px;
}

div.cadre_title a{
	color:#476BB9;
	margin-bottom:10px;
}

div#testimonial{
	clear:right;
	float:right;
	width:470px;
	margin-top:0px;
	margin-bottom:5px;
}

div#testimonial_content{
	font-weight:bold;
	font-size:0.8em;
}

div#testimonial_sign a{
	font:90% Georgia,Serif;
	color:#476BB9;
	float:right;
}

div#testimonial_author{
	font:90% Georgia,Serif;
	color:#476BB9;
	float:right;
	font-weight:bold;
	text-align:right;
}

div#announce{
	display:block;
	border:0;
	height:50px;
	background:none;
	padding:0px;
	height:135px;
}


/* ====================================================
  Séparation de la page en trois
   ==================================================== */
	
#columnLeft
{
	float               : left;
	width               : 200px;
	margin-left         : 0;
	margin-top          : 21px;
	padding             : 0;
	background          : none;
}

#columnLeft a
{
	color               : #0000AA;
}

#columnLeft a:hover
{
	text-decoration     : none;
}

#columnLeft .menu
{
	width               : 200px;
	margin              : 0;
	padding             : 0;
	font-size           : 0.8em;
	background          : url("/images/sub_menu/sub_menu_line_II.png");
	background-repeat   : repeat-y;
}

#columnLeft .menu_start
{
	width              : 200px;
	margin             : 0;
	padding            : 0;
	margin-bottom      : -40px;
	background         : url("/images/sub_menu/sub_menu_start_II.png");
	background-repeat  : no-repeat;
	height             : 77px;
}

#columnLeft .menu_end_1
{
	float               : right;
	margin              : 0;
	margin-top          : -46px;
	margin-right        : 3px;
	padding             : 0;
	background          : url("/images/sub_menu/sub_menu_end_1.png");
	background-repeat   : no-repeat;
	background-position : left bottom;
	height              : 72px;
	width               : 10px;
}

#columnLeft .menu_end_2
{
	position            : relative;
	margin              : 0;
	padding             : 0;
	background          : url("/images/sub_menu/sub_menu_end_2.png");
	background-repeat   : no-repeat;
	background-position : left bottom;
	height              : 26px;
	width               : 187px;
}

#columnLeft .menu_item
{
	color               : #0000AA;
	margin-left         : 10px;
	margin-bottom       : 10px;
}

#columnLeft .menu_item_title
{
	background          : url("/images/sub_menu/sub_menu_minus.png");
	background-repeat   : no-repeat;
	background-position : center left;
	padding-left        : 12px;
}

#columnLeft .menu_sub_item
{
	background          : url("/images/sub_menu/sub_menu_item_li.png");
	background-repeat   : no-repeat;
	background-position : 6% 50%;
	color               : #0000AA;
	padding-left        : 20px;
	margin-top          : 1px;
	margin-bottom       : 1px;
}

#columnLeft .menu_sub_items
{
	font-size           : 0.9em;
}

#columnLeft .menu_picture
{
	margin-top          : 10px;
}

#columnRight
{
	margin              : 0 0 0 210px;
	padding-top         : 1px;
	padding-left        : 10px;
	padding-right       : 10px;
	padding-bottom      : 30px;
	background          : url("/images/navibar/navibar2.png");
	background-repeat   : no-repeat;
	background-position : bottom left;
	font-size           : 0.9em;
}

#columnRight h1
{
	font-size           : 1.4em;
	margin              : 0px;
	margin-top          : 10px;
	margin-bottom       : 10px;
}

#navibar
{
	background          : url("/images/navibar/navibar.png");
	background-repeat   : no-repeat;
	background-position : bottom left;
	height              : 85px;
	margin              : 0 0 -45px 210px;
	padding-left        : 0px;
	font-size           : 0.8em;
}

/* ====================================================
  page de tutoriaux subversion
   ==================================================== */

span.shell
{
	font-weight       : 500;
	font-family       : monospace;
	font-size         : large;
}

div.howto_install
{
	text-align        : left;
}