/*---------------- elements principaux ---------------*/
Body, html, div {
	margin: 0;
	padding: 0;
}

body { 
	font-size: 70%;
	font-family: arial, verdana, sans serif;
	/*font: 8pt/16pt arial, verdana, geneva, arial, sans serif; */
	color: #333; 
	/*margin-top: 0;*/
	margin: 0 0 0 0;
}


a {color:#777; font-weight: normal;}
a:visited {color:#777; font-weight: normal;}
a:hover {color:#777; font-weight: normal;}

a.lienViolet {color:#544F93;}
a.lienViolet:visited {color:#544F93;}
a.lienViolet:hover {color:#000;}



img     { border:0px none;  } 

.titreViolet {
	font-size: 125%;
	color: #544F92;
	font-weight: bold;
}

.textViolet {
	color: #544F92;
}
.texteVioletGras {

	color: #544F92;
	font-weight: bold;
}

.texteBleuGras {

	color: #4282C6;
	font-weight: bold;
}

.clear {
	clear:both;
}


.bold {
font-weight:bold;

	}
	
.italic {
font-style:italic;
}

.tabPad td {
	padding-left:10px;
}
	
.tabHead	 {
	background:#5586C9;
	color:#fff;
	font-weight:bold;

}

.tabBack	 {
	background:#f6f6f6;

}
.fontBlue	 {
	font-weight:bold;
	color:#1221e0;

}

/* --------------- Structure -------------------- */
#content 	{ overflow:hidden; margin:0px;}


/*----------- Vous et moi ----------------------- */
#contact {text-align: center; margin-top: 0 !important; margin-top: -15px; margin-bottom: 10px;}



/* ------------------entete ---------------------*/
#header  {margin:0; position:relative; left:1px; width:931px; z-index: 10;}
#headerlight  {margin:0; position:relative; left:1px; width:931px;height:124px;z-index: 10;}

#header form, #headerlight form {margin:0; padding : 0;}

#floatLeft {
	float:left;
}

#formhead {

	float:right;
	color:#777;
	text-align:right;
	padding: 3px 0 0 0;
	line-height:2em;
	z-index: 100;
}

#formhead a, #formhead a:visited  {color:#777;}
#formhead a:hover  {color:#000;}


#formhead select, #formhead img {
	font-size:90%;
	vertical-align: middle;
	margin-left:7px;
}

#language {
	margin-top:10px;
}

.espace {
	margin: 0 2px 0 2px;
}


#welcome {
	position: absolute;
/*	position:relative;*/
	top: 63px;
	height: 176px;
	width: 930px;
	background: #2C91CA;
	background-image: url("../images/system/header_bord_or.gif") ;
	background-repeat: no-repeat ;
	z-index:2;
	
}

#welcomeLight {
	position: absolute;
/*	position:relative;*/
	top: 63px;
	height: 37px;
	width: 930px;
	background: #2C91CA;
	background-image: url("../images/system/header_bord_or_Light.gif") ;
	background-repeat: no-repeat ;
	z-index:2;
	
}

#teaser {
	position : absolute;
	color: #fff;
	top:0px; 
	left: 485px;
	width: 190px;
	padding : 10px 0 0 0 ;
	z-index:3;

}

#header h1 {

	font-size : 150%;
	padding-bottom: 0;
	margin-bottom: 0;
}


#teaserPix {
	position : absolute;
	top:13px; 
	left: 712px;
	z-index:4;

}

#topnav     {
	position:absolute; 
	padding:0px; 
	top: 100px;
	width: 930px;
	height:23px; 
	background-image: url("../images/system/menu_nav_top.gif") ;
	background-repeat: no-repeat ;
}


#topnavHP     {
	position:absolute; 
	padding:0px; 
	top: 239px;
	width: 930px;
	height:23px; 
	background-image: url("../images/system/menu_nav_top.gif") ;
	background-repeat: no-repeat ;
}

/*---------- HP centre --------------------*/
#HPmessageTop {
background: #D8EAF9;
height:150px;
background-image: url("../images/system/HPmessageTop.gif") ;
background-repeat:repeat-x;
padding : 10px 12px 0 15px;
margin:0px;
}

#HPmessageTop h1 {
	font-size: 150%;
	color: #544F92;
	font-weight: bold;
	margin-top: 0px;
   margin-bottom: -10px;
	
}

#HPmessageTop img {
padding-right: 10px;	
}


#HPmessageBot {
background: #D8EAF9;
height:10px;
background-image: url("../images/system/HPmessageBot.gif") ;
background-repeat: no-repeat;
padding-bottom:0px;
margin:0px;

}
#HPLinks {
	padding:0;
	margin-top:6px;
	padding-top:0px;
	background: #EEE;
	background-image: url("../images/hp/banking.jpg");
	background-repeat:no-repeat;
}

#HPLinks a {
/*color: #544F92;*/
color: #333;
text-decoration: none;
}

#HPBottom {
	padding-top:10px;
	margin-top:10px;
	padding-left:15px;
	background: #EEE;
	height: 84px;
}

#HPBottom h1 {
	font-size: 150%;
	color: #666;
	font-weight: bold;
	margin-top: 0px;
   margin-bottom: 0px;
}

/*-------- le corps ------------------*/

#corps {
position: relative;
top:0px;
width: 930px;
margin-left: 1px; 
height: auto;
display: block;
}

#corpsHP {
position: absolute;
top:272px;
width: 930px;
margin-left: 1px; 
height: auto;
display: block;
}

#gauche {
position: relative;
top:0px;
float:left;
width:173px;
padding: 34px 0 0 0; 

}

#gaucheHP {
position: relative;
top:0px;
float:left;
width:215px;
padding: 0 0 0 0; 
margin: 0 0 0 0; 

}

#central {
position: absolute;
top:0px;
left:175px;
float:left;
width:575px;
min-height: 200px;
z-index: 0;
display: block;
}

#centralHP {
position: absolute;
top:0px;
left:217px;
float:left;
width:512px;
min-height: 200px;
z-index: 0;
display: block;
}


#droite {
position: relative;
/*top:0px;*/
float:right;
width:160px;
padding-top: 34px;
padding-left: 20px;
/*background: #fff;*/
}

#droiteHP {
position: relative;
/*top:0px;*/
float:right;
width:180px;
padding-top: 0px;
padding-left: 10px;
/*background: #fff;*/
}

/*--------- centre --------------*/

#rubTop {
background:	#5586C9;
height:30px;
background-image: url("../images/system/rub_degra_bleu.gif") ;
background-repeat:repeat-x;
color: #fff;
font-size: 160%;
padding : 9px 0 0 10px;

}

#rubInterBleu{
	background:#B5CDDF;
	height:15px;
	border-top: #fff solid 1px;
	border-bottom: #fff solid 1px;

}

#content h1 {
	color: #544F93;
	font-size:160%;
	margin-top : 6px;
	margin-bottom : 16px;
		font-weight:100;
}

#content h2 {
	color: #544F93;
	font-weight:bold;
	font-size:120%;
	margin-top : 16px;
	margin-bottom : 16px;
	clear:both;
}

#content h3 {
	color: #666;
	font-weight:bold;
	font-size:120%;
	margin-top : 16px;
	margin-bottom : 16px;
	clear:both;
}

#content h4 {
	color: #544f93;
	font-weight:bold;
	font-size:120%;
	padding-bottom: -40px;
/*	margin-top : 16px;*/
/*	margin-bottom : 16px;*/
}


#content p {
clear:both;
}


#content a, #content a:visited  {
color:#544F93;
}

#content a:hover {
color:#000;
}


#popContent{
padding-left:10px;
padding-right:7px;

}
#popPied {
	float:left;
		padding-left: 10px;
}

#popClose {
	float:right;
	padding-right: 10px;
}

#focusHP {

	width:512px;
	padding-bottom:0px;
	margin-bottom:0px;
/*	height: auto;*/

}

#focusHPG {

	float: left;
	background: #F4F6F2;
	width:230px;
	padding:10px 10px 15px 10px;
	margin-bottom:5px;

}

#focusHPD {

	float: right;
	background: #F4F6F2;
	width:230px;
	padding:10px 10px 15px 10px;
	margin-bottom:5px;
}

#focusHPG h1, #focusHPD h1 {
	margin-top : 0px;
	padding-top : 5px;
	width:120px;
	font-weight: bold;
	font-size: 110%;
	color: #666;
	float: right;
}
#focusG span, #focusD span, #focusHPG span, #focusHPD span {

	float: right;
	width:120px;
}

#focus {

	width:575px;
	padding-bottom:0px;
	margin-bottom:0px;
/*	height: auto;*/

}

#focus P, #focusHP P {

	padding:0px;
	margin:0px;


}

#focusG {

	float: left;
	background: #F4F6F2;
	width:262px;
	padding:10px 10px 15px 10px;
	margin-bottom:5px;

}

#focusD {

	float: right;
	background: #F4F6F2;
	width:262px;
	padding:10px 10px 15px 10px;
	margin-bottom:5px;
}

#focusG img , #focusD img, #focusHPG img, #focusHPD img {
	float: left;
}
#focusG span, #focusD span {

	float: right;
	width:150px;
}
#focusG h1 ,#focusD h1 {
	margin-top : 0px;
	padding-top : 5px;
	width:150px;
	font-weight: bold;
	font-size: 110%;
	color: #666;
	float: right;
}


/*----------- vous etes ici -----------------*/

#ici {
color: #777;
padding: 2px 0 34px 0;
}

#ici p {
float: left;
margin:0px;
}

#ici ul{
float:left;
display: inline;
padding:0px;
margin:0px;
}

#ici ul li{
float:left;
display: inline;
padding-right:5px;
margin:0px;
list-style: none;
}	

#ici a, #ici a:hover, #ici a:visited {
	color: #777;
	font-weight: normal;
	text-decoration: underline;
}
	
/* ---------------------Bas de page----------------*/
#pied {
position:relative; 
width:930px;
color: #777;
margin-left:1px;
padding: 15px 0 0 0;
clear:both;
z-index:0;
display: block;
font-weight: normal;
}

#pied a, #pied a:hover, #pied a:visted {
	color: #777;
	font-weight:normal;
	text-decoration: underline;
} 

#pied p { float:left; padding:0 0 10px 5px;clear:both;}

#pied ul {
	width:auto;
	 float:right;
    margin-left: 0;
    padding-left: 0;
    display: inline;
   }

#pied ul li {
    margin-left: 0;
    padding: 0px 5px;
    border-left: 1px solid #777;
    list-style: none;
    display: inline;
   }

#pied ul li.premier {
    margin-left: 0;
    border-left: none;
    list-style: none;
    display: inline;
   }
	
/*-------------- gauche ---------------*/

#EventsNews {
	width: 207px;
	height:122px;
		
}	
#EventsNews img {
   /*padding-top: -7px;*/
   margin-top: -3px;
	padding-left:22px;
	
}	
#EventsNews h1 {
	padding-left: 20px;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 150%;
	color: #544F92;
	font-weight: bold;
	
}	

#LatestNews {
	width: 207px;
	height:180px;
	padding-top: 10px;
}	

#LatestNews a, a:visited  {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#LatestNews a:hover {
	color: #000;
	text-decoration: none;
}

#LatestNews img {
   /*padding-top: -7px;*/
   margin-top: -7px;
	
}	
	
#LatestNews h1 {
	padding-left: 20px;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 150%;
	color: #544F92;
	font-weight: bold;
	
}	

#LatestNews ul {
	padding-left: 0px;
	margin-left: 20px;
	margin-top: -7px;
	margin-bottom: 0px;

	
}	

#LatestNews li {
/*	padding-left: 0px;
	margin-left: -15px;
	padding-top: 0px;
	margin-top: 0px;*/
	padding-left: 1px;
	padding-bottom: 15px;
	color: #666;
	font-weight: bold;
	font-size: 110%;
	list-style-type: none ; 
	
}	
	
/*-------------- droite ---------------*/

#World{
	position: relative;
	width: 192px;
	background: #EEE;
	background-image: url("../images/system/quick_links_top.gif") ;
	margin-top: 16px;
	padding-top:7px;
	padding-bottom:11px;
	padding-left:16px;
	/*padding-right:7px;*/
	background-repeat: repeat-x ;

	}
	
	#World h1 {	
	font-size: 150%;
	color: #666;
	font-weight: bold;
	margin-top: 0px;
  margin-bottom: 0px;
	}
	
	#World img {
	padding-top: 5px;
	}

	#World form {
	margin-top: 6px;
	margin-bottom: 0px;
	}
	#World select{	
		font-size:90%;
	vertical-align: middle;
	}

#QuickLinks{
	position: relative;
	width: 180px;
	height:152px;
	background: #EEE;
	background-image: url("../images/system/quick_links_top.gif") ;
	margin-top: 23px;
	padding-top:6px;
/*	padding-bottom:15px;*/
	padding-left:8px;
	/*padding-right:7px;*/
	background-repeat: no-repeat ;

	}
	
	
#QuickLinks h1 {	
	font-size: 150%;
	color: #544F92;
	font-weight: bold;
	margin-top: 0px;
   margin-bottom: 0px;
	}

#QuickLinks a:hover{
	color:#000;
	text-decoration: underline;
}	

#QuickLinks a, a:visited{
	color:#333;
	text-decoration: none;
	font-weight: normal;
}	
	
#blocGris{
	position: relative;
	width: 145px;
	height : 106px;
	background-image: url("../images/system/bloc_gris_top.gif") ;
	padding-top:13px;
	padding-left:8px;
	padding-right:7px;
	background-repeat: no-repeat ;
	

	}

#blocGris ol, #blocGris ul  {
margin-top: 4px;	
margin-bottom: 0px;	
margin-left:25px;
padding-bottom: 8px;
padding-left:0px;

}	
	
#blocGris p {
padding-top:20px;
margin:0;
}	
	
#blocGris a {
	color: #333;
	text-decoration: underline;

}	

#blocGris a:hover {
	color: #544F92;
	text-decoration: underline;
}	


#infosDroite {
	position: relative;
	padding-top:20px;
	width: 160px;
	
}	

#infosDroite img {
	padding: 6px 0 2px 0;	

}	

#infosDroiteHP {
   color:#777;
	position: relative;
/*	padding-left:10px;*/
	padding-left:0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
/*	padding-bottom: 11px;*/
/*	margin-top: 0px;*/
/*	padding-top:10px;*/
	margin-top:10px;
	padding-top: 0px;
/*	width: 170px;*/
}	

#infosDroiteHP a, a:hover, a:visited {
	color: #000;
	text-decoration: underline;
}

#infosDroiteHP h1 {
   font-size: 150%;
	color: #544F92;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
/*   margin-bottom: -10px;*/
   margin-bottom: -10px;
	padding-bottom:0px;

}	

#infosDroiteHP h2 {
	color: #666;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: -10px;
	margin-bottom: -10px;
}

#infosDroiteHP a, a:hover, a:visited {
	color: #333;
	text-decoration: underline;
}



#infosDroiteHP UL LI {
	font-size: 120%;
	font-weight: bold;
	list-style: none;
	padding-left:0px;
	margin-left: -40px;
	color: #666;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
	
	#careersDroiteHP {
	color:#777;
	position: relative;
	padding-left:0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top:0px;
	padding-top: 0px;
	}

	#careersDroiteHP h1 {
	 font-size: 150%;
	color: #544F92;
	font-weight: bold;
	margin-top: 0px;
	padding-top:0px;
   margin-bottom: -10px;
	padding-bottom:0px;	
	}
	
	#careersDroiteHP a, a:hover, a:visited{
		color: #000;
		text-decoration: underline;
	}
	#careersDroiteHP img {
		padding-bottom:4px;

	}
	
/*-------------- Navigation ---------------*/
#container {
	position: absolute;
	top: 2px;
	left: 150px;
	z-index:100;
	width: 780px;
	background: #C0C0C0;
	background-image: url("../images/system/menu_nav_h_bground.gif") ;
	background-repeat: repeat-x ;
}


#nav, #nav ul {
	float: left;
	width: 780px;
	list-style: none;
	padding:0;
	margin:0;
	
}

#nav li img {
	vertical-align: middle;
	padding: 0 0 0 0;
}

#nav a {
	display: block;
	color: #544F93;
	font-weight : bold;
	text-decoration: none;
	padding: 0 23px 0 0;
}

#nav a:hover {

	color: #fff;

}



#nav li {
	float: left;
	padding: 1px 0 2px 0;


}


#nav li ul {
	position: absolute;
	left: -999em; 
	height: auto;
	width: 152px;
	border:1px solid #BEBEBE;
	margin: 0;
	
}

#nav li ul li {
	background: #fff;
	width: 152px;
}


#nav li li {
/*	padding-right: 1em;*/
	width: 152px !important;
	width: 100%;
	border-bottom:1px solid #CECECE;

}

#nav li ul a {
	white-space: normal !important;	
	width: 147px;
	font-weight: normal;
	padding: 1px 5px 1px 11px;
	color: #666;
	line-height: 125%;

}

#nav li ul ul {
	margin: -1em 0 0 9em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto; 
}


/*#nav li:hover, #nav li.sfhover {*/
/*	background: #E0EDF7;*/
/*}*/

#nav li li:hover, #nav li li.sfhover {
	background: #E0EDF7;
}

#nav li li a:hover {
	color: #00437C;
}

/* ------------------ navigation vertivale ----------------------- */

#menu {
position: relative;
margin : 0;
padding : 0;
top: 0;
left: 0;
}

dl#menu {
width: 150px;
}

dl#menu dt {
cursor: pointer;
margin: 2px 0;
padding : 5px 0 0px 17px;
min-height: 19px;
background: #B5CDDF;
background-image: url("../images/system/menu_nav_v_top.gif") ;
background-repeat: no-repeat ;
}


dl dt#rubPrincipale, dl dt#SBmenu1{
cursor: pointer;
margin: 2px 0;
padding : 5px 0 0px 17px;
min-height: 19px;
background: #93B6D1;
background-image: url("../images/system/menu_nav_v_top_rubP.gif") ;
background-repeat: no-repeat ;
}


* html dl#menu dt {  /*--- min height pour IE seulement -----*/
height: 14px;
}

dl dt#thisorange {
background: #FFA928;
background-image: url("../images/system/menu_nav_v_top_or.gif") ;
background-repeat: no-repeat ;
}

dl#menu dt.thisorange { /*----- class ---*/
background: #FFA928;
background-image: url("../images/system/menu_nav_v_top_or.gif") ;
background-repeat: no-repeat ;
}

dl dt#thisbleu {
background: #FFA928;
background-image: url("../images/system/menu_nav_v_top.gif") ;
background-repeat: no-repeat ;
}

dl#menu dd {      /*---sous menu ----*/
border: 1px solid #EEE;
line-height: 1.25em;
padding :0;
margin:0;
}

dl#menu li {
width:127px;
background: #EEE;
padding : 3px 4px 3px 17px;
margin: 0 0 0 -40px;
}

dl#menu li a, dl#menu dt a {
color: #333;
text-decoration: none;
font-weight: normal;
display: block;
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
/*background: #eee;*/
text-decoration: underline;
}

dl dt div {
padding-top:4px;
margin-left:-17px;
margin-bottom:0px;
margin-top:1px;
background-image: url("../images/system/menu_nav_v_bottom.gif") ;
background-repeat: no-repeat ;
}


dl dt #bordBasRubP, dl dt #bordBas1{
padding-top:4px;
margin-left:-17px;
margin-top:1px;
margin-bottom:0px;
background-image: url("../images/system/menu_nav_v_bottom_rubP.gif") ;
background-repeat: no-repeat ;
}



dl#menu dt div.bordBasOr{ /*------ class ----*/
padding-top:4px;
margin-left:-17px;
margin-bottom:0px;
margin-top:1px;
background-image: url("../images/system/menu_nav_v_bottom_or.gif") ;
background-repeat: no-repeat ;
}

dl#menu li.thisSS {
background-image: url("../images/system/menu_nav_v_gris.gif") ;
background-repeat: no-repeat ;
}


/*-------- navi verticale coin arrondi ----------->

#xsnazzy {background: transparent; margin:1em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#d4d4d4; border-left:1px solid #08c; border-right:1px solid #08c;}
.xb1 {margin:0 5px; background:#08c;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#d4d4d4; border:0 solid red; border-width:0 1px;}








/*------------------- Articles ----------------------------------*/
.article {margin:0px 30px; padding:0px;}
.article p {margin: 15px 10px; text-align:justify}
.article ul  {margin:0; padding:0 0 0 15px;}
.article li  {
	list-style-type: none;
	padding: 0 0 4px 20px; 
	margin: 5px 0;
	border-bottom:1px solid #eee;
	
}


.print a, .print a:visited, .print a:hover  {
   text-decoration: none;
   color: #808080;
   padding-right: 20px;
  
}

/*--------------------Liste des articles-------------------------*/
.listArticles 	{ margin-top:15px ; padding-bottom:20px; border:0px none;}
.resumeArticle 	{}


/*------------------------Divers-----------------------------*/
.cleaner {clear:both;}


/*------------- Divers --------------------*/
.QuePourIE {display:none !important; display:block;}