.custom_block.custom_block_our-team{
	width: 120%;
	margin-left: -10%;
}

.custom_block.custom_block_our-team .member{
	width:100%;
	position: relative;
	height:380px;
	background-position: center center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	cursor: pointer;
	border-bottom:20px solid #5A577C;
	margin-bottom:20px;
}

.custom_block.custom_block_our-team .first-grid .member{
	border-bottom:20px solid var(--bleu-fonce);
	height:520px;
}

	.custom_block.custom_block_our-team .member .name{
		position: absolute;
		z-index: 10;
		color:#fff;
		text-align: center;
		width:100%;
		padding-bottom:50px;
		font-family: 'Lora', serif;
		font-size: 1.4em;
		bottom:0px;
	}

	.custom_block.custom_block_our-team .first-grid .member .name{
		font-size:2em;
	}

		.custom_block.custom_block_our-team .member .name em{
			font-style: normal;
			font-family: 'Raleway', sans-serif;
			font-size: .7em;
			display: block;
			padding-top:20px;
			font-weight: 100;
		}

	.custom_block.custom_block_our-team .member .overlay{
		-webkit-transition : opacity 700ms;
		-moz-transition    : opacity 700ms;
		-ms-transition     : opacity 700ms;
		-o-transition      : opacity 700ms;
		transition         : opacity 700ms;
		opacity: 0;
		background: var(--bleu-fonce-09);
		position: absolute;
		z-index: 5;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	}

		.custom_block.custom_block_our-team .member:hover .overlay,
		.custom_block.custom_block_our-team .member.actif .overlay{
			opacity: 1;
		}


		.custom_block.custom_block_our-team .member .overlay .statut{
			padding-top:50px;
			color:#fff;
			font-family: 'Lora', serif;
			text-align: center;
		}

		.custom_block.custom_block_our-team .member .overlay .loupe{
			width:100%;
			text-align: center;
			position: absolute;
			top:48%;
			color: #fff;
			font-size: 1.4em;
		}

		.custom_block.custom_block_our-team .member .overlay .position_arrow{
			position: absolute;
			left:50%;
			bottom:-20px;
			-webkit-transition : all 350ms;
			-moz-transition    : all 350ms;
			-ms-transition     : all 350ms;
			-o-transition      : all 350ms;
			transition         : all 350ms;
		}
			.custom_block.custom_block_our-team .member.actif .overlay .position_arrow {
				bottom:-39px;
			}

				.custom_block.custom_block_our-team .member .overlay .arrow-down {
					width: 0;
					height: 0;
					border-left: 20px solid transparent;
					border-right: 20px solid transparent;

					border-top: 20px solid #5A577C;
					position: relative;
					left:-20px;

				}


					.custom_block.custom_block_our-team .first-grid .member .overlay .arrow-down {
						border-top: 20px solid #130F44;
					}

	.custom_block.custom_block_our-team .member .member_couv{
		background-position: center center;
		-webkit-background-size: cover; /* pour Chrome et Safari */
		-moz-background-size: cover; /* pour Firefox */
		-o-background-size: cover; /* pour Opera */
		background-size: cover; /* version standardisée */
		position: absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		z-index: 0;
	}
	.first-grid .member .member_couv{
		background-position: center -60px !important;
	}



.custom_block.custom_block_our-team .member_fiche{
	margin:30px 15px 50px 15px;

	display: none;

}

.custom_block.custom_block_our-team .first-grid .member_fiche{


}

.custom_block.custom_block_our-team .member_fiche.actif{
	display: block;
}

	.custom_block.custom_block_our-team .member_fiche .col-member_couv{
		padding:0px;
	}

		.custom_block.custom_block_our-team .member_fiche .member_couv{
			background-position: center center;
			-webkit-background-size: cover; /* pour Chrome et Safari */
			-moz-background-size: cover; /* pour Firefox */
			-o-background-size: cover; /* pour Opera */
			background-size: cover; /* version standardisée */
			width:100%;
			height:100%;
		}

	.custom_block.custom_block_our-team .member_fiche .col-droite{
		border-bottom:10px solid #130F44;
		background: #F6F4F2;
		padding:90px;
		position: relative;
		min-height:380px;
	}

		.custom_block.custom_block_our-team .member_fiche .col-droite .name{
			color:var(--bleu-clair);
			font-size:1.8em;
			font-family: 'Lora', serif;
			margin-bottom:10px;
		}

			.custom_block.custom_block_our-team .member_fiche .col-droite .name em{
				display: block;
				font-style: normal;
				margin-bottom:40px;
				color:#130F44;
				font-family: 'Raleway', sans-serif;
				font-size:.6em

			}

		.custom_block.custom_block_our-team  .member_fiche .col-droite .close{
			position: absolute;
			top:40px;
			right:40px;
			color:#130F44;
		}

/* bootstrap 4 xs */
@media (max-width:575px) {


	.custom_block.custom_block_our-team{
		width:100%;
		margin:0px;
	}

	.custom_block.custom_block_our-team .row-team .col-6,
	.custom_block.custom_block_our-team .row-team .col-3{
		padding-right:5px;
		padding-left:5px;
	}

	.custom_block.custom_block_our-team .first-grid .member{

	    border-bottom: 20px solid #130F44;
	    height: 280px;
	    font-size: 0.6em;

	}

	.custom_block.custom_block_our-team .member.actif .overlay .position_arrow {
		bottom:-30px;
	}

	.custom_block.custom_block_our-team .member{
		border-bottom: 10px solid #5A577C;
		height:160px;
		font-size: 0.6em;
		margin-bottom:10px;

	}

	.custom_block.custom_block_our-team .member_fiche .col-droite{
		padding:40px;
	}

	.custom_block.custom_block_our-team .member .name em{
		padding-top:5px;+
	}
	.custom_block.custom_block_our-team .member .name{
		padding-bottom:20px;
		padding: 3px;
	}
}
/* bootstrap 4 sm */
@media (min-width:576px) and (max-width:767px) {

}
/* bootstrap 4 md */
@media (min-width:768px) and (max-width:1199px) {

	.custom_block.custom_block_our-team{
		width:100%;
		margin: auto;
	}

}
/* bootstrap 4 lg */
@media (min-width:1200px) {

}
@media print {

}