/*
 	ELEMENTS GENERIQUES
----------------------------- */
*{
	margin:0;
	padding : 0;
}
.clear{
	clear:both;
	visibility: hidden;
}
hr {
	height: 0px;
}
a img{
	border:0;
}
.accessibilite {
	display: none;
}
a {
	color: #6b0053;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #6b0053;
	text-decoration: underline;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #f7f3d6;
}
/* corrections du background de survol (a:hover générique) sur certains types de liens */
.aligner_left a:hover, .aligner_center a:hover, .aligner_right a:hover, .aligner_ a:hover, #xiti-logo a:hover {
	background: transparent;
}
ul {
	list-style-type:none;
}
/*
 	HOME PAGE 
-------------- */
#h_conteneur {
	width: 760px;
	position: relative;
	margin: 50px auto 0px;
	height: 418px;
}
#h_conteneur #entete {
	position: absolute;
	height: 109px;
	width: 750px;
	top: 12px;
	right: 0px;
	background: url(../img/bg_h_entete.jpg) no-repeat;
}
#h_conteneur #entete h1 {
	font-size: 1px;
	text-indent: -5000px;
	position: absolute;
	height: 44px;
	width: 225px;
	left: 24px;
	top: 23px;
	background: url(../img/bg_logo.gif) no-repeat;
}
#h_conteneur #beige_H {
	position: absolute;
	height: 12px;
	width: 740px;
	top: 0px;
	right: 0px;
	background: #f5e0ba;
}
#h_conteneur #tricolore {
	position: absolute;
	height: 230px;
	width: 760px;
	left: 0px;
	top: 121px;
	background: url(../img/bg_tricolore.gif) no-repeat;
}
#h_conteneur #bleu {
	position: absolute;
	height: 176px;
	width: 557px;
	left: 8px;
	top: 230px;
	background: url(../img/bg_bleu.gif) no-repeat;
}
#h_conteneur #actualites {
	background: url(../img/bg_actualites.gif) no-repeat;
	position: absolute;
	/*height: 301px; AVANT TEASING*/
	height: 221px;
	width: 153px;
	left: 565px;
	top: 105px;
	/*padding: 10px 10px 10px 23px; AVANT TEASING*/
	padding: 90px 10px 10px 23px;
}
#marqueecontainer {
	position: relative;
	width: 153px; /*marquee width */
	height: 204px; /*marquee height */
	/*height: 284px;  AVANT TEASING*/
	background-color: transparent;
	overflow: hidden;
	border: 0;
	font-family:arial,helvetica,sans-serif;
	color:#000;
	font-size:11px;
}
#vmarquee {
	position: absolute;
}
#vmarquee h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
}
#vmarquee div {
	background: url(../img/bg_actu.gif) no-repeat center bottom;
	padding-bottom: 10px;
}
#vmarquee a {
	font-size: 10px;
}
#toute_actu {
	font-size: 9px;
	background: url(../img/bg_toute_actu.gif) no-repeat 0px 3px;
	position: absolute;
	left: 66px;
	top: 298px;
	padding-left: 12px;
}
#h_conteneur #comprendre {
	background: url(../img/bg_comprendre.gif) no-repeat;
	position: absolute;
	height: 167px;
	width: 270px;
	left: 32px;
	top: 107px;
}
#h_conteneur #comprendre h3 {
	font-size: 1px;
	background: url(../img/bg_comprendre_h3.gif) no-repeat;
	text-indent: -5000px;
	position: absolute;
	height: 29px;
	width: 195px;
	left: 38px;
	top: 20px;
}
#h_conteneur #comprendre ul {
	list-style: none;
}
#comprendre #bt_grandes_entreprises {
	background: url(../img/bg_bt_grandes_entreprises.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	height: 29px;
	width: 270px;
	position: absolute;
	top: 63px;
}
#comprendre #bt_pme_tpe {
	background: url(../img/bg_bt_pme_tpe.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	height: 29px;
	width: 270px;
	position: absolute;
	top: 93px;
}
#comprendre #bt_salaries {
	background: url(../img/bg_bt_salaries.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	height: 28px;
	width: 270px;
	position: absolute;
	top: 123px;
}
#comprendre a#bt_grandes_entreprises:hover, #comprendre a#bt_pme_tpe:hover, #comprendre a#bt_salaries:hover {
	background-position:bottom;
}
#h_conteneur #acces_direct {
	position: absolute;
	height: 47px;
	width: 151px;
	left: 414px;
	top: 239px;
}
#h_conteneur #acces_direct h3 {
	font-size: 1px;
	text-indent: -5000px;
	position: absolute;
	height: 13px;
	width: 136px;
	left: 0px;
	top: 0px;
	background: url(../img/bg_acces_direct_h3.gif) no-repeat;
}
#h_conteneur #acces_direct ul {
	list-style: none;
	position: absolute;
	left: 22px;
	top: 16px;
	font-size: 11px;
	width: 129px;
	height: 30px;
}
#h_conteneur #acces_direct li {
	background: url(../img/puce_li_acces_decouvrez.gif) no-repeat left 3px;
	padding-left: 12px;
	margin-bottom: 3px;
}
#h_conteneur #decouvrez_nous {
	position: absolute;
	height: 115px;
	width: 151px;
	left: 414px;
	top: 287px;
}
#h_conteneur #decouvrez_nous h3 {
	font-size: 1px;
	text-indent: -5000px;
	position: absolute;
	height: 13px;
	width: 140px;
	left: 0px;
	top: 5px;
	background: url(../img/bg_decouvrez_nous_h3.gif) no-repeat;
}
#h_conteneur #decouvrez_nous ul {
	list-style: none;
	position: absolute;
	left: 22px;
	top: 23px;
	font-size: 11px;
	line-height: 110%;
}
#h_conteneur #decouvrez_nous li {
	background: url(../img/puce_li_acces_decouvrez.gif) no-repeat left 3px;
	padding-left: 12px;
	margin-bottom: 3px;
}
#h_conteneur #espaces_privatifs {
	position: absolute;
	height: 93px;
	width: 375px;
	left: 32px;
	top: 306px;
}
#h_conteneur #espaces_privatifs ul {
	list-style: none;
}
#h_conteneur #espaces_privatifs #direct_comptes {
	background: url(../img/bg_direct_comptes.jpg) no-repeat;
	position: absolute;
	height: 92px;
	width: 115px;
	left: 0px;
	top: 0px;
	text-indent: -5000px;
}
#direct_comptes a {
	font-size: 1px;
	background: url(../img/bg_bt_direct_comptes.gif) no-repeat center 78px;
	display: block;
	height: 92px;
	width: 115px;
}
#h_conteneur #espaces_privatifs #direct_entreprises {
	background: url(../img/bg_direct_entreprises.jpg) no-repeat;
	position: absolute;
	height: 92px;
	width: 115px;
	left: 130px;
	top: 0px;
	text-indent: -5000px;
}
#direct_entreprises a {
	font-size: 1px;
	background: url(../img/bg_bt_direct_entreprises.gif) no-repeat center 78px;
	display: block;
	height: 92px;
	width: 115px;
}
#h_conteneur #espaces_privatifs #direct_partenaires {
	background: url(../img/bg_direct_partenaires.jpg) no-repeat;
	position: absolute;
	height: 92px;
	width: 115px;
	left: 260px;
	top: 0px;
	text-indent: -5000px;
}
#direct_partenaires a {
	font-size: 1px;
	background: url(../img/bg_bt_direct_partenaires.gif) no-repeat center 78px;
	display: block;
	height: 92px;
	width: 115px;
}
#direct_comptes a:hover, #direct_entreprises a:hover, #direct_partenaires a:hover  {
	background-position: center -14px;
}
#menu_H {
	height: 13px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 280px;
}
#menu_H #bt_plan_site {
	background: url(../img/bg_bt_plan_site.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	position: absolute;
	height: 13px;
	width: 92px;
	top: 0px;
	font-size: 1px;
	right: 188px;
}
#menu_H #bt_faq {
	background: url(../img/bg_bt_faq.gif) no-repeat 0px 0px;
	text-indent: -5000px;
	display: block;
	position: absolute;
	height: 13px;
	width: 46px;
	top: 0px;
	font-size: 1px;
	/*right: 142px; position à rétablir si bt "lexique" */
	right: 73px;
}
#menu_H #bt_lexique {
	background: url(../img/bg_bt_lexique.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	position: absolute;
	height: 13px;
	width: 69px;
	top: 0px;
	font-size: 1px;
	right: 73px;
}
#menu_H #bt_contact {
	background: url(../img/bg_bt_contact.gif) no-repeat;
	text-indent: -5000px;
	display: block;
	position: absolute;
	height: 13px;
	width: 73px;
	top: 0px;
	font-size: 1px;
	right: 0px;
}
#menu_H a#bt_plan_site:hover, #menu_H a#bt_faq:hover, #menu_H a#bt_lexique:hover, #menu_H a#bt_contact:hover {
	background-position:bottom;
}
#h_conteneur #mentions_legales {
	list-style: none;
	font-size: 10px;
	position: absolute;
	left: 479px;
	top: 408px;
}
#conteneur #mentions_legales {
	list-style: none;
	font-size: 10px;
	position: absolute;
	left: 665px;
	bottom: 11px;
}
/*
#h_conteneur #menu_H #bt_mentions {
	font-size: 10px;
	position: absolute;
	right: 202px;
	bottom: 0px;
}
*/
#anim_expert {
	position: absolute;
	height: 73px;
	width: 457px;
	top: 13px;
	right: 0px;
}
#h_conteneur #anim_points_forts {
	position: absolute;
	height: 109px;
	width: 262px;
	left: 303px;
	top: 121px;
	background: url(../img/bg_anim_points_forts.gif) no-repeat;
}

/*
 	Pages intérieures
------------------------*/
#conteneur {
	width: 760px;
	position: relative;
	margin: 0px auto;
}
#conteneur #entete {
	background: url(../img/bg_entete.jpg) no-repeat right 12px;
	height: 115px;
	width: 760px;
	position: relative;
}
#conteneur #entete h1 a {
	font-size: 1px;
	text-indent: -5000px;
	position: absolute;
	height: 44px;
	width: 225px;
	left: 24px;
	top: 23px;
	background: url(../img/bg_logo.gif) no-repeat;
}
#conteneur #entete #beige_H {
	position: absolute;
	height: 12px;
	width: 740px;
	top: 0px;
	right: 0px;
	background: #f5e0ba;
}
#conteneur #corps {
	background: url(../img/bg_corps.gif) repeat-y;
	width: 760px;
}
#conteneur #corps #colgauche {
	padding: 10px 0px 25px 10px;
	width: 130px;
	float: left;
}
#conteneur #corps #colcentre {
	float: left;
	width: 620px;
}
#conteneur #corps #colgauche h2 {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	background: url(../img/bg_colgauche_h2.gif) no-repeat left bottom;
	padding-bottom: 1px;
	display: block;
	margin-top: 15px;
}
#conteneur #corps #colgauche ul {
	margin: 8px;
	font-size: 11px;
}
#conteneur #corps #colgauche ul li {
	background: url(../img/bg_menu_G_dt.gif) no-repeat 0px 5px;
	padding-left: 8px;
	margin-top: 3px;
}
#conteneur #corps #colgauche ul li ul {
	margin: 0px;
}
#conteneur #corps #colgauche ul li ul li {
	background: url(../img/bg_puce_carree.gif) no-repeat 0px 7px;
	margin-top: 0px;
	font-size: 10px;
	padding-left: 5px;
}
#conteneur #corps #colcentre #hierarchie {
	background: url(../img/bg_hierarchie.gif) repeat-y;
	width: 584px;
	padding: 8px 20px 8px 10px;
	font-size: 10px;
}
#conteneur #jaune_G {
	background: #F7F3D6;
	height: 13px;
	width: 10px;
	position: absolute;
	top: 115px;
	left: 0px;
}
#conteneur #jaune_D {
	background: #F7F3D6;
	height: 13px;
	width: 6px;
	position: absolute;
	top: 115px;
	right: 0px;
}
#hierarchie a {
	color: #534d42;
}
#conteneur #corps #colcentre h1 {
	text-transform: uppercase;
	background: #ffe0b9 url(../img/bg_colcentre_h1.gif) no-repeat 15px 8px;
	width: 570px;
	font-size: 15px;
	font-weight: bold;
	color: #6b0053;
	padding: 3px 14px 1px 30px;
}
#conteneur #beige_colgauche_H {
	background: url(../img/bg_beige_colgauche_H.gif) no-repeat;
	position: absolute;
	height: 13px;
	width: 130px;
	left: 10px;
	top: 102px;
}
#conteneur #pied {
	background: url(../img/bg_pied.gif) no-repeat;
	height: 26px;
	width: 760px;
}
/*
#conteneur ul #bt_mentions {
	font-size: 10px;
	position: absolute;
	right: 16px;
	bottom: 11px;
}
*/
#bt_accueil {
	font-size: 1px;
	text-indent: -5000px;
	display: block;
	background: url(../img/bg_bt_accueil.gif) no-repeat;
	height: 11px;
	width: 68px;
	left: 668px;
	position: absolute;
	top: 105px;
}
a#bt_accueil:hover {
	background-position:bottom;
}
#conteneur #bt_accueil_B {
	background: url(../img/bg_bt_accueil_B.gif) no-repeat;
	position: absolute;
	height: 2px;
	width: 69px;
	top: 115px;
	right: 23px;
}
#conteneur #menu_H a#bt_accueil:hover {
	background-position: bottom;
}
#conteneur #corps #colcentre #texte {
	padding: 25px;
}
#texte h2 {
	margin-bottom: 25px;
	font: normal 15px Verdana, Arial, Helvetica, sans-serif;
	color: #6B0053;
}
#texte p {
	margin-top: 5px;
}
#texte h3 {
	background: url(../img/bg_texte_h3.gif) no-repeat left 2px;
	padding-top: 5px;
	padding-left: 7px;
	color: #6b0053;
	margin-top: 25px;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}
#texte h4 {
	background: url(../img/bg_texte_h4.gif) no-repeat 4px 5px;
	padding-left: 19px;
	color: #6b0053;
	margin-top: 17px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}
#texte h5 {
	background: url(../img/bg_texte_h5.gif) no-repeat 30px 5px;
	padding-left: 45px;
	font-size: 13px;
	color: #6b0053;
	font-weight: bold;
	margin-top: 17px;
}
.lexique {
	color: #534d42;
	text-decoration: underline;
}
#texte ul {
	margin-top: 15px;
	margin-bottom: 10px;
	list-style: none;
}
ul.ronde {
	margin-right: 10px;
	margin-left: 15px;
}
.ronde li {
	background: url(../img/bg_puce_ronde.gif) no-repeat 0px 6px;
	padding-left: 15px;
	margin-bottom: 5px;
}
ul.fleches {
	margin-right: 10px;
	margin-left: 30px;
}
.fleches li {
	background: url(../img/bg_puce_fleche.gif) no-repeat 0px 5px;
	padding-left: 15px;
	margin-bottom: 2px;
}
ul.chevrons {
	margin-right: 10px;
	margin-left: 110px;
}
.chevrons li {
	background: url(../img/bg_puce_chevron.gif) no-repeat 0px 5px;
	padding-left: 15px;
	margin-bottom: 2px;
}
.lien_actu {
	margin-top: 5px;
}
#vmarquee img {
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}
.date_actu {
	float:right;
	font-size: 12px;
	font-style: italic;
	color: #6B0053;
	margin-bottom: 15px;
	margin-left: 15px;
	display: block;
	font-weight: normal;
}
.aligner_G {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.actu {
	margin-top: 10px;
}
.aligner_C {
	text-align: center;
}
#anim_points_forts a {
	font-family: 1;
	text-indent: -5000px;
	display: block;
	height: 109px;
	width: 262px;
}
/* styles livrés à Gepsa */
table.fgp {
	width: 250px;
	border: 1px solid #E2D1B6;
	border-collapse:collapse;
}
.fgp thead th {
	background: #E2D1B6;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 1px;
}
.fgp thead th span {
	font: normal;
}
.fgp thead td {
	background: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 1px;
}
.fgp tbody td {
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	font: 10px Arial, Helvetica, sans-serif;
	padding: 1px 2px;
}
.centre {
	text-align: center;
}
.fgp .paire {
	background: #FFE0B9;
}
.fgp .impaire {
	background: #F9EBD4;
}
.fgp tfoot td {
	background: #F5E0BA;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #6B0053;
	text-align: center;
	padding: 1px;
}
.btn {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background: #6B0053;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 1px;
	margin: 5px 0px;
}
.btn:hover {
	color: #F0F0D1;
	border: 1px solid #F0F0D1;
}
/* fin styles Gepsa */
#fonds_solidaire {
	width: 100%;
}
.actions_euros {
	color: #FFFFFF;
	background: #FF0000;
}
.obligations_euros {
	color: #FFFFFF;
	background:#99cc00;
}
.equilibre {
	color: #FFFFFF;
	background:#FF9900;
}
.diversifie {
	color: #FFFFFF;
	background:#FFCC00;
}
.securite {
	color: #FFFFFF;
	background:#99ccff;
}
#texte h3 span {
	font-size: 11px;
	font-weight: normal;
}
#texte #form_contact {

}
#form_contact fieldset {
	border-width: 0px;
	border-style: none;
	margin-top: 20px;
}
#form_contact legend {
	display: none;
}
#form_contact label {
	display: block;
	float: left;
	margin-right: 10px;
	width: 200px;
}
#form_contact select {
	width: 355px;
	border: 1px solid #E2D1B6;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6B0053;
	background: #fff;
	padding: 1px 2px 0px;
	float: left;
}
#form_contact textarea {
	width: 353px;
	height: 75px;
	border: 1px solid #E2D1B6;
	font: 11px Arial, Helvetica, sans-serif;
	color: #6B0053;
	background: #fff;
	padding: 1px 2px 0px;
	float: left;
}
#form_contact .text {
	font: 11px Arial, Helvetica, sans-serif;
	color: #6B0053;
	background: #fff;
	padding: 1px 2px 0px;
	height: 17px;
	width: 353px;
	border: 1px solid #E2D1B6;
	float: left;
}
#form_contact .no_identification {
	font: 11px Arial, Helvetica, sans-serif;
	color: #6B0053;
	background: #fff;
	padding: 1px 2px 0px;
	height: 17px;
	width: 50px;
	border: 1px solid #E2D1B6;
	float: left;
}
#form_contact p {
	margin-top: 5px;
	clear: both;
}
#form_contact #validation {
	text-align: right;
}
#texte h2 a {
	text-decoration: underline;
}
.btn_coulissant {
	cursor:hand;
	cursor:pointer;
}
.panneau {
	/*display:none;*/
}
.faq {
	margin: 10px 0px 10px 30px;
}
.faq dt {
	background: url(../img/bg_puce_fleche.gif) no-repeat 0px 5px;
	padding-left: 15px;
	font-weight: bold;
	margin-top: 20px;
}
.faq dd {
	margin-left: 15px;
	margin-top: 5px;
}
#h_bt_teasing {
	position: absolute;
	top: 20px;
	left: 35px;
	height: 50px;
	width: 133px;
}