/*!
Theme Name: context
Theme URI: http://underscores.me/
Author: Ekypia
Author URI: https://www.ekypia.fr
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: context
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

context is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
body {
	font-family: proxima-nova, sans-serif;
	color: #ffffff;
}

header {
	background-color: #ffffff;
	height: 120px;
	position: relative;
	padding: 15px 0;
	transition-duration: .3s;
}

header .logo {
	position: absolute;
}

header .logo img {
	position: relative;
	z-index: 99;
	width: 250px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition-duration: .3s;
}

.sticky-header {
	height: 80px;
	transition-duration: .3s;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
}

.sticky-header .logo img {
	width: 180px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}

.sticky-header .main-menu ul {
	padding: 15px 0;
}

.main-menu {
	text-align: right;
}

.main-menu ul {
	padding-left: 0;
	padding: 35px 0;
}

.main-menu ul li {
	display: inline-block;
	text-transform: uppercase;
	margin-right: 15px;
}

.main-menu ul li a {
	color: #003d6f;
	font-weight: 500;
	padding: 0 5px;
}

.main-menu ul .current-menu-item a,
.main-menu ul .menu-item:hover a {
	font-weight: bold;
	border-bottom: 2px solid #CE9F01;
	text-decoration: none;


	display: block;
    line-height: 1.3;
    margin-bottom: 10px;
}

.main-menu ul .menu-item a {
	position: relative;
	z-index: 10;
}

.main-menu ul .menu-item a:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	content: "";
	height: 0px;
	background-color: #ce9f01;
	transition-duration: .3s;
	z-index: -10;
}

.main-menu ul .menu-item:hover a:after {
	transition-duration: .3s;
	height: 120%;
}

/* sous menu */
.main-menu .menu-item-has-children {
	position: relative;
	z-index: 20;
}

.main-menu .menu-item-has-children:hover .sub-menu {
	display: block;
}

.main-menu .sub-menu {
	display: none;
	position: absolute;
	top: 0px;
	text-align: left;
	padding-top: 30px;
	left: 0;
	background-color: #ffffff;
	padding-bottom: 15px;
}

.sticky-header .sub-menu {
	top: 15px;
}

.main-menu .sub-menu li {
	display: block;
	margin-bottom: 5px;
}

.main-menu .sub-menu a {
	border: none !important
}

.main-menu .sub-menu a:after {
	height: 0px !important;
}

.main-menu .sub-menu a:hover:after {
	height: 120% !important;
}

.bandeau-accueil .text-slide {
	font-weight: bold !important;
	font-family: proxima-nova, sans-serif !important;
}

.bandeau-accueil .text-slide-wrapper {
	left: 16vw !important;
}

.bandeau-accueil .text-slide span {
	background-color: #ce9f01;
}

.bandeau-accueil .text-slide .slider-esp {
	color: #ffffff !important;
	font-weight: bold;
	border-bottom: 2px solid #CE9F01;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	z-index: 99;
}
#slide-1-layer-2 {
	z-index: -1 !important;
   }
   
.bandeau-accueil .text-slide .slider-esp:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 0px;
	background-color: #ce9f01;
	transition-duration: .3s;
}

.bandeau-accueil .text-slide .slider-esp:hover:after {
	height: 120%;
	z-index: -10;
	transition-duration: .3s;
}

.savoir-faire-mt {
	margin-top: -70px;
}

.savoir-faire .sf-right {
	background-image: url(images/fond-savoir-faire.png);
	padding: 150px 100px;
	/* margin-top: -70px; */
	position: relative;
}

.savoir-faire .sf-right:after {
	content: "";
	position: absolute;
	left: -30px;
	right: 0;
	top: 65px;
	height: 50px;
	background-size: auto 10px;
	background-image: url(images/trait.png);
	background-repeat: repeat-x;
}

.savoir-faire .sf-right .bloc-savoir-faire:hover h3, .savoir-faire .sf-right .bloc-savoir-faire:hover h3 a {
	background-color: #ce9f01;
	text-decoration: none;
}
.savoir-faire .sf-right .bloc-savoir-faire h3 a {
	color: #ffffff;
}

.savoir-faire .sf-right .bloc-savoir-faire h3 {
	display: inline-block;
}

.savoir-faire .sf-right p {
	color: #a1a1a1;
	width: 80%;
}

.savoir-faire .sf-left {
	color: #4d4d4d;
	padding-left: 16vw;
	padding-right: 2vw;
	position: relative;
	padding-top: 150px;
}

.savoir-faire .sf-left .img-savoir-faire {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	z-index: 999;
}

.savoir-faire .sf-left .img-savoir-faire img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.savoir-faire .sf-left .titre-savoir-faire {
	text-transform: uppercase;
	color: #003d6f;
	font-weight: 800;
	font-size: 40px;
	position: relative;
	margin-bottom: 55px;
}

.savoir-faire .sf-left .titre-savoir-faire:after {
	position: absolute;
	content: "";
	width: 25%;
	height: 4px;
	left: 0;
	bottom: -30px;
	background-color: #ce9f01;
}

.savoir-faire .sf-left .esp {
	text-transform: uppercase;
	color: #003d6f;
	font-weight: bold;
	border-bottom: 2px solid #CE9F01;
	margin-top: 50px;
	display: inline-block;
}

.domaine-activite {
	text-align: center;
}

.domaine-activite .titre-domaine-activite {
	text-transform: uppercase;
	font-weight: 900;
	color: #003d6f;
	display: inline-block;
	margin: 0 auto;
	margin-top: 130px;
	margin-bottom: 30px;
	position: relative;
	font-size: 30px;
}

.domaine-activite .titre-domaine-activite:after {
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	background-color: #ce9f01;
	height: 2px;
	width: 15%;
}

.domaine-activite .titre-slider-da {
	font-weight: bold !important;
	font-family: proxima-nova, sans-serif !important;
	font-size: 36px !important;
	text-align: left !important;
}

.domaine-activite .text-slider-da h3 {
	font-weight: bold !important;
	font-size: 36px !important;
}

.domaine-activite #slider-da-esp {
	color: #ffffff !important;
	display: inline-block !important;
	border-bottom: 2px solid #CE9F01;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	margin-top: 15px;
	position: relative;
	z-index: 10;
}

.domaine-activite #slider-da-esp:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	background-color: #D2A301;
	height: 0px;
	z-index: -10;
	transition-duration: .3s;
}

.domaine-activite #slider-da-esp:hover:after {
	height: 120%;
	transition-duration: .3s;
}

@media(max-width:1080px) {
	.domaine-activite .text-slider-da-wrapper {
		left: 50% !important;
	}
}

.domaine-activite .custom.tparrows, .hesperiden.tparrows {
	width: 60px !important;
	height: 120px !important;
}

.domaine-activite .tp-rightarrow,
.domaine-activite .tp-rightarrow:hover, 
.hesperiden.tp-rightarrow,
.hesperiden.tp-rightarrow:hover {
	background-image: url(images/fleche-droite.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: contain;
}

.domaine-activite .tp-leftarrow,
.domaine-activite .tp-leftarrow:hover,
.hesperiden.tp-leftarrow,
.hesperiden.tp-leftarrow:hover  {
	background-image: url(images/fleche-gauche.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: contain;
}

.domaine-activite .tp-rightarrow:before,
.domaine-activite .tp-rightarrow:hover:before,
.custom.tparrows.tp-rightarrow:before,
.hesperiden.tp-rightarrow:before,
.hesperiden.tp-rightarrow:hover:before,
.hesperiden.tparrows.tp-rightarrow:before  {
	content: "";
}

.domaine-activite .tp-leftarrow:before,
.domaine-activite .tp-leftarrow:hover:before,
.custom.tparrows.tp-leftarrow:before,
.hesperiden.tp-leftarrow:before,
.hesperiden.tp-leftarrow:hover:before,
.hesperiden.tparrows.tp-leftarrow:before {
	content: "";
}

.domaine-activite .tp-leftarrow {
	left: -20px !important;
}

/* autres sliders */
.hesperiden.tp-leftarrow  {
	left: -35px !important;
}
/* autres sliders */
.hesperiden.tp-rightarrow {
	left:unset !important;
	right:-90px !important;
}



.domaine-activite .tp-rightarrow {
	left: unset !important;
	right: -80px !important;
}

.container-activite {
	width: 80vw;
	margin: 0 auto;
	margin-top: -105px;
	z-index: 999;
	position: relative;
	margin-bottom: 150px;
}

.container-activite .bloc-activite {
	display: inline-block;
	padding: 0 30px;
	cursor: pointer;
	vertical-align: top;
}

.container-activite .bloc-activite img {
	max-width: 150px;
	margin-bottom: 15px;
}

.container-activite .bloc-legend {
	color: #003d6f;
	font-weight: normal;
	text-transform: uppercase;
	font-family: proxima-nova, sans-serif;
	font-size: 15px;
	text-align: center;
}

.w80 {
	width: 80vw;
	margin: 0 auto;
	position: relative;
}

.bg-gris {
	background-color: #e0e0e0;
	padding-top: 150px;
	padding-bottom: 150px;
}

#img-valeur {
	/* top: -49px; */
	/* bottom: -455px; */
	bottom: -250px;
	left: 100px;
	position: absolute;
	width: 320px;
}

#img-valeur-1 {
	bottom: -150px;
	left: 100px;
	position: absolute;
	width: 320px;
	z-index: 999;
}

#img-valeur-2 {
	bottom: -150px;
	left: 100px;
	position: absolute;
	width: 320px;
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
}

.valeurs {
	padding-bottom: 180px;
}

.titre-valeurs {
	text-transform: uppercase;
	color: #003d6f;
	font-weight: 800;
	font-size: 40px;
	position: relative;
	margin-bottom: 55px;
	margin-left: 75px;
}

.titre-valeurs:after {
	position: absolute;
	content: "";
	width: 15%;
	height: 4px;
	background-color: #ce9f01;
	left: 0;
	bottom: -15px;
}

.valeurs .sous-titre-valeurs,
.bloc-valeurs .sous-titre-valeurs {
	color: #003d6f;
	font-size: 30px;
	letter-spacing: 1.3px;
	text-transform: none;
}

.valeurs p,
.bloc-valeurs p,.valeurs .content, .bloc-valeurs .content {
	color: #666666;
	/* width: 50%; */
	max-width:375px;
	font-weight: 500;
}

.valeurs .esp,
.bloc-valeurs .esp {
	text-transform: uppercase;
	color: #003d6f;
	font-weight: bold;
	border-bottom: 2px solid #CE9F01;
	display: inline-block;
	position: relative;
}

.valeurs-container {
	padding-bottom: 70px;
}

.esp {
	position: relative;
	z-index: 10;
	text-decoration: none;
}

.esp:hover {
	text-decoration: none;
}

.esp:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	content: "";
	height: 0px;
	background-color: #ce9f01;
	transition-duration: .3s;
	z-index: -10;
}

.esp:hover:after {
	height: 120%;
	transition-duration: .3s;
}

.projet {
	background-image: url(images/fond-projet.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 150px 0;
	background-position: left 30%;
}

.projet .titre-projet {
	font-weight: 800;
	line-height: 50px;
	font-size: 40px;
	margin-left: 75px;
}

.projet .sous-titre-projet {
	font-weight: bold;
}

.projet p {
	color: #d4d4d4;
}

.projet .prenez-contact {
	color: #ffffff;
	font-size: 32px;
	text-decoration: none;
}

.projet .prenez-contact span {
	font-weight: bold;
	background-color: #ce9f01;
	padding: 0 5px;
}

footer {
	background-color: #292e32;
	padding: 15px 90px;
}

footer a {
	color: #ffffff;
}

footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

footer ul {
	padding-left: 0;
}

footer ul li {
	display: inline-block;
}

footer .nav-footer {
	text-align: right;
	margin-top: 30px;
}

footer .logo-footer {
	max-width: 80px;
	float: left;
	margin-right: 75px;
}

footer .contact-footer {
	margin-top: 25px;
}

footer .contact-footer p {
	margin-bottom: 0;
}

/* PAGES DE CONTENU */
.wpcf7 {
	color: #000000;
}

.wpcf7 .titre-formulaire {
	margin-bottom: 30px;
	display: block;
}

.wpcf7 .form-intro {
	width: 100%;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 1.3px;
	margin-top: 30px;
}
.wpcf7 .form-intro h1 {
	font-size: 26px !important;
}

.wpcf7 .message {
	background-color: #003d6f;
	color: #ffffff;
}

.wpcf7 .Message {
	width: 100%;
}

.wpcf7 #message {
	width: 100%;
	background-color: transparent;
	border: none;
	resize: none;
	outline: none !important;
	color: #d2a301;
	font-weight: bold;
}

.wpcf7 .champs {
	background-color: #e4e4e4;
	padding: 50px 0;
}

.wpcf7 .champs input {
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #BEBEBE;
	margin-bottom: 40px;
	color: #000000;
	outline: none !important;
}

.wpcf7 .champs input::placeholder {
	color: #000000;
}

.wpcf7 .submit {
	position: relative;
}

.wpcf7 .submit .wpcf7-submit {
	text-transform: uppercase;
	color: #003D6F;
	font-weight: bold;
	padding: 0;
	border-bottom: 2px solid #D2A301;
	position: relative;
	z-index: 10;
	background: transparent;
}

.wpcf7 .submit:after {
	position: absolute;
	content: "";
	height: 2px;
	left: 0;
	bottom: -5px;
	right: 0;
	background-color: #CE9F01;
	z-index: 0;
	width: 76%;
	transition-duration: .3s;
}

.wpcf7 .submit:hover:after {
	height: 150%;
	transition-duration: .3s;
}

.message-container {
	width: 70vw;
	margin: 0 auto;
}

.col-contact {
	color: #000000;
}

.col-contact h3 {
	color: #003d6f;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #D2A301;
	display: inline-block;
}

.col-contact h3:first-child {
	margin-top: 0;
}

.col-contact #google-map {
	text-decoration: underline;
	color: #292E32;
	font-weight: bold;
}

.col-contact #tel-contact,
.col-contact #mail-contact {
	color: #292E32;
	font-weight: bold;
	font-size: 20px;
}

.champs-container {
	width: 70vw;
	margin: 0 auto;
}

.titre-contact {
	color: #003D6F;
	font-weight: bold;
	font-size: 36px !important;
	/* padding-left: 15vw !important; */
	text-align: center;
	line-height: 48px;
}

/* .titre-contact-container {
	margin-top: 200px;
} */

.titre-contact span {
	background-color: #d2a301;
}

.col-contact-container {
	margin-top: 120px;
}

.map-contact {
	padding-top: 80px;
}

.map-contact  img {
	display: block;
	margin: 0 auto;
}

.col-contact-img {
	padding: 0;
	position: relative;
}

.col-contact-img img {
	object-fit: cover;
    height: 100%;
    max-height: 580px;
    width: 100%
}
@media(max-width:991px) {
	.col-contact-img img {
		object-fit: none;
		height: auto;
		max-height:unset;
	}

	.col-contact-img {
		margin-bottom: 30px;
	}
}


.col-contact-img:after {
	position: absolute;
	left: -8px;
	top: -25px;
	bottom: 0;
	content: "";
	width: 15px;
	background-image: url(images/bg-contact-ligne.png);
	background-repeat: repeat-y;
	background-size: contain;
}

/* pages de contenu */
.slider-qui-sommes-nous .text-slide-wrapper {
	left: 60px;
}

.slider-qui-sommes-nous span {
	text-transform: uppercase;
	background-color: #ce9f01;
	font-weight: bold;
	padding: 0 5px 0 0;
}

.bloc-info {
	margin-top: -100px;

}

.bloc-info .info-right {
	background-image: url(images/fond-savoir-faire.png);
	padding: 150px 100px;
	position: relative;
	color: #a1a1a1;
}

.bloc-info .info-right:after {
	content: "";
	position: absolute;
	left: -30px;
	right: 0;
	top: 65px;
	height: 50px;
	background-size: auto 10px;
	background-image: url(images/trait.png);
	background-repeat: repeat-x;
}

.bloc-info .info-left {
	color: #003D6F;
	padding-left: 16vw;
	padding-right: 2vw;
	position: relative;
	padding-top: 150px;
	font-weight: bold;
	font-size: 18px;
}

.slogan-qsm {
	text-align: center;
	color: #003d6f;
	font-weight: bold;
	margin: 70px auto 30px;
}

.slogan-qsm p {
	margin-bottom: 0;
	font-size: 26px;
}

.slogan-qsm .bg-jaune {
	background-color: #ce9f01;
	color: #ffffff;
	padding: 0 5px;
}

.map-qsm {
	margin-bottom: 150px;
	margin-top: 50px;
}

.map-qsm img {
	display: block;
	margin: 0 auto;
}

.titre-section {
	text-transform: uppercase;
	font-weight: 900;
	color: #003d6f;
	display: block;
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}

.titre-section:after {
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	background-color: #ce9f01;
	height: 4px;
	width: 50px;
}

.img-full {
	width: 100%;
}

.container-employes {
	padding: 15px 90px;
}

.container-employes .service {
	margin: 30px 0;
}



.container-employes .bloc-responsable {
	display: block;
	margin: 0 auto;
	max-width: 650px;
	width: 100%;
	background-color: #e0e0e0;
}

.container-employes .bloc-employe {
	display: block;
	margin: 0 auto;
	max-width: 650px;
	width: 100%;
}

.container-employes .bloc-responsable .contenu-employe {
	padding: 25px;
	position: relative;
}
.container-employes .bloc-employe .img-employe {
	max-width:305px;
}

.container-employes .bloc-employe .img-employe img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.container-employes .bloc-employe .nom-employe {
	color: #144476;
	font-size: 32px;
	font-weight: bold;
	text-transform: capitalize;	
	line-height: 1;
}

.container-employes .bloc-employe .contact-employe {
	margin-top: 10px;
}

.container-employes .bloc-employe .contact-employe  br {
	display: none;
}

.container-employes .bloc-employe .contact-employe a {
	display: block;
	color: #144476;
	text-decoration: none;
}

.container-employes .bloc-employe .contact-employe a:first-child {
	text-decoration: underline;
}


.container-employes .bloc-employe {
	margin-top: 30px;
	margin-bottom: 30px;
}

.container-employes .bloc-employe .separator {
	margin-top: 20px;
	display: block;
}

.container-employes .bloc-employe .fonction-responsable {
	position: absolute;
	bottom: 20px;
}

.container-employes .bloc-employe .fonction-responsable span {
	text-transform: uppercase;
	
	padding: 0px 5px;
	font-size: 18px;
}

.container-employes .bloc-employe .fonction-responsable .word-wrap {
	display: block;
}
.container-employes .bloc-employe .fonction-responsable .word-wrap span {
	display: inline-block;
	background-color: #ce9f01;
}

.container-employes .bloc-employe .fonctions-employe {
	margin-top: 20px;
}
.container-employes .bloc-employe  .fonction {
	color: #144476;
	height: 60px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	font-weight: bold;
}
.container-employes .bloc-employe  .fonction img {
	float: left;
	margin-right: 10px;
	clear: right;
}


.container-employes {
	margin-bottom: 150px;
	position: relative;
}

.container-employes:after {
	content:"";
	display: block;
	position: absolute;
	bottom: -50px;
	left:50%;
	transform:translateX(-50%);
	width: 732px;
	height: 12px;
	background-image:url(./images/fonds/separator.png);

}
@media(max-width:768px) {
	.container-employes:after {
		width: 365px;
	}
}

@media(max-width:991px) {
	.container-employes .bloc-responsable .contenu-employe {
		min-height: 300px !important;
	}

	.container-employes .service .bloc-employe {
		max-width:275px;
	}

	.container-employes .service .bloc-employe {
		margin-bottom: 30px !important;
	}

	.container-employes .bloc-employe .img-employe {
		margin-bottom: 20px;
		min-height:340px;
	}

	.container-employes .img-employe {
		padding: 0 !important;
	}

	.container-employes .bloc-responsable .img-employe {
		padding-left:15px !important;
		padding-right:15px !important;
	}
}

/* .container-employes .service .bloc-employe {
	width: 300px;
	height: 360px;
	background-color: #c4c4c4;
	float: left;
	margin-right: 15px;
	position: relative;
	overflow: hidden;
	margin-bottom: 15px;
}

.container-employes .service .bloc-employe .employe-infos {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(20, 68, 118, 0.8);
	transform: translateY(100%) rotate(90deg);
	transition-duration: .3s;
} */

/* .container-employes .service .bloc-employe .employe-infos .infos-content {
	position: absolute;
	left: 30px;
	bottom: 30px;
}

.container-employes .service .bloc-employe .employe-infos .nom-employe {
	font-weight: bold;
	font-size: 32px;
	margin-bottom: 0;
	text-transform: capitalize;
	letter-spacing: 1px;
}

.container-employes .service .bloc-employe .employe-infos .fonction {
	color: #ffffff;
	background-color: #ce9f01;
	display: inline-block;
	font-size: 22px;
	text-transform: uppercase;
	margin: 0;
	padding: 0 5px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

.container-employes .service .bloc-employe .employe-infos .mail-employe,
.container-employes .service .bloc-employe .employe-infos .tel-employe {
	display: block;
	color: #ffffff;
	text-decoration: none;
} */

/* .container-employes .service .bloc-employe:hover .employe-infos {
	transform: translateY(0%) rotate(0deg);
	transition-duration: .3s;
}

.container-employes .service .bloc-employe .img-employe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
} */

/* .container-employes .service .bloc-employe:last-child {
	clear: right;
} */

.titre-service {
	color: #003d6f;
	position: relative;
	font-size: 32px;
	display: table;
}

.titre-service .ts-img {
	display: table-cell;
}

.titre-service .ts-texte {
	display: table-cell;
	vertical-align: top;
	font-weight: 600;
}

.titre-service .ts-texte span {
	position: relative;
}

.titre-service .ts-texte span:after {
	display: block;
	content: "";
	/* position: absolute; */
	/* bottom: -15px; */
	margin-top: 13px;
	left: 0;
	width: 50px;
	height: 2px;
}

#batiment-industrie .ts-texte span:after {
	background-color: #fdc43c;
}

#montagne .ts-texte span:after {
	background-color: #80b1ac;
}

#sports .ts-texte span:after {
	background-color: #86bc25;
}

#agencement .ts-texte span:after {
	background-color: #b5b5b4;
}

.titre-service img {
	margin-right: 50px;
}

.slider-activite-wrapper {
	left: 16vw !important;
}

.slider-activite {
	font-size: 1.3em !important;
}

.slider-activite .domaine {
	font-size: 4em !important;
	display: block;
	font-weight: bold;
	margin-top: 20px;
	line-height: 1 !important;
}

.container-domaines {
	margin-bottom: 100px;
}

.intro-section {
	color: #4d4d4d;
	font-weight: bold;
	text-align: center;
	position: relative;
	font-size: 18px;
	margin-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
}

.intro-section:after {
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translateX(-50%);
	content: "";
	height: 4px;
	width: 50px;
	background-color: #ce9f01;
}

.bloc-domaine {
	position: relative;
	margin-bottom: 30px;
}


.bloc-domaine img {
	display: block;
	margin: 0 auto;
	width: 100%;
	z-index: 10;
}

.bloc-domaine .texte-domaine {
	position: absolute;
	bottom: 15px;
	left: 15px;
	display: inline-block;
	z-index: 30;
}

.bloc-domaine .texte-domaine .word-wrap {
	display: block;
}


.bloc-domaine .texte-domaine .word-wrap span {
	margin-bottom: 0;
}

.bloc-domaine .texte-domaine .word-wrap span br {
	display: none;
}


.bloc-domaine .texte-domaine span {
	display: inline-block;
	background-color: #80B1AC;
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
	padding: 0 5px;
}

.bloc-domaine #texte-sport span {
	background-color: #83c000;
}

.bloc-domaine #texte-batiment span {
	background-color: #fec526;
}

.bloc-domaine #texte-agencement span {
	background-color: #b5b5b4;
}

.bloc-domaine #texte-developpement span {
	background-color: #fb4c00;
}

.bloc-domaine .bloc-domaine-overlay {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(20, 68, 118, 0.8);
	opacity: 0;
	transition: opacity .3s;
}

.bloc-domaine:hover .bloc-domaine-overlay {
	opacity: 1;
	transition: opacity .3s;
}

.sous-traitance {
	background-image: url(./images/fonds/fond-sous-traitance.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.sous-traitance,
.revendeur {
	padding: 30px 0;
}

.sous-traitance .titre-sous-traitance {
	text-transform: uppercase;
	position: relative;
	margin: 0;
	font-size: 24px;
}

.sous-traitance .titre-sous-traitance:after {
	content: "";
	width: 122px;
	height: 13px;
	background-image: url(./images/souligne-bleu.png);
	background-size: contain;
	display: block;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%)
}

.sous-traitance .middle {
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
}

.sous-traitance .middle .fond-jaune {
	background-color: #ce9f01;
	color: #ffffff;
	font-weight: bold;
	padding: 0 5px;
}

.revendeur .titre-revendeur {
	text-transform: uppercase;
	position: relative;
	margin: 0;
	font-size: 24px;
}

.revendeur .titre-revendeur:after {
	content: "";
	width: 122px;
	height: 13px;
	background-image: url(./images/souligne-jaune.png);
	background-size: contain;
	display: block;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%)
}

.revendeur {
	background-image: url(./images/fonds/fond-revendeur.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.revendeur .middle img {
	display: block;
	margin: 0 auto;
	max-height: 108px;
}

.revendeur .middle,
.sous-traitance .middle {
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.revendeur a,
.sous-traitance a {
	display: inline-block;
	color: #ffffff;
	text-transform: uppercase;
}

.revendeur #lien-revendeur {
	border-bottom: 2px solid #ce9f01;
	color: #ffffff;
	display: inline-block;
	text-decoration: none;
	position: relative;
	z-index: 10;
}



.revendeur #lien-revendeur:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	background-color: #ce9f01;
	height: 0px;
	z-index: -10;
	transition-duration: .3s;
}

.revendeur #lien-revendeur:hover:after {
	height: 120%;
	transition-duration: .3s;
}




.sous-traitance #lien-sous-traitance {
	border-bottom: 2px solid #003D6F;
	color: #ffffff;
	display: inline-block;
	text-decoration: none;
	position: relative;
	z-index: 10;
}

.sous-traitance #lien-sous-traitance:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	background-color: #003D6F;
	height: 0px;
	z-index: -10;
	transition-duration: .3s;
}

.sous-traitance #lien-sous-traitance:hover:after {
	height: 120%;
	transition-duration: .3s;
}


.header-secteur-montagne {
	background-color: #80B1AC;
}

.header-secteur-sport {
	background-color: #83c000;
}

.header-secteur-batiment {
	background-color: #fec526;
}

.header-secteur-agencement {
	background-color: #b5b5b4;
}

.header-secteur-developpement {
	background-color: #fb4c00;
}

.header-secteur-content {
	max-width: 600px;
	margin: 100px 15%;
}

.header-secteur-content .titre-secteur {
	margin-top: 0;
	font-size: 65px;
	font-weight: bold;
}

.container-image-secteur {
	width: 80%;
	margin: 0 auto;
}

.bloc-image-secteur {
	margin-top: -80px;
	position: relative;
	margin-bottom: 200px;
}

.bloc-image-secteur img {
	width: 100%;
	height: auto;
}

.legende-image-secteur {
	position: absolute;
	bottom: 15px;
	left: 15px;
	background-color: #80b1ac;
	padding: 0 5px;
	font-size: 18px;
}

.legende-image-secteur-batiment {
	position: absolute;
	bottom: 15px;
	left: 15px;
	background-color: #fec526;
	padding: 0 5px;
	font-size: 18px;
}

.legende-image-secteur-sport {
	position: absolute;
	bottom: 15px;
	left: 15px;
	padding: 0 5px;
	font-size: 18px;
	background-color: #83c000;
}

.legende-image-secteur-agencement {
	position: absolute;
	bottom: 15px;
	left: 15px;
	padding: 0 5px;
	font-size: 18px;
	background-color: #b5b5b4;
}

.legende-image-secteur-developpement {
	position: absolute;
	bottom: 15px;
	left: 15px;
	padding: 0 5px;
	font-size: 18px;
	background-color: #fb4c00;
}

.savoir-faire-slider span {
	background-color: #ce9f01;
	padding: 0 5px !important;
}

.savoir-faire-slider .text-slide {
	font-size: 70px !important;
	line-height: 1 !important;
	font-weight: bold !important;
}


.onglets .pt-tabs {
	text-align: center;
}

.onglets .nav-tabs .nav-item {
	float: none !important;
	display: inline-block;
}

body .onglets .nav-tabs {
	border: none;
	border-bottom: 3px solid #BABABA;
	display: inline-block;
	margin: 0 auto;
}

body .nav-tabs .nav-item+.nav-item {
	margin-left: 0 !important;
}

body .onglets .nav-link {
	border: none;
	padding-bottom: 30px;
	display: inline-block;
	margin-bottom: -2px;
	margin-right: 0;
	color: #003D6F;
	font-size: 18px;
}

body .onglets .nav-item:first-child .nav-link {
	padding-left: 0;
}

body .onglets .nav-item:last-child .nav-link {
	padding-right: 0;
}

body .onglets .nav-link.active,
body .onglets .nav-link:hover,
body .onglets .nav-link.active:hover,
body .onglets .nav-link.active:active,
body .onglets .nav-link.active:focus {
	border-color: unset !important;
	border-bottom: 3px solid #003D6F;
	background-color: transparent;
	color: #003D6F;
	font-weight: bold;

}

.onglet-container {
	margin: 100px auto;
}

.titre-onglet {
	text-transform: uppercase;
	font-weight: 900;
	color: #003d6f;
	display: block;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
	margin-top: 80px;
	letter-spacing: 1.3px;
	font-size: 24px;
}

.titre-onglet:after {
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	background-color: #ce9f01;
	height: 4px;
	width: 50px;
}


.intro-onglet {
	color: #4d4d4d;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 50px;
}

.text-onglet {
	color: #4d4d4d;
	font-weight: 500;
	text-align: left;
}

.titre-texte-onglet {
	color: #4d4d4d;
	font-weight: bold;
	text-align: left;
}


.bloc-sf-right {
	display: flex;
	justify-content: center;
	align-items: center;
}

.slider-savoir-faire {
	width: 80vw;
	margin: 0 auto;
	margin-top: -100px;
}

.slider-savoir-faire .custom.tparrows {
	width: 60px !important;
	height: 120px !important;
}

.slider-savoir-faire .tp-rightarrow,
.slider-savoir-faire .tp-rightarrow:hover {
	background-image: url(images/fleche-droite.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: contain;
}

.slider-savoir-faire .tp-leftarrow,
.slider-savoir-faire .tp-leftarrow:hover {
	background-image: url(images/fleche-gauche.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: contain;
}

.slider-savoir-faire .tp-rightarrow:before,
.slider-savoir-faire .tp-rightarrow:hover:before,
.custom.tparrows.tp-rightarrow:before {
	content: "";
}

.slider-savoir-faire .tp-leftarrow:before,
.slider-savoir-faire .tp-leftarrow:hover:before,
.custom.tparrows.tp-leftarrow:before {
	content: "";
}

.slider-savoir-faire .tp-leftarrow {
	left: -20px !important;
}

.slider-savoir-faire .tp-rightarrow {
	left: unset !important;
	right: -80px !important;
}

.titre-fournisseurs {
	text-align: left;
	font-size: 20px;
	color: #003d6f;
	font-weight: bold;
}

.container-fournisseurs {
	border-top: 2px solid #E0E0E0;
	border-bottom: 2px solid #E0E0E0;
	/* margin-bottom: 100px; */
	margin-top: 30px;
}

.container-fournisseurs .img-fournisseur img {
	object-fit: contain;
	height: 65px;
	margin: 20px auto;
}

.container-fournisseurs br {
	display: none;
}

.container-fournisseurs .align-middle {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sf-bloc-right {
	padding-bottom: 100px;
}

.sf-bloc-left img {
	display: block;
	margin: 0 auto;
	object-fit: cover !important;
	max-width: 687px !important;
	max-height: 539px !important;
	width: 100% !important;
	height: 100% !important;
}

.container-texte-savoir-faire {
	text-align: left;
	color:#4d4d4d;
	font-weight: 500;
}

/* RESPONSIVE */


@media(max-width:1600px) {
	.bg-gris {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	#img-valeur {
		/* bottom: -390px; */
		bottom: -162px;
	}

	#img-valeur-1 {
		bottom: -80px;
		left: 100px;
		position: absolute;
		width: 320px;
	}

	#img-valeur-2 {
		bottom: -80px;
		left: 100px;
		position: absolute;
		width: 320px;
	}
}

@media(max-width:1520px) {
	.titre-contact-container .titre-contact {
		font-size: 32px !important;
	}
}



@media(max-width:1090px) {
	.main-menu ul li {
		margin-right: 5px;
	}
}

@media(max-width:1330px) {
	.container-activite {
		width: 100vw;
	}

	.container-activite .bloc-activite {
		padding: 0 20px;
	}
}

@media(max-width:1250px) {
	.titre-contact-container {
		margin-top: 50px !important;
	}

	.col-contact-container {
		margin-top: 50px !important;
	}

	.map-contact {
		padding-top: 20px;
	}
}

@media(max-width:1200px) {
	footer {
		padding: 15px 30px;
	}
}

@media(min-width:992px) and (max-width:1140px) {
	.valeurs-container #img-valeur-1, .valeurs-container #img-valeur-2 {
		left: 60px;
	}
}

@media(max-width:1018px) {
	.main-menu ul .menu-item a {
		font-size: 13px;
	}
}

@media(min-width:992px) and (max-width:1300px) {

	.wpcf7 #societe,
	.wpcf7 #nom,
	.wpcf7 #telephone {
		width: 90%;
	}

	.wpcf7 #email {
		width: 42%;
	}
}

@media(min-width:992px) {
	.container-activite-mobile {
		display: none;
	}

	.sf-bloc-left {
		padding-left: 0;
	}

	footer .logo-footer {
		margin-top: -15px;
	}
}

@media(max-width:991px) {
	.bandeau-accueil .text-slide-wrapper {
		left: 60px !important;
	}

	.bandeau-accueil .text-slide p,
	.bandeau-accueil .text-slide span {
		font-size: 28px !important;
		line-height: 40px !important;
	}

	.bandeau-accueil .slider-esp a {
		color: #ffffff !important;
		font-weight: bold;
		border-bottom: 2px solid #CE9F01;
		font-size: 18px !important;
		text-decoration: none;
	}

	.bandeau-accueil .slider-esp {
		top: 60px !important;
		font-size: 15px !important;
	}

	.savoir-faire .sf-right p {
		width: 100%;
	}

	.savoir-faire .sf-left {
		padding-bottom: 30px;
		padding-left: 60px;
		padding-right: 60px;
	}

	.container-activite {
		margin: 15px 0;
	}

	.container-activite .bloc-activite {
		padding: 0 50px;
	}

	.domaine-activite .titre-domaine-activite {
		margin-top: 60px;
	}

	#img-valeur {
		position: static;
		margin-top: 15px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: -15%;
	}

	#img-valeur-1 {
		position: static;
		display: block;
		margin: auto;
		margin-top: 15px;
	}

	#img-valeur-2 {
		bottom: 0;
		left: 50%;
		transform: translateX(-50%) translateY(100%);
	}

	.valeurs {
		padding-bottom: 300px;
	}

	.valeurs .titre-valeurs,
	.bloc-valeurs .titre-valeurs {
		margin-left: 0;
	}

	.valeurs .titre-valeurs br,
	.bloc-valeurs .titre-valeurs br {
		display: none;
	}

	.valeurs .w80,
	.bloc-valeurs .w80 {
		width: 100%;
		padding: 0 30px;
		/* margin-bottom: -40%; */
	}

	.valeurs p,
	.bloc-valeurs p {
		width: 100%;
		max-width:unset;
	}

	.projet {
		padding: 80px 0;
	}

	.projet .titre-projet br {
		display: none;
	}

	.projet .titre-projet {
		margin-left: 0;
	}

	.projet .w80 {
		width: 100%;
		padding: 0 50px;
	}

	.savoir-faire .sf-right {
		padding: 150px 60px;
	}

	footer {
		padding: 15px 55px;
	}

	footer .nav-footer {
		text-align: left;
	}

	.container-activite {
		display: none;
	}

	.container-activite-mobile .bloc-activite-mobile {
		display: none;
	}

	.container-activite-mobile .activite-detail {
		padding: 40px 60px;
		text-align: left;
	}

	.container-activite-mobile .activite-detail .esp {
		text-transform: uppercase;
		color: #003d6f;
		font-weight: bold;
		border-bottom: 2px solid #CE9F01;
		display: inline-block;
		text-decoration: none;
	}

	.container-activite-mobile .bloc-activite-mobile img {
		display: block;
		margin: 0 auto;
		position: relative;
		z-index: 999;
		max-width: 140px;
		margin-top: -100px;
	}

	.container-activite-mobile .bloc-activite-mobile h2 {
		color: #003d6f;
		font-weight: 800;
	}

	.container-activite-mobile .bloc-activite-mobile {
		text-align: left;
		color: #666666;
	}
	.container-activite-mobile .bloc-activite-mobile .esp {
		display: inline-lock;
	}

	.wpcf7 .champs input:not(.wpcf7-submit) {
		width: 100%;
	}

	.nav-footer ul {
		text-align: center;
	}

	.contact-footer {
		text-align: center;
	}

	footer .logo-footer {
		display: inline;
		float: none;
		margin-right: 25px;
	}

	.contact-footer p {
		display: inline-block;
	}

	.message-container {
		padding-top: 125px;
	}

	.col-contact {
		padding-left: 18vw;
	}

	.col-contact-img:after {
		display: none;
	}

	.col-contact-img img {
		display: block;
		margin: 0 auto;
	}

	.valeurs-container .bg-gris {
		padding: 0 30px;
	}

	.valeurs-container {
		margin-bottom: 50px;
	}

	.container-employes {
		padding: 15px;
	}

	.titre-service {
		margin-bottom: 50px;
	}

	.container-employes .service .bloc-employe {
		display: block;
		margin: 0 auto;
		float: none;
		margin-bottom: 15px;
	}

	.sf-bloc-left img {
		display: block;
		margin: 0 auto;
	}

	.slider-savoir-faire {
		margin-top: 0;
	}

	.slider-activite-wrapper {
		/* left: 60px !important; */
		left: 40px !important;
	}


	.bloc-info {
		margin-top: 0;
	}

	.bloc-info .info-right:after {
		left: 0;
	}

	.bloc-info .info-left {
		padding: 0 15px;
		text-align: center;
	}


	.bloc-info .info-right {
		padding: 110px 30px 30px 30px;
	}


	.bloc-info .info-left {
		margin-bottom: 30px;
	}




	div#text-slider-wrapper {
		left:10% !important;
	}

	div#text-slider-wrapper {
		font-size: 36px !important;
	}

	div#text-slider-wrapper span {
		font-size: 36px !important;
	}

	.savoir-faire-slider .text-slide {
		font-size: 36px !important;
		line-height: 1.3 !important;
	}
}

@media(max-width:768px) {
	header {
		height: 85px;
	}

	header .logo img {
		width: 180px;
	}

	#img-valeur {
		margin-bottom: -20%;
	}

	.valeurs,
	.bloc-valeurs {
		padding-bottom: 200px;
	}

	.savoir-faire .sf-right {
		padding: 100px 60px 50px 60px;
	}

	footer .logo-footer {
		margin-right: 25px;
	}

	.contact-footer {
		text-align: left;
	}


	.container-domaines.w80 {
		width: 100%;
		margin-bottom: 0;
	}

	.slider-activite .domaine {
		font-size: 2.3em !important;
	}

	.timeline-slide-content .timeline-date {
		transform:translateX(80px);
	}

	.timeline-slide-container {
		margin-left: 30px;
	}

	.valeurs-container .bg-gris {
		padding: 0 10px;
	}

	.sf-bloc-right {
		padding-bottom: 0;
	}
}

@media(max-width:580px) {

	.slider-activite {
		margin-top: 30px !important;
		left: -30px !important;
	}

	.slider-activite .domaine {
		line-height: 1.2 !important;
	}

	.bandeau-accueil .text-slide-wrapper {
		top: 110px !important
	}

	.projet .prenez-contact {
		font-size: 20px;
	}

	.projet .titre-projet {
		font-size: 36px;
	}

	#img-valeur {
		margin-bottom: -27%;
	}

	.bandeau-accueil .text-slide {
		/* width: 200px !important; */
		/* min-width:200px !important;
		max-width:400px !important; */
		white-space: normal !important;
	}

	footer .logo-footer {
		margin-right: 15px;
		/* float: left; */
		max-width: 45px;
		
		margin: 0 auto;
		display: block;
		margin-bottom: 15px;
	}

	footer {
		padding: 15px;
	}

	.contact-footer p {
		display: block;
		text-align: center;
	}
	.contact-footer .visible-xs {
		display:block !important;
	}


	.valeurs .w80, .bloc-valeurs .w80 {
		padding: 0;
	}
	.projet .w80 {
		padding: 0 10px;
	}

	.container-activite-mobile .activite-detail {
		padding: 40px 30px;
	}

	.w80 {
		width: 100%;
	}

	/* .container-employes .service .bloc-employe {
		width: 300px;
		height: 360px;
	} */

	.intro-onglet {
		padding: 0 15px;
	}

	body .onglets .nav-tabs {
		border-bottom:none;
	}


	.champs-container {
		width: 90vw;
	}

	.col-contact {
		padding-left: 5vw;
	}

	.header-secteur-content {
		margin: 100px 5px;
	}

	.savoir-faire .sf-left {
		padding-top: 100px;
		padding-left: 30px;
		padding-right: 30px;
	}

	#domaines-activite {
		padding-left: 15px;
		padding-right: 15px;
	}

	.savoir-faire .sf-right {
		padding: 100px 30px 50px 30px;
	}

	.map-qsm {
		margin-bottom: 50px;
	}


	.timeline-slide {
		margin-bottom: 0 !important;
	}

	.slick-next, .slick-prev {
		top: 29.2% !important;
	}

	.page-id-175 .onglet-container {
		margin-top: -200px !important;
		margin-bottom: 0 !important;
	}

	.bloc-outdoor .titre-onglet {
		margin-top: 30px;
	}

	.bandeau-accueil .text-slide {margin-left: -30px;}

	.col-contact-img {

		margin-bottom: -10px;
	}

}

/* @media(max-width:460px) {
	.slider-esp-wrapper,
	.text-slide-wrapper {
		left: 15px !important;
	}
} */

@media(max-width:479px) {

	.bandeau-accueil .text-slide p,
	.bandeau-accueil .text-slide span,.slider-qui-sommes-nous .text-slide ,
	.slider-qui-sommes-nous .text-slide span  {
		font-size: 36px !important;
		line-height: 50px !important;
	}
	.text-slide {
		height:auto !important;
		min-height:100px !important;
		max-height:100px !important;
	}


	.onglets .nav-tabs .nav-item {
		display: block;
		width: 100%;
	}
	.onglets .nav-tabs .nav-item a {
		padding: 10px 5px;
	}

	.contact-footer .logo-footer-wrapper {
		display: block;
		margin: 0 auto;
	}


}

@media(max-width:440px) {
	.sm-no-padding {
		padding: 0;
	}
}

@media(max-width:425px) {
	#img-valeur {
		margin-bottom: -39%;
	}

	.valeurs,
	.bloc-valeurs {
		padding-bottom: 160px;
	}

	.projet {
		padding: 50px 0;
	}

	.slider-qui-sommes-nous span {
		font-size: 2em;
	}

	.titre-service .ts-texte {
		font-size: 20px;
	}

	.header-secteur-content .titre-secteur {
		font-size: 45px;
	}
}

/* MENU RESPONSIVE */

body button#responsive-menu-button {
	background: transparent !important;
	position: absolute !important;
}

body .responsive-menu-inner,
body .responsive-menu-inner::before,
body .responsive-menu-inner::after {
	background-color: #003d6f !important;
	width: 35px !important;
	height: 2px !important;
}

#responsive-menu-search-box {
	display: none;
}

body .responsive-menu-inner::before {
	top: -12px;
}

body .responsive-menu-inner::after {
	bottom: -12px;
}

body #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link {
	font-size: 17px;
}




/* timeline */

.timeline-wrapper {
	position: relative;
	overflow: hidden;
}

.timeline-slide {
	
	padding-top: 50px;
	margin-bottom: 80px;
	position: relative;
	outline:none !important;
}

.timeline-slide-content {
	max-width: 300px;
	padding-left: 15px;
}

.timeline-date:before {
	content: " ";
	/* width: 365px; */
	width: 640px;
	right: 0px;
	top: 50%;
	z-index: -1;
	height: 2px;
	display: block;
	background-color: #CE9F01;
	position: absolute;
	left: 50%;
	top: 55px;
}

.timeline-date {
	display: inline-block;
	width: 55px;
	height: 55px;
	color: #fff;
	line-height: 55px;
	/* margin-top: 30px; */
	text-align: center;
	z-index: 5;
	position: relative;
	margin-bottom: 50px;
	/* margin-left: 40px; */
}

.timeline-date-content {
	display: inline-block;
	width: 55px;
	height: 55px;
	color: #fff;
	line-height: 55px;
	margin-top: 28px;
	text-align: center;
	z-index: 5;
	background-color: #CE9F01;
	position: relative;
	transform:rotate(45deg);
}
.date-empty-wrapper {
	height: 75px;
	width: 15px;
}


.timeline-date-empty-content {
	width: 20px;
	height: 20px;

	display: inline-block;

	color: #fff;
	line-height: 75px;
	margin-top: 46px;
	text-align: center;
	z-index: 5;
	background-color: #CE9F01;
	position: relative;
	transform:rotate(45deg);
}
.timeline-date-content span {
	transform:rotate(-45deg);
	display: block;
	font-size: 16px;
}

/* .timeline-date:after{
content:" ";
width:1px;
height:50px;
display:block;
background-color:#222534;
position:absolute;
left:50%;
} */

.slick-arrow {
	width: 100px;
	height:100px;
	border: 0px;
	float: left;
	position: relative;
	display: inline-block;
}

.timeline-slide-container {
	height: 250px;
	width: 90%;
	/* width: 50%; */
	/* margin: 20px 15px; */
	background-color: #fff;
	z-index: 5;
	/* padding: 10px 15px; */
	/* margin-left: 70px; */
	border-radius: 12px;
	margin-top: 20px;
	color: #4d4d4d;
}

.timeline-titre {
	color: #003d6f;
}

.timeline-slide-container .separator {
	width: 30px;
	height: 1px;
	/* background-color: #CE9F01; */
	border: 1px solid #CE9F01;
	margin-bottom: 10px;
}

.timeline-image-container {
	/* height: 55px; */
	height: 105px;
	padding-left: 40px;
}


#agrandissement-img {
	max-width:200%;

}

#construction-img {
	max-width:200%;

}

.slide-double {
	float:left;
	width: 50%;
}


.slick-arrow {
	/* border: 2px solid #CE9F01; */
	display: inline-block;
	cursor:pointer;
	position: absolute;
	bottom: 0;
	font-size: 0;
	z-index: 999;
	outline: none !important;
}

.slick-arrow:before {
	border: 2px solid #CE9F01;
	transform:rotate(45deg);
	content:"";
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

.slick-next {
	right:0;
	background-image: url(./images/right-arrow.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: left;
	background-color: #ffffff;
	top: 30%;
	top: 25.6%;
	transform:translateX(50%);
}
.slick-prev {
	left:0;
	background-image: url(./images/left-arrow.png);
	background-repeat: no-repeat;
	background-size: 30px;
	background-position: right;
	background-color: #ffffff;
	top: 25.6%;
	transform:translateX(-50%);
}


.timeline-wrapper:before {
	background-color: #ce9f01;
	left: 68px;
	right: 68px;
	height: 2px;
	content:"";
	position: absolute;
	top:33.4%;
}

@media(max-width:680px) {
	.timeline-wrapper:before {
		display: none;
	}
}


/* fix du clignotement */


.panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style {
	display:block;
}



.text-bold {
	font-weight: bold;
}

.texte-referencement {
	color: #000000;
	margin-top: -200px;
}

.breadcrumbs {
	text-transform: uppercase;
	margin-left: 0;
	padding-left: 0;
}
.breadcrumbs li {
	text-decoration: none;
	display: inline-block;
}

.breadcrumbs li a {
	text-decoration: none;
	color: #ffffff;
}


.bloc-outdoor {
	color: #000000;
}
.page-id-175 .onglet-container {
	margin-top: -100px;
}
 .mentions-legales{
	color: #000000 !important;
	margin-bottom: 30px;
}



.mentions-legales a, .content a {
	font-weight: bold;
	color: #003d6f;
	text-decoration: none;
}

.mentions-legales H1, .mentions-legales h2, .content h1, .content h2 {
	text-transform: uppercase;
    font-weight: 700;
    color: #003d6f;
    display: block;
    position: relative;
	margin-bottom: 50px;
	display: inline-block;

}

.mentions-legales H1:after, .mentions-legales h2:after, .content h1:after, .content h2:after {
	position: absolute;
	bottom: -15px;
	left: 0px;
	right:0px;
	
	content: "";
	background-color: #ce9f01;
	height: 4px;
	
}



@media(max-width:1565px) {
	.bloc-domaine .texte-domaine span {
		display: inline;
		line-height: 25px;
	}
}

#rgpd {
	color:#000000;
}

#rgpd .titre-section {
	text-align:left;
    margin-bottom: 20px;
    font-size: 26px;
}
#rgpd .titre-section:after {
	display:none;
}

#rgpd .titre-contact {
	text-align:left;
}
#rgpd a {
	color:#000000;
	text-decoration:underline;
}
.grecaptcha-badge {
	display:none;
}

.error404 {
	color:#000;
	font-size:18px;
}

footer .contact-footer {
	color:#fff;
	font-size:14px;
}
.error404 .logo {
	z-index:99999 !important;
}
.sow-slider-image-wrapper {
	display:flex !important;
	align-items:center;
	justify-content:center;
}



.container-image-secteur .legende {
	color: #003d6f;
	float:right;
	font-size:13px;
}


.wpcf7-acceptance input{
	margin-bottom: 10px !important;
}