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

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

.charts .date {
  font-size: 12px;
  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;
}

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

.charts .pieChart {
  height: 230px;
}

/**
 * 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;
}

.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;
}

.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;
  color:#595959;
  border-bottom: 1px solid #cbcccc; 
}

.hubPieArray .simplePieTable .titleArray{
  font-size: 14px;
  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; 
  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-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; 
  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; 
  color: #595959; 
  padding-top: 5px;
}

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

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

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

.table-RepartitionActif tbody tr.underlyingFund td{
  padding-left: 10px; 
  vertical-align: top; 
  padding-right: 10px; 
  text-align: right; 
  font-size: 12px; 
  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;
  }
}



/**
 * 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 .simple-alert {
    background-color: #FFF;
    border: none;
}



/**
 * 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;
}

.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-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;
  width: 146px;
}

.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: #e1e1e1;
}

.tableaux .matrixBox .xAxisSquare {
  height: 38px;
  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;
}

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

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

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

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

}

.tableaux .matrixBox .leftBlock .yAxis div {
  white-space: nowrap;
  position: relative;
  top: 95px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

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

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

/**
 * 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 .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%}

.search-result-horizontal :first-child{
  padding-top: 0px;
  margin-top: 0px;
}

.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%;
}