/* .slideshow-size {
	position: relative;
	height: 100%;
	z-index: 1;
} */

p {
	line-height: 18pt;
}

.slider-home-container {
	width: 100%;
	height: 100%;
	min-height: 500px;
	z-index:2;
	position: relative;
}

#slider-home {
	height: 100%;
	width: 100%;
}

.slider-home-container .slideshow-top {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 50%;
}

.slider-home-container .legend {
	position: absolute;
	top:0;
	right:0;
	width: 100%;
	height: 50%;
	z-index: 3;
	color:#2F3C4D;
	font-family: "Merriweather";
	font-size: 48px;
	font-weight: 700;
	text-align: center;
}

@media (max-width: 575px) {
	.slider-home-container .legend {
		font-size:25px !important;
	}

	.slider-home-container .bandeau .buttons .btn {
		font-size:18px !important;
	}

	.slider-home-container .bandeau p {
		font-size:16px !important;
		padding:0 .2rem;
	}

	.slider-home-container .ecofilae-funnel .professions .subservices > div .btn {
		width:100%;
		line-height: 35px;
	}

	.slider-home-container .ecofilae-funnel .professions .subservices > div {
		margin:0 1rem !important;
	}
}

.slider-home-container .search {
	position: absolute;
	top:50%;
	width: 100%;
}

.slider-home-container form #search {
	width: 520px;
	max-width: calc(100% - 60px);
	height: 60px;
	line-height: 60px;
	padding:0 25px 0 0;
	border:0;
	border-bottom:1px solid #fff;
	background: transparent;
	color:#fff;
	font-size: 24px;
	font-family: "Open Sans";
	font-weight: 400;
}

.slider-home-container form #search::placeholder {
	color:#fff;
}

.slider-home-container form button {
	width: 60px;
	height: 60px;
	border-radius: 10px;
	background: #94358A;
	border:0;
	text-align: center;
	color:#fff;
	font-size: 34px;
}

.slider-home-container .bandeau {
	background:rgba(55,83,95,0.67);
	padding:1.5rem 0 3rem;
	position: absolute;
	bottom:0;
	width: 100%;
	z-index: 2;
}

.slider-home-container .navigation {
	width: 100%;
	position: absolute;
	bottom:0;
	left:0;
	height: 15%;
	background: rgba(7,25,40,0.7);
	z-index: 1;
}

.slider-home-container .navigation .dot-pagin {
	position: absolute;
	bottom:2rem;
	width: 100%;
}

.slider-home-container .bandeau p {
	text-align: center;
	font-size: 18px;
	color:#fff;
}

.slider-home-container .bandeau .funnel a {
	background: rgba(41,63,72,.8);
	padding:0 .7rem;
	line-height: 38px;
	display: block;
	margin-right:33px;
	color:#fff;
	font-size: 16px;

	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;

	position: relative;
}

.slider-home-container .bandeau .funnel a::after {
	content: "";
    position: absolute;
    top: 0;
    border: 0 solid rgba(41,63,72,.8);
    border-width: 19px 15px;
    width: 0;
    height: 0;

	left: 100%;
	border-color: transparent;
	border-left-color: rgba(41,63,72,.8);

	-webkit-transition: 250ms ease;
	-moz-transition: 250ms ease;
	-o-transition: 250ms ease;
	transition: 250ms ease;
}

.slider-home-container .bandeau .funnel a.active {
	background: #94358A;
}

.slider-home-container .bandeau .funnel a.active::after {
	border-left-color: #94358A;
}

.slider-home-container .bandeau .buttons {
	/* position: absolute;
	width: 100%;
	top:100%;
	left:0;

	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); */
}

.slider-home-container .bandeau .buttons .btn {
	margin:0 .5rem;
	line-height: 1.7em;
	font-family: "Roboto";
	font-size:24px;
	padding:.5rem 1.5rem;
}

@media(max-width:800px) {
	.slider-home-container .legend {
		font-size: 60px;
	}
}

@media(max-width:500px) {
	.slider-home-container .legend {
		font-size: 40px;
	}
}

.ecofilae-funnel .professions {
	/* position: absolute;
	width: 100%;
	top:100%;
	left:0;

	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); */

	display: none;
}

.ecofilae-funnel .professions .subservices > div {
	flex-grow: inherit;
	white-space: nowrap;
}

.ecofilae-funnel .professions .subservice {
	padding-left:1rem;
	padding-right: 1rem;
}

.ecofilae-funnel .profession-button.active, .ecofilae-funnel .profession-button:focus {
	background-color: #de6197 !important;
	border-color:#de6197 !important;
	box-shadow: none !important;

	color:#fff;
}

@media(max-width:767px) {
	.ecofilae-funnel .profession-button {
		line-height: inherit;
		white-space: normal;
		width:100%;
		padding:1rem .5rem;
		display:block;
	}
}

.block-presentation {
	padding:4rem 0 2rem;
}

.block-presentation h2, .block-presentation h1 {
	text-transform: none;
	margin-bottom: 2rem;
}

.block-presentation h2 span, .block-presentation h1 span {
	text-transform: uppercase;
	font-size: 36px;
	color:#94358A;
}

.block-presentation h1 {
	text-transform: none;
	margin-bottom: 2rem;
	font-family: "Roboto";
	font-weight: 700;
	font-size: 30px;
}

.block-presentation h1 span {
	text-transform: uppercase;
	font-size: 36px;
	color:#94358A;
	font-family: "Roboto";
	font-weight: 700;
}


.block-presentation p {
	font-size: 18px;
	line-height: 28px;
}

.block-presentation p span {
	font-size: 30px;
	color:#94358A;
}

.block-adn {
	padding:4rem 0 2rem;
	background-image:url(../images/bg-adn.jpg);
	background-size: cover;
	background-position: center;
}

.block-adn h2 {
	text-transform: none;
	color:#fff;
}

.block-adn .picto {
	height: 160px;
}

.block-adn p {
	color:#fff;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
}

.slider-adn {
	padding:4rem 2rem 2rem;
	background-image:url(../images/bg-adn.jpg);
	background-size: cover;
	background-position: center;
}

.slider-adn .picto {
	width:125px;
	text-align: center;
}

.slider-adn .picto img {
	max-width: 100px;
}

.slider-adn .description h4 {
	color:#fff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
}

.slider-adn .description p {
	font-weight: 300;
	font-size:18px;
	color:#fff;
	margin-bottom: 0;
}

.block-accompagnement {
	padding:4rem 0 2rem;
	background:#2F3C4D;
}

.block-accompagnement h2 {
	color:#fff;
	text-transform: uppercase;
	font-size: 30px;
	margin-bottom: 2rem;
}

.block-accompagnement p {
	color:#fff;
}

@media(max-width:767px) {
	.block-accompagnement .description {
		display: block !important;
		margin-bottom:3rem;
	}
}

.block-news {
	padding:4rem 0 2rem;
}

.block-news h2 {
	color:#2F3C4D;
	font-size: 30px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.block-news p.date {
	font-weight: 300;
	font-size: 12px;
}

.block-news h3 {
	color:#94358A;
	font-family: "Roboto";
	font-weight: 400;
	margin-bottom: 1rem;
}

.block-news .fr-view p {
	font-size: 14px;
}

.dot-pagin a {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: #cacaca;
	margin:0 0.5rem;
}

.dot-pagin a:hover, .dot-pagin a.active {
	background: #94358A;
}

.block-testimonials {
	padding:8rem 0 2rem;
	background-image:url(../images/bg-testimonials.jpg);
	background-size: cover;
	background-position: center;
}

.block-testimonials h2 {
	color:#fff;
	font-size: 30pt;
	text-transform: uppercase;
	margin-bottom: 3rem;
}

.block-testimonials .image {
	width: 100%;
	padding-top: 100%;
	border-radius: 100%;
	border: 0;
	background: #fff;
	position: relative;
	margin-bottom: 3rem;
}

.block-testimonials .image .content {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

.block-testimonials .image .content img {
	max-width: 60%;
}

.block-testimonials .image .text {
	position: absolute;
	top:calc(100% - 10px);
	/* left:50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%); */

	width: 100%;
	background: #fff;
	border-radius: 10px;
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
	padding:0.5rem 2rem;
	text-align: center;
}

.block-testimonials .quote {
	font-size: 18px;
	font-style: italic;
	color:#fff;
	text-align:center;
	padding:2rem 1rem;
	position: relative;
}

.block-testimonials .quote::before {
	content:'';
	display: block;
	width: 18px;
	height: 13px;
	position: absolute;
	top:0;
	left:0;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: center;
}

.block-testimonials .quote::after {
	content:'';
	display: block;
	width: 18px;
	height: 13px;
	position: absolute;
	bottom:0;
	right:0;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: center;
}

.block-testimonials .dot-pagin a:not(.active):not(:hover) {
	background:#fdffff;
}

.block-testimonials-new {
	padding:3rem 0;
	background: #e0e3e8;
}

.block-testimonials-new h2 {
	text-align: center;
	font-size: 30pt;
	text-transform: uppercase;
	margin-bottom: 3rem;
}

.testimonial-new .image-container {
	padding:1rem 5rem;
}

.testimonial-new .image {
	padding-top:100%;
	background-position: center;
	background-size: cover;
	border-radius: 100%;
	border:3px solid #ddd;
}

.testimonial-new .quote {
	text-align:center;
}

.testimonial-new .name {
	text-align: center;
	font-weight:700;
}

.testimonial-new .job {
	text-align: center;
	font-size:14px;
}

.testimonial-new .website {
	text-align: center;
	font-size:14px;
}

.bandeau-partners {
	background: #fff;
	padding:4rem 0;
	margin-top:5rem;
}

.bandeau-partners img {
	max-width: 100%;
}

.testimonials-all .block-testimonials {
	padding:2rem 0;
	background:none;
}

.testimonials-all .block-testimonials .testimonial {
	display: block !important;
}

.testimonials-all .block-testimonials .quote {
	color:#2F3C4D;
}

.testimonials-all .block-testimonials .image {
	background:#2F3C4D;
}

.testimonials-all .block-testimonials .image .text {
	background:#2F3C4D;
	color:#fff;
}

.testimonials-all .block-testimonials .image .text a {
	color:#fff;
}

.testimonials-all .block-testimonials .btn {
	display: none;
}

.testimonials-all .block-testimonials .quote::before {
	background-image: url(../images/quote-dark.png);
}

.testimonials-all .block-testimonials .quote::after {
	background-image: url(../images/quote-dark.png);
}

.ariane {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 16px;
	padding:0 1rem;
	line-height: 4rem;
	color:#2F3C4D;
}

@media(max-width:767px) {
	.ariane {
		line-height: inherit;
		padding-top:1rem;
		font-size:14px;
	}
}

.ariane a {
	color: #2F3C4D;
}

.page-header .ariane {
	color:#fff;
}

.page-header .ariane a {
	color:#fff;
}

.ariane a:hover, .ariane a.active {
	color:#94358A;
}

.page-header {
	height: 306px;
	width: 100%;
	margin-bottom: 3rem;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	position: relative;
}

.page-header::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width:100%;
	background:rgba(0,0,0,0.2);
}

.page-header .container {
	position:relative;
}

.page-header .title {
	/* background: rgba(0,0,0,0.23); */
	padding:2rem 0;
}

.page-header h1 {
	font-family: "Roboto";
	color:#fff;
	font-size: 48px;
	text-shadow: 0 0 2px #1D2A38;
	text-align: center;
}

.page-header h2 {
	font-family: "Roboto";
	color:#fff;
	font-size: 24px;
	text-align: center;
	font-weight: 400;
}

.services-menu-container {
	background: transparent;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.services-menu {
	width: 100%;
	border-bottom: 0;
}

.services-menu > .nav-item {
	width: 25%;
	margin-bottom:0;
	padding:0 1rem;
}

.professions .services-menu > .nav-item {
	width: auto;
}

.services-menu .nav-link {
	text-align: center;
	line-height: 65px;
	padding:0;
	font-family: "Roboto";
	font-weight: 300;
	text-transform: uppercase;
	font-size: 16px;
	color:#ffffff;
	background: #2F3C4D;
	border:0;
	border-radius: 0px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.professions .services-menu .nav-link {
	padding-left: 1rem;
	padding-right: 1rem;
}

.services-menu .nav-link.active, .services-menu .nav-link:hover {
	color:#2F3C4D;
	background: #fff;
}

.service .quote {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 36px;
	font-style: italic;
	text-transform: uppercase;
	text-align: center;

	margin:4rem 0;
}

.service .intro p {
	font-size: 18px;
}

.service h2 {
	font-size: 30pt;
	text-transform:uppercase;
}

.subservices > div {
	flex-grow: 1;
	flex-basis: 0;
}

.subservices > div:not(:first-child) {
	margin-left: 1rem;
}

.subservices .subservice {
	display: block;
	width: 100%;
	border-radius: 10px;
	color:#fff;
	background:#2F3C4D;
	text-align:center;
	padding:1rem 0;
}

.subservices .subservice.active, .subservices .subservice:hover {
	background: #FAB900;
	text-decoration: none;
}

.subservices-1 .subservice.active, .subservices-1 .subservice:hover {
	background: #00AA95;
}

.subservices-2 .subservice.active, .subservices-2 .subservice:hover {
	background: #FAB900;
}

.subservices-3 .subservice.active, .subservices-3 .subservice:hover {
	background: #824a6e;
}

.subservices-4 .subservice.active, .subservices-4 .subservice:hover {
	background: #04BAEE;
}

.subservices .subservice.pink {
	background: #94358A;
}

.subservice.pink.active, .subservice.pink:hover {
	background: #d0209a;
}

.subservices .subservice .picto {
	height: 85px;
	display: block;
	width: 100%;
}

.subservices .subservice .picto img {
	max-height: 60px;
}

.service h3 {
	background: #FAB900;
	color:#fff;
	text-transform: uppercase;
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 22pt;
	line-height: 40px;
	border-radius: 10px;
	padding:0 1rem;
}

.reference-thumb h4 {
	font-family: "Roboto";
	font-weight: 700;
	font-size: 18px;
}

.reference-thumb p {
	font-size: 12px;
}

.reference-thumb h5 {
	font-family: "Roboto";
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 0;
}

.reference-thumb .btn {
	line-height: 35px;
}

.profession .block {
	padding:1.5rem 0;
}

.profession .block.actions {
	background: #2F3C4D;
	color:#fff;
	padding-left: 1rem;
	padding-right: 1rem;
}

.profession .block.actions h2 {
	color:#fff;
}

.profession .block.actions p {
	color:#fff;
}

.profession .block h2 {
	font-size: 30pt;
	text-transform: uppercase;
	margin-bottom:1rem;
}

.profession .block h3 {
	font-size: 22pt;
	text-transform: uppercase;
	margin-bottom:1rem;
}

.block-publications {
	background: #2F3C4D;
	padding:1.5rem 0;
}

.block-references {
	background: #e0e3e8;
}

.block-publications h2 {
	color:#fff;
	text-transform: uppercase;
	font-size: 30pt;
}

.block-references h2 {
	color:#2F3C4D;
}

.block-publications .publication-thumb .image {
	width: 100%;
	padding-top:55%;
	background-size: cover;
	background-position: center;
	margin-bottom:.8rem;
	position: relative;
}

.block-publications .publication-thumb .image .filter {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(148,13,107,0.5);
	color:#fff;
	font-size: 120px;

	opacity: 0;
	-webkit-transition: 250ms ease;
	-moz-transition: 250ms ease;
	-o-transition: 250ms ease;
	transition: 250ms ease;
}

.block-publications .publication-thumb:hover .image .filter {
	opacity: 1;
}

.block-publications .publication-thumb h4 {
	color:#fff;
	font-weight: 700;
	font-family: "Roboto";
	font-size: 18px;
	-webkit-transition: 250ms ease;
	-moz-transition: 250ms ease;
	-o-transition: 250ms ease;
	transition: 250ms ease;
}

.block-references .publication-thumb h4 {
	color:#2F3C4D;
}

.block-publications .publication-thumb .date {
	color:#fff;
	font-size: 12px;
	font-weight: 300;
}

.block-publications .publication-thumb .description {
	color:#fff;
	font-size: 14px;
}

.block-references .publication-thumb .date {
	color:#2F3C4D;
}

.block-references .publication-thumb .location {
	color:#2F3C4D;
}

.block-references .publication-thumb .description {
	color:#2F3C4D;
}

.block-publications .publication-thumb:hover {
	text-decoration: none;
}

.block-publications .publication-thumb:hover h4 {
	color:#94358A;
}

.publications h1 {
	font-family: "Merriweather";
	font-style: italic;
	font-size: 44px;
	padding:4rem 0;
}

@media(max-width:767px) {
	.publications h1 {
		font-size:30px;
		padding:2rem 0;
	}
}

.publications .thumb {
	margin-bottom:3rem;
	display: block;
}

.publications .thumb:hover {
	text-decoration: none;
}

.publications .thumb .image {
	padding-top:55%;
	background-size: cover;
	background-position: center;
	position: relative;
}

.publications .thumb .image .filter {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(148,13,107,0.5);
	color:#fff;
	font-size: 120px;

	opacity: 0;
	-webkit-transition: 250ms ease;
	-moz-transition: 250ms ease;
	-o-transition: 250ms ease;
	transition: 250ms ease;
}

.publications .thumb:hover .image .filter {
	opacity: 1;
}

.publications .thumb h4 {
	font-family: "Roboto";
	font-weight: 700;
	font-size: 18px;
	color:#2F3C4D;
}

.publications .thumb:hover h4 {
	color:#94358A;
}

.publications .thumb .date {
	font-weight: 300;
	font-size: 12px;
	color:#2F3C4D;
}

.publications .thumb .description {
	font-size: 14px;
	color:#2F3C4D;
}

.publications .tags > div {
	color:#fff;
	background:#2F3C4D;
	line-height: 35px;
	padding:0 1rem;
	margin-right: 1rem;
	border-radius: 10px;
}

.publications .filters a {
	color:#fff;
	background:#2F3C4D;
	line-height: 35px;
	padding:0 1rem;
	margin-right: 1rem;
	border-radius: 10px;
}

@media(max-width:767px) {
	.publications .tags > div {
		line-height: 25px;
		padding:0 0.5rem;
		font-size:12px;
	}

	.publications .filters a {
		line-height: 25px;
		padding:0 0.5rem;
		font-size:12px;
	}
}




.publications .filters a:hover, .publications .filters a.active {
	background: #94358A;
	text-decoration: none;
}

.mission-bottom {
	width: 100%;
	padding:120px 0 80px;
	margin-top:3rem;
	background-image: url(../images/bg-mission-2.jpg);
	background-size: cover;
	background-position: center;
}

.mission-bottom h3 {
	color:#fff;
	font-size:22pt;
	text-transform: uppercase;
	font-family: Roboto;
	font-weight: 700;
	margin-bottom:2rem;
}

.profession .block .block-equipe h3 {
	font-family: "Roboto";
	font-weight: 700;
	font-size: 22px;
	margin:0;
	text-transform: uppercase;
}

.profession .block .block-equipe h4 {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 18px;
}

.profession .block .block-equipe p {
	margin-bottom:0;
}

.profession .block .block-equipe .actions a {
	font-size: 22px;
}

.reference .head h4 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
}

.search-result {
	margin-bottom:1rem;
}

.search-result h3 {
	font-size:22px;
	font-weight: 700;
	margin-bottom:.3rem;
}

.search-result p {
	font-size: 16px;
	margin:0;
}

/* 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) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}