body { 
 background-color: rgb(240, 240, 240);
 /*font-family: "avn", Arial, Helvetica, sans-serif;*/
 font-family: "Manrope",sans-serif;
 font-weight: normal;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal
}

.intro-video-cover .intro-video {
	position: relative;
	z-index: 0;
	height: 100vh;
	width: 100%;
	object-fit: cover;
	margin-bottom: -7px;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

.intro-video-cover .video-intro {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	top: 45%;
	left: 15%;
	color: #fff !important;
}

.typer { color: #4c2031 !important; }

.intro-video-cover .video-intro h1 {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
}

.intro-video-cover .video-intro h2 {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
}

.alert {
	background-color: #eff0f2;
	background: rgba(102,110,120,0.1);
	font-size: 18px;
	color: #444E58;
	position: relative;
	margin-bottom: 40px;
}

.icon-flag { width: 22px; }

.icon-source { max-height: 30px !important; }

.nav-item a { text-decoration:none; color: #666F78 !important; }
.nav-item a.active { text-decoration:none; color: #4c2031 !important; }

.navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle::after {
	color: var(--bs-secondary);
}

.accordion-wrapper .card-header button, .accordion-wrapper .card-header button:hover {
	color: #4c2031;
}

.btn-primary.active { background: #fff; color: #4c2031; }
.btn-xs { padding:0 4px 0 4px; font-size:0.8em; }

.border-primary { border-color: #4c2031 !important; }

.post-content { text-justify: auto !important; }

#niveau ul.pagination li { padding: 0px; }
#niveau .pagination {
	position: relative;
	float: left;
	padding-bottom: 30px;
	justify-content: space-between;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #777777;
}

#niveau .pagination::before {
	position: absolute;
	top: 100%;
	display: block;
	width: 1em;
	height: 1em;
	content: "";
	margin-top: -.45em;
	left: 2px;
	border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	transform: rotate(-45deg);
}
#niveau .pagination::after {
	position: absolute;
	top: 100%;
	display: block;
	width: 1em;
	height: 1em;
	content: "";
	margin-top: -.45em;
	right: 2px;
	border-top: 1px solid #777777;
	border-right: 1px solid #777777;
	transform: rotate(45deg);
}

#menu a.active, #menu a:hover { color: #4c2031 !important; }

@media only screen and (max-width: 1200px) {
	#menu a  { font-size: 0.9em; }
}

.row-40 {
	margin-left: -20px;
	margin-right: -20px;
	*zoom: 1;
}

.breadcrumb-item { font-size: 1.0em !important; }

.box-presentation
{
	box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.13);
	border-radius: .4rem;
	background: #fff;
	font-size: 14px;
	color: #666F78;
	letter-spacing: 0px;
	line-height: 32px;
	padding: 15px 30px 25px;
	margin-bottom: 40px;
}

.box-presentation h4 {
	font-family: "avn", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #444E58;
	margin: 0 0 15px;
}

.box-presentation dl {
	overflow: hidden;
	padding: 0;
	margin: 0;
	letter-spacing: 0px;
	line-height: 28px;
}

.box-presentation dl dt {
	font-weight: normal;
	display: inline;
}

.box-presentation dl dd {
	color: #69243C;
	display: inline;
	padding-left: 5px; 
}

.box-presentation ul.pagination
{
	box-shadow: none !important;
}

.box-presentation ul.pagination > li.active
{
	box-shadow: none !important;
}

.box-presentation ul.pagination li.active a {
	border-color: #69243C;
	color: #fff;
	background-color: #69243C;
}

/* Gerants */
.manager-section {
	overflow: hidden;
	position: relative;
	padding-right: 50px;
	display: block;
	margin-bottom: 10px;
}

.manager-section figure {
	float: left;
	margin-right: 20px;
}

.manager-section figure img
{
	max-width: 100px !important;
}

.manager-section .text {
	height: 110px;
	font-size: 14px;
	color: rgba(102,110,120,0.9);
	letter-spacing: 0px;
	display: flex;
	align-items: center;
}

.manager-section .text h6 {
	margin: 0;
	font-size: 16px;
	color: #444E58;
}

.manager-section .link-more {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 45px;
	height: 45px;
}

/* https://icon-sets.iconify.design/uil/angle-up/ */
.manager-section .link-more::before 
{
	content: "\f1ea";
	display: inline-block;
  	width: 2em;
  	height: 2em;
  
	 --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m14.83 11.29l-4.24-4.24a1 1 0 0 0-1.42 0a1 1 0 0 0 0 1.41L12.71 12l-3.54 3.54a1 1 0 0 0 0 1.41a1 1 0 0 0 .71.29a1 1 0 0 0 .71-.29l4.24-4.24a1 1 0 0 0 0-1.42'/%3E%3C/svg%3E");
	background-color: #000;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	
	
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	left: 50%;
	margin-left: -4px;
}

.team_list p.extrait { line-height: 1em; }

.flip-card {
  background-color: transparent;
  height: 440px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

.flip-card:hover { cursor:pointer; }

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;  
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
}

/* Style the back side */
.flip-card-back {
  background-color: #fff;
  padding:20px;
  max-height: 440px !important;
  border-radius: .4rem;
  transform: rotateY(180deg);
  overflow:hidden;
  z-index:1000;
  text-overflow: ellipsis;
}

#gammes_fonds { margin-top: -20% !important; }
#gammes_fonds tr > td { vertical-align:middle !important; }

@media only screen and (max-width: 926px) {
	.table-performance td { font-size: 0.8em !important; }
}

@media only screen and (max-width: 767px) {
	
	.intro-video-cover .video-intro {
		left: 2%;
	}

	.intro-video-cover .video-intro h1 {
		font-size: 35px;
		font-weight: 700;
	}
	
    .box-presentation {
      margin-bottom: 10px;
    }
	
    .box-presentation h4.mob-slide-triggger {
      margin: 0;
      position: relative;
      cursor: pointer;
    }
	
	#gammes_fonds .card-body { padding: 5px; }
	.donnees_validated { font-size: 0.8em; }
	.donnees_validated .fs-20 { font-size: 0.8em; }
	
	.table-performance td { font-size: 0.8em !important; }
	
	.box-presentation .slide-block {
		padding-top: 10px;
		display: none;
	}
	
	.box-presentation h4.mob-slide-triggger::after {
		content: "\f1ea";
		display: inline-block;
  	  	width: 1em;
  	  	height: 1em;
	  
		--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 9.17a1 1 0 0 0-1.41 0L12 12.71L8.46 9.17a1 1 0 0 0-1.41 0a1 1 0 0 0 0 1.42l4.24 4.24a1 1 0 0 0 1.42 0L17 10.59a1 1 0 0 0 0-1.42'/%3E%3C/svg%3E");
		background-color: #000;
		-webkit-mask-image: var(--svg);
		mask-image: var(--svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
	  
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 15px;
	}
	
	.box-presentation h4.mob-slide-triggger.opened::after {
	  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m17 13.41l-4.29-4.24a1 1 0 0 0-1.42 0l-4.24 4.24a1 1 0 0 0 0 1.42a1 1 0 0 0 1.41 0L12 11.29l3.54 3.54a1 1 0 0 0 .7.29a1 1 0 0 0 .71-.29a1 1 0 0 0 .05-1.42'/%3E%3C/svg%3E");
	}
	
	
}

/*
@media only screen and (max-width: 767px) {
 
}


@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and (min-resolution: 192dpi) {
  .box-presentation h4.mob-slide-triggger.opened::after {
    background-image: url(https://kerenfinance.com/assets/sprite/sprite@2x.png);
    background-size: 214px 195px;
  }
  }*/



/* Les fonds */

.section-documents 
{
	background: url("/images/design/bg-section-documents.jpg") no-repeat 50% 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 100px 0;
}

.section-documents .list-docs a { color: #4c2031; }

.block-document h6 {
	font-size: 13px;
	color: rgba(102,110,120,0.9);
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 25px 0;
	padding: 20px 0 10px;
	border-bottom: 1px solid #e2e4e6;
	text-align: center;
}

.inner-title h1 {
	font-weight: normal;
	font-size: 68px;
	color: #444E58;
	margin: 0 0 10px;
}

@media only screen and (max-width: 767px) {
	.inner-title {
		font-size: 34px;
	}
}

img.labels {
	padding-bottom: 10px;
	margin-left: 15px;
	width: 65px;
}

/* Graphs */


.table thead tr th {
	font-weight: normal;
	text-transform: uppercase;
	font-family: "avn", Arial, Helvetica, sans-serif;
	color: rgba(102,110,120,0.9);
	line-height: 18px;
	padding: 30px 10px;
}
  
.table thead tr th strong {
	font-weight: normal;
	font-family: "avn", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #444E58;
	text-transform: none;
}

.graph-head h5 {
	font-size: 20px;
	color: #444E58;
	margin: 0;
	font-family: "avn", Arial, Helvetica, sans-serif;
} 


/* Gamme des fonds */
.table.table-performance {
	margin: 0;
}

.table.table-performance thead {
	font-size: 10px;
}

.table.table-performance thead th {
	text-align: center;
}

.table.table-performance tbody .fund_name {
	font-size: 14px;
	font-weight:600;
}

.table.table-performance > :not(caption) > * > * {
	padding: .9rem .2rem;
}

.martup { position: absolute; left: -1000px; }