/* =INITIAL
   v2.1, by Faruk Ates - www.kurafire.net
   http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/1.2 Verdana, Arial, Helvetica, sans-serif;
	}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
	}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
	}
ul {
	list-style: url(/retraite/img/li.jpg);
	margin-left: 1em;
	}
dt{
	color: #5E91A8;
	font-weight: bold;
	}
dd{
	margin-left: 0;
	}
	
/* Miscellaneous conveniences: */
input {
	background-color:#FFFFFF;
	border:1px solid #5A92AD;
	color:#5A92AD;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding:0pt 3px;
	}
	input.borderNone, .radiobutton input {
		border:none;
		margin-right:0.2em;
		}
	.radiobutton input {
		margin-bottom: 0;
		width: auto;
		}
select {
	background-color:#FFFFFF;
	border:1px solid #5A92AD;
	color:#5A92AD;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding:0pt;
	}
textarea {
	background-color:#FFFFFF;
	border:1px solid #5A92AD;
	color:#5A92AD;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding:0pt 3px;
	}
html {
	background: #fff;
	font-size: 68.75%;
	}
h1 {
	margin: 0;
	}
h4 {
	font-size: 1em;
	}
strong {
	color: #5E91A8;
	}
.viewPanno{
	position: relative;
	}
.viewPanno, .viewDesc, a {
	color:#5E91A8;
	cursor: pointer;
	text-decoration:none;
	}
a:hover {
	color:#4B7284;
	text-decoration:underline;
	}
	a img {
		border: none;
		}
.clear {
	clear: both;
	}
.float_left {
	float: left;
	}
.float_right {
	float: right;
	}
.float_none {
	float: none;
	}	
.centre {
	text-align : center;
}	

.pdroite {
	text-align : right;
}


		
/* FORMULAIRE */		

		
fieldset{
	border: none;
	margin-bottom: 1em;

	}
	legend{
		color: #5E91A8;
		font-weight: bold;
		padding: 0 0 0.5em 0;
		}
	fieldset label{
		float: left;
		margin-bottom:0.5em;
		position: relative;
		top: 0.3em;
		}
	
form input, form select{
	margin-bottom: 0.3em;
	}
form textarea {
	margin-bottom:1.5em;
}
	


sup {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
dfn {
	font-style: normal;
	}
p.contact {
	font-weight: bold;
	text-align: left;
	margin: 1em 0 0;
	}
.etoile{
	color: red;
	padding: 0 0.5em 0 0.5em;
	}
.error{
	color:#FF0000;
	}
	
/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
	}

/* =CONTENEUR */
	#conteneur {
		background: url(/retraite/img/fond-carac.gif) repeat-y;
		margin: 0 auto;
		min-height: 700px;
		padding: 0 9px 0 10px;
		position: relative;
		width: 761px;
		}
	#arbre_carac {
		position: absolute;
			bottom: -1px;
			left: 10px;
		}
	
/* =HEADER */
	#header {
		background: rgb(231, 235, 247);
		min-height: 181px;
		position: relative;
		}
		#logoCarac {
			margin: 0;
			position: relative;
				z-index: 2;
			}
			#logoCarac img, #logoCarac object {
				display: block;
				}
			#logoCarac a img {
				float: left;
				}
		#liens_evitements {
			position: absolute;
				top: 10px;
				left: 10px;
				z-index: 1;
			}
		/* =RECHERCHE */
		#recherche {
			background: rgb(231, 235, 247);
			min-height: 40px;
			padding: 0 0 0 10px;
			position: absolute;
				bottom: 0;
				left: 0;
				z-index: 2;
			width: 168px;
			}
			#recherche p {
				margin: 0;
				}
				#recherche label {
					color: #5a92ad;
					font-variant: small-caps;
					}
				#recherche input {
					background-color:#FFFFFF;
					border: 1px solid #5A92AD;
					color:#5A92AD;
					/*width: 130px;*/
					width: 125px;
					}
					#recherche input.button {
						background-color:#C6D7DE;
						border: 1px solid #5A92AD;
						color:#5A92AD;
						/*width:25px;*/
						width:25px;
						}
						
/* =MENU */
	#menu {
		float: left;
		list-style: none;
		list-style-image:none;
		margin: 0;
		width: 181px;
		}
		#menu li {
			border-right: 1px solid #bcd0da;
			list-style: none;
			margin: 0;
			}
			#menu li a, #menu li a img {
				border-bottom: 1px solid #bcd0da;
				list-style: none;
				}
		#menu ul {
			list-style: none;
			list-style-image:none;
			margin: 0;
			}
			#menu ul li, #menu ul li a, #menu ul li a img {
				border: none;
				}
		#menu img {
			vertical-align: bottom;
			}

/* =CONTENU */
	#contenu {
		float: left;
		padding: 0 19px 19px;
		text-align: justify;
		width: 542px;
		}
		/* =YAHOOPATH */
		.yahoopath {
			color: #5e91a8;
			padding: 5px 0;
			}
			.yahoopath a {
				text-decoration: none;
				}
				.yahoopath a:hover {
					text-decoration: underline;
					}
		
		h2 {
			color: #5E91A8;
			font-size: 1em;
			margin: 0 0 1em 0; 
			}
			#calqueDonnees h2 {
				font-size: 1.4em;
				}
		h3 {
			color: #5E91A8;
			font-size: 1em;
			margin: 0 0 1em 0; 
			}
		h2 a {
			text-decoration: none;
			}
			h2 a:hover {
				text-decoration: underline;
				}
			h2 a img {
				margin: 0 -5px;
				}
		#texte {
			border: 1px solid #D6DFE7;
			border-top-width: 5px;
			border-bottom-width: 10px;
			padding: 10px 5px 5px 5px;
			position: relative;
			width: 530px;
			}
			#texte p.aideConseiller {
				float: left;
				margin-right: 5px;
				width: 383px;
				}
			#texte b{
				color: #5E91A8;
				font-weight: bold;
				}
			#texte ul.tabCommentaire{
				padding: 0 1em 1em 1em;
				}
				#texte ul.tabCommentaire li{
					font-size: 0.9em;
					font-style: italic;
					list-style: none;
					list-style-image:none;
					margin: 0;
					padding: 0;
					}
			#texte form input.button{
				background-color:#C6D7DE;
				border:1px solid #5A92AD;
				color:#5A92AD;
				font-family:Verdana,Arial,Helvetica,sans-serif;
				font-size:11px;
				padding:0pt 3px;
				width:90px;
				}
			
			/* =CONTENU */
			#cec #distinctions{
				background: #fff;
				height: 140px;
				width: 392px;
				}
				#cec #distinctions img{
					margin: 0 10px;
					float: left;
					}
					#cec #distinctions img.premier{
					margin: 0 0 0 50px;
					}
				#texte .exergue {
					margin: 0 0 10px 0;
					}
				#texte .retourSommaire {
					margin: 0;
					position: absolute;
						bottom: 0;
						right: 0;
					}
					#texte .point .retourSommaire {
						margin: 0;
						position: absolute;
							top: 1px;
							right: 2px;
							bottom: auto;
						}
						#texte .point .retourSommaire a {
							color: #000;
							}
				#texte .illustration{
					margin: 0 5px 3px 5px;
					}
	
			/* =NOTES*/
			#notes, .notesTab {
				list-style: none;
				list-style-image:none;
				margin: 20px 0 15px 0;
				padding: 0;
				}
				.conteneurPoint #notes li{
					/*margin-left: 1em;*/
					}
				#notes li, .notesTab li{
					margin-left: 0;
					}
					.notesTab li ul{
						margin: 0;
						}
					.notesTab li ul li{
						list-style: url(/retraite/img/li.jpg);
						margin-left: 2em;
						}
			.conteneurPoint .remarque{
				padding: 0 5px 0 5px;
				}
			.resume, .remarque{
				font-style: italic;
				}

		
/* = ELEMENTS SPECIFIQUES AUX PAGES CONTENANT DES FORMULAIRES */
#texte #obligatoire {
	list-style: none;
	list-style-image:none;
	margin-left: 0;
	padding-left: 0;
	}
	#texte #obligatoire li{
		margin-left: 0;
		padding-left: 0;
		}
form #actionFormulaire{
	display: block;
	text-align: center;
	padding: 1em;
	}
	#coordonnees label,#infoUtils label{
		width: 240px;
		}
	#coordonnees2 label{
		width: 105px;
		margin-bottom:0.8em;
		}
	
	#coordonnees label.genre,#coordonnees2 label.genre, #infoUtils label.choix
	{
		width: 25px;
		}
	#adherent label{
		width: 250px;
		}	
	label.joignable,label.precise_id {
		padding-left:50px;
	}	
	#caracetvous {
		position: relative;
		top: 0em;
	}		
	#par_lien_fill_id {
		position:relative;
		top:0.5em;
		}
	div #parrainage label,div #recrutement label{
		width: 240px;
		}	
		div #parrainage label.genre{
			width: 25px;
			}
			div #parrainage label.checkbox {
				width: 500px;
				margin-bottom:1em;
				}
	div #recrutement label{
		width: 240px;
		color:#5E91A8;
		font-family:Verdana;
		font-size:11px;
		font-weight:bold;
		}	
	div #recrutement input,div #recrutement textarea{
		width: 200px;
		}
		
		#form_parrainage fieldset label{
			width:260px;
			padding-bottom:0.3em;
			}
			#form_parrainage fieldset span{
					position:relative;
					top:0.3em;
					}
					#form_parrainage fieldset select{
						margin:0px -50px 0pt 0pt;
						}
			
		#forminterlocuteurs fieldset input{
			width:110px;
			}	
			#forminterlocuteurs fieldset input.genre{
				width:11px;
				}	
				
		fieldset.connu_carac select,fieldset.connu_carac input, fieldset.connu_carac label{
			margin-top:1em;
			}
						
/* =FOOTER */
	#footer {
		background: url(/retraite/img/fond-footer-carac.gif) no-repeat;
		margin: 0 auto;
		padding: 1em 9px 1em 10px;
		text-align: center;
		width: 761px;
		}
		#footer li {
			border-left: 1px solid #bcd0da;
			display: inline;
			margin: 0;
			padding: 0;
			}
			#footer li.first {
				border-left: none;
				}
		#footer a {
			color: #5E91A8;
			padding: 0 0.5em;
			text-decoration: none;
			}
			#footer a:hover {
				text-decoration: underline;
				}

#footer_texte {
			border:1px solid #FFFFFF;
			scroll 0%;
			margin:0pt auto;
			padding: 1em ;
			text-align:center;
			width:740px;
			color: #8AA7B0;
			background-color:#FFFFFF;
			}
		#footer_texte a {
			color: #8AA7B0;
			}		
/* =SIMULATION */ 

div.divvaleurGraph {
	border:1px solid #3C5763;
	color:#000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	height:80px;
	width:220px;
	}
	div.divvaleurGraph table {
		background-color: #fff;
		border:none;
		margin: 0;
		width:100%;
		}
		div.divvaleurGraph table caption {
			background-color: #3C5763;
			border: 1px solid #3C5763;
			color: #fff;
			font-weight: bold;
			height: 15px;
			text-align: left;
			width: 100%;
			}
			div.divvaleurGraph table tbody tr {
				border: none;
				background-color: #fff;
				height: 10px;
				}
			div.divvaleurGraph table tbody tr th.left {
				border: none;
				background-color: #fff;
				text-align: left;
				height: 10px;
				}
			div.divvaleurGraph table tbody tr td.right {
				border: none;
				background-color: #fff;
				text-align: right;
				height: 10px;
				}
	#texte .estimation, #texte .texteBoutonActions {
		margin-left: 70%;
		}
	#texte .total {
		clear: both;
		font-weight: bold;
		}
		#texte .total dt {
			float: left;
			width: 70%;
			}
		#texte .total dd {
			float: left;
			width: 29%;
			}

#leline {
	background: #6594A6;
	display: none;
	height: 180px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 1px;
	}


	/* =SIMULATION RETRAITE */
	.attenteMessage, .cacheInfoBulles, .cacheFrameInfoBulles {
		position: absolute;
		visibility: hidden;
		}
	.attenteMessage {
			top:  1em;
			left: 1em;
			z-index: 30;
		}
	.cacheInfoBulles {
		background-color: #E9F0F3;
		border: 1px solid #657C85;
		color: #657C85 !important;
		font-size: 0.9em;
			z-index: 20;
		}
	.cacheFrameInfoBulles {
			z-index: 19;
		}
	#calqueDonnees label, #spanTypeRevenu{
		color: #5E91A8;
		font-weight: bold;
		}
	#calqueDonnees label{
		display: block;
		float: left;
		width: 55%;
		}
		#salaireAnnuels label {
			color: #000;
			font-weight: normal;
			}
		#salaireAnnuels p {
			margin: 0;
			}
	div#histo {
		clear: left;
		padding-bottom:1em;
		padding-top:1em;
		}
		div#histo table tbody tr td{
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:0.8em;
			font-size-adjust:normal;
			font-style:normal;
			font-variant:normal;
			font-weight:normal;
			line-height:1;
			}
			
		 select,input {
			width:150px;
			}
			.petit_input{
				width:12px;
				}
			.gras {
				font-weight: bold;
				color: #5E91A8;
				}
			.droite, .gauche {
				display: block;
				}
			.gauche {
				width: 55%;
				float: left;
				}
			.droite {
				width: 43%;
				float: right;
				}
			.gauche2 {
				width: 70%;
				float: left;
				}
			.droite2 {
				width: 30%;
				float: right;
				}
			.droite.petitInput input, .droite2.petitInput input {
				width: 4em;
				}
				.droite.moyenInput input, .droite2.moyenInput input, #spanRetraiteSouhaitee input, #spanMontantMesuresPersonnelles input {
				width: 8em;
				}
			.calculette {
				float: right;
				}
		#calqueDonnees .graph {
			display: block;
			padding-top: 1em;
			width:530px;
			}
			#calqueDonnees .graph .border{
				display: block;
				padding-left: 5em ;
				width : 100px;
				text-align: bottom;
				float: left;
				}
			#calqueDonnees	.graph .img{
				float:left;
				margin-top:50px;
				margin-left:20px;
				}
		#calqueDonnees hr {
			border:solid 1px #ccc;
			margin-bottom: 0;
			}
		#calqueDonnees h3 {
			border-bottom:solid 1px #ccc;
			clear: both;
			color: #fff;
			display: block;
			margin-top: 2em;
			width: 95%;
			}
			#calqueDonnees h3 span {
				background-color:#6892A8;
				border:solid 1px #ccc;
				border-bottom:solid 1px #6892A8;
				display:block;
				height:1.3em;
				padding-left:1em;
				width:50%;;
				}
		br.pad {
			margin-bottom:5em;
			}	
			.border input {
				width : 12px;
				}
body iframe {
	background-color:#E9F0F3;
	}

/* =AIDE */

	div#aide {
		visibility: hidden;
		}
		
/* =POPUP */ 
#popup {
	text-align: center;
	}
	#popup .boutonRetour, .boutonRetour {
		text-align: right !important;
		}
	#popup input {
		margin-bottom: 0;
		width: auto;
		}
	#calqueDonnees {
		text-align: left;
		}
		
		input.inputdeco {
				background-color:#E4EBF5;
				}