@font-face {
	font-family: 'Neotech';
	src:  url('../fonts/NeoTechStd-Bold.woff') format('woff');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: 'Neotech';
	src:  url('../fonts/NeoTechStd-Medium.woff') format('woff');
	font-weight: 500;
	font-display: swap;
}


/**
font-family: 'Poppins', sans-serif;
**/

:root {
	--demimargin: 1rem;
	--margin: 2rem;
	--doublemargin: 4rem;
	--or: #5A6F80 /*#3B4B56*//*=BLEU Charbon*/ /* #5A6F80;*//*=BLEU Grisé */ 	/*#b0b2bc;*/;
	--rouge: #D8004B;
	--texte: #484B52;
	--grisclair: #F0F0F0;
	--beige: #e1e6ea/*e5e8ec*/ /*f2f2f3*/;/*#F3EEE4;*/
}

html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  line-height: 1.4;
}
html, body {
  position: relative;
  font-family: 'Poppins', sans-serif;
  color: var(--texte);
  font-size: 16px;
  font-weight: 400;
}
body {
  overflow-x: hidden;
}
body * {
  box-sizing: border-box;
}
p, h1, h2, h3 {
  position: relative;
}
p {margin-top: 0;}

/**
 * Generic
 */
a {color: var(--rouge);text-decoration: none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;border: 0;}
button {transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.button {display: inline-block; line-height: 1; background: var(--or) url(../images/arrow.svg) no-repeat calc(100% - 2em) center; color: white; margin: 0 0 1em;padding: 1.25em 5em 1.25em 2em; border: 0; position: relative; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; font-weight: 700; font-size: 0.9em;}
.button:hover, .button:focus {background-color: var(--texte); color: white;}
a:hover, a:active, a:focus {text-decoration: none; color: var(--rouge);}
img {display: block;max-width: 100%; height: auto;}
.container, .container_inter, .breadcrumb {max-width: 1160px; margin: 0 auto; padding: 0 30px;}
.layout-sidebar-first {width: 20%; float: left;}
.layout-content {width: 100%; float: left;}
.has-sidebar-first .layout-content {width:80%;}
.has-sidebar-first.has-sidebar-second .layout-content {width:60%;}
h1, h2 {line-height: 1.1; font-weight: 700; margin: 30px 0 0; font-family: 'Neotech';}
h2 {font-size: 1.75rem; font-weight: 500; margin: 0 0 1.5rem;}
.field--type-text-long h2 {margin: 0 0 1.5rem;}

.slick-arrow {width: 24px; height: 24px; border: 0; background: none; overflow: hidden; text-indent: -9999px; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); z-index: 5; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.slick-arrow.slick-prev {border-top: 2px solid var(--rouge); border-left: 2px solid var(--rouge); left: 0.5em;}
.slick-arrow.slick-next {border-bottom: 2px solid var(--rouge); border-right: 2px solid var(--rouge); right: 0.5em;}
.slick-arrow:hover {border-color: #292929;}
.slick-arrow:focus, .slick-dots button:focus {outline:none;}
.slick-dots {margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0; left: 58%; display: none!important;}
.slick-dots li {float: left; margin: 0 0.25em;}
.slick-dots button {padding: 0; overflow: hidden; width: 15px; height: 2px; background: white; border: 0; opacity: 0.5; text-indent: -9999px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}
.slick-dots .slick-active button, .slick-dots button:hover {background: #F1404B; width: 25px;}
svg {display: inline-block; height: auto; max-width: 100%;}

/*Cookies*/
.cookiesjsr-banner {background: #333; justify-content: space-between; padding: 0.5em 1em 0.5em 0;}
.cookiesjsr-btn, .cookiesjsr-service-group.active .cookiesjsr-service-group--content {background: #333; text-align: left;}
.cookiesjsr-links.links--row li a:hover {color: var(--violet);}
.cookiesjsr-btn {min-height: 18px; width: auto; padding: 0.25em 1em;}
.cookiesjsr-banner--action {justify-content: flex-end; width: auto;}
.cookiesjsr-banner--info {width: auto; margin: 0;}
.cookiesjsr-banner--links {margin-top: 0;}

/*Header*/
.item-list li {margin: 0; padding: 0;}
.region-top-large {min-height: 45vh; background: black; position: relative; max-height: 100vh;}
.view-entete img, .view-entete video {width: 100vw; object-fit: cover; height: 100vh;}
.view-entete .field--name-field-media-image, .view-entete .field--name-field-media-video-file {position: relative;}
.view-entete .field--name-field-media-image:after, .view-entete .field--name-field-media-video-file:after {content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(34, 40, 49, 0.5);}
header {position: fixed; left: 0; top: 0; width: 100%; color: white; border-bottom: 0.1rem solid white; z-index: 200; transition: all 0.25s ease-in-out;}
.user-logged-in header {top: 80px;}
header svg {transition: all 0.25s ease-in-out;}
body:not(.sticky) header svg {fill: white;}
body:not(.sticky) header svg * {fill: inherit!important;}
header > .container {display: flex; flex-wrap: wrap; justify-content: space-between;}
header ul.menu {display: flex; flex-wrap: wrap; margin: 0;}
header ul.menu a {font-weight: 600; color: white; display: block; padding: 1.55rem 1rem; font-size: 0.875rem; position: relative; height: 70px; }
header ul.menu a:after {content:""; width: 0.1rem; height: 1rem; background: white; position: absolute; right: 100%; top: 50%; transform: translate(50%, -50%);}
header ul.menu a.is-active, .sticky header ul.menu a.is-active {background-color: var(--rouge); color: white;}

header ul.menu a.is-active:hover, .sticky header ul.menu a.is-active:hover {color: inherit;}
.logo_wrapper {padding: 0.75rem 0 0; max-width: 146px;}
header .menu-item {padding: 0;}



.sticky header {background: white; -webkit-box-shadow: 0px 3px 12px 3px rgba(0,0,0,0.16); box-shadow: 0px 3px 12px 3px rgba(0,0,0,0.16); border: 0;}
.sticky header svg {fill: var(--texte);}


body:not(.path-frontpage) .element-top {margin-bottom: var(--margin);}

/*Slider*/
.field--name-field-texte-principal, .entete-abs {position: absolute; left: 15%; top: 46%; transform: translateY(-50%); max-width: 450px; color: white;}
.field--name-field-texte-secondaire {position: absolute; bottom: 18%; color: white; left: 58%; max-width: 400px;}

.slick-slide {position: relative;}
.navbar {position: absolute; left: 58%; bottom: 12%; max-width: 400px; width: 100%; display: flex;}
.path-frontpage .navbar {display: flex !important;}
.number-content {width: 82px; color: white; font-weight: 700;}
.bar-content {width: calc(100% - 82px); background: white; height: 2px; position: absolute; left: 82px; top: calc(50% - 1px);}
.percent-slide {position: absolute; left: 0; top: 0; height: 100%; width: 33%; background: var(--rouge); transition: all 0.35s ease-in-out;}
.btn-dore .percent-slide {background: var(--or);}
.button-nav {margin: 0; padding: 0; list-style: none; position: absolute; width: 100%; display: flex; height: 20px; left: 0; top: 50%; transform: translateY(-50%);}
.button-nav li {cursor: pointer;}
.current-nbr {color: var(--rouge);}
.btn-dore .current-nbr {color: var(--or);}
.to-bottom-wrapper {position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);}
.target-move {position: relative; top: calc(2rem - 50px);}
body:not(.path-frontpage) .target-move {top: -70px;}
.to-bottom-button {width: 30px; height: 30px; display: block; text-align: center; padding-top: 0.15rem;}
.to-bottom-button svg {fill: white; transition: all 0.25s ease-in-out;}
.to-bottom-button:hover svg {fill: var(--rouge);}
.region-top-large h1, .region-top-large h2 {font-size: 3.5rem; font-weight: bold; line-height: 1.5; margin-top: 0.25em;}

/*Entête*/
.entete-description {margin-top: 1rem; line-height: 1.7;}

/*Breadcrumb*/
#block-aerem-breadcrumbs {position: fixed; left: 0; top: 70px; width: 100%; transition: all 0.25s ease-in-out; z-index: 200;}
.user-logged-in #block-aerem-breadcrumbs {top: 132px;}
.sticky #block-aerem-breadcrumbs {background: rgba(0, 0, 0, 0.7);}
.sticky .breadcrumb ol li:last-child a, .sticky .breadcrumb ol li:last-child {color: white;}
.breadcrumb {color: white; font-size: 0.875rem; margin-top: 1rem; margin-bottom: 1rem;}
.breadcrumb li:before {content: " | "; color: white; margin: 0 0.25rem;}
.breadcrumb li a {color: white;}
.breadcrumb li a:hover {color: var(--rouge);}
.breadcrumb ol li:last-child a, .breadcrumb ol li:last-child {color: var(--rouge);}


/*Home*/
@keyframes defilement-rtl {
	0% {
		transform: translate3d(0,0,0);
	}
	100% {
		transform: translate3d(-280%,0,0);
	}
}
.path-frontpage .main-wrapper > .container {max-width: 2600px; padding: 0;}
.views-field-field-bandeau-d-alerte {position: absolute; top: 90px; background: white url(../images/infos.svg) no-repeat 1rem center; left: 50%; transform: translateX(-50%); padding: 0.5rem 2rem 0.5rem 3.5rem; max-width: 500px;}
.views-field-field-bandeau-d-alerte p {margin-bottom: 0; animation: defilement-rtl 14s infinite linear; white-space: nowrap; padding-left: 100%;}
.views-field-field-bandeau-d-alerte .field-content {overflow: hidden; width: 100%;}




/*Paragraph accueil 1*/
.paragraph--type--bloc-accueil1 {background: var(--grisclair); padding: var(--margin) 0 var(--demimargin); position: relative;}
.paragraph--type--bloc-accueil1 .container_inter {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 2rem;}
.right_home_1 {width: calc(100% - 352px); padding-left: 30px; max-width: 474px; display: flex; justify-content: center; flex-direction: column;}
.field--name-field-sur-titre {font-weight: 600; font-size: 0.875rem; color: var(--or);}
.paragraph--type--bloc-accueil1 h2 {margin: 0 0 0.75em;}
.paragraph--type--bloc-accueil1 .button {margin-top: 1.5rem;}

/*Paragraph accueil 2*/
.paragraph--type--bloc-accueil2 {max-width: 720px; margin: -8rem auto var(--demimargin); background: white; position: relative; text-align: center; padding: 2rem;}
.paragraph--type--bloc-accueil2 .field--name-field-sur-titre {color: var(--rouge);}
.paragraph--type--bloc-accueil2 h2 {margin: 0 0 1.5rem;}
.paragraph--type--bloc-image-lien a {display: inline-block; position: relative;}
.paragraph--type--bloc-image-lien a img {width: 100%;}
.paragraph--type--bloc-image-lien a:after {content:""; width: 48px; height: 48px; position: absolute; bottom: 0; right: 0; background: var(--rouge) url(../images/arrow.svg) no-repeat center;}
.page-node-type-page-interne .paragraph--type--bloc-image-lien a:after {background-color: var(--or);}
.titre-image-lien {position: absolute; width: calc(100% - 48px); bottom: 0; left: 0; padding: 0.5rem; color: white; font-weight: 500; font-size: 1.375rem; text-align: left;}
.paragraph--type--bloc-image-lien {position: relative;}
.paragraph--type--bloc-accueil2 .field--name-field-blocs-image-lien {display: flex; justify-content: space-between; flex-wrap: wrap;}
.paragraph--type--bloc-accueil2 .field--name-field-blocs-image-lien > div {padding: 0 0.75rem; flex: 1 1 250px;}
.paragraph--type--bloc-accueil2 .field--name-field-media-image {position: relative;}
.paragraph--type--bloc-accueil2 .field--name-field-media-image:after {content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(34, 40, 49, 0.25); transition: all 0.25s ease-in-out;}
.paragraph--type--bloc-accueil2 a:hover .field--name-field-media-image:after {background: rgba(34, 40, 49, 0.1);}


/*Paragraph blocs image lien*/
.paragraph--type--bloc-images-lien {background: var(--grisclair); margin-bottom: var(--margin);}
.page-node-type-page-interne .paragraph--type--bloc-images-lien {padding: 3rem 0;}
.paragraph--type--bloc-images-lien h2 {margin: 0 0 1.5rem;}
.paragraph--type--bloc-images-lien .field--name-field-sur-titre {color: var(--or);}
.field--name-field-blocs {display: flex; flex-wrap: wrap; margin: 0 -0.75rem;}
.field--name-field-blocs > div {width: 25%; padding: 0 0.75rem;}
.paragraph--type--bloc-images-lien .field--name-field-media-image:after {content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(34, 40, 49, 0.25); transition: all 0.25s ease-in-out;}
.paragraph--type--bloc-images-lien a:hover .field--name-field-media-image:after {background: rgba(34, 40, 49, 0.1);}
.path-frontpage .paragraph--type--bloc-images-lien .container_inter {position: relative; top: 2.5rem;}

/*Accueil 3*/
.paragraph--type--bloc-accueil-3 .paragraph--type--bloc-images-lien {background: none; margin: var(--margin) 0; padding: var(--demimargin) 0;}
.paragraph--type--bloc-accueil-3 .paragraph--type--bloc-images-lien .field--name-field-media-image:after {display: none;}
.paragraph--type--bloc-accueil-3 .paragraph--type--bloc-images-lien .field--name-field-media-image {background: #F7F7F7 url(../images/bg-bandes.svg) no-repeat 50% center; transition: all 0.25s ease-in-out;}
.paragraph--type--bloc-accueil-3 .paragraph--type--bloc-images-lien a:hover .field--name-field-media-image {background-color: rgba(34, 40, 49, 0.25);}
.paragraph--type--bloc-accueil-3 .titre-image-lien {bottom: inherit; top: 0; font-weight: 400; padding: 1rem; color: var(--texte);}
.paragraph--type--bloc-accueil-3 .paragraph--type--bloc-image-lien a:after {bottom: inherit; top: 0; background: url(../images/arrow-red.svg) no-repeat center;}
.paragraph--type--bloc-accueil-3 .paragraph--type--bloc-images-lien .field--name-field-sur-titre {color: var(--rouge);}

/*footer*/
footer {display: inline-block; width: 100%; background: var(--grisclair); margin-top: 6rem; padding-bottom: 2rem; position: relative;}
.region-footer {display: flex; flex-wrap: wrap; justify-content: space-between;}
#block-footer1 {width: 100%; text-align: center;}
#block-footer1 .field--name-body {display: inline-block; text-align: left; margin: -6rem 0 var(--margin); position:relative;}
.footer-abs {position: absolute; top: 50%; color: white; left: 10%; transform: translateY(-50%);}
#block-footer2logo {width: 100%; text-align: center;}
#block-footer2logo .field--name-body {display: inline-block; margin-bottom: var(--margin);}
.footer-slogan {font-size: 1.75rem; font-weight: 500; max-width: 230px; font-family: 'Neotech';}
.footer_big {font-size: 1.75rem; font-weight: 500; margin-bottom: 0.5rem; font-family: 'Neotech';}
.footer-3-1 {max-width: 500px; margin-bottom: 3rem;}
#block-pieddepage .menu a {font-weight: 600; color: var(--or); margin-bottom: 1.2rem; display: block;}
.footer-social a {display: inline-block; margin-right: 1.5rem;} 
.footer-social a svg {fill: var(--or); transition: all 0.25s ease-in-out;}
.footer-social a:hover svg {fill: var(--texte);}

/*Paragraph illustre*/
.paragraph-illustre-content {display: flex; flex-wrap: wrap;}
.right-img.paragraph-illustre-content {flex-direction: row-reverse;}
.paragraph-illustre_image {width: 29%;}
.paragraph-illustre_texte {width: 71%; padding-left: 4rem;}
.right-img .paragraph-illustre_texte {padding: 0 4rem 0 0;}
.field--name-field-icone {background: var(--rouge); width: 40px; height: 40px; padding: 0.5rem;}
.field--name-field-bloc-icone {display: flex; flex-wrap: wrap;}
.field--name-field-bloc-icone > div {width: 50%; padding-right: 1rem; margin-bottom: 1rem;}
.paragraph--type--bloc-icone {display: flex; flex-wrap: wrap;}
.left_ico {width: 40px;}
.right_ico {width: calc(100% - 40px); padding-left: 1rem;}
.paragraph--type--texte-libre {margin-bottom: 1rem;}
.paragraph--type--paragraphe-illustre {margin-bottom: var(--margin); line-height: 1.8;}
.field--type-text-long h3 {margin: 0 0 1rem; font-size: 1.375rem; font-weight: 500; line-height: 1.4;}
.field--name-field-titre-du-bloc {font-size: 1.375rem; font-weight: 500; color: var(--rouge); line-height: 1.4;}
.paragraph-illustre_texte .container_inter {padding: 0;}
.paragraph-illustre-wrapper:not(.margin-1) {margin-bottom: var(--margin);} 
.btn-rouge .button {background-color: var(--rouge);}
.btn-rouge .button:hover {background-color: var(--texte);}
.field--type-text-long h3 strong {font-size: 3rem; position: relative; line-height: 1; top: 0.75rem;}

/*Page interne*/
.page-node-type-page-interne .main-wrapper > .container {max-width: 2600px; padding: 0;}
.page-node-4 .contenu_interne > div.bg-gris:last-child:not(.margin-1) {padding-bottom: 8rem; margin-bottom: 0;}
.page-node-4 footer {margin-top: 2rem;}

/*Paragraph carousel d'images*/
.field--name-field-images > div {margin: 1rem;}
.paragraph--type--carousel-d-images .navbar {position: relative; left: 0; bottom: 0; max-width: 100%; margin: 1rem 0 0;}
.number-content {color: #B0B2B4;}
.bar-content {background: #B0B2B4;}
.carousel-wrapper:not(.margin-1) {margin-bottom: var(--margin);}
.image-carousel {margin-right: -1rem;}
.field--name-field-titre-du-carousel {font-weight: 600; font-size: 0.875rem; margin-bottom: 1.5rem;}
.btn-rouge .field--name-field-titre-du-carousel {color: var(--rouge);}
.btn-dore .field--name-field-titre-du-carousel {color: var(--or);}
.bg-illustre {background: var(--beige); padding: 2rem 0;}
.bg-illustre-1 {background: var(--beige) url(../images/usinage.svg) no-repeat left bottom; background-size: 100%; padding: 2rem 0;}
.bg-illustre-2 {background: var(--beige) url(../images/chaudronnerie.svg) no-repeat left bottom; background-size: 100%; padding: 2rem 0;}
.bg-illustre-3 {background: var(--beige) url(../images/montage.svg) no-repeat left bottom; background-size: 100%; padding: 2rem 0;}
.bg-illustre-4 {background: var(--beige) url(../images/controle.svg) no-repeat left bottom; background-size: 100%; padding: 2rem 0;}
.paragraph--type--carousel-d-images {height: 258px;}  
.carousel-wrapper.bg-illustre:not(.margin-1) {margin-bottom: 2rem;}
.field--name-field-texte-au-dessus-du-carouse .container_inter {padding: 0;}

/*Paragraph texte en colonne*/
.bg-gris {background: var(--grisclair); padding: 3rem 0;}
.field--name-field-colonne {display: flex; flex-wrap: wrap; margin: 0 -2rem;}
.field--name-field-colonne > div {padding: 0 2rem;}
.col-1323 .field--name-field-colonne > div:nth-child(odd), .col-2313 .field--name-field-colonne > div:nth-child(even) {width: 33.33333%;}
.col-1323 .field--name-field-colonne > div:nth-child(even), .col-2313 .field--name-field-colonne > div:nth-child(odd) {width: 66.66666%;}
.col-50-50 .field--name-field-colonne > div {flex: 1 1 300px;}
.col-173737 .field--name-field-colonne > div:nth-child(3n+1) {width: 20%;}
.col-173737 .field--name-field-colonne > div:nth-child(3n+2) {width: 40%;}
.col-173737 .field--name-field-colonne > div:nth-child(3n+3) {width: 40%;}
.texte-colonne-wrapper .field--name-field-titre {font-size: 1.75rem; font-weight: 500; margin-bottom: 1.5rem;}
.field--name-field-colonne ul {padding: 0; list-style: none;}
.field--name-field-colonne ul li {padding: 0.5rem 1rem 0.5rem 2.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid var(--or); position: relative;}
.field--name-field-colonne ol {padding-left: 1rem;}
.field--name-field-colonne ol li {padding: 0 1rem 0.5rem 1rem; margin-bottom: 0.5rem; position: relative;}
.field--name-field-colonne ol li:before {content: ""; width: calc(100% + 1.5rem); position: absolute; bottom: 0; right: 0; height: 1px; background: var(--or);}
.field--name-field-colonne ol li::marker {font-size: 1.375rem; font-weight: 500; margin-right: 1rem; color: var(--or);}
.btn-rouge .field--name-field-colonne ol li:before {background: var(--rouge);}
.btn-rouge .field--name-field-colonne ol li::marker {color: var(--rouge);}
.btn-rouge .field--name-field-colonne ul li {border-color: var(--rouge);}
.field--name-field-colonne ul li:before {width: 24px; height: 24px; content:""; position: absolute; left: 0; top: 7px; background: url(../images/liste-or.svg) no-repeat center; background-size: 100%;}
.btn-rouge .field--name-field-colonne ul li:before {background: url(../images/liste-rouge.svg) no-repeat center;}
.btn-rouge .field--name-field-sur-titre {color: var(--rouge);}
.wrapper-field-texte-libre:not(.margin-1) {margin-bottom: var(--margin);}
.margin-1.bg-gris + .margin-1.bg-gris {padding: 0; display: inline-block; width: 100%;}
.texte-colonne-wrapper:not(.margin-1) {margin-bottom: var(--margin);}

/*Paragraph logo défilant*/
.paragraph--type--logos-defilants {max-width: 1250px; margin: 0 auto var(--margin); padding: 0 15px;}
.paragraph--type--logo {margin: 0 1rem; height: 122px; display: flex; justify-content: center; flex-direction: column;}
.field--name-field-logos {position: relative; pointer-events: none;}

 
/*Parallax*/
.parallax-wrapper {min-height: 400px;}
.parallax-wrapper:not(.margin-1) {margin-bottom: var(--margin);}
.field--name-field-image-parallax {display: none;}

/*Paragraph image large*/
.paragraph-image-large:not(.margin-1) {margin-bottom: var(--margin);}
.paragraph-image-large img {width: 100%;}


/*Contact*/
.contact_left h2, .contact_right h2 {margin: -1rem 0 0.25rem;}
.contact_left a {color: inherit;}
.page-node-type-contact .main-wrapper > .container {max-width: 2600px; padding: 0;}
.contact_wrapper {display: flex; flex-wrap: wrap;}
.contact_left {width: 260px; line-height: 1.2;}
.contact_right {width: calc(100% - 260px);}
.webform-submission-form {display: flex; flex-wrap: wrap; margin: 0 -0.75rem; position: relative; margin-bottom: 2rem;}
.webform-submission-form > div {width: 50%; padding: 0 0.75rem;}
.webform-submission-form input:not([type="submit"]), .webform-submission-form textarea {width: 100%; border: 1px solid #484B52; padding: 0.75rem; background: #F7F7F7;}
#edit-markup {position: absolute; top: 100%; left: 0.75rem; color: var(--rouge); font-size: 0.875rem; margin-top: 0;}
.webform-submission-form textarea {height: calc(100% - 2.3rem);}
.form-textarea-wrapper {height: 98%;}
.form-item-message {height: calc(100% - 6.2rem);}
.webform-submission-form label {font-weight: 500; font-size: 0.875rem;}
.webform-submission-form #edit-actions-submit {background: var(--rouge) url(../images/checkmark.svg) no-repeat calc(50% + 2.5em) center; width: 100%; padding: 1.25em 2em 1.25em 1em;}
.webform-submission-form #edit-actions-submit:hover {background-color: var(--texte);}
.field--name-field-carte {margin-bottom: 2rem;}

a[name="spatial"], a[name="aeronautique"], a[name="ferroviaire"], a[name="defense"] {position: relative; top: -120px;}
a[name="chaudronnerie"], a[name="usinage"], a[name="montage"], a[name="controle"] {position: relative; top: -120px;}
.field--name-field-formulaire {margin-bottom: 4rem;}
.btn-deplier {display: none;}
video {display: block; max-width: 100%; height: auto;}

@media screen and (min-width: 850px) {
	:root {
	--demimargin: 2rem;
	--margin: 4rem;
	--doublemargin: 8rem;
	}
	.paragraph--type--bloc-accueil1:before {content:""; background: url(../images/bg-boulon.svg) no-repeat top left; position: absolute; left: 0; top: 100%; width: 18%; transform: translate(-40%, -10rem); max-width: 330px; background-size: 100%; height: 500px;}
	.paragraph--type--bloc-accueil1:after {content:""; background: url(../images/bg-logo.svg) no-repeat bottom right; position: absolute; right: -5%; bottom: 0; width: 56%; background-size: 100%; height: 100%; max-width: 832px; min-width: 650px;}
	.path-frontpage .field--name-field-contenu .paragraph--type--bloc-images-lien {position: relative;}
	.path-frontpage .field--name-field-contenu > div:last-child .paragraph--type--bloc-images-lien:after {content:""; background: url(../images/bg-big-boulon.svg) no-repeat top right; position: absolute; right: 0; top: 0; width: 420px; background-size: 100%; height: 600px; transform: translate(66%, -37%);}
	.path-frontpage .field--name-field-contenu > div:nth-child(3) {position: relative;}
	.path-frontpage .field--name-field-contenu > div:nth-child(3):before {content:""; background: url(../images/bg-boulon.svg) no-repeat top left; position: absolute; right: 0; top: 0; width: 380px; transform: translate(50%, -66%); background-size: 100%; height: 437px;}
	.path-frontpage .field--name-field-contenu > div:nth-child(3) .paragraph--type--bloc-images-lien:after {content:""; background: url(../images/bg-boulon.svg) no-repeat top left; position: absolute; left: 0; top: 0; width: 280px; transform: translate(-50%, 42%) rotate(90deg); background-size: 100%; height: 330px;}
	.path-frontpage main {display: inline-block; position: relative; width: 100%;}
	.path-frontpage main:after {content:""; background: url(../images/bg-boulon.svg) no-repeat top left; position: absolute; left: 0; bottom: 0; width: 354px; transform: translate(-50%, 69%) rotate(90deg); background-size: 100%; height: 408px;}
	.menu-link {display: none;}
	header ul.menu li:last-child a:after, header ul.menu li:first-child a:after {display: none;}
	header ul.menu li:last-child a {width: 52px; overflow: hidden; text-indent: -99999px; background: var(--rouge) url(../images/contact.svg) no-repeat center; margin-left: 2rem;}
	.sticky header ul.menu a {color: var(--texte);}
	.sticky header ul.menu a:after {background: var(--texte);}
	.field--name-field-logos:before {content:""; width: 60px; height: 100%; z-index: 2;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	backdrop-filter: blur(4px); position: absolute; left: 0; top: 0; border-right: 1px solid #B0B2B4;}
	.field--name-field-logos:after {content:""; width: 60px; height: 100%; z-index: 2;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	backdrop-filter: blur(4px); position: absolute; right: 0; top: 0; border-left: 1px solid #B0B2B4;}	
	.sticky header ul.menu a:hover {color: var(--rouge)!important;}
	.sticky header ul.menu a.is-active:hover {color: inherit!important;}
}	

@media screen and (max-width: 850px) {
	header {height: 70px;}
	.icon-men {width: 70px; height: 70px; position: relative; display: inline-block;}
	.icon-men span {position: absolute; left: 25%; top: 50%; transform: translateY(-5px); display: inline-block; background: white; width: 50%; height: 0.1rem; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; transform-origin: left; opacity: 1;}
	.icon-men span:nth-child(2) {transform: translateY(5px);}
	.menu-open .icon-men span, .menu-open .icon-men span:nth-child(2) {transform: translateY(0);}
	a.menu-link {display: inline-block; color: white; background: var(--rouge); height: 68px; margin-right: 1rem;}
	#block-aerem-main-menu {position: fixed; left: -101%; top: 70px; background: #222831; width: 100%; height: calc(100vh - 70px); transition: all 0.25s ease-in-out; padding-top: 2rem;}
	.menu-open #block-aerem-main-menu {left: 0;}
	.menu-open:not(.sticky) header {background: #222831}
	header ul.menu {display: block;}
	header ul.menu a {padding: 1rem 8rem 1rem 2rem; height: auto;}
	header ul.menu a:after {width: 16px; height: 14px; background: url(../images/arrow-right-white.svg) no-repeat center; background-size: 100%; right: 2rem; top: 50%; transform: translateY(-50%);}
	header ul.menu li:nth-child(-n+4) a {font-weight: 700; font-size: 2.5rem;}
	header ul.menu li:nth-child(5) a:before {content:""; width: calc(100% - 4rem); height: 1px; left: 2rem; top: 0; background: white; position: absolute;}
	header ul.menu li:nth-child(5) a {padding-top: 2rem; margin-top: 0.5rem;}
	.field--name-field-texte-secondaire {left: 2rem; max-width: calc(100% - 4rem);}
	.path-frontpage .navbar {left: 2rem; max-width: calc(100% - 4rem);}
	.field--name-field-texte-principal, .entete-abs {left: 2rem;}
	.paragraph--type--bloc-accueil2 {margin-top: 0;}
	.paragraph--type--bloc-accueil1 {padding-bottom: 0;}
	.left_home_1 {max-width: 352px;}
	.field--name-field-blocs > div {width: 50%; margin-bottom: 1rem;}
	.slider .field--name-field-media-image {text-align: center;}
	.slider .field--name-field-media-image .field__item {margin: 0 1rem; display: inline-block;}
	.path-frontpage .view-entete .slider .field--name-field-media-image .field__item {margin: 0;}
	.paragraph--type--logos-defilants .field--name-field-media-image .field__item {margin: 0 1rem; max-width: 250px;}
	.paragraph-illustre_image {width: 100%;}
	.paragraph-illustre_image img {margin: 0 auto 1rem;}
	.right-img .paragraph-illustre_texte, .paragraph-illustre_texte {padding: 0; width: 100%;}
	.bg-illustre-4 {background: var(--beige) url(../images/controle.svg) no-repeat right top; background-size: 140%;}
}	

@media screen and (max-width: 650px) {
	.right_home_1 {display: none;}
	.paragraph--type--bloc-accueil1 .container_inter {margin-bottom: 0;}
	.left_home_1 .field--name-field-description p:last-child {margin-bottom: 0; text-align: right;}
	.left_home_1 .field--name-field-description p:last-child .button {margin-bottom: 0;}
	.path-frontpage .paragraph--type--bloc-accueil-3 .navbar {position: relative;}
	footer ul.menu {margin-left: 0;}
	footer ul.menu a {position: relative;}
	footer ul.menu a:after {content:""; width: 16px; height: 14px; background: url(../images/arrow-right-dore.svg) no-repeat center; background-size: 100%; right: 0; top: 50%; transform: translateY(-50%); position: absolute;}
	#block-pieddepage {width: 100%;}
	.bg-illustre-1 {background: var(--beige) url(../images/usinage.svg) no-repeat right top; background-size: 200%;}
	.bg-illustre-2 {background: var(--beige) url(../images/chaudronnerie.svg) no-repeat right top; background-size: 140%;}
	.bg-illustre-3 {background: var(--beige) url(../images/montage.svg) no-repeat top right; background-size: 125%;}
	.field--name-field-bloc-icone > div {width: 100%; padding-right: 0;}
	.col-1323 .field--name-field-colonne > div:nth-child(odd), .col-2313 .field--name-field-colonne > div:nth-child(even) {width: 100%;}
	.col-1323 .field--name-field-colonne > div:nth-child(even), .col-2313 .field--name-field-colonne > div:nth-child(odd) {width: 100%;}
	.col-173737 .field--name-field-colonne > div:nth-child(3n+1) {width: 100%; margin-bottom: 2rem;}
	.col-173737 .field--name-field-colonne > div:nth-child(3n+1) img {margin: 0 auto;}
	.col-173737 .field--name-field-colonne > div:nth-child(3n+2), .col-173737 .field--name-field-colonne > div:nth-child(3n+3) {width: 100%;}
	.iso-3834 .field--name-field-media-image {position: relative; top: -2rem; text-align: center;}
	.iso-3834 .field--name-field-media-image img {display: inline-block;}
	.iso-9001 .media-wrapper {margin: 1rem 0; text-align: center;}
	.iso-9001 .media-wrapper img {display: inline-block;}
	.iso-en-15085-2 .field--name-field-media-image {text-align: center; position: relative; top: -2rem;}
	.iso-en-15085-2 .field--name-field-media-image img {display: inline-block;}	
	.cofrend .field--name-field-media-image {text-align: center;}
	.cofrend .field--name-field-media-image img {display: inline-block;}	
	.atex .field--name-field-media-image {text-align: center; margin-top: 2rem;}
	.atex .field--name-field-media-image img {display: inline-block;}
	#block-footer1 img {height: 180px; object-fit: cover;}
	#block-footer1 .field--name-body {margin: 0 -30px var(--margin);}
	footer {margin-top: 2rem;}
	.footer-3-1 {margin-bottom: 2rem;}	
	.path-frontpage .paragraph--type--bloc-images-lien .container_inter {top: 0; padding: 2rem 15px;}
	.field--name-field-blocs > div {width: 100%; text-align: center;}
	.paragraph--type--bloc-accueil-3 .paragraph--type--bloc-images-lien {margin: 0; padding: 0;}
	.contact_left, .contact_right {width: 100%; margin-bottom: 2rem;}
	.field--name-field-reseaux-sociaux {padding: 0 2rem;}
	.field--name-field-carte iframe {height: 250px;}
	.repli-1 {position: relative; margin-bottom: 4rem!important;}
	.repli-1 .paragraph-illustre_texte, .repli-1 .paragraph--type--carousel-d-images, .repli-1 .field--name-field-titre-du-carousel, .repli-1 .field--name-field-description-sous-le-carous, .repli-1 .paragraph--type--sur-titre {display: none;}
	.repli-1 .btn-deplier {display: inline-block; width: 52px; height: 52px; background: var(--rouge); position: absolute; left: 2rem; bottom: 0; transform: translateY(50%); text-align: center; padding-top: 14px;}
	.repli-1 > h2 {padding: 0 2rem;}
	.icon-plus {display: inline-block; width: 24px; height: 24px; transition: all 0.25s ease-in-out; transform: rotate(0);}
	.bloc-open .icon-plus {transform: rotate(45deg);}
}	

@media screen and (max-width: 510px) {
	.region-top-large h1, .region-top-large h2 {font-size: 2.8rem; line-height: 1.3;}
	.field--name-field-texte-principal, .entete-abs {top: 40%; max-width: calc(100% - 4rem);}
	.to-bottom-wrapper{bottom: 3rem;}	
	.parallax-wrapper {min-height: 200px;}
	.webform-submission-form > div {width: 100%;}
	.views-field-field-bandeau-d-alerte {max-width: calc(100% - 4rem);}
}