#recrutement {
	background: center / cover no-repeat border-box url("../images/recrutement/recrutement.jpg");
	min-height: 25vw;
	background-color: rgba(106, 105, 105, 0.29);
}

/* wave for footer */
.wave-container-footer {
	height: 10vh;
	background-color: white;
	position: relative;
}

.wave-container-footer::before {
	content: "";
	width: 100%;
	height: 168px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 30vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23006072'/></svg>");
}
.wave-container {
	height: 15vh;
	background-color: rgba(0, 0, 0, 0); /* coolor transparente*/
	position: relative;
}
.wave-container::before {
	content: "";
	width: 100%;
	height: 130px;
	position: absolute;
	bottom: -0.3%;
	left: 0;
	background-size: auto;
	background-repeat: repeat no-repeat;
	background-position: 20vw bottom;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 98L50 92C100 86 200 74 300 50C400 26 500 -10 600 2C700 14 800 74 900 98C1000 122 1100 110 1150 104L1200 98V134H1150C1100 134 1000 134 900 134C800 134 700 134 600 134C500 134 400 134 300 134C200 134 100 134 50 134H0V98Z' fill='%23ffffff'/></svg>");
}

.job-content {
	line-height: 1.6em;
}
.job-content h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}
.job-content ul li {
	list-style: none;
}
.job-content ul li span {
	font-weight: bold;
	margin-right: 1em;
}
.carriere {
	color: #ffffff;
}
.carriere-text {
	font-size: 16px;
}
.carriere-title {
	font-size: 19px;
	color: #146074;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 12px;
}
.carriere-tag {
	background: #a9a9a9;
}
[data-job-offer] {
	display: none;
}
#job-offer-radio-0:checked ~ * [data-job-offer="0"] {
	display: block;
}
#job-offer-radio-1:checked ~ * [data-job-offer="1"] {
	display: block;
}
#job-offer-radio-2:checked ~ * [data-job-offer="2"] {
	display: block;
}
#job-offer-radio-3:checked ~ * [data-job-offer="3"] {
	display: block;
}
#job-offer-radio-4:checked ~ * [data-job-offer="4"] {
	display: block;
}
#job-offer-radio-5:checked ~ * [data-job-offer="5"] {
	display: block;
}
#job-offer-radio-6:checked ~ * [data-job-offer="6"] {
	display: block;
}
#job-offer-radio-7:checked ~ * [data-job-offer="7"] {
	display: block;
}
#job-offer-radio-8:checked ~ * [data-job-offer="8"] {
	display: block;
}
#job-offer-radio-9:checked ~ * [data-job-offer="9"] {
	display: block;
}
.job-offer-radio ~ #job-offer-viewer {
	display: none;
}
.job-offer-radio:checked ~ #job-offer-viewer {
	display: block;
}
.job-panel-header {
	flex-wrap: wrap;
}
.article-header {
	font-size: 23px;
	color: #006072;
	font-weight: bold;
}
.bottom-vertical {
	display: flex;
	align-items: end;
}
.article-diplome {
	font-size: 16px;
	color: #6a6969;
}
[class*="picto-"] {
	position: relative;
	padding-left: 34px;
}
[class*="picto-"]::before {
	content: "";
	position: absolute;
	height: 24px;
	width: 24px;
	left: 0;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.picto-diplome::before {
	background: center / contain no-repeat url("../images/recrutement/logo-diplome.png");
	top: 4px;
}
.picto-exp::before {
	background: center / contain no-repeat url("../images/recrutement/logo-diplome.png");
	top: 4px;
}
.picto-salaire::before {
	background: center / contain no-repeat url("../images/recrutement/logo-euro.png");
}
.picto-avantages::before {
	background: center / contain no-repeat url("../images/recrutement/logo-avantages.png");
}
.picto-demarrage::before {
	background: center / contain no-repeat url("../images/recrutement/logo-calendrier.png");
}
.picto-lieu::before {
	background: center / contain no-repeat url("../images/recrutement/logo-lieu.png");
}
.tag.-carreer-intership {
	background-color: #8bbec7;
	color: #004854;
}
.tag.-carreer-block-release {
	background-color: #006072;
	color: #b3d3db;
}
.tag.-carreer-full-time-job {
	background-color: #004854;
	color: var(--accent-color);
}
.tag.-carreer-accent {
	background-color: #f6efdd;
	color: #5e522d;
}
.color-primary {
	color: #006072 !important;
}
.color-secondary {
	color: #6a6969 !important;
}
.color-accent {
	color: var(--accent-color) !important;
}
.background-secondary {
	background: #006072;
}
.tittle-rec {
	color: #006072;
	text-align: center;
	font-family: Nunito;
	font-size: 3.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.team-member {
	padding: 15px;
	overflow: hidden;
}
.crop {
	max-width: 250px;
	max-height: 250px;
	overflow: hidden;
	border-radius: 50%;
}
.team-member img {
	height: 250px;
	margin-bottom: 8px;
}
.crop img {
	margin-left: 50%;
	margin-top: 50%;
	transform: translate(-50%, -50%);
}
.panel.-card-font-size {
	border-radius: 1.875rem;
}
article.panel {
	border-radius: 1.875rem;
	width: 90% !important;
	margin: 1em auto auto auto;
	border: none;
	box-shadow: none;
}

/*responsive*/
@media screen and (min-width: 600px) {
	.job-panel-header {
		flex-wrap: nowrap;
	}
	.layout-boxed.-limited-width-m {
		max-width: 80%;
	}
}

/* screen small */
@media screen and (max-width: 599px) {
	.equipe-section {
		background: #e6eff1;
	}
	.wave-container {
		display: none;
	}
	.text-align {
		text-align: center;
	}
	.tag.-carreer-accent {
		border-radius: 0.875rem;
		background: #e6fbff;
		color: #002b33;
		text-align: center;
		font-family: Nunito;
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.tag.-carreer-full-time-job {
		border-radius: 0.875rem;
		background: #99f0ff;
		color: #002b33;
		text-align: center;
		font-family: Nunito;
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.article-header {
		color: #002b33;
		text-align: center;
		font-family: Nunito;
		font-size: 1.5875rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
	}
	.text-card-career {
		color: #002b33;
		font-family: Open Sans;
		font-size: 1rem;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}
	.panel.-card-font-size {
		border-radius: 0.6875rem;
		margin: 1em auto !important;
		width: 100% !important;
	}
	label[for] {
		z-index: 5;
	}
	.background-secondary {
		background: #e6eff1;
	}
	.wave-container-footer {
		background-color: #e6eff1;
	}
	.button 
}