body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	background:#ffffff;
}
/*-------------------------------- general au site -----------------------------*/
p,ul,li,h1,h2,h3,h4,h5,h6,dd,dt,dl,div,form {
	margin:0;
	padding:0;
}
a img  {
	border:none;
}
table{
	border-collapse:collapse;
}
ul,ol ,li{
	list-style-type:none;
}
p {
	font-size:11px;
	color:#000000;
	letter-spacing: 1px;
}
a {
	text-decoration:none;
	color:#011b4c;
}
a:active, a:focus{
   outline:none;
}

/*****************************        GLOBAL            *******************************************/
#global{
	position:relative;
	width:980px;
	margin:0 auto;
	/*background:url(../images/centre.gif) repeat-y ;*/
	padding-left:21px;
	padding-right:21px;
}

/**************************           HEADER            **********************************************/
#header{
	position:relative;
	width:100%;
}
#header div.logo{
	float:left;
	margin-top:10px;
	margin-left:20px;
}
#header div.acces {
	float:right;
	width:150px;
	margin-top:20px;
	background:#011b4c ;
	color:#ffffff;
	margin-right:30px;
	padding-top:5px;
	padding-bottom:5px;
}
#header div.acces p{
	color:#ffffff;
	margin-left:10px;
}
#header div.acces p span.gras{
	font-weight:bold;
}
#header div.acces p span.fleche{
	position:relative;
	float:right;
	font-size:14px;
	margin-right:10px;
}
#header div.acces a{
	color:#ffffff;
}
#header div.banniere{
	position:relative;
	float:left;
	width:100%;
	margin-bottom:2px;
}
#header div.langues{
	position:absolute ;
	top:190px;
	right:15px;
}
#header div.langues ul.langues li{
	float:left;
	margin-right:10px;
}
#header div.langues ul.langues li a{
	font-size :12px;
	font-weight:bold;
}
#header div.langues ul.langues li.souligne a{
	text-decoration:underline;
}
/************************************       MENU        *************************************/
#menu{
	position:relative;
	width:100%;
	float:left;
	padding-bottom:5px;
	border-bottom:1px solid #666666;
	z-index:500;
}
#menu div.menu{
	font-size:12px;
}
#menu div.menu ul{
	background:#011B4C ;
	height:30px;
}
#menu div.menu li{
	position:relative;
	float:left;
}
#menu div.menu li.selectionne{
	background: #011B4C url(../images/menu/hover.gif) bottom center no-repeat;
}
#menu div.menu li a{
	display:block;
	line-height:30px;
	padding:0px 25px;
	text-align:center;
	color:#ffffff;
}
#menu div.menu li a:hover, #menu div.menu ul li:hover a{
	background: #011B4C url(../images/menu/hover.gif) bottom center no-repeat;
}
#menu div.menu li ul{
	background:#011B4C;
	display:none;
	height:auto;
	position:absolute;
	width:180px;
}
#menu div.menu li:hover ul{
	display:block;
}
#menu div.menu li li {
	display:block;
	width:180px;
}
#menu div.menu li:hover li a{
	background:none;
}
#menu div.menu li ul a{
	display:block;
	height:30px;
	font-size:12px;
	padding:0px 10px 0px 15px;
	text-align:left;
}
#menu div.menu li ul a:hover, .menu li ul li:hover a{
	background:#011B4C url(../images/menu/hover_sub.gif) center left no-repeat;
	color:#ffffff;
}
#menu div.menu li span.separateur{
	border-right:1px solid #ffffff ;
	height:15px;
	position:absolute;
	top:8px;
}

#menu div.menu ul.langues{
	position:absolute;
	right:0px;
	top:0px;
}
#menu div.menu ul.langues li.souligne{
	text-decoration:underline;
	color:#ffffff;
}
/*************************           CORPS           ***********************************************/
#corps{
	position:relative;
	float:left;
	width:960px;
	margin-top:10px;
	margin-left:10px;
}
/************************         COMPARTIMENTS                **************************************/
#corps div.compartiment{
	position:relative;
	width:100%;
	float:left;
	padding-bottom:30px;
	border-bottom:1px solid #666666;
}
#corps div.compartiment div.box{
	position:relative;
	float:left;
	width:290px;
	margin-left:10px;
	margin-right:10px;
	border-right:1px solid #666666;
	padding-right:10px;
}
#corps div.compartiment div.box3{
	position:relative;
	float:left;
	width:285px;
	margin-left:10px;
	margin-right:10px;
	padding-right:10px;
}
#corps div.compartiment div.box h2{
	float:left;
	width:100%;
	color:#011b4c;
	font-size:17px;
	font-weight:400;
}
#corps div.compartiment div.box3 h2{
	float:left;
	width:100%;
	color:#011b4c ;
	font-size:17px;
	font-weight:400;
}
#corps div.compartiment div.box h3{
	position:absolute;
	left:0;
	bottom:0px;
	color:#011b4c ;
	font-size:10px;
	margin-top:11px;
	font-weight:400;
}
#corps div.compartiment div.box3 h3{
	position:absolute;
	left:0;
	bottom:0px;
	color:#011b4c ;
	font-size:10px;
	margin-top:10px;
	font-weight:400;
}
#corps div.compartiment div.box a.bandeau{
	position:absolute;
	right:10px;
	top:105px;
	color:#ffffff ;
	font-size:14px;
	margin-top:5px;
	margin-right:5px;
	background:#011b4c ;
	width:285px;
	text-align:right;
	padding-right:5px;
	
}
#corps div.compartiment div.box3 a.bandeau{
	position:absolute;
	right:15px;
	top:111px;
	color:#ffffff ;
	font-size:14px;
	background:#011b4c ;
	width:280px;
	text-align:right;
	padding-right:5px;
}
#corps div.compartiment div.box p.an{
	position:absolute;
	top: 53px;
	left:70px;
	z-index:10;
	color:#666666;
}
#corps div.compartiment div.box3 p.an{
	position:absolute;
	top: 53px;
	left:60px;
	z-index:10;
	color:#666666;
}
#corps div.compartiment div.box span.gras{
	font-weight:bold;
}
#corps div.compartiment div.box3 span.gras{
	font-weight:bold;
}
#corps div.compartiment div.box p.taux img{
	float:left;
	margin-top:3px;
	z-index:1;
}
#corps div.compartiment div.box3 p.taux img{
	float:left;
	margin-top:3px;
	z-index:1;
}
#corps div.compartiment div.box p.graph img{
	float:right;
	width:97px;
	margin-top:-15px;
}
#corps div.compartiment div.box3 p.graph img{
	float:right;
	width:97px;
	margin-top:-15px;
}
#corps div.compartiment div.box a.zone,
#corps div.compartiment div.box3 a.zone{
	position:absolute;
	top:0px;
	left:0px;
	width:280px;
	height:130px;
	z-index:100;
}
#corps div.compartiment p.etoile{
	float:left;
	margin-top:25px;
	color:#818ca8 ;
	font-size:10px;
	margin-bottom:-25px;
}
/************************************            INDEX              **********************************/
#corps div.contenu{
	position:relative ;
	float:left;
	width:100%;
	padding-bottom:20px;
	padding-top:10px;
}
#corps  div.haut{
	position:relative ;
	float:left;
	width:100%;
	padding-bottom:20px;
	padding-top:10px;
	border-bottom:1px solid #666666;
}
#corps div.contenu div.index{
	position:relative;
	float:left;
	width:750px;
	margin-top:10px;
	border-right: 1px solid #666666;
	padding-right:5px;
}
#corps  div.contenu div.index p.entete{
	color:#011b4c ;
	font-weight:bold;
	margin-bottom:15px;
}
#corps  div.contenu div.index img{
	position:relative;
	float:right;
	margin-left:10px;
	margin-right:10px;
}

#corps div.contenu div.savoir{
	position:relative;
	float:right;
	width:200px;
}
#corps div.contenu div.savoir h1{
	color:#011b4c ;
	font-size:17px;
	margin-top:10px;
	margin-bottom:10px;
}
#corps div.contenu div.savoir a{
	position:relative ;
	float:right;
	margin-right:10px;
	text-decoration:underline;
}

#corps div.contenu div.placement{
	position:relative ;
	float:left;
	width:410px;
	border-right: 1px solid #666666;
	margin-top:10px;
}
#corps div.contenu div.placement p.sous-titre{
	font-size:14px;
	color:#011b4c ;
	text-decoration:underline;
	margin-top:10px;
	font-weight:bold;
}
#corps div.contenu div.placement p{
	margin-top:5px;
	margin-right:10px;
}

#corps div.contenu div.bourse{
	position:relative ;
	float:right;
	width:539px;
	margin-left:10px;
	
}
#corps div.contenu div.bourse h1{
	color:#011b4c ;
	font-size:17px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:30px;
}
#corps div.contenu div.bourse p{
	margin-bottom:10px;
	padding-left:30px;
}
#corps div.contenu div.bourse p.gauche{
	position:relative;
	float:left;
	margin-left:20px;
}
#corps div.contenu div.bourse p.droite{
	position:relative;
	float:right;
}
#corps div.contenu div.bourse a{
	text-decoration:underline;
}
#corps div.contenu div.bourse img{
	position:relative;
	float:right;
	margin-left:10px;
	width:250px;
}
/*****************************             PERFORMANCE             **********************************/
#corps div.contenu div.colonne_gauche table.performance{
	width:50%;
	border:1px solid #011b4c ;
	margin-bottom:10px;
}

#corps div.contenu  div.colonne_gauche table.performance td{
	border:1px solid #011b4c ;
	color:#666666;
	width:50%;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
}
#corps div.contenu div.colonne_droite img.performance{
	float:right;
}
#corps div.contenu div.colonne_droite p.alter{
	float:right;
	margin-right:80px;
}
/*****************************             COTATION             **********************************/
#corps div.contenu div.colonne_gauche table.lipper{
	margin-top:10px;
	width:100%;
	margin-bottom:10px;
}

#corps div.contenu  div.colonne_gauche table.lipper td{
	color:#666666;
	width:50%;
	padding:5px 5px;
}
/*****************************             LOGIN             **********************************/
#corps div.contenu div.colonne_gauche div.login,
#corps div.contenu div.colonne_droite div.login{
	position:relative;
	float:left;
	width:70%;
	margin-left:10px;
	margin-top:10px;
	border-width:4px ;
	border-style :double ;
	border-color :#011b4c ;
	padding:20px;
}
/*****************************             PAGE GENERALE             **********************************/
#corps div.contenu h2{
	color:#011b4c ;
	font-size:17px;
	margin-top:10px;
	margin-bottom:10px;
}
#corps div.contenu h3{
	color:#7D8CA3 ;
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
}
#corps div.contenu h4{
	color:#011b4c ;
	margin-top:10px;
}
#corps div.contenu p.gras{
	font-weight:bold;
	margin-bottom:5px;
}
#corps div.contenu p.italique{
	font-style: italic;
	margin-top:5px;
}
#corps div.contenu p.num{
	margin-top:5px;
	margin-bottom:10px;
}
#corps div.contenu p.entete{
	color:#011b4c ;
	font-weight:bold;
	margin-bottom:15px;
}
#corps div.contenu span.gras{
	color:#011b4c;
	font-weight:bold;
}
/*----COLONNE -----*/
#corps div.contenu div.colonne_gauche_grande{
	width:68% ;
	position:relative ;
	float:left;
}
#corps div.contenu div.colonne_droite_petite{
	width:28% ;
	position:relative ;
	float:right;
}
#corps div.contenu div.colonne_droite{
	width:48% ;
	position:relative ;
	float:right;
}
#corps div.contenu div.colonne_gauche{
	width:48% ;
	position:relative ;
	float:left;
}
#corps div.contenu div.colonne_droite p,
#corps div.contenu div.colonne_gauche p,
#corps div.contenu div.colonne_gauche_grande,
#corps div.contenu div.colonne_droite_petite{
	margin-bottom:10px ;
}

/*----LISTE----*/
#corps div.contenu ul{
	margin-left:10px;
	margin-top:5px;
	margin-bottom:10px;
}
#corps div.contenu li{
	color:#000000;
	list-style-image : url(../images/puce.gif);
	margin-left:10px;
}

/*****************************             FOOTER             **********************************/
#footer{
	clear:both;
	width:100%;
	height:30px;
	position:relative;
}
#footer a{
	float:right;
	font-size:10px;
	margin-right:10px;
}
#footer img{
	position:absolute;
	left:-21px;
	bottom:0px;
	
}
/*----------------------------------------   FORMULAIRES    --------------------------------------------*/
div.formulaire {
	float:left;
	position:relative;
	width:100%;
	padding:5px 0 5px 0;
	border-width:0 0 1px 0;
}
div.sepa_form{
margin:24px 0 0 0;
}

div.sepa_form_bas{
margin:0 0 60px 0;
}
div.formulaire p{
	float:left;
}
div.formulaire p.radio{
	float:left;
	width:65%;
}
div.formulaire p.lien{
float:left;
font-size:12px;
padding:2 0 0 12px;
}
div.formulaire div.checkbox{
float:left;
width:70%;
}
div.formulaire span.sous_label{
padding:0 10px 0 0;
}
div.formulaire span.sous_label_marge{
padding:0 10px 0 10px;
}
div.formulaire p.label{
	width:180px;
	float:left;
	font-weight:700;
	color:#011B4C;
}
div.formulaire p.label_grand{
	width:250px;
}
div.formulaire p.label_full{
	width:100%;
}
div.formulaire p.label_petit{
	width:200px;
	float:left;
	font-weight:700;
	color:#fff;
}
div.formulaire p.label_tres_petit{
	width:100px;
	float:left;
	font-weight:700;
	color:#fff;
}
div.formulaire input.normal{
	width:300px;
}
div.formulaire input.petit{
	width:120px;
}
div.formulaire input.mini{
	width:50px;
}
div.formulaire textarea.normal{
	width:300px;
	height:150px;
}
div.formulaire textarea.grand{
	width:500px;
	height:350px;
}
div.formulaire select.normal{
	width:304px;
}
div.formulaire select.petit{
	width:100px;
}
div.formulaire select.moyen{
	width:150px;
}
div.formulaire select span.italic{
font-size:9px;
}
div.formulaire p.fichier_admin a{
position:relative;
right:-20px;
bottom:0px;
text-decoration:underline;
}
div.formulaire div.note_formulaire p{
float:left;
margin:0 10px 0 0;
}
div.formulaire div.note_formulaire p img:hover{
cursor:pointer;
}
div.formulaire p.choix_nb{
float:left;
margin:0 20px 0 0;
}
div.formulaire p.submite{
	position:relative ;
	float:left;
	width:304px;
}
.submit{
position:relative;
float:right;
border:1px solid #fff;
color:#fff;
font-size:11px;
cursor:pointer;
background:#011B4C;
padding:4px 22px 4px 22px;
}
.submit:hover{
text-decoration:underline;
}

.mess,
.mess_err{
float:left;
width:80%;
border: 2px solid #011B4C;
margin:18px 0 18px 0;
color:#011B4C;
font-weight:700;
}
.mess_err{
display:none;
}
div.mess dt,
div.mess_petit dt,
div.mess_err dt{
	font-size:12px;
	margin:10px 20px 0 20px;
	font-weight:700;
	color:#011B4C;
}
div.mess p,
div.mess_petit p,
div.mess_err p{
	margin:10px 10px;
	font-size:12px;
	color:#011B4C;
	text-align:center;
}
div.mess a,
div.mess_err a{
	color:#011B4C;
	text-decoration:underline;
}
div.mess ul,
div.mess_petit ul,
div.mess_err ul{
	margin:0 20px;
	list-style-type:square;
	list-style-position:inside;
}
div.mess ul li,
div.mess_petit ul li,
div.mess_err ul li{
	font-size:12px;
	color:#011B4C;
	list-style-type:square;
	list-style-position:inside;	
}
div.mess_login{
	position:relative;
	float:left;
	width:100%;
}

div.mess_login dt{
	margin-left:10px;
	margin-top:10px;
}