.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: "Barlow";
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Barlow";
font-weight:bold;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-Bold.ttf) format("truetype");
}
@font-face {
font-family: "Barlow";
font-weight:900;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-Black.ttf) format("truetype");
}
@font-face {
font-family: "Barlow";
font-weight:800;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-ExtraBold.ttf) format("truetype");
}
@font-face {
font-family: "Barlow";
font-weight:700;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-Bold.ttf) format("truetype");
}
@font-face {
font-family: "Barlow";
font-weight:600;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-SemiBold.ttf) format("truetype");
}
@font-face {
font-family: "Barlow";
font-weight:500;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-Medium.ttf) format("truetype");
}
@font-face {
font-family: "Barlow";
font-weight:400;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Barlow";
font-weight:300;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-Light.ttf) format("truetype");
}
@font-face {
font-family: "Barlow";
font-weight:200;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-ExtraLight.ttf) format("truetype");
}
@font-face {
font-family: "Barlow";
font-weight:100;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Barlow/Barlow-Thin.ttf) format("truetype");
} @font-face {
font-family: "Raleway";
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Raleway/Raleway-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Raleway";
font-weight:900;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Raleway/Raleway-Black.ttf) format("truetype");
}
@font-face {
font-family: "Raleway";
font-weight:800;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Raleway/Raleway-ExtraBold.ttf) format("truetype");
}
@font-face {
font-family: "Raleway";
font-weight:700;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Raleway/Raleway-Bold.ttf) format("truetype");
}
@font-face {
font-family: "Raleway";
font-weight:600;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Raleway/Raleway-SemiBold.ttf) format("truetype");
}
@font-face {
font-family: "Raleway";
font-weight:500;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Raleway/Raleway-Medium.ttf) format("truetype");
}
@font-face {
font-family: "Raleway";
font-weight:400;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Raleway/Raleway-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Raleway";
font-weight:300;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Raleway/Raleway-Light.ttf) format("truetype");
}
@font-face {
font-family: "Raleway";
font-weight:200;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Raleway/Raleway-ExtraLight.ttf) format("truetype");
}
@font-face {
font-family: "Raleway";
font-weight:100;
src: url(//www.agricompost.eu/wp-content/themes/lesbonstech/assets/fonts/Raleway/Raleway-Thin.ttf) format("truetype");
}
.menu-item a.header_scroll:hover,
.sub-menu .menu-item a:hover,
.header-mobile .menu-item a:hover {
color: var(--btn-color) !important;
}
.menu-item>a.header_scroll::after,
.sub-menu .menu-item a::after,
.header-mobile .menu-item a::after {
background-color: var(--btn-color) !important;
}
.page_item a.header_scroll,
.sub-menu .page_item a,
.header-mobile .page_item a {
color: var(--btn-color) !important;
} #open-menu,
#close-menu {
cursor: pointer;
}
header .header-mobile {
display: none;
}
header .header-mobile .menu-mobile {
width: 231px;
height: 100vh;
position: absolute;
top: 0;
right: -120%;
background-color: var(--white-color);
transition: right 0.3s;
padding: 30px 30px 0 30px;
}
header .header-mobile .menu-mobile .menu-toggle {
text-align: right;
}
header .header-mobile .menu-mobile.active {
right: 0 !important;
}
header .header-mobile .mo-menu ul.sub-menu {
margin: 15px 0 0 !important;
}
header .header-mobile .mo-menu ul.sub-menu li {
padding: 0 !important;
border-bottom: none !important;
}
header .header-mobile .mo-menu li:hover ul {
position: relative;
left: 0;
}
header .header-mobile .mo-menu ul {
list-style-type: none;
padding: 0;
margin: 15px 0 39px;
}
header .header-mobile .mo-menu ul.sub-menu li a {
font-weight: normal;
text-transform: none;
}
header .header-mobile .mo-menu ul li {
padding: 20px 0;
border-bottom: 1px solid var(--text-color);
width: 100%;
}
header .header-mobile .mo-menu ul li a {
font-family: "Barlow";
font-weight: bold;
font-size: 15px;
line-height: 18px;
text-transform: uppercase;
color: var(--text-color);
text-decoration: none;
}
header .header-mobile .mo-menu .menu-item-has-children a .submenu {
color: red !important;
}
header .header-mobile .mo-menu .menu-item-has-children::after {
content: url(//www.agricompost.eu/wp-content/uploads/2022/07/plus_black.png);
position: absolute;
right: 0;
top: 20px;
} .header {
display: flex;
padding: 0 150px;
justify-content: space-between;
height: 105px;
position: fixed;
width: -webkit-fill-available;
background: transparent;
z-index: 10000;
}
.header-logo {
height: 95px;
align-self: center;
}
.header-logo a img {
height: 95px;
width: auto;
}
.header-menu {
display: flex;
align-items: center;
}
.hd-menu {
margin-right: 5px;
}
#menu-header {
display: flex;
flex-direction: row;
font-family: "Barlow";
font-weight: bold;
font-size: 15px;
letter-spacing: 0.9px;
text-transform: uppercase;
list-style: none;
}
#menu-header li a {
text-decoration: none;
color: var(--white-color);
}
.sub-menu {
position: absolute;
list-style: none;
left: -999em;
text-align: left;
z-index: 1000;
padding: 10px;
background: var(--white-color);
}
.sub-menu>li {
width: max-content;
margin-right: 0px !important;
margin-bottom: 10px;
}
.sub-menu>li:nth-child(1) {
margin-top: 10px;
}
header #menu-header .sub-menu li a {
color: var(--text-color);
}
#menu-header li:hover ul {
left: auto;
}
#menu-header li {
margin-right: 30px;
}
.menu-item-has-children::after {
content: url(//www.agricompost.eu/wp-content/uploads/2022/07/plus_blanc.png);
position: absolute;
right: -14.5px;
top: 0;
}
.menu-item-has-children {
position: relative;
margin-right: 44.5px !important;
}
.menu-item-has-children>a {
cursor: default;
}
.page_item a {
color: var(--white-color) !important;
display: inline-block;
position: relative;
}
.page_item a::after {
width: 50% !important;
transform: scaleX(1) !important;
}
.menu-item a:hover {
color: var(--white-color) !important;
}
.menu-item>a::after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: var(--white-color);
border-radius: 5px;
transform: scaleX(0);
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.menu-item>a:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
@media screen and (max-width:991px) {
.header-menu {
display: none;
}
.header-mobile {
display: block !important;
}
.header {
padding: 6px 20px;
align-items: center;
}
}
.footer {
background-color: var(--main-color);
}
.footer p {
font-size: 15px;
line-height: 24px;
color: #ffffff;
text-align: left;
}
.footer a {
font-size: 15px;
line-height: 24px;
color: #ffffff !important;
text-align: left;
text-decoration: none;
display: block;
}
.footer span {
font-family: "Barlow";
font-weight: bold;
font-size: 20px;
line-height: 24px;
color: #ffffff !important;
text-align: left;
text-transform: uppercase;
margin-bottom: 21px;
} .footer-container {
max-width: 1140px;
margin: 0 auto 50px;
padding-top: 74px;
display: flex;
}
.footer-logo {
margin-bottom: 17px;
}
.footer-logo a img {
height: 131px;
width: auto;
}
.footer-content-right {
display: flex;
}
.fcr-1 {
display: flex;
flex-direction: column;
width: 134px;
margin-right: 113px;
}
.fcr-2 {
display: flex;
flex-direction: column;
width: 196px;
margin-right: 84px;
}
.fcr-3 {
width: 199px;
}
.footer-content-left {
margin-right: 87px;
}
.mb-17 {
margin-bottom: 17px;
}
.fcr_flex {
display: flex;
}
.fcr_flex img {
width: 20px;
height: 20px;
margin-right: 10px;
}
.fcrf-1 {
margin-top: 37px;
}
.fcrf-2 {
margin-top: 27px;
}
.fcrf-3 {
margin-top: 28px;
}
.fcrf-4 {
margin-top: 24px;
} .footer-bottom {
max-width: 1140px;
display: flex;
flex-direction: row;
margin: 0 auto;
padding-bottom: 30px;
}
.footer .bot a {
font-size: 15px;
line-height: 24px;
color: var(--white-color) !important;
opacity: 60%;
text-decoration: none;
}
.footer-bleft {
display: flex;
width: 50%;
text-align: left;
}
.footer-bleft a {
margin-right: 39px;
}
.footer-bright {
width: 50%;
text-align-last: right;
}
@media screen and (max-width:991px) {
footer .footer-container {
margin: 0;
display: block;
padding: 35px 20px 20px;
}
footer .footer-content-left {
text-align: center;
margin-bottom: 30px;
margin-right: 0;
}
footer .footer p {
text-align: center;
}
footer .footer-content-right {
display: block;
}
footer .footer-bottom {
display: block;
margin: 0;
padding: 0 0 20px;
}
footer .footer-bottom a {
font-size: 13px;
line-height: 20px;
}
footer .footer .bot .left {
margin-bottom: 19px;
}
footer .footer .bot .right a {
font-size: 10px;
}
footer .footer-bottom .footer-bleft,
footer .footer-bottom .footer-bright {
width: 100%;
text-align-last: center;
}
footer .footer .bot .left {
display: flex;
justify-content: space-evenly;
}
footer .footer .bot .left a {
margin-right: 0;
}
footer .footer span {
padding: 0 0 8px;
border-bottom: 1px solid white;
font-size: 13px;
line-height: 20px;
}
footer .footer .fcr-1,
footer .footer .fcr-2,
footer .footer .fcr-3 {
width: 100%;
margin-right: 0;
}
footer .footer .fcr-1>div,
footer .footer .fcr-2>div,
footer .footer .fcr-3>div {
width: 100%;
margin-right: 0;
}
footer .footer .container .right .content>div {
display: none;
}
footer .footer .container .right .content>div.active {
display: block;
margin-bottom: 35px;
}
footer .footer .fcr-3 {
display: flex;
flex-direction: column;
}
footer .footer .arrow-menu.active {
transform: rotate(90deg);
}
footer .footer img.arrow-menu {
filter: invert(1);
height: 15px;
width: 15px;
position: absolute;
right: 20px;
transition: all .3s;
}
}
.home .s1 {
transition: all 0.3s ease 0s;
background-image: url(//www.agricompost.eu/wp-content/uploads/2022/07/Tracteur-camion-citerne.png);
background-repeat: no-repeat !important;
background-size: cover !important;
height: 820px;
position: relative;
}
.home .s1 .container {
padding: 356px 0 0 150px;
justify-content: initial;
}
.home .s1 span.title {
font-weight: 900;
font-size: 65px;
letter-spacing: 0.65px;
text-transform: uppercase;
line-height: 57px;
color: #ffffff;
}
.home .s1 .title {
margin-bottom: 15px;
}
.home .s1 .text h1 {
font-family: "Barlow";
font-weight: bold;
font-size: 38px;
letter-spacing: 0.38px;
text-transform: uppercase;
line-height: 39px;
color: #ffffff;
}
.home .s1 .text {
width: 55%;
margin-bottom: 49px;
}
.home .s1 .slider-dot {
text-align: center;
margin-top: -208px;
} .home .s1 .dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 15px;
background-color: #fff;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.home .s1 .active,
.home .s1 .dot:hover {
background-color: #FB7102;
}
@media screen and (min-width: 992px) {
.home .s1 .slider-dot {
position: absolute;
bottom: 20px;
left: 40%;
right: 40%;
}
}
@media screen and (max-width: 991px) {
.home .s1 {
height: 546px !important;
background-position: right !important;
}
.home .s1 .container {
padding: 220px 0 0 !important;
text-align: -webkit-center;
align-items: center;
height: auto;
}
.home .s1 span.title {
font-size: 45px !important;
letter-spacing: 0.45px !important;
}
.home .s1 .text {
margin-bottom: 39px !important;
width: 90% !important;
}
.home .s1 .text h1 {
font-size: 25px !important;
letter-spacing: 0.25px !important;
line-height: 29px !important;
}
.home .s1 .slider-dot {
margin-top: 25px !important;
}
.home .s1 .slider-dot .dot {
height: 10px;
width: 10px;
}
} .home .s2 {
margin-top: 80px;
}
.home .s2 .container {
padding: 0 150px;
}
.home .s2 .top {
display: flex;
flex-direction: row;
align-items: center;
}
.home .s2 .top .left {
width: 75%;
}
.home .s2 .top .right {
width: 25%;
text-align: right;
}
.home .s2 .bot {
margin-top: 35px;
display: flex;
}
.home .s2 .bot .left,
.home .s2 .bot .center,
.home .s2 .bot .right {
width: 33%;
}
.home .s2 .bot .left,
.home .s2 .bot .center {
margin-right: 16px;
}
.left-border-info {
border-left: 2px solid #FB7102;
margin-bottom: 12px;
}
.left-border-info h2 {
margin: 0 0 0 10px;
font-weight: bold;
font-size: 15px;
line-height: 24px;
color: #263141;
}
.home .s2 .bot .left .text p,
.home .s2 .bot .center .text p,
.home .s2 .bot .right .text p {
font-size: 15px;
line-height: 24px;
color: #263141;
}
.show-read-more {
max-height: 120px;
overflow: hidden;
}
.read-more {
cursor: pointer;
transition: .3s;
}
.read-more-active {
content: url(//www.agricompost.eu/wp-content/uploads/2022/08/moins_orange.png);
}
@media screen and (max-width:991px) {
.home .s2 {
margin-top: 60px;
}
.home .s2 .container {
padding: 0 20px !important;
}
.home .s2 .top .left .title h1 {
font-size: 35px;
letter-spacing: 0.35px;
line-height: 37px;
}
.home .s2 .home .s2 .left {
width: 100%;
}
.home .s2 .home .s2 .right {
display: none;
}
.home .s2 .bot {
display: block;
}
.home .s2 .bot .left,
.home .s2 .bot .center,
.home .s2 .bot .right {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.home .s2 .bot .right {
margin-bottom: 40px;
}
.home .s2 .bot .bouton {
text-align: center;
}
} .home .s3 {
margin-top: 120px;
background-color: rgba(121, 161, 34, 0.1);
}
.h-s3-top .title {
margin-bottom: 50px;
}
.home_s3-content {
padding-top: 50px;
padding-bottom: 80px;
}
.h-s3-bottom h3 {
font-family: "Barlow";
font-weight: Bold;
font-size: 35px;
line-height: 40px;
color: #ffffff;
}
.h-s3-bottom p {
font-weight: 600;
font-size: 15px;
line-height: 24px;
color: #ffffff;
margin-top: 10px;
margin-bottom: 39px;
}
.h-s3-bottom .t-background {
width: 33%;
height: 350px;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
box-shadow: inset 0 0 0 1000px rgb(29 72 26 / 31%);
padding: 51px 20px 0;
}
.h-s3-bottom .top,
.bottom {
display: flex;
}
.h-s3-bottom .t-background:hover .hide {
display: inline-block !important;
}
.h-s3-bottom .t-background:hover .title {
transform: translateY(0px);
}
.h-s3-bottom .t-background .title {
transform: translateY(80px);
transition: 0.3s;
}
@media screen and (min-width: 992px) {
.home .s3 .top .mini_title {
place-content: center;
}
.home .s3 .top .title {
text-align: center;
}
}
@media screen and (max-width: 991px) {
.home .s3 .top {
text-align: center;
}
.home .s3 .top .mini_title {
justify-content: center;
}
div.home .s3 {
margin-top: 90px;
}
.home .s3 .s3_content .h-s3-bottom .top,
.home .s3 .s3_content .h-s3-bottom .bottom {
display: block;
}
.home .s3 .s3_content>.top {
padding: 0 20px;
text-align: initial;
}
.home .s3 .top .title {
margin-bottom: 28px;
}
.home .s3 .h-s3-bottom .t-background {
width: 100%;
padding: 51px 0 0;
}
.home .s3 .h-s3-bottom .t-background h2.title {
margin-top: 0;
transform: translateY(4em);
}
.home .s3 .h-s3-bottom .t-background:hover h2.title {
transform: translateY(0);
}
.home .s3 .h-s3-bottom {
height: 546px;
overflow: scroll;
}
.home .s3 .s3_content {
padding: 35px 0 50px;
}
.home .s3 .container .top .title h2 {
text-align: center;
}
} .home .s4 {
margin-top: 120px;
}
.home .s4_content {
padding: 0 0 0 150px;
}
.home_section-4 .left,
.home_section-4 .right {
width: 50%;
}
.home_s4-content {
display: flex;
}
.home_s4-content .title {
margin-bottom: 35px;
}
.home_s4-content .left .infos {
display: flex;
margin-bottom: 44px;
}
.home_s4-content .info {
width: 33%;
}
.home_s4-content .infos span {
margin: 0 0 6px 0;
font-family: "Barlow";
font-weight: bold;
font-size: 25px;
line-height: 40px;
color: #FB7102;
} .home .s4 .splide__slide {
background-size: cover;
width: 341px !important;
height: 448px !important;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.home .s4 .splide__slide.is-active {
-webkit-transform: scale(1);
transform: scale(1);
}
.home .s4 .splide__slide .infos {
background-color: rgb(255 255 255 / 85%);
padding: 11.5px 20px;
height: 89px;
position: absolute;
bottom: 0;
}
.home .s4 .splide__slide .infos span {
font-family: "Raleway";
font-weight: bold;
font-size: 15px;
line-height: 24px;
color: #263141;
margin: 0;
}
.home .s4 .splide__slide .infos p {
font-size: 15px;
line-height: 24px;
color: #263141;
}
.my-slider-progress {
background: #ccc;
width: 160px;
border-radius: 5px;
height: 3px;
}
.my-slider-progress-bar {
background: #FB7102;
height: 3px;
transition: width 400ms ease;
width: 0;
border-radius: 5px;
}
.home .s4 .container .right .splide__arrows {
bottom: 2%;
}
.splide__arrows {
display: flex;
align-items: center;
position: absolute;
right: 3%;
bottom: 4%;
}
.splide__arrow {
position: unset !important;
transform: none !important;
height: 20px !important;
width: auto !important;
background: none !important;
padding: revert !important;
}
.splide__arrow--prev {
left: unset !important;
content: url(//www.agricompost.eu/wp-content/uploads/2022/08/left-arrow.png);
}
.splide__arrow--next {
right: unset !important;
content: url(//www.agricompost.eu/wp-content/uploads/2022/08/right-arrow.png);
}
@media screen and (min-width:992px) {
.home .s4 .left .top>p {
margin-bottom: 30px;
}
}
@media screen and (max-width:991px) {
div.home .s4 {
margin-top: 90px;
}
.home .s4 .s4_content {
padding: 0;
display: block;
}
.home .s4 .left,
.home .s4 .right {
width: auto;
}
.home .s4 .infos {
display: block;
margin-bottom: 39px;
}
.home .s4 .info {
width: 100%;
display: flex;
align-items: center;
}
.home .s4 .info span {
margin-right: 10px;
}
.home .s4 .left {
padding: 0 20px;
}
.home .s4 .left .top {
margin-bottom: 20px;
}
.home .s4 .right {
margin-top: 49px;
}
.home .s4 .right .splide__slide {
width: 100% !important;
transform: none;
-webkit-transform: none;
}
.home .s4 .right .splide__slide .infos {
padding: 9.5px 20px;
height: 56px;
margin-top: 96%;
}
.home .s4 .right .splide__slide .infos span {
margin: 0 0 5px !important;
font-size: 13px;
line-height: 20px;
}
.home .s4 .right .splide__slide .infos p {
margin: 0 !important;
font-size: 13px;
line-height: 20px;
}
.home .s4 .right .splide__arrows {
position: unset;
place-content: center;
margin-top: 14px;
}
.home .s4 .left .infos br {
display: none;
}
.home .s4 .left .bouton {
text-align: center;
}
} .home .s5 {
background-color: #1D481A;
}
.home .s5 .container {
max-width: 1140px;
margin: 0 auto;
}
.home .s5 .container h1 {
font-size: 55px;
line-height: 57px;
letter-spacing: 0.55px;
color: #ffffff;
margin-bottom: 35px;
}
.home .s5 .container .mini_info {
margin-bottom: 49px;
margin-left: 7px;
}
.home .s5 .container .mini_info img {
margin-right: 11px;
margin-left: -2px;
}
.home .s5 .container .mini_info,
.home .s5 .container .mini_title span {
color: #ffffff !important;
}
@media screen and (min-width: 992px) {
.home .s5 {
margin-top: 120px;
}
.home .s5 .container {
display: flex;
padding: 100px 0;
}
.home .s5 .container .left {
width: 50%;
align-self: center;
}
}
@media screen and (max-width: 991px) {
.home .s5 {
margin-top: 90px;
}
.home .s5 .left {
padding: 35px 20px 0;
}
.home .s5 .right {
padding: 0 0 35px 0;
position: relative;
height: 310px;
overflow: hidden;
}
.home .s5 .right img {
position: absolute;
left: -35%;
}
.home .s5 .container .left {
margin-bottom: 39px;
}
.home .s5 .container .left .mini_info {
margin-bottom: 39px;
margin-left: 4px;
}
.home .s5 .container .left .mini_info img {
margin-right: 10px;
}
} .home .s5-2 .splide__slide {
box-shadow: 0px 3px 6px #00000029;
display: flex;
align-items: center;
justify-content: center;
}
.home .s5-2 .splide__slide img {
height: 250px;
object-fit: cover;
}
.home .s5-2 .splide__list { transition: .3s;
}
.home .s5-2 .splide__pagination__page.is-active {
background: #FB7102;
transform: scale(1);
border: none;
}
.home .s5-2 .splide__pagination__page {
background: #fff;
border: 1px solid black;
height: 10px;
opacity: 1;
width: 10px;
}
.home .s5-2 .splide__pagination {
bottom: -0.5em;
}
@media screen and (min-width: 992px) {
.home .s5-2 {
margin-top: 120px;
}
.home .s5-2 .container {
text-align: center;
}
.home .s5-2 .splide__slide img {
height: 140px;
object-fit: cover;
}
.home .s5-2 .splide__slide {
width: 380px !important;
height: 180px;
margin: 10px 20px 0;
}
.home .s5-2 .splide__track {
height: 240px;
}
.home .s5-2 .splide__pagination__page {
margin: 0px 25px;
}
}
@media screen and (max-width: 991px) {
.home .s5-2 {
margin-top: 90px;
}
.home .s5-2 .container .top {
padding: 0 20px;
}
.home .s5-2 .splide__slide img {
width: 119px;
height: 168px;
object-fit: cover;
}
.home .s5-2 .splide__slide {
height: 168px;
width: 335px !important;
margin: 0 10px;
}
.home .s5-2 .splide__slide .right {
align-self: center;
text-align: left;
padding: 15px 5px 15px 15px;
}
.home .s5-2 .splide__slide .right .nom {
font-weight: bold;
font-size: 13px;
line-height: 20px;
color: #263141;
}
.home .s5-2 .splide__slide .right .secteur {
font-style: italic;
font-size: 11px;
line-height: 17px;
color: #263141;
}
.home .s5-2 .splide__slide .right .texte {
font-size: 11px;
line-height: 17px;
}
.home .s5-2 .splide__track {
height: 190px;
}
.transports .s6 .splide__pagination__page {
margin: 0px 10px;
}
} .home .s6 .container {
max-width: 1140px;
margin: 0 auto;
}
.home .s6 .container .text {
margin-bottom: 60px;
}
.home .s6 .container .text .mini_title {
justify-content: center;
}
.home .s6 .container .left {
display: flex;
margin-right: 31px;
background-color: rgb(121 161 34 / 10%);
max-height: 273px;
}
.home .s6 .container .right {
display: flex;
background-color: rgb(121 161 34 / 10%);
max-height: 273px;
}
.home .s6 .container .info {
align-self: center;
text-align: left;
margin-left: 22px;
margin-right: 30px;
}
.home .s6 .container .info .text {
margin-bottom: 35px;
margin-left: 12px;
}
.home .s6 .container .info a {
margin-left: 10px;
}
.home .s6 h2 {
text-align: center;
}
@media screen and (min-width: 992px) {
.home .s6 {
margin-top: 120px;
}
.home .s6 .content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 62px;
}
.home .s6 .container .right {
margin-left: 31px;
}
}
@media screen and (max-width: 991px) {
.home .s6 {
margin-top: 90px;
}
.home .s6 .container {
margin: 0;
padding: 0 20px;
text-align: initial;
}
.home .s6 .container .info .text {
margin-bottom: 15px;
}
.home .s6 .left,
.home .s6 .right {
width: 100%;
margin-left: 0;
}
.home .s6 .info .title_border h3 {
line-height: inherit;
}
.home .s6 .container .content {
display: block;
}
.home .s6 .container .content .left,
.home .s6 .container .content .right {
margin-bottom: 20px;
height: 210px;
}
.home .s6 .container .content .left img,
.home .s6 .container .content .right img {
height: -webkit-fill-available;
}
.home .s6 .container .info {
margin: 0 5px 0 15px;
}
} .home .s7 .title {
margin-bottom: 35px;
}
.home .s7 .text {
margin-bottom: 45px;
}
@media screen and (min-width: 992px) {
.home .s7 {
margin-top: 120px;
}
}
@media screen and (max-width: 991px) {
.home .s7 {
margin-top: 90px;
}
}
@media screen and (min-width: 992px) {
.structure .s1 .container h1 {
padding-top: 2em;
}
}
@media screen and (max-width: 991px) {
.structure .s1 .container {
padding: 0;
margin: 0 20px;
}
} .structure .s2 .container .title h1 {
margin-bottom: 60px;
}
.historique-activites {
overflow: scroll;
}
.historique-activites .timeline .top,
.historique-activites .timeline .bot {
display: flex;
}
.historique-activites .timeline .bot {
margin-left: 210px;
}
.timeline {
width: 2005px;
}
.historique-activites .timeline .infos {
width: 100%;
max-width: 266px;
margin-bottom: 15.5px;
height: 162px;
position: relative;
margin-right: 114px;
}
.historique-activites .timeline .infos .title {
margin-bottom: 12px;
}
.historique-activites .timeline .infos .title span {
font-size: 15px;
line-height: 24px;
font-weight: bold;
}
.historique-activites .timeline .infos .text {
font-size: 15px;
line-height: 24px;
margin: 0;
}
.historique-activites .timeline .infos .btn-green.plus_white {
position: absolute;
bottom: -10px;
left: 0px;
}
.historique-activites .mid {
position: relative;
}
.middle_bar {
margin: 131px 0 131px 6px;
}
.date {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: -114px;
}
.date_reverse {
flex-direction: column-reverse;
top: -65px;
}
.d_1 {
left: 50px;
}
.d_2 {
left: 240px;
}
.d_3 {
left: 430px;
}
.d_4 {
left: 620px;
}
.d_5 {
left: 810px;
}
.d_6 {
left: 1000px;
}
.d_7 {
left: 1190px;
}
.d_8 {
left: 1380px;
}
.d_9 {
left: 1570px;
}
.d_10 {
left: 1776px;
}
.date span {
font-family: "Barlow";
font-weight: bold;
font-size: 55px;
line-height: 57px;
letter-spacing: 0.55px;
text-transform: uppercase;
color: #263141;
}
.date .barre {
height: 106px;
width: 1px;
background: #263141;
margin: -9.5px 0;
}
.date img {
height: 19px;
z-index: 1;
}
.start_point {
position: absolute;
top: -6px;
left: 0;
}
.mg-r-none {
margin-right: 0 !important;
}
.end_point {
position: absolute;
top: -6px;
right: 74px;
}
.line {
height: 3px;
width: 1919px;
background: #263141;
position: relative;
}
@media screen and (min-width:992px) {
.structure .s2 .container {
margin: 93px 0 0 150px;
}
}
@media screen and (max-width:991px) {
.structure .s2 .container {
margin: 60px 0 0 20px;
}
} .structure .s3 {
margin-top: 150px;
}
.structure .s3 .container {
background-color: rgb(121 161 34 / 10%);
padding: 50px 150px 80px 150px;
}
.structure .s3 .container .top {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 81px;
grid-auto-rows: minmax(100px, auto);
}
.structure .s3 .container .top .left {
grid-column: 1;
grid-row: 1;
}
.structure .s3 .container .top h1 {
margin-bottom: 35px;
}
.structure .s3 .container .top .right {
grid-column: 2;
grid-row: 1;
}
.structure .s3 .container .top .right img {
margin-top: -80px;
}
.structure .s3 .container .bot .infos {
margin-top: 50px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 52px;
grid-auto-rows: minmax(100px, auto);
}
.structure .s3 .container .bot .infos .left {
grid-column: 1;
grid-row: 1;
}
.structure .s3 .container .bot .infos .center {
grid-column: 2;
grid-row: 1;
}
.structure .s3 .container .bot .infos.right {
grid-column: 3;
grid-row: 1;
}
.structure .s3 .container .bot .text {
margin-left: 12px;
}
.structure .s3 .container .bot .text p {
font-size: 15px;
line-height: 24px;
color: #263141;
}
@media screen and (min-width:992px) {
.structure .s3 .container .top .image img {
width: 570px;
height: 387px;
object-fit: cover;
}
}
@media screen and (max-width:991px) {
.structure .s3 .container {
padding: 30px 20px 20px 20px;
}
.structure .s3 .container .top {
display: flex;
flex-direction: column-reverse;
grid-gap: 30px;
}
.structure .s3 .container .top .image img {
width: -webkit-fill-available;
height: 227px;
object-fit: cover;
}
.structure .s3 .container .bot .text p {
font-size: 13px;
line-height: 20px;
}
.structure .s3 .container .bot .infos {
display: block;
}
.structure .s3 .container .bot .infos .text {
margin-bottom: 30px;
}
.structure .s3 .container .bot .infos .title_border h3 {
font-size: 13px;
line-height: 22px;
}
} .structure .s4 .container {
max-width: 1140px;
margin: 0 auto;
}
.structure .s4 .container .mini-title {
place-content: center;
}
.structure .s4 .container .title {
margin-bottom: 35px;
}
.structure .s4 .container .text p {
font-size: 15px;
line-height: 24px;
color: #263141;
}
@media screen and (min-width:992px) {
.structure .s4 {
margin-top: 120px;
}
.structure .s4 .container {
text-align: center;
}
.structure .s4 .container .mini_title {
justify-content: center;
}
.structure .s4 .container .text {
margin: 0 150px 50px 150px;
}
}
@media screen and (max-width:991px) {
.structure .s4 {
margin-top: 90px;
}
.structure .s4 .container .mini_title {
margin: 0 20px 10px;
}
.structure .s4 .container .title {
margin: 0 20px;
}
.structure .s4 .container .text {
margin: 0 20px 30px 20px;
}
.structure .s4 .container .image img {
width: -webkit-fill-available;
}
} .structure_s5-content {
max-width: 1140px;
margin: 0 auto;
}
.structure_s5-content .title {
margin-bottom: 50px;
}
.team_wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 2, 1fr;
grid-gap: 35px 62px;
grid-auto-rows: minmax(100px, auto);
}
.team_wrapper .one {
grid-column: 1;
grid-row: 1;
}
.team_wrapper .two {
grid-column: 2;
grid-row: 1;
}
.team_wrapper .three {
grid-column: 3;
grid-row: 1;
}
.team_wrapper .four {
grid-column: 1;
grid-row: 2;
}
.team_wrapper .five {
grid-column: 2;
grid-row: 2;
}
.team_wrapper .six {
grid-column: 3;
grid-row: 2;
}
.team_wrapper .staff_wrap {
height: 299px;
width: 339px;
background-size: cover;
display: flex;
align-items: flex-end;
align-content: center;
}
.team_wrapper .staff_wrap.desactiver {
display: none;
}
.team_wrapper .info {
background-color: rgb(255 255 255 / 85%);
padding: 11px 20px 6.5px 20px;
margin-top: 61%;
}
.team_wrapper .info:hover p {
max-height: 300px;
}
.team_wrapper .info:hover span.role {
max-height: 100px;
}
.team_wrapper span.raleway {
font-size: 15px;
line-height: 24px;
display: inline-block;
margin: 0;
font-weight: bold;
}
.team_wrapper span.role {
font-style: italic;
font-size: 13px;
line-height: 16px;
margin-bottom: 0;
color: #263141;
max-height: 15px;
overflow: hidden;
display: inline-flex;
transition: max-height 0.3s cubic-bezier(0.63, 0.05, 0.29, 0.93);
}
.team_wrapper p {
font-size: 13px;
line-height: 16px;
margin-bottom: 0;
color: #263141;
max-height: 32px;
overflow: hidden;
transition: max-height 0.3s cubic-bezier(0.63, 0.05, 0.29, 0.93);
}
@media screen and (min-width: 992px) {
.structure .s5 {
margin-top: 120px;
}
}
@media screen and (max-width: 991px) {
.structure .s5 {
margin-top: 90px;
}
.structure .s5 .container .top {
margin: 0 20px;
}
.structure .s5 .container .team_wrapper {
display: flex;
flex-direction: column;
max-height: 558px;
overflow-y: scroll;
gap: 30px;
align-items: center;
}
.structure .s5 .container .team_wrapper .staff_wrap {
height: 264px;
width: 335px;
}
} .structure .s6 .container .info {
display: flex;
align-items: center;
}
.structure .s6 .container {
max-width: none;
}
@media screen and (min-width: 992px) {
.structure .s6 {
margin-top: 120px;
}
.structure .s6 .container .text {
margin-bottom: 30px;
}
.structure .s6 .container .info:nth-child(1) {
margin-bottom: 20px;
}
}
@media screen and (max-width: 991px) {
.structure .s6 {
margin-top: 90px;
}
.structure .s6 .container .text {
margin-bottom: 20px;
}
.structure .s6 .container .info:nth-child(1) {
margin-bottom: 15px;
}
}
.nous_recrutons .s2 .container {
max-width: 1140px;
margin: 0 auto;
}
.nous_recrutons .s2 .bot .info p.text {
margin-left: 12px;
}
.nous_recrutons .s2 .bot .left {
grid-column: 1;
}
.nous_recrutons .s2 .bot .right {
grid-column: 2;
}
@media screen and (min-width: 992px) {
.nous_recrutons .s2 {
margin-top: 71px;
}
.nous_recrutons .s2 .bot {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 100px;
}
.nous_recrutons .s2 .bot .info {
margin-bottom: 34px;
}
}
@media screen and (max-width: 991px) {
.nous_recrutons .s2 {
margin-top: 60px;
}
.nous_recrutons .s2 .container {
padding: 0 20px;
}
.nous_recrutons .s2 .bot .left {
margin-bottom: 35px;
}
.nous_recrutons .s2 .bot .info {
margin-bottom: 20px;
}
} .nous_recrutons .s3 {
position: relative;
}
.nous_recrutons .s3 .s3_content {
max-width: 1140px;
margin: 0 auto;
}
.nous_recrutons .s3 .text {
margin-bottom: 35px;
}
.nous_recrutons .s3 .splide {
position: relative;
}
.nous_recrutons .s3 .splide__track {
height: 445px;
max-width: 1140px;
margin: 0 auto;
}
.nous_recrutons .s3 .splide__slide {
position: relative;
height: 435px;
background-color: white;
box-shadow: 0px 3px 6px #00000029;
}
.nous_recrutons .s3 .splide__slide .bot {
padding: 0 !important;
}
.nous_recrutons .s3 .splide__slide img {
height: 167px;
width: 303px;
background-size: cover;
object-fit: cover;
margin-top: 19px;
}
.nous_recrutons .s3 .splide__slide .top {
padding: 20px 10px 20px 20px;
}
.nous_recrutons .s3 .splide__slide .num {
position: absolute;
top: 20px;
left: 20px;
}
.nous_recrutons .s3 .background_clear {
height: 587px;
}
.nous_recrutons .s3 .top .title {
margin: 20px 0 25px 19px;
}
.nous_recrutons .s3 .top .title span {
font-weight: bold;
font-size: 15px;
line-height: 24px;
}
@media screen and (min-width: 992px) {
.nous_recrutons .s3 {
margin-top: 129px;
padding: 50px 0px 0px;
}
.nous_recrutons .s3 .splide__arrows {
bottom: unset;
top: -53px;
right: 0;
}
}
@media screen and (max-width: 991px) {
.nous_recrutons .s3 {
margin-top: 90px;
padding: 35px 0px 0px;
}
.nous_recrutons .s3 .s3_content {
padding: 0 20px;
}
.nous_recrutons .s3 .background_clear {
height: 772px;
}
.nous_recrutons .s3 .text {
width: auto;
}
.nous_recrutons .s3 .splide__arrows {
bottom: unset;
left: 18%;
}
} .nous_recrutons .s4 .s4_content {
max-width: 1140px;
margin: 0 auto;
}
.nous_recrutons .s4 .bot .left {
grid-column: 1;
}
.nous_recrutons .s4 .bot .center {
grid-column: 2;
}
.nous_recrutons .s4 .bot .center p {
padding: 0 5px;
}
.nous_recrutons .s4 .bot .right {
grid-column: 3;
}
@media screen and (min-width: 992px) {
.nous_recrutons .s4 {
margin-top: 150px;
}
.nous_recrutons .s4 .top {
text-align: center;
}
.nous_recrutons .s4 .mini_title {
place-content: center;
}
.nous_recrutons .s4 .bot {
display: grid;
grid-template-columns: repeat(3, 1fr);
text-align: center;
gap: 80px;
}
.nous_recrutons .s4 .bot img {
width: auto;
height: 53px;
margin-bottom: 30px;
}
.nous_recrutons .s4 .bot .title {
margin-bottom: 12px;
}
.nous_recrutons .s4 .bot .left p {
padding: 0 11px;
}
}
@media screen and (max-width: 991px) {
.nous_recrutons .s4 {
margin-top: 135px;
}
.nous_recrutons .s4 .s4_content {
padding: 0 20px;
}
.nous_recrutons .s4 .bot img {
width: auto;
height: 28px;
}
.nous_recrutons .s4 .bot h3.title {
font-size: 13px;
line-height: 20px;
}
.nous_recrutons .s4 .bot .crit {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.nous_recrutons .s4 .bot .text {
margin-bottom: 30px;
}
} .nous_recrutons .s5 {
position: relative;
}
.nous_recrutons .s5 .container {
max-width: 1140px;
margin: 0 auto;
}
.nous_recrutons .s5 .top img {
max-width: 1140px;
width: 100%;
object-fit: cover;
}
@media screen and (min-width: 992px) {
.nous_recrutons .s5 {
margin-top: 136px;
}
.nous_recrutons .s5 .top img {
height: 551px;
}
.nous_recrutons .s5 .grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.nous_recrutons .s5 .grid .title {
grid-column: 1;
}
.nous_recrutons .s5 .grid .text {
grid-column: 2;
}
.nous_recrutons .s5 .background_clear {
top: 160px;
height: 693px;
}
.nous_recrutons .s5 .bot {
margin-top: 70px;
}
}
@media screen and (max-width: 991px) {
.nous_recrutons .s5 {
margin-top: 90px;
}
.nous_recrutons .s5 .container {
padding: 0 20px;
}
.nous_recrutons .s5 .background_clear {
top: 120px;
height: 500px;
}
.nous_recrutons .s5 .bot {
margin-top: 30px;
}
} .nous_recrutons .s6 .right .infos .info span {
font-family: "Barlow";
font-size: 25px;
line-height: 40px;
font-weight: bold;
}
@media screen and (min-width: 992px) {
.nous_recrutons .s6 {
margin-top: 120px;
}
.nous_recrutons .s6 .right .infos {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 60px;
margin-top: 30px;
margin-bottom: 44px;
}
.nous_recrutons .s6 .right .infos:nth-child(1) {
grid-column: 1;
}
.nous_recrutons .s6 .right .infos:nth-child(2) {
grid-column: 2;
}
.nous_recrutons .s6 .right .infos:nth-child(3) {
grid-column: 3;
}
.nous_recrutons .s6 .text {
margin-bottom: 30px;
}
}
@media screen and (max-width: 991px) {
.nous_recrutons .s6 {
margin-top: 90px;
}
.nous_recrutons .s6 .right .info h3 {
margin-right: 10px;
}
.nous_recrutons .s6 .info {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.nous_recrutons .s6 .text {
margin-bottom: 20px;
}
}
@media screen and (max-width: 991px) {
.contact .s1 .container {
padding: 0;
}
} .contact .s2 .container {
max-width: 1140px;
margin: 0 auto;
}
@media screen and (min-width: 992px) {
.contact .s2 {
margin-top: 93px;
}
}
@media screen and (max-width: 991px) {
.contact .s2 {
margin-top: 60px;
}
} .formulaire_content {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 41px;
grid-auto-rows: minmax(100px, auto);
}
.formulaire #wpcf7-f308-o1 {
box-shadow: 0px 3px 6px #00000029;
padding: 30px 30px 15px 30px;
}
.wpcf7-list-item {
display: flex;
margin: 0;
}
.wpcf7-list-item-label {
color: #263141 !important;
}
.wpcf7-list-item input {
width: auto !important;
margin-right: 10px;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea {
font-family: "Raleway";
border: 1px solid #2631414D;
padding: 12.5px 10px 12.5px 10px;
margin-bottom: 15.5px;
width: -webkit-fill-available;
}
.wpcf7-form-control-wrap textarea {
height: 98px;
width: -webkit-fill-available !important;
}
.form_btn-center {
text-align: center;
}
.wpcf7-spinner {
display: none !important;
}
.wpcf7-form .contact_form-submit {
text-align: center;
}
@media screen and (min-width: 992px) {
.contact_form-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 41px;
}
.contact_form-status {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 991px) {
.contact .s2 .container {
padding: 0 20px;
}
.contact .s2 .container .title h2 br {
display: none;
}
.contact .s2 .container .formulaire_content {
display: flex;
flex-direction: column-reverse;
grid-gap: 30px;
}
.contact .s2 .container .title_border.mobile-only {
font-size: 13px;
line-height: 20px;
margin-bottom: 17px;
}
.contact .s2 .container .title_border.mobile-only h3 {
font-size: 13px;
line-height: 20px;
}
} .infos {
align-self: center;
}
.formulaire_content .infos>div {
margin-bottom: 30px;
}
.infos .icon {
margin-right: 15px;
}
.info_1 .title {
border-left: 2px solid #FB7102;
padding-left: 19px;
margin: 20px 0 25px;
}
.info_1 .title span {
font-weight: bold;
font-size: 15px;
line-height: 24px;
}
.info_1 .text p {
font-size: 15px;
line-height: 24px;
margin-left: 12px;
}
.contact .info_2 .text a {
text-decoration: none;
color: var(--text-color);
}
.info_2,
.info_3,
.info_4,
.info_5,
.info_6 {
margin-left: 12px;
display: flex;
align-items: flex-start;
}
.inf .title {
font-weight: bold;
font-size: 15px;
line-height: 24px;
}
.icon {
display: inline-block;
background: rgb(251 113 2 / 15%);
padding: 8px 10px;
border-radius: 25px;
}
.icon img {
height: 21px;
}
@media screen and (max-width: 991px) {
.info_1 .title h2 {
font-size: 13px;
line-height: 22px;
margin-bottom: 10px;
}
.info_1 .text p {
font-size: 13px;
line-height: 20px;
}
.icon img {
height: 18px;
}
.icon {
padding: 7px 9px;
}
.inf .title {
font-size: 13px;
line-height: 22px;
}
.contact .info_2 .text a {
font-size: 13px;
line-height: 20px;
}
.formulaire_content .infos>div {
margin-bottom: 20px;
}
} .contact .s3 .container {
max-width: 1140px;
margin: 0 auto;
}
.c_s3-title {
margin-bottom: 50px;
}
.site_content {
display: flex;
box-shadow: 0px 3px 6px #00000029;
margin-bottom: 50px;
}
.site_content.site_2 {
flex-direction: row-reverse !important;
}
.site_content .title h3 {
font-family: "Barlow";
font-weight: bold;
font-size: 35px;
line-height: 57px;
letter-spacing: 0.35px;
color: #263141;
text-transform: uppercase;
margin: 10px 0 22px 0;
}
.site_content .title {
margin: 0 0 10px;
}
.site_content .title span {
font-family: "Raleway";
font-weight: bold;
font-size: 15px;
line-height: 24px;
letter-spacing: 0px;
color: #263141;
text-transform: none;
}
.site_content .compl_inf .title span {
color: #79A122 !important;
}
.site_content>.image {
margin-right: 25px;
}
.site_content.site_2>.image {
margin-right: 0 !important;
margin-left: 25px;
}
.site_content .icon img {
height: 18px !important;
}
.site_content .icon {
margin-right: 10px !important;
padding: 6px 6px 5px !important;
}
.site_content .compl_inf .icon {
background: rgb(121 161 34 / 15%) !important;
}
.site_content .txt p {
font-size: 13px;
line-height: 14px;
}
.site_content .text p {
font-size: 15px;
line-height: 24px;
}
.site_content .content {
display: flex;
align-items: center;
}
.site_content .infos {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-gap: 26px;
margin-bottom: 40px;
}
.site_content.site_3 .infos {
display: block;
margin-bottom: 40px;
}
.site_content .open_time {
grid-column: 1;
grid-row: 1;
}
.site_content .open_time_shop {
grid-column: 2;
grid-row: 1;
}
.site_content.site_2 .open_exception {
grid-column: 2 !important;
grid-row: 1 !important;
}
.site_content .open_exception {
grid-column: 1;
grid-row: 2;
}
.site_content.site_2 .compl_inf {
grid-column: 1 !important;
grid-row: 2 !important;
}
.site_content .compl_inf {
grid-column: 2;
grid-row: 2;
}
.site_content .compl_inf .container {
display: flex;
}
.site_content .compl_inf .container .ctn_1 {
margin-right: 14px;
}
.site_content>.image img {
height: 100%;
width: 324px;
object-fit: cover;
}
.site_2 .main_content {
margin-left: 25px;
}
@media screen and (min-width: 992px) {
.contact .s3 {
margin-top: 120px;
}
.contact .s3>.container {
margin: 0 auto 120px;
}
}
@media screen and (max-width: 991px) {
.contact .s3 {
margin-top: 90px;
}
.contact .s3>.container {
margin: 0 auto 60px;
padding: 0 20px;
}
.site_content {
display: block;
margin-bottom: 30px;
padding-bottom: 30px;
}
.contact .s3 .container .show-read-more {
overflow-y: scroll;
}
.contact .s3 .container .read-more {
display: none;
}
.site_content>.image {
margin-right: 0;
}
.site_content>.image img {
height: 233px;
width: -webkit-fill-available;
}
.contact .s3 .container .main_content {
padding: 0 15px;
}
.site_content .title h3 {
font-size: 25px;
line-height: 47px;
letter-spacing: 0.25px;
}
.site_content .title span {
font-size: 13px;
line-height: 20px;
}
.site_content.site_2>.image {
margin-left: 0;
}
.site_2 .main_content {
margin-left: 0;
}
.contact .s3 .container .splide__pagination__page {
background: transparent;
border: 1px solid var(--black-color);
opacity: 1;
}
.contact .s3 .container .splide__pagination__page.is-active {
background: var(--orange-color);
transform: scale(1);
border: 1px solid var(--orange-color);
}
.contact .s3 .container .splide {
margin-bottom: 32px;
}
.contact .s3 .container .splide__slide {
overflow: hidden;
}
.contact .s3 .container .splide__pagination {
bottom: -1.25em;
}
}
.recyclage span {
font-size: 15px;
line-height: 21px;
color: #FB7102;
} .recyclage .s2 .container {
max-width: 1140px;
margin: 0 auto;
}
.recyclage_s2-content .left {
grid-column: 1;
}
.recyclage_s2-content .right {
grid-column: 2;
}
.recyclage_s2-content .right .image {
text-align: right;
position: relative;
}
.recyclage_s2-content .right .square {
z-index: -1;
height: 341px;
width: 341px;
background: rgb(121 161 34 / 10%);
position: absolute;
top: 73px;
right: 116px;
}
.recyclage_s2-content .left .mini_title {
display: flex;
margin-bottom: 10px;
}
.recyclage_s2-content .left .mini_title img {
margin-right: 10px;
}
.recyclage_s2-content .left .title {
margin-bottom: 35px;
}
.recyclage_s2-content .left .text {
margin-bottom: 44px;
}
@media screen and (min-width: 992px) {
.recyclage .s2 {
margin-top: 73px;
}
.recyclage .s2 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 991px) {
.recyclage .s2 {
margin-top: 60px;
}
.recyclage .s2 .container {
padding: 0 20px;
}
} .recyclage .s3 {
background: #1D481A;
}
.recyclage .s3 .container {
max-width: 1440px;
margin: 0 auto;
}
.recyclage_s3-content .top .mini-title {
display: flex;
margin-bottom: 10px;
}
.recyclage_s3-content .top .mini-title img {
margin-right: 10px;
}
.recyclage_s3-content .bot {
position: relative;
}
.recyclage_s3-content .bot .left {
grid-area: 1 / 1 / 2 / 2;
}
.recyclage_s3-content .bot .right {
grid-area: 1 / 2 / 2 / 3;
}
.recyclage_s3-content .bot .left .filieres .fil {
background: #ffffff;
display: flex;
align-items: center;
transition: .1s ease-in-out;
cursor: pointer;
}
.recyclage_s3-content .bot .left .filieres .fil span {
font-family: "Barlow";
font-weight: bold;
text-transform: uppercase;
color: #263141;
opacity: 10%;
margin: 0;
transition: .1s ease-in-out;
}
.recyclage_s3-content .bot .left .filieres .fil img {
margin-right: 10px;
}
.recyclage_s3-content .bot .left .filieres .fil p {
font-weight: 500;
margin: 0;
transition: .1s ease-in-out;
}
.fil:hover {
opacity: 90%;
}
.fil:hover span {
color: #79A122 !important;
opacity: 100% !important;
}
.fil:hover p {
color: #79A122;
font-weight: bold !important;
}
.fil.active {
opacity: 90%;
}
.fil.active span {
color: #79A122 !important;
opacity: 100% !important;
}
.fil.active p {
color: #79A122;
font-weight: bold !important;
}
.fil_1 span {
margin-right: 25px !important;
}
.fil_2 span {
margin-right: 13px !important;
}
.fil_3 span {
margin-right: 14px !important;
}
.fil_4 span {
margin-right: 11px !important;
}
.recyclage .s3 .fil_content {
color: #ffffff;
display: none;
justify-content: space-between;
align-items: center;
}
.recyclage .s3 .fil_content h3 {
font-family: "Raleway";
font-weight: bold;
text-transform: none;
}
.recyclage .s3 .fil_content h4 {
font-family: "Raleway";
font-weight: 600;
color: #ffffff;
margin: 0 0 10px 0;
}
.recyclage .s3 .fil_content .title {
display: flex;
align-items: center;
}
.recyclage .s3 .fil_content .text {
margin: 0 0 26px 33px;
}
.recyclage .s3 .fil_content p {
font-size: 13px;
line-height: 17px;
} .recyclage .s3 .splide .splide__slide {
background-repeat: no-repeat;
background-size: cover;
}
.recyclage .s3 .splide .splide__slide .infos {
background-color: rgba(255, 255, 255, 0.85);
text-align: center;
padding: 11.5px 68.5px;
bottom: 0;
position: absolute;
width: -webkit-fill-available;
}
.recyclage .s3 .splide .splide__slide .infos p {
font-size: 15px;
line-height: 24px;
text-align: center;
color: #263141;
}
.recyclage .s3 .splide .splide__arrows {
position: unset !important;
justify-content: center;
margin-top: 10px;
}
@media screen and (min-width: 992px) {
.recyclage .s3 {
margin-top: 120px;
}
.recyclage .s3 .container {
padding: 50px 0 50px 150px;
}
.recyclage .s3 .fil_content.active {
display: flex;
}
.recyclage .s3 .fil_content h3 {
font-size: 25px;
line-height: 24px;
margin: 0 0 30px 0;
}
.recyclage .s3 .fil_content h4 {
font-size: 15px;
line-height: 24px;
}
.recyclage .s3 .splide {
width: 438px;
}
.recyclage .s3 .splide .splide__slide {
width: 438px;
height: 404px;
}
.recyclage_s3-content .bot .left .filieres .fil {
margin-bottom: 40px;
width: 362px;
padding: 2px 5px 0 2px;
height: 71px;
}
.recyclage_s3-content .bot .left .filieres .fil span {
font-size: 55px;
line-height: 57px;
letter-spacing: 0.55px;
}
.recyclage_s3-content .bot .left .filieres .fil p {
font-weight: 500;
font-size: 15px;
line-height: 21px;
}
.recyclage .s3 .fil_content .left {
width: 372px;
}
.recyclage_s3-content .bot {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 21px;
}
}
@media screen and (max-width: 991px) {
.recyclage_section-3 {
margin-top: 90px;
}
.recyclage .s3 .container {
padding: 35px 20px 50px;
}
.recyclage .s3 .fil_content.active {
display: block;
margin-bottom: 20px;
}
.recyclage .s3 .fil_content h3 {
font-size: 18px;
line-height: 24px;
margin: 0 0 25px 0;
}
.recyclage .s3 .fil_content h4 {
font-size: 13px;
line-height: 20px;
}
.recyclage .s3 .splide .splide__slide {
width: 335px;
height: 309px;
}
.recyclage_s3-content .bot .left .filieres .fil {
margin-bottom: 25px;
height: 66px;
padding: 0 23px 0 5px;
}
.recyclage_s3-content .bot .left .filieres .fil span {
font-size: 50px;
line-height: 53px;
letter-spacing: 0.5px;
}
.recyclage_s3-content .bot .left .filieres .fil p {
font-size: 13px;
line-height: 20px;
}
} .recyclage .s4 .container {
max-width: 1140px;
margin: 0 auto;
}
.recyclage .s4_content .left {
grid-column: 1;
}
.recyclage .s4_content .right {
grid-column: 2;
margin-left: 45px;
background: rgb(121 161 34 / 10%);
}
.recyclage .s4_content .mini_title {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.recyclage .s4_content .title {
margin-bottom: 35px;
}
.recyclage .s4_content .text {
margin-bottom: 29px;
}
.recyclage .s4 .step .stp {
box-shadow: 0px 3px 6px #00000029;
display: flex;
transition: .3s ease-in-out;
cursor: pointer;
}
.recyclage .s4 .step .stp img {
background: #1D481A;
}
.recyclage .s4 .step .stp span {
font-family: "Barlow";
font-weight: bold;
text-transform: uppercase;
color: #263141;
opacity: 10%;
transition: .3s ease-in-out;
}
.recyclage .s4 .step .stp p {
font-weight: bold;
color: #263141;
margin: 0;
}
.recyclage .s4 .step .stp:hover span {
color: #ffffff;
opacity: 100%;
}
.recyclage .s4 .step .stp:hover {
background: rgb(121 161 34 / 10%);
}
.recyclage .s4 .step .stp.active span {
color: #ffffff;
opacity: 100%;
}
.recyclage .s4 .step .stp.active {
background: rgb(121 161 34 / 10%);
}
.recyclage .s4 .st {
padding: 25px 36px 33px;
display: none;
}
.recyclage .s4 .st .splide7 {
margin-top: 45px;
}
.recyclage .s4 .st.active {
display: block;
}
.recyclage .s4 .st .valide {
height: 20px;
}
.recyclage .s4 .st .title {
margin: 0 0 20px;
font-size: 25px;
line-height: 24px;
color: #263141;
}
.recyclage .s4 .st2 .title {
margin: 0 0 11px;
}
.recyclage .s4 .st .text {
margin-bottom: 30px;
}
.recyclage .s4 .st2 .text {
margin-bottom: 12px;
}
.recyclage .s4 .st .info {
display: flex;
margin-bottom: 12px;
}
.recyclage .s4 .splide .splide__slide {
height: 225px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.recyclage .s4 .splide .splide__slide .infos {
background-color: rgba(255, 255, 255, 0.85);
text-align: center;
padding: 11.5px 68.5px;
margin-top: 10em;
}
.recyclage .s4 .st .splide__arrows {
right: 25%;
bottom: -11%;
}
@media screen and (min-width: 992px) {
.recyclage .s4 {
margin-top: 120px;
}
.recyclage .s4 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.recyclage .s4 .step {
margin-top: 88px;
display: flex;
gap: 21px;
}
.recyclage .s4 .step .stp {
flex-direction: column;
padding: 45px 13px 0 19px;
width: 149px;
height: 270px;
}
.recyclage .s4 .step .stp span {
font-size: 55px;
line-height: 57px;
letter-spacing: 0.55px;
margin: 0 0 10px 0;
}
.recyclage .s4 .splide {
margin-top: 25px;
width: 428px;
}
.recyclage .s4 .step .stp img {
padding: 13px;
width: 41px;
height: 41px;
margin-bottom: 38px;
}
.recyclage .s4 .step .stp p {
font-size: 15px;
line-height: 21px;
}
.recyclage .s4 .st1,
.recyclage .s4 .st3 {
max-height: 605px;
overflow-y: scroll;
}
}
@media screen and (max-width: 991px) {
.recyclage .s4 {
margin-top: 90px;
}
.recyclage .s4 .container {
padding: 0 20px;
}
.recyclage .s4 .step {
margin-top: 30px;
}
.recyclage .s4 .step .stp {
padding: 15px;
margin-bottom: 20px;
align-items: center;
}
.recyclage .s4 .step .stp img {
padding: 6px;
width: 20px;
height: 20px;
}
.recyclage .s4 .step .stp span {
font-size: 50px;
line-height: 32px;
letter-spacing: 0.5px;
margin-left: 22px;
margin-right: -12px;
}
.recyclage .s4 .step .stp p {
font-size: 13px;
line-height: 20px;
width: 50%;
}
.recyclage .s4 .splide {
margin-top: 22px;
}
.recyclage .s4 .st {
background-color: var(--background-color);
padding: 15px 15px 35px;
margin-bottom: 15px;
}
.recyclage .s4 .st .splide__arrows {
right: 16%;
}
.recyclage .s4 .splide .splide__slide .infos {
position: absolute;
padding: 7px 18px;
bottom: 0;
}
} @media screen and (min-width: 992px) {
.recyclage .s5 {
margin-top: 120px;
}
.recyclage .s5 .text {
margin-bottom: 35px;
}
}
@media screen and (max-width: 991px) {
.recyclage .s5 {
margin-top: 90px;
}
.recyclage .s5 .text {
margin-bottom: 30px;
}
}
.transports .s2 .container {
max-width: 1140px;
margin: 0 auto;
}
.transports .s2 .container .right {
grid-column: 2;
text-align: end;
align-self: center;
}
.transports .s2 .container .right img {
height: 317px;
}
@media screen and (min-width: 992px) {
.transports .s2 {
margin-top: 93px;
}
.transports .s2 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.transports .s2 .container .left {
grid-column: 1;
}
.transports .s2 .container .left {
grid-column: 1;
}
}
@media screen and (max-width: 991px) {
.transports .s2 {
margin-top: 60px;
}
.transports .s2 .container {
padding: 0 20px;
}
.transports .s2 .container .text.last_btn {
margin-bottom: 10px;
}
.transports .s2 .container .image {
margin-bottom: 30px;
}
.transports .s2 .container .image img {
height: 106px;
width: 198px;
object-fit: cover;
}
.transports .s2 .container .title h2 br {
display: none;
}
} .transports .s3 {
position: relative;
}
.transports .s3 .container {
max-width: 1140px;
margin: 0 auto;
}
.transports .s3 .container .top .left {
grid-column: 1;
}
.transports .s3 .container .top .right {
grid-column: 2;
}
.transports .s3 .container .bot .cars {
display: flex;
gap: 13px;
place-content: center;
}
.transports .s3 .container .bot .vehicule {
background: #ffffff;
box-shadow: 0px 3px 6px #00000029;
padding: 20px 8px 0 12px;
width: 160px;
height: 190px;
position: relative;
cursor: default;
}
.transports .s3 .container .bot .vehicule .image {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.transports .s3 .container .bot .vehicule .image img {
object-fit: cover;
height: 100%;
width: 100%;
opacity: 0;
transition: all .3s;
}
.transports .s3 .container .bot .vehicule:hover .image img {
opacity: 1;
}
.transports .s3 .container .bot .vehicule .title_border {
transform: translateY(120px);
transition: 0.2s;
}
.transports .s3 .container .bot .vehicule p {
font-size: 13px;
line-height: 20px;
color: #263141;
opacity: 0%;
transition: 0.2s;
}
.transports .s3 .container .bot .vehicule span {
position: absolute;
top: 10px;
left: 10px;
opacity: 10%;
transition: 0.2s;
}
@media screen and (min-width: 992px) {
.transports .s3 {
margin-top: 150px;
}
.transports .s3 .container .top {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
align-items: center;
padding: 50px 0;
}
.transports .s3 .container .top .left img {
height: 396px;
max-width: 549px;
object-fit: cover;
width: 100%;
}
}
@media screen and (max-width: 991px) {
.transports .s3 {
margin-top: 211px;
background-color: var(--main-color);
}
.transports .s3 .container {
padding-bottom: 70px;
}
.transports .s3 .container .top {
padding: 0 20px;
}
.transports .s3 .container .top .left {
margin-bottom: 30px;
}
.transports .s3 .container .top .left img {
margin-top: -121px;
width: -webkit-fill-available;
height: 242px;
object-fit: cover;
}
.transports .s3 .container .top .right .text {
margin-bottom: 31px;
}
.transports .s3 .container .bot {
overflow: scroll;
margin-left: 20px;
}
.transports .s3 .container .bot .cars {
width: max-content;
}
} .transports .s4 .infos {
margin-top: 25px;
}
.transports .s4 .info {
display: flex;
text-align: left;
align-items: center;
margin-bottom: 16px;
}
.transports .s4 .info img {
height: 20px;
margin-right: 10px;
}
.transports .s4 .infos .image {
text-align: center;
}
.transports .s4 .image img {
width: 216px;
} .transports .s4 .splide__slide img {
position: relative;
}
.transports .s4 .splide__slide .texte {
bottom: 0px;
position: absolute;
padding: 10px 0px 10px 20px;
background-color: rgba(255, 255, 255, 0.85);
width: -webkit-fill-available;
}
@media screen and (min-width: 992px) {
.transports .s4 {
margin-top: 120px;
}
.transports .s4 .container {
display: grid;
grid-template-columns: 1fr 2fr;
grid-column-gap: 92px;
padding: 0 0 0 150px;
}
.transports .s4 .container .left {
grid-column: 1;
}
.transports .s4 .container .right {
grid-column: 2;
overflow: hidden;
}
.transports .s4 .splide__slide .texte span {
font-size: 15px;
line-height: 24px;
font-weight: bold;
}
.transports .s4 .splide__slide {
width: 341px !important;
gap: 15px;
}
.transports .s4 .splide__slide img {
vertical-align: bottom;
width: 341px;
height: 636px;
object-fit: cover;
}
.transports .s4 .splide__list {
gap: 30px;
transition: .3s;
}
.transports .s4 .splide__arrows {
left: 3%;
bottom: -4%;
}
}
@media screen and (max-width: 991px) {
.transports .s4 {
margin-top: 56px;
}
.transports .s4 .container .left {
padding: 0 20px;
}
.transports .s4 .container .left .infos {
overflow-y: scroll;
height: 130px;
margin-bottom: 30px;
}
.transports .s4 .splide__slide .texte span {
font-size: 13px;
line-height: 20px;
font-weight: bold;
}
.transports .s4 .splide__slide img {
width: -webkit-fill-available;
height: 452px;
object-fit: cover;
}
.transports .s4 .splide__arrows {
left: 21%;
bottom: -8%;
}
} .transports .s5 {
position: relative;
}
.transports .s5>.container {
max-width: 1140px;
margin: 0 auto;
}
.transports .s5>.container .chantiers {
margin-top: 30px;
}
.transports .s5>.container .chantiers>div {
margin: auto;
}
.transports .s5>.container .chantiers .container {
display: flex;
align-items: flex-start;
}
.transports .s5>.container .chantiers .container .c2 p {
padding-bottom: 24px;
}
.transports .s5>.container .chantiers .container .ico {
border-radius: 40px;
background-color: #ffffff;
}
.transports .s5>.container .chantiers .container p {
margin: 0 0 29px 0;
}
.transports .s5>.container .chantiers .container .ico img {
height: 12px;
}
.transports .s5>.container .chantiers .container .texte {
margin: 0 0 12px 0;
}
@media screen and (min-width: 992px) {
.transports .s5 {
margin-top: 150px;
}
.transports .s5>.container {
padding: 50px 0;
}
.transports .s5>.container .chantiers {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 90px;
}
.transports .s5>.container .chantiers .container .ico {
margin-top: 10px;
padding: 10px 14px;
margin: 0 30px 0 10px;
}
.transports .s5>.container .chantiers .image img {
width: 525px;
height: 260px;
object-fit: cover;
}
.transports .s5>.container .chantiers .image {
margin-top: 69px;
}
.transports .s5>.container .chantiers .container span {
font-weight: bold;
font-size: 15px;
line-height: 24px;
}
}
@media screen and (max-width: 991px) {
.transports .s5 {
margin-top: 109px;
background-color: var(--background-color);
}
.transports .s5>.container {
padding: 35px 20px 50px;
}
.transports .s5>.container .chantiers .container .ico {
padding: 7px 10px;
margin-right: 19px;
}
.transports .s5>.container .chantiers .image img {
width: -webkit-fill-available;
height: 166px;
object-fit: cover;
}
.transports .s5>.container .chantiers .image {
margin-top: 30px;
}
.transports .s5>.container .chantiers .c2 {
margin-top: 40px;
}
.transports .s5>.container .chantiers .container span {
font-weight: bold;
font-size: 13px;
line-height: 20px;
}
} .transports .s6 .splide__slide {
box-shadow: 0px 3px 6px #00000029;
display: flex;
align-items: center;
justify-content: center;
}
.transports .s6 .splide__slide img {
height: 250px;
object-fit: cover;
}
.transports .s6 .splide__list { transition: .3s;
}
.transports .s6 .splide__pagination__page.is-active {
background: #FB7102;
transform: scale(1);
border: none;
}
.transports .s6 .splide__pagination__page {
background: #fff;
border: 1px solid black;
height: 10px;
opacity: 1;
width: 10px;
}
.transports .s6 .splide__pagination {
bottom: -0.5em;
}
@media screen and (min-width: 992px) {
.transports .s6 {
margin-top: 120px;
}
.transports .s6 .container {
text-align: center;
}
.transports .s6 .splide__slide img {
height: 140px;
object-fit: cover;
}
.transports .s6 .splide__slide {
width: 380px !important;
height: 180px;
margin: 10px 20px 0;
}
.transports .s6 .splide__track {
height: 240px;
}
.transports .s6 .splide__pagination__page {
margin: 0px 25px;
}
}
@media screen and (max-width: 991px) {
.transports .s6 {
margin-top: 90px;
}
.transports .s6 .container .top {
padding: 0 20px;
}
.transports .s6 .splide__slide img {
width: 119px;
height: 168px;
object-fit: cover;
}
.transports .s6 .splide__slide {
height: 168px;
width: 335px !important;
margin: 0 10px;
}
.transports .s6 .splide__slide .right {
align-self: center;
text-align: left;
padding: 15px 5px 15px 15px;
}
.transports .s6 .splide__slide .right .nom {
font-weight: bold;
font-size: 13px;
line-height: 20px;
color: #263141;
}
.transports .s6 .splide__slide .right .secteur {
font-style: italic;
font-size: 11px;
line-height: 17px;
color: #263141;
}
.transports .s6 .splide__slide .right .texte {
font-size: 11px;
line-height: 17px;
}
.transports .s6 .splide__track {
height: 190px;
}
.transports .s6 .splide__pagination__page {
margin: 0px 10px;
}
} .transports .s7 {
background: rgb(121 161 34 / 10%);
}
.transports .s7 .container {
max-width: 1140px;
margin: 0 auto;
}
@media screen and (min-width: 992px) {
.transports .s7 {
margin-top: 120px;
}
.transports .s7 .container {
padding: 100px 150px 109px;
text-align: center;
}
.transports .s7 .container .text {
width: 698px;
margin: 0 auto 44px;
}
}
@media screen and (max-width: 991px) {
.transports .s7 {
margin-top: 90px;
}
.transports .s7 .container {
padding: 40px 20px 50px;
}
.transports .s7 .container .text {
margin-bottom: 30px;
}
} @media screen and (min-width: 992px) {
.transports .s8 .text p {
max-width: 425px;
}
}
@media screen and (max-width: 991px) {
.transports .s8 .text p {
max-width: 340px;
}
}
.prest-agri .s2 .container {
max-width: 1140px;
margin: 0 auto;
}
.prest-agri .s2 .left {
grid-column: 1;
}
.prest-agri .s2 .right {
grid-column: 2;
}
.prest-agri .s2 .right .image {
text-align: right;
}
.prest-agri .s2 .right p {
position: relative;
}
.prest-agri .s2 .right .image p:after {
content: '';
position: absolute;
background-color: #79A122;
height: 341px;
width: 341px;
left: 18px;
bottom: -32px;
z-index: -1;
opacity: 10%;
}
@media screen and (min-width: 992px) {
.prest-agri .s2 {
margin-top: 93px;
}
.prest-agri .s2 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 104px;
}
}
@media screen and (max-width: 991px) {
.prest-agri .s2 {
margin-top: 60px;
}
.prest-agri .s2 .container {
padding: 0 20px;
}
} .prest-agri .s3 {
background-color: #1D481A;
}
.prest-agri .s3 .container {
max-width: 1140px;
margin: 0 auto;
}
.prest-agri .s3 .presta {
display: flex;
}
.prest-agri .s3 .presta .num {
opacity: 70%;
}
.prest-agri .s3 .left #prestations .splide__slide img {
width: 100%;
object-fit: cover;
}
@media screen and (min-width: 992px) {
.prest-agri .s3 {
margin-top: 152px;
}
.prest-agri .s3 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 85px;
padding: 50px 0 80px;
}
.prest-agri .s3 .container .right h3 {
font-size: 30px;
line-height: 24px;
font-weight: 700;
margin: 0 0 30px;
}
.prest-agri .s3 .presta h4 {
font-size: 15px;
line-height: 24px;
margin: 0;
}
.prest-agri .s3 .first.presta .num {
margin-right: 34px;
}
.prest-agri .s3 .presta .num {
align-self: center;
margin-right: 21px;
}
.prest-agri .s3 .presta {
margin-bottom: 48px;
}
.prest-agri .s3 .left #prestations {
width: 570px;
height: 307px;
}
.prest-agri .s3 .left #prestations .splide__slide img {
height: 307px;
}
.prest-agri .s3 .left #prestations .splide__arrows {
right: 30%;
}
}
@media screen and (max-width: 991px) {
.prest-agri .s3 {
margin-top: 90px;
}
.prest-agri .s3 .container {
padding: 35px 20px 50px;
}
.prest-agri .s3 .container .right h3 {
font-size: 18px;
line-height: 24px;
font-weight: bold;
margin: 46px 0 30px;
}
.prest-agri .s3 .presta h4 {
font-size: 13px;
line-height: 20px;
margin: 0;
}
.prest-agri .s3 .first.presta .num {
margin-right: 17px;
}
.prest-agri .s3 .presta .num {
margin-right: 7px;
font-size: 40px;
line-height: 40px;
}
.prest-agri .s3 .presta {
margin-bottom: 25px;
}
.prest-agri .s3 .left #prestations {
width: 100%;
height: 180px;
margin: 0 auto;
}
.prest-agri .s3 .left #prestations .splide__slide img {
height: 180px;
}
.prest-agri .s3 .left #prestations .splide__arrows {
left: 17%;
}
} .prest-agri .s4 .container {
max-width: 1140px;
margin: 0 auto;
}
.prest-agri .s4 .infos .text p {
margin-left: 12px;
}
@media screen and (min-width: 992px) {
.prest-agri .s4 {
margin-top: 120px;
}
.prest-agri .s4 .infos {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 85px;
}
}
@media screen and (max-width: 991px) {
.prest-agri .s4 {
margin-top: 90px;
}
.prest-agri .s4 .container {
padding: 0 20px;
}
.prest-agri .s4 .container .left {
margin-bottom: 30px;
}
} .prest-agri .s5 {
background-color: rgba(121, 161, 34, 10%);
}
.prest-agri .s5 .container {
max-width: 1440px;
margin: 0 auto;
padding: 80px 0;
}
.prest-agri .s5 .card {
height: 530px;
padding: 0 25px;
background-repeat: no-repeat;
background-size: cover;
max-width: 410px;
width: -webkit-fill-available;
position: relative;
}
.prest-agri .s5 .card:first-child {
box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .25);
}
.prest-agri .s5 .card h3 {
color: var(--white-color);
text-align: center;
text-transform: none;
}
.prest-agri .s5 .info {
display: flex;
}
.prest-agri .s5 .card p {
color: #ffffff;
}
.prest-agri .s5 .card:hover .hide {
display: inline-block !important;
transition: .5s;
}
.prest-agri .s5 .card:hover {
box-shadow: inset 0 0 0 1000px rgba(38, 49, 65, 80%);
filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
transition: .5s;
}
.prest-agri .s5 .card .title {
transform: translateY(300px);
transition: 0.3s;
}
@media screen and (min-width: 992px) {
.prest-agri .s5 {
margin-top: 70px;
}
.prest-agri .s5 .container .content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
justify-items: center;
}
.prest-agri .s5 .info {
margin-bottom: 25px;
align-items: center;
}
.prest-agri .s5 .card h3 {
font-family: "Barlow";
font-weight: bold;
font-size: 35px;
line-height: 40px;
text-align: center;
margin: 61px 0 37px;
text-transform: none;
}
.prest-agri .s5 .card:hover .title {
transform: translateY(0px);
}
}
@media screen and (max-width: 991px) {
.prest-agri .s5 {
margin-top: 50px;
}
.prest-agri .s5 .container {
padding: 30px 20px 73px;
}
.prest-agri .s5 .container .splide__arrows {
left: 18%;
bottom: -6%;
}
.prest-agri .s5 .card {
height: 386px;
padding: 0 21px;
}
.prest-agri .s5 .info {
margin-bottom: 20px;
align-items: flex-start;
}
.prest-agri .s5 .card h3 {
font-size: 18px;
line-height: 24px;
margin: 30px 0 43px;
}
.prest-agri .s5 .card .title {
transform: translateY(10em);
}
.prest-agri .s5 .card:hover .title {
transform: translateY(20px);
}
.prest-agri .s5 .card .cta {
position: absolute;
left: 50%;
translate: -50%;
bottom: 10px;
}
} @media screen and (min-width: 992px) {
.prest-agri .s6 {
margin-top: 120px;
}
}
@media screen and (max-width: 991px) {
.prest-agri .s6 {
margin-top: 90px;
}
}
.biomasse .s2 .container {
max-width: 1140px;
margin: 0 auto;
}
@media screen and (min-width: 992px) {
.biomasse .s2 {
margin-top: 93px;
}
.biomasse .s2 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 104px;
}
.biomasse .s2 .container .left {
grid-column: 1;
}
.biomasse .s2 .container .right {
grid-column: 2;
text-align: right;
}
.biomasse .s2 .right .image {
position: relative;
}
.biomasse .s2 .right .image::after {
content: "";
position: absolute;
height: 341px;
width: 341px;
background-color: rgb(121 161 34 / 10%);
bottom: -26px;
left: 21px;
z-index: -1;
}
}
@media screen and (max-width: 991px) {
.biomasse .s2 {
margin-top: 60px;
}
.biomasse .s2 .container {
padding: 0 20px;
}
} .biomasse .s3 {
background-color: var(--main-color);
}
.biomasse .s3 .container {
max-width: 1140px;
margin: 0 auto;
padding: 60px 0 100px;
}
.biomasse .s3 .exploitation {
position: relative;
}
.biomasse .s3 .exploitation .case {
background-color: var(--white-color);
transition: all .3s;
}
.biomasse .s3 .exploitation .section {
display: none;
opacity: 0%;
}
.biomasse .s3 .exploitation .section .image {
height: 100%;
width: 100%;
position: relative;
}
.biomasse .s3 .exploitation .section .image img {
height: 100%;
width: 100%;
}
.biomasse .s3 .exploitation .section .text {
bottom: 0px;
position: absolute;
padding: 10px 0px 10px 20px;
background-color: rgba(255, 255, 255, 0.85);
width: -webkit-fill-available;
}
.biomasse .s3 .exploitation .case.active {
opacity: 90%;
}
.biomasse .s3 .exploitation .case .number {
margin-bottom: 13px;
}
.biomasse .s3 .exploitation .case .number span {
color: var(--text-color);
font-family: "Barlow";
font-weight: bold;
font-size: 55px;
line-height: 57px;
letter-spacing: 0.55px;
text-transform: uppercase;
opacity: 10%;
transition: all .3s;
}
.biomasse .s3 .exploitation .case.active .number span {
color: var(--btn-color);
opacity: 100%;
}
.biomasse .s3 .exploitation .case .title h3 {
color: var(--text-color);
font-weight: bold;
font-size: 15px;
line-height: 21px;
transition: all .3s;
margin: 0;
}
.biomasse .s3 .exploitation .case.active .title h3 {
color: var(--btn-color);
}
.biomasse .s3 .exploitation .section img {
height: 425px;
width: 361px;
object-fit: cover;
}
#case-a.active ~ #sec-a,
#case-b.active ~ #sec-b,
#case-c.active ~ #sec-c {
display: block !important;
opacity: 100% !important;
}
@media screen and (min-width: 992px) {
.biomasse .s3 {
margin-top: 120px;
}
.biomasse .s3 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 70px;
}
.biomasse .s3 .container .left {
grid-column: 1;
}
.biomasse .s3 .container .right {
grid-column: 2;
}
.biomasse .s3 .container .right .exploitation {
display: grid;
grid-template-columns: 1fr 2fr;
grid-column-gap: 36px;
}
.biomasse .s3 .container .right .exploitation .left {
grid-column: 1;
}
.biomasse .s3 .container .right .exploitation .right {
grid-column: 2;
}
.biomasse .s3 .exploitation .case {
width: 160px;
height: 95px;
padding: 10px;
}
.biomasse .s3 .exploitation .section {
position: absolute;
left: 40%;
width: 321px;
height: 421px;
}
.biomasse .s3 .exploitation .left {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(3, 1fr);
grid-row-gap: 40px;
}
}
@media screen and (max-width: 991px) {
.biomasse .s3 {
margin-top: 90px;
}
.biomasse .s3 .container {
padding: 30px 20px 50px;
}
.biomasse .s3 .exploitation .case {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.biomasse .s3 .exploitation .section {
height: 393px;
margin-bottom: 30px;
}
.biomasse .s3 .container .left .btn-green {
margin-bottom: 44px;
}
} .biomasse .s4 {
background-color: rgb(121 161 34 / 10%);
}
.biomasse .s4 .top {
margin: 0 auto;
max-width: 1140px;
}
.biomasse .s4 .splide__list {
transition: all .3s;
}
.biomasse .s4 .splide__arrows {
margin-top: 35px;
position: unset;
place-content: center;
}
@media screen and (min-width: 992px) {
.biomasse .s4 .container {
padding: 50px 0 66px;
}
.biomasse .s4 .top {
margin-bottom: 50px;
text-align: center;
}
.biomasse .s4 .mini_title {
place-content: center;
}
.biomasse .s4 .splide__slide {
width: 794px !important;
height: 446px !important;
transition: all .3s;
text-align: center;
}
.biomasse .s4 .splide__slide.is-active iframe {
width: 794px;
height: 446px;
margin: 0 !important;
}
.biomasse .s4 .splide__slide iframe {
vertical-align: center;
width: 550px;
height: 309px;
object-fit: cover;
margin: 68.5px 0;
transition: all .3s;
border: none;
}
.biomasse .s4 .splide__slide iframe {
vertical-align: center;
width: 550px;
height: 309px;
object-fit: cover;
margin: 68.5px 0;
transition: all .3s;
border: none;
}
}
@media screen and (max-width: 991px) {
.biomasse .s4 .container {
padding: 40px 0 50px;
}
.biomasse .s4 .top {
padding: 0 20px;
}
.biomasse .s4 .splide__slide iframe {
width: -webkit-fill-available;
transition: all .3s;
border: none;
}
.biomasse .s4 .text {
margin-bottom: 40px;
}
} .biomasse .s5 .container {
max-width: 1140px;
margin: 0 auto;
}
@media screen and (min-width: 992px) {
.biomasse .s5 {
margin-top: 120px;
}
.biomasse .s5 .container {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 70px;
}
.biomasse .s5 .container .left {
grid-column: 1;
}
.biomasse .s5 .container .right {
grid-column: 2;
}
}
@media screen and (max-width: 991px) {
.biomasse .s5 {
margin-top: 90px;
}
.biomasse .s5 .container {
display: flex;
flex-direction: column-reverse;
}
.biomasse .s5 .container .right {
margin-bottom: 50px;
padding: 0 20px;
}
.biomasse .s5 .container .left img {
width: -webkit-fill-available;
height: 284px;
object-fit: cover;
}
} .biomasse .s6 {
background-color: rgb(121 161 34 / 10%);
}
.biomasse .s6 .container {
max-width: 1140px;
margin: 0 auto;
padding: 50px 0 30px;
}
.biomasse .s6 .certifs {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.biomasse .s6 .certifs .left,
.biomasse .s6 .certifs .right {
background-color: var(--white-color);
text-align: center;
box-shadow: 0px 3px 6px #00000029;
}
.biomasse .s6 .certifs .left {
grid-column: 1;
}
.biomasse .s6 .certifs .right {
grid-column: 2;
}
.biomasse .s6 .accreditations .content .image img {
background-color: var(--white-color);
padding: 19px;
box-shadow: 0px 3px 6px #00000029;
}
.biomasse .s6 .left .certifs .left p.text,
.biomasse .s6 .left .certifs .right p.text {
display: none;
transition: all .2s;
width: 90%;
margin: 0 auto;
margin-top: 15px;
}
.biomasse .s6 .left .certifs .left:hover p.text,
.biomasse .s6 .left .certifs .right:hover p.text {
opacity: 1;
display: block;
scale: 1;
}
.biomasse .s6 .left .certifs .left:hover img,
.biomasse .s6 .left .certifs .right:hover img {
display: none;
transition: all .2s;
}
@media screen and (min-width: 992px) {
.biomasse .s6 {
margin-top: 120px;
}
.biomasse .s6 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 100px;
}
.biomasse .s6 .container .left {
grid-column: 1;
}
.biomasse .s6 .container .right {
grid-column: 2;
}
.biomasse .s6 .certifs .title {
margin-top: 16px;
}
.biomasse .s6 .certifs .title span {
font-size: 35px;
line-height: 40px;
}
.biomasse .s6 .certifs .right img,
.biomasse .s6 .certifs .left img {
width: 210px;
height: 175px;
object-fit: contain;
margin-top: 10px;
}
.biomasse .s6 .container .left .text,
.biomasse .s6 .accreditations .content .image {
margin-bottom: 35px;
}
.biomasse .s6 .accreditations {
margin-top: 50px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 65px 70px;
grid-template-areas:
"top-left top-right"
"bottom-left bottom-right";
}
.biomasse .s6 .accreditations h3 {
font-size: 15px;
}
.top-left {
grid-area: top-left;
}
.top-right {
grid-area: top-right;
}
.bottom-left {
grid-area: bottom-left;
}
.bottom-right {
grid-area: bottom-right;
}
.biomasse .s6 .certifs {
gap: 30px;
}
.biomasse .s6 .certifs .left,
.biomasse .s6 .certifs .right {
height: 256px;
width: 230px;
}
}
@media screen and (max-width: 991px) {
.biomasse .s6 .container {
padding: 50px 20px 15px;
}
.biomasse .s6 .container .left .text {
margin-bottom: 30px;
}
.biomasse .s6 .certifs {
gap: 15px;
margin-bottom: 60px;
}
.biomasse .s6 .certifs .left,
.biomasse .s6 .certifs .right {
height: 178px;
width: 160px;
}
.biomasse .s6 .certifs img {
width: 160px;
height: 108px;
object-fit: contain;
margin-top: 10px;
}
.biomasse .s6 .accreditations .content {
display: flex;
margin-bottom: 30px;
}
.biomasse .s6 .accreditations .content .image img {
width: 23px;
height: 23px;
padding: 12px;
}
.biomasse .s6 .accreditations .content .image {
margin-right: 15px;
}
.biomasse .s6 .certifs .title {
margin-top: 16px;
}
.biomasse .s6 .certifs .title span {
font-size: 25px;
line-height: 30px;
}
.biomasse .s6 .certifs p.text {
font-size: 10px;
line-height: 13px;
}
} @media screen and (min-width: 992px) {
.biomasse .s7 {
margin-top: 120px;
}
}
@media screen and (max-width: 991px) {
.biomasse .s7 {
margin-top: 90px;
}
}
.methanisation .s2 .container {
max-width: 1140px;
margin: 0 auto;
}
.methanisation .s2 .right .image {
position: relative;
}
.methanisation .s2 .right .image::after {
content: "";
position: absolute;
height: 341px;
width: 341px;
background-color: var(--background-color);
bottom: -26px;
left: 21px;
z-index: -1;
}
@media screen and (min-width: 992px) {
.methanisation .s2 {
margin-top: 93px;
}
.methanisation .s2 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 104px;
}
.methanisation .s2 .container .left {
grid-column: 1;
}
.methanisation .s2 .container .right {
grid-column: 2;
text-align: right;
}
.methanisation .s2 .container .image img {
width: 382px;
height: 382px;
object-fit: cover;
}
}
@media screen and (max-width: 991px) {
.methanisation .s2 {
margin-top: 60px;
}
.methanisation .s2 .container {
padding: 0 20px;
}
} .methanisation .s3 {
background-color: var(--main-color);
}
.methanisation .s3 .container {
max-width: 1140px;
margin: 0 auto;
}
.methanisation .s3 .right {
align-self: center;
}
.methanisation .s3 .bot {
margin-top: 15px;
}
.methanisation .s3 .avantages .title {
display: flex;
}
.methanisation .s3 .avantages .title span {
font-weight: bold;
font-size: 15px;
line-height: 21px;
}
@media screen and (min-width: 992px) {
.methanisation .s3 {
margin-top: 120px;
}
.methanisation .s3 .container {
padding: 50px 0 63px;
}
.methanisation .s3 .container .top {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 50px;
}
.methanisation .s3 .container .top .left {
grid-column: 1;
}
.methanisation .s3 .container .top .right {
grid-column: 2;
}
.methanisation .s3 .container .bot {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 70px;
}
.methanisation .s3 .container .bot .left {
grid-column: 1;
}
.methanisation .s3 .container .bot .right {
grid-column: 2;
}
.methanisation .s3 .container .bot .image img {
width: 560px;
height: 534px;
object-fit: cover;
}
}
@media screen and (max-width: 991px) {
.methanisation .s3 {
margin-top: 140px;
}
.methanisation .s3 .container {
padding: 0 20px 50px;
}
.methanisation .s3 .container .top {
margin-bottom: 40px;
}
.methanisation .s3 .container .top .image img {
margin: -50px 0 30px;
}
.methanisation .s3 .container .top .image img {
width: -webkit-fill-available;
height: 333px;
object-fit: cover;
}
} .methanisation .s4 .container {
max-width: 1140px;
margin: 0 auto;
}
.methanisation .s4 .reperes {
display: grid;
grid-template-columns: repeat(3, 1fr);
justify-items: right;
}
.methanisation .s4 .reperes span {
color: var(--orange-color);
font-family: "Barlow";
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
.methanisation .s4 .reperes h3 {
color: var(--text-color);
font-family: "Barlow";
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
@media screen and (min-width: 992px) {
.methanisation .s4 {
margin-top: 120px;
}
.methanisation .s4 .title {
width: 60%;
}
.methanisation .s4 .text {
width: 50%;
}
.methanisation .s4 .reperes>div:nth-child(2),
.methanisation .s4 .reperes>div:nth-child(3) {
margin-right: 120px;
}
.methanisation .s4 .reperes span {
font-size: 39px;
line-height: 40px;
letter-spacing: 0.39px;
}
.methanisation .s4 .reperes h3 {
font-size: 22px;
line-height: 30px;
}
}
@media screen and (max-width: 991px) {
.methanisation .s4 {
margin-top: 90px;
}
.methanisation .s4 .container .top {
padding: 0 20px;
}
.methanisation .s4 .container .bot .reperes {
width: 773px;
}
.methanisation .s4 .container .bot {
padding: 0 0 0 20px;
overflow: scroll;
}
.methanisation .s4 .container .bot .image img {
height: 400px;
}
.methanisation .s4 .reperes span {
font-size: 20px;
line-height: 24px;
letter-spacing: 0.25px;
}
.methanisation .s4 .reperes h3 {
font-size: 18px;
line-height: 24px;
}
} .methanisation .s5 {
background-color: var(--background-color);
}
.methanisation .s5 .container {
max-width: 1140px;
margin: 0 auto;
}
.methanisation .s5 .info span {
font-family: var(--big-font);
font-weight: bold;
font-size: 25px;
line-height: 40px;
margin: 0;
}
@media screen and (min-width: 992px) {
.methanisation .s5 {
margin-top: 170px;
}
.methanisation .s5 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 83px;
padding: 50px 0 70px;
}
.methanisation .s5 .container .left {
grid-column: 1;
}
.methanisation .s5 .container .right {
grid-column: 2;
}
.methanisation .s5 .image img {
margin-top: -100px;
width: 540px;
height: 630px;
object-fit: cover;
}
.methanisation .s5 .title {
width: 85%;
}
.methanisation .s5 .infos {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.methanisation .s5 .info {
width: 120px;
}
.methanisation .s5 .info:nth-child(1) {
grid-column: 1;
}
.methanisation .s5 .info:nth-child(2) {
grid-column: 2;
}
.methanisation .s5 .info:nth-child(3) {
grid-column: 3;
}
}
@media screen and (max-width: 991px) {
.methanisation .s5 {
margin-top: 140px;
}
.methanisation .s5 .container {
display: flex;
flex-direction: column-reverse;
padding: 0 20px 50px;
}
.methanisation .s5 .container .image {
margin-top: -100px;
margin-bottom: 30px;
}
.methanisation .s5 .container .image img {
width: -webkit-fill-available;
height: 391px;
object-fit: cover;
}
.methanisation .s5 .container .left .info {
margin-bottom: 15px;
}
} .methanisation .s6 {
margin-top: 90px;
}
@media screen and (min-width: 992px) {
.broyage-criblage .s1 h1 {
width: 90%;
}
} .broyage-criblage .s2 .container {
max-width: 1140px;
margin: 0 auto;
}
.broyage-criblage .s2 .right .image {
position: relative;
}
.broyage-criblage .s2 .right .image img {
height: 382px;
width: 382px;
object-fit: cover;
}
.broyage-criblage .s2 .right .image::after {
content: "";
position: absolute;
height: 341px;
width: 341px;
background-color: var(--background-color);
bottom: -26px;
left: 21px;
z-index: -1;
}
@media screen and (min-width: 992px) {
.broyage-criblage .s2 {
margin-top: 93px;
}
.broyage-criblage .s2 .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 104px;
}
.broyage-criblage .s2 .container .left {
grid-column: 1;
}
.broyage-criblage .s2 .text {
margin-bottom: 35px;
}
.broyage-criblage .s2 .container .right {
grid-column: 2;
text-align: right;
}
}
@media screen and (max-width: 991px) {
.broyage-criblage .s2 {
margin-top: 60px;
}
.broyage-criblage .s2 .container {
margin: 0 20px;
}
.broyage-criblage .s2 .text {
margin-bottom: 30px;
}
.broyage-criblage .s2 .text p {
width: 97%;
}
} .broyage-criblage .s3 {
background-color: var(--main-color);
}
.broyage-criblage .s3 .container {
max-width: 1140px;
margin: 0 auto;
}
.broyage-criblage .s3 .image img {
max-width: 453px;
}
.broyage-criblage .s3 .info {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.broyage-criblage .s3 .info:nth-child(4) {
margin-bottom: 18px;
}
.broyage-criblage .s3 .info .num {
font-size: 28px;
line-height: 29px;
opacity: 70%;
color: var(--white-color);
text-transform: uppercase;
}
.broyage-criblage .s3 .info:nth-child(1) .num {
margin-right: 16px;
}
.broyage-criblage .s3 .info:nth-child(2) .num {
margin-right: 10px;
}
.broyage-criblage .s3 .info:nth-child(3) .num {
margin-right: 10px;
}
.broyage-criblage .s3 .info:nth-child(4) .num {
margin-right: 8px;
}
@media screen and (min-width: 992px) {
.broyage-criblage .s3 {
margin-top: 180px;
}
.broyage-criblage .s3 .container {
display: grid;
grid-template-columns: 1fr 1.5fr;
grid-column-gap: 60px;
}
.broyage-criblage .s3 .image {
display: grid;
}
.broyage-criblage .s3 .image img {
margin-top: -30px;
height: 644px;
object-fit: cover;
}
.broyage-criblage .s3 .right {
align-self: center;
}
}
@media screen and (max-width: 991px) {
.broyage-criblage .s3 {
padding-bottom: 50px;
}
.broyage-criblage .s3 .container {
margin: 0 20px;
}
.broyage-criblage .s3 {
margin-top: 140px;
}
.broyage-criblage .s3 .image img {
width: 100%;
height: 302px;
object-fit: cover;
margin: -50px auto 30px;
}
.broyage-criblage .s3 .right>.text p {
width: 96%;
}
} .broyage-criblage .s4 .container {
max-width: 1140px;
margin: 0 auto;
}
.broyage-criblage .s4 .bot .card {
background-repeat: no-repeat;
background-size: cover;
max-width: 550px;
max-height: 413px;
text-align: center;
transition: all .3s;
position: relative;
}
.broyage-criblage .s4 .bot .card .info {
transition: all .3s;
opacity: 0%;
text-align: left;
}
.broyage-criblage .s4 .bot .card:hover {
box-shadow: inset 0 0 0 1000px var(--text-color);
}
.broyage-criblage .s4 .bot .card:hover .info {
opacity: 100%;
}
.broyage-criblage .s4 .bot .card .info .title {
display: flex;
align-items: center;
margin-bottom: 7px;
}
.broyage-criblage .s4 .bot .card .info .title span {
font-size: 15px;
line-height: 24px;
font-weight: 600;
margin: 0;
}
.broyage-criblage .s4 .bot .card .info .text {
margin-left: 33px;
}
.broyage-criblage .s4 .bot .card .info .text p {
font-size: 13px;
line-height: 17px;
}
@media screen and (min-width: 992px) {
.broyage-criblage .s4 {
margin-top: 120px;
}
.broyage-criblage .s4 .top .text {
width: 673px;
}
.broyage-criblage .s4 .bot {
margin-top: 50px;
}
.broyage-criblage .s4 .bot .cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.broyage-criblage .s4 .bot .card:nth-child(1) {
grid-column: 1;
}
.broyage-criblage .s4 .bot .card:nth-child(2) {
grid-column: 2;
}
.broyage-criblage .s4 .bot .card {
width: 550px;
height: 413px;
}
.broyage-criblage .s4 .bot .card h3 {
font-size: 35px;
line-height: 40px;
font-weight: bold;
margin: 29px auto 46px;
}
.broyage-criblage .s4 .bot .card .info {
margin: 0 60px 30px;
}
}
@media screen and (max-width: 991px) {
.broyage-criblage .s4 {
margin-top: 90px;
}
.broyage-criblage .s4 .container .top {
margin: 0 20px 30px;
}
.broyage-criblage .s4 .bot .card .no_scroll {
height: 190px;
overflow: scroll;
}
.broyage-criblage .s4 .bot .card:nth-child(1) {
margin-bottom: 30px;
}
.broyage-criblage .s4 .bot .card {
height: 300px;
}
.broyage-criblage .s4 .bot .card h3 {
padding: 15px 0 24px;
}
.broyage-criblage .s4 .bot .card .info {
padding: 0 20px 15px;
}
.broyage-criblage .s4 .card .cta {
position: absolute;
left: 50%;
translate: -50%;
bottom: 10px;
}
} .broyage-criblage .s5 {
background-color: var(--background-color);
}
.broyage-criblage .s5 .container {
max-width: 1140px;
margin: 0 auto;
}
@media screen and (min-width: 992px) {
.broyage-criblage .s5 {
margin-top: 120px;
padding-top: 50px;
}
.broyage-criblage .s5 .container .top {
display: grid;
grid-template-columns: repeat(2, 1fr);
margin-bottom: 60px;
}
.broyage-criblage .s5 .container .top .left {
grid-column: 1;
}
.broyage-criblage .s5 .container .top .right {
grid-column: 2;
}
.broyage-criblage .s5 .image img {
margin-bottom: -75px;
width: 100%;
height: 503px;
object-fit: cover;
}
.broyage-criblage .s5 .top .right {
align-self: center;
}
}
@media screen and (max-width: 991px) {
.broyage-criblage .s5 {
margin-top: 90px;
padding-top: 35px;
}
.broyage-criblage .s5 .container .top {
padding: 0 20px 50px;
}
.broyage-criblage .s5 .image img {
display: grid;
width: 100%;
}
} .broyage-criblage .s6 .container {
max-width: 1140px;
margin: 0 auto;
}
.broyage-criblage .s6 .bot .info .text {
margin-left: 10px;
}
.broyage-criblage .s6 .bot .right .image {
max-width: 539px;
}
@media screen and (min-width: 992px) {
.broyage-criblage .s6 {
margin-top: 195px;
}
.broyage-criblage .s6 .bot {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 70px;
}
.broyage-criblage .s6 .bot .left {
grid-column: 1;
}
.broyage-criblage .s6 .bot .right {
grid-column: 2;
}
.broyage-criblage .s6 .bot .right img {
object-fit: cover;
height: 326px;
width: 539px;
object-position: 0 -120px;
}
}
@media screen and (max-width: 991px) {
.broyage-criblage .s6 {
margin-top: 90px;
}
.broyage-criblage .s6 .top {
padding: 0 20px;
}
.broyage-criblage .s6 .bot .left {
padding: 0 20px 30px;
}
.broyage-criblage .s6 .bot .right img {
width: 100%;
height: 227px;
object-fit: cover;
object-position: 0 -80px;
}
} .broyage-criblage .s7 {
background-color: var(--main-color);
}
.broyage-criblage .s7 .top {
max-width: 1140px;
margin: 0 auto;
}
.broyage-criblage .s7 .bot {
max-width: 1440px;
margin: 40px auto 0;
}
.broyage-criblage .s7 .bot span {
font-weight: 600;
font-size: 15px;
line-height: 24px;
margin: 0;
}
.broyage-criblage .s7 .bot p {
font-weight: 400;
font-size: 15px;
line-height: 24px;
margin: 0;
}
.broyage-criblage .s7 .splide__arrows {
position: unset;
}
.broyage-criblage .s7 .splide__slide .text {
bottom: 0px;
position: absolute;
padding: 0 40px;
height: 80px;
background-color: rgba(255, 255, 255, 0.85);
width: -webkit-fill-available;
text-align: -webkit-center;
display: grid;
align-content: center;
}
@media screen and (min-width: 992px) {
.broyage-criblage .s7 {
margin-top: 120px;
padding: 50px 0;
}
.broyage-criblage .s7 .top .text p {
max-width: 900px;
}
.broyage-criblage .s7 .bot {
display: grid;
grid-template-columns: 1fr 1.25fr;
}
.broyage-criblage .s7 .bot .left {
grid-column: 1;
margin-left: 150px;
align-self: center;
}
.broyage-criblage .s7 .bot .right {
grid-column: 2;
overflow: hidden;
}
.broyage-criblage .s7 .splide__slide {
width: 341px !important;
gap: 15px;
}
.broyage-criblage .s7 .splide__slide img {
vertical-align: bottom;
width: 341px;
height: 539px;
object-fit: cover;
position: relative;
}
.broyage-criblage .s7 .splide__slide .text p {
font-size: 13px;
line-height: 20px;
}
.broyage-criblage .s7 .splide__list {
gap: 30px;
transition: .3s;
}
.broyage-criblage .s7 .splide__arrows {
margin-top: 25px;
margin-left: 25px;
}
.broyage-criblage .s7 .splide__slide img {
vertical-align: bottom;
width: 341px;
height: 539px;
object-fit: cover;
}
}
@media screen and (max-width: 991px) {
.broyage-criblage .s7 {
margin-top: 90px;
padding: 35px 0;
}
.broyage-criblage .s7 .top,
.broyage-criblage .s7 .bot .left {
padding: 0 20px;
}
.broyage-criblage .s7 .content {
height: 101px;
overflow-y: scroll;
margin-bottom: 30px;
}
.broyage-criblage .s7 .splide__arrows {
margin-top: 15px;
justify-content: center;
}
.broyage-criblage .s7 .splide__slide .text {
padding: 0 20px;
height: 60px;
}
.broyage-criblage .s7 .splide__slide img {
vertical-align: bottom; height: 300px;
object-fit: cover;
width: -webkit-fill-available;
object-position: center;
}
} .broyage-criblage .s8 {
background-color: var(--background-color);
}
.broyage-criblage .s8 .top {
max-width: 1140px;
margin: 0 auto;
}
.broyage-criblage .s8 .splide__list {
transition: all .3s;
}
.broyage-criblage .s8 .splide__arrows {
margin-top: 35px;
position: unset;
place-content: center;
}
@media screen and (min-width: 992px) {
.broyage-criblage .s8 {
padding: 50px 0;
}
.broyage-criblage .s8 .top {
margin-bottom: 50px;
}
.broyage-criblage .s8 .top {
text-align: center;
}
.broyage-criblage .s8 .splide__slide {
width: 794px !important;
height: 446px !important;
transition: all .3s;
text-align: center;
}
.broyage-criblage .s8 .splide__slide.is-active iframe {
width: 794px;
height: 446px;
margin: 0 !important;
}
.broyage-criblage .s8 .splide__slide iframe {
vertical-align: center;
width: 550px;
height: 309px;
object-fit: cover;
margin: 68.5px 0;
transition: all .3s;
border: none;
}
.broyage-criblage .s8 .splide__slide iframe {
vertical-align: center;
width: 550px;
height: 309px;
object-fit: cover;
margin: 68.5px 0;
transition: all .3s;
border: none;
}
}
@media screen and (max-width: 991px) {
.broyage-criblage .s8 {
padding: 40px 0 98px;
}
.broyage-criblage .s8 .top {
margin-bottom: 40px;
padding: 0 20px;
}
.broyage-criblage .s8 .splide__slide iframe {
width: -webkit-fill-available;
transition: all .3s;
border: none;
}
} .broyage-criblage .s9 .info {
display: flex;
}
@media screen and (min-width: 992px) {
.broyage-criblage .s9 {
margin-top: 120px;
}
.broyage-criblage .s9 .info {
align-items: center;
}
}
@media screen and (max-width: 991px) {
.broyage-criblage .s9 .info {
align-items: flex-start;
}
}   :root {
--main-color: #1D481A;
--text-color: #263141;
--btn-color: #79A122;
--background-color: #79a1221a;
--orange-color: #FB7102;
--black-color: #000000;
--white-color: #ffffff;
--main-font: "Raleway";
--big-font: "Barlow";
}
::marker {
color: var(--btn-color);
}
a:-webkit-any-link {
color: var(--btn-color);
}
html {
margin: 0 !important;
}
body {
margin: 0;
font-display: swap;
font-family: "Raleway";
color: var(--text-color);
}
h1 {
font-family: "Barlow";
margin: 0;
}
.barlow {
font-family: "Barlow";
}
.raleway {
font-family: "Raleway";
}   ::-webkit-scrollbar {
width: 5px;
height: 5px;
} ::-webkit-scrollbar-track {
background: #ededed;
} ::-webkit-scrollbar-thumb {
background: var(--btn-color);
border-radius: 5px;
} ::-webkit-scrollbar-thumb:hover {
background: #555;
}
.hide {
display: none !important;
}
@media screen and (max-width: 991px) {
.desktop-only,
.desktop {
display: none !important;
}
}
@media screen and (min-width: 992px) {
.mobile-only,
.mobile {
display: none !important;
}
} .first_section {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.first_section .container {
display: flex;
justify-content: center; flex-direction: column;
max-width: 1440px;
}
.first_section .container h1 {
font-family: "Barlow";
font-weight: 900;
line-height: 57px;
color: var(--white-color);
text-transform: uppercase;
}
@media screen and (min-width:992px) {
.first_section .container {
height: 550px;
padding-left: 150px;
}
.first_section .container h1 {
font-size: 65px;
letter-spacing: 0.65px;
text-align: left;
}
}
@media screen and (max-width:991px) {
.first_section .container {
height: 546px;
}
.first_section .container h1 {
font-size: 43px;
letter-spacing: 0.43px;
text-align: center;
}
} .last_section .image img {
max-height: 590px;
width: 100%;
object-fit: cover;
}
@media screen and (min-width: 992px) {
.last_section .container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 61px;
}
.last_section .container .left {
grid-column: 1;
}
.last_section .container .right {
grid-column: 2;
padding-right: 150px;
align-self: center;
}
.last_section .left .image {
display: grid;
}
.last_section .image img {
height: 590px;
}
}
@media screen and (max-width: 991px) {
.last_section .container .right {
padding: 30px 20px 60px;
}
} h2 {
font-family: "Barlow";
font-weight: bold;
text-transform: uppercase;
}
h2,
h3,
h4,
span,
p { margin: 0;
}
.white_color,
.white_color .num,
.white_color h2,
.white_color h3,
.white_color h4,
.white_color span,
.white_color p {
color: var(--white-color);
}
.orange_color {
color: var(--orange-color);
}
@media screen and (min-width: 992px) {
h2 {
font-size: 55px;
letter-spacing: 0.55px;
line-height: 57px;
margin: 0 0 35px 0;
}
p {
font-size: 15px;
line-height: 24px;
}
.last_btn {
margin-bottom: 35px;
}
}
@media screen and (max-width: 991px) {
h2 {
font-size: 35px;
letter-spacing: 0.35px;
line-height: 37px;
margin: 0 0 30px 0;
}
p {
font-size: 13px;
line-height: 20px;
}
.last_btn {
margin-bottom: 30px;
}
} .mini_title {
display: flex;
margin-bottom: 10px;
}
.mini_title img {
margin-right: 10px;
}
.mini_title span {
color: var(--orange-color);
font-weight: 500;
}
.valide {
margin-right: 10px;
}
@media screen and (min-width: 992px) {
.mini_title span {
font-size: 15px;
line-height: 21px;
}
.mini_title.center {
place-content: center;
}
.mini_title img {
width: 19px;
height: 19px;
}
.valide {
height: 23px;
}
}
@media screen and (max-width: 991px) {
.mini_title span {
font-size: 13px;
line-height: 19px;
}
.mini_title img {
width: 18px;
height: 18px;
}
.valide {
height: 18px;
}
} .btn-green {
display: inline-block;
font-family: "Barlow";
background-color: var(--btn-color);
color: var(--white-color) !important;
border: 1px solid var(--btn-color);
text-decoration: none;
padding: 9px 20px;
transition: 0.3s;
}
.btn-green:hover {
background-color: var(--main-color);
}
.plus_white::after {
content: url(//www.agricompost.eu/wp-content/uploads/2022/07/plus_blanc.png);
margin-left: 9.5px;
}
@media screen and (min-width: 992px) {
.btn-green {
font-size: 15px;
letter-spacing: 0.9px;
line-height: 18px;
}
}
@media screen and (max-width: 991px) {
.btn-green {
font-size: 13px;
letter-spacing: 0.78px;
line-height: 16px;
}
}  .white.splide__arrow {
filter: invert(1);
opacity: 1 !important;
}
.color_white,
.color_white.num,
.color_white.title h2,
.color_white.title span,
.color_white.text p,
.color_white h3,
.color_white p {
color: var(--white-color);
} .flex {
display: flex;
} .mo_ta-center {
text-align: center;
}
.no_scroll::-webkit-scrollbar {
width: 0px !important;
height: 0px !important;
}
.mg-9 {
margin-bottom: 9px;
}
.w-65 {
width: 65%;
} .background_clear {
z-index: -1;
position: absolute;
top: 0;
left: 0;
background: var(--background-color);
width: -webkit-fill-available;
height: 606px;
}
.background_clear.green {
background: var(--main-color) !important;
}
.bold {
font-weight: bold;
} .num {
font-family: "Barlow";
font-weight: bold;
font-size: 55px;
line-height: 57px;
letter-spacing: 0.55px;
text-transform: uppercase;
color: var(--btn-color);
opacity: 10%;
} .title_border {
border-left: 2px solid var(--orange-color);
margin-bottom: 12px;
}
.text_border {
margin-left: 12px;
}
.text_border p {
font-size: 15px;
line-height: 24px;
}
.title_border h3,
.title_border span {
margin: 0 0 0 10px !important;
font-weight: bold;
font-size: 15px;
line-height: 24px;
color: var(--text-color);
}
.title h3 {
margin: 20px 0px 25px 19px;
font-weight: bold;
font-size: 15px;
line-height: 24px;
color: var(--text-color);
} .mb-10 {
margin-bottom: 10px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}   .mentions-legales .s2 .container {
max-width: 1140px;
margin: 0 auto;
}
.mentions-legales .s2 .container span {
color: #263141;
font-size: 13px;
line-height: 20px;
}
@media screen and (min-width: 992px) {
.mentions-legales .s2 {
margin-top: 150px;
}
.mentions-legales .s2 .container .article,
.mentions-legales .s2 .container .start {
margin-bottom: 50px;
}
.mentions-legales .s2 .container h2 {
font-size: 45px;
margin: 0 0 25px 0;
}
}
@media screen and (max-width: 991px) {
.mentions-legales .s2 {
margin-top: 90px;
}
.mentions-legales .s2 .container {
padding: 0 20px;
}
.mentions-legales .s2 .container .article,
.mentions-legales .s2 .container .start {
margin-bottom: 35px;
}
}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.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}