/* Header Page */

.block-header-page{
	width: 1146px;
	min-height: 605px;
	margin: 0 auto;
	background-blend-mode: normal, hard-light, normal;
	border-radius: 20px;
	position: relative;
	background-repeat: no-repeat;
    background-size: cover;
	padding: 0px 0px 120px 0px;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.page-template-tpl-domaines-bas .block-header-page{
	padding: 97px 0px 169px 150px;
	justify-content: unset;
    align-items: unset;
}

.page-template-tpl-industrie-bas .block-header-page{
	padding: 108px 0px 165px 150px;
	justify-content: unset;
    align-items: unset;
}
.page-template-tpl-industrie-levell3 .block-header-page{
	    padding: 249px 451px 116px 150px;
		align-items: flex-start;
	
}
.block-header-page-top{
	width: 860px;
	gap: 22px;
    display: flex
;
    flex-direction: column;
	
}
.page-template-tpl-industrie-levell3 .block-header-page-top{
	    width: 545px;
	
}
.page-template-tpl-industrie-bas  .block-header-page-top{
	width: 759px;
	display: flex;
    flex-direction: column;
    gap: 28px
}
.block-header-page:after{
	content: '';
	position: absolute;
	left: 0;
	top: 108px;
	bottom: -0.17%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 3.43%, rgba(0, 0, 0, 0.8) 84.21%);
	border-radius: 16px;
	width: 1146px;
	min-height: 498px;
}
.block-header-page h1{
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 55px;
	line-height: 70px;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: #FFFFFF;
	width: 677px;
	z-index: 1;
    position: relative;
}

.page-template-tpl-domaines-bas .block-header-page h1{
	line-height: 66px;
	letter-spacing: none;
	font-weight: 700;
	width: 496px;
	min-height: 160px;
}

.page-template-tpl-industrie-levell3 .block-header-page h1{
	width: 545px;
	min-height: 237px;
	font-weight: 700;
	font-size: 35px;
	line-height: 39px;
	text-transform: none;
	
}
.page-template-tpl-industrie-bas .block-header-page h1{
	font-size: 55px;
	font-weight: 700;
	line-height: 66px;
	text-transform: uppercase;
	width: 702px;
}
.block-header-page .block-header-page-description{
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 35px;
	line-height: 43px;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	width: 561px;
	z-index: 1;
    position: relative;
}
.page-template-tpl-domaines-bas .block-header-page .block-header-page-description{
	font-weight: 400;
	font-size: 50px;
	line-height: 45px;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	width: 632px;
}
.page-template-tpl-industrie-bas  .block-header-page .block-header-page-description{
	font-size: 50px;
	line-height: 45px;
	letter-spacing: -0.01em;
	font-weight: 400;
	width: 759px;
}
.block-header-page svg,
.block-header-page img{
	width: 93px;
	height: 84px;
	position: absolute;
	right: 48px;
	top: 27px;
	z-index: 1;
}
.header-overlay{
	width: 956px;
	height: 339px;
	background: #FFFFFF;
	box-shadow: 0px 325px 130px rgba(0, 0, 0, 0.01), 0px 183px 110px rgba(0, 0, 0, 0.05), 0px 81px 81px rgba(0, 0, 0, 0.09);
	border-radius: 37px;
	position: relative;
	position: relative;
    z-index: 9;
	margin: -120px auto 0;
	padding: 53px 70px 53px 98px;
	display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
	align-items: flex-start;
}

.page-template-tpl-activite-bas .header-overlay{
	padding: 53px 70px 33px 98px;
	gap: 13px;
}

.page-template-tpl-industrie-bas .header-overlay,
.page-template-tpl-domaines-bas .header-overlay{
	padding: 53px 70px 50px 98px;
}

.header-overlay.has-columns{
	width: 949px;
	height: 540px;
    background-color: #1B355E;
	box-shadow: 0px 325px 130px rgba(0, 0, 0, 0.01), 0px 183px 110px rgba(0, 0, 0, 0.05), 0px 81px 81px rgba(0, 0, 0, 0.09), 0px 20px 45px rgba(0, 0, 0, 0.1);
	border-radius: 37px;
	padding: 0;
}
.header-overlay-cols {
	
    display: flex
;
    overflow: hidden;
    border-radius: 37px;
}
.header-overlay-cols .header-overlay-col-1{
	width: 381px;
	height: 540px;
	background-blend-mode: hard-light, normal, normal;
	background-color: #1B355E;
	padding: 0px 0px 80px 76px;
	display: flex
;
    align-items: end;
	    position: relative;

}
.page-template-tpl-nos-metiers-level3 .header-overlay-cols .header-overlay-col-1{
	    align-items: flex-start;
		padding: 53px 44px 0px 70px;
}
.page-template-tpl-industrie-levell3 .header-overlay-cols .header-overlay-col-1 {
	padding: 0px 0px 0px 70px;
	align-items: center;
}

.header-overlay-cols .header-overlay-col-2{
	width: 568px;
	height: 540px;
	background: #FFF;
	    display: flex
;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	gap: 45px;
}

.page-template-tpl-about .header-overlay-cols .header-overlay-col-2{
	gap: 20px;
}

.header-overlay h2{
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 23px;
	color: #1B355E;
	position: relative;
	
	
}

.page-template-tpl-activite-bas .header-overlay h2{

    height: 36px;
    display: flex;
    align-items: center;
}

.header-overlay.has-columns h2{
	width: 284px;
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 49px;
	letter-spacing: -0.01em;
	text-transform: uppercase;
	color: #FFFFFF;
}

.page-template-tpl-industrie-bas  .header-overlay h2,
.page-template-tpl-domaines-bas .header-overlay h2{
	display: flex;
   
    height: 36px;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    gap: 10px;
    align-items: center;
}

.page-template-tpl-industrie-levell3 .header-overlay.has-columns h2,
.page-template-tpl-domaines-bas  .header-overlay.has-columns h2{
	line-height: 42px;
}
.page-template-tpl-nos-metiers-level3 .header-overlay h2 {
    display: flex
;
    gap: 76px;
    flex-direction: column;
}
.header-overlay h2:after,
.page-template-tpl-nos-metiers-level3 .header-overlay h2:before{
	content: '';
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2228%22%20viewBox%3D%220%200%2032%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.68%209.14H0V4.81H8.94L21.21%200H31.06V4.33H21.94L9.68%209.14Z%22%20fill%3D%22%23C81D17%22%2F%3E%3Cpath%20d%3D%22M9.68012%2018.5492H3.87012V14.2192H8.94012L21.2101%209.40918H27.1901V13.7392H21.9401L9.68012%2018.5492Z%22%20fill%3D%22%23C81D17%22%2F%3E%3Cpath%20d%3D%22M9.68%2027.9593H0V23.6293H8.94L21.21%2018.8193H31.06V23.1493H21.94L9.68%2027.9593Z%22%20fill%3D%22%23C81D17%22%2F%3E%3C%2Fsvg%3E');
	position: absolute;
	top: 50%;
	right: -36.06px;
	transform: translateY(-50%);
	width: 31.06px;
	height: 27.96px;
	background-repeat: no-repeat;
	background-size: 31.06px 27.96px;
}
.page-template-tpl-nos-metiers-level3 .header-overlay h2:before{
	    position: relative;
    top: auto;
    left: auto;
    right: auto;
    transform: none;
}
.page-template-tpl-industrie-bas .header-overlay h2:after,
.page-template-tpl-domaines-bas .header-overlay h2:after{
	position: relative;
	top: auto;
	right: auto;
	transform: none;
	display: block;
}
.page-template-tpl-industrie-levell3 .header-overlay.has-columns h2:after,
.page-template-tpl-nos-metiers-level3 .header-overlay h2:after,
body:not(.page-template-tpl-nos-metiers-level3) .header-overlay.has-columns h2:before{
	content: none;
}
.header-overlay-cols .header-overlay-col-1:before{
	content: '';
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2232%22%20height%3D%2228%22%20viewBox%3D%220%200%2032%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.68%209.14H0V4.81H8.94L21.21%200H31.06V4.33H21.94L9.68%209.14Z%22%20fill%3D%22%23C81D17%22%2F%3E%3Cpath%20d%3D%22M9.68012%2018.5492H3.87012V14.2192H8.94012L21.2101%209.40918H27.1901V13.7392H21.9401L9.68012%2018.5492Z%22%20fill%3D%22%23C81D17%22%2F%3E%3Cpath%20d%3D%22M9.68%2027.9593H0V23.6293H8.94L21.21%2018.8193H31.06V23.1493H21.94L9.68%2027.9593Z%22%20fill%3D%22%23C81D17%22%2F%3E%3C%2Fsvg%3E');
	position: absolute;
	top: 50%;
	right: -36.06px;
	transform: translateY(-50%);
	width: 31.06px;
	height: 27.96px;
	background-repeat: no-repeat;
	background-size: 31.06px 27.96px;
	position: absolute;
    left: 76px;
    top: 50px;
}


.page-template-tpl-about .header-overlay h2:after,
.page-template-tpl-nos-metiers-level3 .header-overlay-cols .header-overlay-col-1:before{
	content: none;
}

.header-overlay p{
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 28px;
	color: #1B355E;
	display: flex;
	width: 788px;
	/*min-height: 177px;*/
	flex-direction: column;
	justify-content: center;
	flex-shrink: 0;
}

.header-overlay p br{
	display: none;
}



.header-overlay.has-columns p{
	width: 454px;
	/*height: 174px;*/
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 27px;
	display: flex;
	align-items: center;
	color: #1B355E;
}

.page-template-tpl-activite-bas .header-overlay p{
	width: 788px;
	/*min-height: 204px;*/
}

.page-template-tpl-nos-metiers-level3  p{
	font-size: 17px;
	line-height: 30px;
}

.page-template-tpl-industrie-bas  .header-overlay p{
	font-size: 17px;
	line-height: 28px;
	display: flex;
	align-items: center;
	width: 788px;
	/*min-height: 177px;*/
}

.page-template-tpl-industrie-levell3 .header-overlay p{
	font-size: 17px;
	line-height: 30px;
	    height: auto;
}

.header-overlay p strong {
    display: contents;
	font-weight: 600;
}
.header-overlay.has-columns strong {
    display: contents;
	font-weight: 500;
}
.page-template-tpl-industrie-levell3 .header-overlay.has-columns strong {
	font-weight: 600;
}
.header-overlay.has-columns a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0px 23px 0px 50px;
	gap: 22px;
	background-color: #FFFFFF;
	border: 1px solid #909FB8;
	box-shadow: 0px 6px 16.3px rgba(27, 53, 94, 0.25);
	border-radius: 22px;
	font-family: "Exo 2", sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 51px;
	color: #1B355E;
	text-transform: capitalize;
	text-decoration: none;
	width: 244px;
	height: 60px;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21.6667%2015L17.5%2010M21.6667%2015L17.5%2020M21.6667%2015H8M28.5%2015C28.5%2022.4558%2022.4558%2028.5%2015%2028.5C7.54416%2028.5%201.5%2022.4558%201.5%2015C1.5%207.54416%207.54416%201.5%2015%201.5C22.4558%201.5%2028.5%207.54416%2028.5%2015Z%22%20stroke%3D%22%231B355E%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
    background-size: 27px;
    background-position: calc(100% - 23px) 50%;
}

.header-overlay.has-columns a:hover {
	background: #1B355E;
	color: #FFF;
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2230%22%20viewBox%3D%220%200%2029%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M21.1667%2015.3623L17%2010.3623M21.1667%2015.3623L17%2020.3623M21.1667%2015.3623H7.5M28%2015.3623C28%2022.8181%2021.9558%2028.8623%2014.5%2028.8623C7.04416%2028.8623%201%2022.8181%201%2015.3623C1%207.90646%207.04416%201.8623%2014.5%201.8623C21.9558%201.8623%2028%207.90646%2028%2015.3623Z%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-size: 27px;
    background-position: calc(100% - 23px) 50%;
	border: 1px solid #1B355E;
	
}

.page-template-tpl-domaines-bas p strong:first-child,
.page-template-tpl-domaines-bas p strong:last-child,
.page-template-tpl-nos-metiers-level3 .header-overlay.has-columns strong {
	font-weight: 600;
}

.page-template-tpl-nos-metiers-level3 .header-overlay-col-2 img{
	height: 154px;
	border-radius: 20px;
	width: 442px;
	    object-fit: cover;
}
.header-overlay.has-columns ul {
    width: 454px;
    padding-left: 20px;
}

