body {
	font-family: 'Roboto', sans-serif;
	margin-top: 60px;
}

img {
	max-width: 100%;
}
.btn {
	white-space: normal;
}
.navbar-brand-image {
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	width: 100px;
}
.navbar-brand-image:before {
	content: " ";
	display: block;
	padding-top: 33.58%;
}
.bg-cover {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.bg-contain {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.full-size {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.minus-borders {
	left: 15px;
	width: calc(100% - 30px);
}
.bg-dark {
	background-color: #3a3a3a!important;
}
.navbar-dark .navbar-nav .nav-link {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
}
.bb {
	border-bottom: 1px solid #525252;
    width: calc(100% - 400px);
    height: 118px;
}
.va-middle {
    display: inline-flex;
    vertical-align: middle;
}
.va-middle .material-icons {
	margin-right: 5px;
}
.fake-link:visited,
.fake-link:focus,
.fake-link:hover,
.fake-link {
	cursor: inherit;
	text-decoration: inherit;
	color: inherit;
}
.bb {
	font-weight: 300;
	font-size: 0.7778rem;
	text-transform: uppercase;
	letter-spacing: 0.175rem;
}
.bb a .material-icons {
	font-size: 1.0371rem;
}
.bb > div:last-child a .material-icons {
	visibility: hidden;
}
.page article,
.p-s,
section,
footer {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
footer .navbar-brand-image {
	width: 320px;
	max-width: 100%;
}
footer h3 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.3333rem;
	margin-bottom: 1.5rem;
	margin-top: 1rem;
}
footer .menu .children,
footer .menu > ul,
footer .menu {
	padding: 0;
	margin: 0;
	list-style: none;
}
footer .menu .page_item_has_children > a {
	display: inline-block;
}
footer .menu .page_item_has_children > a,
footer .menu .children > li,
footer .menu > ul > li,
footer .menu > li {
	margin-bottom: .5rem;
}
footer .menu a {
	color: rgba(255,255,255,1);
}
footer .menu a:hover {
	color: rgba(255,255,255,.75);
}
/*footer > .container > .row > div:first-child {
	max-width: 100%;
}*/
.img-ph::before {
	content: " ";
	display: block;
	padding-top: 36.23%;
}
.captions {
	text-align: center;
}
.captions h1,
.captions h2 {
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
}
.captions h2 {
	font-size: 1rem;
}
.captions {
	background-image: url(../img/slider-gradient-overlay.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 336px;
	position: absolute;
	bottom: 0;
	padding-bottom: 60px;
	width: 100%;
	left: 0;
}
.caption-text {
	position: absolute;
	bottom: 75px;
	left: 0;
	width: 100%;
}
.btn {
	font-size: 1.0556rem;
	font-weight: 700;
	border-width: 2px;
	padding: 0.3333rem .5rem;
}
.btn-light.btn-outline {
	color: #f8f9fa;
	background-color: rgba(255,255,255,0)!important;
}
.btn-light.btn-outline:hover {
	background-color: rgba(255,255,255,.33)!important;
}
.btn-dark.btn-outline {
	color: #3a3a3a;
	background-color: rgba(58,58,58,0)!important;
}
.btn-dark.btn-outline:hover {
	background-color: rgba(58,58,58,.33)!important;
}
.page article,
.text-dark,
section {
	color: #3a3a3a!important;
}
article.page h2,
.contact > .container > .row > div > h2,
section header h1,
section header h2 {
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 3.25rem;
}
article.page h2 {
	margin-top: 3.25rem;
}
.half-cover {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	left: 0;
}
.half-right {
	left: 50%;
}
.third-cover {
	position: absolute;
	top: 0;
	width: 33%;
	height: 100%;
	left: 0;
}
.third-right {
	left: 67%;
}
.embed-responsive-4by1::before {
    padding-top: 26.73993%;
}
.bg-bottom {
	background-position: center bottom;
}
.services {
	overflow: hidden;
}
.box-shadow {
	width: calc(100% + 75px);
	left: -38px ;
	-webkit-box-shadow: inset 0px 0px 50px 25px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 50px 25px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 50px 25px rgba(0,0,0,0.5);
}
.z-1 {
	z-index: 1;
}
.icone-service {
	max-width: 7.1111rem;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.services h3 {
	text-transform: uppercase;
	font-size: 1.3333rem;
	font-weight: 700;
}
.nav-link {
	color: #3a3a3a;
	font-weight: 700;
	font-size: 1rem;
}
.nav-link:hover {
	color: #000;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	border-radius: 0;
	background-color: #bebcba;
	color: #3a3a3a;
}
.tab-pane h1, .tab-pane h2, .tab-pane h3, .tab-pane h4 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3333rem;
	margin-bottom: 1.5rem;
}
.bg-info {
	background-color: #5cccf5!important;
}
.mn-bg {
	background-color: #ebecec;
}
.mn-bg ~ .z-1 > .embed-responsive {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
}
.marques .z-1 a.text-dark {
	text-decoration: underline;
}
.breadcrumb {
	margin-bottom: 0;
	font-size: 0.7778rem;
	border-radius: 0;
	border: 1px solid #ebecec;
	background-color: transparent;
	text-transform: uppercase;
}
.breadcrumb > li {
	opacity: .5;
}
.p-caption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.p-caption > p {
	font-size: 0.7778rem;
}
.remover {
	display: none;
    align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 99;
	top: 0;
	left: 0;
	padding-left: 7px;
	cursor: pointer;
}
.remove-filter {
	color: #495057;
	font-weight: bold;
	text-transform: uppercase;
}
.remove-filter:hover {
	text-decoration: none;
	color: #000;
}
.remove-filter .material-icons,
.remover .material-icons {
	opacity: .5;
	color: #3a3a3a;
}
.remove-filter:hover .material-icons,
.remover:hover .material-icons {
	opacity: 1;
	color: #ff5252;
}
.remover::after {
	content: " ";
	position: absolute;
	display: block;
	right: 1px;
	top: 1px;
	width: 20px;
	height: 99%;
	height: calc(100% - 2px);
	background-color: #ffffff;
}
select.disabled {
	width: calc(100% - 30px);
	position: relative;
	margin-left: auto;
}
select.disabled + .remover {
	display: flex;
}
.form-control {
	border-radius: 0;
}
.form-control.disabled {
	border-color: transparent;
}
.filtres .form-control {
	font-size: 0.8889rem;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.wait {
	position: relative;
}
.wait > .position-relative::before {
	position: absolute;
	content: " ";
	background-color: rgba(228,228,228,.7);
	width: calc(100% + 30px);
	height: calc(100% + 30px);
	top: -15px;
	left: -15px;
	z-index: 100;
}
.position-relative > .material-icons {
	display: none;
}
.tooltip.show {
	opacity: 1!important;
}
.tooltip-inner a,
.tooltip-inner a:visited,
.tooltip-inner a:focus,
.tooltip-inner a:active,
.tooltip-inner a:hover {
	color: #ffffff;
}
.wait > .position-relative > .material-icons {
    display: inline-block;
    position: absolute;
    top: calc(50% - 27px);
    left: calc(50% - 27px);
    font-size: 54px;
    z-index: 101;
    line-height: 54px;
    width: 54px;
	-webkit-animation: rotating .78s linear infinite;
	-moz-animation: rotating .78s linear infinite;
	-ms-animation: rotating .78s linear infinite;
	-o-animation: rotating .78s linear infinite;
	animation: rotating .78s linear infinite;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.pdfs {
	list-style: none;
	margin: 0;
	padding: 0;
}
.pdfs a {
	display: inline-flex;
	vertical-align: middle;
}
.pdfs a:hover {
	text-decoration: none;
}
.pdfs .material-icons {
	margin-right: 5px;
}
.descritpion-single ul {
	margin: 0;
	padding-left: 29px;
}
.mw-480 {
	max-width: 480px;
}
.inverted {
	 filter: grayscale(100%) invert(100%);
	-webkit-filter: grayscale(100%) invert(100%);
	opacity: .78;
}
.edit-link,
.entry-header {
	display: /*none*/block;
}
.entry-footer,
.entry-meta {
	font-size: 14px;
	text-transform: uppercase;
	opacity: .78;
	margin-bottom: 1.25rem;
}
article footer {
	padding-top: 0;
	padding-bottom: 0;
}
.posted-on,
.cat-links {
	display: inline-flex;
    vertical-align: middle;
}
.posted-on .material-icons,
.cat-links .material-icons {
	font-size: 20px;
	line-height: 22px;
	margin-right: 5px;
}
time.updated {
	display: none;
}
.page-item.active .page-link {
	border-color: #3a3a3a;
	background-color: #3a3a3a;
}
.page-link {
	color: #3a3a3a;
}
.page-link:hover {
	color: #000000;
}
.coords p .material-icons {
	position: absolute;
	top: 0;
	left: 0;
}
.jazz-holder {
	display: inline-flex;
	vertical-align: middle;
	padding-right: 15px;
	border-right: 1px solid #525252;
}
.jazz {
	display: inline-block;
	width: 26px;
	height: 26px;
	background-size: 18px 18px;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 50%;
	background-color: #ffffff;
}
.jazz.facebook {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 90 90'%3E%3Cpath d='M90 15.001C90 7.119 82.884 0 75 0H15C7.116 0 0 7.119 0 15.001v59.998C0 82.881 7.116 90 15.001 90H45V56H34V41h11v-5.844C45 25.077 52.568 16 61.875 16H74v15H61.875C60.548 31 59 32.611 59 35.024V41h15v15H59v34h16c7.884 0 15-7.119 15-15.001V15.001z' fill='%233a3a3a'/%3E%3C/svg%3E");
	background-size: 16px 16px;
}
.jazz.youtube {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192'%3E%3Cpath fill='%233a3a3a' d='M187.349 49.81c-2.193-8.257-8.653-14.759-16.857-16.966C155.623 28.833 96 28.833 96 28.833s-59.624 0-74.492 4.011C13.305 35.051 6.844 41.553 4.652 49.81.667 64.775.667 96 .667 96s0 31.224 3.985 46.189c2.192 8.258 8.653 14.76 16.856 16.968C36.376 163.166 96 163.166 96 163.166s59.623 0 74.491-4.009c8.204-2.208 14.664-8.71 16.857-16.968C191.333 127.224 191.333 96 191.333 96s0-31.225-3.984-46.19M76.5 124.35v-56.7l49.833 28.351L76.5 124.35z'/%3E%3C/svg%3E");
}
.jazz.instagram {
	background-image: url("../img/ig-icon.svg");
}
.jazz.linkedin {
	background-image: url("../img/linkedin-icon.svg");
}
.jazz:hover {
	background-color: rgba(255,255,255,.75);
}
#bs-example-navbar-collapse-1 .navbar-brand {
	display: none;
}
#menu-menu-principal-1 > li:nth-child(7),
#menu-menu-principal-en-1 > li:nth-child(7) {
	display: none;
}
#menu-menu-principal > li:nth-child(7),
#menu-menu-principal-en > li:nth-child(7) {
	border-top: 1px solid rgba(255,255,255,.2);
}
.wpml .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer,
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
	margin: 0;
    padding: 0;
    border: 0;
    clear: none;
    display: inline-block;
    position: relative;
    top: -6px;
}
.wpml-ls-legacy-list-horizontal a span {
	font-weight: bold;
}
.wpml-ls-legacy-list-horizontal a {
	font-size: 0.7778rem;
	line-height: 0.7778rem;
	color: #444444;
    background-color: #ffffff;
}
.wpml-ls-legacy-list-horizontal a:hover {
	background-color: rgba(255,255,255,0.75);
}
.vendu {
	text-transform: uppercase;
	background-color: #da0b3b;
	color: #ffffff;
	display: inline-block;
    padding: 0 5px;
    font-weight: 700;
}
.sold .p-caption a::after {
	content: "vendu";
	text-transform: uppercase;
	background-color: #da0b3b;
	color: #ffffff;
	display: inline-block;
    margin-left: 5px;
    padding: 0 5px;
    font-weight: 700;
}
table a.text-muted:hover {
	text-decoration: none;
	color: #000000!important;
}
.r180 {
	transform:rotateX(180deg);
}
.text-primary {
	color: #5cccf5!important;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/*// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	body {
		margin-top: 0;
	}
	html {
		font-size: 18px;
	}
	nav.navbar {
    	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
    	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
	}
	nav.docked {
	    position: inherit;
    	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0);
    	box-shadow: 0 2px 10px 0 rgba(0,0,0,0);
	}
	.navbar-brand-image {
		width: 400px;
	}
	.fake-column {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-box-align: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    -ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	    width: 100%;
	}
	.navbar-nav,
	.navbar-collapse {
		width: 100%;
	}
	.navbar-nav {
		-ms-flex-pack: justify!important;
    	justify-content: space-between!important;
	    -ms-flex-align: center!important;
	    align-items: center!important;
	}
	.navbar-nav .nav-link {
	    width: 142px;
	    text-align: center;
	}
/*	footer > .container > .row > div:first-child {
		max-width: 320px;
	}*/
	.page article,
	.p-s,
	section,
	footer {
		padding-top: 5.5556rem;
		padding-bottom: 5.5556rem;
	}
	.lp,
	article.page h2,
	.contact > .container > .row > div > h2,
	section header h1,
	section header h2 {
		letter-spacing: .2rem;
	}
	.img-ph {
		min-height: calc(100vh - 287px);
	}
	.tab-wrapper {
		border-right: 1px solid #bebcba;
	}
	.nav-pills .nav-link.active {
		position: relative;
	}
	.nav-pills .nav-link.active::after {
		content: " ";
		position: absolute;
		top: 50%;
		width: 1.5rem;
		height: 1.5rem;
		margin-top: -.75rem;
		left: 100%;
		margin-left: -1rem;
		background-color: #bebcba;
	    -ms-transform: rotate(45deg); /* IE 9 */
	    -webkit-transform: rotate(45deg); /* Safari 3-8 */
	    transform: rotate(45deg);
	}
/*	.container-click:hover,
	.container-click:hover a.text-dark,
	.container-click:hover a.text-dark:hover {
		color: #ffffff!important;
	}
	.container-click:hover .mn-bg {
    	background-color: #3a3a3a;
	}
	.container-click:hover .embed-responsive {
		-webkit-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1);
	}*/
	.fake-column {
	    display: none;
	}
	nav.docked .fake-column {
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	#bs-example-navbar-collapse-1 .navbar-brand {
		display: block;
		width: 0;
	    -webkit-transition: width .3s; /* Safari */
	    transition: width .3s;
	    margin-right: 0;
	}
	#bs-example-navbar-collapse-1.add-logo .navbar-brand {
		width: 148px;
	}
	.add-logo .navbar-nav .nav-link {
		letter-spacing: 0;
		font-size: 14px;
		width: 120px;
	}
	#menu-menu-principal > li:nth-child(7),
	#menu-menu-principal-en > li:nth-child(7) {
		display: none;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 0;
		padding-right: 0;
	}
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: .25rem;
		padding-right: .25rem;
	}
	.navbar-nav .nav-link {
	    width: 170px;
	    letter-spacing: 0.1rem;
	}
	.captions h1 {
		font-size: 4.5556rem;
	}
	.captions h2 {
		font-size: 1.7778rem;
	}
/*	footer > .container > .row > div:first-child {
	    max-width: 450px;
	}*/
	#bs-example-navbar-collapse-1 .navbar-brand {
	    margin-right: 56px;
	}
}

@media (min-width: 1500px) {
	.navbar-nav .nav-link {
	    width: 180px;
	}
	.container {
		max-width: 1400px;
	}
	#bs-example-navbar-collapse-1 .navbar-brand {
	    margin-right: 64px;
	}
}

/* // We occasionally use media queries that go in the other direction (the given screen size or smaller):*/
/*// No media query since the extra-large breakpoint has no upper bound on its width*/

/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
}

/*// Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.img-ph {
		min-height: calc(100vh - 60px);
	}
}

/*// Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

}

/*// Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
}

/* Page carrière */
.bg-beige {
	background-color: #D7D1CA;
	color: #00303C;
}

.bg-blue {
	background-color: #829795;
	color: #00303C;
}

.c-btn {
	font-size: 26px;
	font-weight: bold;
	color: #BBFF18;
	padding: 12px 24px;
	border: 5px solid #fff;
	border-radius: 14px;
	background-color: transparent;
	transition: 0.4s background-color ease-out;
}

.c-btn:hover {
	color: #BBFF18;
	text-decoration: none;
	background-color: #00303C;
}

@media (max-width: 768px) {
	.c-btn {
		font-size: 18px;
	}
}

.c-multilinetitle {
	font-size: 60px;
	text-transform: uppercase;
	color: #00303C;
	font-weight: bold;
}

.c-multilinetitle .-line1 {
	display: block;
}

.c-multilinetitle .-line2 {
	display: block;
	margin-left: 7vw;
}

@media (max-width: 1200px) {
	.c-multilinetitle {
		font-size: 45px;
	}
}

@media (max-width: 768px) {
	.c-multilinetitle {
		font-size: 32px;
	}

	.c-multilinetitle .-line1 {
		display: inline;
	}

	.c-multilinetitle .-line2 {
		display: inline;
		margin-left: 0;
	}
}

.c-hero {
	position: relative;
	overflow: hidden;
	padding: 0;
}

.c-hero:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,0) 100%);
	z-index: 1;
}

.c-hero .container {
	z-index: 2;
}

.c-hero_bg {
	position: relative;
	z-index: 1;
}

.c-hero_title {
	position: absolute;
	bottom: 120px;
	color: #fff;
	text-transform: uppercase;
	z-index: 2;
	font-size: 80px;
	margin-bottom: 0;
	font-weight: bold;
}

@media (max-width: 1440px) {
	.c-hero_title {
		font-size: 62px;
	}
}

@media (max-width: 1024px) {
	.c-hero_title {
		font-size: 36px;
		bottom: 60px;
	}
}

@media (max-width: 768px) {
	.c-hero_title {
		font-size: 26px;
		bottom: 30px;
	}
}

.c-about {
	position: relative;
	padding-bottom: 140px;
}

.c-about_transition {
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
}

.c-about_title {
	font-size: 70px;
	text-transform: uppercase;
	color: #00303C;
	font-weight: bold;
	margin-bottom: 0;
}

.c-about_subtitle {
	font-size: 60px;
	color: #00303C;
}

.c-about_content {
	color: #00303c;
	font-size: 35px;
	margin: 30px 0 45px;
	font-weight: lighter;
}

@media (max-width: 1024px) {
	.c-about {
		padding-bottom: 100px;
	}

	.c-about_title {
		font-size: 50px;
	}

	.c-about_subtitle {
		font-size: 40px;
	}

	.c-about_content {
		font-size: 28px;
	}
}

@media (max-width: 768px) {
	.c-about {
		padding-bottom: 50px;
	}

	.c-about_title {
		font-size: 35px;
	}

	.c-about_subtitle {
		font-size: 25px;
	}

	.c-about_content {
		font-size: 18px;
	}
}

.c-avantages {
	overflow-x: hidden;
	position: relative;
	padding-bottom: 12%;
}

.c-avantages_transition {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: auto;
}

.c-avantages_title {
	font-size: 42px;
	margin-bottom: 50px;
	color: #00303C;
	font-weight: lighter;
	text-align: center;
}

.c-avantages_list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 50px;
	padding-left: 0;
}

.c-avantages_list li {
	text-transform: uppercase;
	border: 5px solid #CBFC54;
	background-color: #F8F5F0;
	font-size: 30px;
	color: #00303C;
	padding: 12px 25px;
	list-style-type: none;
	font-weight: bold;
	border-radius: 14px;
	margin: 12px;
	text-align: center;
}

.c-avantages_words {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 7%;
	position: relative;
	z-index: 2;
}

.c-avantages_word {
	width: 25%;
	position: relative;
}

.c-avantages_word h3 {
	position: absolute;
	text-transform: uppercase;
	color: #FF5200;
	font-size: 85px;
	font-weight: bold;;
}

.c-avantages_word.-avantage1 h3 {
	top: 5%;
	left: 0;
}

.c-avantages_word.-avantage2 h3 {
	bottom: 5%;
	right: 0;
	transform: translateX(70%);
}

.c-avantages_word.-avantage3 h3 {
	bottom: 50%;
	right: 0;
}

.c-avantages_word.-avantage3 {
	width: 40%;
}

.c-avantage_img.-img1 img {
	-webkit-mask-image: url('../img/mask1.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	mask-position: center center;
	-webkit-mask-position: center center;
}

.c-avantage_img.-img2 {
	transform: translate(23%, 20%);
}

.c-avantage_img.-img2 img {
	-webkit-mask-image: url('../img/mask2.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	mask-position: center center;
	-webkit-mask-position: center center;
}

.c-avantage_img.-img3 img {
	-webkit-mask-image: url('../img/mask3.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	mask-position: center center;
	-webkit-mask-position: center center;
}

@media (max-width: 1440px) {
	.c-avantages_title {
		font-size: 36px;
	}

	.c-avantages_list li {
		font-size: 22px;
	}

	.c-avantages_word h3 {
		font-size: 60px;
	}
}

@media (max-width: 1024px) {

	.c-avantages_word h3 {
		font-size: 32px;
	}
}

@media (max-width: 768px) {
	.c-avantages_title {
		font-size: 24px;
	}

	.c-avantages_list li {
		font-size: 18px;
	}

}

@media (max-width: 500px) {
	.c-avantages_title {
		font-size: 18px;
	}

	.c-avantages_word {
		width: 90%;
	}

	.c-avantage_img.-img2 {
		transform: none;
	}

	.c-avantages_word.-avantage2 h3 {
		transform: none;
		bottom: 15%;
	}

	.c-avantages_word.-avantage3 {
		width: 90%;
	}

}

.c-emplois {
	padding-top: 0;
}

.c-emplois_suptitle {
	font-size: 45px;
	color: #00303C;
	margin-bottom: 0;
	font-weight: lighter;
}

.c-emplois_btn {
	margin-left: 7vw;
	margin-top: 75px;
	display: table;
}

@media (max-width: 1200px) {

	.c-emplois_suptitle {
		font-size: 28px;
		margin-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.c-emplois_btn {
		margin-top: 30px;
		margin-left: 0;
	}

	.c-emplois_suptitle {
		font-size: 18px;
	}
}

@media (max-width: 500px) {
	.c-emplois {
		padding-top: 45px;
	}
}

.c-candidature {
	padding-top: 0;
}

.c-candidature_content {
	color: #fff;
	padding: 0 7vw;
	font-size: 30px;
	margin-top: 3.5vw;
	font-weight: lighter;
}

.c-candidature_content a {
	text-decoration: underline;
}

@media (max-width: 768px) {
	.c-candidature_content {
		padding: 0;
		font-size: 18px;
	}
}