a{
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444D59;
	text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
body{
	margin: 0;  background-image:url(http://www.pradoepargne.com/images/background.gif); background-color:#F1F0EB; background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
div{
	/*border:1px solid red;*/
		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444D59;
}
#spacer{
	float:left; 
	width:770px; 
	height:1px; 
	background-color:#FFFFFF;
	border-right:1px solid white; 
	border-left:1px solid white;
}

p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444D59;
}
#container{
	float:left;width:772px; position: absolute; left: 50%; margin-left: -375px; margin-right: auto; margin-top:0px;z-index:0;
}
#container_menu{
	float:right; 
	height:63px; 
	border-bottom:2px solid white; 
	background-color:#CDCBB9;
}
#txt_defilant{
	float:left; width:766px; height:19px; background-color:#4DC6DA;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#FFFFFF; font-weight:bold; padding-top:4px;
}
#container_page_interieur{
	float:left; width:766px; border-top-width:2px;border:3px solid white;background-color:#E7E6DC;min-height:500px;

}
#bloc_gauche{
	float:left; 
	width:210px;
	height:506px; 
	border-right:2px solid white;
}
#bloc_actus{
	float:left; 
	width:194px;
	_width:198px;  
	height:171px; 
	border-bottom:2px solid white; 
	padding-left:16px;
	_padding-left:12px; 
	padding-top:16px; 
	background-image:url(http://www.pradoepargne.com/images/fond_etoile.gif);
}
#bloc_actus_txt{
	overflow:auto; 
	width:187px;
	height:112px;
}
#bloc_assurance{
	float:left; 
	width:188px; 
	/*height:100%; */
	/*min-height:301px; */
	padding-right:6px; 
	padding-left:16px; 
	_padding-left:10px; 
	padding-top:16px;
}
#bloc_droite{
	float:left; 
	width:554px; 
	/*height:100%; */
	/*min-height:506px;*/
	/*visibility:hidden;*/
}
#bloc_flash{
	border-bottom:2px solid white
}
#bloc_investisseurs{
	float:left; width:251px;height:auto; min-height:313px; border-right:3px solid white; padding-left:14px; padding-right:10px; padding-top:36px; background-color:#EBE9E1;
}
#bloc_epargne{
	float:left; width:252px;height:100%; min-height:313px; padding-left:24px; padding-top:36px; background-color:#EEEDE6;
}
#footer{
	float:left; 
	width:744px; 
	height:20px; 
	background-color:#00255D; 
	border:1px solid white; 
	border-top-width:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:10px;	
	color:#FFFFFF; 
	padding-left:26px;
	padding-bottom:0px;
}
#footer ul { margin:0; padding:3px 0 0 0; float:left }
#footer ul li { list-style:none; display:inline; color:#CDCDCE; padding-left:12px; }
#footer ul li a { color:#FFFFFF; text-decoration:none }
#footer ul li a:hover { color:#FFFFFF; text-decoration:underline }

#divMenu{
	float:left; bottom:0; width:696px; padding-top:38px; padding-left:4px; padding-right:3px; height:27px;border-right:1px solid white;
}


.container_bourse{
	float:left;
	height:16px;
}
.degrader{
	float:left; width:212px; height:16px;
}
.content_bourse{
	float:left; width:554px; height:16px;font-size:10px;background-color:#02AECB;
}
.logo{
	float:left; width:63px; height:63px;border-left:1px solid white;padding-bottom:2px;padding-left:2px
}
.container_flash1{
	float:left; height:216px;
}
.content_flash1{
	float:left; height:216px;
}
.consultation_compte{
	float:left;
	height:216px;
	width:212px;
	background:url(http://www.pradoepargne.com/images/consultation_compte.gif) 0% 0px no-repeat;
}

ul{
color:#444D59;
}

li{
color:#444D59;
}

ul#liste_actus{
	padding:0;
	_margin-left:0px;
	width:160px;
	_width:170px;
}

ul#liste_actus li{
	
	margin-bottom:10px;
	padding-left:13px;
	_padding-left:15px;
	list-style:none;
	background:url(http://www.pradoepargne.com/images/fleche_jaune.gif) 0% 3px no-repeat;
	_background:url(http://www.pradoepargne.com//images/fleche_jaune.gif) 0% 8px no-repeat;
	list-style-position: outside;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444D59;

}
ul#liste_actus li a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#444D59;
	text-decoration:none;
}
ul#liste_actus li a:hover{
	text-decoration:underline;
}

#container_page_interieur{
	/*float:left; */
	width:766px;
	min-height:500px;
	border-top-width:2px;
	border:3px solid white;
	background-color:#E7E6DC;
}
#contenu_droite{
	padding-top:0px;
	padding-left:8px;
	padding-right:8px;
	width:530px;
	float:left;
	background-color:#F1F0EB;
	height:100%;
	min-height:500px;
	border-left:4px solid white;
}
#contenu_404{
	padding-top:0px;
	padding-left:8px;
	padding-right:8px;
	width:745px;
	float:left;
	background-color:#F1F0EB;
	height:100%;
	min-height:500px;
	border-left:4px solid white;
}
#contenu_gauche{
	float:left;
	width:216px; 
}
#contenu_droite_auth{
	border-left:4px solid white;
	padding-top:0;
	padding-left:39px;
	padding-right:8px;
	width:499px;
	float:left; 
	background-color:#F1F0EB;
	height:279px;
	background-image:url(http://www.pradoepargne.com/images/fond_rubrique_auth.jpg);
	background-repeat:no-repeat;
}
#contenu_droite_actu{
	padding:0;
	width:546px;
	float:left; 
	background-color:#F1F0EB;
	height:100%;
	min-height:500px;
	border-left:4px solid white;
}
#contenu_droite_actu_abonnement{
	padding:0;
	padding-top:12px;
	width:546px;
	float:left; 
	height:100%;
	min-height:500px;
	border-left:4px solid white;
	background:url(http://www.pradoepargne.com/images/fond_etoile_actus_abo.gif) 0% 18px no-repeat;
	background-repeat:no-repeat;
	background-color:#F1F0EB;
}


#image_actu{
	border-bottom:2px solid white;
}
#savoirplus{
	float:right;
	padding-right:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#savoirplus a{
	padding-left:18px;
	text-decoration:none;
}
#savoirplus a:hover{
	text-decoration:underline;
}
#savoirplus.savoirplus_orange a,#savoirplus.savoirplus_violet a:hover{
	background:url(http://www.pradoepargne.com/images/fleche_orange_savoir.gif) 0 4px no-repeat;
	background-repeat:no-repeat;
	color:#E75136;
}
#savoirplus.savoirplus_rose a,#savoirplus.savoirplus_rose a:hover{
	background:url(http://www.pradoepargne.com/images/fleche_rose_savoir.gif) 0 4px no-repeat;
	background-repeat:no-repeat;
	color:#F63579;
}
#savoirplus.savoirplus_violet a,#savoirplus.savoirplus_violet a:hover{
	background:url(http://www.pradoepargne.com/images/fleche_violet_savoir.gif) 0 4px no-repeat;
	background-repeat:no-repeat;
	color:#98369D;
}

#Salaries{
    color:#FFFFFF;
    padding-left:117px;
    padding-top:108px;
    clear:both;
}
#Entreprises{
    color:#FFFFFF;
    padding-left:95px;
    padding-top:12px;
    clear:both;
}
#Partenaires{
    color:#FFFFFF;
    padding-left:97px;
    padding-top:13px;
    clear:both;
}
#Partenaires a,#Partenaires a:hover,#Entreprises a,#Entreprises a:hover,#Salaries a,#Salaries a:hover{
    color:#FFFFFF;
    text-decoration:none
}
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 0px solid black;
	color: #868686;
	font-weight:bold;
/*	background: #EEEEEE;*/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	background: #EEEEEE;
}

#corpForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 150px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	color:black;
}


#corpForm a:hover {	/*** Mise en forme des intitulés de champs ***/
text-decoration:underline;
}


#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	color: black;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0;
	margin-bottom: 10px;
	margin: 1px;
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm input{  
border:1px solid #B2B2B2; 
color:#333333; 
font-size:11px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
width:203px; 
height:14px; 
letter-spacing:1px; 
}

#corpSimulateur label{
width:250px;

}
#corpSimulateur p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0;
	margin-bottom: 10px;
	margin: 1px;
}
/*
#corpSimulateur input{  
border:1px solid #B2B2B2; 
color:#000000; 
font-size:11px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
width:150px; 
height:14px; 
letter-spacing:1px; 
}*/
#corpSimulateur fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	background: #EEEEEE;
}

#corpSimulateur fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 190px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	color:black;
}
#corpSimulateur {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 0px solid black;
	color: #868686;
	font-weight:bold;
/*	background: #EEEEEE;*/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}

/**************************************************************************/
#corpResultatSimulateur label{
width:250px;

}
#corpResultatSimulateur p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0;
	margin-bottom: 10px;
	margin: 1px;
}
/*
#corpResultatSimulateur input{  
border:1px solid #B2B2B2; 
color:#000000; 
font-size:11px; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
width:150px; 
height:14px; 
letter-spacing:1px; 
}
*/
#corpResultatSimulateur fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	background: #EEEEEE;
}

#corpResultatSimulateur fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 190px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	color:black;
}
#corpResultatSimulateur {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	border: 0px solid black;
	color: #868686;
	font-weight:bold;
/*	background: #EEEEEE;*/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpResultatSimulateur .bouton {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin-left: 195px;
	color: #000000;
}
.question_simulateur{
background:url(http://www.pradoepargne.com/images/fleche_turquoise.gif) 5px 4px no-repeat;
padding-left:18px;
font-weight:bold;
margin-top:10px;
margin-bottom:5px;
/*border:1px solid #B2B2B2; */
color:#000000; 
}
.reponse_simulateur{
/*border:1px solid #B2B2B2; */
color:#000000; 
font-weight:normal;
}
#print,#contenu_gauche,#footer,#container_menu{
display:none;
}
#contenu_droite{
margin:30px;
}