body { background-color: #292b2f; }
      .fix-layout-1230 { margin-right: auto!important; margin-left: auto!important; max-width: 974px; }
      .reset { padding: 0!important; }
      /***
       HEADER
      ***/
      .head-img { padding: 16px 10px; }
      .menu-bar { border-bottom: 1px solid #eaeaea; min-height: 64px!important; }
      .header-bg {
        z-index: 1; color: #595959;
        background: #fff url("http://www.desjardins.com/ressources/images/a00-entete-fond-degrade.png") repeat-x left bottom;
        background: -moz-linear-gradient(top, #fff 80%, #fbfbfb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#fff), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fff 80%, #fbfbfb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fff 80%, #fbfbfb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fff 80%, #fbfbfb 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #fff 80%, #fbfbfb 100%); /* W3C */
        -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
           -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
                box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#bbbbbb'), progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#fbfbfb)";
      }
      /***
       END HEADER
      ***/
      /***
       FOOTER
      ***/
      #zone-foot { clear:both; color: #fff; min-height: 150px; }
      #zone-legale { text-align: center; padding: 1em 0; font-size: 0.917em; color: #cbcbcb; border-top: 1px solid #3e3e3e; overflow: hidden; }
      #zone-legale p.copyright { clear: both; margin: 0.5em 0; padding: 0; }
      /***
       END FOOTER
      ***/
      /***
       CONTENT
      ***/
      #zone-centrale {
        padding-bottom: 50px; z-index: 0; color: #3e3e3e; 
        background: #fff url("http://www.desjardins.com/ressources/images/a00-fond-contenu.gif") repeat-x left top;
        background: -moz-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e7e8), color-stop(177px,#fff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #e5e7e8 0%, #fff 177px); /* IE10+ */
        background: linear-gradient(to bottom, #e5e7e8 0%, #fff 177px); /* W3C */
      }
      #page { margin: 35px 0 0; }
      .big-title { margin-bottom: 10px; padding-left: 0px !important; }
      /***
       END CONTENT
      ***/

#colorbox .contenu-lightbox {
min-width: 200px;
overflow: auto;
/* max-height: 420px; */
}

#contenu form label, #contenu .formulaire label {
    font-weight: normal;
}


.gras {font-weight: bold;}

.colonne-item {
	display: table;
	float: left;
	margin-right:20px;
}
.colonne-item div{
	margin-top:20px;
}
.colonne-item div:FIRST-CHILD{
	margin-top:0;
}
.age-input-text.ng-invalid.ng-dirty,
input.form-control.ng-invalid.champ-erreur,
.montant-input-text.ng-invalid.ng-dirty,
select.ng-invalid.ng-dirty{
    border:2px solid #c00;/* Champ errone en couleur */
} 
.age-input-text{
	width:1.45em;
	text-align: right;
}
.montant-input-text{
	width:6.5em;
	text-align: right;
	margin-right: 0px;
}
.pourcentage-input-text{
	width:2.65em;
	text-align: right;
}


#contenu .boutons-action {
	text-align: center;
}
#contenu .boutons-action button {
    margin: 0 10px;
}

#contenu .formulaire h2,
#contenu .resultat h2 {
	margin: 0;
}

.resultat > div.boite {
    margin: 0 0 10px;
    padding: 10px;
    background-color: #FFFFFF;
    box-shadow: none;
}
.encadrer-choix-calcul {
    background-color: #F2F2F2;
    border: 1px solid #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    margin: 0.1em 0 0;
    padding: 1em;
    position: relative;
    width: 21em;
}
.encadrer-resultat {
    background-color: #edf4e6;
    border-radius: 5px 5px 5px 5px;
    margin: 0.5em 0 0;
    padding: 10px;
    position: relative;
}

#contenu .messageErreur a, #cboxContent .messageErreur a {
color: #CC0000;
text-decoration: none;
}
.resultat-versements .valeur, .resultat-montant .valeur {
	display: block;
	min-height: 32px;
	background: url(/ressources/images/e35-icone-resultat-habitation.png) no-repeat scroll 0 0 transparent;
	margin: 5px 0 10px;
	padding-left: 42px;
	color: #007944;
	font-size: 2em;
	font-weight: bold;
}
.resultat-versements .valeur .frequence, .resultat-montant .valeur .frequence {
	font-size: .7em;
}

.resultat-economie .valeur {
	font-weight: bold;
}
.lien-resultat-details {
    margin-top: 5px;
}

#graph {
	margin-top: 10px;
	width:300px;
	height:200px;
	padding:0;
	position: relative;
	left:-5px;
}


#contenu .boutons-action button#btnChoixAssuranceVie {
	margin-top: 20px;
}

li {
    color: black;
}


button:focus {
	outline: 2px solid #81c4e6;
	outline-radius:10px;
	-moz-outline-radius:10px;
	-webkit-outline-radius:10px;
}


#page.simulateur fieldset {
    border: medium none;
    margin: 0;
    padding: 0;
    position: relative;
}

.popover #formPretsCombines .tableau-presentation,
.popover #formPretsCombines .tableau-presentation .rangee > div {
	border: 0;
	margin:0;
}
.popover #formPretsCombines .tableau-presentation .rangee div:nth-child(1) {width: 26%;}
.popover #formPretsCombines .tableau-presentation .rangee div:nth-child(n+2) {width: 37%;}
.popover #formPretsCombines .tableau-presentation .entete { font-weight: bold;}

#colorbox, #cboxOverlay, #cboxWrapper {
    z-index: 200;
}
#cboxContent h2 {
    color: #3E3E3E;
    font-size: 1.077em;
    line-height: 100%;
    margin: 0 0 10px;
    padding: 0 4.5em 0 0; 
 }
#contenu .bloc.hub .titre-bloc.titre-bloc-noir {
	background: #566068;
	background: linear-gradient(#566068, #40484D) repeat scroll 0 0 #566068;
	border: 1px solid #3F474C;
	color: #FFFFFF;
	
}




.optimiser-versements .popover-content {
    width: 350px;
}

.autres-outils .popover-content {
    width: 350px;
}


.entete.description {
	margin-bottom: 20px;
}

.resultat .panel {
    margin-bottom: 0px;
}

.resultat-mobile {
    margin-bottom: 10px;
}

.widget-ctc {
	margin: 20px auto;
}

.help-box {
	cursor: pointer;
}
.call-to-action button {
	width: 100%;
	margin: 10px 0;
} 

.call-to-action {
	margin: 10px 0;
}

.call-to-desjardins h3 {
	margin-top: 0;
}

.call-to-desjardins .panel {
	margin-bottom: 0px!important;
}

.call-to-desjardins {
	margin-bottom: 10px;
}

.call-to-action .reset-button {
	padding: 0px 2px!important;
} 

.hors-ecran, legend.hors-ecran {
	display: none;
}
.contenu-lightbox.popover {
	display: block;
}
#contenu {
	outline: medium none;
}
.resultat {
    /*margin-top: 10px;*/
}
.graph {
    height: 200px;
    margin-top: 10px;
    padding: 0;
    /*width: 100%;*/
}

.montant-input-text {
    margin-right: 0;
    text-align: inherit;
    width: auto;
}
.colonne-item div {
    margin-top: auto;
}
.help-block {
   display: none!important;
}
.help-input {
	margin-top: 3px;
}
.colonne-item {
    display: inherit;
    float: inherit;
    margin-right: 0;
}
.col {
    margin-bottom: 10px;
}
.isolation-bootstrap-3 .control-label {
    text-align: right;
}
.encadrer-choix-calcul {
    margin: 0.1em 0 20px;
}
.pourcentage-input-text {
    text-align: right;
    width: inherit;
}

.boutons-action  {
    margin-bottom: 20px;
}
#zone-centrale .bloc.hub .titre-bloc.gris {
    color: #fff;
    background: #566068;
    background: -moz-linear-gradient(#566068, #40484D);
    background: -webkit-gradient(#566068, #40484D);
    background: -webkit-linear-gradient(#566068, #40484D);
    background: -o-linear-gradient(#566068, #40484D);
    background: -ms-linear-gradient(#566068, #40484D);
    background: linear-gradient(#566068, #40484D);
    border-top: 1px solid #3F474C;
    border-right: 1px solid #3F474C;
    border-left: 1px solid #3F474C;
}
.montant-input-text {
    width: 100%;
}


#pret1_type_terme_pret, #pret2_type_terme_pret {
	width: 108px;
}

#pret1_proportion_pret, #pret2_proportion_pret {
	width: 50px;
}

#pret1_taux_interet, #pret2_taux_interet {
    width: 40px;
}

#pret1_frequence_versements, #pret2_frequence_versements {
	width: 120px;
}

#titre-prets-combines {
	margin-top: 0px;
}

#btn-fermer-protection {
	margin-bottom: 10px;
}

.pop.capsule {
	overflow: auto;
    max-height: 400px;
}

#taux_interet {
	width: 100%;
}

.bloc-calculer {
	margin: 0 auto;
    width: 80px;
}

.messageErreur {
    margin-bottom: 10px;
}

.erreur-titre{
    padding-left: 9px;
}

.error-img {
    background: url(https://static.desjardins.com/fw/N3/1.14.0/lib/interne/fwd-bootstrap/3.3/img/e35-icone-erreur.png) left top no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    padding-left: 23px;
}

/*
.well.callmeback {
	width: 459px;
}
*/
.spacer {
	clear: both;
}

.spacer-bloc {
	clear: both;
	height: 0px;
}
.rangee-bordure {
	border-top: 1px solid #cccccc;
    padding-top: 10px;
}

.popover{
    width:481px;
}

.separateur {
	border-top: 1px solid #CBCBCB;
    padding-top: 10px!important;
    padding-top: 1.5rem!important;
    clear: both;
    margin-bottom: 5px;
}

#desjr-widget-ctc {
	padding-top: 0!important;
    width: 219px;
    margin: 0 auto;
}

/***
 Media Query
***/



/* XSmall devices (Phones (<768px)) */
@media (min-width: 0px) { 
	#taux_interet {
	 text-align: left;
	}
	.isolation-bootstrap-3 .control-label {
	    text-align: left;
	}
	#div-mise_fonds .control-label, #div-mise_fonds  .help-popover, #div-taux_interet .control-label {
	    /*margin: 20px 0 0;*/
	}
    .separateur { 
     /*margin-top: 20px!important;*/
    }
    .inputs-field-lastchild, .inputs-field-child {
	 margin-bottom: 20px;
	}
	.popover {
	 width: auto!important;
	 max-width: inherit!important;
	}

}

/* Small devices (Tablets ¡Ý768px) */  
@media (min-width: 768px) { 
	#taux_interet {
	 text-align: left;
	}
	.isolation-bootstrap-3 .control-label {
	    text-align: right;
	}
	#div-mise_fonds  .control-label, #div-mise_fonds  .help-popover, .separateur.taux_interet, #div-taux_interet .control-label {
	    /*margin: 0;*/
	}
	.separateur { 
     /*margin-top: 0px!important;*/
    }
    .inputs-field-lastchild, .inputs-field-child {
	 margin-bottom: 5px;
	}  
	.popover {
	 width: auto!important;
	 max-width: 400px!important;
	}
  
}

/* Medium devices (desktops, 992px and up) */  
@media (min-width: 992px) { 


}


@media print {
	.isolation-bootstrap-3 .panel-primary {
     border-color: transparent!important;
     box-shadow: 0 1px 2px 0 transparent!important;
	}
} 

/***
 FIN Media Query
***/