@charset "utf-8";
/* CSS Document */

*
{
	margin:0;
	padding:0;
}
body
{
	background-color:#fff;
}
#container
{
	position:relative;
	width:988px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:15px;
	background: transparent url(images/sides.jpg) repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#053d7c;
}
h1
{
	display:inline;
	font-size:12px;
	color:#053d7c;
	font-weight:normal;
}
#containerepargne
{
	position:relative;
	width:998px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:15px;
	background: transparent url(images/sides.jpg) repeat-y;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#053d7c;
}
#header
{
	width:988px;
	height:81px;
	padding-left:12px;
	padding-top:17px;
	margin:0;
	background: transparent url(images/filet_haut.jpg) top left no-repeat;
}
#logo
{
	float:left;
}
#menu
{
	float:left;
	width:670px;
	margin-top:18px;
	/*margin-left:6px; */
}
#subheader
{
	width:952px;
	height:24px;
	padding-left:7px;
	text-align:right;
	font-size:10px;
	color:#5f7da2;
	background: transparent url(images/ombre_header2.jpg) bottom right no-repeat;
}
#global
{
	width:100%;
	background-image:url(images/nuagesbas2.jpg);
	background-repeat:no-repeat;
	background-position:8px 100%;
	padding-left:7px;
	/*padding-bottom:2px;*/
	/*background-position: expression(fixed_back(this,'bottom','7px');*/
}
#globalassurancevie
{
	width:100%;
	background-image:url(images/fondepargne.jpg);
	background-repeat:no-repeat;
	background-position:8px 100%;
	padding-left:7px;
	height:auto;
	min-height:450px;
	padding-bottom:190px;
	/*background-position: expression(fixed_back(this,'bottom','7px');*/
}
#globalepargne
{
	width:100%;
	background-image:url(images/fondepargne.jpg);
	background-repeat:no-repeat;
	background-position:8px 100%;
	padding-left:7px;
	height:auto;
	min-height:450px;
	padding-bottom:190px;
	/*background-position: expression(fixed_back(this,'bottom','7px');*/
}
#globalcomptetitres
{
	width:100%;
	background-image:url(images/fondcomptetitre.jpg);
	background-repeat:no-repeat;
	background-position:8px 100%;
	padding-left:7px;
	height:auto;
	min-height:450px;
	padding-bottom:190px;
	/*background-position: expression(fixed_back(this,'bottom','7px');*/
}
#globaloptimisation
{
	width:100%;
	background-image:url(images/fondoptimisation.jpg);
	background-repeat:no-repeat;
	background-position:8px 100%;
	padding-left:7px;
	height:auto;
	min-height:450px;
	padding-bottom:190px;
	/*background-position: expression(fixed_back(this,'bottom','7px');*/
}
#globalretraite
{
	width:100%;
	background-image:url(images/fondretraite.jpg);
	background-repeat:no-repeat;
	background-position:8px 100%;
	padding-left:7px;
	height:auto;
	min-height:450px;
	padding-bottom:190px;
	/*background-position: expression(fixed_back(this,'bottom','7px');*/
}
#globalcontact
{
	width:100%;
	background-image:url(images/fondcontact.jpg);
	background-repeat:no-repeat;
	background-position:8px 100%;
	padding-left:7px;
	height:auto;
	min-height:450px;
	padding-bottom:190px;
	/*background-position: expression(fixed_back(this,'bottom','7px');*/
}
#titre
{
	margin-top:18px;
	margin-left:50px;
}
#titrecontact
{
	margin-top:18px;
	margin-left:770px;
}
#titrecredit
{
	margin-top:18px;
	margin-left:845px;
}

#right
{
	width:295px;
	padding-top:13px;
	background: transparent url(images/nuages.jpg) top left no-repeat;

}
#espace_lient
{
	width:210px;
	height:185px;
	margin-left:45px;
	background: transparent url(images/clientside.jpg) repeat-y;
}

#indices
{
	width:288px;
	height:auto;
	margin-left:3px;
	margin-top:7px;
	border-left:#bed9f7 1px solid;
	border-right:#bed9f7 1px solid;
	border-bottom:#bed9f7 1px solid;
	text-align:center;
}

#partenaires
{
	width:363px;
	/*height:auto;*/
	height:125px;
	margin-left:13px;
	margin-top:12px;
	border-left:#bed9f7 1px solid;
	border-right:#bed9f7 1px solid;
	border-bottom:#bed9f7 1px solid;
	text-align:center;
	background-color:#fff;
}

#login
{
	padding-top:8px;
	width:175px;
	height:135px;
	margin-left:17px;
}
#footerClient
{
	margin-left:44px;
	width:210px;
	height:6px;
	background: transparent url(images/footerclient.jpg) top left no-repeat;

}
#souscrire
{
	width:363px;
	height:240px;
	margin-left:13px;
	margin-top:15px;
	border-left:#bed9f7 1px solid;
	border-right:#bed9f7 1px solid;
	border-bottom:#bed9f7 1px solid;
	text-align:center;
	background-color:#fff;
	/*padding:0 8px 0 8px;*/
}
#txtsouscrire
{
	width:344px;
	height:195px;
	text-align:left;
	margin-left:8px;
}
#txtcontact
{
	width:344px;
	height:90px;
	text-align:left;
	margin-left:8px;
}
#souscrire2
{
	width:352px;
	height:245px;
	padding-top:11px;
	padding-right:11px;
	margin-left:13px;
	border-left:#bed9f7 1px solid;
	border-right:#bed9f7 1px solid;
	border-bottom:#bed9f7 1px solid;
	text-align:left;
	background-color:#fff;
}

#offremois
{
	width:262px;
	height:95px;
	margin-left:10px;
	margin-top:15px;
	border-left:#bed9f7 1px solid;
	border-right:#bed9f7 1px solid;
	border-bottom:#bed9f7 1px solid;
	text-align:center;
	background-color:#fff;
}
#offremois2
{
	width:261px;
	height:275px;
	height:275px !important;
	margin-left:10px;
	margin-top:6px;
	border-left:#bed9f7 1px solid;
	border-right:#bed9f7 1px solid;
	border-bottom:#bed9f7 1px solid;
	border-top:#bed9f7 1px solid;
	text-align:center;
	background-color:#fff;
}
#txteolien
{
	width:240px;
	height:232px;
	text-align:left;
	margin-left:9px;
	margin-top:8px;
}
#mentions
{
	position:absolute;
	bottom:3px;
	right:32px;
}
#mentions2
{
	position:absolute;
	bottom:0px;
	right:32px;
}
#footer
{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:968px;
	height:9px;
	padding-left:0px;
	background: transparent url(images/footer3.jpg) top left no-repeat;
}
#navigation
{
	margin-top:23px;
	margin-left:23px;
}
#navigationepargne
{
	width:952px;
	height:149px;
	background: transparent url(images/nuageshaut.jpg) top left no-repeat;
	background-position:1px 0%;
	padding-top:9px;
}
#tabhaut
{
	width:792px;
	height:20px;
	background:transparent url(images/ombretabtop2.png) top left no-repeat;
}
#tabmilieu
{
	width:792px;
	height:auto;
	background:transparent url(images/ombretabmilieu.png) top left repeat-y;
}
#tabbas
{
	width:792px;
	height:20px;
	background:transparent url(images/ombretabbas.png) top left no-repeat;
	
}
#tabhaut3
{
	width:480px;
	height:20px;
	background:transparent url(images/ombretabtop3.png) top left no-repeat;
}
#tabmilieu3
{
	width:480px;
	height:auto;
	background:transparent url(images/ombretabmilieu3.png) top left repeat-y;
}
#tabbas3
{
	width:480px;
	height:20px;
	background:transparent url(images/ombretabbas3.png) top left no-repeat;
	
}
#tabhaut4
{
	width:446px;
	height:20px;
	background:transparent url(images/ombretabtop4.png) top left no-repeat;
}
#tabmilieu4
{
	width:446px;
	height:180px;
	/*padding-left:20px;*/
	background:transparent url(images/ombretabmilieu4.png) top left repeat-y;
}
#tabbas4
{
	width:446px;
	height:20px;
	background:transparent url(images/ombretabbas4.png) top left no-repeat;
	
}
#tabhaut5
{
	width:933px;
	height:20px;
	background:transparent url(images/ombretabtop5.png) top left no-repeat;
}
#tabmilieu5
{
	width:933px;
	height:357px;
	/*padding-left:20px;*/
	background:transparent url(images/ombretabmilieu5.png) top left repeat-y;
}
#tabbas5
{
	width:933px;
	height:20px;
	background:transparent url(images/ombretabbas5.png) top left no-repeat;
	
	
}
#tabhaut6
{
	width:700px;
	height:16px;
	background:transparent url(images/arrondihaut.jpg) top left no-repeat;
}
#tabmilieu6
{
	width:558px;
	height:auto;
	border-left:#ccdff8 1px solid;
	border-right:#ccdff8 1px solid;
	padding:47px 70px;
	background-color:#fff;
	
}
#tabmilieu7
{
	width:670px;
	height:auto;
	border-left:#ccdff8 1px solid;
	border-right:#ccdff8 1px solid;
	padding:14px 14px;
	background-color:#fff;
	
}
#tabbas6
{
	width:700px;
	height:16px;
	background:transparent url(images/arrondibas.jpg) top left no-repeat;
	
}
#tabmilieu
{
	width:792px;
	height:auto;
	background:transparent url(images/ombretabmilieu.png) top left repeat-y;
}
#tabbas
{
	width:792px;
	height:20px;
	background:transparent url(images/ombretabbas.png) top left no-repeat;
	
}
#conteneursavoirplus
{
	width:780px;
	height:auto;
}
#savoirplus
{
	width:174px;
	height:30px;
	background-image:url(images/bt_savoirplus.png);
	background-repeat:no-repeat;
	float:right;
}
#trait
{
	width:400px;
	height:1px;
	background-image:url(images/filetbleu.jpg);
	background-repeat:repeat-x;
}
#cadredegrade
{
	clear:both;
	width:930px;
	height:445px;
	background-image:url(images/degraderetraite.jpg);
	background-repeat:repeat-x;
	border:#decccc 1px solid;
	margin-left:10px;
	background-color:#fff;

}
#cadreretirement
{
	width:867px;
	height:auto;
	margin-left:45px;
	margin-top:38px;
}
#spacing
{
	width:940px;
	height:10px;
	clear:both;
}

/*classes*/

.imgleftmargright
{
	/*float:left;*/
	margin-right:5px;
}

.btmenu
{
	float:left;
	margin-left:1px;
}
.bleu
{
	color:#2f5e8a;
	font-size:13px;
	font-weight:bold;
}
.blanc
{
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.noir
{
	color:#000;
	font-size:10px;
}
.inputlogin
{
	border:1px solid #2f5e8a;
	height:20px;
	width:142px;
	margin-top:5px;
	margin-bottom:10px;
	color:#90abc3;
}
.inputemail
{
	border:1px solid #2f5e8a;
	height:19px;
	width:165px;
	margin-top:5px;
	margin-bottom:10px;
	color:#90abc3;
}
.imgpaddtop
{
	padding-top:5px;
}
.imgmargbottom
{
	margin-bottom:5px;
}
.borderIndices
{
	border-top:1px solid #000;
	/*border-bottom:1px solid #000;*/
}
.imgsouscrire
{
	padding-left:11px;
	padding-right:11px;
	float:left;
}
.textenavigation
{
	color:#595858;
	font-size:12px;
	font-weight:bold;
}
.tabentete
{
	padding:2px;
	color:#E23E32;
	font-size:11px;
	text-transform:uppercase;
}
.coordonnees
{
	margin-left:12px;
	font-size:16px;
	color:#d54a42;
	font-weight:bold;
}
.txtmentions
{
	font-size:16px;
	color:#d54a42;
	font-weight:bold;
}
.coordonneesbleu
{
	margin-left:23px;
	font-size:13px;
	color:#2d6fa9;
	font-weight:bold;
}
.mentionsbleu
{
	font-size:13px;
	color:#2d6fa9;
	font-weight:bold;
	/*width:713px;*/
}
.inputbleu
{
	border:#2d6fa9 1px solid;
	height:21px;
	font-size:13px;
	color:#2d6fa9;
}
.inputbleu2
{
	border:#2d6fa9 1px solid;
	font-size:13px;
	color:#2d6fa9;
}
.titrepage
{
	margin-top:33px;
	margin-left:39px;
}
.txtbleu
{
	color:#3d4a6e;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.titrenavigation
{
	margin-left:1px;
	padding-left:13px;
	background-image:url(images/fondnavigation.jpg);
	background-repeat:no-repeat;
}
.titrenavigationimpots
{
	margin-left:1px;
	padding-left:13px;
	background-image:url(images/fondnavigationimpots.jpg);
	background-repeat:no-repeat;
}
.titrenavigationcomp
{
	margin-left:1px;
	padding-left:13px;
	background-image:url(images/fondnavigationcomp.jpg);
	background-repeat:no-repeat;
}
.bleuclair
{
	color:#4a78b1;
	font-size:14px;
	font-weight:bold;
}
.cadreretraite
{
	width:280px;
	height:323px;
	padding:12px 10px;
	/*border-left:#decccc 1px solid;*/
	border-right:#decccc 1px solid;
	float:left;
	display:block;
}
/* liens */
a.accueil
{
	position:absolute;
	top:33px;
	left:292px;
	display: block; 
	width: 90px;
	height: 62px;
	background-image: url(images/bt_accueil_red.jpg); 
}
a.accueil:hover { 
	visibility: visible;
}

a.accueil:hover img {
	visibility: hidden;
}
a.epargne
{
	position:absolute;
	top:33px;
	left:382px;
	display: block; 
	width: 87px;
	height: 62px;
	background-image: url(images/bt_epargne_red.jpg); 
}
a.epargne:hover { 
	visibility: visible;
}

a.epargne:hover img {
	visibility: hidden;
}
a.impot
{
	position:absolute;
	top:33px;
	left:469px;
	display: block; 
	width: 123px;
	height: 62px;
	background-image: url(images/bt_impot_red.jpg); 
}
a.impot:hover { 
	visibility: visible;
}

a.impot:hover img {
	visibility: hidden;
}
a.retraite 
{ 
	position:absolute;
	top:33px;
	left:592px;
	display: block; 
	width: 89px;
	height: 62px;
	background-image: url(images/bt_retraite_red.jpg); 
}

a.retraite:hover { 
	visibility: visible
}

a.retraite:hover img {
	visibility: hidden
}
a.complementaire 
{ 
	position:absolute;
	top:33px;
	left:681px;
	display: block; 
	width: 148px;
	height: 62px;
	background-image: url(images/bt_complementaire_red.jpg); 
}

a.complementaire:hover { 
	visibility: visible
}

a.complementaire:hover img {
	visibility: hidden
}
a.qui 
{ 
	position:absolute;
	top:33px;
	left:829px;
	display: block; 
	width: 129px;
	height: 62px;
	background-image: url(images/bt_qui_red.jpg); 
}

a.qui:hover { 
	visibility: visible
}

a.qui:hover img {
	visibility: hidden
}
a.comptetitre 
{ 
	position:absolute;
	top:34px;
	left:585px;
	display: block; 
	width: 109px;
	height: 68px;
	background-image: url(images/bt_comptetitre_red.jpg); 
}

a.comptetitre:hover { 
	visibility: visible
}

a.comptetitre:hover img {
	visibility: hidden
}
a.optimisation 
{ 
	position:absolute;
	top:33px;
	left:695px;
	display: block; 
	width: 143px;
	height: 68px;
	background-image: url(images/bt_optimisation_red.jpg); 
}

a.optimisation:hover { 
	visibility: visible
}

a.optimisation:hover img {
	visibility: hidden
}

a.bleumentions
{
	color:#6f8da5;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
a.bleumentions:hover
{
	color:#6f8da5;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
a.blancmentions
{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
a.blancmentions:hover
{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
a.link_5f7da2
{
	color:#5f7da2;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;

}
a.link_5f7da2:hover
{
	color:#5f7da2;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;

}
a.lien
{
	color:#053d7c;
	text-decoration:underline;
}
a.lien:hover
{
	color:#053d7c;
	text-decoration:none;
}
a.liensnavigation
{
	color:#595858;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
a.liensnavigation:hover
{
	color:#E23E32;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
a.liensnav
{
	color:#053d7c;
	text-decoration:none;
}
a.liensnav:hover
{
	color:#053d7c;
	text-decoration:none;
}
a.savoirplus
{
	display: block; 
	width: 174px;
	height: 30px;
	background-image: url(images/bt_savoirplus_on.png); 
}
a.savoirplus:hover { 
	visibility: visible;
}

a.savoirplus:hover img {
	visibility: hidden;
}