/* 
 * CHANGELOG
 * 2018-11-29 - Olivier Scheffler - Modification de deux CSS - INC01328803
 *              #produits-recommandes .produit .taux .encadre - Modification height à 65px
 *              #produits-recommandes .produit .taux .encadre .valeur - Suppression de la valeur position absolu
*/

/**
 * Général
 */
#imprimer {
	float: right;
	padding: 10px;
	width: 22px;
	display: block;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(/ressources/images/a00-entete-icone-imprimer.png);
}

@media print {
	#imprimer {
	 display: none;
	}
	#entete-resultats {
	 filter: none;
	}
}

/*
MODIFICATION POUR INCIDENT INC01242988 BARRE BLANCHE DANS LES IMAGES
 */

#etape_selecteur > div:nth-child(1) > div:nth-child(6) > fieldset > div > div.cellule.libelle-champ > div.champ > label:nth-child(2) > img {
	width: 100%!important;
}

/**
 *  Formulaire
 */
#contenu .panneau {
	float: left;
	width: 510px;
	padding-left: 10px;
}

#contenu .tableau-donnees.a_droite {
	margin-left: auto;
	margin-right: 0;
}

#contenu .panneau.questions, #contenu .panneau.conteneur-slider {
	padding-left: 0;
	width: 420px;
}

.ui-slider { width: 335px; }

#contenu #selecteurPlacementsGarantis .tableau {
	display: table;
	width: 100%;
}

#contenu #selecteurPlacementsGarantis .rangee, #contenu .panneau.conteneur-slider .rangee {
	border: none;
	display: table-row;
	width: 100%;
}

#contenu #selecteurPlacementsGarantis .question .cellule {
	display: table-cell;
	padding-bottom: 1em;
	vertical-align: top;
}

#contenu #selecteurPlacementsGarantis .question .cellule.numero {
	width: 5%;
}

#contenu #selecteurPlacementsGarantis .question .cellule.libelle-champ {
	padding-left: 10px;
}

#contenu #selecteurPlacementsGarantis .question .cellule.libelle-champ .champ {
	margin-top: 5px;
}

#contenu #selecteurPlacementsGarantis .question .cellule.libelle-champ .messageErreur {
	margin-top: 10px;
	clear: both;
}

#contenu #selecteurPlacementsGarantis .question .cellule.libelle {
	width: 40%;
	padding-left: 10px;
}

#contenu #selecteurPlacementsGarantis .question .cellule.champ {
	width: 55%;
	padding-left: 10px;
}

#contenu #selecteurPlacementsGarantis .question .champ select {
	width: 100%;
}

#contenu #selecteurPlacementsGarantis .question label, #contenu .panneau.conteneur-slider .question label {
	font-weight: bold;
}

#contenu #selecteurPlacementsGarantis .champ label {
	font-weight: normal;
}

#contenu #selecteurPlacementsGarantis fieldset {
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}

#contenu #selecteurPlacementsGarantis fieldset label {
	display: table;
}

#contenu #selecteurPlacementsGarantis fieldset label input, #contenu #selecteurPlacementsGarantis fieldset label .texte {
	display: table-cell;
	padding-bottom: 8px;
}

#contenu #selecteurPlacementsGarantis fieldset label .texte {
	cursor: default;
}

#contenu input.numerique {
	text-align: right;
	width: 6.5em;
}

#contenu .messageErreur a {
	color: #c00;
	text-decoration: none;
}

/**
 * Boutons radio sur image
 */
#contenu #selecteurPlacementsGarantis .question.radio-sur-image .conteneur {
	display: table-cell;
	width: 100%;
}

#contenu #selecteurPlacementsGarantis .question.radio-sur-image .conteneur .tableau {
	display: table;
	width: 100%;
}

#contenu #selecteurPlacementsGarantis .question.radio-sur-image .conteneur .tableau .rangee {
	display: table-row;
	width: 100%;
}

#contenu #selecteurPlacementsGarantis .question.radio-sur-image .libelle {
	width: 95%;
}

#contenu #selecteurPlacementsGarantis .question.radio-sur-image .champ label {
	position: relative;
	float:left;
}

#contenu #selecteurPlacementsGarantis .question.radio-sur-image .champ label input {
	position: absolute;
}

#contenu #selecteurPlacementsGarantis .question .aide {
	position: absolute;
	top: 0;
	right: 0;
}

#contenu #selecteurPlacementsGarantis .question .libelle.avec-infobulle label {
	padding-right: 20px;
}

/**
 *  Slider
 */
#contenu .panneau.conteneur-slider .question {
	display: table;
	border: none;
	width: 100%;
}

#contenu .panneau.conteneur-slider .rangee {
	display: table-row;
}

#contenu .panneau.conteneur-slider .question .cellule.numero {
	display: table-cell;
	width: 5%;
	vertical-align: top;
}

#contenu .panneau.conteneur-slider .question .cellule.libelle-champ {
	display: table-cell;
	width: 95%;
	vertical-align: top;
	padding-left: 10px;
}

#contenu .panneau.conteneur-slider .question .cellule.libelle-champ .champ {
	margin-top: 10px;
}

#contenu .panneau.conteneur-slider .ui-slider {
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border: 1px solid #033a1c;
}

.ui-slider.erreur, input.erreur {
	outline: 2px solid #c00;
	outline-offset: 4px;
}

input.erreur {
	outline-offset: 2px;
}

input.erreur[type="text"] {
	background-color: #fff;
	border: 2px solid #c00;
	outline: none;
}

#contenu .panneau.conteneur-slider .ui-slider .ui-slider-range {
	background: -moz-linear-gradient(#91c8b1, #41a57d); /* FF3.6+ */
	background: -webkit-gradient(#91c8b1, #41a57d); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(#91c8b1, #41a57d); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#91c8b1, #41a57d); /* Opera 11.10+ */
	background: -ms-linear-gradient(#91c8b1, #41a57d); /* IE10+ */
	background: linear-gradient(#91c8b1, #41a57d); /* W3C */
	-pie-background: linear-gradient(#91c8b1, #41a57d); /* PIE */
}

#contenu .panneau.conteneur-slider .ui-slider .ui-slider-handle {
	border: 1px solid #033a1c;
	background: #0a5f30;
}

#contenu .panneau.conteneur-slider .ui-slider .ui-slider-handle.ui-state-focus {
	border: 1px solid #3333ff;
	background: #3a8f60;
}

#contenu .conteneur-slider .libelle-champ .messageErreur {
	clear: both;
}

/**
 *  Résultats
 */
#conteneur-resultats {
	background: #fff;
}

#contenu .panneau.intro, #contenu .panneau.recommandations-expirees, #contenu .panneau.sur-mesure {
	width: 490px;
	margin-left: 10px;
	padding-left: 0;
	display: table;
	background: -moz-linear-gradient(#fff, #fafafa); /* FF3.6+ */
	background: -webkit-gradient(#fff, #fafafa); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(#fff, #fafafa); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(#fff, #fafafa); /* Opera 11.10+ */
	background: -ms-linear-gradient(#fff, #fafafa); /* IE10+ */
	background: linear-gradient(#fff, #fafafa); /* W3C */
	-pie-background: linear-gradient(#fff, #fafafa); /* PIE */
}

#contenu .conteneur-positionnement-vertical {
	display: table-cell;
	vertical-align: top;
	padding-top: 200px;
}

#contenu .conteneur-positionnement-vertical .conteneu-positionnement-vertical {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

#conteneur-resultats-intro, #conteneur-recommandations-expirees {
	padding: 10px 70px;
	text-align: center;
	color: #626262;
}

#conteneur-resultats-intro p, #conteneur-recommandations-expirees p {
	font-size: 150%;
}

#conteneur-resultats .indicateur-resultats-invalides {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#19000000', endColorstr='#19000000'); /* IE */
	z-index: 1000;
	border: 1px solid rba(0, 0, 0, 0.1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#conteneur-resultats .indicateur-resultats-invalides .tableau {
	display: table;
	height: inherit;
}

#conteneur-resultats .indicateur-resultats-invalides .tableau .cellule {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

#conteneur-resultats .indicateur-resultats-invalides .tableau .cellule .texte {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF'); /* IE */
	background: #fff;
	margin-left: 30px;
	margin-right: 30px;
	border: 1px solid #fff;
	padding: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 2px 4px 0px #bbb;
	-webkit-box-shadow: 0px 2px 4px 0px #bbb;
	box-shadow: 0px 2px 4px 0px #bbb;
}

#entete-resultats {
	background: -moz-linear-gradient(top, #ececec 0%, #dddddd 52%, #b2b2b2 100%); /* FF3.6+ */
	background: -webkit-gradient(linera, left top, left bottom, color-stop(0%,#ececec), color-stop(52%,#dddddd), color-stop(100%,#b2b2b2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ececec 0%, #dddddd 52%, #b2b2b2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ececec 0%, #dddddd 52%, #b2b2b2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ececec 0%, #dddddd 52%, #b2b2b2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ececec 0%, #dddddd 52%, #b2b2b2 100%); /* W3C */
	-pie-background: linear-gradient(top, #ececec 0%, #dddddd 52%, #b2b2b2 100%); /* PIE */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ececec', endColorstr='#c2c2c2'); /* IE */
	padding: 1em 0 0.5em 1em;
}

#entete-resultats h2 {
	margin-top: 0;
}

#produits-recommandes {
	overflow-y: auto;
	padding: 0 1em;
}

#produits-recommandes.pglm {
	padding: 0 0.5em;
}

#produits-recommandes .tiroirs {
	border-bottom: none;
}

#produits-recommandes .produit .tableau {
	display: table;
}

#produits-recommandes .produit .tableau .rangee {
	display: table-row;
}

#produits-recommandes .produit .tableau .rangee .cellule {
	display: table-cell;
}

#produits-recommandes .produit .description, #produits-recommandes .produit .graphique, #produits-recommandes .produit .taux, #produits-recommandes .produit .obtenir-produit {
	display: table-cell;
	vertical-align: top;
	padding: 1em 0;
}

#produits-recommandes .produit.pleine-largeur .description {
	display: block;
	width: 100%;
}

#produits-recommandes .produit .description ul {
	padding-left: 0;
}

#produits-recommandes .produit .description ul > li {
	background: url(/outils/selecteur-placements-garantis/images/crochet.png) no-repeat left top;
	min-height: 18px;
	padding-left: 28px;
	margin-bottom: 0.75em;
}

#produits-recommandes .produit .description ul > li.exclusivement-en-ligne {
	background-image: url(/outils/selecteur-placements-garantis/images/logo-exclusivement-en-ligne.png);
	padding-top: 8px;
	padding-bottom: 2px;
	text-transform: uppercase;
	font-weight: bold;
}

#produits-recommandes.pglm .produit .description .exclusivement-en-ligne {
	background: url(/outils/selecteur-placements-garantis/images/logo-exclusivement-en-ligne.png) no-repeat 0 0 transparent;
	padding: 8px 0 10px 30px;
	text-transform: uppercase;
	font-weight: bold;
}

#produits-recommandes .produit {
	border-top: 1px solid #ddd;
}
#produits-recommandes .produit:first-child {
	border-top: none;
}

#produits-recommandes .produit .description {
	width: 100%;
	padding-right: 10px;
}

#produits-recommandes .produit .description .bouton-action {
	behavior: none;
}

#produits-recommandes .produit .description h3 {
	margin-top: 0;
}

#produits-recommandes .produit .graphique-rendement {
	clear: both;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique {
	position: relative;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique .titre-graphique {
	margin-top:0;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique .ligne-rendement {
	position: absolute;
	width: 100%;
	border-top: 2px solid #4da7b0;
	z-index: 50;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique .ligne-rendement.maximum-illimite {
	border-top-style: dashed;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique .conteneur-libelle-rendement {
	position: absolute;
	right: 0;
	border: 2px solid #4da7b0;
	background: #f4fcfe;
	text-align: center;
	padding: 8px 1px;
	font-weight: bold;
	z-index: 75;
	width: 96px;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique .description-graphique {
	position: absolute;
	width: 125px;
	left: 180px;
	border: 2px solid #003517;
	background: #e3f7ee;
	padding: 0.5em;
	text-align: center;
	z-index: 100;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique .conteneur-libelle-rendement .libelle {
	text-transform: uppercase;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique .conteneur-libelle-rendement .changement-affichage {
	padding-top:8px;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique .conteneur-libelle-rendement .changement-affichage > * {
	vertical-align: top;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique .conteneur-libelle-rendement .changement-affichage a.bouton-changement-affichage {
	display: inline;
	padding: 0 0.5em;
	cursor: pointer;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique .conteneur-image-libelle {
	display: block;
}

#produits-recommandes .produit .graphique-rendement .conteneur-graphique img.portion-graphique {
	display: block;
}

#produits-recommandes .produit .taux .encadre {
	position: relative;
	width: 159px;
	height: 65px;
	padding: 15px;
	font-weight: bold;
	background: #ecf6f7;
	color: #000;
	border-radius: 5px;
	text-align: center;
}
#produits-recommandes .produit .taux .encadre.capital {
	margin-top: 8px;
	background: #d9edef;
}

#produits-recommandes .produit .taux .encadre .libelle {
	width: 100%;
	font-size: 90%;
	font-weight: normal;
}

#produits-recommandes .produit .taux .encadre .valeur {
/*  position: absolute; */
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 15px;
	font-size: 120%;
	color: #0a647a;
}
#produits-recommandes .produit .taux .encadre .valeur.texte {
	font-size: 100%;
}
#produits-recommandes .produit .periode-variation-taux {
	clear: both;
}
#produits-recommandes .produit .periode-variation-taux td.cell-texte.information-a-venir {
	text-align: center;
}

#produits-recommandes .produit .periode-variation-taux th .avec-infobulle {
	padding-right: 24px;
	position:relative;
}

#produits-recommandes .produit .periode-variation-taux th .avec-infobulle .aide {
	position: absolute;
	top:0px;
	right:4px;
}

#produits-recommandes .produit .description .caracteristiques {
	display: table;
	width: 65%;
	float: left;
	padding-bottom: 1em;
}

#produits-recommandes .produit .description .caracteristiques .caracteristique {
	display: table-row;
}

#produits-recommandes .produit .description .caracteristiques .caracteristique .libelle {
	display: table-cell;
	padding-right: 10px;
	width: 40%;
	padding-bottom: 0.5em;
}

#produits-recommandes .produit .description .caracteristiques .caracteristique .valeur {
	display: table-cell;
	font-weight: bold;
	width: 60%;
	padding-bottom: 0.5em;
}

#produits-recommandes .produit.pleine-largeur .description .obtenir-produit {
	position: absolute;
	top: 0;
	right: 2px;
}

#produits-recommandes .produit.pleine-largeur .description .obtenir-produit p {
	margin: 0;
}

#conteneur-offre-sur-mesure {
	margin: auto;
	padding: 10px;
}
#conteneur-offre-sur-mesure h2 {
	margin-top: 0.5em;
}
#conteneur-offre-sur-mesure .popover.obtenir-produit {
	width: 448px;
}
#conteneur-offre-sur-mesure .popover.obtenir-produit .rangee .cellule {
	padding-top: 1em;
}
#conteneur-offre-sur-mesure .popover.obtenir-produit .rangee:first-child .cellule {
	padding-top: 0;
}
#conteneur-offre-sur-mesure .popover.obtenir-produit .cellule.titre {
	width: 145px;
}
#conteneur-offre-sur-mesure .popover.obtenir-produit .cellule.contenu {
	width: 290px;
}
#conteneur-offre-sur-mesure .popover.obtenir-produit h3 {
	margin: 0;
	color: #3e3e3e;
	font-size: 1em;
}
#conteneur-offre-sur-mesure .popover.obtenir-produit ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#conteneur-offre-sur-mesure .popover.obtenir-produit ul li {
	margin: 0;
	padding: 0;
	background-image: none;
}
.message-offre-superieur {
	padding-left: 18px;
	background: url('https://www.desjardins.com/ressources/images/ic-offre-promo.svg') no-repeat left 2px;
    margin-bottom: 10px;
}

/**
 * Graphique ET Progressif
 */
 #produits-recommandes .conteneur-graphique-et-progressif {
  width: 300px;
  float: left;
 }

 #produits-recommandes .taux-moyen-et-progressif {
  border: 1px solid #CACACA;
	margin: 50px 20px;
	float: left;
	padding: 5px 10px;
	text-align: center;
	line-height: 200%;
 }

@media print and (-webkit-min-device-pixel-ratio:0) {
	.espaceur-slider {
	 margin-bottom: -24px;
	}
	#contenu #selecteurPlacementsGarantis .question .cellule {
	 padding-bottom: 2px;
	}
	#contenu .panneau.conteneur-slider .question {
	 position: absolute;
	 top: -24px;
	}

}

#page.simulateur .boutons-action .droite {
	text-align: right;
}
#page.simulateur .boutons-action .droite button, #page.simulateur .boutons-action .droite input {
	margin: 0 15px 0 0;
}
#page.simulateur .boutons-action .ligne-2 {
	margin-top: 40px;
}

/*
 * partager
 */
#modale-partager  ul.reseaux-sociaux {
    list-style: none outside none;
    float: left;
    margin: 0;
    padding: 0;
    margin: 0;
}
#modale-partager  ul.reseaux-sociaux li {
    display: block;
    float: left;
    margin: 0 0 0 10px;
    padding: 0;
    position: relative;
    background: none;
}
#modale-partager ul.reseaux-sociaux li a {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 24px;
    overflow: hidden;
    text-indent: -9999px;
    width: 24px;
}
#modale-partager ul.reseaux-sociaux li a.courriel {background-image: url(/ressources/images/e35-icone-courriel.png);}
#modale-partager ul.reseaux-sociaux li a.facebook {background-image: url(/ressources/images/a00-icone-facebook.png);}
#modale-partager ul.reseaux-sociaux li a.twitter {background-image: url(/ressources/images/a00-icone-twitter.png);}
#modale-partager ul.reseaux-sociaux li a.google-plus {background-image: url(/ressources/images/a00-icone-google-plus.png);}
#modale-partager ul.reseaux-sociaux li a.linkedin {background-image: url(/ressources/images/a00-icone-linkedin.png);}

.produitsIndisponibles {
	margin: 0.5em;
}
.caracteristiques-pglm-exclusif {
	clear: both;
	width: 65%;
}
#contenu h5.titre-taux-promotionnel {
	margin-top: 0;
	color: #c00;
}
.graphique-rendement{

	margin-top:-25px

}


/*
Anomalie Overwrite du CSS pour corriger effets de bord
*/

#zone-centrale a.aide {

background : none;
text-decoration : none;
padding : 0px;

}