/*UPDATE : */
/*Natixis Axeltis Css file*/
/*- organisation fichier  29/11/2007*/
/*- organisation fichier  04/12/2007*/
/*- modif pour version FR 15/09/2008*/

@charset "utf-8";
body
{
	margin: 0;
	padding:0;
	text-align:center;
	
}
a{text-decoration:none;}
img{border: 0px solid #FFFFFF;}
/***********************CONTIENT PARTIE CENTRALE SITE WEB************************************/

html {
overflow: scroll;
}

#container
{
	position: relative;
	width: 994px;
	text-align:left;
	top: 58px;
	height: auto;
	padding: 0px;
	margin: 0 auto;
}
* html #container
{
	top:65px;
	}
*+html #container
{
	top:58px;
	}
/***************************TOP MENU - HOME PAGE MENU************/
li.outils a
{
	background-color:#581D74;
	background-color:#d4d4f4;
	background-color:#fff;
	font-weight:bold;
	text-align:center;
	border:1px solid #AAE0FA;
	color:#35447D;
	display:block;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:28px;
	margin:0;
	padding:10px 0 0;
	background-image:url(../images/puce_Outils3.jpg);
	background-position:12% 45%;
	background-repeat:no-repeat;
		}
		
li.outils a:hover
{
	background-color:#011066;
	color:#fff;
	background-image:url(../images/puce_Outils4.jpg);

}

li.outils
{
	width:76px;
	.width:76px;}
	
.Menutitle
{
	position:relative;
	text-align: center;
	padding:0;
	margin:0;
	width:154px;
}
.Menutitle a
{
	border-color: #AAE0FA;
	border-width: 1px;
	border-style: solid;
	margin:0;
	padding:0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display:block;
	color: #015F93;
	height:28px;
	/*width:153px;*/
	padding-top:10px;
	background-color:#EAF7FF;
}
.Menutitle a:hover
{color:#FFFFFF;background:#011066;}
/*#Menutitle1,#Menutitle2,#Menutitle3,#Menutitle4 ,#Menutitle5,#Menutitle6
,#Menuimage1,#Menuimage2,#Menuimage3,#Menuimage4,#Menuimage5,#Menuimage6
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}  */
#Menutitle1,  #Menutitle2 , #Menutitle3 , #Menutitle4 , #Menutitle5 , #Menutitle6  
{
	margin-top: 20px;
	margin-left: 9px;
	_margin-left: 7px;
	float:left;
	width:155px;
}
#Menuimage1,  #Menuimage2 , #Menuimage3 , #Menuimage4 , #Menuimage5 , #Menuimage6  
{
	margin-left: 10px;
	float:left;
}


/**************************END COMMON TOP MENU - HOME PAGE MENU***********/
/**********************************HOME PAGE******************************/
#Main
{
	position:relative;
	margin:0;
	padding:0;
	width: 994px;
	height: 280px;
	background-image: url(../images/VisuelCentral_0_32_82.jpg);
	/*clear:both;*/
}
#Axeltismain
{
	position:relative;
	height: 34px;
	color: #FFFFFF;
	font-size: 20px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 7px;
	padding-left:10px;
}
#Axeltismain span
{font-size: 18px}
#Content,#contentB
{
	position:absolute;
	height: 34px;
	color: #FFFFFF;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 5px;
	left: 10px;
}
#Content
{
	left: 10px;
	top: 70px;
}
#contentB
{
	left: 110px;
	top: 128px;
}
.fontLozenge
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#keyfig
{
	position:absolute;
	top: 100px;
	left: 640px;
	width: 148px;
	height: 125px;
	padding-left: 5px;
	color: #FFFFFF;
}
#keyfig a
{
	color: #FFFFFF;
}
#leftkeyfig
{
	position:relative;
	float:left;
	line-height: 0.9;
	text-align: justify;
}
#leftkeyfig .source
{
	font-size:7px;
	color:#000000;
}
#rightkeyfig
{
	position:absolute;
	right:0;
	text-align:right;
	color:#64004b;
	font-weight:bold;
	line-height: 0.9;
	margin-top:29px;
	padding-right:2px;
}
#whyaxeltis
{
	position:absolute;
	top: 100px;
	left: 792px;
	width: 145px;
	height: 120px;
	padding: 0px;
	color: #FFFFFF;
}
#whyaxeltis img
{padding-top:5px;}
#solutions
{
	position:absolute;
	top: 100px;
	left: 488px;
	width: 145px;
	height: 120px;
	padding-left: 5px;
}
#solutions a
{color:#666666;}
#solutions span,#whyaxeltis span,#leftkeyfig span,#keyfig span
{
	font-size: 12px;
	font-weight: bold;
}
#solutions span
{color: #009FCB;}
#whyaxeltis span
{padding-left:5px;}
#leftkeyfig span,#keyfig span
{color: #050D37;}
/*****************************END HOME PAGE***********************************/
/*****************************COMMON MENU TOP (Axeltis at glance) - TOP PAGE(Home,search)*********************/
#ContentMenu li 
{
	padding:0px;
	margin:0px;
	display: inline;
	float:left;
}
#menuTop li 
{
	padding:0px;
	list-style:none;
	margin:0px;
	display: inline;
	float:right;

}
/*****************************END COMMON MENU TOP - TOP PAGE*****************/
/************************MENU TOP : Axeltis at glance...*********************/
#ContentMenu
{
	position:relative;
	left:1px;
	right:0;
	top:0;
	padding:0;
	margin:0;
	height:40px;
}
#ContentMenu li
{
	position:relative;
	margin-left:-1px;
}
#activeMenu
{
	color:#FFFFFF;
	background:#23377d;
}
#activeMenu2
{
	color:#FFFFFF;
	background:#23377d;
	background-image:url(../images/puce_Outils2.jpg);
	background-position:12% 45%;
	background-repeat:no-repeat;
}
/*******************************END TOP MENU*********************************/
/****************************TOP & BOTTOM PAGE*******************************/
#lang
{
	position:relative;
	float:left;
	margin:0;
	padding:0;	
}

#lang li
{
	position:relative;
	list-style:none;
	float:left;
	height:22px;
}
#French,#English
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;position:relative;
	padding-top: 8px;
}
#French
{

}
#English
{


}
#Sep
{
	top:0px;
	height:0px;
	width:0px;
	margin-left:5px;
	margin-right:5px;
}
#English a,#French a  
{color:#0d0d37;}
#French a:hover 
{color:#FF0000;}
a#home_active 
{font-weight:bold; font-size:10px;color:#FF0000;}

#container #lang li a.home_active 
{font-weight:bold; font-size:10px;color:#FF0000;}
#container #lang li a.home_inactive
{font-weight:bold; font-size:10px;color:#0d0d37;}

#container #lang li a.home_inactive:hover
{
	color:#FF0000;
	}


#English a:hover,#menuTop a:hover,#Bottom a:hover
{color:#FF0000;}
#menuTop li a, #menuBottom li a
{
	color:#666666;
	padding-right:7px;
}
#menuTop,#menuBottom,#Search input, .Searchinput
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#searchPage {
float:left;
left:20px;
margin-top:36px;
position:relative;
top:0;
}

#searchPage .results h2 {
height:20px;
margin-top:10px;
padding:0;
text-align:center;
}
#searchPage h3 {
margin:15px 0 0;
}
#searchPage .results h3 a {
color:#000063;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:17px;
}

#searchPage .sample, #searchPage .keywords, #searchPage .link {
color:#505050;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
line-height:17px;
margin:0;
padding:0;
}

.results {
margin:0 0 0 20px;
padding:0;
}

* html .results 
{
	height:300px;
margin:0 0 0 20px;
padding:0;
}

.results h2 span {
color:gray;
font-size:xx-small;
}
#menuBottom
{
	position:relative;
	clear:both;
	padding:0;
	margin:0;
	top:38px;
	.top:22px;
	width: 989px;
	height:18px;
	background-color:#23377d;
	color: #00A0C6;
	padding-right:5px;
	padding-top:7px;
	list-style:none;
	margin-top:18px;
}
#menuBottom li
{float:right;}
#menuBottom li a 
{color: #FFFFFF;}
#menuBottom li img,#menuTop li img
{
	margin:0;
	padding:0;
	padding-top:2px;
	padding-right:2px;
}
#menuBottom  li span
{font-size:7px; font-weight:bold;}

#menuBottom .source
{
	position:absolute;
	top:0px;
	color:#FFFFFF;
}
#menuBottom .source span{font-size:7px;}

#Search
{
	position:relative;
	float:right;
	margin-top:3px;
	height:25px;
	width:175px;
	padding-top:0;
}
#menuTop
{
	position:relative;
	float:right;
   	padding:0;
	margin:0;
	margin-right:1px;
	padding-top:9px;
	padding-left:12px;
	height:21px;
	width:350px;
}

#Searchinput, .Searchinput
{
	position:relative;
	float:left;
	width:153px;
	height:14px;
	border: 1px solid #E0E0E8;
	margin:0px;
	padding:0px;
	padding-top:4px;
	padding-left:2px;
}
#Search input:hover
{color:#ff0000;}
.Searchimg
{
	position:relative;
	float:right;
	margin:0px;
	padding:0px;
}
/***********************END TOP & BOTTOM PAGE***************************/


/***********************LOGO VISUEL*************************************/
#Logo
{
	width: 994px;
	height: 80px;
	clear:both;
	margin:0;
padding:0;
}
/*********************END LOGO VISUEL**********************************/

/***************************LEFT MENU**********************************/
#leftMenu
{
	position:relative;
	padding:0;
	margin-top:40px;
	min-height:400px;
	float:left;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	width: 182px;
}
/************position bandeau publicitaire********/
#leftMenu img
{
	position:relative;
	margin-top:40px;
	bottom:0;
}

#leftMenu h1
{
	padding:0;
	margin:0;
	height:20px;
	width:180px;
	left:0;
	border: 1px solid #E0E0E8;
	text-align:center;
	padding-top:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#23377d;
	color:#FFFFFF;
}
#txtLeftMenu
{
	padding:0;
	margin:0;
	position:relative;
	top:0px;
	left:0;
	right:0;
	width:180px;
}
/***Pour le logo Natixis dans more about***/

#txtLeftMenu li
{
	padding:0px;
	margin:0px;
	list-style: none;
	background:url(../images/FlecheOn2.gif) no-repeat 0px 16px ;
	border-bottom: 1px solid #A7A7BE;
	width:182px;
	margin-top:-2px;
}

#txtLeftMenu li a
{
	display:block;
	padding:0;
	margin:0;
	height:27px;
	padding-top:13px;
	text-indent:12px;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	text-align:left;
	color:#015f93;
}


#txtLeftMenu ul li 
{	
	width:140px;
	border-bottom: 0px solid #AAE0FA;
	background: url(../images/FlecheBasGrise.gif) no-repeat 0px 16px;
}

#txtLeftMenu li a img 
{
	position:relative;
	top:2px;
	
	padding:0px;
	margin:0px;
	text-indent:0px;
	list-style-type:none;
	left:-13px;
	.left:0px;
	
}
#txtLeftMenu ul li a
{font-size:10px;}
#txtLeftMenu span
{color:#FF0000;}
#txtLeftMenu li a:hover
{color:#FF0000;}


/************************************END LEFT MENU********************************/
/************************************H1 H2 P FONT*********************************/
#bottom h2,#horizTxt h2,#leftMenu h2
,#contact div h2,#news div h2,#horizTxt h3, #searchPage h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0;
	margin:0;
	line-height:17px;
	font-weight:bold;
	margin-top:10px;
	text-align:left;
}
#news h2,#horizTxt h3
{text-indent:12px;}
#txtCenterLeft h1
,#txtCenterRight h1
,#horizTxt h1,#contact h1,#news h1,#txtCenter2 h1, #searchPage h1
{
	margin:0px;
	padding:0px;
	text-indent:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	color: #FFFFFF;
	padding-top:10px;
	font-weight:bold;
}
#txtCenterRight p
,#txtCenterLeft p
,#horizTxt p
,#bottom p
,#leftMenu p
,#contact div p
,#news p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
	line-height:17px;
	margin:0px;
	padding:0px;
	list-style:none;
	margin-top:10px;
}
/*bordures : jaune, bleu, rouge et verte*/
.pbJaune{border-left:3px solid #FAE614;padding-bottom:5px;}
.pbBleu{border-left:3px solid  #0066FF;}
.pbRouge{border-left:3px solid #FF5D0D;}
.pbVert{border-left:3px solid #040d37;}
.fontDiv /*font jaune*/ 
{
	background-color:#fbfaef;
	border-top:1px solid #AAE0FA;
	border-bottom:1px solid #AAE0FA;
}
.fontDivb /*font bleu*/
{
	background-color:#EAF7FF;
	border:1px solid #AAE0FA;
}

.highlight
{
	color:Red;
	}
#txtCenterRight p.smallfont
{
	font-style:italic;
	font-size:8px;
	}
/*****************************END H1 H2 P FONT********************************/

/****************************BACKGROUND IMAGES********************************/
/*******************Image sous le titre h1***************/
#txtCenterLeft img,#horizTxt img,#contact img
{position:absolute;left:0}

#horizTxt img.tools
{
	position:relative;
	}

/**Petites Puces en arriere plan**/
#txtCenter2 #bottom p{background:url(../images/puce_rouge.gif) no-repeat left 4px;}/*Rouge*/
#horizTxt h2,#news h2,#contact div p,#horizTxt h3,#horizTxt #bottom p, .petitepuce{background:url(../images/puce_bleue.gif) no-repeat left 4px;}/*puce Bleue*/

/**Grandes puces titres**/
#txtCenterRight h1,#txtCenter2 h1{background:url(../images/losange_bleu.gif) no-repeat;}/*puce Bleue*/
#horizTxt h1,#news h1,#txtCenterLeft h1,#contact h1, #searchPage h1{background:url(../images/losange_rouge.gif) no-repeat;}/*Rouge*/
/*Fleches du menu*/
#flecheRougeFine{background:url(../images/FlecheBasRouge.gif) no-repeat 0px 15px;}
li#flecherouge{background: url(../images/FlecheDroiteRouge.gif) no-repeat 0px 15px;}
li#flecheBas{background:url(../images/FlecheOn.gif) no-repeat 0px 16px;}
/**************************END BACKGROUND IMAGES******************************/

/****************************************PAGE CENTER*********************************/
/********************POSITION*********************/
#txtCenter2,#contact,#horizTxt,#siteMap,#searchPage
{
	margin:0;

	padding:0;
	position:relative;
	float:left;
	left:20px;
	margin-top:36px;
	margin-bottom:10px;
	/*top:171px;
	left:224px;*/
	width:792px;
}

#searchPage
{
	_height:400px;
	}

.horizTxtShort
{
	margin-bottom:0px;
	}
/********************TXT CENTER RIGHT - TXT CENTER LEFT*********************/
#txtCenterRight
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
	margin-top:36px;
	left:54px;
}
#txtCenterLeft	
{
	position:relative;
	float:left;
	left:20px;
	margin:0;
	padding:0;
	margin-top:36px;
	width: 523px;
	/*height:380px;*/
}
#txtCenterLeft div /**Texte sous le titre en retrait**/
{
	margin-top:45px;
	margin-left:60px;
	margin-bottom:15px;
}
#txtCenterLeft div p
{
	text-align:right;
	width:430px;
	padding:0;
	margin:0;
}
#txtCenterLeft div p span
{
	/*color:#0d0d37;
	font-weight:bold;*/
	color:#505050;
	font-style:italic;
}
#indent1{right:50px;}/*indentation phrase dans le paragraphe sous le titre*/
#txtCenterLeft p
{
	position:relative;
	text-align:justify;
	margin-top:15px;
	margin-left:10px;
	width:480px;
	padding:12px;
	padding-top:0;
	padding-bottom:5px;
}
/*bordure bas paragraphe */
#txtCenterLeft #bottomBorder
{
	border-top:1px solid #AAE0FA;
	margin-top:11px; 
	margin-bottom:0px; 
	padding-bottom:8px;
	padding-top:15px;
}
#txtCenterRight h1{width:234px;}
#txtCenterRight p
{
	width:200px;
	text-align:left;
	padding-left:12px;
	font-size:10px;
	text-align:left;
}
/*******************************************************************************/
#bottom /*identifiant utilise avec style txtcenter2 et horiztxt*/
{
	position:relative;
	width:790px;
	height:85px;
	margin:0px;
	margin-top:40px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	float:left;
}
#txtCenter2 #bottom p,#horizTxt #bottom p{margin:0;padding:0;padding-left:15px;padding-right:0px;padding-bottom:0px;padding-top:1px;margin-top:6px;margin-bottom:8px;margin-left:10px;margin-right:10px;}
/*******************************TXT CENTER 2****************************************************/
/*#txtCenter2{height:380px;}*/
#txtCenter2 #bottom p
{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
}
#txtCenter2 h1{width:440px;}
#txtCenter2 img
{
	position:relative;
	margin:0px;
	padding:0px;
	float:left;

}
#boxRight p{

	color: #505050;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
	margin-top:9px;
	margin-bottom:9px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:0px;
	padding-left:10px;
	margin-left:10px;
	margin-right:10px;
	text-decoration: none;
	text-align:justify;
}
#boxRight p:first-letter{font-weight:bold;}
#boxRight
{
	padding:4px;
	height:230px;
	width:310px;
	margin-bottom:0px;
	margin-top:-26px;
	margin-right:0px;
	float:right;
}
#boxRight h1
{ 

	width:290px;
	background-image: url(../images/losange_vert.gif);
	font-size: 11px;
	font-weight: bold;
	color: #00a404;
	padding-left: 10px;
	margin:0;
}

#txtCenter2 #axServicesCenter
{
	position:relative;
	margin-top:25px;
	margin-bottom:20px;
	margin-left:50px;
	padding:0px;
}
/*******************************************************************************/



#horizTxt, #contact, #txtCenterLeft
{
	_height:400px;
	}

#contact a
{
	color:#000000;
	text-decoration:underline;
}
#floatLeft
{float:left;
 /*margin-left:15px;*/
 margin-top:115px;}
#floatRight{float:right;margin-right:30px;margin-top:10px; width:430px;}
/*bloc adresse*/
#contact #floatLeft #address{width:200px;margin-left:0px;border:#015f93 1px solid;background-color:#eaf7ff;margin-bottom:0px; margin-top:73px;}
#contact #floatLeft #address h2{background-color: #1a87b1; color:#FFFFFF;text-align:center;margin:0;padding:0;padding:2px;}
#contact #floatLeft #address p {background:none;margin:1px;}
#contact  div p{padding-left:14px;}
/*******************************************************************************/
/*#horizTxt{height:385px;}*/
#horizTxt h2
{padding-left:15px;margin-left:0px;color:#505050;}
#horizTxt h3:first-letter
{text-transform:uppercase;}
#horizTxt h3{color:#0d0d37;width:auto;}
#horizTxt p
{
	width:755px;
	padding-left:18px;
	position:relative;
	text-align:justify;
}

#horizTxt #firstp /*paragraphe sous le titre a cote de l image*/
{
	top:-4px;
	width:450px;
	/*line-height:21px;*/
	padding-top:20px;
	margin-bottom:50px;
	left:300px;
}
#horizTxt #firstp2 /*paragraphe sous le titre a cote de l image*/
{
	top:-4px;
	width:450px;
	/*line-height:21px;*/
	padding-top:20px;
	margin-bottom:10px;
	left:300px;
}

#firstp b
{
	text-align:justify;
	}

#horizTxt .bottomBorder /*bordure bas paragraphe*/
{
	border-bottom:1px solid #AAE0FA;
	padding-top:0px;
	padding-bottom:3px;
	margin-bottom:3px;
	margin-right:10px;
}
#horizTxt p span /*Texte dans la page more about*/
{
	color:#505050;
	/*color:#0d0d37;
	font-weight:bold;*/
	font-size:12px;
}
#horizTxt a:visited{color:#0000CC;}
#horizTxt a{font-style:normal;}

#horizTxt .titleImg /*titre des images*/
{	
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	margin:0px;
	margin-top:20px;
	padding-left:10px;
	text-align:left;
	margin-left:30px;
	width:724px;
	color: #0d0d37;
}
#horizTxt .image
{
	position:relative;
	margin:0;
	padding:0;
	margin-left:30px;
	margin-top:-1px;
}
#horizTxt #bottom 
{
	position:relative;
	width:734px;
	margin:0;
	padding:0;
	float:none;
	margin-top:20px;
	margin-left:30px;
	height:auto;
}
#horizTxt #bottom p
{
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
}
#horizTxt #bottom h3
{
	margin:8px;
	padding:0px;
}
#horizTxt #bottom .sousPara
{
	margin:0;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:8px;
	padding:0px;
	background-image:none;
	font-size:11px;
}
/*******************************************************************************/
#news
{
	.height: 260px; 
	}
.leftmenuflash
{
	position:absolute; 
	bottom:0px;
	}
		
* html .leftmenuflash
{
	top:214px;
	}	

#news img
{
	position:relative;
	float:left;
}

#news p
{
	width:485px;
	position:relative;
	float:right;
	/*top:43px;
	left:320px;*/
	top:43px;
	right:30px;
	text-align:justify;
}
#news p span,#news p a 
{color: #0000CC;}
#news div
{
	position:relative;
	float:left;
	margin-top:10px;
	width: 250px;
	/*border: #FFFFFF 1px solid;*/
}
#news div h2{margin-top:10px; padding-left:2px;}
#news div h2 span
{color: #000000;font-size:10px}
#news div h2 a
{color:#505050;font-size:10px}
#news div h2 a:hover
{color: #FF0000;}
/*******************************************************************************/
#siteMap
{
	
	padding:5px;
	/*top:195px;
	left:190px;*/
	height:350px;
	width:790px;
}
#siteMap ul
{
	
	float:left;
	margin:5px;
	padding:5px;
	padding-left:10px;
	
}
#siteMap ul li
{
	
	list-style: none;
	background: url(../images/puce_rouge.gif) no-repeat 2px 10px;
	padding:0;
	padding-left:15px;
	margin:0;

}
#siteMap ul li a
{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	color:#38477e;
}
#siteMap ul li ul li a
{font-size:9px;}
#siteMap ul li ul li
{
	
	margin:0;
	padding:0;
	background: none;
	width:155px;
}
#siteMap ul ul
{float:none;}

/***************************************END CENTER******************************/

#horizTxt .toolsTable img
{
	position:relative;
	}
#horizTxt .toolsTable p
{
	width:auto;}
	
#horizTxt .toolsTable td
{
	height:60px;}