.container{width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.container-fluid{width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }
.row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 10px; padding-left: 10px; }
.col { flex: 1 0 0%; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; } 
.col-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; } 
.col-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-12 { flex: 0 0 auto; width: 100%; }
.offset-1 { margin-left: 8.33333333%; }
.offset-2 { margin-left: 16.66666667%; }
.offset-3 { margin-left: 25%; } 
.offset-4 { margin-left: 33.33333333%; } 
.offset-5 { margin-left: 41.66666667%; } 
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333333%; }
.offset-8 { margin-left: 66.66666667%; }
.offset-9 { margin-left: 75%; } 
.offset-10 { margin-left: 83.33333333%; }
.offset-11 { margin-left: 91.66666667%; }
.offset-12 { margin-left: 100%; }
@media (min-width: 576px){ .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-sm-3 { flex: 0 0 auto; width: 25%; } 
.col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-sm-6 { flex: 0 0 auto; width: 50%; }
.col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-sm-9 { flex: 0 0 auto; width: 75%; } 
.col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-sm-12 { flex: 0 0 auto; width: 100%; }
.offset-sm-1 { margin-left: 8.33333333%; }
.offset-sm-2 { margin-left: 16.66666667%; }
.offset-sm-3 { margin-left: 25%; } 
.offset-sm-4 { margin-left: 33.33333333%; } 
.offset-sm-5 { margin-left: 41.66666667%; } 
.offset-sm-6 { margin-left: 50%; }
.offset-sm-7 { margin-left: 58.33333333%; }
.offset-sm-8 { margin-left: 66.66666667%; }
.offset-sm-9 { margin-left: 75%; } 
.offset-sm-10 { margin-left: 83.33333333%; }
.offset-sm-11 { margin-left: 91.66666667%; }
.offset-sm-12 { margin-left: 100%; }
}
@media (min-width: 768px){ .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-md-3 { flex: 0 0 auto; width: 25%; } 
.col-md-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-md-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-md-6 { flex: 0 0 auto; width: 50%; }
.col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-md-9 { flex: 0 0 auto; width: 75%; } 
.col-md-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-md-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-md-12 { flex: 0 0 auto; width: 100%; }
.offset-md-1 { margin-left: 8.33333333%; }
.offset-md-2 { margin-left: 16.66666667%; }
.offset-md-3 { margin-left: 25%; } 
.offset-md-4 { margin-left: 33.33333333%; } 
.offset-md-5 { margin-left: 41.66666667%; } 
.offset-md-6 { margin-left: 50%; }
.offset-md-7 { margin-left: 58.33333333%; }
.offset-md-8 { margin-left: 66.66666667%; }
.offset-md-9 { margin-left: 75%; } 
.offset-md-10 { margin-left: 83.33333333%; }
.offset-md-11 { margin-left: 91.66666667%; }
.offset-md-12 { margin-left: 100%; }
}
@media (min-width: 992px){ .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-lg-3 { flex: 0 0 auto; width: 25%; } 
.col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-lg-9 { flex: 0 0 auto; width: 75%; } 
.col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-lg-12 { flex: 0 0 auto; width: 100%; }
.offset-lg-1 { margin-left: 8.33333333%; }
.offset-lg-2 { margin-left: 16.66666667%; }
.offset-lg-3 { margin-left: 25%; } 
.offset-lg-4 { margin-left: 33.33333333%; } 
.offset-lg-5 { margin-left: 41.66666667%; } 
.offset-lg-6 { margin-left: 50%; }
.offset-lg-7 { margin-left: 58.33333333%; }
.offset-lg-8 { margin-left: 66.66666667%; }
.offset-lg-9 { margin-left: 75%; } 
.offset-lg-10 { margin-left: 83.33333333%; }
.offset-lg-11 { margin-left: 91.66666667%; }
.offset-lg-12 { margin-left: 100%; }
}
@media (min-width: 1200px){ .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xl-3 { flex: 0 0 auto; width: 25%; } 
.col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-xl-6 { flex: 0 0 auto; width: 50%; }
.col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xl-9 { flex: 0 0 auto; width: 75%; } 
.col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-xl-12 { flex: 0 0 auto; width: 100%; }
.offset-xl-1 { margin-left: 8.33333333%; }
.offset-xl-2 { margin-left: 16.66666667%; }
.offset-xl-3 { margin-left: 25%; } 
.offset-xl-4 { margin-left: 33.33333333%; } 
.offset-xl-5 { margin-left: 41.66666667%; } 
.offset-xl-6 { margin-left: 50%; }
.offset-xl-7 { margin-left: 58.33333333%; }
.offset-xl-8 { margin-left: 66.66666667%; }
.offset-xl-9 { margin-left: 75%; } 
.offset-xl-10 { margin-left: 83.33333333%; }
.offset-xl-11 { margin-left: 91.66666667%; }
.offset-xl-12 { margin-left: 100%; }
}
@media (min-width: 1400px){ .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xxl-3 { flex: 0 0 auto; width: 25%; } 
.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-xxl-6 { flex: 0 0 auto; width: 50%; }
.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xxl-9 { flex: 0 0 auto; width: 75%; } 
.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-xxl-12 { flex: 0 0 auto; width: 100%; }
.offset-xxl-1 { margin-left: 8.33333333%; }
.offset-xxl-2 { margin-left: 16.66666667%; }
.offset-xxl-3 { margin-left: 25%; } 
.offset-xxl-4 { margin-left: 33.33333333%; } 
.offset-xxl-5 { margin-left: 41.66666667%; } 
.offset-xxl-6 { margin-left: 50%; }
.offset-xxl-7 { margin-left: 58.33333333%; }
.offset-xxl-8 { margin-left: 66.66666667%; }
.offset-xxl-9 { margin-left: 75%; } 
.offset-xxl-10 { margin-left: 83.33333333%; }
.offset-xxl-11 { margin-left: 91.66666667%; }
.offset-xxl-12 { margin-left: 100%; }
}@font-face {
font-family: "Genniro";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/genniro_light-webfont.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/genniro_light-webfont.woff) format("woff");
font-weight: 300;
font-style: normal;
} @font-face {
font-family: "Genniro";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/genniro-webfont.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/genniro-webfont.woff) format("woff");
font-weight: normal;
font-style: normal;
} @font-face {
font-family: "Hubot Sans Expanded";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansExpanded-Light.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansExpanded-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans Expanded";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansExpanded-Medium.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansExpanded-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans Expanded";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansExpanded-Bold.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansExpanded-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans Expanded";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansExpanded-Regular.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansExpanded-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans Expanded";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansExpanded-SemiBold.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansExpanded-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Hubot Sans SemiCondensed";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiCondensed-Bold.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiCondensed-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans SemiCondensed";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiCondensed-Light.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiCondensed-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans SemiCondensed";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiCondensed-Medium.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiCondensed-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans SemiCondensed";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiCondensed-Regular.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiCondensed-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans SemiCondensed";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiCondensed-SemiBold.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiCondensed-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Hubot Sans SemiExpanded";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiExpanded-Bold.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiExpanded-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans SemiExpanded";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiExpanded-Medium.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiExpanded-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans SemiExpanded";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiExpanded-Light.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiExpanded-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans SemiExpanded";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiExpanded-Regular.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiExpanded-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans SemiExpanded";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiExpanded-SemiBold.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSansSemiExpanded-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Hubot Sans";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSans-Bold.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSans-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSans-Light.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSans-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSans-Regular.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSans-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSans-Medium.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSans-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Hubot Sans";
src: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSans-SemiBold.woff2) format("woff2"),
url(//ecom.horizon-bleu.net/wp-content/themes/ecom/fonts/HubotSans-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}html{scroll-behavior: smooth;}
*{ font-family: "Hubot Sans"; font-size: 16px;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;position: relative;z-index: 4;}
svg path{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;} 
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;} :root {
--Color-Black: #000;
--Color-White: #fff;
--Color-DarkGrey: #3B3D44;
--Color-Grey: #858996;
--Color-LightGrey: #F5F4F2;
--Color-Brown: #8D3717;
--Color-Beige: #D9D9D9;
--Color-Orange: #FF724A;
--Color-Blue: #00339A;
--Color-LightBlue: #4DAEDD;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;}
.grecaptcha-badge { visibility: hidden !important; }  .btn-link{display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 60px;transition: .5s; background: transparent;border: 1px solid var(--Color-Red);padding: 16px 20px;color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
.btn-link svg path{fill: var(--Color-Red);}
.btn-link:hover{background: var(--Color-Red);color: var(--Color-White);}
.btn-link:hover svg path{fill: var(--Color-White);}
.btn-link.white{border: 1px solid var(--Color-White);color: var(--Color-White);}
.btn-link.white svg path{fill: var(--Color-White);}
.btn-link.white:hover{background: var(--Color-Grey);border-color: var(--Color-Grey);}
.btn-container{display: flex;gap: 5px;align-items: center;transition: .5s;}
.btn-container span:not(.plus){transition: .5s; height: 65px; display: flex;align-items: center;justify-content: center; border-radius: 10px; border: 1px solid var(--Color-White); background: var(--Color-DarkGrey);padding: 0 30px;color: var(--Color-White, #FFF); font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 16px;}
.btn-container .plus{transition: .5s;height: 65px;width: 65px; border-radius: 10px; border: 1px solid var(--Color-White); background: var(--Color-DarkGrey);display: flex;align-items: center;justify-content: center;}
.btn-container.transparent{background: transparent;}
.btn-container.transparent span:not(.plus){background: transparent;}
.btn-container.transparent .plus{background: transparent;}
.btn-container:hover svg{transform: rotate(90deg);}
.btn-container.blue:hover span{background: var(--Color-Blue);box-shadow: 0 0 30px 0 rgba(0, 51, 154, 0.50);}
.btn-container.blue:hover .plus{background: var(--Color-Blue);box-shadow: 0 0 30px 0 rgba(0, 51, 154, 0.50);}
.btn-container.orange:hover span{background: var(--Color-Orange);box-shadow: 0 0 30px 0 rgba(255, 113, 74, 0.50);}
.btn-container.orange:hover .plus{background: var(--Color-Orange);box-shadow: 0 0 30px 0 rgba(255, 113, 74, 0.50);} .bloc-text h1{color: var(--Color-DarkGrey); font-family: "Hubot Sans Expanded"; font-size: 45px; font-style: normal; font-weight: 500; line-height: 48px;margin-top: 0;margin-bottom: 30px;}
.bloc-text h1 span{color: var(--Color-Orange); font-family: "Hubot Sans Expanded"; font-size: 45px; font-style: normal; font-weight: 500; line-height: 48px;}
.bloc-text h1 strong{font-family: "Hubot Sans Expanded"; font-size: 45px; font-style: normal; font-weight: 700; line-height: 48px;}
.bloc-text h2{color: var(--Color-Blue); font-family: "Space Grotesk"; font-size: 35px; font-style: normal; font-weight: 700; line-height: 35px; text-transform: uppercase;margin-top: 0;margin-bottom: 25px;}
.bloc-text h2 span{color: var(--Color-Blue); font-family: "Space Grotesk"; font-size: 35px; font-style: normal; font-weight: 700; line-height: 35px; text-transform: uppercase;}
.bloc-text h2 strong{color: var(--Color-Blue); font-family: "Space Grotesk"; font-size: 48px; font-style: normal; font-weight: 700; line-height: 42px; text-transform: uppercase;}
.bloc-text h2 strong span{ font-family: "Space Grotesk"; font-size: 30px; font-style: normal; font-weight: 700; line-height: 40px; text-transform: uppercase;}
.bloc-text h3{color: var(--Color-DarkGrey); font-family: "Hubot Sans Expanded"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 32px;margin-top: 0;margin-bottom: 25px;}
.bloc-text h3 span{color: var(--Color-Orange); font-family: "Hubot Sans Expanded"; font-size: 30px; font-style: normal; font-weight: 500; line-height: 32px;}
.bloc-text h3 strong{font-family: "Hubot Sans Expanded"; font-size: 30px; font-style: normal; font-weight: 700; line-height: 32px;}
.bloc-text p{color: var(--Color-DarkGrey); font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px;}
.bloc-text li{color: var(--Color-DarkGrey); font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px;}
.bloc-text p:last-of-type{margin-bottom: 0;}
.bloc-text ul{    padding-left: 30px;} .bloc-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.bloc-media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;} .bloc-contact form{display: flex;flex-wrap: wrap;gap:25px;justify-content: center;}
.bloc-contact form p{width: 100%;display: flex;flex-direction: column;gap: 15px;margin: 0;height: 100%;}
.bloc-contact form p br{display: none;}
.bloc-contact form .half{width: calc(50% - 12.5px);}
.bloc-contact form .half p{margin: 0;}
.bloc-contact form input[type="text"], .bloc-contact form input[type="email"], .bloc-contact form input[type="tel"]{width: 100%;padding: 15px 20px;border-radius: 10px;background: var(--Color-LightGrey);outline: none;color: var(--Color-DarkGrey, #3B3D44);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none;}
.bloc-contact form select{width: 100%;padding: 15px 20px;border-radius: 10px;background: var(--Color-LightGrey);outline: none;color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none;}
.bloc-contact form textarea{width: 100%;padding: 15px 20px;border-radius: 10px;background: var(--Color-LightGrey);outline: none;color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;border: none; height: 170px;}
.bloc-contact form .wpcf7-response-output{margin: 0; width: 100%;padding: 10px 15px;border-radius: 0; background: transparent; outline: none; color: var(--Color-Black); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;} .bloc-contact form button.btn-container{margin-left: auto;margin-top: auto;cursor: pointer; display: flex;gap: 5px;align-items: center;transition: .5s;background: transparent;outline: none;border: none;padding: 0;}
.bloc-contact form span:not(.btn-container>*){color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form span.wpcf7-not-valid-tip{color: #dc3232;}
.bloc-contact form label{color: var(--Color-DarkGrey);font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 500;}
.bloc-contact form .wpcf7-list-item{margin: 0;}  header{position: fixed;top: 0;left: 0;z-index: 990; width: 100%;} header .menu-desktop{display: flex;align-items: center;padding: 80px 80px 0;position: relative;z-index: 60;transition: .5s;}
header.scrolled .menu-desktop{padding: 20px 80px;} header .menu-desktop .logo{overflow: hidden;width: 250px;height: 100px;background: var(--Color-Orange);border-radius: 10px 0 0 10px;padding: 0 25px;display: flex;align-items: center;justify-content: center;}
header .menu-desktop .logo svg{width: 100%;height: auto;} header .menu-desktop .navigation{display: flex;align-items: center;justify-content: flex-start;height: 100px;padding: 0 35px;border-radius: 0 10px 10px 0; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);}
header .menu-desktop .navigation nav>ul.menu{display: flex;gap: 20px;margin: 0;padding: 0;list-style: none;}
header .menu-desktop .navigation nav>ul.menu>li{position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a{ color: var(--Color-Blue); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: inline-block;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a:hover{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li.open>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-ancestor>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 22px;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 12px;width: 12px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a:hover:after{transform: translateY(-50%) rotate(90deg);} header .menu-desktop .navigation nav>ul.menu>li>.sub-menu{z-index: 60;list-style: none;width: max-content; margin: 0;gap:20px; position: absolute;top: calc(100% + 45px);left: -1500px;transition: .8s;display: flex;align-items: center;justify-content: flex-start;height: 100px;padding: 0 30px;border-radius: 10px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);}
header .menu-desktop .navigation nav>ul.menu>li.open>.sub-menu{left: 0;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>a{ color: var(--Color-Blue); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: inline-block;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>a:hover{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.open>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.current-menu-ancestor>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.current-menu-item>a{color: var(--Color-Orange);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a{padding-right: 22px;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 12px;width: 12px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;} header .menu-desktop .consultation-link{margin-left: 5px; display: flex;align-items: center;justify-content: flex-start;height: 100px;padding: 0 35px;border-radius: 10px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);}
header .menu-desktop .consultation-link a{ padding-right: 22px; color: var(--Color-Blue); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; display: inline-block;position: relative;}
header .menu-desktop .consultation-link a:hover{color: var(--Color-Orange);}
header .menu-desktop .consultation-link a::after{content: '';position: absolute;background-image: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 12px;width: 12px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header .menu-desktop .consultation-link a:hover:after{transform: translateY(-50%) rotate(90deg);} header .menu-desktop .lang{transition: .5s; position: relative;margin-left: 5px; display: flex;align-items: center;justify-content: center;height: 100px;width: 100px; border-radius: 10px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);}
header .menu-desktop .lang .current{transition:.5s ;margin-bottom: 0; cursor: pointer; display: flex;align-items: center;gap: 6px;color: var(--Color-Blue); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;text-transform: uppercase;}
header .menu-desktop .lang .current:hover{color: var(--Color-Orange);}
header .menu-desktop .lang .select{overflow: hidden; position: absolute;top: calc(100% + 6px);left: 0;max-height: 0px;display: flex;align-items: center;gap: 20px;flex-direction: column; opacity: 0;visibility: hidden;transition: .5s;padding: 20px 0;width: 100px;border-radius: 10px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);}
header .menu-desktop .lang .select li{list-style: none;}
header .menu-desktop .lang .select a{text-transform: uppercase;display: inline-block; color: var(--Color-Blue);opacity: 0;visibility: hidden; font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
header .menu-desktop .lang .select a:hover{color: var(--Color-Orange);}
header .menu-desktop .lang.open .select{max-height: 200px;opacity: 1;visibility: visible;}
header .menu-desktop .lang.open .select a{opacity: 1;visibility: visible;} header .burger-button{position: relative;margin-left: 5px; display: none;align-items: center;justify-content: center;height: 100px;width: 100px; border-radius: 10px; background: rgba(255, 255, 255, 0.70); backdrop-filter: blur(15px);cursor: pointer; transition: .5s;}
header .burger-button svg{width: 20px;height: 20px;}
header .burger-button:hover{background: rgba(255, 255, 255, 0.90);}
header .burger-button svg path{fill: var(--Color-Blue);transition: .5s;}
header .burger-button:hover svg path{fill: var(--Color-Orange);}
header.open .burger-button{background: var(--Color-Blue);}
header.open .burger-button svg path{fill: var(--Color-White);} header .menu-mobile{transition: .5s;position: absolute;top: 0;left: 0;padding: 120px 30px 40px; width: 100%;height: 100vh;z-index: 55;background: var(--Color-White);opacity: 0;visibility: hidden;max-height: 0vh;overflow-y: auto;}
header.open .menu-mobile{ opacity: 1; visibility: visible; max-height: 100vh;  }
header .menu-mobile .navigation{display: flex;align-items: flex-start;justify-content: flex-start;width: 100%;flex-direction: column;}
header .menu-mobile .navigation nav{width: 100%;}
header .menu-mobile .navigation nav>ul.menu{display: flex;gap: 0;margin: 0;padding: 0;list-style: none;flex-direction: column;width: 100%;}
header .menu-mobile .navigation nav>ul.menu>li{width: 100%;border-bottom: 1px solid var(--Color-LightGrey);} header .menu-mobile .navigation nav>ul.menu>li>a{ color: var(--Color-Blue); font-family: "Hubot Sans SemiCondensed"; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; display: block;position: relative;padding: 20px 0;width: 100%;transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li>a:hover{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li.open>a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-ancestor>a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 35px;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 14px;width: 14px; right: 0px;top: 50%;transform: translateY(-50%) rotate(0deg); transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li.open.menu-item-has-children>a::after{transform: translateY(-50%) rotate(90deg);}
header .menu-mobile .consultation-link a{color: var(--Color-Blue); font-family: "Hubot Sans SemiCondensed"; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; display: block;position: relative;padding: 20px 0;width: 100%;transition: .3s;}
header .menu-mobile .consultation-link a::after{content: '';position: absolute;background-image: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 12px;width: 12px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header.open .menu-desktop .lang{background: var(--Color-Blue);}
header.open .menu-desktop .lang .current{color: var(--Color-White);}
header.open .menu-desktop .lang .select{background: var(--Color-Blue);}
header.open .menu-desktop .lang .select a{color: var(--Color-White);} header .menu-mobile .navigation nav>ul.menu>li>.sub-menu{z-index: 60;padding: 0; display: flex;margin-top: 0; list-style: none; margin: 0;flex-direction: column;position: relative;top: 0;opacity: 1;visibility: visible;max-height: 0;overflow: hidden;gap: 0;transition: max-height .3s ease, padding .3s ease;}
header .menu-mobile .navigation nav>ul.menu>li.open>.sub-menu{max-height: 1000px;padding: 0 0 10px 0;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li{border-bottom: 1px solid rgba(245, 244, 242, 0.5);transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li:last-child{border-bottom: none;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li:hover a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.open a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.current-menu-item a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.current-menu-ancestor a{color: var(--Color-Orange);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>a{color: var(--Color-Blue); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; display: block;padding: 15px 0 15px 20px;transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a{padding-right: 35px;position: relative;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/img/plus.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 12px;width: 12px; right: 0px;top: 50%;transform: translateY(-50%) rotate(0deg); transition: .3s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.open.menu-item-has-children>a::after{transform: translateY(-50%) rotate(90deg);} footer{background: var(--Color-Blue);border-radius: 10px 10px 0 0;margin: 0 20px 0;display: flex;flex-direction: column;} footer .footer-lien-other-pages{display: flex;gap: 20px;width: 66.66666667%;margin: -180px auto 0;}
footer .footer-lien-other-pages .lien-other-page{position: relative;width: 50%;overflow: hidden;border-radius: 10px;background: #000;}
footer .footer-lien-other-pages .lien-other-page:hover .media{transform: scale(1.06);}
footer .footer-lien-other-pages .lien-other-page .media{width: 100%;height: 380px;transition: .5s;opacity: .8;overflow: hidden;border-radius: 10px;}
footer .footer-lien-other-pages .lien-other-page .texte{position: absolute;bottom: 0;width: 100%; padding: 0 20px 40px;display: flex;align-items: flex-end;justify-content: space-between;}
footer .footer-lien-other-pages .lien-other-page .texte p{width: 80%; color: var(--Color-White); font-family: "Space Grotesk"; font-size: 30px; font-style: normal; font-weight: 700; line-height: 30px; text-transform: uppercase;margin: 0;}
footer .footer-lien-other-pages .lien-other-page .texte p::first-line{color: var(--Color-White); font-family: "Space Grotesk"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 30px; text-transform: uppercase;} footer .footer-contact{padding: 100px 0;border-bottom: 1px solid var(--Color-White); width: 83.33333333%;margin-left: 8.33333333%;display: flex;gap: 20px;justify-content: space-between;align-items: flex-end;}
footer .footer-contact h2{color: var(--Color-White); font-family: "Space Grotesk"; font-size: 50px; font-style: normal; font-weight: 700; line-height: 45px; text-transform: uppercase;margin: 0;}
footer .footer-contact h2 span{color: var(--Color-Orange);font-family: "Space Grotesk"; font-size: 50px; font-style: normal; font-weight: 700; line-height: 45px; text-transform: uppercase;} footer .footer-logo{margin-top: 100px;width: 83.33333333%;margin-left: 8.33333333%;}
footer .footer-logo svg{width: 180px;} footer .footer-bottom{margin-top: 30px;margin-bottom: 100px; width: 83.33333333%;margin-left: 8.33333333%;display: flex;gap: 20px;}
footer .footer-bottom .adress{width: 25%;}
footer .footer-bottom .adress p{color: var(--Color-White); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px;margin-bottom: 0;}
footer .footer-bottom .adress a{color: var(--Color-White);text-decoration: underline;}
footer .footer-bottom .adress a:hover{color: var(--Color-Orange);}
footer .footer-bottom .navigation{width: 50%;}
footer .footer-bottom .navigation ul{list-style: none;display: flex;flex-direction: column;gap: 5px;margin: 0;padding: 0;}
footer .footer-bottom .navigation a{color: var(--Color-White); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal;}
footer .footer-bottom .navigation a:hover{color: var(--Color-Orange);}
footer .footer-bottom .mention{width: 25%;margin-left: auto;margin-top: auto;text-align: right;}
footer .footer-bottom .mention a{color: var(--Color-White); font-family: "Hubot Sans SemiCondensed"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal;} .popup-consult{position: fixed;top: 0;left: 0;height: 100vh;width: 100%;background: rgba(0, 0, 0, 0.8);z-index: 999;transition: .5s;opacity: 0;visibility: hidden;}
.popup-consult .popup-container{padding: 40px;overflow: auto; position: absolute;top: 50%;left: 50%;max-height: 90vh;width: 41.66666667%;transform: translate(-50%, -50%);background: var(--Color-White);}
.popup-consult .popup-container .close{width: 20px;height: 20px;position: absolute;top: 20px;right: 20px;cursor: pointer;background-image: url(//ecom.horizon-bleu.net/wp-content/themes/ecom/img/plus.svg);transform: rotate(45deg);background-size: cover;z-index: 999;}
.popup-consult .popup-container h2{color: var(--Color-Blue); font-family: "Space Grotesk"; font-size: 25px; font-style: normal; font-weight: 700; line-height: 25px; text-transform: uppercase;margin-top: 0;margin-bottom: 25px;}
.popup-consult.on{opacity: 1;visibility: visible;} .page-404 #content{padding: 150px 20px 100px;}
.page-404 #content .content{display: flex;}
.page-404 #content .content .text{width: 100%;} .page-classique #entry{position: relative;width: 100%;padding: 20px;position: relative;width: 100%;height: 70vh;}
.page-classique #entry .media{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
.page-classique #entry .title{width: 33.33333333%;z-index: 2;position: absolute;bottom: 80px;left: 8.33333333%;}
.page-classique #entry .title h1{margin: 0;margin-bottom: 30px; color: var(--Color-White); font-family: "Space Grotesk"; font-size: 56px; font-style: normal; font-weight: 700; line-height: 52px; text-transform: uppercase;}
.page-classique #entry .title h1 span{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;margin: 0;}
.page-classique #content{display: flex;background: var(--Color-LightGrey);margin: 0 20px 20px;border-radius: 10px;} 
.page-classique #content .content-container{width: 100%;position: relative; padding: 100px 0;}
.page-classique #content .text{width: 83.33333333%;margin: auto;}
.page-classique #content .text a{color: var(--Color-Orange);text-decoration: underline;} .page-home #entry{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.page-home #entry .bloc-1{border-radius: 10px;display: flex;align-items: center; overflow: hidden;margin: 20px;position: relative;width: 100%;height: calc(100vh - 60px - 220px);min-height: 700px; background: #CEC7BD;}
.page-home #entry .bloc-1 .media{width: 50%;}
.page-home #entry .bloc-1 .media img{object-position: top;object-fit: contain;}
.page-home #entry .bloc-1 .texte{width: 33.33333333%;margin-left: 8.33333333%;padding-top: 100px;position: relative;z-index: 2;}
.page-home #entry .bloc-1 .texte h1{margin: 0;margin-bottom: 30px; color: var(--Color-White); font-family: "Space Grotesk"; font-size: 56px; font-style: normal; font-weight: 700; line-height: 52px; text-transform: uppercase;}
.page-home #entry .bloc-1 .texte h1 span{color: var(--Color-Blue); font-family: "Space Grotesk"; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;margin: 0;}
.page-home #entry .bloc-2{width: 100%;margin: 0 20px 20px;display: flex;gap: 20px;}
.page-home #entry .bloc-2 .col-1{width: 66.66666667%;}
.page-home #entry .bloc-2 .media{border-radius: 10px;overflow: hidden; width: 100%;height: 460px;}
.page-home #entry .bloc-2 .col-2{width: calc(33.33333333% - 20px);display: flex;flex-direction: column;gap: 20px;}
.page-home #entry .bloc-2 .scroll-down{border-radius: 10px; height: 220px;cursor: pointer;display: flex;align-items: center;justify-content: center; background: var(--Color-Orange);width: 100%;}
.page-home #entry .bloc-2 .logo{border-radius: 10px; width: 100%;height: 220px;display: flex;align-items: center;justify-content: center;}
.page-home #entry .bloc-3{width: 100%;}
.page-home #entry .bloc-3 .text-scroll{overflow: hidden; white-space: nowrap;padding: 80px 0;}
.page-home #entry .bloc-3 .text-scroll p{margin: 0; color: var(--Color-Blue); font-family: "Space Grotesk"; font-size: 100px; font-style: normal; font-weight: 700; line-height: 100px; text-transform: uppercase; white-space: nowrap; display: inline-block; padding-left: 80px;padding-right: 80px;}
.page-home #entry .bloc-3 .text-scroll p span{margin: 0; color: var(--Color-Blue); font-family: "Space Grotesk"; font-size: 100px; font-style: normal; font-weight: 700; line-height: 100px; text-transform: uppercase;}
.page-home #groupe-axys{display: flex;gap: 20px;padding: 0 20px 20px;}
.page-home #groupe-axys .text{width: 33.33333333%;margin-left: 8.33333333%;padding: 100px 0;}
.page-home #groupe-axys .text .btn-container{margin-top: 20px;}
.page-home #groupe-axys .media{width: 50%;margin-left: 8.33333333%;overflow: hidden;border-radius: 10px;}
.page-home #savoir-faire{display: flex;align-items: center;gap: 20px;margin: 0 20px 20px;background: var(--Color-LightGrey);border-radius: 10px;}
.page-home #savoir-faire .col-1{width: 50%;margin-left: 8.33333333%;display: flex;flex-direction: column;gap: 50px;padding: 150px 0;}
.page-home #savoir-faire .col-1 .title{width: 100%;}
.page-home #savoir-faire .col-1 .links{width: 100%;display: flex;gap: 20px;}
.page-home #savoir-faire .col-1 .links .link{width: calc(100% / 3);display: flex;flex-direction: column;gap: 15px;}
.page-home #savoir-faire .col-1 .links .link .picto{width: 100px;height: 100px;margin-bottom: 15px;}
.page-home #savoir-faire .col-1 .links .link .title{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 28px; text-transform: uppercase;margin: 0;}
.page-home #savoir-faire .col-1 .links .link .description{opacity: 0;transition: .5s; color: var(--Color-DarkGrey); font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px;margin: 0;}
.page-home #savoir-faire .col-1 .links .link .btn-container{opacity: 0;}
.page-home #savoir-faire .col-1 .links .link:hover .picto path{fill: var(--Color-Orange);}
.page-home #savoir-faire .col-1 .links .link:hover .description{opacity: 1;}
.page-home #savoir-faire .col-1 .links .link:hover .btn-container{opacity: 1;}
.page-home #savoir-faire .col-2{width: 25%;margin-left: 8.33333333%;}
.page-home #services{display: flex;padding: 0 20px 20px;gap: 20px;}
.page-home #services .col-1{width: calc(33.33333333% - 10px);}
.page-home #services .col-1 .media{overflow: hidden;border-radius: 10px;height: 100%;}
.page-home #services .col-2{width: calc(66.66666667% - 10px);display: flex;flex-direction: column;gap: 50px;padding: 120px 0;background: var(--Color-LightGrey);border-radius: 10px;}
.page-home #services .col-2 .title{width: 80%;margin-left: 10%;}
.page-home #services .col-2 .links{width: 80%;margin-left: 10%;display: flex;gap: 20px;}
.page-home #services .col-2 .links .link{width: calc(100% / 3);display: flex;flex-direction: column;gap: 15px;}
.page-home #services .col-2 .links .link .picto{width: 100px;height: 100px;margin-bottom: 15px;}
.page-home #services .col-2 .links .link .title{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 28px; text-transform: uppercase;margin: 0;}
.page-home #services .col-2 .links .link .description{opacity: 0;transition: .5s; color: var(--Color-DarkGrey); font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px;margin: 0;}
.page-home #services .col-2 .links .link .btn-container{opacity: 0;}
.page-home #services .col-2 .links .link:hover .picto path{fill: var(--Color-Orange);}
.page-home #services .col-2 .links .link:hover .description{opacity: 1;}
.page-home #services .col-2 .links .link:hover .btn-container{opacity: 1;}
.page-home #secteurs-activites{padding: 100px 0;display: flex;flex-direction: column;gap:30px;}
.page-home #secteurs-activites .row-1{padding: 0 20px;display: flex;gap: 20px;align-items: center;}
.page-home #secteurs-activites .row-1 .title{width: 41.66666667%;margin-left: 8.33333333%;}
.page-home #secteurs-activites .row-1 .text{width: 25%;margin-left: 8.33333333%;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .owl-stage-outer{padding-top: 20px;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item{position: relative;border-radius: 10px;overflow: hidden;transition: .5s;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .media{position: relative;z-index: 2;background: var(--Color-Blue);}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .media img{transition: .5s;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .media:after{transition: .5s; content: ""; position: absolute;bottom: 0;z-index: 5;left: 0;width: 100%;height: 50%;background: linear-gradient(180deg, rgba(0, 51, 154, 0.00) 0%, #00339A 100%);}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .text{position: absolute;padding: 20px; top: 0;left: 0;width: 100%;height: 100%; z-index: 10;display: flex;flex-direction: column-reverse;justify-content: space-between;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .text h3{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 28px; text-transform: uppercase;margin: 0;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .text h3 span{color: var(--Color-White); font-family: "Space Grotesk"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 30px; text-transform: uppercase;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .text p{opacity: 0;transition: .5s; margin: 0; color: var(--Color-White); font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item:hover{margin-top: -20px;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item:hover .text p{opacity: 1;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item:hover .media img{opacity: .2;} .page-ecom{padding-bottom: 300px;}
.page-ecom #entry{position: relative;width: 100%;padding: 20px;position: relative;width: 100%;height: 100vh;}
.page-ecom #entry .media{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
.page-ecom #entry .texte{width: 33.33333333%;z-index: 2;position: absolute;bottom: 80px;left: 8.33333333%;}
.page-ecom #entry .texte h1{margin: 0;margin-bottom: 30px; color: var(--Color-White); font-family: "Space Grotesk"; font-size: 56px; font-style: normal; font-weight: 700; line-height: 52px; text-transform: uppercase;}
.page-ecom #entry .texte h1 span{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;margin: 0;}
.page-ecom #ecom{display: flex;align-items: center;gap:20px;padding: 0 20px;}
.page-ecom #ecom .texte{width: 33.33333333%;margin-left: 8.33333333%;padding: 80px 0;}
.page-ecom #ecom .media{width: 50%;margin-left: 8.33333333%;border-radius: 10px;overflow: hidden;}
.page-ecom #text-scroll{width: 100%;overflow: hidden; white-space: nowrap;padding: 100px 0;}
.page-ecom #text-scroll p{margin: 0; color: var(--Color-Blue); font-family: "Space Grotesk"; font-size: 100px; font-style: normal; font-weight: 700; line-height: 100px; text-transform: uppercase; white-space: nowrap; display: inline-block; padding-left: 80px;padding-right: 80px;}
.page-ecom #text-scroll p span{margin: 0; color: var(--Color-Blue); font-family: "Space Grotesk"; font-size: 100px; font-style: normal; font-weight: 700; line-height: 100px; text-transform: uppercase;}
.page-ecom #outillage{display: flex;align-items: center; gap:20px;padding: 20px;margin: 0 20px;border-radius: 10px;overflow: hidden; background-color: var(--Color-LightGrey);}
.page-ecom #outillage .texte{width: 33.33333333%;margin-left: 8.33333333%;padding: 100px 0;}
.page-ecom #outillage .media{width: 41.66666667%;border-radius: 10px;overflow: hidden;} .page-savoir-faire{padding-bottom: 300px;}
.page-savoir-faire #entry{position: relative;width: 100%;padding: 20px;position: relative;width: 100%;height: 100vh;}
.page-savoir-faire #entry .media{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
.page-savoir-faire #entry .texte{width: 33.33333333%;z-index: 2;position: absolute;bottom: 80px;left: 8.33333333%;}
.page-savoir-faire #entry .texte h1{margin: 0;margin-bottom: 30px; color: var(--Color-White); font-family: "Space Grotesk"; font-size: 56px; font-style: normal; font-weight: 700; line-height: 52px; text-transform: uppercase;}
.page-savoir-faire #entry .texte h1 span{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;margin: 0;}
.page-savoir-faire #savoir-faire-menu{display: flex;align-items: center;gap: 20px;margin: 0 20px 20px;}
.page-savoir-faire #savoir-faire-menu .links{width: 66.66666667%; display: flex;gap: 20px;padding: 80px 0;justify-content: center; background: var(--Color-LightGrey);border-radius: 10px;}
.page-savoir-faire #savoir-faire-menu .links .link{width: calc(100% / 4);display: flex;flex-direction: column;gap: 15px;}
.page-savoir-faire #savoir-faire-menu .links .link .picto{width: 100px;height: 100px;margin-bottom: 15px;}
.page-savoir-faire #savoir-faire-menu .links .link .title{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 28px; text-transform: uppercase;margin: 0;}
.page-savoir-faire #savoir-faire-menu .links .link:hover .picto path{fill: var(--Color-Orange);}
.page-savoir-faire #savoir-faire-menu .logo{width: 33.33333333%;display: flex;align-items: center;justify-content: center;}
.page-savoir-faire #savoir-faire-content{display: flex;gap: 20px;margin: 0 20px 20px;flex-wrap: wrap;}
.page-savoir-faire #savoir-faire-content .item{width: 100%;display: flex;gap:20px;}
.page-savoir-faire #savoir-faire-content .item.style-1 .media{border-radius: 10px;overflow: hidden;width: 50%;}
.page-savoir-faire #savoir-faire-content .item.style-1 .texte{width: 50%;border-radius: 10px;padding: 50px calc(8.33333333% - 20px); border: 1px solid var(--Color-Orange);display: flex;flex-direction: column;justify-content: center;}
.page-savoir-faire #savoir-faire-content .item.style-1 .texte .btn-container{margin-top: 20px;}
.page-savoir-faire #savoir-faire-content .item.style-2{padding: 20px;background: var(--Color-LightGrey);border-radius: 10px;}
.page-savoir-faire #savoir-faire-content .item.style-2 .media{width: 41.66666667%; border-radius: 10px;overflow: hidden;}
.page-savoir-faire #savoir-faire-content .item.style-2 .texte{width: 33.33333333%;display: flex;flex-direction: column;justify-content: center;margin-left: 8.33333333%;}
.page-savoir-faire #savoir-faire-content .item.style-2 .texte .btn-container{margin-top: 20px;} .page-groupe-axys{padding-bottom: 300px;}
.page-groupe-axys #entry{position: relative;width: 100%;padding: 20px;position: relative;width: 100%;height: 100vh;}
.page-groupe-axys #entry .media{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
.page-groupe-axys #entry .texte{width: 33.33333333%;z-index: 2;position: absolute;bottom: 80px;left: 8.33333333%;}
.page-groupe-axys #entry .texte h1{margin: 0;margin-bottom: 30px; color: var(--Color-White); font-family: "Space Grotesk"; font-size: 56px; font-style: normal; font-weight: 700; line-height: 52px; text-transform: uppercase;}
.page-groupe-axys #entry .texte h1 span{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;margin: 0;}
.page-groupe-axys #groupe-axys-content{display: flex;gap: 20px;margin: 0 20px 20px;flex-wrap: wrap;}
.page-groupe-axys #groupe-axys-content .item{width: 100%;display: flex;gap:20px;}
.page-groupe-axys #groupe-axys-content .item.style-1 .media{border-radius: 10px;overflow: hidden;width: 50%;}
.page-groupe-axys #groupe-axys-content .item.style-1 .texte{width: 50%;border-radius: 10px;padding: 50px calc(8.33333333% - 20px); border: 1px solid var(--Color-Orange);display: flex;flex-direction: column;justify-content: center;}
.page-groupe-axys #groupe-axys-content .item.style-1 .texte .btn-container{margin-top: 20px;}
.page-groupe-axys #groupe-axys-content .item.style-2{padding: 20px;background: var(--Color-LightGrey);border-radius: 10px;}
.page-groupe-axys #groupe-axys-content .item.style-2 .media{width: 41.66666667%; border-radius: 10px;overflow: hidden;}
.page-groupe-axys #groupe-axys-content .item.style-2 .texte{width: 33.33333333%;display: flex;flex-direction: column;justify-content: center;margin-left: 8.33333333%;}
.page-groupe-axys #groupe-axys-content .item.style-2 .texte .btn-container{margin-top: 20px;} .page-contact{padding-bottom: 100px;} .page-contact #entry{position: relative;width: 100%;padding: 20px;position: relative;width: 100%;height: 100vh;margin-bottom: 0;}
.page-contact #entry .media{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
.page-contact #entry .title{width: 33.33333333%;z-index: 2;position: absolute;bottom: 80px;left: 8.33333333%;}
.page-contact #entry .title h1{margin: 0;margin-bottom: 30px; color: var(--Color-White); font-family: "Space Grotesk"; font-size: 56px; font-style: normal; font-weight: 700; line-height: 52px; text-transform: uppercase;}
.page-contact #entry .title h1 span{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;margin: 0;} .page-contact #contact{display: flex;align-items: center;gap: 20px;padding: 80px 20px;margin: 0;}
.page-contact #contact .contact-container{width: 100%;display: flex;justify-content: center;}
.page-contact #contact .contact-container .bloc-contact{width: 83.33333333%;max-width: 1200px;} .page-contact #informations{display: flex;align-items: center;gap: 30px;margin: 40px 20px;background: var(--Color-LightGrey);border-radius: 10px;padding: 40px;}
.page-contact #informations .col-1{width: 50%;}
.page-contact #informations .map { width: 100%; height: 400px;border-radius: 10px;overflow: hidden;border: 1px solid var(--Color-White);}
.page-contact #informations .map img { max-width: inherit !important; }
.page-contact #informations .col-2{width: 50%;display: flex;align-items: center;padding-left: 8.33333333%;} .page-secteurs-activites{padding-bottom: 300px;}
.page-secteurs-activites #entry{position: relative;width: 100%;padding: 20px;position: relative;width: 100%;height: 100vh;}
.page-secteurs-activites #entry .media{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;}
.page-secteurs-activites #entry .texte{width: 33.33333333%;z-index: 2;position: absolute;bottom: 80px;left: 8.33333333%;}
.page-secteurs-activites #entry .texte h1{margin: 0;margin-bottom: 30px; color: var(--Color-White); font-family: "Space Grotesk"; font-size: 56px; font-style: normal; font-weight: 700; line-height: 52px; text-transform: uppercase;}
.page-secteurs-activites #entry .texte h1 span{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 22px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase;margin: 0;}
.page-secteurs-activites #introduction{display: flex;align-items: center;gap: 20px;padding: 0 20px 20px;}
.page-secteurs-activites #introduction .texte{width: 66.66666667%;border-radius: 10px;padding: 100px calc(8.33333333% - 20px); border: 1px solid var(--Color-Orange);display: flex;flex-direction: column;justify-content: center;}
.page-secteurs-activites #introduction .logo{width: 33.33333333%;display: flex;align-items: center;justify-content: center;}
.page-secteurs-activites #secteurs-activites{padding: 0 0 20px;display: flex;flex-direction: column;gap:30px;}
.page-secteurs-activites #secteurs-activites .secteurs-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;padding: 0 20px;}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item{position: relative;border-radius: 10px;overflow: hidden;transition: .5s;background: var(--Color-Blue);}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item .media{position: relative;z-index: 2;background: var(--Color-Blue);height: 300px;overflow: hidden;}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item .media img{width: 100%;height: 100%;object-fit: cover;transition: .5s;}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item .media:after{transition: .5s; content: ""; position: absolute;bottom: 0;z-index: 5;left: 0;width: 100%;height: 50%;background: linear-gradient(180deg, rgba(0, 51, 154, 0.00) 0%, #00339A 100%);}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item .text{position: absolute;padding: 20px; top: 0;left: 0;width: 100%;height: 100%; z-index: 10;display: flex;flex-direction: column-reverse;justify-content: space-between;}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item .text h3{color: var(--Color-Orange); font-family: "Space Grotesk"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 28px; text-transform: uppercase;margin: 0;}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item .text h3 span{color: var(--Color-White); font-family: "Space Grotesk"; font-size: 18px; font-style: normal; font-weight: 700; line-height: 30px; text-transform: uppercase;}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item .text p{opacity: 0;transition: .5s; margin: 0; color: var(--Color-White); font-family: "Hubot Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 30px;}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item:hover .text p{opacity: 1;}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item:hover .media img{opacity: .2;}
.page-secteurs-activites #plasturgie{display: flex;gap: 20px;margin: 0 20px 20px;background: var(--Color-LightGrey);border-radius: 10px;padding: 20px;}
.page-secteurs-activites #plasturgie .media{width: 41.66666667%; border-radius: 10px;overflow: hidden;}
.page-secteurs-activites #plasturgie .texte{width: 33.33333333%;display: flex;flex-direction: column;justify-content: center;margin-left: 8.33333333%;padding: 100px 0;}
.page-secteurs-activites #plasturgie .texte .btn-container{margin-top: 30px;} @media screen and (max-width: 1500px) { header .menu-desktop{padding: 80px 40px 0;}
header.scrolled .menu-desktop{padding: 20px 40px;}
header .menu-desktop .logo{flex-shrink: 0;width: 200px;}
header .menu-desktop .navigation{flex: 1;min-width: 0;}
header .menu-desktop .navigation nav>ul.menu{gap: 15px;flex-wrap: wrap;}
header .menu-desktop .navigation nav>ul.menu>li>a{font-size: 15px;}
header .menu-desktop .consultation-link{flex-shrink: 0;}
header .menu-desktop .lang{flex-shrink: 0;} .page-home #groupe-axys .text{margin-left: 0;width: 41.66666667%;}
.page-home #savoir-faire{padding: 20px;gap: 0;justify-content: space-between;}
.page-home #savoir-faire .col-1{margin-left: 0;width: 58.33333333%;padding: 100px 0;}
.page-home #savoir-faire .col-2{width: 33.33333333%;}
.page-home #services .col-2{padding: 100px 0;}
.page-home #services .col-2 .title{width: 90%;margin-left: 5%;}
.page-home #services .col-2 .links{width: 90%;margin-left: 5%;}
} @media screen and (max-width: 1300px) { header .menu-desktop{padding: 60px 40px 0;}
header.scrolled .menu-desktop{padding: 20px 40px;}
header .menu-desktop .navigation{height: 100px;padding: 0 15px;}
header .menu-desktop .navigation nav>ul.menu{gap: 12px;}
header .menu-desktop .navigation nav>ul.menu>li>a{font-size: 14px;}
header .menu-desktop .logo{width: 180px;}
header .menu-desktop .consultation-link{padding: 0 15px;}
header .menu-desktop .consultation-link a{font-size: 14px;} .page-contact #entry .title{width: 50%;} .page-classique #content .content-container{padding: 50px 20px;}
.page-classique #content .text{width: 100%;}
} @media screen and (max-width: 1200px) { header .menu-desktop{padding: 40px 40px 0;gap: 10px;}
header.scrolled .menu-desktop{padding: 20px 40px;}
header .menu-desktop .logo{width: 180px;height: 70px;border-radius: 10px;flex-shrink: 0;}
header .menu-desktop .navigation{display: none;}
header .menu-desktop .consultation-link{display: none;}
header .menu-desktop .lang{height: 70px;width: 70px;border-radius: 10px;flex-shrink: 0;margin-left: auto;}
header .menu-desktop .burger-button{display: flex;height: 70px;width: 70px;margin-left: 5px;}
} @media screen and (max-width: 1024px) { .bloc-text h1{font-size: 38px;line-height: 42px;margin-bottom: 25px;}
.bloc-text h1 span{font-size: 38px;line-height: 42px;}
.bloc-text h1 strong{font-size: 38px;line-height: 42px;}
.bloc-text h2{font-size: 32px;line-height: 36px;margin-bottom: 20px;}
.bloc-text h2 span{font-size: 32px;line-height: 36px;}
.bloc-text h2 strong{font-size: 40px;line-height: 44px;}
.bloc-text h2 strong span{font-size: 26px;line-height: 36px;}
.bloc-text h3{font-size: 26px;line-height: 30px;margin-bottom: 20px;}
.bloc-text h3 span{font-size: 26px;line-height: 30px;}
.bloc-text h3 strong{font-size: 26px;line-height: 30px;}
.bloc-text p{font-size: 15px;line-height: 28px;}
.bloc-text li{font-size: 15px;line-height: 28px;} header .menu-desktop{padding: 40px 40px 0;}
header.scrolled .menu-desktop{padding: 15px 30px;}
header .menu-desktop .logo{width: 160px;height: 60px;}
header .menu-desktop .lang{height: 60px;width: 60px;}
header .menu-desktop .burger-button{height: 60px;width: 60px;} .page-home #entry .bloc-1{flex-direction: column;height: auto;min-height: auto;margin: 20px;}
.page-home #entry .bloc-1 .media{width: 100%;order: 1;height: 400px;}
.page-home #entry .bloc-1 .texte{width: 100%;margin-left: 0;padding: 40px 20px;order: 2;}
.page-home #entry .bloc-1 .texte h1{font-size: 42px;line-height: 46px;color: var(--Color-Blue);}
.page-home #entry .bloc-1 .texte h1 span{font-size: 18px;color: var(--Color-Orange);}
.page-home #entry .bloc-2{flex-direction: column;margin: 0 20px 20px;}
.page-home #entry .bloc-2 .col-1{width: 100%;}
.page-home #entry .bloc-2 .col-2{width: 100%;}
.page-home #entry .bloc-2 .media{height: 300px;}
.page-home #entry .bloc-2 .scroll-down{display: none;}
.page-home #entry .bloc-3 .text-scroll{padding: 50px 0;}
.page-home #entry .bloc-3 .text-scroll p{font-size: 60px;line-height: 64px;padding-left: 40px;padding-right: 40px;}
.page-home #entry .bloc-3 .text-scroll p span{font-size: 60px;line-height: 64px;}
.page-home #groupe-axys{flex-direction: column;padding: 0 20px 40px;}
.page-home #groupe-axys .text{width: 100%;margin-left: 0;padding: 40px 20px;}
.page-home #groupe-axys .media{width: 100%;margin-left: 0;}
.page-home #savoir-faire{flex-direction: column;margin: 0 20px 40px;padding: 40px 20px;}
.page-home #savoir-faire .col-1{width: 100%;margin-left: 0;padding: 0;gap: 30px;}
.page-home #savoir-faire .col-1 .links{flex-wrap: wrap;gap: 20px;}
.page-home #savoir-faire .col-1 .links .link{width: calc(50% - 10px);}
.page-home #savoir-faire .col-2{width: 100%;margin-left: 0;display: none;}
.page-home #services{flex-direction: column;padding: 0 20px 40px;gap: 20px;}
.page-home #services .col-1{width: 100%;}
.page-home #services .col-2{width: 100%;padding: 60px 20px;}
.page-home #services .col-2 .title{width: 100%;margin-left: 0;}
.page-home #services .col-2 .links{width: 100%;margin-left: 0;flex-wrap: wrap;}
.page-home #services .col-2 .links .link{width: calc(50% - 10px);}
.page-home #secteurs-activites{padding: 40px 0;}
.page-home #secteurs-activites .row-1{flex-direction: column;padding: 0 20px;gap: 20px;}
.page-home #secteurs-activites .row-1 .title{width: 100%;margin-left: 0;}
.page-home #secteurs-activites .row-1 .text{width: 100%;margin-left: 0;} .page-contact #entry{height: 80vh;}
.page-contact #entry .title{width: 50%;left: 5%;bottom: 60px;}
.page-contact #entry .title h1{font-size: 42px;line-height: 46px;}
.page-contact #entry .title h1 span{font-size: 18px;}
.page-contact #contact{padding: 60px 20px;}
.page-contact #contact .contact-container .bloc-contact{width: 90%;}
.page-contact #informations{flex-direction: column;gap: 30px;padding: 30px 20px;margin: 30px 20px;}
.page-contact #informations .col-1{width: 100%;}
.page-contact #informations .col-2{width: 100%;padding-left: 0;}
.page-contact #informations .map{height: 350px;} .page-ecom { padding-bottom: 180px; }
.page-ecom #entry{height: 80vh;}
.page-ecom #entry .texte{width: 50%;left: 5%;bottom: 60px;}
.page-ecom #entry .texte h1{font-size: 42px;line-height: 46px;}
.page-ecom #entry .texte h1 span{font-size: 18px;}
.page-ecom #ecom{flex-direction: column;padding: 0 20px 40px;gap: 20px;}
.page-ecom #ecom .texte{width: 100%;margin-left: 0;padding: 40px 20px;}
.page-ecom #ecom .media{width: 100%;margin-left: 0;}
.page-ecom #text-scroll{padding: 50px 0;}
.page-ecom #text-scroll p{font-size: 60px;line-height: 64px;padding-left: 40px;padding-right: 40px;}
.page-ecom #text-scroll p span{font-size: 60px;line-height: 64px;}
.page-ecom #outillage{flex-direction: column;padding: 20px;margin: 0 20px 20px;gap: 20px;}
.page-ecom #outillage .media{width: 100%;}
.page-ecom #outillage .texte{width: 100%;margin-left: 0;padding: 40px 20px;} .page-groupe-axys{padding-bottom: 180px;}
.page-groupe-axys #entry{height: 80vh;}
.page-groupe-axys #entry .texte{width: 50%;left: 5%;bottom: 60px;}
.page-groupe-axys #entry .texte h1{font-size: 42px;line-height: 46px;}
.page-groupe-axys #entry .texte h1 span{font-size: 18px;}
.page-groupe-axys #groupe-axys-content{margin: 0 20px 40px;gap: 20px;}
.page-groupe-axys #groupe-axys-content .item{flex-direction: column;gap: 20px;}
.page-groupe-axys #groupe-axys-content .item.style-1 .media{width: 100%;}
.page-groupe-axys #groupe-axys-content .item.style-1 .texte{width: 100%;padding: 40px 20px;}
.page-groupe-axys #groupe-axys-content .item.style-2{flex-direction: column;padding: 20px;}
.page-groupe-axys #groupe-axys-content .item.style-2 .media{width: 100%;}
.page-groupe-axys #groupe-axys-content .item.style-2 .texte{width: 100%;margin-left: 0;padding: 40px 20px;} .page-savoir-faire{padding-bottom: 180px;}
.page-savoir-faire #entry{height: 80vh;}
.page-savoir-faire #entry .texte{width: 50%;left: 5%;bottom: 60px;}
.page-savoir-faire #entry .texte h1{font-size: 42px;line-height: 46px;}
.page-savoir-faire #entry .texte h1 span{font-size: 18px;}
.page-savoir-faire #savoir-faire-menu{flex-direction: column;margin: 0 20px 40px;gap: 20px;}
.page-savoir-faire #savoir-faire-menu .links{width: 100%;flex-wrap: wrap;gap: 20px;padding: 40px 20px;}
.page-savoir-faire #savoir-faire-menu .links .link{width: calc(50% - 10px);}
.page-savoir-faire #savoir-faire-menu .logo{width: 100%;margin-top: 20px;}
.page-savoir-faire #savoir-faire-content .item{flex-direction: column;gap: 20px;}
.page-savoir-faire #savoir-faire-content .item.style-1 .media{width: 100%;}
.page-savoir-faire #savoir-faire-content .item.style-1 .texte{width: 100%;padding: 40px 20px;}
.page-savoir-faire #savoir-faire-content .item.style-2{flex-direction: column;padding: 20px;}
.page-savoir-faire #savoir-faire-content .item.style-2 .media{width: 100%;}
.page-savoir-faire #savoir-faire-content .item.style-2 .texte{width: 100%;margin-left: 0;padding: 40px 20px;} .page-secteurs-activites{padding-bottom: 180px;}
.page-secteurs-activites #entry{height: 80vh;}
.page-secteurs-activites #entry .texte{width: 50%;left: 5%;bottom: 60px;}
.page-secteurs-activites #entry .texte h1{font-size: 42px;line-height: 46px;}
.page-secteurs-activites #entry .texte h1 span{font-size: 18px;}
.page-secteurs-activites #introduction{flex-direction: column;padding: 0 20px 40px;gap: 20px;}
.page-secteurs-activites #introduction .texte{width: 100%;padding: 40px 20px;}
.page-secteurs-activites #introduction .logo{width: 100%;margin-top: 20px;}
.page-secteurs-activites #secteurs-activites .secteurs-grid{grid-template-columns: repeat(2, 1fr);gap: 15px;padding: 0 20px;}
.page-secteurs-activites #plasturgie{flex-direction: column;padding: 20px;margin: 0 20px 20px;gap: 20px;}
.page-secteurs-activites #plasturgie .media{width: 100%;}
.page-secteurs-activites #plasturgie .texte{width: 100%;margin-left: 0;padding: 40px 20px;} .page-classique #entry{height: 70vh;}
.page-classique #entry .title{width: 50%;left: 5%;bottom: 60px;}
.page-classique #entry .title h1{font-size: 42px;line-height: 46px;}
.page-classique #entry .title h1 span{font-size: 18px;}
.page-classique #content{margin: 0 20px 20px;} .page-404 #content{padding: 100px 20px 60px;} .popup-consult .popup-container{width: 90%;max-width: 600px;padding: 30px;} footer .footer-lien-other-pages{width: 90%;flex-direction: column;gap: 15px;}
footer .footer-lien-other-pages .lien-other-page{width: 100%;}
footer .footer-lien-other-pages .lien-other-page .media{height: 300px;}
footer .footer-lien-other-pages .lien-other-page .texte p{font-size: 24px;line-height: 28px;}
footer .footer-lien-other-pages .lien-other-page .texte p::first-line{font-size: 16px;}
footer .footer-contact{width: 90%;margin-left: 5%;flex-direction: column;align-items: flex-start;gap: 30px;padding: 60px 0;}
footer .footer-contact h2{font-size: 40px;line-height: 44px;}
footer .footer-contact h2 span{font-size: 40px;line-height: 44px;}
footer .footer-logo{width: 90%;margin-left: 5%;margin-top: 60px;}
footer .footer-bottom{width: 90%;margin-left: 5%;flex-direction: column;gap: 30px;margin-bottom: 60px;}
footer .footer-bottom .adress{width: 100%;}
footer .footer-bottom .navigation{width: 100%;}
footer .footer-bottom .mention{width: 100%;text-align: left;margin-left: 0;margin-top: 0;}
} @media screen and (max-width: 768px) { .bloc-text h1{font-size: 32px;line-height: 36px;margin-bottom: 20px;}
.bloc-text h1 span{font-size: 32px;line-height: 36px;}
.bloc-text h1 strong{font-size: 32px;line-height: 36px;}
.bloc-text h2{font-size: 28px;line-height: 32px;margin-bottom: 20px;}
.bloc-text h2 span{font-size: 28px;line-height: 32px;}
.bloc-text h2 strong{font-size: 32px;line-height: 36px;}
.bloc-text h2 strong span{font-size: 22px;line-height: 30px;}
.bloc-text h3{font-size: 24px;line-height: 28px;margin-bottom: 20px;}
.bloc-text h3 span{font-size: 24px;line-height: 28px;}
.bloc-text h3 strong{font-size: 24px;line-height: 28px;}
.bloc-text p{font-size: 15px;line-height: 26px;}
.bloc-text li{font-size: 15px;line-height: 26px;} header .menu-desktop{padding: 15px 15px 0;gap: 10px;}
header.scrolled .menu-desktop{padding: 15px 15px 0;}
header .menu-desktop .logo{width: 150px;height: 60px;padding: 0 15px;}
header .menu-desktop .logo svg{max-width: 120px;}
header .menu-desktop .navigation{display: none;}
header .menu-desktop .consultation-link{display: none;}
header .menu-desktop .lang{height: 60px;width: 60px;margin-left: auto;}
header .menu-desktop .lang .current{font-size: 14px;}
header .menu-desktop .burger-button{height: 60px;width: 60px;margin-left: 0px;} header .menu-mobile{padding: 100px 20px 30px;}
header .menu-mobile .navigation nav>ul.menu>li>a{font-size: 18px;padding: 18px 0;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>a{font-size: 15px;padding: 12px 0 12px 15px;} .page-home #entry .bloc-1{margin: 15px;}
.page-home #entry .bloc-1 .media{height: 300px;}
.page-home #entry .bloc-1 .texte{padding: 30px 15px;}
.page-home #entry .bloc-1 .texte h1{font-size: 32px;line-height: 36px;}
.page-home #entry .bloc-1 .texte h1 span{font-size: 16px;}
.page-home #entry .bloc-2{margin: 0 15px 15px;}
.page-home #entry .bloc-2 .media{height: 250px;}
.page-home #entry .bloc-2 .logo{height: 180px;}
.page-home #entry .bloc-3 .text-scroll{padding: 40px 0;}
.page-home #entry .bloc-3 .text-scroll p{font-size: 40px;line-height: 44px;padding-left: 20px;padding-right: 20px;}
.page-home #entry .bloc-3 .text-scroll p span{font-size: 40px;line-height: 44px;}
.page-home #groupe-axys{padding: 0 15px 30px;}
.page-home #groupe-axys .text{padding: 30px 15px;}
.page-home #savoir-faire{margin: 0 15px 30px;padding: 30px 15px;}
.page-home #savoir-faire .col-1 .links .link{width: 100%;}
.page-home #services{padding: 0 15px 30px;}
.page-home #services .col-2{padding: 40px 15px;}
.page-home #services .col-2 .links .link{width: 100%;}
.page-home #secteurs-activites{padding: 30px 0;}
.page-home #secteurs-activites .row-1{padding: 0 15px;gap: 15px;} .page-home #savoir-faire .col-1 .links .link .picto path{fill: var(--Color-Orange);}
.page-home #savoir-faire .col-1 .links .link .description{opacity: 1;}
.page-home #savoir-faire .col-1 .links .link .btn-container{opacity: 1;}
.page-home #services .col-2 .links .link .picto path{fill: var(--Color-Orange);}
.page-home #services .col-2 .links .link .description{opacity: 1;}
.page-home #services .col-2 .links .link .btn-container{opacity: 1;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item{margin-top: -20px;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .text p{opacity: 1;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .media img{opacity: .2;} .page-secteurs-activites #secteurs-activites .secteurs-grid .item .text p{opacity: 1;}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item .media img{opacity: .2;} .page-contact #entry{height: 60vh;padding: 15px;}
.page-contact #entry .title{width: 90%;left: 5%;bottom: 40px;}
.page-contact #entry .title h1{font-size: 32px;line-height: 36px;margin-bottom: 20px;}
.page-contact #entry .title h1 span{font-size: 16px;}
.page-contact #contact{padding: 50px 15px;}
.page-contact #contact .contact-container .bloc-contact{width: 100%;}
.bloc-contact form .half{width: 100%;}
.page-contact #informations{padding: 25px 15px;gap: 25px;margin: 25px 15px;}
.page-contact #informations .map{height: 300px;} .page-ecom { padding-bottom: 120px; }
.page-ecom #entry{height: 60vh;padding: 15px;}
.page-ecom #entry .texte{width: 90%;left: 5%;bottom: 40px;}
.page-ecom #entry .texte h1{font-size: 32px;line-height: 36px;margin-bottom: 20px;}
.page-ecom #entry .texte h1 span{font-size: 16px;}
.page-ecom #ecom{padding: 0 15px 30px;}
.page-ecom #ecom .texte{padding: 30px 15px;}
.page-ecom #text-scroll{padding: 40px 0;}
.page-ecom #text-scroll p{font-size: 40px;line-height: 44px;padding-left: 20px;padding-right: 20px;}
.page-ecom #text-scroll p span{font-size: 40px;line-height: 44px;}
.page-ecom #outillage{margin: 0 15px 15px;padding: 15px;}
.page-ecom #outillage .texte{padding: 30px 15px;} .page-groupe-axys{padding-bottom: 120px;}
.page-groupe-axys #entry{height: 60vh;padding: 15px;}
.page-groupe-axys #entry .texte{width: 90%;left: 5%;bottom: 40px;}
.page-groupe-axys #entry .texte h1{font-size: 32px;line-height: 36px;margin-bottom: 20px;}
.page-groupe-axys #entry .texte h1 span{font-size: 16px;}
.page-groupe-axys #groupe-axys-content{margin: 0 15px 30px;}
.page-groupe-axys #groupe-axys-content .item.style-1 .texte{padding: 30px 15px;}
.page-groupe-axys #groupe-axys-content .item.style-2 .texte{padding: 30px 15px;} .page-savoir-faire { padding-bottom: 120px; }
.page-savoir-faire #entry{height: 60vh;padding: 15px;}
.page-savoir-faire #entry .texte{width: 90%;left: 5%;bottom: 40px;}
.page-savoir-faire #entry .texte h1{font-size: 32px;line-height: 36px;margin-bottom: 20px;}
.page-savoir-faire #entry .texte h1 span{font-size: 16px;}
.page-savoir-faire #savoir-faire-menu{margin: 0 15px 30px;}
.page-savoir-faire #savoir-faire-menu .links{padding: 30px 15px;}
.page-savoir-faire #savoir-faire-menu .links .link{width: 100%;}
.page-savoir-faire #savoir-faire-content{margin: 0 15px 30px;}
.page-savoir-faire #savoir-faire-content .item.style-1 .texte{padding: 30px 15px;}
.page-savoir-faire #savoir-faire-content .item.style-2 .texte{padding: 30px 15px;} .page-secteurs-activites { padding-bottom: 120px; }
.page-secteurs-activites #entry{height: 60vh;padding: 15px;}
.page-secteurs-activites #entry .texte{width: 90%;left: 5%;bottom: 40px;}
.page-secteurs-activites #entry .texte h1{font-size: 32px;line-height: 36px;margin-bottom: 20px;}
.page-secteurs-activites #entry .texte h1 span{font-size: 16px;}
.page-secteurs-activites #introduction{padding: 0 15px 30px;}
.page-secteurs-activites #introduction .texte{padding: 30px 15px;}
.page-secteurs-activites #secteurs-activites .secteurs-grid{grid-template-columns: 1fr;gap: 15px;padding: 0 15px;}
.page-secteurs-activites #plasturgie{margin: 0 15px 15px;padding: 15px;}
.page-secteurs-activites #plasturgie .texte{padding: 30px 15px;} .page-classique #entry{height: 60vh;padding: 15px;}
.page-classique #entry .title{width: 90%;left: 5%;bottom: 40px;}
.page-classique #entry .title h1{font-size: 32px;line-height: 36px;margin-bottom: 20px;}
.page-classique #entry .title h1 span{font-size: 16px;}
.page-classique #content{margin: 0 15px 15px;} .page-404 #content{padding: 80px 15px 40px;} .popup-consult .popup-container{width: 95%;padding: 25px;} footer{margin: 0 15px 0;}
footer .footer-lien-other-pages{width: calc(100% - 40px);margin: -120px auto 0;}
footer .footer-lien-other-pages .lien-other-page .media{height: 250px;}
footer .footer-lien-other-pages .lien-other-page .texte{padding: 0 15px 30px;}
footer .footer-lien-other-pages .lien-other-page .texte p{font-size: 20px;line-height: 24px;}
footer .footer-lien-other-pages .lien-other-page .texte p::first-line{font-size: 14px;}
footer .footer-contact{width: 100%;margin-left: 0;padding: 40px 15px;}
footer .footer-contact h2{font-size: 32px;line-height: 36px;}
footer .footer-contact h2 span{font-size: 32px;line-height: 36px;}
footer .footer-logo{width: 100%;margin-left: 0;margin-top: 40px;padding: 0 15px;}
footer .footer-logo svg{width: 150px;}
footer .footer-bottom{width: 100%;margin-left: 0;padding: 0 15px;margin-bottom: 40px;}
} @media screen and (max-width: 480px) { .bloc-text h1{font-size: 24px;line-height: 28px;margin-bottom: 15px;}
.bloc-text h1 span{font-size: 24px;line-height: 28px;}
.bloc-text h1 strong{font-size: 24px;line-height: 28px;}
.bloc-text h2{font-size: 24px;line-height: 28px;margin-bottom: 15px;}
.bloc-text h2 span{font-size: 24px;line-height: 28px;}
.bloc-text h2 strong{font-size: 24px;line-height: 28px;}
.bloc-text h2 strong span{font-size: 20px;line-height: 26px;}
.bloc-text h3{font-size: 20px;line-height: 24px;margin-bottom: 15px;}
.bloc-text h3 span{font-size: 20px;line-height: 24px;}
.bloc-text h3 strong{font-size: 20px;line-height: 24px;}
.bloc-text p{font-size: 14px;line-height: 24px;}
.bloc-text li{font-size: 14px;line-height: 24px;} header .menu-desktop{padding: 10px 10px 0;gap: 8px;}
header.scrolled .menu-desktop{padding: 10px 10px 0;}
header .menu-desktop .logo{width: 120px;height: 50px;padding: 0 10px;}
header .menu-desktop .logo svg{max-width: 100px;}
header .menu-desktop .lang{height: 50px;width: 50px;}
header .menu-desktop .lang .current{font-size: 12px;gap: 4px;}
header .menu-desktop .lang .select{width: 50px;height: 50px;align-items: center;justify-content: center;}
header .menu-desktop .lang .select a{font-size: 12px;}
header .menu-desktop .burger-button{height: 50px;width: 50px;margin-left: 0px;} header .menu-mobile{padding: 85px 15px 25px;}
header .menu-mobile .navigation nav>ul.menu>li>a{font-size: 17px;padding: 16px 0;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>a{font-size: 14px;padding: 10px 0 10px 15px;color: var(--Color-Blue);} .page-home #entry .bloc-1{margin: 10px;}
.page-home #entry .bloc-1 .media{height: 250px;}
.page-home #entry .bloc-1 .texte{padding: 20px 10px;}
.page-home #entry .bloc-1 .texte h1{font-size: 24px;line-height: 28px;color: var(--Color-Blue);}
.page-home #entry .bloc-1 .texte h1 span{font-size: 24px;color: var(--Color-Orange);}
.page-home #entry .bloc-2{margin: 0 10px 10px;}
.page-home #entry .bloc-2 .media{height: 200px;}
.page-home #entry .bloc-2 .scroll-down{height: 150px;}
.page-home #entry .bloc-2 .logo{height: 150px;}
.page-home #entry .bloc-3 .text-scroll{padding: 30px 0;}
.page-home #entry .bloc-3 .text-scroll p{font-size: 28px;line-height: 32px;padding-left: 15px;padding-right: 15px;}
.page-home #entry .bloc-3 .text-scroll p span{font-size: 28px;line-height: 32px;}
.page-home #groupe-axys{padding: 0 10px 20px;}
.page-home #groupe-axys .text{padding: 20px 10px;}
.page-home #savoir-faire{margin: 0 10px 20px;padding: 20px 10px;}
.page-home #savoir-faire .col-1 .links .link .picto{width: 60px;height: 60px;margin-bottom: 0;}
.page-home #savoir-faire .col-1 .links .link .title{font-size: 22px;line-height: 26px;}
.page-home #services{padding: 0 10px 20px;}
.page-home #services .col-2{padding: 30px 10px;}
.page-home #services .col-2 .links .link .picto{width: 60px;height: 60px;margin-bottom: 0;}
.page-home #services .col-2 .links .link .title{font-size: 22px;line-height: 26px;}
.page-home #secteurs-activites{padding: 20px 0;}
.page-home #secteurs-activites .row-1{padding: 0 10px;gap: 15px;} .page-home #savoir-faire .col-1 .links .link .picto path{fill: var(--Color-Orange);}
.page-home #savoir-faire .col-1 .links .link .description{opacity: 1;}
.page-home #savoir-faire .col-1 .links .link .btn-container{opacity: 1;}
.page-home #services .col-2 .links .link .picto path{fill: var(--Color-Orange);}
.page-home #services .col-2 .links .link .description{opacity: 1;}
.page-home #services .col-2 .links .link .btn-container{opacity: 1;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item{margin-top: -20px;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .text p{opacity: 1;}
.page-home #secteurs-activites .row-2 .secteurs-activites-carousel .item .media img{opacity: .2;} .page-secteurs-activites #secteurs-activites .secteurs-grid .item .text p{opacity: 1;}
.page-secteurs-activites #secteurs-activites .secteurs-grid .item .media img{opacity: .2;} .page-contact #entry{height: auto;padding: 10px 10px 0;display: flex;flex-direction: column;gap: 20px;}
.page-contact #entry .media{order: 1;height: 250px;}
.page-contact #entry .title{width: 100%;left: auto;bottom: auto;position: relative;order: 2;}
.page-contact #entry .title h1{font-size: 24px;line-height: 28px;margin-bottom: 0;color: var(--Color-Blue);}
.page-contact #entry .title h1 span{font-size:24px;}
.page-contact #contact{padding: 40px 10px;}
.bloc-contact form{gap: 20px;}
.bloc-contact form input[type="text"], 
.bloc-contact form input[type="email"], 
.bloc-contact form input[type="tel"],
.bloc-contact form select,
.bloc-contact form textarea{padding: 12px 15px;font-size: 14px;}
.bloc-contact form textarea{height: 140px;}
.page-contact .bloc-contact form button.btn-container{margin-left: 0;width: 100%;}
.page-contact .bloc-contact form .btn-container span:not(.plus){height: 55px;font-size: 14px;padding: 0 20px;}
.page-contact .bloc-contact form .btn-container .plus{height: 55px;width: 55px;}
.page-contact #informations{padding: 20px 10px;gap: 20px;margin: 0px 10px;}
.page-contact #informations .map{height: 250px;} .page-ecom #entry{height: auto;padding: 10px 10px 0;display: flex;flex-direction: column;gap: 20px;}
.page-ecom #entry .media{order: 1;height: 250px;}
.page-ecom #entry .texte{width: 100%;left: auto;bottom: auto;position: relative;order: 2;}
.page-ecom #entry .texte h1{font-size: 24px;line-height: 28px;margin-bottom: 0;color: var(--Color-Blue);}
.page-ecom #entry .texte h1 span{font-size: 24px;color: var(--Color-Orange);}
.page-ecom #ecom{padding: 0 10px 20px;}
.page-ecom #ecom .texte{padding: 20px 10px;}
.page-ecom #text-scroll{padding: 30px 0;}
.page-ecom #text-scroll p{font-size: 28px;line-height: 32px;padding-left: 15px;padding-right: 15px;}
.page-ecom #text-scroll p span{font-size: 28px;line-height: 32px;}
.page-ecom #outillage{margin: 0 10px 10px;padding: 10px;}
.page-ecom #outillage .texte{padding: 20px 10px;} .page-groupe-axys{padding-bottom: 80px;}
.page-groupe-axys #entry{height: auto;padding: 10px 10px 0;display: flex;flex-direction: column;gap: 20px;}
.page-groupe-axys #entry .media{order: 1;height: 250px;}
.page-groupe-axys #entry .texte{width: 100%;left: auto;bottom: auto;position: relative;order: 2;}
.page-groupe-axys #entry .texte h1{font-size: 24px;line-height: 28px;margin-bottom: 0;color: var(--Color-Blue);}
.page-groupe-axys #entry .texte h1 span{font-size: 24px;color: var(--Color-Orange);}
.page-groupe-axys #groupe-axys-content{margin: 0 10px 20px;}
.page-groupe-axys #groupe-axys-content .item.style-1 .texte{padding: 20px 10px;}
.page-groupe-axys #groupe-axys-content .item.style-2{padding: 10px;}
.page-groupe-axys #groupe-axys-content .item.style-2 .texte{padding: 20px 10px;} .page-savoir-faire #entry{height: auto;padding: 10px 10px 0;display: flex;flex-direction: column;gap: 20px;margin-bottom: 20px;}
.page-savoir-faire #entry .media{order: 1;height: 250px;}
.page-savoir-faire #entry .texte{width: 100%;left: auto;bottom: auto;position: relative;order: 2;}
.page-savoir-faire #entry .texte h1{font-size: 24px;line-height: 28px;margin-bottom: 0;color: var(--Color-Blue);}
.page-savoir-faire #entry .texte h1 span{font-size: 24px;color: var(--Color-Orange);}
.page-savoir-faire #savoir-faire-menu{margin: 0 10px 20px;}
.page-savoir-faire #savoir-faire-menu .links{padding: 20px 10px;gap: 15px;}
.page-savoir-faire #savoir-faire-menu .links .link .picto{width: 60px;height: 60px;}
.page-savoir-faire #savoir-faire-menu .links .link .title{font-size: 22px;line-height: 26px;}
.page-savoir-faire #savoir-faire-content{margin: 0 10px 20px;}
.page-savoir-faire #savoir-faire-content .item.style-1 .texte{padding: 20px 10px;}
.page-savoir-faire #savoir-faire-content .item.style-2 .texte{padding: 20px 10px;} .page-secteurs-activites #entry{height: auto;padding: 10px 10px 0;display: flex;flex-direction: column;gap: 20px;margin-bottom: 20px;}
.page-secteurs-activites #entry .media{order: 1;height: 250px;}
.page-secteurs-activites #entry .texte{width: 100%;left: auto;bottom: auto;position: relative;order: 2;}
.page-secteurs-activites #entry .texte h1{font-size: 24px;line-height: 28px;margin-bottom: 0;color: var(--Color-Blue);}
.page-secteurs-activites #entry .texte h1 span{font-size: 24px;color: var(--Color-Orange);}
.page-secteurs-activites #introduction{padding: 0 10px 20px;}
.page-secteurs-activites #introduction .texte{padding: 20px 10px;}
.page-secteurs-activites #secteurs-activites .secteurs-grid{padding: 0 10px;gap: 15px;}
.page-secteurs-activites #plasturgie{margin: 0 10px 10px;padding: 10px;}
.page-secteurs-activites #plasturgie .texte{padding: 20px 10px;} .page-classique #entry{height: auto;padding: 10px 10px 0;display: flex;flex-direction: column;gap: 20px;margin-bottom: 20px;}
.page-classique #entry .media{order: 1;height: 250px;}
.page-classique #entry .title{width: 100%;left: auto;bottom: auto;position: relative;order: 2;}
.page-classique #entry .title h1{font-size: 24px;line-height: 28px;margin-bottom: 0;color: var(--Color-Blue);}
.page-classique #entry .title h1 span{font-size: 24px;color: var(--Color-Orange);}
.page-classique #content{margin: 0 10px 10px;} .page-404 #content{padding: 60px 10px 30px;} .popup-consult .popup-container{width: 95%;padding: 20px;}
.popup-consult .popup-container h2{font-size: 20px;line-height: 24px;} footer{margin: 0 10px 0;}
footer .footer-lien-other-pages{margin-top: -100px;gap: 10px;}
footer .footer-lien-other-pages .lien-other-page .media{height: 200px;}
footer .footer-lien-other-pages .lien-other-page .texte{padding: 0 10px 20px;}
footer .footer-lien-other-pages .lien-other-page .texte p{font-size: 18px;line-height: 22px;}
footer .footer-lien-other-pages .lien-other-page .texte p::first-line{font-size: 12px;}
footer .footer-contact{padding: 30px 10px;}
footer .footer-contact h2{font-size: 24px;line-height: 28px;}
footer .footer-contact h2 span{font-size: 24px;line-height: 28px;}
footer .footer-logo{margin-top: 30px;padding: 0 10px;}
footer .footer-logo svg{width: 120px;}
footer .footer-bottom{padding: 0 10px;margin-bottom: 30px;gap: 20px;}
footer .footer-bottom .adress p{font-size: 14px;line-height: 24px;}
footer .footer-bottom .navigation a{font-size: 14px;}
footer .footer-bottom .mention a{font-size: 14px;}
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}