#centre, #page.mobile #centre, #page.mobile #contenu {
    padding: 0;
    width: 100%;
	max-width: 100%;
}


/* --- Budget jeunesse ----------------------------------------- */
.cf::after {
  content: "";
  clear: both;
  display: table;
}
.padding-25 { padding-top: 26px; padding-bottom: 26px; }

#page #zone-centrale .regroupement-depense::after {
  content: "";
  clear: both;
  display: table;
}

#page #zone-centrale { background-color: #f8f8f8; padding-top: 1em; } /* #e4dfd9 */
#page #zone-centrale .depense-base { background-color: #f5fffb; } /* #fff8e1 */
#page #zone-centrale .depense-fun { background-color: #eaf5ef; } /* #ffeee6 */
#page #zone-centrale .depense-reve { background-color: #e9ebec; } /* #e3eaea */
#page #zone-centrale .blanc { background-color: #ffffff; padding-bottom: 40px; }

#page #zone-centrale .conteneur { /*overflow: auto;*/ }
#page #zone-centrale .conteneur::after {
  content: "";
  clear: both;
  display: table;
}

#page #zone-centrale .largeur-reduite > div { /*padding: 0 11.8%;*/ width: 600px; margin: 0 auto; }



#page #zone-centrale .aucune-info {
  margin-top: 2em;
  border: 1px solid #07699D; 
  border-radius: 5px; 
  padding: 0.75em 0.75em 0.75em 4em; 
  background: url(/ressources/images/ic-n1-avertissement.svg) no-repeat 16px 50%;
  font-size: 0.9em;
}

/* pastilles/navig. du haut */
#page #zone-centrale nav { float: right; left: -50%; position: relative; margin-bottom: 25px; margin-top: 36px; }
	#page #zone-centrale nav ul { margin: 0; padding: 0; left: 50%; position: relative; list-style: none; list-style-type: none; }
	  #page #zone-centrale nav ul:before { content: " "; border-top: 1px solid #cbcbcb; width: 100%; position: absolute; z-index: -1; top: 24px; width: 70%; left: 15%;  }
	 #page #zone-centrale nav ul li { display: block; float: left; background-image: none; border-radius: 50%; 
	        width: 41px; height: 41px; line-height: 1.1em; text-align: center; padding: 0;
	        margin: 4px 30px 60px 30px; list-style: none; list-style-type: none; background-color: white; }
	 #page #zone-centrale nav ul li.done { background-color: #00884e; margin: 4px 30px 60px 30px; width: 41px; height: 41px; }
	 #page #zone-centrale nav ul li.active { background-color: #00884e; border: 4px solid white; margin: 0 26px 60px 26px; width: 49px; height: 49px;   
	            box-shadow: 2px 0 0 #00884e, -2px 0 0 #00884e, 0 -2px 0 #00884e, 0 2px 0 #00884e; }
	  #page #zone-centrale nav ul li a { display: inline-block; position: relative; left: -35px; width: 110px; 
	            text-decoration: none; font-weight: bold; padding-top: 55px; }
	  #page #zone-centrale nav ul li a:visited { color: #007944; }

#page #zone-centrale .intro-texte { padding-bottom: 0em; }
#page #zone-centrale #contenu h1 {font-size: 3.75em;color: #383838;font-weight: bold;font-family: 'robotoblack', arial, helvetica, sans-serif;line-height: 1.2em;padding: 0.5em 0;text-align: center;}
#page #zone-centrale .conteneur h2 { margin: 0; font-size: 26px; color: black; font-family: 'robotomedium', arial, helvetica, sans-serif; line-height: 1.25em; }
#page #zone-centrale .conteneur h3 { font-size: 40px; color: #3e3e3e; font-family: 'robotoblack', arial, helvetica, sans-serif; }
	#page #zone-centrale .conteneur .regroupement-depense h3,
	#page #zone-centrale #conteneur-resultats .resultat h3 { text-align: center; }
#page #zone-centrale .conteneur h4 { font-size: 26px; color: black; font-family: 'robotomedium', arial, helvetica, sans-serif; text-align: center; border-bottom: 1px solid #979797; }
#page #zone-centrale .conteneur h5 { margin: 0; padding: 0.5em 0; text-align: center; border-top: 1px solid #979797; }






















#page #zone-centrale .conteneur h2:focus,
#page #zone-centrale .conteneur h5:focus,
#page #zone-centrale #tiroirTemporaire .erreur:focus { outline: none; }






















#page #zone-centrale #tiroirTemporaire { width: 100%; float: left; padding: 0 18.1%; display: none; margin-bottom: 1em; }
  #page #zone-centrale #tiroirTemporaire .popover { padding: 30px; }
  #page #zone-centrale #tiroirTemporaire .popover.choix-multiples { padding: 0 30px 30px; }
    #page #zone-centrale #tiroirTemporaire .popover.choix-multiples div.centre { border-bottom:none; }
    /*#page #zone-centrale #tiroirTemporaire .popover.choix-multiples .un-choix { overflow: visible !important; }*/
	#page #zone-centrale #tiroirTemporaire .popover.choix-multiples a.onglet-choix { 
	 margin-bottom: 25px; 
	 border-radius: 0;
	 padding: 0.6rem 0.8rem;
	 width: 29%;
	 line-height: 1.1em;
	 font-weight: normal;
	 min-height: 55px;
	 display: -ms-inline-grid;
	 display: inline-grid;







	}
	#page #zone-centrale #tiroirTemporaire .popover.choix-multiples a.principal.onglet-choix { 
	 background-color: #f2f2f2;
	 border: 3px solid #00884e;
	 padding: 0.6rem 0.6rem;
	 color: #00884e;
	 font-weight: bold;
	}
  #page #zone-centrale #tiroirTemporaire input[type="text"],
  #page #zone-centrale #tiroirTemporaire input[type="number"] { width: 262px; padding: 13px 15px; font-size: 16px; color: #595959; border: 1px solid #979797; margin-right: 9px; }
  #page #zone-centrale #tiroirTemporaire select { width: 262px; padding: 13px 15px; font-size: 16px; border: 1px solid #979797; }
  #page #zone-centrale #tiroirTemporaire label { display: inline-block; float: left; width: 50%; line-height: 1.5em; }
  #page #zone-centrale #tiroirTemporaire label.labelSelect { position: absolute; top: 0; }
  
	  #page #zone-centrale #tiroirTemporaire .popover > div:not(.un-choix), 
      #page #zone-centrale #tiroirTemporaire .popover > .un-choix > div { margin-bottom: 20px; padding-bottom: 25px; }
#page #zone-centrale #tiroirTemporaire .sousTotal span { display: inline-block; width: 50%; font-size: 26px; color: #000; font-family: 'robotomedium', arial, helvetica, sans-serif; }
	#page #zone-centrale #tiroirTemporaire .sousTotal span:nth-child(2) { text-align: right; }



#page #zone-centrale .item:not(.enleve-hauteur) { position: relative; display: block; float: left; width: 109px; height: 200px; margin: 0 21px; text-align: center; } 
    #page #zone-centrale .item:not(.enleve-hauteur):before {
	 width: 22px; height:22px;
	 position: absolute; content: " ";
	 background: transparent url(/ressources/images/ic-outils-plus-outline.svg) no-repeat 50% 50%;
	 left: -32px; top: 45px;   
	}
#page #zone-centrale .item .enleve-hauteur { position: relative; display: none; float: left; width: 109px; height: 0px; margin: 0px; text-align: center; } 
	
	#page #zone-centrale .item a { display: inline-block; margin: 0 auto 30px; text-align: center; line-height: 1.1em; 
	        font-family: 'robotobold'; font-size: 16px; color: #007944; text-decoration: none; padding-bottom: 0.3em; } 
	#page #zone-centrale .item a.active { /*text-decoration: underline;*/ border-bottom: 2px solid #007944; }
	#page #zone-centrale .item a:visited { color: #007944; }
	#page #zone-centrale .item a .cercle { margin: 0 auto 18px; border-radius: 50%; border: 9px solid #63c69c; background-color: white; box-shadow: 0px 3px 3px grey;
	      text-align: center; width: 109px; height: 109px;
	      transition: transform 1.2s ease-in-out; }
	 #page #zone-centrale .item a .cercle img { margin-top: 22px; max-width: 54px; height: auto; }
	 #page #zone-centrale .item a .cercle.rempli { border-color: white; background-color: #63c69c; }
	#page #zone-centrale .depense-base .item a .cercle { border-color: #00884e; } /* #ffdd5c */
	#page #zone-centrale .depense-base .item a .cercle.rempli { border-color: white; background-color: #00884e; } 
	#page #zone-centrale .depense-fun .item a .cercle { border-color: #8ec9a9; } /* #ffb48e */
	#page #zone-centrale .depense-fun .item a .cercle.rempli { border-color: white; background-color: #8ec9a9; } 
	#page #zone-centrale .depense-reve .item a .cercle { border-color: #8e99a4; } /* #66cbd4 */
	#page #zone-centrale .depense-reve .item a .cercle.rempli { border-color: white; background-color: #8e99a4; }
	 
	#page #zone-centrale .item a .cercle:hover { 
	  transform: rotateY(360deg);   
	  transform-style: preserve-3d; 












































































	}
	
#page #zone-centrale .item.nb-1-par-ligne { margin-left: calc(50% - 55px); }
  #page #zone-centrale .item.nb-1-par-ligne:before { background: none; }
#page #zone-centrale .item.nb-2-par-ligne:nth-of-type(2n+1) { margin-left: calc(50% - 130px); }
  #page #zone-centrale .item.nb-2-par-ligne:nth-of-type(2n+1):before { background: none; }
#page #zone-centrale .item.nb-3-par-ligne:nth-of-type(3n+1) { margin-left: calc(50% - 205px); }
  #page #zone-centrale .item.nb-3-par-ligne:nth-of-type(3n+1):before { background: none; }
#page #zone-centrale .item.nb-4-par-ligne:nth-of-type(4n+1) { margin-left: calc(50% - 281px); }
  #page #zone-centrale .item.nb-4-par-ligne:nth-of-type(4n+1):before { background: none; }

.popover-revenu label, .popover-depense label {
  font-size: 18px; line-height: 1.11em; font-family: 'robotomedium', arial, helvetica, sans-serif; color: #000;
} 

#page #zone-centrale .montantNegatif { color: #cc0000; }
#page #zone-centrale .message.erreur { color: #cc0000; font-weight: bold; margin: 2em 0; text-align: center; }
#page #zone-centrale #tiroirTemporaire .erreur { 

    padding-left: 1.5rem;
    background-image: url(https://www.desjardins.com/ressources/images/ic-n1-erreur.svg);
    background-repeat: no-repeat;
    background-size: 1.125rem 1.125rem;
    background-position-y: calc((1.5em - 1.125rem) / 2);
    background-position-x: left;
    color: #bc1515;

display: inline-block; color: #cc0000; font-weight: bold; position: absolute; bottom: -2px; }
	#page #zone-centrale #tiroirTemporaire .conteneurChamps { position: relative; }
	 #page #zone-centrale #tiroirTemporaire .conteneurChamps .contourErreur { border: 2px solid #cc0000; }

#page #zone-centrale .tableau-detail > div { /*padding: 0 11.8%;*/ width: 600px; margin: 0 auto; }
	#page #zone-centrale .tableau-detail h3 { cursor: pointer; background: url(/ressources/images/ic-plus-vert.svg) no-repeat right center; background-size: 1rem 1rem;  }
	#page #zone-centrale .tableau-detail h3 a { color: #3e3e3e; text-decoration: none; display: inline-block; width: 100%; }
	#page #zone-centrale .tableau-detail h3.ouvert { background: url(/ressources/images/ic-moins-vert.svg) no-repeat right center; background-size: 1rem 1rem; }
	#page #zone-centrale .tableau-detail .conteneurRegroupement { display: none; }

/* === taille texte =================================================== */

html[style='font-size: 150%;'] #page #zone-centrale nav ul li { margin: 0 60px 60px 60px; }
html[style='font-size: 150%;'] #page #zone-centrale .item a { font-size: 1em; }
html[style='font-size: 150%;'] #page #zone-centrale .conteneur h3 { font-size: 1.35em;}
html[style='font-size: 150%;'] #page #zone-centrale .conteneur h4 { font-size: 1.2em;}
html[style='font-size: 150%;'] .popover-revenu label, html[style='font-size: 200%;'] .popover-depense label { font-size: 1em; }
html[style='font-size: 150%;'] #page #zone-centrale #tiroirTemporaire select,
html[style='font-size: 150%;'] #page #zone-centrale #tiroirTemporaire input[type="text"], 
html[style='font-size: 150%;'] #page #zone-centrale #tiroirTemporaire input[type="number"] { font-size: 1em; }

html[style='font-size: 200%;'] #page #zone-centrale nav ul li { margin: 0 70px 60px 70px; }
html[style='font-size: 200%;'] #page #zone-centrale .item a { font-size: 1em; }
html[style='font-size: 200%;'] #page #zone-centrale .conteneur h3 { font-size: 1.35em;}
html[style='font-size: 200%;'] #page #zone-centrale .conteneur h4 { font-size: 1.2em;}
html[style='font-size: 200%;'] .popover-revenu label, html[style='font-size: 200%;'] .popover-depense label { font-size: 1em; }
html[style='font-size: 200%;'] #page #zone-centrale #tiroirTemporaire select,
html[style='font-size: 200%;'] #page #zone-centrale #tiroirTemporaire input[type="text"], 
html[style='font-size: 200%;'] #page #zone-centrale #tiroirTemporaire input[type="number"] { font-size: 1em; }


/* ========================================================================================= */
/* ====== RESULTATS ======================================================================== */

#conteneur-resultats .highcharts-background {
	fill:   transparent;
}

#conteneur-resultats .resultat{
background-color:white;
}

#conteneur-resultats .highcharts-pie-series .highcharts-point {
	stroke: transparent;
}

#conteneur-resultats tspan.highcharts-text-outline{
	fill:transparent;
	stroke:transparent;
}

#conteneur-resultats .highcharts-credits{
	display:none;
}

#conteneur-resultats .highcharts-title{
	font-size: 40px !important;
	color: #3e3e3e;
	text-align: center;
	font-family: 'robotoblack', arial, helvetica, sans-serif; 
}

	#balance-liquidites { background-color: #fff; }
	#balance-liquidites .interieur-balance-liquidites { /*padding: 0px 11.8%;*/ width: 600px; margin: 0 auto; }
	 #balance-liquidites .interieur-balance-liquidites > div { padding: 1em 0; font-size: 1.12em; }
	 #balance-liquidites .interieur-balance-liquidites > div.revenusTotaux { padding-bottom: 0; }
	 
	#balance-liquidites .libelle { float: left; }
	#balance-liquidites .montant { display: block; text-align: right; }
	#balance-liquidites .balance { font-weight: bold; border-top: 1px solid #979797; }

/* ========================================================================================= */
/* ====== Couleurs pour les tranches dans le highcharts ==================================== */


#conteneur-resultats g.highcharts-color-0 .highcharts-color-1 {
	fill: #00884e; /* #ffdd5c */
	stroke: #00884e;
}


#conteneur-resultats g.highcharts-color-0 .highcharts-color-2 {
	fill: #8ec9a9; /* #ffb48e */
	stroke: #8ec9a9;
}

#conteneur-resultats g.highcharts-color-0 .highcharts-color-3 {
	fill: #8e99a4; /* #66cbd4 */
	stroke: #8e99a4;
}




.highcharts-pie-series.highcharts-color-1 .highcharts-color-0 { fill: #00884e; }
.highcharts-pie-series.highcharts-color-1 .highcharts-color-1 { fill: #269a68; }
.highcharts-pie-series.highcharts-color-1 .highcharts-color-2 { fill: #40a67b; }
.highcharts-pie-series.highcharts-color-1 .highcharts-color-3 { fill: #59b18c; }
.highcharts-pie-series.highcharts-color-1 .highcharts-color-4 { fill: #73be9e; }
.highcharts-pie-series.highcharts-color-1 .highcharts-color-5 { fill: #a6d6c1; }
.highcharts-pie-series.highcharts-color-1 .highcharts-color-6 { fill: #bfe1d3; }
.highcharts-pie-series.highcharts-color-1 .highcharts-color-7 { fill: #d9ede5; }


.highcharts-pie-series.highcharts-color-2 .highcharts-color-0 { fill: #8ec9a9; }
.highcharts-pie-series.highcharts-color-2 .highcharts-color-1 { fill: #ddeee5; }
.highcharts-pie-series.highcharts-color-2 .highcharts-color-2 { fill: #f3f9f6; }



















div#conteneurResultatRevenus{
	font-size: 26px;
	color: black;
	font-family: 'robotomedium', arial, helvetica, sans-serif;
	text-align: center;
	line-height: 20px;
}




























div#conteneurResultatRevenus #resultatRevenus{
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
	padding: 20px 0px 20px 0px;
}


div#conteneurResultatRevenus #resultatRevenus span:nth-child(1){
	float:left;
}
























































div#conteneurResultatRevenus #resultatRevenus span:nth-child(2){
	text-align: right;
	display: block;
}






































#conteneur-resultats .conteneurResultat div:nth-child(1){
	padding: 0 18.1%;
}














#conteneur-resultats .conteneurCategorieDepenses{
	margin-bottom:30px;
}




#conteneur-resultats .depensesResultats{
	font-size: 16px;
	font-family: 'robotomedium', arial, helvetica, sans-serif;
	line-height: 20px;
	border-bottom: 1px solid #979797;
	padding: 16px 0px;
}




#conteneur-resultats .depensesResultats .categorieDepense{
	float:left;
}




#conteneur-resultats .depensesResultats .montant{
	display:block;
	text-align:right;
}



#btnImpression {
	margin-top:20px;
	margin-bottom:20px;
}



/* ---- 3 barres couleurs horiz. avec icônes plus ------------------------------------------------------------------------ */
div#totalTroisRegroupements {
	width: 460px; margin: 1em auto 2em;
}
	div#totalTroisRegroupements > div { position: relative; width: calc(34.6% - 20px); line-height: 1.15em; 
	   float: left; padding-bottom: 0.5em; margin-left: 20px;
	   font-family: 'robotoblack', arial, helvetica, sans-serif; font-size: 18px; font-weight: 900; }
	
	 div#totalTroisRegroupements > div:nth-child(1) { border-bottom: 8px solid #00884e; margin-left: 0; padding-left: 0; }
	 #page.en div#totalTroisRegroupements > div:nth-child(1) { padding-top: 1.1em; }
	 div#totalTroisRegroupements > div:nth-child(2) { border-bottom: 8px solid #8ec9a9; padding-top: 1.1em; }
	 div#totalTroisRegroupements > div:nth-child(3) { border-bottom: 8px solid #8e99a4; padding-top: 1.1em; }
	  
	  div#totalTroisRegroupements > div:before { 
	   width: 22px; height:22px;
	   position: absolute; content: " ";
	   background: transparent url(/ressources/images/ic-outils-plus-outline.svg) no-repeat 50% 50%;
	   left: -22px; bottom: -15px; 
	  }
	  div#totalTroisRegroupements > div:nth-child(1):before { background: none; }
	
	div#totalTroisRegroupements > div > span { font-family: 'roboto', arial, helvetica, sans-serif; font-size: 16px; font-weight: 500; }



/* --- conseils perso -------------------------------------- */ 
	
#page #zone-centrale .conseil-budget-perso {
	background-color: #f2f2f2;
	border-radius: 8px;
	margin: 1.5em 0;
	padding: 1.5em 2em 1em;
}
	#page #zone-centrale .conseil-budget-perso h3 {
	 margin: 0.25em 0 1em;
	 font-size: 19px; /*font-size: 21px;*/
	 color: black;
	 font-family: 'robotomedium', arial, helvetica, sans-serif;
	}
	
	#page #zone-centrale #conseils { padding-top: 3em; }
	
	#page #zone-centrale #conseils-blocs-fixes { padding-bottom: 25px; }
	
	#page #zone-centrale #conseils-blocs-fixes h2 {
	 margin: 0; font-size: 26px; color: black; font-family: 'robotomedium', arial, helvetica, sans-serif;
	}
	/*
	#page #zone-centrale #conseils-blocs-fixes .cd-tuiles h2 {
	 font-size: 21px;
	 line-height: 1.1em; 
	 margin-bottom: 1em;
	}
	
	#page #zone-centrale #conseils-blocs-fixes .cd-tuiles img {
	 margin-bottom: 0.5em;
	}
	
	#page #zone-centrale #conseils-blocs-fixes .cd-tuiles.cd-compact.cd-lien > *:not(.no-lien) > *, 
	#page #zone-centrale #conseils-blocs-fixes .cd-tuiles.cd-compact > .cd-lien > a {
	 padding-bottom: 3.25em;
	 padding-right: 1.25em;
	}
	*/
	#page #zone-centrale #conteneur-resultats #conseils-blocs-fixes .conseil-budget-perso h3 { 
	            text-align: left; line-height: 1.22 !important; padding-top: 0.15em; }
	#page #zone-centrale #conteneur-resultats #conseils-blocs-fixes .conseil-budget-perso h3 img { vertical-align: middle; margin-right: 0.25em; }
	#page #zone-centrale #conteneur-resultats #conseils-blocs-fixes .conseil-budget-perso {
	 background-color: transparent;
	 border: 1px solid #cbcccc;
	}
	
	#page #zone-centrale #conteneur-resultats #conseils-blocs-fixes .conseil-budget-perso > div:first-child { padding-top: 0; }
	#page #zone-centrale #conteneur-resultats #conseils-blocs-fixes .conseil-budget-perso > div { 
	 border-bottom: 1px solid #cbcccc;
	 padding-bottom: 20px;
	 padding-top: 20px;
	}
	#page #zone-centrale #conteneur-resultats #conseils-blocs-fixes .conseil-budget-perso > div:last-child { border-bottom: none; }
	
	#page #balance-liquidites #btnExcel { 
	 background-image: url(/ressources/images/ic-telechargement-blanc.svg);
	 background-repeat: no-repeat;
	 padding-left: 2.5rem;
	 background-position: 1rem 50%;
	}




	
/* === responsive / mobile ============================================ */
@media screen and (min-width: 320px) and (max-width: 768px){
	
  #page #zone-centrale .largeur-reduite > div,
  #balance-liquidites .interieur-balance-liquidites, 
  #page #zone-centrale .tableau-detail > div { /*width: 96%; margin: 0 2%;*/ width: 100%; padding: 0 30px; }
  
  #page #zone-centrale #conteneur-resultats #conseils-blocs-fixes .conseil-budget-perso { width: calc(100% - 60px); }
  #page #zone-centrale #conteneur-resultats #conseils-blocs-fixes .conseil-budget-perso > div:first-child { padding-top: 30px; }
  #page #zone-centrale #conseils-nous-parler h2 { padding-top: 1em; }
  
	/* .item { width: 46%; margin: 2%; } */
	.padding-pourcent { padding: 2% 0 !important; }
    #page #zone-centrale #tiroirTemporaire { padding: 0 20px; }
      #page #zone-centrale #tiroirTemporaire .popover { padding: 20px; }
        #page #zone-centrale #tiroirTemporaire input[type="text"],
        #page #zone-centrale #tiroirTemporaire input[type="number"] { width: 100%; margin-right: 0; margin-bottom: 10px; }
        #page #zone-centrale #tiroirTemporaire select { width: 100%; margin-top: 2em; }
  #page #zone-centrale #contenu h1 { font-size: 3.1em; }
  #page #zone-centrale nav ul li,
  #page #zone-centrale nav ul li.done { width: 35px; height: 35px; }
  #page #zone-centrale nav ul li.active { width: 43px; height: 43px; }
    
  #page #zone-centrale #tiroirTemporaire .erreur { width: 100%; left: 0; }
  #page #zone-centrale #tiroirTemporaire .erreurMontant { top: 4em; }
  
  #page #zone-centrale #tiroirTemporaire .sousTotal span:nth-child(1) { width: 30%; }
  #page #zone-centrale #tiroirTemporaire .sousTotal span:nth-child(2) { width: 70%; }
  
  #page #zone-centrale #tiroirTemporaire label { width: 100%; }
    #page #zone-centrale #tiroirTemporaire label.labelSelect { top: 85px; } 



	#page #zone-centrale #tiroirTemporaire .popover.choix-multiples a.onglet-choix { width: 100%; margin-bottom: 5px; }











	div#totalTroisRegroupements { width: 320px; }

	
	#page #zone-centrale .conseil-budget-perso { line-height: 1.31em; padding: 1.5em 1em 1em; }
	#page #zone-centrale .conseil-budget-perso ul li { line-height: 1.31em; }
}

/* ==== Print ======================================== */
@media print {
	#page #zone-centrale .tableau-detail .conteneurRegroupement { display: block !important; }
}