@import url(outils-pratiques.css);

/* Le menu bien vivre est actif*/ 
ul#menus li#bienvivre-item a span,
ul#menus li#bienvivre-item a:hover span {
	background-position: -252px -25px;
}

/**********************************************/
/**               Home bien vivre            **/
/**********************************************/
#rubrique #contenu .premier-bloc,
#rubrique #contenu .second-bloc {
	min-height:25em;
	float:left;
	width:410px;
	background:#fff;
}


#rubrique #contenu .premier-bloc,
#rubrique #contenu .second-bloc {
	padding-bottom:0.7em;
}


#telecharger-logiciel #rubrique #fond-illus p,
#logiciel #rubrique #fond-illus p {
	font-weight:bold;
	font-size:1.8em;
}

#gerer-votre-budget #rubrique #contenu .premier-bloc p {
	padding:3px 10px;
}

#confirmation-logiciel #rubrique #fond-illus p strong,
#telecharger-logiciel #rubrique #fond-illus p strong,
#logiciel #rubrique #fond-illus p strong { color:#cf4546; }

#telecharger-logiciel #rubrique #contenu .premier-bloc,
#confirmation-logiciel #rubrique #contenu .premier-bloc,
#logiciel #rubrique #contenu .premier-bloc { padding-bottom:0; }

#confirmation-logiciel #rubrique #contenu #bloc-contenu .premier-bloc,
#telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc,
#logiciel #rubrique #contenu #bloc-contenu .premier-bloc,
#outils-pratiques #rubrique #contenu #bloc-contenu .premier-bloc {
	background-color:#cf4546;
	height:25em;
	padding-left:1em;
	padding-right:1em;
	padding-top:7em;
	width:380px;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc,
#confirmation-logiciel #rubrique #contenu #bloc-contenu .premier-bloc,
#logiciel #rubrique #contenu #bloc-contenu .premier-bloc {
	height:330px;
}

#confirmation-logiciel #rubrique #contenu #bloc-contenu .premier-bloc,
#telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc {
	padding-top:2em;
}

#logiciel #rubrique #contenu #bloc-contenu .premier-bloc {
	padding-top:1em;
	padding-bottom:1em;
}

#confirmation-logiciel #rubrique #contenu #bloc-contenu .premier-bloc,
#telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc,
#logiciel #rubrique #contenu #bloc-contenu .premier-bloc { position:relative; }

#confirmation-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.illustr,
#telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.illustr,
#logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.illustr {
	background:transparent url(../images/logiciel/credito.gif) no-repeat scroll right bottom;
	bottom:0;
	left:30px;
	margin:0;
	line-height:1.0em;
	padding:0 108px 0 0;
	position:absolute;
}

#confirmation-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.illustr img,
#telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.illustr img,
#logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.illustr img {
	position:relative;
	top:16px;
	padding:0;
}

* > #telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.illustr img,
* > #confirmation-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.illustr img,
* > #logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.illustr img { top:18px; }

#outils-pratiques #rubrique #contenu {
	padding-bottom:0;
}


#confirmation-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p, 
#telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p,
#confirmation-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p a, 
#telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p a,
#logiciel #rubrique #contenu #bloc-contenu .premier-bloc p, 
#logiciel #rubrique #contenu #bloc-contenu .premier-bloc p a,
#outils-pratiques #rubrique #contenu #bloc-contenu .premier-bloc p, 
#outils-pratiques #rubrique #contenu #bloc-contenu .premier-bloc p a {
	color:#FFFFFF;
	font-weight:bold;
	line-height:1.5em;
	text-align:center;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset {
	font-size:0.9em;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset p {
	padding:5px 0;
	clear:both;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset label {
	float:left;
	width:90px;
	cursor:pointer;
}

#rubrique #contenu #bloc-contenu p.total_errors {
	padding:10px 0;
	font-size:1.5em;
	color:#cf4546;
}

#confirmation-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.mentions,
#telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.mentions,
#logiciel #rubrique #contenu #bloc-contenu .premier-bloc p.mentions,
#rubrique #contenu #bloc-contenu p.mentions {
	font-size:1em;
	line-height:1.1em;
	clear:both;
	text-align:left;
	padding:5px 0 15px 0;
	font-weight:normal;
	color:#f6cfd0;
}


#rubrique #contenu #bloc-contenu p.mentions {
	font-size:0.9em;
	color:#58534B;
}


#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset p.submitBtn {
	padding-left:90px;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset span,
#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset input {
	width:200px;
	display:block;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset span {
	width:300px;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset input#submit {
	width:auto;
	background-color:#cf4546;
	color:#fff;
	border:1px solid #cf4546;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset input#submit:hover,
#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset input#submit:focus {
	background-color:#FFFFFF;
	color:#cf4546;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset input#submit:focus {
	background-color:#f0d3d3;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu fieldset .error {
	display:block;
	clear:both;
	padding-left:90px;
	color:#cf4546;
}

		#confirmation-logiciel #rubrique #fond-illus h2 span,
		#telecharger-logiciel #rubrique #fond-illus h2 span,
		#logiciel #rubrique #fond-illus h2 span,
		#outils-pratiques #rubrique #fond-illus h2 span,
		#gerer-votre-budget #rubrique #fond-illus h2 span {
			background:transparent url(../images/titres/bienvivre/h2.gif) no-repeat left bottom;
			color:#CF4546;
		}

		#rubrique #fond-illus h2 {
			color:#CF4546;
		}
		
		#gerer-votre-budget #rubrique #fond-illus p {
			color:#58534B;
		}

		#gerer-votre-budget #rubrique #contenu .premier-bloc,
		#gerer-votre-budget #rubrique #contenu .second-bloc {
			border:1px solid #cf4546;
			background:#fff;
		}
		
		#gerer-votre-budget #rubrique #contenu .second-bloc {
			padding-bottom:52px;
		}

		#gerer-votre-budget #rubrique #contenu .premier-bloc p,
		#gerer-votre-budget #rubrique #contenu .second-bloc p,
		#rubrique #contenu .premier-bloc p a,
		#rubrique #contenu .second-bloc p a{
			color:#58534B;
		}

		#gerer-votre-budget #rubrique #contenu #logiciel {
			background:#FFFFFF none repeat scroll 0 0;
			border:1px solid #cf4546;
			clear:both;
			margin-bottom:-126px;
			position:relative;
			top:-126px;
			width:410px;
		}
		
		#gerer-votre-budget #rubrique #contenu {
			max-height:43em;
		}

		
		#gerer-votre-budget #rubrique #contenu #logiciel h3 { 
			background-color:#cf4546;
			padding:6px 12px;
			font-weight:normal;
			line-height:1.3em;
			text-transform:uppercase;
		}
		
		#gerer-votre-budget #rubrique #contenu #logiciel h3 a {
			display:block;
			width:357px;
			height:16px;
			color:#fff;
			text-decoration:none;
		}
		
		#gerer-votre-budget #rubrique #contenu #logiciel .illustr {
			float:left;
			margin:0 15px -15px 0;
		}
		
		#gerer-votre-budget #rubrique #contenu #logiciel p {
			color:#58534B;
			font-size:1.2em;
			line-height:1.2em;
			margin:0;
			padding:6px 10px;
		}
		
		#gerer-votre-budget #rubrique #contenu #logiciel .questionBtn a {
			font-style:italic;
			text-align:right;
			color:#58534B;
		}
		
		#gerer-votre-budget #rubrique #contenu .second-bloc h3,
		#gerer-votre-budget #rubrique #contenu .premier-bloc h3 {
			background-color:#cf4546;	
		}

		/* liste à puce */		
		#confirmation-logiciel #rubrique #contenu .second-bloc ul.dossiers li,
		#telecharger-logiciel #rubrique #contenu .second-bloc ul.dossiers li,
		#logiciel #rubrique #contenu .second-bloc ul.dossiers li,
		#outils-pratiques #rubrique #contenu .second-bloc p.title,
		#gerer-votre-budget #rubrique #contenu .second-bloc ul.dossiers li,
		#gerer-votre-budget #rubrique #contenu .premier-bloc ul.liste-generique li,
		#gerer-votre-budget #rubrique #contenu .second-bloc ul.liste-generique li{
			background:#fff url(../images/puces/bienvivre/fleche.gif) no-repeat 11px 8px;
		}
		
		
		#confirmation-logiciel #rubrique #contenu .second-bloc ul.dossiers li strong,
		#telecharger-logiciel #rubrique #contenu .second-bloc ul.dossiers li strong,
		#logiciel #rubrique #contenu .second-bloc ul.dossiers li strong {
			color:#cf4546;
			font-weight:normal;
		}
		
		#gerer-votre-budget #rubrique #contenu .second-bloc p { padding-top:3px; padding-bottom:20px; }
		
		#gerer-votre-budget #rubrique #contenu .second-bloc ul.dossiers {
		padding-bottom:3em;
		}
		
		#rubrique #contenu #bloc-contenu p.btndownload { float:left; font-size:1.4em; }
		
		#rubrique #contenu #bloc-contenu p.btndownload a { 
			text-decoration:none;
			color:#fff; 
			float:left;
			background-color:#cf4546;
			padding:2px 18px;
			border:1px solid #cf4546;
			font-size:1.0em;
		}
		
		#rubrique #contenu #bloc-contenu p.btndownload a:hover { 
			background-color:#fff; 
			color:#cf4546; 
		}
		
		#aside .menu.autresdossiers ul li {
			background:#fff url(../images/puces/bienvivre/fleche.gif) no-repeat 0 1px;
		}

		#telecharger-logiciel #rubrique #contenu .second-bloc p.title,
		#confirmation logiciel #rubrique #contenu .second-bloc p.title,
		#logiciel #rubrique #contenu .second-bloc p.title,
		#outils-pratiques #rubrique #contenu .second-bloc p.title,
		#gerer-votre-budget #rubrique #contenu .second-bloc ul.dossiers li a,
		#gerer-votre-budget #rubrique #contenu .premier-bloc ul.liste-generique li a,
		#gerer-votre-budget #rubrique #contenu .second-bloc ul.liste-generique li a {
			color:#d85152;
		}

	#confirmation-logiciel #rubrique #contenu .second-bloc p.title,
	#telecharger-logiciel #rubrique #contenu .second-bloc p.title,	
	#logiciel #rubrique #contenu .second-bloc p.title,
	#gerer-votre-budget #rubrique #contenu .second-bloc p.title,
	#outils-pratiques #rubrique #contenu .second-bloc p.title {
		padding:3px 10px 3px 31px;
		margin-bottom:-8px;
	}

	#gerer-votre-budget #rubrique #contenu .second-bloc p.title {
		padding-left:10px;
		margin-bottom:-8px;
	}


	#aside p.title {
		color:#cf4546;
	}
	
	#logiciel #rubrique #contenu a,
	#outils-pratiques #rubrique #contenu a {
		color:#58534B;
	}
	
	#confirmation-logiciel #rubrique #contenu .second-bloc,
	#telecharger-logiciel #rubrique #contenu .second-bloc,
	#logiciel #rubrique #contenu .second-bloc,
	#outils-pratiques #rubrique #contenu .second-bloc {
		padding-top:10px;
		position:relative;
		color:#58534B;
	}
	
	#outils-pratiques #rubrique #contenu .second-bloc {
		padding-top:6em;
	}
	
	#rubrique #contenu .second-bloc h4 {
		font-size:1.8em;
		padding:10px;
	}
	
	#outils-pratiques #rubrique #contenu .second-bloc h3 {
		position:absolute;
		left:-15px;
		top:0;
		background-color:#F4D0C8;
		color:#D85152;
		font-size:2.2em;
		font-weight:normal;
		padding:11px 0;
		text-align:center;
		text-transform:uppercase;
		width:437px;
	}
	
	#outils-pratiques #rubrique #contenu #bloc-contenu {
		height:auto;
		margin-bottom:10px;
	}
	
/**********************************************/
/**               Page bien vivre            **/
/**********************************************/

		div#contenu {
		  padding: 10px 10px 0;
		  margin-right:auto;
		  margin-left:auto;
		}

		/* Liens haut de page */
		  .haut-de-page a {
		    background: url(../images/fonds/bienvivre/haut-de-page.gif) no-repeat bottom right;}

		/* Menu à droite des pages internes */

		#aside .menu {
			overflow:hidden;}

		#contenu #aside .menu.autresdossiers {
			background-color:#fff;
		}
		
        #contenu #aside .menu {
          border: 1px solid #cf4546;/* marron clair */}
			
			#aside .menu.autresdossiers h2 {
				background-color:#cf4546;
			}
			
		    #contenu #aside .menu ul {
		      font-size: 13px;

		      padding: 10px 0 10px 12px;}
		      #contenu #aside .menu ul li {
		        /*margin: 8px 0;
		        padding-left: 32px;
				line-height:15px;
		        background: url(../images/puces/dossiers.gif) no-repeat top left;*/}
			#aside .menu ul li.active { display:none; }
		        #contenu #aside .menu ul li a {
		            color: #736C62;/* marron foncé */}
				  #contenu #aside .menu ul li:hover {
		            /*background-position: left -186px;*/}
				  #contenu #aside .menu ul li.suite:hover {
		            background-position: top left;}/* debug suite */

						#contenu #aside .menu.enbref h3, 
						#contenu #aside .menu.enchiffre h3, 
						#contenu #aside .menu.autresdossiers h3 {
							background-color:#F4D0C8;
							color:#D85152;
						}


		/* Page de type "5 règles d'or" */
		#page-interne {
		  border: 1px solid #cf4546;
		  color: #726b5f;
		 }

		  /* Balises génériques dans une page interne */
		  #page-interne a {
		    color: #cf4546;}

		  #page-interne h2 {
		    background: #cf4546;/* vert foncé */
			  padding-left:20px;
		  }

		
		
		  #page-interne h3 {
		    background: #f4d0c8;/* vert clair */
		    color: #d85152;/* vert foncé */
		    }

			.impair label {
			background:#f4d0c8;
			}


		  #page-interne h4 {
		    color: #d85152;/* vert foncé */
		    border-bottom:1px solid #d85152;
		}

		  #page-interne h5 {
		    background:transparent url(../images/puces/bienvivre/puce.gif) no-repeat scroll 20px 6px;
		    padding-left:20px;
			padding-right:40px;
		    text-indent:12px; }
		  /* Classes génériques dans une page interne */

		    #page-interne a.savoir-plus,
		    #page-interne ul li {
		        background: url(../images/puces/bienvivre/fleche.gif) no-repeat left top;}

			    #page-interne ul li.retour {
			        background: url(../images/puces/bienvivre/fleche.gif) no-repeat left bottom;}

		  #page-interne p.intro {
		    color: #d85152;/* vert foncé */
		   }      

		  #page-interne .haut-de-page a {
		    color: #000;}

		  /* Liens qui mènent aux titres dans la page (a également la classe .puces) */
		  #page-interne ul.toc {
		    border: 1px solid #F4D0C8;
		    background-color: #FDF4F1;
		   }
		    #page-interne ul.toc li {
					margin:8px 10px;
		        background-color: #FDF4F1;}
		        #page-interne ul.toc li a {
		          color: #d85152;/* vert foncé */
		        }
			


				#rubrique #contenu .second-bloc ul.dossiers li {
					background:#FFFFFF url(../images/puces/tiret.gif) no-repeat scroll 30px 12px;
					padding-left:24px;
				} 
				
				#outils-pratiques #rubrique #contenu .second-bloc ul.dossiers li {
					padding-left:42px;
				}
/**********************************************/
/**              h2-page-interne             **/
/**********************************************/


#page-interne h2 a{
	color:#fff;
}

#page-interne #calcul-frais-notaries,
#page-interne #estimation-taux-endettement {
	margin:40px auto;
	width:730px;
	padding-bottom:38px;
	background:url(../images/fonds/fondsimulation.gif) no-repeat bottom left;
}

#page-interne #calcul-frais-notaries{
	background:url(../images/fonds/fondsimulation.gif) no-repeat bottom center;
}


#page-interne #calcul-frais-notaries {
width:720px;
padding: 0 0 38px 0px;
}

#calculer-frais-notaries #page-interne,
#estimer-capacite-emprunt #page-interne {
	width:932px;
}

#FraisNotaries{
	border:0;
	padding:0;
	margin:0 0 0 0px;
	height:226px !important;
	height:226px;
}

#MSOPageViewerWebPart_WebPartWPQ2 {
	border:0;
	padding:0;
	margin:0;
	height:404px !important;
	height:420px;
}


#page-interne ul {
padding:0px 0 10px 0px;
}

#page-interne ul.listescaracteristiques {
	margin-top:-10px;
	padding-top:20px;
	background:transparent url(../medias/logiciel/os/icons.png) no-repeat top right;
}

#presentation-logiciel #page-interne h4 {
	border-bottom:none;
}

#page-interne ul.listescaracteristiques li {
	font-size:1.0em;
	list-style:none;
	padding-left:0;
	background-image:none;
}

div#contenu #page-interne ul.listescaracteristiques li p {
	padding-left:0;
	font-size:1.0em;
}

ul.listescaracteristiques li .illustr {
	float:right;
	margin-left:10px;
	width:205px;
}

ul.listescaracteristiques li .illustr img {
	border:1px solid #528305;
}

body #page #contenu #aside .menu.contactconseiller h2 {
	background-color:#528305;
}

body #page #contenu #aside .menu.contactconseiller p {
color:#58534B;
font-size:1.3em;
line-height:1.2em;
padding:7px 5px 7px 9px;
}

body #page #contenu #aside .menu.contactconseiller {
	border-color:#528305;
}


body #page #contenu #aside .menu.contactconseiller ul li {
	color:#58534B;
	font-size:1.1em;
	line-height:1.1em;
	font-weight:bold;
	padding:4px 0 4px 30px;
	background:transparent url(../images/v2/home/iconscontact.gif) no-repeat scroll 0 0;
}

body #page #contenu #aside .menu.contactconseiller  ul li.mail {
	background-position:0 -155px;
}

body #page #contenu #aside .menu.contactconseiller ul li tt {
font-family:Trebuchet,Arial,Helvetica,Verdana,Geneva,sans-serif;
font-size:1.3em;
}

body #page #contenu #aside .menu.contactconseiller ul li small {
clear:both;
display:block;
font-size:0.6em;
font-weight:normal;
line-height:1.3em;
}

#telecharger-logiciel #rubrique #contenu #bloc-contenu .premier-bloc p {
	padding:5px 10px;
}

#rubrique #contenu p.mentions {
	padding:5px 10px;
	clear:both;
	color:#7b7b7b;
}

#confirmation-logiciel #rubrique #contenu #bloc-contenu,
#telecharger-logiciel #rubrique #contenu #bloc-contenu {
	margin-bottom:10px;
}
#logiciel #rubrique #contenu #bloc-contenu {
	margin-bottom:15px;
}

#page-interne p.mentions {
font-size:0.8em;
	color:#7b7b7b;
}