/*
.flex-table {
	display: flex;
	flex-flow: row wrap;
	transition: 0.5s;

	&:first-of-type .flex-row {

	}
	&.row:nth-child(odd) .flex-row {
	}
	

  	.flex-row {
  		width: ~"calc(100% / 4)";
  		text-align: center;
  		padding: 0.5em 0.5em;
  		border-bottom: solid 1px rgba(112, 112, 112,20%);
	}

	.rowspan {
  		display: flex;
  		flex-flow: row wrap;
  		align-items: flex-start;
  		justify-content: center;
	}
}


@media all and (max-width: 767px) {
  .flex-row {
    width: calc(100% / 4); //1px = border right
    
   &.first {
     width: 100%;
   }
  }

  .column {
    width: 100%;
  }
}

@media all and (max-width: 430px) {
  
  .flex-table {
    .flex-row {
      border-bottom: 0;
    }
    .flex-row:last-of-type {
      border-bottom: solid 1px rgba(112, 112, 112,20%);
    }
  }
  
  .header {
    .flex-row {
      border-bottom: solid 1px;
    }
  }
  
  .flex-row {
    width: 100%; //1px = border right
    
   &.first {
     width: 100%;
     border-bottom: solid 1px rgba(112, 112, 112,20%);
   }
  }

  .column {
    width: 100%;
    .flex-row {
      border-bottom: solid 1px rgba(112, 112, 112,20%);
    }
  }

  .flex-cell {
    width: 100%; //1px = border right
  }
}
*/
.tableau-fonds {
  background-color: rgba(188, 202, 210, 0.4);
  font-family: "Roboto";
  border-radius: 4px;
  margin-bottom: 5rem;
}
.tableau-fonds h2 {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.7rem;
  letter-spacing: 0.96px;
  color: #545860;
  text-transform: uppercase;
  margin: 3rem auto 4rem auto;
  text-align: center;
}
.tableau-fonds .table-container .spacer {
  display: block;
  height: 3rem;
}
.tableau-fonds .table-container .flex-table.header tr.flex-row {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0.6px;
  color: #545860;
  text-align: center;
}
.tableau-fonds .table-container .flex-table.header tr.flex-row th {
  font-weight: 400;
  white-space: nowrap;
}
.tableau-fonds .table-container .flex-table.header tr.flex-row th.first {
  text-align: left;
}
.tableau-fonds .table-container .flex-table.data tr.flex-row {
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.8rem;
  letter-spacing: 0.28px;
  color: #18365f;
}
.tableau-fonds .table-container .flex-table.data tr.flex-row td {
  white-space: nowrap;
  text-align: center;
}
.tableau-fonds .table-container .flex-table.data tr.flex-row th {
  font-weight: 400;
  white-space: nowrap;
  text-align: left;
}
.tableau-fonds .table-container .flex-table.data tr.flex-row .title a {
  color: #18365f;
  text-decoration: none;
  white-space: nowrap;
}
.tableau-fonds .table-container .flex-table.data tr.flex-row:hover {
  cursor: pointer;
  background: #5a8e89;
  transition: 500ms;
  color: #FBFBFB;
}
.tableau-fonds .table-container .flex-table.data tr.flex-row:hover a {
  color: #FBFBFB;
}
.tableau-fonds .notes {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6rem;
  letter-spacing: 0.6px;
  color: #545860;
}