/* Image responsive Centre d'info */
.img-responsive {width: 100%; height: auto;}

/* Suppression des margin-top dans une capsule centre-info */
#zone-centrale .centre-info > div > p:first-child,
#zone-centrale .centre-info .titre {margin-top: .5em !important}

/* Pour le tooltip - afin qu'il soit sur le dessus du chart*/
.highcharts-container, .highcharts-container svg{
    overflow: visible !important;
}

.highcharts-container{
    z-index: 1000 !important;
}


/**
 * TABLEAUX DÉBUT
 */
.tableaux .entete {
  padding-bottom: 5px;
}

.tableaux .titre {
  font-size: 14px;
  font-weight: bold;
  color: #2e2e2e;
  margin-top: 0px;
}

.tableaux .date {
  font-size: 12px;
  font-weight: bold;
  color: #595959;
}

.tableaux .whiteBox {
  background-color: #FFF;
  border: 1px solid #DDD;
  padding: 10px;
}

.whiteBox.panel.panel-primary {
    background-color: #FFF;
    border: 1px solid #DDD !important;
    padding-bottom: 18px;
    padding-left: 18px;
}

.tableaux .text-center {
  text-align: center;
}

.tableaux .text-right {
  text-align: right;
}

.tableaux .text-block {
  display: block;
}

.petitTableau table.table {
  margin-top: 0px;
}

.petitTableau td {
  text-align: right;
}

.petitTableau > table > tbody > tr > th {
  width: 65%;
}



/**
 * TABLEAUX FIN
 */

/**
 * Tableau de type "Details de fond"
 */

.tableaux .detailsFond .libelle {
  color: #3e3e3e;
  font-weight: bold;
}

.tableaux .detailsFond > div.panel > div > .ligne {
  padding: 8px;
  border-top: 1px solid #DDDDDD;
}

.tableaux .detailsFond > div.panel > div:first-child {
  padding-left: 0px;
}

.detailsFond .panel-primary > div:first-child .ligne {
  padding-left:0 !important;
  padding-right: 0 !important;
}

.detailsFond .panel-primary > div:last-child  .ligne {
  padding-right:0 !important;
  padding-left: 0px !important;
}

.tableaux .detailsFond > div.panel > div > .ligne:first-child {
  border-top: 0px;
  padding-top:0;
}

.tableaux .detailsFond > div.panel > div > .ligne:last-child {
  padding-bottom:0;
}

.tableaux .detailsFond > div.panel > div:first-child {
  padding-left: 0px;
}

.tableaux .detailsFond > div.panel > div:last-child {
  padding-right: 0px;
}

@media (max-width: 767px) { 
  .tableaux .detailsFond.oneColumn > div.panel > div:last-child > .ligne:first-child {
    border-top: 1px solid #DDDDDD;
    padding-top:8px !important;
  }
  
  .detailsFond .panel-primary > div:first-child .ligne {
    padding-right:0 !important;
  }
  .tableaux .detailsFond > div.panel > div:last-child {
    padding-left:0
  }
  .detailsFond .panel-primary > div:last-child > div {
    padding-left:0 !important;
  }
  .tableaux .detailsFond > div.panel > div:first-child > .ligne:last-child {
    padding-bottom:8px;
  }
}

.tableaux .detailsFond p.tableauPresentation{
  line-height: normal;
  margin: 0;
}

/**
 * Fin tableau de type "Details de fond"
 */


/**
 * PRIX UNITAIRE DÉBUT
 */

.tableaux .prixUnitaire {
  font-size: 13px;
	font-size: 1.3rem;
}

.tableaux .prixUnitaire .variation .gain-negatif{
  padding-right: 15px;
}

.tableaux .prixUnitaire .panel {
  padding: 10px;
}

.tableaux .prixUnitaire .titrePrixCourant {
  color: #595959;
  font-weight: bold;
}

.tableaux .prixUnitaire .titre {
  color: #2e2e2e;
  font-size: 14px;
	font-size: 1.4rem;
  font-weight: bold;
  padding: 5px 0px;
}

.tableaux .prixUnitaire .date {
  font-size: .9em;
  font-weight: bold;
  color: #595959;
}

.tableaux .prixUnitaire .bold {
  font-weight: bold;
}

.tableaux .prixUnitaire .prixCourant {
  font-size: 16px;
  font-weight: bold;
}

.tableaux .prixUnitaire .gain-positif {
  color: #52A233;
}

.tableaux .prixUnitaire .gain-negatif {
  color: #c40303;
}

.tableaux .prixUnitaire .greyBox {
  background: #f7f7f7;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 2px 0 #dddddd;
}

.tableaux .prixUnitaire img {
  margin-right: 10px;
}


/**
 * PRIX UNITAIRE FIN
 */

/**
 * TABLEAU DE DONNEES
 */
.tableaux .donneesTableauxPresentation > div.panel > .ligne,
.tableaux .donneesTableauxPresentationAlignLeft > div.panel > .ligne {
  border-top: 1px solid #DDDDDD;
  overflow: auto;
}

.tableaux .donneesTableauxPresentation > div.panel > .ligne:first-child,
.tableaux .donneesTableauxPresentationAlignLeft > div.panel > .ligne:first-child {
  border-top: 0px;
}

.tableaux .donneesTableauxPresentation .panel-primary .ligne:first-child p,
.tableaux .donneesTableauxPresentationAlignLeft .panel-primary .ligne:first-child p  {
  margin-top:0;
}

.tableaux .donneesTableauxPresentation .panel-primary .ligne:last-child p,
.tableaux .donneesTableauxPresentationAlignLeft .panel-primary .ligne:last-child p  {
  margin-bottom:0;
}

.tableaux .donneesTableauxPresentation .panel-primary .ligne > div:first-child,
.tableaux .donneesTableauxPresentationAlignLeft .panel-primary .ligne > div:first-child {
  padding-left:0;
}


.tableaux .donneesTableauxPresentationAlignLeft .ligne p.tableauPresentation {
  text-align: left;
}

/**
* TABLEAUX RENDEMENTS
*/
.tableaux div > table.table.tableau-donnees.tableaux-donnees-rendements {
  margin-top: 0px; 
}

.tableaux .tableaux-donnees-rendements .title-series {
  background-color: #e1e4e5;
  font-size: 13px;
  font-weight: bold;
  color: #595959;
}

.tableaux .tableaux-rendements .titre {
    padding: 5px 0px;
}

.tableaux .tableaux-rendements .tableaux-donnees-rendements .cell-image {
    color: #595959;
}

/**
 * FIN TABLEAUX RENDEMENTS
 */

/**
 * GRAPHE DE RISQUE DÉBUT
 */

.tableaux .riskGraph .rectangle {
  height: 10px;
  border: 1px solid #909090;
  background-color: #e1e1e1;
}

.tableaux .riskGraph .filled {
  background-color: #595959;
}

.tableaux .riskGraph .colonne {
  width: 20%;
  float: left;
  padding: 2px;
}

.tableaux .riskGraph .colonne:first-child {padding-left:0}
.tableaux .riskGraph .colonne:last-child {padding-right:0}

.tableaux .riskGraph .text-center {
  margin: 2px;
}

.tableaux .riskGraph {
  height: 35px;
  margin-bottom: 5px;
}

/**
 * GRAPHE DE RISQUE FIN
 */
 
/**
*   TABLEAU DISTRIBUTIONS DEBUT
*/

.tableaux .tableau-distribution > tbody > tr > td {
  text-align: center;
  padding: 6px;
 }

.tableaux .tableau-distribution > tbody > tr > td {
  text-align: center;
  padding: 8px 6px;
 }

.tableaux .tableau-distribution > thead > tr > th {
  text-align: center;
  padding: 8px 6px;
 }

.tableaux .tableau-distribution.desktop > thead > tr:first-child > th:first-child {
  text-align: left;
  padding: 8px;
  vertical-align: middle;
 }

.tableaux table.tableau-distribution.mobile > tbody > tr > th {
  vertical-align: middle;
 }


/**
* TABLEAU DISTRIBUTION FIN  
*/


/**
*   Tableau des coordonnees
*/


.isolation-bootstrap-3 .tableaux .tableau-coordonnees  {
  border: 1px solid #cccbcb;
  padding: 0 10px;
  margin-bottom: 10px;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees .tableau-donnees {
  margin: 0px;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees .tableau-donnees .cell-num {
  padding-right: 0px;
  font-size: 13px;
  color: #595959;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees table tbody {
  border: 0px;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees table tr:first td {
  border-top: 0px!important;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees .table > tbody > tr > td {
  border-top: 1px solid #cbcccc;
  border-left: 0px;
  padding-left: 0px;
  min-height: 40px;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees .table > tbody > tr:first-child > td {
    border-top: 0px;
} 

.td-r-value {
    word-wrap: break-word; max-width: 115px;
}


.tableau-coordonnees td:first-child {
    width: 30%;
}


/**
 * MATRICE STYLE DÉBUT
 */
.tableaux .matrixBox {
  margin-bottom: 10px;
  text-align: center;
}

.tableaux .matrixBox .matrix {
  display: inline-block;
}

.tableaux .matrixBox .matrixSquare {
  height: 118px;
  height: 11.8rem;
  width: 146px;
  width: 14.6rem;
}

.tableaux .matrixBox .colonne {
  height: 100%;
  width: 33.33%;
  float: left;
}

.tableaux .matrixBox .line {
  height: 33.33%;
  width: 100%;
}

.tableaux .matrixBox .carree {
  border: 1px solid #909090;
  background-color: #ebebeb;
}

.tableaux .matrixBox .xAxisSquare {
  height: 38px;
  height: 3.8rem;
  border-top: 0px;
  border-bottom: 0px;
}

.tableaux .matrixBox .yAxisSquare {
  border-left: 0px;
  border-right: 0px;
}

.tableaux .matrixBox .filled {
  background-color: #595959;
}

.tableaux .matrixBox .topLine {
  margin: auto;
  height: 15px;
  height: 1.5rem;
}

.tableaux .matrixBox .topLine .colonne {
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
}

.tableaux .matrixBox .centerBlock {
  margin-left: 5px;
  float: left;
  height: 100%;
  width: 146px;
  width: 14.6rem;
}

.tableaux .matrixBox .leftBlock {
  margin-top: 30px;
  height: 118px;
  height: 11.8rem;
  width: 63px;
  width: 6.3rem;
  float:left;
}

.tableaux .matrixBox .leftBlock .yAxis {
  height: 100%;
  width: 26px;
  position: relative;
  /* right: 6px; */
}

.tableaux .matrixBox .leftBlock .yAxis div {
  white-space: nowrap;
  position: absolute;
  bottom: 0px;
  left: 10px;
  /* padding-top: 100px; */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: left;
}

.tableaux .matrixBox .leftBlock .leftColonne {
  height: 100%;
  width: 44px;
  width: 4.4rem;
  float: right;
}

.tableaux .matrixBox .leftBlock .leftColonne .line {
  text-align: right;
  line-height: 40px;
  line-height: 4rem;
  vertical-align: middle;
  font-size: 10px;
  font-size: 1rem;
}

/**
 * MATRICE STYLE FIN
 */

/**
 * LIST REFERENCED INDEX AND HUB
 */
ul.listReferencedIndex li{
  margin-top: 0px;
}

ul.listReferencedIndex {
  padding-left: 0px;
}

h3.h3Hub{
  margin-top: 0px;
}

/**
 * Début Colonne droite / Directeur Régional
 */

 .donneesComposanteRegional{
    /*border: 1px solid #bfbfbf;
    padding-top: 10px;
    padding-bottom: 10px;*/
 }

.donneesComposanteRegional h3.titre{
  /*color: #595959;
  margin-top: 0.5rem;*/
}

.donneesComposanteRegional .imgDirecteur {
 /* padding-left: 0;*/
}

.donneesComposanteRegional .droite {
  /*padding: 0;*/
}

.donneesComposanteRegional .imgDirecteur img{
  /*max-width: 100%;*/
}

.donneesComposanteRegional p{
  /*color: #595959;
  font-weight: bold;*/
}

.donneesComposanteRegional .iconeEmail{
 /* background: url('img/a00-icone-poste.png') no-repeat 5px bottom;
  padding-left: 5px;
  margin-bottom: 10px !important;*/
}

.donneesComposanteRegional .iconeEmail:hover{
 /* background: url('img/a00-icone-poste-hover.png') no-repeat 5px bottom;
  padding-left: 5px;*/
}

.donneesComposanteRegional .iconeEmail:focus{
  /*background: url('img/a00-icone-poste.png') no-repeat 5px bottom;
  padding-left: 5px;*/
}
.donneesComposanteRegional .iconeEmail:focus:hover{
 /* background: url('img/a00-icone-poste-hover.png') no-repeat 5px bottom;
  padding-left: 5px;
  background-color: #3F8523;*/
}

.donneesComposanteRegional a.telephone{
 /* padding-top: 10px;
  text-decoration: none;
  color: #595959; 
  font-weight: bold;*/
}

.donneesComposanteRegional .telephone{
 /* background: url('img/a00-icone-telephone.png') no-repeat 0px bottom;
  padding-left: 26px;
  padding-bottom: 8px;*/
}


/*
   * Clearfix: contain floats
   *
   * For modern browsers
   * 1. The space content is one way to avoid an Opera bug when the
   *    `contenteditable` attribute is included anywhere else in the document.
   *    Otherwise it causes space to appear at the top and bottom of elements
   *    that receive the `clearfix` class.
   * 2. The use of `table` rather than `block` is only necessary if using
   *    `:before` to contain the top-margins of child elements.
   */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */
}
.clearfix:after {
    clear: both;
}
/*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */

.clearfix {
    *zoom: 1;
}



/**
 * LIST REFERENCED INDEX AND HUB
 */

/**
 * RFG DÉBUT
 */

 .tableaux .tableauRFG .libelle {
  color: #3e3e3e;
  font-weight: bold;
}

.tableauRFG {
  margin-bottom: 10px;
}


/**
 * RFG FIN
 */

/**
 * TABLEAU PRINCIPAUX PLACEMENTS : Couleur de la ligne TOTAL pour les principaux placements 
 */
   
 .tableaux .bg-gris {
 
 background-color: #e1e4e5
 
 }

 /**
  * FIN TABLEAU PRINCIPAUX PLACEMENTS
  */

/**
 * Filtres
 */
 
.isolation-bootstrap-3 .filtres  select {
	height: 22px;
	height: 2.2rem;
	padding: 1px;
	padding: 0.1rem;
}
 
.isolation-bootstrap-3 .filtres .well {
  /*margin-bottom: 0px;
  padding: 0 10px;*/
}
.filtres .mtop0 {
  margin-top: 0;
}
.filtres option.bold {
    font-weight: bold;
}
.filtres .ptop10 {
  /*padding-top: 10px;*/
}
.filtres .produits {
  width: 100%;
}
.filtres fieldset div {
  /*padding-top: 10px;*/
}
.filtres fieldset div.reset {
  /*padding-top: 10px!important;*/
}
/*
--- filtre page donnees legales financieres ---
*/
.filtres-legales-financieres {
	padding: 10px 0px 20px 0px !important;
	height:100px;
	
}
/**
 * FIN Filtres
 */

/**
 * PRIX ET RENDEMENTS
 */
.colTitre img {width:100%} 

.borderdoubleright {
  border-right: 3px double #999999;
}

.boldTexte {
  font-weight: bold;
}

.customAlert{
    background-repeat: no-repeat!important;
    background-position: 5px 5px!important;
    text-align: left!important;
    padding-left: 26px!important;
    background-color: inherit!important;
    overflow: auto;
}

.centerAlignVertical{
  text-align: center!important;
  vertical-align: middle!important;
}

.categoryHeading{
  border-bottom: 1px solid #cbcccc;
  margin-bottom: 20px;
}

.titreList{
  margin-bottom: 0px!important;
}

.background-green{
  background-color: #E1ECD6;
  border: 2px solid #B2CD9F;
}

.centerColumn{
  width: 50%;
}

.vcenter{
    vertical-align: middle !important;
}

@media (min-width: 0px){ 
  .filtres .distributions div:nth-child(3) {
      padding-left: 0px;
  }
}
@media (min-width: 768px){ 
  .filtres .distributions div:nth-child(3) {
      padding-left: 10px;
  }
  .fixeWidth {
      width: 107px!important;
  }
}
@media (min-width: 992px) { 
  .fixeWidth {
      width: 126px!important;
  }
}
@media (max-width: 992px) { 
   .composanteRegionalAside{
      clear: both;
      overflow: auto;
  }
  .donneesComposanteRegional .iconeEmail{
    padding-left: 40px;
    margin-bottom: 20px !important;
  }

  .donneesComposanteRegional .iconeEmail:hover{
    padding-left: 40px;
  }

  .donneesComposanteRegional .iconeEmail:focus{
    padding-left: 40px;
  }
  .donneesComposanteRegional .iconeEmail:focus:hover{
    padding-left: 40px;
  }

}

@media (min-width: 768px){ 
  .col5First {
      width: 3.75%;
  }
  .col5FirstFix{
    width:6.4%;
  }
  .colTitre {
    width: 25%;
  }
  .colLast {
    width: 10%;
  }
  .colNoteLegal {
    width: 60%;
  }
}
@media (min-width: 992px){ 
  .col5First {
    width: 4.4%;
  }
  .col5FirstFix{
    width:6.4%;
  }
  .colTitre {
    width: 15%;
  }
  .colLast {
    width: 7%;
  }
  .colNoteLegal {
    width: 63%;
  }
}

.posValue {
  color:#007944;;
}

.negValue {
  color:#ae1d00;;
}

/**

Options revenus

*/

.col-option-th-1 {
      width:40%;
}

/**
 * CHARTS DÉBUT
 */
 
/* Graphique Croissance de 10 000 */ 
#graph10k {padding:0}
 
.charts .entete {
  padding-bottom: 5px;
}

.tiroir-inv .date {
  font-size: 12px;
	font-size: 0.9em;
  font-weight: bold;
  color: #595959;
}

/*.charts .whiteBox {
  background-color: #FFF;
  border: 1px solid #DDD;
  padding: 10px;
}*/

.charts .text-center {
  text-align: center;
}

.charts .text-right {
  text-align: right;
  margin-bottom: 0px;


}

.charts .square, .hubPieArray .square  {
  border: 5px solid #000;
  float: left;
  margin: 3px;
  margin-left:0;
  width: 3px;
  margin-bottom: .5rem;
}

.charts .pieChart {
  height: 178px !important;
}

/**
 * CHARTS FIN
 */

/**
 * SIMPLE PIE CHART DÉBUT
 */

.charts .simplePieTable tbody {
  border-top: 1px solid #cbcccc;
  border-bottom: 1px solid #cbcccc;
}

.charts .simplePieTable tr td {
  text-align: right !important;
  
}

.charts .simplePieTable tr > * {
  padding-top: 5px;
}

.charts .simplePieTable tr:last-child > * {
  padding-bottom: 5px;

}

.charts .simplePieTable tbody {
  color: #595959;
}

.charts .simplePieTable thead tr > * {
  color: #595959;
  font-size: 14px;
	font-size: 1.4rem;
}

.charts .simplePieTable p.chartActifHub {
  margin-left: 10px;
  margin: 0px;
}

/**
 * SIMPLE PIE CHART FIN
 */

/**
 * Page Hub Fonds
 */

.highcharts-background {
    opacity: 0;
}

.pieChartHub {
  height: 150px;
}

.hubPieArray .simplePieTable:first-child{
  padding-right: 10px;
  padding-left:0;
}
.hubPieArray .simplePieTable:last-child{
  padding-left: 10px;
  padding-right:0;
}

@media (max-width: 991px) {
  .hubPieArray .simplePieTable:first-child{
    padding-right: 0px;
    padding-left:0;
  }
  .hubPieArray .simplePieTable:last-child{
    padding-left: 0px;
    padding-right:0;
    padding-top:1rem;
  }
} 

.hubPieArray .simplePieTable .principalContent{
  font-size: 13px;
  color:#595959;
  padding-top: 3px;
}

.hubPieArray .simplePieTable .principalContent.bold{
  font-weight: bold;
}

.hubPieArray .simplePieTable .valuePrincipal{
  font-size: 14px;
	font-size: 1.4rem;
  color:#595959;
  border-bottom: 1px solid #cbcccc; 
}

.hubPieArray .simplePieTable .titleArray{
  font-size: 14px;
	font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 1px solid #cbcccc;
}

.hubPieArray .simplePieTable .littlePadding {
  padding-left: 0;
  padding-right: 0;
}

.hubPieArray .simplePieTable .littlePadding:last-child {
  padding-top:5px;
}

.hubPieArray .simplePieTable .littlePadding > div > div:first-child {
  padding-left: 0;
}

.hubPieArray .simplePieTable .littlePadding > div{
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 3px;
  overflow:auto;
}

.bleuCroissance, 
.hubPieArray .tableauCouleurs > div:first-child > div:first-child,
.hubPieArray .tableauCouleurs > div:first-child > div > .valuePrincipal,
.hubPieArray .tableauCouleurs > div:first-child > div > div > div:last-child {
  color: #52A233;
  font-weight: bold;
}

.vertRevenuFixe, 
.hubPieArray .tableauCouleurs > div:last-child > div:first-child,
.hubPieArray .tableauCouleurs > div:last-child > div:first-child > .valuePrincipal,
.hubPieArray .tableauCouleurs > div:last-child > div > div > div:last-child {
  color: #218290;
  font-weight: bold;
}

/**
 * Page Hub Fonds
 */

/**
 * DESIGN TABLEAU REPARTITION ACTIF
 */

.repartitionActif .panel > div:last-child {padding-right:0}
.repartitionActif .panel > div:nth-child(2) {padding-right:0; padding-left:0;}

/* Répartition actif hub ? */
.repartitionActif div:nth-child(2) {padding-right:0; padding-left:0;}
 
.table-RepartitionActif thead .headTr{
  padding-right: 10px; 
  padding-left: 5px;
  padding-bottom: 3px; 
  text-align: right; 
  font-size: 13px;
	font-size: 1.3rem;
  border-right: 1px solid #cbcccc; 
  font-weight: bold; 
  color: #3e3e3e;
	width: 60px; 
  vertical-align: top;
}

.table-RepartitionActif tbody tr .bodyTh{
  border-bottom: 1px solid #cbcccc; 
  border-top: 1px solid #cbcccc; 
  padding-bottom: 3px; 
  padding-top: 3px; 
  text-align: left; 
  font-size: 13px;
	font-size: 1.3rem;
  font-weight: bold; 
  color: #2e2e2e;
}

.table-RepartitionActif tbody tr.titleTbody .bodyTd{
  border-bottom: 1px solid #cbcccc; 
  border-top: 1px solid #cbcccc; 
  border-right: 1px solid #cbcccc; 
  padding-bottom: 3px; 
  padding-top: 3px; 
  text-align: right; 
  font-size: 13px;
	font-size: 1.3rem;
  padding-right: 10px; 
  font-weight: bold; 
  color: #2e2e2e;
}

.table-RepartitionActif tbody tr.titleSubCategory th{
  text-align: left; 
  padding-right: 10px; 
  font-weight: bold; 
  font-size: 12px;
	font-size: 1.2rem;
  color: #595959; 
  padding-top: 5px;
}

.table-RepartitionActif tbody th div.rect {
  width:0px;
  height:0px; 
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  margin-bottom: .5rem;
}

.table-RepartitionActif tbody tr.titleSubCategory td{
  border-right: 1px solid #cbcccc;
  font-weight: normal;
}

.table-RepartitionActif tbody tr.underlyingFund th{
  padding-left: 10px; 
  vertical-align: top; 
  padding-right: 10px; 
  font-size: 12px;
	font-size: 1.2rem;
  color: #595959; 
  text-align: left;
  font-weight: normal;
}

.table-RepartitionActif tbody tr.underlyingFund td{
  padding-left: 10px; 
  vertical-align: top; 
  padding-right: 10px; 
  text-align: right; 
  font-size: 12px;
	font-size: 1.2rem;
  color: #595959; 
  border-right: 1px solid #cbcccc;
}

.table-RepartitionActif tbody th div.dot{
  float: left;
  background-color: #595959;
  width: 4px;
  height: 4px;
  border-radius: 1000%;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 1rem;
}
/**
 * FIN DESIGN TABLEAU REPARTITION ACTIF
 */ 


/*

--- Afficher les colonnes cible et réelle en mobile --

*/

@media (min-width: 320px) and (max-width: 480px) {

  #repartitionActifTableau .table-RepartitionActif th:last-child {
    display:none;
  }

  #repartitionActifTableau .table-RepartitionActif td:last-child {
    display:none;
  }
}


/**----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
--- CSS Fonds et portefeuilles  Desjardins
**/

.tiroirs-inv{ 
	border: 1px solid #ccc;
    /*border-radius: 5px;*/
	margin-bottom: 20px;
}
.tiroirs-inv .contenu-debut {padding: 20px;}
.entete-tiroir-inv > .titre{
    border-bottom: 1px solid #ccc;
	padding: 1em 20px 1em 20px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background-image: linear-gradient(white , #EAE8E8);
	/*height:2.5em;*/
	color: #595959 !important;
    font-size: 1.2em !important;
	text-decoration: inherit;
}
	 
/*.charts .whiteBox {
    background-color: #FFF;
    border: 1px solid #DDD;
    padding: 10px;
}*/
/*.charts h3.titre {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #2e2e2e;
    margin-top: 0px !important;
}*/
.charts .simplePieTable thead tr > * {
    color: #595959;
    font-size: 14px;
    font-size: 1.4rem;
}
.charts .text-right {
    text-align: right;
    margin-bottom: 0px;
}
.charts .simplePieTable tr > * {
    padding-top: 5px;
	text-align:left;
}

.charts .simplePieTable tbody tr:last-child > * {
    padding-bottom: 5px;
    text-align: left;
}
.charts .titre-tableau .sr-only{text-align: left;}

/**Niveau Risque**/
.tableaux.riskGraph .rectangle {
    height: 10px;
    border: 1px solid #909090;
    background-color: #e1e1e1;
}
.tableaux .riskGraph .filled {
    background-color: #595959;
}

/** Prix Unitaire **/

.prixUnitaire .panel > div {display:table}
.prixUnitaire .panel > div p {display:table-row}
.prixUnitaire .panel > div p span {display:table-cell; vertical-align: middle;}
.prixUnitaire .panel > div p span {padding:0;}

.prixUnitaire .panel > div:last-child p span:nth-child(4) {width: 5%; white-space: nowrap;}

@media (max-width:801px) {.prixUnitaire .panel > div:last-child p span:nth-child(4) {width: 15%;}}
@media (max-width:767px) {.prixUnitaire .panel > div:last-child p span:nth-child(4) {width: 10%;}}
@media (max-width:587px) {.prixUnitaire .panel > div:last-child p span:nth-child(4) {width: 15%;}}


@media (max-width:480px) {
.prixUnitaire .panel > div:last-child p span:nth-child(3) {width: 40%;}
.prixUnitaire .panel > div:last-child p span:nth-child(4) {width: 25%;} 
}

.prixUnitaire .panel > div p span:nth-child(2),
.prixUnitaire .panel > div p span:nth-child(3),
.prixUnitaire .panel > div p span:nth-child(4) {text-align:right; white-space: nowrap;}
.prixUnitaire .panel > div:last-child p span:nth-child(5) {width: 6.3%; white-space: nowrap;}

.prixUnitaire .greyBox .titrePrixCourant {font-weight: bold;}

.prixUnitaire .posValue {
	color:green;
	padding-right:10px !important;

}
.prixUnitaire .negValue {
	color:#c40303;
	padding-right:10px !important;
}

.prixUnitaire .negValue:before {
	content:url('/ressources/images/IconLossLg.gif');
	display: inline-block;
	vertical-align: middle;
	padding-right:10px;
}
.prixUnitaire .posValue:before {
	content:url('/ressources/images/IconGainLg.gif');
	display: inline-block;
	vertical-align: middle;
	padding-right:10px;
}

.prixUnitaire .greyBox {
    background: #f7f7f7;
    border: 1px solid #dddddd;
    box-shadow: 0 1px 2px 0 #dddddd;
	height: 60px;
	padding-top:10px;
}

.prixUnitaire .greyBox .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}


/*************/
.tiroir-inv .contenu-debut .contenu-tiroir-inv{height: auto;}

.contenu-debut .tiroirInv{
	margin-bottom: 5px;
    padding-left: 20px;
	padding-top: 5px;
    background: transparent url(/ressources/images/a00-icone-plus-notes.png) no-repeat left top;
    background-position-y: 5px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #007944;
    line-height: 14px;
    border: none;
    width: 100%;
    text-align: left; 
}
.contenu-debut .tiroirInv.ouvert{
	background-image: url(/ressources/images/a00-icone-moins-notes.png);
	}
.contenu-debut .buProdHaut,
.contenu-debut .buProdHautLigne,
.contenu-debut .buProdBas,
.contenu-debut .buProdBasLigne{
    float: right;
	top: 0.3em;
	}

.contenu-debut .obtenir-produit > p {text-align: right;}
.contenu-debut .row.hrLine{border-top: 1px #ccc solid;}


/** HUB Produit **/
.menu-hub ul {/* display:inline-block; */ /* width: 100%; */ padding: 0px 1px;display: flex; flex-wrap: wrap;}
.menu-hub ul  > li{padding-left:0px; padding-right: 1rem; flex-basis: 33%;margin-bottom: 13px; background: none !important;}
@media (max-width: 768px) {.menu-hub ul  > li{flex-basis: 50%;}}
@media (max-width: 480px) {.menu-hub ul  > li{flex-basis: 100%;}}

/*
--- fomrat de templaite et les cadres de lien fonds ---
*/
.menu-hub ul.unstyled>li:nth-child(1),
.menu-hub ul.unstyled>li:nth-child(2),
.menu-hub ul.unstyled>li:nth-child(3){margin-top: 0px;}
@media (max-width:768px) {.menu-hub ul.unstyled>li:nth-child(3){margin-top: .6rem;}}
.menu-hub ul.liste-pdf{ margin-bottom: 0px !important;}
.menu-hub ul.liste-pdf > li{ margin-top: 0px !important;}

/*
CSS pour les graphiques de produits 
*/
body { line-height: normal; }
.highcharts-data-labels *,
.highcharts-axis-labels *,
svg * { font-size: 0.8rem !important; }
.highcharts-data-labels > div > span {margin-left:1px !important; margin-top: -5px !important;}
.bouton-action.principal.aide,
.bouton-action.principal.crochet.buProdHaut,
.bouton-action.principal.crochet.buProdHautLigne, 
.bouton-action.principal.crochet.buProdBas,
.bouton-action.principal.crochet.buProdBasLigne {font-size: 1rem !important; font-weight: normal !important;}
.img-pdf { width:100%;}
.bouton-action.principal.aide.annuler{color: #00884e !important; background-color: #FFF !important;}
a.bouton-action.principal.aide.annuler:hover{color: #FFF !important; background-color: #00884e !important;}

.gestionnaire-portefeuille {margin-bottom: 2em;}
.gestionnaire-portefeuille ul li{width: 33%;  float: left; /*border-right: 1px #ccc solid;*/ margin-top: 0px !important; padding: 0.5em 0; border-bottom: solid 1px #ccc}
.gestionnaire-portefeuille ul li:nth-child(3n+3){border-right: none !important;}

@media (max-width:768px){
.gestionnaire-portefeuille ul li{width: 50%; border-right: none;} 
}

/*
CSS : popover : Obtenir ce produit
*/
.popFonds{width: 426px !important;}
.popFonds .contenu p{margin-top: 0;}
.popFonds .titre .enligne {
    background-image: url(/ressources/images/a00-icone-en-ligne.png);
/*  margin-left: -15px; */
}
.popFonds .titre .telephone{
    background-image: url(/ressources/images/a00-icone-telephone.png);
}
.popFonds .titre .caisse{
    background-image: url(/ressources/images/a00-icone-caisse.png);
}
.popFonds .titre .clicktocall {
    background-image: url(/ressources/images/a00-icone-clicktocall.png);
}
.popFonds .obtenir_enligne,
.popFonds .obtenir_telephone,
.popFonds .obtenir_clicktocall{    
	display: inline-block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
	padding-bottom: 10px;
}
.popFonds .obtenir_caisse{display: inline-block;}

/*

*/
.cadre-infopdf-fonds{margin-bottom: 2em;}
.cadre-infopdf-fonds .cadre-pdf {background-color: #D8D8D8;
	        display: inline-block;
	        background: #f1f1f1 url(/ressources/images/d30-puce-plus-dossier.png) no-repeat right bottom;
	        width: 100%;}
	       
.cadre-infopdf-fonds .cadre-pdf ul > li,
.hub-en-bref ul > li {padding-left: 15px !important;
	                background: url(/ressources/images/a00-bloc-en-bref-puce.png) no-repeat 2px 0.3em !important;
	         }
.cadre-infopdf-fonds .cadre-pdf h3{color:#595959 !important;
	        font-size:1.3em !important;}
	        
	        
.tiroir-inv .contenu-debut .contenu-tiroir-inv .row ul > li{padding-left: 0 !important; 
	              background: none !important; 
	              }
.tiroir-inv .contenu-debut .contenu-tiroir-inv .row  span.sr-only{display: none;}


.charts .repartitionActif .simplePieTable {width: 100% !important;
	            padding: 0px !important;
	            margin-bottom: 1em;}


.charts .repartitionActif .simplePieTable .littlePadding .titleArray,
.charts .repartitionActif .simplePieTable .littlePadding .valuePrincipal {font-weight: bold;}
.charts .repartitionActif .simplePieTable .littlePadding { padding: 0px;}

/*.charts .chart-repartition-geo{ margin-top: 2em;}*/
/*.charts .chart-repartition-actif { margin-top: 4.3em;}*/
.tiroir-inv .contenu-debut .rfg .titre{width: 50%; display: inline-block; float: left;}
.tiroir-inv .contenu-debut .rfg p {width: 50%; display: inline-block; margin-top: 2.1em;}


/* Image responsive Centre d'info */
.img-responsive {width: 100%; height: auto;}

/* Suppression des margin-top dans une capsule centre-info */
#zone-centrale .centre-info > div > p:first-child,
#zone-centrale .centre-info .titre {margin-top: .5em !important}

/* Pour le tooltip - afin qu'il soit sur le dessus du chart*/
.highcharts-container, .highcharts-container svg{
    overflow: visible !important;
}

.highcharts-container{
    z-index: 1000 !important;
}


/**
 * TABLEAUX DÉBUT
 */
.tableaux .entete {
  padding-bottom: 5px;
}

.tableaux .titre {
  font-size: 14px;
  font-weight: bold;
  color: #2e2e2e;
  margin-top: 0px;
}

.tableaux .date {
  font-size: 12px;
  font-weight: bold;
  color: #595959;
}

.tableaux .whiteBox {
  background-color: #FFF;
  border: 1px solid #DDD;
  padding: 10px;
}

.tableaux .text-center {
  text-align: center;
}

.tableaux .text-right {
  text-align: right;
}

.tableaux .text-block {
  display: block;
}

.petitTableau table.table {
  margin-top: 0px;
}

.petitTableau td {
  text-align: right;
}

.petitTableau > table > tbody > tr > th {
  width: 65%;
}



/**
 * TABLEAUX FIN
 */

/**
 * Tableau de type "Details de fond"
 */

.tableaux .detailsFond .libelle {
  color: #3e3e3e;
  font-weight: bold;
}

.tableaux .detailsFond > div.panel > div > .ligne {
  padding: 8px;
  border-top: 1px solid #DDDDDD;
}

.tableaux .detailsFond > div.panel > div:first-child {
  padding-left: 0px;
}

.detailsFond .panel-primary > div:first-child .ligne {
  padding-left:0 !important;
  padding-right: 0 !important;
}

.detailsFond .panel-primary > div:last-child  .ligne {
  padding-right:0 !important;
  padding-left: 0px !important;
}

.tableaux .detailsFond > div.panel > div > .ligne:first-child {
  border-top: 0px;
  padding-top:0;
}

.tableaux .detailsFond > div.panel > div > .ligne:last-child {
  padding-bottom:0;
}

.tableaux .detailsFond > div.panel > div:first-child {
  padding-left: 0px;
}

.tableaux .detailsFond > div.panel > div:last-child {
  padding-right: 0px;
}

@media (max-width: 767px) { 
  .tableaux .detailsFond.oneColumn > div.panel > div:last-child > .ligne:first-child {
    border-top: 1px solid #DDDDDD;
    padding-top:8px !important;
  }
  
  .detailsFond .panel-primary > div:first-child .ligne {
    padding-right:0 !important;
  }
  .tableaux .detailsFond > div.panel > div:last-child {
    padding-left:0
  }
  .detailsFond .panel-primary > div:last-child > div {
    padding-left:0 !important;
  }
  .tableaux .detailsFond > div.panel > div:first-child > .ligne:last-child {
    padding-bottom:8px;
  }
}

.tableaux .detailsFond p.tableauPresentation{
  line-height: normal;
  margin: 0;
}

/**
 * Fin tableau de type "Details de fond"
 */


/**
 * PRIX UNITAIRE DÉBUT
 */

.tableaux .prixUnitaire {
  font-size: 13px;
	font-size: 1.3rem;
}

.tableaux .prixUnitaire .variation .gain-negatif{
  padding-right: 15px;
}

.tableaux .prixUnitaire .panel {
  padding: 10px;
}

.tableaux .prixUnitaire .titrePrixCourant {
  color: #595959;
  font-weight: bold;
}

.tableaux .prixUnitaire .titre {
  color: #2e2e2e;
  font-size: 14px;
	font-size: 1.4rem;
  font-weight: bold;
  padding: 5px 0px;
}

.tableaux .prixUnitaire .date {
  font-size: .9em;
  font-weight: bold;
  color: #595959;
}

.tableaux .prixUnitaire .bold {
  font-weight: bold;
}

.tableaux .prixUnitaire .prixCourant {
  font-size: 16px;
  font-weight: bold;
}

.tableaux .prixUnitaire .gain-positif {
  color: #52A233;
}

.tableaux .prixUnitaire .gain-negatif {
  color: #c40303;
}

.tableaux .prixUnitaire .greyBox {
  background: #f7f7f7;
  border: 1px solid #dddddd;
  box-shadow: 0 1px 2px 0 #dddddd;
}

.tableaux .prixUnitaire img {
  margin-right: 10px;
}


/**
 * PRIX UNITAIRE FIN
 */

/**
 * TABLEAU DE DONNEES
 */
.tableaux .donneesTableauxPresentation > div.panel > .ligne,
.tableaux .donneesTableauxPresentationAlignLeft > div.panel > .ligne {
  border-top: 1px solid #DDDDDD;
  overflow: auto;
}

.tableaux .donneesTableauxPresentation > div.panel > .ligne:first-child,
.tableaux .donneesTableauxPresentationAlignLeft > div.panel > .ligne:first-child {
  border-top: 0px;
}

.tableaux .donneesTableauxPresentation .panel-primary .ligne:first-child p,
.tableaux .donneesTableauxPresentationAlignLeft .panel-primary .ligne:first-child p  {
  margin-top:0;
}

.tableaux .donneesTableauxPresentation .panel-primary .ligne:last-child p,
.tableaux .donneesTableauxPresentationAlignLeft .panel-primary .ligne:last-child p  {
  margin-bottom:0;
}

.tableaux .donneesTableauxPresentation .panel-primary .ligne > div:first-child,
.tableaux .donneesTableauxPresentationAlignLeft .panel-primary .ligne > div:first-child {
  padding-left:0;
}


.tableaux .donneesTableauxPresentationAlignLeft .ligne p.tableauPresentation {
  text-align: left;
}

/**
* TABLEAUX RENDEMENTS
*/
.tableaux div > table.table.tableau-donnees.tableaux-donnees-rendements {
  margin-top: 0px; 
}

.tableaux .tableaux-donnees-rendements .title-series {
  background-color: #e1e4e5;
  font-size: 13px;
  font-weight: bold;
  color: #595959;
}

.tableaux .tableaux-rendements .titre {
    padding: 5px 0px;
}

.tableaux .tableaux-rendements .tableaux-donnees-rendements .cell-image {
    color: #595959;
}

/**
 * FIN TABLEAUX RENDEMENTS
 */

/**
 * GRAPHE DE RISQUE DÉBUT
 */

.tableaux .riskGraph .rectangle {
  height: 10px;
  border: 1px solid #909090;
  background-color: #e1e1e1;
}

.tableaux .riskGraph .filled {
  background-color: #595959;
}

.tableaux .riskGraph .colonne {
  width: 20%;
  float: left;
  padding: 2px;
}

.tableaux .riskGraph .colonne:first-child {padding-left:0}
.tableaux .riskGraph .colonne:last-child {padding-right:0}

.tableaux .riskGraph .text-center {
  margin: 2px;
}

.tableaux .riskGraph {
  height: 35px;
  margin-bottom: 5px;
}

/**
 * GRAPHE DE RISQUE FIN
 */
 
/**
*   TABLEAU DISTRIBUTIONS DEBUT
*/

.tableaux .tableau-distribution > tbody > tr > td {
  text-align: center;
  padding: 6px;
 }

.tableaux .tableau-distribution > tbody > tr > td {
  text-align: center;
  padding: 8px 6px;
 }

.tableaux .tableau-distribution > thead > tr > th {
  text-align: center;
  padding: 8px 6px;
 }

.tableaux .tableau-distribution.desktop > thead > tr:first-child > th:first-child {
  text-align: left;
  padding: 8px;
  vertical-align: middle;
 }

.tableaux table.tableau-distribution.mobile > tbody > tr > th {
  vertical-align: middle;
 }


/**
* TABLEAU DISTRIBUTION FIN  
*/


/**
*   Tableau des coordonnees
*/


.isolation-bootstrap-3 .tableaux .tableau-coordonnees  {
  border: 1px solid #cccbcb;
  padding: 0 10px;
  margin-bottom: 10px;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees .tableau-donnees {
  margin: 0px;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees .tableau-donnees .cell-num {
  padding-right: 0px;
  font-size: 13px;
  color: #595959;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees table tbody {
  border: 0px;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees table tr:first td {
  border-top: 0px!important;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees .table > tbody > tr > td {
  border-top: 1px solid #cbcccc;
  border-left: 0px;
  padding-left: 0px;
  min-height: 40px;
}

.isolation-bootstrap-3 .tableaux .tableau-coordonnees .table > tbody > tr:first-child > td {
    border-top: 0px;
} 

.td-r-value {
    word-wrap: break-word; max-width: 115px;
}


.tableau-coordonnees td:first-child {
    width: 30%;
}


/**
 * MATRICE STYLE DÉBUT
 */
.tableaux .matrixBox {
  margin-bottom: 10px;
  text-align: center;
}

.tableaux .matrixBox .matrix {
  display: inline-block;
}

.tableaux .matrixBox .matrixSquare {
  height: 118px;
  height: 11.8rem;
  width: 146px;
  width: 14.6rem;
}

.tableaux .matrixBox .colonne {
  height: 100%;
  width: 33.33%;
  float: left;
}

.tableaux .matrixBox .line {
  height: 33.33%;
  width: 100%;
}

.tableaux .matrixBox .carree {
  border: 1px solid #909090;
  background-color: #ebebeb;
}

.tableaux .matrixBox .xAxisSquare {
  height: 38px;
  height: 3.8rem;
  border-top: 0px;
  border-bottom: 0px;
}

.tableaux .matrixBox .yAxisSquare {
  border-left: 0px;
  border-right: 0px;
}

.tableaux .matrixBox .filled {
  background-color: #595959;
}

.tableaux .matrixBox .topLine {
  margin: auto;
  height: 15px;
  height: 1.5rem;
}

.tableaux .matrixBox .topLine .colonne {
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
}

.tableaux .matrixBox .centerBlock {
  margin-left: 5px;
  float: left;
  height: 100%;
  width: 146px;
  width: 14.6rem;
}

.tableaux .matrixBox .leftBlock {
  margin-top: 30px;
  height: 118px;
  height: 11.8rem;
  width: 63px;
  width: 6.3rem;
  float:left;
}

.tableaux .matrixBox .leftBlock .yAxis {
  height: 100%;
  width: 26px;
  position: relative;
  /* right: 6px; */
}

.tableaux .matrixBox .leftBlock .yAxis div {
  white-space: nowrap;
  position: absolute;
  bottom: 0px;
  left: 10px;
  /* padding-top: 100px; */
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transform-origin: left;
}

.tableaux .matrixBox .leftBlock .leftColonne {
  height: 100%;
  width: 44px;
  width: 4.4rem;
  float: right;
}

.tableaux .matrixBox .leftBlock .leftColonne .line {
  text-align: right;
  line-height: 40px;
  line-height: 4rem;
  vertical-align: middle;
  font-size: 10px;
  font-size: 1rem;
}

/**
 * MATRICE STYLE FIN
 */

/**
 * LIST REFERENCED INDEX AND HUB
 */
ul.listReferencedIndex li{
  margin-top: 0px;
}

ul.listReferencedIndex {
  padding-left: 0px;
}

h3.h3Hub{
  margin-top: 0px;
}

/**
 * Début Colonne droite / Directeur Régional
 */

 .donneesComposanteRegional{
    /*border: 1px solid #bfbfbf;
    padding-top: 10px;
    padding-bottom: 10px;*/
 }

.donneesComposanteRegional h3.titre{
  /*color: #595959;
  margin-top: 0.5rem;*/
}

.donneesComposanteRegional .imgDirecteur {
 /* padding-left: 0;*/
}

.donneesComposanteRegional .droite {
  /*padding: 0;*/
}

.donneesComposanteRegional .imgDirecteur img{
  /*max-width: 100%;*/
}

.donneesComposanteRegional p{
  /*color: #595959;
  font-weight: bold;*/
}

.donneesComposanteRegional .iconeEmail{
 /* background: url('img/a00-icone-poste.png') no-repeat 5px bottom;
  padding-left: 5px;
  margin-bottom: 10px !important;*/
}

.donneesComposanteRegional .iconeEmail:hover{
 /* background: url('img/a00-icone-poste-hover.png') no-repeat 5px bottom;
  padding-left: 5px;*/
}

.donneesComposanteRegional .iconeEmail:focus{
  /*background: url('img/a00-icone-poste.png') no-repeat 5px bottom;
  padding-left: 5px;*/
}
.donneesComposanteRegional .iconeEmail:focus:hover{
 /* background: url('img/a00-icone-poste-hover.png') no-repeat 5px bottom;
  padding-left: 5px;
  background-color: #3F8523;*/
}

.donneesComposanteRegional a.telephone{
 /* padding-top: 10px;
  text-decoration: none;
  color: #595959; 
  font-weight: bold;*/
}

.donneesComposanteRegional .telephone{
 /* background: url('img/a00-icone-telephone.png') no-repeat 0px bottom;
  padding-left: 26px;
  padding-bottom: 8px;*/
}


/*
   * Clearfix: contain floats
   *
   * For modern browsers
   * 1. The space content is one way to avoid an Opera bug when the
   *    `contenteditable` attribute is included anywhere else in the document.
   *    Otherwise it causes space to appear at the top and bottom of elements
   *    that receive the `clearfix` class.
   * 2. The use of `table` rather than `block` is only necessary if using
   *    `:before` to contain the top-margins of child elements.
   */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */
}
.clearfix:after {
    clear: both;
}
/*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */

.clearfix {
    *zoom: 1;
}



/**
 * LIST REFERENCED INDEX AND HUB
 */

/**
 * RFG DÉBUT
 */

 .tableaux .tableauRFG .libelle {
  color: #3e3e3e;
  font-weight: bold;
}

.tableauRFG {
  margin-bottom: 10px;
}


/**
 * RFG FIN
 */

/**
 * TABLEAU PRINCIPAUX PLACEMENTS : Couleur de la ligne TOTAL pour les principaux placements 
 */
   
 .tableaux .bg-gris {
 
 background-color: #e1e4e5
 
 }

 /**
  * FIN TABLEAU PRINCIPAUX PLACEMENTS
  */

/**
 * Filtres
 */
 
.isolation-bootstrap-3 .filtres  select {
	height: 22px;
	height: 2.2rem;
	padding: 1px;
	padding: 0.1rem;
}
 
.isolation-bootstrap-3 .filtres .well {
  /*margin-bottom: 0px;
  padding: 0 10px;*/
}
.filtres .mtop0 {
  margin-top: 0;
}
.filtres option.bold {
    font-weight: bold;
}
.filtres .ptop10 {
  /*padding-top: 10px;*/
}
.filtres .produits {
  width: 100%;
}
.filtres fieldset div {
  /*padding-top: 10px;*/
}
.filtres fieldset div.reset {
  /*padding-top: 10px!important;*/
}
/*
--- filtre page donnees legales financieres ---
*/
.filtres-legales-financieres {
	padding: 10px 0px 20px 0px !important;
	height:100px;
	
}
/**
 * FIN Filtres
 */

/**
 * PRIX ET RENDEMENTS
 */
.colTitre img {width:100%} 

.borderdoubleright {
  border-right: 3px double #999999;
}

.boldTexte {
  font-weight: bold;
}

.customAlert{
    background-repeat: no-repeat!important;
    background-position: 5px 5px!important;
    text-align: left!important;
    padding-left: 26px!important;
    background-color: inherit!important;
    overflow: auto;
}

.centerAlignVertical{
  text-align: center!important;
  vertical-align: middle!important;
}

.categoryHeading{
  border-bottom: 1px solid #cbcccc;
  margin-bottom: 20px;
}

.titreList{
  margin-bottom: 0px!important;
}

.background-green{
  background-color: #E1ECD6;
  border: 2px solid #B2CD9F;
}

.centerColumn{
  width: 50%;
}

.vcenter{
    vertical-align: middle !important;
}

@media (min-width: 0px){ 
  .filtres .distributions div:nth-child(3) {
      padding-left: 0px;
  }
}
@media (min-width: 768px){ 
  .filtres .distributions div:nth-child(3) {
      padding-left: 10px;
  }
  .fixeWidth {
      width: 107px!important;
  }
}
@media (min-width: 992px) { 
  .fixeWidth {
      width: 126px!important;
  }
}
@media (max-width: 992px) { 
   .composanteRegionalAside{
      clear: both;
      overflow: auto;
  }
  .donneesComposanteRegional .iconeEmail{
    padding-left: 40px;
    margin-bottom: 20px !important;
  }

  .donneesComposanteRegional .iconeEmail:hover{
    padding-left: 40px;
  }

  .donneesComposanteRegional .iconeEmail:focus{
    padding-left: 40px;
  }
  .donneesComposanteRegional .iconeEmail:focus:hover{
    padding-left: 40px;
  }

}

@media (min-width: 768px){ 
  .col5First {
      width: 3.75%;
  }
  .col5FirstFix{
    width:6.4%;
  }
  .colTitre {
    width: 25%;
  }
  .colLast {
    width: 10%;
  }
  .colNoteLegal {
    width: 60%;
  }
}
@media (min-width: 992px){ 
  .col5First {
    width: 4.4%;
  }
  .col5FirstFix{
    width:6.4%;
  }
  .colTitre {
    width: 15%;
  }
  .colLast {
    width: 7%;
  }
  .colNoteLegal {
    width: 63%;
  }
}

.posValue {
  color:#007944;;
}

.negValue {
  color:#ae1d00;;
}

/**

Options revenus

*/

.col-option-th-1 {
      width:40%;
}

/**
 * CHARTS DÉBUT
 */
 
/* Graphique Croissance de 10 000 */ 
#graph10k {padding:0}
 
.charts .entete {
  padding-bottom: 5px;
}

.tiroir-inv .date {
  font-size: 12px;
	font-size: 0.9em;
  font-weight: bold;
  color: #595959;
}

/*.charts .whiteBox {
  background-color: #FFF;
  border: 1px solid #DDD;
  padding: 10px;
}*/

.charts .text-center {
  text-align: center;
}

.charts .text-right {
  text-align: right;
  margin-bottom: 0px;


}

.charts .square, .hubPieArray .square  {
  border: 5px solid #000;
  float: left;
  margin: 3px;
  margin-left:0;
  width: 3px;
  margin-bottom: .5rem;
}

.charts .pieChart {
  height: 178px !important;
}

/**
 * CHARTS FIN
 */

/**
 * SIMPLE PIE CHART DÉBUT
 */

.charts .simplePieTable tbody {
  border-top: 1px solid #cbcccc;
  border-bottom: 1px solid #cbcccc;
}

.charts .simplePieTable tr td {
  text-align: right !important;
  
}

.charts .simplePieTable tr > * {
  padding-top: 5px;
}

.charts .simplePieTable tr:last-child > * {
  padding-bottom: 5px;

}

.charts .simplePieTable tbody {
  color: #595959;
}

.charts .simplePieTable thead tr > * {
  color: #595959;
  font-size: 14px;
	font-size: 1.4rem;
}

.charts .simplePieTable p.chartActifHub {
  margin-left: 10px;
  margin: 0px;
}

/**
 * SIMPLE PIE CHART FIN
 */

/**
 * Page Hub Fonds
 */

.highcharts-background {
    opacity: 0;
}

.pieChartHub {
  height: 150px;
}

.hubPieArray .simplePieTable:first-child{
  padding-right: 10px;
  padding-left:0;
}
.hubPieArray .simplePieTable:last-child{
  padding-left: 10px;
  padding-right:0;
}

@media (max-width: 991px) {
  .hubPieArray .simplePieTable:first-child{
    padding-right: 0px;
    padding-left:0;
  }
  .hubPieArray .simplePieTable:last-child{
    padding-left: 0px;
    padding-right:0;
    padding-top:1rem;
  }
} 

.hubPieArray .simplePieTable .principalContent{
  font-size: 13px;
  color:#595959;
  padding-top: 3px;
}

.hubPieArray .simplePieTable .principalContent.bold{
  font-weight: bold;
}

.hubPieArray .simplePieTable .valuePrincipal{
  font-size: 14px;
	font-size: 1.4rem;
  color:#595959;
  border-bottom: 1px solid #cbcccc; 
}

.hubPieArray .simplePieTable .titleArray{
  font-size: 14px;
	font-size: 1.4rem;
  font-weight: bold;
  border-bottom: 1px solid #cbcccc;
}

.hubPieArray .simplePieTable .littlePadding {
  padding-left: 0;
  padding-right: 0;
}

.hubPieArray .simplePieTable .littlePadding:last-child {
  padding-top:5px;
}

.hubPieArray .simplePieTable .littlePadding > div > div:first-child {
  padding-left: 0;
}

.hubPieArray .simplePieTable .littlePadding > div{
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 3px;
  overflow:auto;
}

.bleuCroissance, 
.hubPieArray .tableauCouleurs > div:first-child > div:first-child,
.hubPieArray .tableauCouleurs > div:first-child > div > .valuePrincipal,
.hubPieArray .tableauCouleurs > div:first-child > div > div > div:last-child {
  color: #52A233;
  font-weight: bold;
}

.vertRevenuFixe, 
.hubPieArray .tableauCouleurs > div:last-child > div:first-child,
.hubPieArray .tableauCouleurs > div:last-child > div:first-child > .valuePrincipal,
.hubPieArray .tableauCouleurs > div:last-child > div > div > div:last-child {
  color: #218290;
  font-weight: bold;
}

/**
 * Page Hub Fonds
 */

/**
 * DESIGN TABLEAU REPARTITION ACTIF
 */

.repartitionActif .panel > div:last-child {padding-right:0}
.repartitionActif .panel > div:nth-child(2) {padding-right:0; padding-left:0;}

/* Répartition actif hub ? */
.repartitionActif div:nth-child(2) {padding-right:0; padding-left:0;}
 
.table-RepartitionActif thead .headTr{
  padding-right: 10px; 
  padding-left: 5px;
  padding-bottom: 3px; 
  text-align: right; 
  font-size: 13px;
	font-size: 1.3rem;
  border-right: 1px solid #cbcccc; 
  font-weight: bold; 
  color: #3e3e3e;
	width: 60px; 
  vertical-align: top;
}

.table-RepartitionActif tbody tr .bodyTh{
  border-bottom: 1px solid #cbcccc; 
  border-top: 1px solid #cbcccc; 
  padding-bottom: 3px; 
  padding-top: 3px; 
  text-align: left; 
  font-size: 13px;
	font-size: 1.3rem;
  font-weight: bold; 
  color: #2e2e2e;
}

.table-RepartitionActif tbody tr.titleTbody .bodyTd{
  border-bottom: 1px solid #cbcccc; 
  border-top: 1px solid #cbcccc; 
  border-right: 1px solid #cbcccc; 
  padding-bottom: 3px; 
  padding-top: 3px; 
  text-align: right; 
  font-size: 13px;
	font-size: 1.3rem;
  padding-right: 10px; 
  font-weight: bold; 
  color: #2e2e2e;
}

.table-RepartitionActif tbody tr.titleSubCategory th{
  text-align: left; 
  padding-right: 10px; 
  font-weight: bold; 
  font-size: 12px;
	font-size: 1.2rem;
  color: #595959; 
  padding-top: 5px;
}

.table-RepartitionActif tbody th div.rect {
  width:0px;
  height:0px; 
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  margin-bottom: .5rem;
}

.table-RepartitionActif tbody tr.titleSubCategory td{
  border-right: 1px solid #cbcccc;
  font-weight: normal;
}

.table-RepartitionActif tbody tr.underlyingFund th{
  padding-left: 10px; 
  vertical-align: top; 
  padding-right: 10px; 
  font-size: 12px;
	font-size: 1.2rem;
  color: #595959; 
  text-align: left;
  font-weight: normal;
}

.table-RepartitionActif tbody tr.underlyingFund td{
  padding-left: 10px; 
  vertical-align: top; 
  padding-right: 10px; 
  text-align: right; 
  font-size: 12px;
	font-size: 1.2rem;
  color: #595959; 
  border-right: 1px solid #cbcccc;
}

.table-RepartitionActif tbody th div.dot{
  float: left;
  background-color: #595959;
  width: 4px;
  height: 4px;
  border-radius: 1000%;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 1rem;
}
/**
 * FIN DESIGN TABLEAU REPARTITION ACTIF
 */ 


/*

--- Afficher les colonnes cible et réelle en mobile --

*/

@media (min-width: 320px) and (max-width: 480px) {

  #repartitionActifTableau .table-RepartitionActif th:last-child {
    display:none;
  }

  #repartitionActifTableau .table-RepartitionActif td:last-child {
    display:none;
  }
}


/**----------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------
--- CSS Fonds et portefeuilles  Desjardins
**/

.tiroirs-inv{ 
	border: 1px solid #ccc;
    /*border-radius: 5px;*/
	margin-bottom: 20px;
}
.tiroirs-inv .contenu-debut {padding: 20px;}
.entete-tiroir-inv > .titre{
    border-bottom: 1px solid #ccc;
	padding: 1em 20px 1em 20px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background-image: linear-gradient(white , #EAE8E8);
	/*height:2.5em;*/
	color: #595959 !important;
    font-size: 1.2em !important;
	text-decoration: inherit;
}
	 
/*.charts .whiteBox {
    background-color: #FFF;
    border: 1px solid #DDD;
    padding: 10px;
}*/
/*.charts h3.titre {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #2e2e2e;
    margin-top: 0px !important;
}*/
.charts .simplePieTable thead tr > * {
    color: #595959;
    font-size: 14px;
    font-size: 1.4rem;
}
.charts .text-right {
    text-align: right;
    margin-bottom: 0px;
}
.charts .simplePieTable tr > * {
    padding-top: 5px;
	text-align:left;
}

.charts .simplePieTable tbody tr:last-child > * {
    padding-bottom: 5px;
    text-align: left;
}
.charts .titre-tableau .sr-only{text-align: left;}

/**Niveau Risque**/
.tableaux.riskGraph .rectangle {
    height: 10px;
    border: 1px solid #909090;
    background-color: #e1e1e1;
}
.tableaux .riskGraph .filled {
    background-color: #595959;
}

/** Prix Unitaire **/

.prixUnitaire .panel > div {display:table}
.prixUnitaire .panel > div p {display:table-row}
.prixUnitaire .panel > div p span {display:table-cell; vertical-align: middle;}
.prixUnitaire .panel > div p span {padding:0;}

.prixUnitaire .panel > div:last-child p span:nth-child(4) {width: 5%; white-space: nowrap;}

@media (max-width:801px) {.prixUnitaire .panel > div:last-child p span:nth-child(4) {width: 15%;}}
@media (max-width:767px) {.prixUnitaire .panel > div:last-child p span:nth-child(4) {width: 10%;}}
@media (max-width:587px) {.prixUnitaire .panel > div:last-child p span:nth-child(4) {width: 15%;}}


@media (max-width:480px) {
.prixUnitaire .panel > div:last-child p span:nth-child(3) {width: 40%;}
.prixUnitaire .panel > div:last-child p span:nth-child(4) {width: 25%;} 
}

.prixUnitaire .panel > div p span:nth-child(2),
.prixUnitaire .panel > div p span:nth-child(3),
.prixUnitaire .panel > div p span:nth-child(4) {text-align:right; white-space: nowrap;}
.prixUnitaire .panel > div:last-child p span:nth-child(5) {width: 6.3%; white-space: nowrap;}

.prixUnitaire .greyBox .titrePrixCourant {font-weight: bold;}

.prixUnitaire .posValue {
	color:green;
	padding-right:10px !important;

}
.prixUnitaire .negValue {
	color:#c40303;
	padding-right:10px !important;
}

.prixUnitaire .negValue:before {
	content:url('/ressources/images/IconLossLg.gif');
	display: inline-block;
	vertical-align: middle;
	padding-right:10px;
}
.prixUnitaire .posValue:before {
	content:url('/ressources/images/IconGainLg.gif');
	display: inline-block;
	vertical-align: middle;
	padding-right:10px;
}

.prixUnitaire .greyBox {
    background: #f7f7f7;
    border: 1px solid #dddddd;
    box-shadow: 0 1px 2px 0 #dddddd;
	height: 60px;
	padding-top:10px;
}

.prixUnitaire .greyBox .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}


/*************/
.tiroir-inv .contenu-debut .contenu-tiroir-inv{height: auto;}

.contenu-debut .tiroirInv{
	margin-bottom: 5px;
    padding-left: 20px;
	padding-top: 5px;
    background: transparent url(/ressources/images/a00-icone-plus-notes.png) no-repeat left top;
    background-position-y: 5px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #007944;
    line-height: 14px;
    border: none;
    width: 100%;
    text-align: left; 
}
.contenu-debut .tiroirInv.ouvert{
	background-image: url(/ressources/images/a00-icone-moins-notes.png);
	}

.contenu-debut .buProdHautCaisse,
.contenu-debut .buProdBasCaisse,
.contenu-debut .buProdHaut,
.contenu-debut .buProdHautLigne,
.contenu-debut .buProdBas,
.contenu-debut .buProdBasLigne{
    float: right;
	top: 0.3em;
	}

.contenu-debut .obtenir-produit > p {text-align: right;}
.contenu-debut .row.hrLine{border-top: 1px #ccc solid;}


/** HUB Produit **/
.menu-hub ul {/* display:inline-block; */ /* width: 100%; */ padding: 0px 1px;display: flex; flex-wrap: wrap;}
.menu-hub ul  > li{padding-left:0px; padding-right: 1rem; flex-basis: 33%;margin-bottom: 13px; background: none !important;}
@media (max-width: 768px) {.menu-hub ul  > li{flex-basis: 50%;}}
@media (max-width: 480px) {.menu-hub ul  > li{flex-basis: 100%;}}

/*
--- fomrat de templaite et les cadres de lien fonds ---
*/
.menu-hub ul.unstyled>li:nth-child(1),
.menu-hub ul.unstyled>li:nth-child(2),
.menu-hub ul.unstyled>li:nth-child(3){margin-top: 0px;}
@media (max-width:768px) {.menu-hub ul.unstyled>li:nth-child(3){margin-top: .6rem;}}
.menu-hub ul.liste-pdf{ margin-bottom: 0px !important;}
.menu-hub ul.liste-pdf > li{ margin-top: 0px !important;}

/*
CSS pour les graphiques de produits 
*/
body { line-height: normal; }
.highcharts-data-labels *,
.highcharts-axis-labels *,
svg * { font-size: 0.8rem !important; }
.highcharts-data-labels > div > span {margin-left:1px !important; margin-top: -5px !important;}

.bouton-action.principal.crochet.buProdHautCaisse, 
.bouton-action.principal.crochet.buProdBasCaisse,
.bouton-action.principal.crochet.buProdHaut,
.bouton-action.principal.crochet.buProdHautLigne, 
.bouton-action.principal.crochet.buProdBas,
.bouton-action.principal.crochet.buProdBasLigne {font-size: 1rem !important; font-weight: normal !important;}
.img-pdf { width:100%;}

.gestionnaire-portefeuille {margin-bottom: 2em;}
.gestionnaire-portefeuille ul li{width: 33%;  float: left; /*border-right: 1px #ccc solid;*/ margin-top: 0px !important; padding: 0.5em 0; border-bottom: solid 1px #ccc}
.gestionnaire-portefeuille ul li:nth-child(3n+3){border-right: none !important;}

@media (max-width:768px){
.gestionnaire-portefeuille ul li{width: 50%; border-right: none;} 
}

/*
CSS : popover : Obtenir ce produit
*/
.popFonds{width: 426px !important;}
.popFonds .contenu p{margin-top: 0;}
.popFonds .titre .enligne {
    background-image: url(/ressources/images/a00-icone-en-ligne.png);
  /*  margin-left: -15px;  */
}
.popFonds .titre .telephone{
    background-image: url(/ressources/images/a00-icone-telephone.png);
}
.popFonds .titre .caisse{
    background-image: url(/ressources/images/a00-icone-caisse.png);
}
.popFonds .titre .clicktocall {
    background-image: url(/ressources/images/a00-icone-clicktocall.png);
}
.popFonds .obtenir_enligne,
.popFonds .obtenir_telephone,
.popFonds .obtenir_clicktocall{    
	display: inline-block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
	padding-bottom: 10px;
}
.popFonds .obtenir_caisse{display: inline-block;}

/*

*/
.cadre-infopdf-fonds{margin-bottom: 2em;}
.cadre-infopdf-fonds .cadre-pdf {background-color: #D8D8D8;
	        display: inline-block;
	        background: #f1f1f1 url(/ressources/images/d30-puce-plus-dossier.png) no-repeat right bottom;
	        width: 100%;}
	       
.cadre-infopdf-fonds .cadre-pdf ul > li,
.hub-en-bref ul > li {padding-left: 15px !important;
	                background: url(/ressources/images/a00-bloc-en-bref-puce.png) no-repeat 2px 0.3em !important;
	         }
.cadre-infopdf-fonds .cadre-pdf h3{color:#595959 !important;
	        font-size:1.3em !important;}
	        
	        
.tiroir-inv .contenu-debut .contenu-tiroir-inv .row ul > li{padding-left: 0 !important; 
	              background: none !important; 
	              }
.tiroir-inv .contenu-debut .contenu-tiroir-inv .row  span.sr-only{display: none;}


.charts .repartitionActif .simplePieTable {width: 100% !important;
	            padding: 0px !important;
	            margin-bottom: 1em;}


.charts .repartitionActif .simplePieTable .littlePadding .titleArray,
.charts .repartitionActif .simplePieTable .littlePadding .valuePrincipal {font-weight: bold;}
.charts .repartitionActif .simplePieTable .littlePadding { padding: 0px;}

/*.charts .chart-repartition-geo{ margin-top: 2em;}*/
/*.charts .chart-repartition-actif { margin-top: 4.3em;}*/
.tiroir-inv .contenu-debut .rfg .titre{width: 50%; display: inline-block; float: left;}
.tiroir-inv .contenu-debut .rfg p {width: 50%; display: inline-block; margin-top: 2.1em;}

/*
Fonds Desjardins : Centre information 
*/
.basPage-cade {display: inline-block; width: 100%;}
.basPage-Info h3 {margin-top: 0px !important;}
@media (max-width: 992px) { 
	.basPage-cade ul.liens-action{margin-top: 0; margin-bottom: 0;}
}

.basPage-Info .titre-bas .telephone { background: url(/ressources/images/a00-icone-telephone.png) no-repeat; padding-left: 2.5em; padding-top: 0.4em;}
.basPage-Info .titre-bas .caisse { background: url(/ressources/images/a00-icone-caisse.png) no-repeat; padding-left: 2.5em; padding-top: 0.4em;}
.basPage-Info.line-left {border-left: 1px #ccc solid; border-top: none;}
.basPage-Info .top-caisse {margin-top: 2em; display: inline-block;}
@media (max-width: 992px) {.basPage-Info.line-left {border-left: none; border-top: 1px #ccc solid; margin-top: 1em; padding-top: 1em;}}
.basPage-Info .titre-bas h3.telephone,
.basPage-Info .titre-bas h3.caisse {height: 2em; font-size: 0.9em !important; }
.basPage-Info .top-caisse ul > li {width: 50%; display: inline-block; float: left; margin-top: 0em !important;}


table.tableau-donnees tbody th, table.tableau-donnees tbody td{text-align: left;}
.sr-only{position: absolute !important;}
#prixRendements .table-box table tbody tr {height : 5em;}

/*page HUB :information*/
.hub-info p { min-height:4.5em;padding-top:1em}

/* ### Overwrite de David D' sur Faycel, N3, Bootstrap ### */
.description .titre {margin-top:0 !important}
.description .description-fonds {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}
.colonne {padding-left: 0px !important; padding-right: 0px !important}
.colonne-gauche {padding-left: 0px !important}
.colonne-droite {padding-right: 0px !important}

.tiroir-inv .contenu-debut .titre {
  color: #000 !important;
  font-size: 1.077em !important;
}
.tiroir-inv .contenu-debut .colonne-doc{margin-top: 3em;}
.tiroirs-inv.sans-filet-bas .TypeProduit{visibility: hidden; display: none;}

.graphiqueCroissance .whiteBox {padding-left: 0px !important; padding-right: 0px !important}
.graphiqueCroissance .whiteBox > .col-lg-24 {padding: 0px !important}

.rendement {overflow:auto;}

.charts .whiteBox {
	border: none !important;
	padding: 0px !important;
}

.charts .whiteBox > .col-lg-10 {padding: 0px !important}

.portefeuilles.charts .repartitionActif > .col-lg-6 {width: 37%;}
.portefeuilles.charts .repartitionActif > .col-lg-18 {width: 63%;}

.portefeuilles .tableauCouleurs .simplePieTable .littlePadding > div {padding-top:5px !important}
.portefeuilles .tableauCouleurs .simplePieTable .littlePadding .titleArray {padding-top:0 !important}

.text-right {text-align: right !important}
#ir-payant{color:#000 !important; font-size: 1.077em !important;}
.contenu-tiroir #zone-intro.en-bref .rangee img{width: 100%;}

#prixRendements .table.tableau-donnees.tableaux-donnees-rendements tbody tr th.colTitre{padding-left: 10px;}

#zone-centrale .tableau-presentation .rangee .logo-apropos {padding-top: 37px;}

@media (max-width: 767px) {
	.tableau-presentation.sans-filets-ext img{width: auto !important; height: auto !important;}
	#zone-centrale .tableau-presentation .rangee .logo-apropos {padding-top: 0;}
	#zone-centrale .tableau-presentation .rangee img {width: auto !important;}
}

@media (max-width: 480px) {
	#zone-centrale .tableau-presentation .rangee > div:first-child {border-top: none !important;}
}

/** Message d'avertissement **/
.panel.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
	background-image: url(/ressources/images/ic-alerte.svg);
	background-repeat: no-repeat;
	background-position: 1em 1em;
	padding: 5px;
	padding-left: 3.5em;
}
.panel.alert-danger *:first-child {margin-top:0}

.imageGrand {
width: 100%;
}

/* ### Appel de note ### */
div.note-bas-page br {
  content: "";
  margin: 6px;
  display: block;
  font-size: 34%;
}

/*
Notes legales - Managers
*/
a[href^="#note-portfolio-manager-"] {
  position: absolute !important;
  top: 30px !important;
  right: 76px !important;
}

.panel.panel-primary.tableau-image.unique.dernier-element-1 a[href^="#note-portfolio-manager-"] {
  right: -76px !important;
}

/*
Pastilles ESG
*/
h2.entete-esg {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

div.panel-horizontal {
border: 1px solid #d5d5d5;
border-radius: 8px;
-moz-border-radius: 8px;
padding: 10px 10px 10px 10px !important;
}

div.panel-vertical {
border: 1px solid #d5d5d5;
border-radius: 8px;
-moz-border-radius: 8px;
padding: 0px 10px 0px 10px
}

div.box-horizontal {
min-height: 130px !important;
padding: 10px 0px 0px 0px !important;
}

div.box-vertical {
min-height: 130px !important;
padding: 0px 0px 0px 0px !important;
}

div.box-heading {
font-size: 16px !important;
font-weight: bold !important;
text-align: left;
margin: 10px 10px 10px 10px;
}

div.box-body {
text-align: left;
margin: 14px 10px 10px 10px;
}

div.box-intro {
  position: relative;
  top: 132px;
  margin-top: 0;
  margin-bottom: 10px;
}

div.box-moving-up {
  margin-top: -60px;
}

div.box-spacing-height {
  height: 60px;
}

/* Affichage horizontale en mode mobile */
@media (max-width: 767px) {
div.border-bottom-vertical {
border-right: 0px !important;
border-bottom: 1px solid #d5d5d5;
}

  div.box-intro {
    position: initial !important;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  div.box-spacing-height {
    height: 0;
  }

  div.box-moving-up {
    margin-top: 0;
  }
}

div.border-right-horizontal {
border-right: 1px solid #d5d5d5;
}

div.border-bottom-only {
border-bottom: 1px solid #d5d5d5;
}

div.box-note {
  margin: 15px 0px 0px 0px;
}

div.box-link {
  margin: 15px 0px 10px 0px;
}

div.no-padding {
padding: 0px 0px 0px 0px !important;
}

/*
Pastilles ESG entreprise
*/
.panel-esg-ent-lightgreen {
  margin: 20px 0px 20px 0px;
  padding: 20px;
  background: #EEF7F3;
}

div.btn-section-all {
  display: flex;
  justify-content: space-around;
}

div.panel-ent {
  padding: 0px 0px 0px 0px !important;
  margin: 10px 0px 10px 0px;
}

div.box-ent {
  border: 1px solid #dedede;
  border-radius: 8px;
  -moz-border-radius: 8px;
  padding: 22px 20px 20px 20px;
  min-height: 475px;
}

div.box-ent-title {
  padding-bottom: 20px;
  border-bottom: 1px solid;
  border-bottom-color: #dedede;
}

p.txt-ent-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 2.4rem;
  word-break: break-word;
  color: #666666;
  padding: 0px 0px 0px 0px;
  margin: 0px;
}

div.box-ent-theme {
  padding: 12px 0px 12px 0px;
  border-bottom: 1px solid;
  border-bottom-color: #dedede;
}

div.ent-inline-block {
  display: inline-block;
  vertical-align: middle;
  padding-left: 14px;
}

div.box-ent-body {
  word-break: break-word;
}

p.txt-ent-theme {
  font-weight: bold;
  font-size: 20px;
  line-height: 2rem;
  word-break: break-word;
  color: #9b9b9b;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

/* Affichage horizontale en mode mobile */
@media (max-width: 767px) {
  p.txt-ent-theme {
    margin: 0px 0px 0px 0px;
  }
}

div.box-ent-link {
  padding: 12px 0px 12px 0px;
  border-bottom: 1px solid;
  border-bottom-color: #dedede;
}

a.txt-ent-link {
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  color: #00884e;
  word-break: break-word;
}

.btn-margin-top {
  margin-top: 12px;
}

.esg-banner-header {
  height: auto;
  justify-content: inherit;
  align-items: inherit;
}

.esg-banner-img img {
  width: 100%;
  display: block;
}

li.esg-check {
  list-style: none;
  margin: 2px 10px 2px 3px;
  padding: 4px 20px 4px 18px;
  background-image: url('/ressources/images/ic-esg-check.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 13px;
}


/*
   Pastilles ESG portfolios
*/

div.panel-horizontal-cart {
  border: 1px solid #d5d5d5;
  padding: 10px 10px 10px 10px !important;
  margin: 20px 0px 20px 0px;
}

div.border-left-right-horizontal {
  border-left: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}

/* Affichage horizontale en mode mobile */
@media (max-width: 767px) {
  div.border-top-bottom-vertical {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 0px !important;
    border-right: 0px !important;
  }
}

h3.box-title-cart {
  margin-top: 22px !important;
  margin-bottom: 12px !important;
}

div.box-infos-cart {
  border: 1px solid #d5d5d5;
  padding: 0px 25px 0px 25px;
  margin: 20px 0px 20px 0px;
}

div.box-horizontal-cart {
  min-height: 140px !important;
  padding: 10px 0px 0px 0px !important;
}

p.box-intro-cart {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

p.box-note-cart {
  margin-top: 16px;
  margin-bottom: 0px;
}

p.txt-esg-fr {
  min-height: 135px;
}

p.txt-esg-en {
  min-height: 101px;
}

a.box-link-cart {
  margin-top: 12px;
}

img.box-img-sm-cart {
  margin-top: 10px;
}

/* mobile */
@media (max-width: 767px) {
  div.box-horizontal-cart {
    min-height: 100px !important;
  }
}