/*
orange : ec7405 charpente
rouge : e2001a menuiserie
jaune : f9b200 isolation
vert : 97be0d agencement
gris : #87888a pro
noir : #212529
*/


/* pensez à faire les classes de chaques couleurs

 Toutes les couleurs avec ! important
*/

.charpente {
	border-top: solid 4px #ec7405 !important;
}

.charpente:before {
	border-color: #ec7405 transparent transparent transparent !important;
}

.title-charpente {
	border-bottom: solid 4px #ec7405 !important;
}

.menuiserie {
	border-top: solid 4px #e2001a !important;
}

.menuiserie:before {
	border-color: #e2001a transparent transparent transparent !important;
}

.title-menuiserie {
	border-bottom: solid 4px #e2001a !important;
}

.isolation {
	border-top: solid 4px #f9b200 !important;
}

.isolation:before {
	border-color: #f9b200 transparent transparent transparent !important;
}

.title-isolation {
	border-bottom: solid 4px #f9b200 !important;
}

.agencement {
	border-top: solid 4px #97be0d !important;
}

.agencement:before {
	border-color: #97be0d transparent transparent transparent !important;
}

.title-agencement {
	border-bottom: solid 4px #97be0d !important;
}

.pro {
	border-top: solid 4px #87888a !important;
}

.pro:before {
	border-color: #87888a transparent transparent transparent !important;
}

.title-pro {
	border-bottom: solid 4px #87888a !important;
}


/* Général */
h1, h2, h3, h4, h5, h6, a, p {
	font-family: 'Oswald', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

a {
	color: #333333;
}

#breadcrumbs a:hover {
	color: #888888;
	text-decoration: none;
}

.warning {
	color: #e2001a;
}

.ad-titre {
	font-size: 1.75em;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 30px;
	padding-right: 30px;
	width: max-content;
}

.border-left-black {
	border-left: black solid 20px;
	margin-left: 100px;
	padding-left: 50px;
}

.border-title-rouge {
	border-bottom: solid 4px #e2001a;
}

.border-title-orange {
	border-bottom: solid 4px #ec7405;
}

.border-color {
	border-bottom: solid 4px #ec7405;
}

.border-title-jaune {
	border-bottom: solid 4px #f9b200;
}

.border-title-vert {
	border-bottom: solid 4px #97be0d;
}

#breadcrumbs {
	text-transform: uppercase;
	font-size: 0.85em;
}

body.page-template-fwp-home h1.entry-title {
	display: none;
}


/******** HEADER ********/
button.navbar-toggler {
	background-color: rgba(255,255,255,.5) !important;
	border-color: #ec7405 !important;
}
.bg-agentec {
	background-color: #000000;
}

nav img.img-fluid {
	max-width: 150px;
}

ul#main-menu a.nav-link {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 1em;
	/*margin: 0 10px;*/
	border-bottom: 2px solid #000000;
}

ul#main-menu a.nav-link:hover {
	color: #888888;
	transition-duration: 0.4s;
}

ul#main-menu a.nav-link:first-child {
	/*margin-left: 0;*/
}

nav.navbar .current-menu-item a:before {
	background: url("../img/picto-nav.png") no-repeat center center;
	color: transparent;
	content: "----";
	margin-right: 5px;
	font-size: 1em !important;
}

nav.navbar ul#main-menu li:before {
	color: transparent;
	content: "----";
	margin-right: 5px;
	font-size: 1em !important;
}

nav.navbar ul#main-menu li:hover,
nav.navbar ul#main-menu li.active {
	border-bottom: #ec7405 solid 2px;
	transition-duration: 0.7s;
}

nav.navbar ul#main-menu li {
	border-bottom: #000000 solid 2px;
}

.dropdown-item.active, .dropdown-item:active {
	background-color: transparent;
}

.dropdown-menu {
	border: none;
	background-color: rgb(255, 255, 255, 0.75);
	border-radius: 0;
}

.dropdown-toggle:hover {
	display: block;
}


/******** HOME ********/
/* Menu tabs */
.nav-metiers .nav-item a {
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
}

.nav-metiers li {
	padding: 0;
}

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

.nav-tabs .nav-links-left {
	/* border-right: 4px solid #ec7405; */
}

.nav-tabs .nav-links-right {
	/* border-left: 4px solid #ec7405; */
}
.nav-tabs .nav-link:not(.active) {
	font-size: 1.5em;
	border-bottom: none;
}
.nav-tabs .nav-link.active {
	color: #212529;
	border-bottom: 4px solid #ec7405 !important;
	border-top: none;
	border-left: none;
	border-right: none;
}

.nav-tabs .nav-link {
	color: #8b8a8a;
	font-weight: 600;
	border-bottom: 4px solid #ec7405;
	border-radius: 0;
}

.nav-tabs .nav-link:hover {
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
	border-bottom: 4px solid #ec7405;
}

.nav-tabs .nav-link.active:hover {
	border-bottom: 4px solid #ec7405;
}

#zone-nav-metiers {
	margin-bottom: 50px;
}

.forme-img-metier {
	background-color: #e2001a;
	width: 245px;
	height: 180px;
	margin: 0 auto;
}


.forme-img-metier img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

.bloc-metier {
	padding: 0;
}

.bloc-titre-metier {
	width: 200px;
	background-color: #FFFFFF;
	padding: 15px;
	margin: 0 auto;
	bottom: 50px;
	-moz-box-shadow: 0px 0px 5px 5px #c0c0c0;
	-webkit-box-shadow: 0px 0px 5px 5px #c0c0c0;
	-o-box-shadow: 0px 0px 5px 5px #c0c0c0;
	box-shadow: 0px 0px 5px 5px #c0c0c0;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=5);
}

.bloc-titre-metier a:hover {
	text-decoration: none;
}

.bloc-titre-metier h3:hover {
	color: #8b8a8a;
}

.bloc-titre-metier h3 {
	font-size: 1.5em;
	font-weight: 700;
	color: #212529;
}
section.metier-droite .zone-metier-texte {
	/*margin-left: 50%;*/
}
.tab-pane {
	padding: 35px;
}


/* Contact */
form.wpcf-form p label {
	text-transform: uppercase;
}


/* Entreprise */
#entreprise {
	background: url("../img/entreprise-agentec-delahaie.jpg") no-repeat top left;
	height: auto;
	padding: 50px;
}

.entreprise-texte {
	background-color: #FFFFFF;
	padding: 35px;
}

.zone-entreprise-texte p {
	padding-left: 50px;
}

.zone-entreprise-texte p {
	font-size: 1em;
	line-height: 1.5em;
}


/******** METIER ********/

.nav-page-metiers ul li {
	display: inline-block;
}

.nav-page-metiers {
	margin-left: 100px;
	margin-bottom: 50px;
	max-width: max-content;
}

.nav-page-metiers ul li a {
	color: #333333;
}

.nav-page-metiers ul li a:hover {
	color: #888888;
	text-decoration: none;
}

li.menu-metier a {
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
}

/* triangle border */
.border-bottom-color:after,
.border-bottom-color:before {
	content: '';
	border-style: solid;
	position: absolute;
	display: inline-block;
	height: 0;
	width: 0;
}

/* this border color controlls the color of the triangle (what looks like the fill of the triangle) */
.border-bottom-color:after {
	position: relative;
	border-color: #ffffff transparent transparent transparent;
	border-width: 26px;
	left: 102px;
	top: -4px;
}

/* this border color controlls the outside, thin border */
.border-bottom-color:before {
	border-color: #ec7405 transparent transparent transparent;
	border-width: 28px;
	left: 100px;
}

/* fin triangle border */


.border-bottom-color {
	border-top: solid #ec7405 4px;
	position: relative;
}

.nav-page-metiers ul li:after {
	content: " | ";
	display: inline-block;
	margin: 0 15px;
}

.nav-page-metiers ul li:last-child:after {
	content: "";
	margin: 0;
}

.texte-intro {
	padding: 40px;
}

h1 {
	padding-top: 70px;
	font-weight: 600;
}

.zone-metier {
	height: 470px;
	margin-bottom: 80px;
}

.zone-metier-texte {
	padding: 0 35px 35px 35px;
	background-color: #FFFFFF;
	max-width: 470px;
	position: absolute;
	z-index: 999;
}
.metier-gauche .zone-img-metier,
.metier-droite .zone-img-metier {
	position: relative;
}
.metier-gauche .zone-img-metier img {
	position: absolute;
	top: 35px;
	right: 0;
	width: 100%;
	display: block;
	max-width: 700px;
	max-height: 435px;
	object-fit: cover;
}

.zone-metier-texte p {
	padding-left: 50px;
}

a.url-realisation {
	font-size: 1em;
	font-weight: 700;
	color: #333333;
	padding-left: 50px;
}

a.url-realisation:hover {
	color: #888888;
	text-decoration: none;
}

.metier-droite .zone-img-metier img {
	position: absolute;
	top: 35px;
	left: 0;
	width: 100%;
	display: block;
	max-width: 700px;
	max-height: 435px;
	object-fit: cover;
}


/******** REALISATIONS ********/
.vp-portfolio {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.vp-filter__style-default .vp-filter__item.vp-filter__item-active > * {
	color: #ec7405 !important;
	background-color: transparent !important;
	border: none !important;
}

.vp-filter__style-default .vp-filter__item:hover > * {
	color: #888888 !important;
}

.vp-filter__style-default .vp-filter__item > * {
	border: none !important;
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	padding: 0px !important;
}

.vp-filter__style-default .vp-filter__item > *:after {
	content: "|";
	font-size: 1em;
	font-weight: 500;
}


/******** RECRUTEMENT ********/
.annonce {
	margin-bottom: 150px;
}

.annonce h2 {
	font-size: 2.25em;
	text-transform: initial;
}

.annonce h3 {
	font-size: 1.25em;
	text-transform: initial;
	font-weight: 300;
	margin-bottom: 25px;
}

.annonce h4 {
	font-size: 1.25em;
}

.btn-postule {
	padding: 5px 10px;
	border: solid 1px #e2001a;
	border-radius: 4px;
	width: max-content;
	float: right;
}

.btn-postule a {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
}

.btn-postule a:hover {
	color: #8b8a8a;
	text-decoration: none;
}

.page-template-fullwidthpage form {
	margin: 25px 0 150px 0;
}


/******** MENTIONS - POLITIQUE **********/
.page-template-fullwidthpage h2,
.page-template-fullwidthpage h3 {
	text-transform: initial;
	font-size: 1.25em;
}


/******** FOOTER ********/
#contact .container {
	padding: 0 65px;
}

.plan {
	width: 100%;
}

#contact {
	/*position: relative;*/
	padding-top: 0;
	background: url("../img/map.jpg") top center no-repeat;
	background-size: cover;
	z-index: 1;
}


#wrapper-footer {
	background-color: #000000;
	padding-bottom: 10px;
}


.contact-texte {
	padding-left: 35px;
	padding-right: 35px;
	background-color: #FFFFFF;
}

.btn-outline-primary, .wpcf7 input[type=submit] {
	color: #212529;
	border-color: #e2001a;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}

.btn-outline-primary:hover, .wpcf7 input:hover[type=submit] {
	color: #8b8a8a;
	border-color: #e2001a;
	background-color: transparent;
}

#wrapper-logos {
	padding: 57px 0;
}

.footer-logo {
	max-width: 175px;
}

.footer-adresse {
	font-size: 0.85em;
	color: #FFFFFF;
	text-transform: uppercase;
}

.footer-adresse a:hover {
	color: #f9b200;
	text-decoration: none;
}

.footer-adresse a {
	color: #FFFFFF;
}

#wrapper-footer-full {
	background-color: transparent;
	padding: 0;
}

#footer-full-content .footer-widget h3 {
	display: none;
}

ul#menu-nav-footer-l1,
ul#menu-nav-footer-l2 {
	display: inline-flex;
	padding: 0;
	list-style-type: none;
	color: #FFFFFF;
	margin-bottom: 0.25em;
	font-size: 0.85em;
}

.footer-widget.widget_nav_menu {
	max-width: 100%;
	padding: 0;
}

#footer-full-content {
	text-align: right;
}
.footer-widget ul li:not(:first-child) {
	margin-left: 10px;
}
.footer-widget ul li a {
	color: #FFFFFF;
}

.copyright a:hover {
	color: #f9b200;
	text-decoration: none;
}

.copyright a {
	color: #FFFFFF;
	font-size: 0.75em;
	text-transform: uppercase;
}


/******** RESPONSIVE ********/
@media (max-width: 576px) {
	ul#menu-nav-footer-l1 {
		display: block;
		margin-left: 0;
	}
	footer .site-info .row {
		display: block;
	}
	footer .site-info .footer-logo {
		margin: 0 auto 15px auto;
	}
	footer .site-info #nav_menu-2 {
		margin-bottom: 15px;
	}
	.footer-widget ul#menu-nav-footer-l1 li {
	margin-left: 0 !important;
	}
	#home div.bloc-metier:first-child {
		margin-right: 0 !important;
	}
	#entreprise {
		padding: 25px;
	}
	.entreprise-texte {
		padding: 15px;
	}
	.zone-entreprise-texte p {
		padding-left: 0;
	}
	#contact .container {
		padding: 0;
	}
	#contact {
		background: none;
	}
	#wrapper-logos {
		padding-top: 0;
	}
}
@media (min-width: 577px) {
	.map-mobile {
		display: none;
	}
}

@media (max-width: 768px) {
	#navbarNavDropdown ul {
		margin-left: auto;
		margin-right: auto;
	}
	#home div.bloc-metier:first-child {
		margin-right: 15px;
	}

	.forme-img-metier {
		width: 225px;
	}
	.zone-metier-texte {
		max-width: 100%;
	}
	section.metier-droite .zone-metier-texte {
		margin-left: 0;
	}
	
	footer .site-info,
	#footer-full-content {
		text-align: center;
		text-align: -moz-center;
		text-align: -webkit-center;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	nav.navbar .container {
		display: block;
		text-align: center;
		text-align: -webkit-center;
		text-align: -moz-center;
	}
	nav.navbar ul#main-menu li:before {
		display: none;
	}
}
@media (min-width: 992px) {
	.navbar-expand-md .navbar-collapse {
		display: -webkit-box!important;
		display: -webkit-flex!important;
		display: -moz-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	.navbar-expand-md .navbar-toggler {
		/*display: none !important;*/
	}
}
@media (max-width: 991px) {
	.zone-metier-texte,
	.metier-droite .zone-img-metier,
	.metier-gauche .zone-img-metier,
	.metier-droite .zone-img-metier img,
	.metier-gauche .zone-img-metier img {
		position: inherit;
	}
	.zone-metier {
		height: max-content;
	}
	.zone-metier-texte {
	max-width: 100%;
	}
	section.metier-droite .zone-metier-texte {
		margin-left: 0;
	}

	.collapse:not(.show) {
		display: none;
	}
	
	.nav-page-metiers {
		margin-left: 0;
	}
	.texte-intro,
	.zone-metier-texte {
		padding-right: 0;
		padding-left: 0;
	}
	.zone-metier-texte p {
		padding-left: 0;
	}
	h1 {
		padding-top: 30px;
	}
}
/******** HEADER ********/
/******** HEADER ********/
/******** HEADER ********/
/******** HEADER ********/
/******** HEADER ********/