.container{width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.container-fluid{width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto;}
.row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; }
.row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: 10px; padding-left: 10px; }
.col { flex: 1 0 0%; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; } 
.col-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; } 
.col-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-12 { flex: 0 0 auto; width: 100%; }
.offset-1 { margin-left: 8.33333333%; }
.offset-2 { margin-left: 16.66666667%; }
.offset-3 { margin-left: 25%; } 
.offset-4 { margin-left: 33.33333333%; } 
.offset-5 { margin-left: 41.66666667%; } 
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.33333333%; }
.offset-8 { margin-left: 66.66666667%; }
.offset-9 { margin-left: 75%; } 
.offset-10 { margin-left: 83.33333333%; }
.offset-11 { margin-left: 91.66666667%; }
.offset-12 { margin-left: 100%; }
@media (min-width: 576px){ .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-sm-3 { flex: 0 0 auto; width: 25%; } 
.col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-sm-6 { flex: 0 0 auto; width: 50%; }
.col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-sm-9 { flex: 0 0 auto; width: 75%; } 
.col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-sm-12 { flex: 0 0 auto; width: 100%; }
.offset-sm-1 { margin-left: 8.33333333%; }
.offset-sm-2 { margin-left: 16.66666667%; }
.offset-sm-3 { margin-left: 25%; } 
.offset-sm-4 { margin-left: 33.33333333%; } 
.offset-sm-5 { margin-left: 41.66666667%; } 
.offset-sm-6 { margin-left: 50%; }
.offset-sm-7 { margin-left: 58.33333333%; }
.offset-sm-8 { margin-left: 66.66666667%; }
.offset-sm-9 { margin-left: 75%; } 
.offset-sm-10 { margin-left: 83.33333333%; }
.offset-sm-11 { margin-left: 91.66666667%; }
.offset-sm-12 { margin-left: 100%; }
}
@media (min-width: 768px){ .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-md-3 { flex: 0 0 auto; width: 25%; } 
.col-md-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-md-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-md-6 { flex: 0 0 auto; width: 50%; }
.col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-md-9 { flex: 0 0 auto; width: 75%; } 
.col-md-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-md-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-md-12 { flex: 0 0 auto; width: 100%; }
.offset-md-1 { margin-left: 8.33333333%; }
.offset-md-2 { margin-left: 16.66666667%; }
.offset-md-3 { margin-left: 25%; } 
.offset-md-4 { margin-left: 33.33333333%; } 
.offset-md-5 { margin-left: 41.66666667%; } 
.offset-md-6 { margin-left: 50%; }
.offset-md-7 { margin-left: 58.33333333%; }
.offset-md-8 { margin-left: 66.66666667%; }
.offset-md-9 { margin-left: 75%; } 
.offset-md-10 { margin-left: 83.33333333%; }
.offset-md-11 { margin-left: 91.66666667%; }
.offset-md-12 { margin-left: 100%; }
}
@media (min-width: 992px){ .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-lg-3 { flex: 0 0 auto; width: 25%; } 
.col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-lg-9 { flex: 0 0 auto; width: 75%; } 
.col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-lg-12 { flex: 0 0 auto; width: 100%; }
.offset-lg-1 { margin-left: 8.33333333%; }
.offset-lg-2 { margin-left: 16.66666667%; }
.offset-lg-3 { margin-left: 25%; } 
.offset-lg-4 { margin-left: 33.33333333%; } 
.offset-lg-5 { margin-left: 41.66666667%; } 
.offset-lg-6 { margin-left: 50%; }
.offset-lg-7 { margin-left: 58.33333333%; }
.offset-lg-8 { margin-left: 66.66666667%; }
.offset-lg-9 { margin-left: 75%; } 
.offset-lg-10 { margin-left: 83.33333333%; }
.offset-lg-11 { margin-left: 91.66666667%; }
.offset-lg-12 { margin-left: 100%; }
}
@media (min-width: 1200px){ .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xl-3 { flex: 0 0 auto; width: 25%; } 
.col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-xl-6 { flex: 0 0 auto; width: 50%; }
.col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xl-9 { flex: 0 0 auto; width: 75%; } 
.col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-xl-12 { flex: 0 0 auto; width: 100%; }
.offset-xl-1 { margin-left: 8.33333333%; }
.offset-xl-2 { margin-left: 16.66666667%; }
.offset-xl-3 { margin-left: 25%; } 
.offset-xl-4 { margin-left: 33.33333333%; } 
.offset-xl-5 { margin-left: 41.66666667%; } 
.offset-xl-6 { margin-left: 50%; }
.offset-xl-7 { margin-left: 58.33333333%; }
.offset-xl-8 { margin-left: 66.66666667%; }
.offset-xl-9 { margin-left: 75%; } 
.offset-xl-10 { margin-left: 83.33333333%; }
.offset-xl-11 { margin-left: 91.66666667%; }
.offset-xl-12 { margin-left: 100%; }
}
@media (min-width: 1400px){ .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-xxl-3 { flex: 0 0 auto; width: 25%; } 
.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } 
.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } 
.col-xxl-6 { flex: 0 0 auto; width: 50%; }
.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-xxl-9 { flex: 0 0 auto; width: 75%; } 
.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } 
.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } 
.col-xxl-12 { flex: 0 0 auto; width: 100%; }
.offset-xxl-1 { margin-left: 8.33333333%; }
.offset-xxl-2 { margin-left: 16.66666667%; }
.offset-xxl-3 { margin-left: 25%; } 
.offset-xxl-4 { margin-left: 33.33333333%; } 
.offset-xxl-5 { margin-left: 41.66666667%; } 
.offset-xxl-6 { margin-left: 50%; }
.offset-xxl-7 { margin-left: 58.33333333%; }
.offset-xxl-8 { margin-left: 66.66666667%; }
.offset-xxl-9 { margin-left: 75%; } 
.offset-xxl-10 { margin-left: 83.33333333%; }
.offset-xxl-11 { margin-left: 91.66666667%; }
.offset-xxl-12 { margin-left: 100%; }
}html{scroll-behavior: smooth;}
*{ font-family: Inter; font-size: 16px;}
a{text-decoration: none;transition: .5s;cursor: pointer;}
p{margin-top: 0;margin-bottom: 1em;}
svg{transition: .5s;display: block;}
svg path{transition: .5s;}
.d-flex{display: flex;}
.d-none{display: none!important;}
.justify-content-center{justify-content: center;}
.justify-content-space-around{justify-content: space-around;}
.justify-content-space-between{justify-content: space-between;}
.justify-content-flex-end{justify-content: flex-end;}
.align-items-center{align-items: center;}
.wrap{flex-wrap: wrap;}
.gap-20{gap: 20px;}
.p0{padding: 0;}
.overflow-hidden{overflow: hidden;}
.text-center{text-align: center;} 
ul{margin-left: 0;}
.container{padding: 0 8.33333333%;} :root {
--Color-Black: #000;
--Color-White: #fff;
--Color-Red: #E52547;
--Color-Red-Hover: #c12743;
--Color-Grey: #414548;
--Color-Grey-Hover: #070708;
--Color-LightGrey: #898C8F;
--Color-Yellow: #D0AA26;
--Color-Blue: #67ACB6;
--Color-Orange: #E06D4A;
}
body{overflow-x: hidden;}
body.not-scroll{overflow: hidden;}
.grecaptcha-badge { visibility: hidden !important; } .grey{background: var(--Color-Grey);}
.red{background: var(--Color-Red);}
.orange{background: var(--Color-Orange);}
.yellow{background: var(--Color-Yellow);}
.blue{background: var(--Color-Blue);} .btn-link{display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 60px;transition: .5s; background: transparent;border: 1px solid var(--Color-Red);padding: 16px 20px;color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
.btn-link svg path{fill: var(--Color-Red);}
.btn-link:hover{background: var(--Color-Red);color: var(--Color-White);}
.btn-link:hover svg path{fill: var(--Color-White);}
.btn-link.white{border: 1px solid var(--Color-White);color: var(--Color-White);}
.btn-link.white svg path{fill: var(--Color-White);}
.btn-link.white:hover{background: var(--Color-Grey);border-color: var(--Color-Grey);} .bloc-text h1{color: var(--Color-Red); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;margin-top: 0;margin-bottom: 30px;}
.bloc-text h1 span{color: var(--Color-Red); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;margin-top: 0;margin-bottom: 30px;}
.bloc-text h2{color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-top: 0;margin-bottom: 25px;}
.bloc-text h2 span{color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-top: 0;margin-bottom: 25px;}
.bloc-text h3{color: var(--Color-Red); font-family: all-round-gothic; font-size: 28px; font-style: normal; font-weight: 600; line-height: 28px;}
.bloc-text h3 span{color: var(--Color-Red); font-family: all-round-gothic; font-size: 28px; font-style: normal; font-weight: 600; line-height: 28px;}
.bloc-text h4{color: var(--Color-Red); font-family: all-round-gothic; font-size: 22px; font-style: normal; font-weight: 600; line-height: 28px;}
.bloc-text h4 span{color: var(--Color-Red); font-family: all-round-gothic; font-size: 22px; font-style: normal; font-weight: 600; line-height: 28px;}
.bloc-text p{color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.bloc-text li{color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.bloc-text p:last-of-type{margin-bottom: 0;} .bloc-media img{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.bloc-media video{width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;} .bloc-search-offre .main-module__default_background__L-FQk{background: transparent;}
.bloc-search-offre .main-module__kmb_main_landing__UsFbU{min-height: auto;padding: 0;}
.bloc-search-offre .titles-module__main_title__mckYl{display: none;}
.bloc-search-offre .main-module__kmb_landing_page_wrapper__6umvV .main-module__kmb_landing_page_searchbar__A0QzY, 
.bloc-search-offre .main-module__kmb_landing_page_wrapper__6umvV .main-module__kmb_landing_page_content__kkYVp{padding: 0;margin: 0;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn{padding: 0;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__searchbar_label__yZv1m{display: none;}
.bloc-search-offre form{background: var(--Color-White);padding: 20px;border-radius: 50px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__searchbar_input__uziHV{height: 53px;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__searchbar_image__DRGoP{top: 15px;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__searchbar_geoloc_container__qBGEf{top: 15px;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv{border-radius: 30px; border: 1px solid var(--Color-LightGrey); background: var(--Color-White);}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*>*:before,
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*>*:after{content:"";display: none}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*:before, 
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*:after{content:"";display: none}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv:before, 
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv:after{content:"";display: none}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*>*>*:before, 
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*>*>*:after{content:"";display: none}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__loading__AAlHW{height: 10px!important; width: 10px!important;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__loading__AAlHW svg path{fill: var(--Color-Red);}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__button_search__CiQt6{    border-radius: 60px; transition: .5s; background: transparent; border: 1px solid var(--Color-Red); padding: 16px 20px; color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; width: auto; height: auto; letter-spacing: normal; margin-left: 15px;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__button_search__CiQt6:hover{background: var(--Color-Red);color: var(--Color-White);}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__microphone_container__68H92{    background: var(--Color-Red); border: 1px solid var(--Color-Red); border-radius: 30px; height: 53px; width: 53px;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__microphone_container__68H92:hover{background: var(--Color-Red-Hover);}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__microphone_image__aZ-Tv{padding: 15px;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__search_mobile__oJBF1{border-radius: 60px; transition: .5s; background: transparent; border: 1px solid var(--Color-Red); padding: 16px 20px; color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; width: auto; height: auto; letter-spacing: normal; margin-left: 0;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__search_mobile__oJBF1:hover{background: var(--Color-Red);color: var(--Color-White);} .bloc-contact form{display: flex;flex-wrap: wrap;gap: 0 20px;}
.bloc-contact form p{width: 100%;display: flex;flex-direction: column;gap: 20px;}
.bloc-contact form p br{display: none;}
.bloc-contact form .half{width: calc(50% - 10px);margin-bottom: 20px;}
.bloc-contact form .half p{margin: 0;}
.bloc-contact form input[type="text"], .bloc-contact form input[type="email"], .bloc-contact form input[type="tel"]{width: 100%;padding: 10px 20px;border-radius: 30px;border: none; border: 1px solid var(--Color-LightGrey); background: transparent; outline: none;color: var(--Color-Black); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.bloc-contact form select{width: 100%;padding: 10px 20px;border-radius: 30px;border: none; border: 1px solid var(--Color-LightGrey); background: transparent; outline: none;color: var(--Color-Black); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;  }
.bloc-contact form textarea{width: 100%;padding: 10px 20px;border-radius: 30px;border: none; border: 1px solid var(--Color-LightGrey); background: transparent; outline: none;color: var(--Color-Black); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; height: 135px;}
.bloc-contact form .wpcf7-response-output{margin: 0; width: 100%;padding: 10px 15px;border-radius: 0; background: transparent; outline: none; color: var(--Color-Black); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.bloc-contact form *::placeholder{color: var(--Color-LightGrey);}
.bloc-contact form button{height: fit-content; margin-left: auto;transition: .5s;cursor: pointer;}
.bloc-contact form span{    margin-left: -10px;color: var(--Color-LightGrey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.bloc-contact form span.wpcf7-not-valid-tip{color: var(--Color-Red);}
.bloc-contact form label{color: var(--Color-LightGrey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.bloc-contact form .wpcf7-list-item{margin: 0;}
.bloc-contact form input[type=file] {height: 48px; position: relative; width: 100%;padding: 10px 20px;border-radius: 30px;border: none; border: 1px solid var(--Color-LightGrey); background: transparent; outline: none;color: var(--Color-LightGrey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; }
.bloc-contact form input[type=file]::file-selector-button { position: absolute;right: 20px; border: none; background-color: transparent; padding: 0; cursor: pointer;color: transparent; background-image: url(//www.supplay.fr/wp-content/themes/supplay/img/file.svg);background-size: cover;width: 24px;height: 24px; } header{position: fixed;top: 0;left: 0;z-index: 990; width: 100%;}
header .menu-desktop{display: flex;align-items: center;padding: 24px 90px;position: relative;z-index: 60;background: var(--Color-White);transition: .5s;}
header.scrolled .menu-desktop{padding: 10px 90px;}
header .menu-desktop:before{position: absolute;top: 0;left: 0;width: 30px;height: 100%;background: var(--Color-Red);content: '';z-index: 1;}
header .menu-desktop .logo{overflow: hidden;width: 160px;}
header .menu-desktop .logo svg{width: 100%;height: auto;}
header .menu-desktop .navigation{display: flex;align-items: center;justify-content: flex-start;margin-left: 60px;}
header .menu-desktop .navigation nav>ul.menu{display: flex;gap: 25px;margin: 0;padding: 0;list-style: none;}
header .menu-desktop .navigation nav>ul.menu>li>a{ color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; display: inline-block;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>a:hover{color: var(--Color-Red);}
header .menu-desktop .navigation nav>ul.menu>li.open>a{color: var(--Color-Red);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-ancestor>a{color: var(--Color-Red);}
header .menu-desktop .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Red);}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 12px;}
header .menu-desktop .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//www.supplay.fr/wp-content/themes/supplay/img/arrow-down-red.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 10px;width: 10px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu{z-index: 60; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);padding: 0; display: flex;list-style: none; margin: 0;background: var(--Color-Red); flex-direction: column;position: absolute;top: 100%;opacity: 0;transition: .5s;visibility: hidden;}
header .menu-desktop .navigation nav>ul.menu>li.open>.sub-menu{opacity: 1;visibility: visible;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li{position: relative; padding: 10px 20px;background: var(--Color-Red);transition: .5s;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li:hover{background: var(--Color-Red-Hover);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.open{background: var(--Color-Red-Hover);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.current-menu-item{background: var(--Color-Red-Hover);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.current-menu-ancestor{background: var(--Color-Red-Hover);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>a{color: var(--Color-White); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; display: inline-block;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a{padding-right: 12px;position: relative;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//www.supplay.fr/wp-content/themes/supplay/img/arrow-right-white.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 10px;width: 10px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu{z-index: 62;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);padding: 0; width: max-content; display: flex;list-style: none; margin: 0;background: var(--Color-Grey); flex-direction: column;position: absolute;top: 0;left: 100%; opacity: 0;transition: .5s;visibility: hidden;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li{padding: 10px 20px;background: var(--Color-Grey);transition: .5s;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li:hover{background: var(--Color-Grey-Hover);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li.open{background: var(--Color-Grey-Hover);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li.current-menu-item{background: var(--Color-Grey-Hover);}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li.open>.sub-menu{opacity: 1;visibility: visible;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li>a{color: var(--Color-White); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600;line-height: 16px; display: inline-block;}
header .menu-desktop .navigation-secondaire{display: flex;align-items: center;justify-content: flex-end;gap: 15px;margin-left: auto;margin-right: 8.33333333%;}
header .burger-button{padding: 12px;width: 50px;height: 50px;margin-left: 10px; border: 1px solid var(--Color-Red); cursor: pointer; transition: .5s; display: none;border-radius: 50%;}
header .burger-button svg{width: 100%;height: auto;}
header .burger-button:hover{background: var(--Color-Red);}
header .burger-button:hover svg path{fill: var(--Color-White);}
header .btn-search-mobile{padding: 12px;width: 50px;height: 50px;margin-left: auto; border: 1px solid var(--Color-Red); cursor: pointer; transition: .5s; display: none;border-radius: 50%;}
header .btn-search-mobile svg{width: 100%;height: auto;}
header .btn-search-mobile:hover{background: var(--Color-Red);}
header .btn-search-mobile:hover svg path{fill: var(--Color-White);}
header .menu-mobile{transition: .5s;position: absolute;top: 0;left: 0;padding: 112px 30px 50px; width: 100%;height: 100vh;z-index: 55;background: var(--Color-White);opacity: 0;visibility: hidden;max-height: 0vh;}
header.open .menu-mobile{ opacity: 1; visibility: visible; max-height: 100vh;  }
header .menu-mobile .navigation{display: flex;align-items: center;justify-content: flex-start;}
header .menu-mobile .navigation nav>ul.menu{display: flex;gap: 15px;margin: 0;padding: 0;list-style: none;flex-direction: column;}
header .menu-mobile .navigation nav>ul.menu>li>a{ color: var(--Color-Grey); font-family: all-round-gothic; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; display: inline-block;position: relative;}
header .menu-mobile .navigation nav>ul.menu>li>a:hover{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li.open>a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-ancestor>a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li.current-menu-item>a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a{padding-right: 12px;}
header .menu-mobile .navigation nav>ul.menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//www.supplay.fr/wp-content/themes/supplay/img/arrow-down-red.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 10px;width: 10px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu{z-index: 60;padding: 0; display: flex;margin-top: 0; list-style: none; margin: 0;flex-direction: column;position: relative;top: 100%;opacity: 0;transition: .5s;visibility: hidden;max-height: 0;gap: 10px;}
header .menu-mobile .navigation nav>ul.menu>li.open>.sub-menu{opacity: 1;visibility: visible;max-height: 500px;margin-top: 10px;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li{padding: 0px 20px;transition: .5s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li:hover a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.open a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.current-menu-item a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.current-menu-ancestor a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>a{color: var(--Color-Grey); font-family: all-round-gothic; font-size: 18px; font-style: normal; font-weight: 600; line-height: 16px; display: inline-block;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a{padding-right: 12px;position: relative;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.menu-item-has-children>a::after{content: '';position: absolute;background-image: url(//www.supplay.fr/wp-content/themes/supplay/img/arrow-down-red.svg);background-size: contain;background-position: center;background-repeat: no-repeat; height: 10px;width: 10px; right: 0px;top: 50%;transform: translateY(-50%); transition: .5s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu{z-index: 62;padding: 0; width: max-content; display: flex;list-style: none; margin: 0;gap: 10px;margin-top: 0; flex-direction: column;position: relative;top: 100%;left: 0; opacity: 0;transition: .5s;visibility: hidden;max-height: 0;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li{padding: 0 20px;transition: .5s;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li:hover a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li.open a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li.current-menu-item a{color: var(--Color-Red);}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li.open>.sub-menu{opacity: 1;visibility: visible;max-height: 500px;margin-top: 10px;}
header .menu-mobile .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li>a{color: var(--Color-Grey); font-family: all-round-gothic; font-size: 18px; font-style: normal; font-weight: 600;line-height: 16px; display: inline-block;}
header .menu-mobile .navigation-secondaire{display: flex;gap: 10px;flex-direction: column;margin-top: 30px;}
header .menu-mobile .navigation-secondaire .btn-link{width: fit-content;}
header .menu-mobile .navigation-secondaire .btn-search{display: none;}
header .bloc-search-offre{position: absolute;top: 130px;width: 50%;z-index: 50;left: 50%;transform: translateX(100%);transition: .5s;}
header .bloc-search-offre.on{transform: translateX(-50%);}
header.scrolled .bloc-search-offre{top: 100px;} footer{width: 100%;display: flex;flex-direction: column;}
footer .footer-top{background: var(--Color-Grey);padding: 50px 120px;display: flex;flex-wrap: wrap;gap: 30px;}
footer .footer-top .logo{width: 16.66666667%;}
footer .footer-top .mega-menu{width: 100%;display: flex;gap: 30px;align-items: flex-start;}
footer .footer-top .mega-menu .bloc-footer{width: 16.66666667%;}
footer .footer-top .mega-menu .bloc-footer p strong{color: var(--Color-Red); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;margin-top: 0;margin-bottom: 10px;text-transform: uppercase;}
footer .footer-top .mega-menu .bloc-footer p{color: var(--Color-White); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
footer .footer-top .mega-menu .bloc-footer a{color: var(--Color-White); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 26px;}
footer .footer-top .mega-menu .bloc-footer a:not(.btn-link):hover{color: var(--Color-Red);}
footer .footer-top .mega-menu .bloc-footer ul{margin: 0;padding: 0;list-style: none;}
footer .footer-bottom{background: var(--Color-LightGrey);padding: 50px 120px;display: flex;gap: 10px;align-items: center;}
footer .footer-bottom .rs-footer{width: 16.66666667%;display: flex;gap: 10px;}
footer .footer-bottom .rs-footer a:hover svg path{fill: var(--Color-Red);}
footer .footer-bottom .menu-footer{width: 66.66666667%;}
footer .footer-bottom .menu-footer ul{padding: 0;margin: 0;list-style: none;display: flex;gap: 15px;align-items: center;}
footer .footer-bottom .menu-footer ul a{color: #FFF; font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase;}
footer .footer-bottom .menu-footer ul a:hover{color: var(--Color-Red);}
footer .footer-bottom .mention{width: 16.66666667%;text-align: right;}
footer .footer-bottom .mention a{color: #FFF; font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;}
footer .footer-bottom .mention a:hover{color: var(--Color-Red);} .page-404 #content{padding: 150px 20px 100px;}
.page-404 #content .content{display: flex;}
.page-404 #content .content .text{width: 100%;} .page-classique #entry{min-height: 300px; margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-classique #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-classique #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-classique #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-classique #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-classique #content{display: flex;padding: 100px 120px;}
.page-classique #content .text{width: 66.66666667%;margin: auto;}
.page-classique #content .text a{color: var(--Color-Red);text-decoration: underline;} .page-home #entry{padding-top: 102px;position: relative;}
.page-home #entry .entry-carousel{position: relative;}
.page-home #entry .entry-carousel .item{width: 100%;height: calc(100vh - 102px);padding: 0 30px 30px;position: relative;}
.page-home #entry .entry-carousel .item .media{width: 100%;height: 100%;position: relative;z-index: 2;border-radius: 0 30px 30px 30px;overflow: hidden;}
.page-home #entry .entry-carousel .item .media-mobile{display: none;width: 100%;height: 260px;position: relative;z-index: 2;border-radius: 0 30px 30px 30px;overflow: hidden;}
.page-home #entry .entry-carousel .item .text{width: 25%;left: calc(8.33333333% + 90px);z-index: 3;position: absolute;top: 50%;transform: translateY(-50%);}
.page-home #entry .entry-carousel .item .text h2{padding: 8px 18px;border-radius: 60px;width: fit-content; color: var(--Color-Grey);background: var(--Color-White); font-family: all-round-gothic; font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px;margin-bottom: 15px;}
.page-home #entry .entry-carousel .item .text h3{color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 45px;margin-bottom: 20px;margin-top: 0;}
.page-home #entry .entry-carousel .item .text h3 span{color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 45px;margin-bottom: 20px;margin-top: 0;}
.page-home #entry .entry-carousel .item .text p{color: var(--Color-White); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px;}
.page-home #entry .entry-carousel .item .text p span{color: var(--Color-White); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px;}
.page-home #entry .entry-carousel .item .text .btn-link{margin-top: 30px;}
.page-home #entry .entry-carousel .owl-nav{margin: 0;}
.page-home #entry .entry-carousel .owl-nav .owl-prev{position: absolute;top: calc(50% - 30px);backdrop-filter: blur(10px);left: 90px;transform: translateY(-50%);outline: none;z-index: 5;background: transparent;margin: 0;border: 1px solid var(--Color-White);border-radius: 50%;padding: 20px!important;transition: .5s;}
.page-home #entry .entry-carousel .owl-nav .owl-prev:hover{padding: 20px 25px 20px 15px!important;background: var(--Color-Red);}
.page-home #entry .entry-carousel .owl-nav .owl-next{position: absolute;top: calc(50% - 30px);backdrop-filter: blur(10px);right: 90px;transform: translateY(-50%);outline: none;z-index: 5;background: transparent;margin: 0;border: 1px solid var(--Color-White);border-radius: 50%;padding: 20px!important;transition: .5s;}
.page-home #entry .entry-carousel .owl-nav .owl-next:hover{padding: 20px 15px 20px 25px!important;background: var(--Color-Red);}
.page-home #entry .entry-carousel .owl-dots{position: absolute;gap: 15px; bottom: 60px;display: flex;align-items: center;justify-content: center;width: 100%;z-index: 5;}
.page-home #entry .entry-carousel .owl-dots button{transition: .5s;position: relative;}
.page-home #entry .entry-carousel .owl-dots button::after{transition: .5s; content: '';width: 26px;height: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-image: url(//www.supplay.fr/wp-content/themes/supplay/img/selector-dot-carousel.svg);background-size: cover; opacity: 0;visibility: hidden;}
.page-home #entry .entry-carousel .owl-dots button.active::after{opacity: 1;visibility: visible;}
.page-home #entry .entry-carousel .owl-dots button span{margin: 0;background: var(--Color-White);width: 10px;height: 10px;}
.page-home #interim-entreprise{padding: 0 30px 30px;display: flex;gap: 30px;align-items: center;}
.page-home #interim-entreprise .interim{position: relative;overflow: hidden;border-radius: 30px;width: 50%;background: var(--Color-Black);}
.page-home #interim-entreprise .interim .media{width: 100%;height: 540px;opacity: 1;transition: .5s;}
.page-home #interim-entreprise .interim .personnage{transition: .5s; position: absolute;right: -20%;top: 0;height: 100%;z-index: 5;}
.page-home #interim-entreprise .interim .text{transition: .5s; position: absolute;left: 90px;top: 50%;transform: translateY(-50%);width: 50%;z-index: 6;}
.page-home #interim-entreprise .interim .text h2{color: var(--Color-White); font-family: all-round-gothic; font-size: 48px; font-style: normal; font-weight: 600; line-height: 48px;margin-bottom: 20px;margin-top: 0;}
.page-home #interim-entreprise .interim .text p{color: var(--Color-White); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;}
.page-home #interim-entreprise .interim .text .btn-link{margin-top: 30px;color: var(--Color-White);}
.page-home #interim-entreprise .interim:hover .media{opacity: .7;}
.page-home #interim-entreprise .interim:hover .text{transform: translateY(-60%);}
.page-home #interim-entreprise .interim:hover .personnage{right: -15%;}
.page-home #interim-entreprise .entreprise{position: relative;overflow: hidden;border-radius: 30px;width: 50%;background: var(--Color-Black);}
.page-home #interim-entreprise .entreprise .media{width: 100%;height: 540px;opacity: 1;transition: .5s;}
.page-home #interim-entreprise .entreprise .personnage{transition: .5s; position: absolute;right: -20%;top: 0;height: 100%;z-index: 5;}
.page-home #interim-entreprise .entreprise .text{transition: .5s; position: absolute;left: 90px;top: 50%;transform: translateY(-50%);width: 50%;z-index: 6;}
.page-home #interim-entreprise .entreprise .text h2{color: var(--Color-White); font-family: all-round-gothic; font-size: 48px; font-style: normal; font-weight: 600; line-height: 48px;margin-bottom: 20px;margin-top: 0;}
.page-home #interim-entreprise .entreprise .text p{color: var(--Color-White); font-family: Inter; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px;}
.page-home #interim-entreprise .entreprise .text .btn-link{margin-top: 30px;color: var(--Color-White);}
.page-home #interim-entreprise .entreprise:hover .media{opacity: .7;}
.page-home #interim-entreprise .entreprise:hover .text{transform: translateY(-60%);}
.page-home #interim-entreprise .entreprise:hover .personnage{right: -15%;}
.page-home #storelocator{margin: 0 30px 30px;background: #ECEDED;border-radius: 30px;padding: 70px 90px;display: flex;align-items: center;gap: 20px;}
.page-home #storelocator .title{width: 58.33333333%;}
.page-home #storelocator .title h2{color: var(--Color-Grey); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 45px;margin: 0;}
.page-home #storelocator .title h2 span{color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 45px;}
.page-home #storelocator .search{width: 41.66666667%;}
.page-home #storelocator .search form{display: flex;gap: 20px;justify-content: flex-end;align-items: center;}
.page-home #storelocator .search form input[type="submit"]{display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 60px;transition: .5s;border: 1px solid var(--Color-Red);padding: 16px 20px;color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;background: var(--Color-White);cursor: pointer;}
.page-home #storelocator .search form input[type="submit"]:hover{background: var(--Color-Red);color: var(--Color-White);}
.page-home #storelocator .search form input[type="text"]{position: relative;width: 100%; border-radius: 60px;transition: .5s;border: 1px solid var(--Color-Grey);padding: 16px 20px 16px 50px;color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;background: var(--Color-White);outline: none;}
.page-home #storelocator .search form .search-icon{position: relative;width: 60%;}
.page-home #storelocator .search form .search-icon:before{position: absolute;z-index: 5; top: 50%;left: 20px;transform: translateY(-50%);width: 20px;height: 20px;content:'';background-image: url(//www.supplay.fr/wp-content/themes/supplay/img/search-icon.svg);background-size: contain;}
.page-home #qui-sommes-nous{padding: 0 30px 30px;gap: 30px;display: flex;}
.page-home #qui-sommes-nous .text{width: 41.66666667%;background: var(--Color-Red);border-radius: 30px;display: flex;flex-direction: column;padding: 30px 8.33333333% 30px 90px;justify-content: center;}
.page-home #qui-sommes-nous .text h2{color: var(--Color-White);}
.page-home #qui-sommes-nous .text p{color: var(--Color-White);}
.page-home #qui-sommes-nous .text .btn-link{width: fit-content;margin-top: 30px;}
.page-home #qui-sommes-nous .media{width: 58.33333333%;border-radius: 30px;overflow: hidden;}
.page-home #chiffres-cles{margin: 0 30px 30px;background: #ECEDED;border-radius: 30px;padding: 100px 90px;}
.page-home #chiffres-cles .chiffres-cles{width: 83.33333333%;display: flex;gap: 30px;margin: auto;}
.page-home #chiffres-cles .chiffres-cles .chiffre{width: calc(100% / 5);display: flex;flex-direction: column;gap: 25px;align-items: center;}
.page-home #chiffres-cles .chiffres-cles .chiffre .icone{width: 80%;max-width: 160px;}
.page-home #chiffres-cles .chiffres-cles .chiffre .txt{text-align: center;}
.page-home #chiffres-cles .chiffres-cles .chiffre .txt .valeur{margin-bottom: 20px; color: var(--Color-Red); font-family: all-round-gothic; font-size: 28px; font-style: normal; font-weight: 600;}
.page-home #chiffres-cles .chiffres-cles .chiffre .txt .valeur span{margin-bottom: 15px; color: var(--Color-Red); font-family: all-round-gothic; font-size: 30px; font-style: normal; font-weight: 600;line-height: 28px;}
.page-home #chiffres-cles .chiffres-cles .chiffre .txt .description{margin-bottom: 0;color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400;line-height: 16px;}
.page-home #supplayer{margin: 0 30px 30px;background-color: var(--Color-Red);border-radius: 30px;padding: 70px 90px;background-size: cover;background-position: center right;display: flex;}
.page-home #supplayer .text{width: 33.33333333%;margin-left: 8.33333333%;}
.page-home #supplayer .text h2{color: var(--Color-White);}
.page-home #supplayer .text p{color: var(--Color-White);}
.page-home #supplayer .text .btn-link{margin-top: 30px;}
.page-home #supplayer .media-mobile{display: none;width: 100%;height: 260px; border-radius: 30px;overflow: hidden;}
.page-home #manifest{margin: 0 30px 30px;background-color: var(--Color-LightGrey);border-radius: 30px;padding: 120px 90px;background-size: cover;background-position: center right;display: flex;}
.page-home #manifest .text{width: 33%;margin-left: 58.33333333%;}
.page-home #manifest .text h2{color: var(--Color-White);font-size: 50px;line-height: 50px;}
.page-home #manifest .text p{color: var(--Color-White);}
.page-home #manifest .text .btn-link{color: var(--Color-White);}
.page-home #manifest .media-mobile{display: none;width: 100%;height: 260px; border-radius: 30px;overflow: hidden;}
.page-home #blog{position: relative; margin: 0 30px 30px;background-color: var(--Color-LightGrey);border-radius: 30px;padding: 120px 90px;background-size: cover;background-position: center right;display: flex;}
.page-home #blog .circle{position: absolute;top: 50%;left: -120px;transform: translateY(-25%);}
.page-home #blog .star{position: absolute;left: 41.66666667%;top: 120px;transform: translateX(-50%);}
.page-home #blog .text{width: 33%;margin-left: 8.33333333%;}
.page-home #blog .text h2{color: var(--Color-White);font-size: 50px;line-height: 50px;}
.page-home #blog .text p{color: var(--Color-White);}
.page-home #blog .text .btn-link{color: var(--Color-White);}
.page-home #blog .media-mobile{display: none;width: 100%;height: 260px; border-radius: 30px;overflow: hidden;}
.page-home #valeurs{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-home #valeurs .title{width: 100%;margin-bottom: 30px;}
.page-home #valeurs .title h2{margin-top: 0; color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-home #valeurs .valeurs{width: 100%;display: flex;align-items: center;gap: 30px;margin: auto;}
.page-home #valeurs .valeurs .valeur{width: calc(100% / 4);display: flex;flex-direction: column;gap: 25px;align-items: center;}
.page-home #valeurs .valeurs .valeur .icone{width: 80%;max-width: 160px;}
.page-home #valeurs .valeurs .valeur .txt{text-align: center;}
.page-home #valeurs .valeurs .valeur .txt .name{margin-bottom: 20px; color: var(--Color-Grey); font-family: all-round-gothic; font-size: 28px; font-style: normal; font-weight: 600;}
.page-home #valeurs .valeurs .valeur .txt .description{margin-bottom: 0;color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400;line-height: 16px;} .page-espace-interimaire #entry{margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-espace-interimaire #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-espace-interimaire #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-espace-interimaire #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-espace-interimaire #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-espace-interimaire #inscription{margin: 0 30px 30px;display: flex;gap: 30px;}
.page-espace-interimaire #inscription .bloc-inscrit{background: #F3F4F4;border-radius: 30px; width: 50%;padding: 60px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.page-espace-interimaire #inscription .bloc-inscrit .media{width: 25%;}
.page-espace-interimaire #inscription .bloc-inscrit .text{text-align: center;margin-top: 30px;}
.page-espace-interimaire #inscription .bloc-inscrit .text h2{margin-bottom: 10px;}
.page-espace-interimaire #inscription .bloc-inscrit .text .btn-link{margin-top: 20px;}
.page-espace-interimaire #inscription .bloc-inscription{background: #F3F4F4;border-radius: 30px; width: 50%;padding: 60px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.page-espace-interimaire #inscription .bloc-inscription .media{width: 25%;}
.page-espace-interimaire #inscription .bloc-inscription .text{text-align: center;margin-top: 30px;}
.page-espace-interimaire #inscription .bloc-inscription .text h2{margin-bottom: 10px;}
.page-espace-interimaire #inscription .bloc-inscription .text .btn-link{margin-top: 20px;}
.page-espace-interimaire #supplayer{margin: 0 30px 30px;background-color: var(--Color-Red);border-radius: 30px;padding: 70px 90px;background-size: cover;background-position: center right;display: flex;}
.page-espace-interimaire #supplayer .text{width: 33.33333333%;margin-left: 8.33333333%;}
.page-espace-interimaire #supplayer .text h2{color: var(--Color-White);}
.page-espace-interimaire #supplayer .text p{color: var(--Color-White);}
.page-espace-interimaire #supplayer .text .btn-link{margin-top: 30px;}
.page-espace-interimaire #supplayer .media-mobile{display: none;width: 100%;height: 260px; border-radius: 30px;overflow: hidden;}
.page-espace-interimaire #application{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-espace-interimaire #application .title{width: 100%;margin-bottom: 50px;}
.page-espace-interimaire #application .title h2{color: var(--Color-Red);margin-top: 0; font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-espace-interimaire #application .points-forts{width: 100%;display: flex;gap: 30px;margin: auto;}
.page-espace-interimaire #application .points-forts .item{width: calc(100% / 4);display: flex;flex-direction: column;gap: 25px;align-items: center;}
.page-espace-interimaire #application .points-forts .item .icone{width: 80%;max-width: 120px;}
.page-espace-interimaire #application .points-forts .item .txt{text-align: center;}
.page-espace-interimaire #application .points-forts .item .txt .name{margin-bottom: 20px; color: var(--Color-Red); font-family: all-round-gothic; font-size: 28px; font-style: normal; font-weight: 600;line-height: 32px;}
.page-espace-interimaire #application .points-forts .item .txt .description{margin-bottom: 0;color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;} .page-espace-entreprise #entry{min-height: 300px;margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-espace-entreprise #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-espace-entreprise #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-espace-entreprise #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-espace-entreprise #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-espace-entreprise #chiffres-cles{margin: 0 30px 30px;background: #ECEDED;border-radius: 30px;padding: 100px 90px;}
.page-espace-entreprise #chiffres-cles .chiffres-cles{width: 83.33333333%;display: flex;align-items: center;gap: 30px;margin: auto;}
.page-espace-entreprise #chiffres-cles .chiffres-cles .chiffre{width: calc(100% / 5);display: flex;flex-direction: column;gap: 25px;align-items: center;}
.page-espace-entreprise #chiffres-cles .chiffres-cles .chiffre .icone{width: 80%;max-width: 160px;}
.page-espace-entreprise #chiffres-cles .chiffres-cles .chiffre .txt{text-align: center;}
.page-espace-entreprise #chiffres-cles .chiffres-cles .chiffre .txt .valeur{margin-bottom: 20px; color: var(--Color-Red); font-family: all-round-gothic; font-size: 28px; font-style: normal; font-weight: 600;}
.page-espace-entreprise #chiffres-cles .chiffres-cles .chiffre .txt .valeur span{margin-bottom: 15px; color: var(--Color-Red); font-family: all-round-gothic; font-size: 30px; font-style: normal; font-weight: 600;line-height: 28px;}
.page-espace-entreprise #chiffres-cles .chiffres-cles .chiffre .txt .description{margin-bottom: 0;color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400;line-height: 16px;}
.page-espace-entreprise #solutions{margin: 0 30px 30px;display: flex;gap: 30px;}
.page-espace-entreprise #solutions .text{width: 41.66666667%;background: var(--Color-Red);padding: 80px 8.33333333% 80px 90px;border-radius: 30px;}
.page-espace-entreprise #solutions .text h2{color: var(--Color-White);}
.page-espace-entreprise #solutions .text p{color: var(--Color-White);}
.page-espace-entreprise #solutions .text .btn-link{margin-top: 30px;}
.page-espace-entreprise #solutions .media{width: 58.33333333%;border-radius: 30px;overflow: hidden;}
.page-espace-entreprise #secteurs{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-espace-entreprise #secteurs .title{width: 100%;margin-bottom: 50px;}
.page-espace-entreprise #secteurs .title h2{margin-top: 0; color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-espace-entreprise #secteurs .secteurs{width: 83.33333333%;display: flex;gap: 30px;margin: auto;flex-wrap: wrap;}
.page-espace-entreprise #secteurs .secteurs .item{width: calc(100% / 3 - 20px);display: flex;flex-direction: column;gap: 25px;align-items: center;}
.page-espace-entreprise #secteurs .secteurs .item .icone{width: 80%;max-width: 120px;}
.page-espace-entreprise #secteurs .secteurs .item .txt{text-align: center;}
.page-espace-entreprise #secteurs .secteurs .item .txt .name{margin-bottom: 20px; color: var(--Color-Grey); font-family: all-round-gothic; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal;}
.page-espace-entreprise #storelocator{margin: 0 30px 30px;background: #ECEDED;border-radius: 30px;padding: 70px 90px;display: flex;align-items: center;gap: 20px;}
.page-espace-entreprise #storelocator .title{width: 58.33333333%;}
.page-espace-entreprise #storelocator .title h2{color: var(--Color-Grey); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 45px;margin: 0;}
.page-espace-entreprise #storelocator .title h2 span{color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 45px;}
.page-espace-entreprise #storelocator .btns{width: 41.66666667%; display: flex;gap: 20px;justify-content: flex-end;align-items: center;}
.page-espace-entreprise #engagements{display: flex;flex-wrap: wrap;margin-bottom: 100px;margin-top: 50px;}
.page-espace-entreprise #engagements .title{width: 100%;padding: 0px 90px;margin: 0 30px 50px;}
.page-espace-entreprise #engagements .title h2{margin-top: 0; color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-espace-entreprise #engagements .engagements-carousel{width: 100%;}
.page-espace-entreprise #engagements .engagements-carousel .owl-stage{display: flex;}
.page-espace-entreprise #engagements .engagements-carousel .item{height: 100%;border-radius: 30px;padding: 60px;}
.page-espace-entreprise #engagements .engagements-carousel .item .txt p{color: var(--Color-White); font-family: all-round-gothic; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;}
.page-espace-entreprise #engagements .engagements-carousel .item .txt p span{font-family: all-round-gothic; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;} .page-espace-entreprise-solutions #entry{min-height: 300px;margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-espace-entreprise-solutions #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-espace-entreprise-solutions #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-espace-entreprise-solutions #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-espace-entreprise-solutions #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-espace-entreprise-solutions #intro{margin: 0 30px 30px;display: flex;gap: 30px;}
.page-espace-entreprise-solutions #intro .text{width: 41.66666667%;background: #F3F4F4;padding: 80px 8.33333333% 80px 90px;border-radius: 30px;}
.page-espace-entreprise-solutions #intro .text h2{color: var(--Color-Red);}
.page-espace-entreprise-solutions #intro .text p{color: var(--Color-Black);}
.page-espace-entreprise-solutions #intro .text .btn-link{margin-top: 30px;}
.page-espace-entreprise-solutions #intro .media{width: 58.33333333%;border-radius: 30px;overflow: hidden;}
.page-espace-entreprise-solutions #solutions{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list{display: flex;gap: 100px 30px;flex-wrap: wrap;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent{display: flex;gap: 30px;flex-wrap: wrap;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .title{width: 100%; text-align: center;border-radius: 40px; background: var(--Color-Red);padding: 14px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .title h2{margin: 0; color: var(--Color-White); font-family: all-round-gothic; font-size: 22px;line-height: 22px; font-style: normal; font-weight: 600;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list{display: flex;gap: 30px;flex-wrap: wrap;    width: 100%;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution{display: flex;flex-direction: column;align-items: center;gap: 20px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.media{transition: .5s;height: 190px;padding: 10px 0;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution:hover>.media{padding: 0;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.media img{transition: .3s;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.text{display: flex;flex-direction: column;gap: 10px;text-align: center;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.text .name{margin: 0; color: var(--Color-Grey); text-align: center; font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.text .name span{ font-family: all-round-gothic; font-size: 44px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.text .description{margin: 0;color: var(--Color-Grey); text-align: center; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.text .btn-link{width: fit-content;opacity: 0;margin: auto;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution:hover>.text .btn-link{opacity: 1;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup{display: none;position: fixed;top: 0;left: 0; z-index: 999;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.20);}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup.on{display: block;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); border-radius: 30px;width: 83.33333333%;height: calc(100vh - 200px); background: var(--Color-White);display: flex;align-items: center; gap: 30px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .cross{position: fixed;top: 15px;right: 15px;cursor: pointer;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .left{width: 41.66666667%;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .left .media{width: 50%; margin: auto;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right{width: 50%;padding: 60px 0;height: 100%;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right .text{height: 100%;overflow-x: auto;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right .text h3{margin-top: 0; color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right .text h3 span{ font-family: all-round-gothic; font-size: 38px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right .text p{color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right .text p:last-of-type{margin-bottom: 0;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right .text p strong{ font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right .text h4{color: var(--Color-White); font-family: all-round-gothic; font-size: 20px; font-style: normal; font-weight: 600; line-height: 20px;width: 100%;border-radius: 50px;padding: 8px 18px;background: var(--Color-Red);} .page-espace-entreprise-singularite #entry{min-height: 300px;margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-espace-entreprise-singularite #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-espace-entreprise-singularite #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-espace-entreprise-singularite #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-espace-entreprise-singularite #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-espace-entreprise-singularite #intro{margin: 0 30px 30px;display: flex;gap: 30px;}
.page-espace-entreprise-singularite #intro .text{width: 41.66666667%;background: #F3F4F4;padding: 80px 8.33333333% 80px 90px;border-radius: 30px;}
.page-espace-entreprise-singularite #intro .text h2{color: var(--Color-Red);}
.page-espace-entreprise-singularite #intro .text p{color: var(--Color-Black);}
.page-espace-entreprise-singularite #intro .text .btn-link{margin-top: 30px;}
.page-espace-entreprise-singularite #intro .media{width: 58.33333333%;border-radius: 30px;overflow: hidden;}
.page-espace-entreprise-singularite #manifest{margin: 0 30px 30px;background-color: var(--Color-LightGrey);border-radius: 30px;padding: 120px 90px;background-size: cover;background-position: center right;display: flex;}
.page-espace-entreprise-singularite #manifest .text{width: 33%;margin-left: 58.33333333%;}
.page-espace-entreprise-singularite #manifest .text h2{color: var(--Color-White);font-size: 55px;line-height: 45px;}
.page-espace-entreprise-singularite #manifest .text p{color: var(--Color-White);}
.page-espace-entreprise-singularite #manifest .text p strong{color: var(--Color-Red);}
.page-espace-entreprise-singularite #manifest .text .btn-link{color: var(--Color-White);}
.page-espace-entreprise-singularite #manifest .media-mobile{display: none;width: 100%;height: 260px; border-radius: 30px;overflow: hidden;}
.page-espace-entreprise-singularite #valeurs{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-espace-entreprise-singularite #valeurs .title{width: 100%;margin-bottom: 30px;}
.page-espace-entreprise-singularite #valeurs .title h2{margin-top: 0;color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-espace-entreprise-singularite #valeurs .valeurs{width: 100%;display: flex;align-items: center;gap: 30px;margin: auto;}
.page-espace-entreprise-singularite #valeurs .valeurs .valeur{width: calc(100% / 4);display: flex;flex-direction: column;gap: 25px;align-items: center;}
.page-espace-entreprise-singularite #valeurs .valeurs .valeur .icone{width: 80%;max-width: 160px;}
.page-espace-entreprise-singularite #valeurs .valeurs .valeur .txt{text-align: center;}
.page-espace-entreprise-singularite #valeurs .valeurs .valeur .txt .name{margin-bottom: 20px; color: var(--Color-Grey); font-family: all-round-gothic; font-size: 28px; font-style: normal; font-weight: 600;}
.page-espace-entreprise-singularite #valeurs .valeurs .valeur .txt .description{margin-bottom: 0;color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400;line-height: 16px;}
.page-espace-entreprise-singularite #engagements-clients{display: flex;flex-wrap: wrap;margin-bottom: 100px;margin-top: 50px;}
.page-espace-entreprise-singularite #engagements-clients .title{width: 100%;padding: 0px 90px;margin: 0 30px 50px;}
.page-espace-entreprise-singularite #engagements-clients .title h2{margin-top: 0;color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-espace-entreprise-singularite #engagements-clients .engagements-clients-carousel{width: 100%;}
.page-espace-entreprise-singularite #engagements-clients .engagements-clients-carousel .owl-stage{display: flex;}
.page-espace-entreprise-singularite #engagements-clients .engagements-clients-carousel .item{height: 100%;border-radius: 30px;padding: 60px;}
.page-espace-entreprise-singularite #engagements-clients .engagements-clients-carousel .item .txt p{color: var(--Color-White); font-family: all-round-gothic; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;}
.page-espace-entreprise-singularite #engagements-clients .engagements-clients-carousel .item .txt p span{font-family: all-round-gothic; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;}
.page-espace-entreprise-singularite #engagements-interimaires{display: flex;flex-wrap: wrap;margin-bottom: 100px;}
.page-espace-entreprise-singularite #engagements-interimaires .title{width: 100%;padding: 0px 90px;margin: 0 30px 50px;}
.page-espace-entreprise-singularite #engagements-interimaires .title h2{margin-top: 0;color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-espace-entreprise-singularite #engagements-interimaires .engagements-interimaires-carousel{width: 100%;}
.page-espace-entreprise-singularite #engagements-interimaires .engagements-interimaires-carousel .owl-stage{display: flex;}
.page-espace-entreprise-singularite #engagements-interimaires .engagements-interimaires-carousel .item{height: 100%;border-radius: 30px;padding: 60px;background: var(--Color-Grey);}
.page-espace-entreprise-singularite #engagements-interimaires .engagements-interimaires-carousel .item .txt p{color: var(--Color-White); font-family: all-round-gothic; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;}
.page-espace-entreprise-singularite #engagements-interimaires .engagements-interimaires-carousel .item .txt p span{font-family: all-round-gothic; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal;}
.page-espace-entreprise-singularite #storelocator{margin: 0 30px 30px;background: #ECEDED;border-radius: 30px;padding: 70px 90px;display: flex;align-items: center;gap: 20px;}
.page-espace-entreprise-singularite #storelocator .title{width: 58.33333333%;}
.page-espace-entreprise-singularite #storelocator .title h2{margin-top: 0;color: var(--Color-Grey); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 45px;margin: 0;}
.page-espace-entreprise-singularite #storelocator .title h2 span{color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 45px;}
.page-espace-entreprise-singularite #storelocator .search{width: 41.66666667%;}
.page-espace-entreprise-singularite #storelocator .search form{display: flex;gap: 20px;justify-content: flex-end;align-items: center;}
.page-espace-entreprise-singularite #storelocator .search form input[type="submit"]{display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 60px;transition: .5s;border: 1px solid var(--Color-Red);padding: 16px 20px;color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;background: var(--Color-White);cursor: pointer;}
.page-espace-entreprise-singularite #storelocator .search form input[type="submit"]:hover{background: var(--Color-Red);color: var(--Color-White);}
.page-espace-entreprise-singularite #storelocator .search form input[type="text"]{position: relative;width: 100%; border-radius: 60px;transition: .5s;border: 1px solid var(--Color-Grey);padding: 16px 20px 16px 50px;color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;background: var(--Color-White);outline: none;}
.page-espace-entreprise-singularite #storelocator .search form .search-icon{position: relative;width: 60%;}
.page-espace-entreprise-singularite #storelocator .search form .search-icon:before{position: absolute;z-index: 5; top: 50%;left: 20px;transform: translateY(-50%);width: 20px;height: 20px;content:'';background-image: url(//www.supplay.fr/wp-content/themes/supplay/img/search-icon.svg);background-size: contain;} .page-supplay-histoire-chiffres-valeurs #entry{min-height: 300px;margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-supplay-histoire-chiffres-valeurs #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-supplay-histoire-chiffres-valeurs #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-supplay-histoire-chiffres-valeurs #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-supplay-histoire-chiffres-valeurs #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-supplay-histoire-chiffres-valeurs #histoire{margin: 0 30px 30px;background: #F3F4F4;border-radius: 30px;padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-supplay-histoire-chiffres-valeurs #histoire .title{width: 33.33333333%;margin-bottom: 50px;}
.page-supplay-histoire-chiffres-valeurs #histoire .title h2{margin-top: 0; color: #BED600; font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 20px;}
.page-supplay-histoire-chiffres-valeurs #histoire .title p{color: var(--Color-Grey); font-family: Inter; font-size: 20px; font-style: normal; font-weight: 500; line-height: 20px;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .item{width: 75%;margin: auto;display: flex;flex-direction: column;gap: 30px;align-items: center;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .item .icone{width: 60%;text-align: center;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .item .txt{text-align: center;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .item .txt .date{color: #BED600; font-family: all-round-gothic; font-size: 42px; font-style: normal; font-weight: 600; line-height: 42px;margin-bottom: 10px;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .item .txt .description{margin-bottom: 0; color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav{margin: 0;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .disabled{opacity: 0;visibility: hidden;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-prev{position: absolute;top: calc(50% - 30px);backdrop-filter: blur(10px);left: 0;transform: translateY(-50%);outline: none;z-index: 5;background: transparent;margin: 0;border: 1px solid var(--Color-Red);border-radius: 50%;padding: 20px!important;transition: .5s;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-prev:hover{padding: 20px 25px 20px 15px!important;background: var(--Color-Red);}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-prev:hover svg path{fill: var(--Color-White);}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-next{position: absolute;top: calc(50% - 30px);backdrop-filter: blur(10px);right: 0;transform: translateY(-50%);outline: none;z-index: 5;background: transparent;margin: 0;border: 1px solid var(--Color-Red);border-radius: 50%;padding: 20px!important;transition: .5s;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-next:hover{padding: 20px 15px 20px 25px!important;background: var(--Color-Red);}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-next:hover svg path{fill: var(--Color-White);}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-dots{gap: 15px;display: flex;align-items: center;justify-content: center;width: 100%;z-index: 5;margin-top: 30px;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-dots button{transition: .5s;position: relative;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-dots button::after{transition: .5s; content: '';width: 26px;height: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-image: url(//www.supplay.fr/wp-content/themes/supplay/img/selector-dot-carousel.svg);background-size: cover; opacity: 0;visibility: hidden;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-dots button.active::after{opacity: 1;visibility: visible;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-dots button span{margin: 0;background: var(--Color-Grey);width: 10px;height: 10px;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles{margin: 0 30px 30px;background: var(--Color-White);padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles{width: 100%;display: flex;gap: 30px;margin: auto;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles .chiffre{width: 25%;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles .chiffre .txt{text-align: center;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles .chiffre .txt .valeur{color: var(--Color-Red); font-family: all-round-gothic; font-size: 60px; font-style: normal; font-weight: 700; line-height: 55px;margin-bottom: 0;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles .chiffre .txt .valeur span{color: var(--Color-Red); font-family: all-round-gothic; font-size: 60px; font-style: normal; font-weight: 700; line-height: normal;margin-bottom: 0;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles .chiffre .txt .description{color: var(--Color-Grey); font-family: all-round-gothic; font-size: 26px; font-style: normal; font-weight: 700; line-height: normal;margin-bottom: 0;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .title{width: 100%;margin-bottom: 50px;text-align: center;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .title h2{margin-top: 0; color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .secteurs{width: 100%;display: flex;align-items: center;gap: 30px;margin: auto;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .secteurs .secteur{width: calc(100% / 2);display: flex;flex-direction: column;gap: 25px;align-items: center;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .secteurs .secteur img{width: 100%;height: 100%;object-fit: cover;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .secteurs .secteur .txt .name{width: 80%; margin-bottom: 20px; color: var(--Color-Grey); font-family: all-round-gothic; font-size: 28px; font-style: normal; font-weight: 600;}
.page-supplay-histoire-chiffres-valeurs #valeurs{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-supplay-histoire-chiffres-valeurs #valeurs .title{width: 100%;margin-bottom: 50px;}
.page-supplay-histoire-chiffres-valeurs #valeurs .title h2{margin-top: 0; color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-supplay-histoire-chiffres-valeurs #valeurs .valeurs{width: 100%;display: flex;align-items: center;gap: 30px;margin: auto;}
.page-supplay-histoire-chiffres-valeurs #valeurs .valeurs .valeur{width: calc(100% / 4);display: flex;flex-direction: column;gap: 25px;align-items: center;}
.page-supplay-histoire-chiffres-valeurs #valeurs .valeurs .valeur .icone{width: 80%;max-width: 160px;}
.page-supplay-histoire-chiffres-valeurs #valeurs .valeurs .valeur .txt{text-align: center;}
.page-supplay-histoire-chiffres-valeurs #valeurs .valeurs .valeur .txt .name{margin-bottom: 20px; color: var(--Color-Grey); font-family: all-round-gothic; font-size: 28px; font-style: normal; font-weight: 600;}
.page-supplay-histoire-chiffres-valeurs #valeurs .valeurs .valeur .txt .description{margin-bottom: 0;color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400;line-height: 16px;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .title{width: 100%;margin-bottom: 50px;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .title h2{margin-top: 0; color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list{width: 100%;display: flex;align-items: center;gap: 30px;margin: auto;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item{width: calc(100% / 3);display: flex;flex-direction: column;gap: 25px;align-items: center;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item .icone{transition: .5s;height: 190px;padding: 10px 0;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item:hover .icone{padding: 0;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item .text{text-align: center;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item .text .name{margin-bottom: 20px; color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: 30px;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item .text .name span{font-family: all-round-gothic; font-size: 28px; font-style: normal; font-weight: 600;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item .text .description{margin-bottom: 0;color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400;line-height: 16px;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item .text .btn-link{margin-top: 30px;opacity: 0;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item:hover .text .btn-link{opacity: 1;} .page-supplay-rse #entry{min-height: 300px;margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-supplay-rse #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-supplay-rse #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-supplay-rse #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-supplay-rse #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-supplay-rse #vocation{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-wrap: wrap;}
.page-supplay-rse #vocation .text{width: 58.33333333%;margin: auto;}
.page-supplay-rse #vocation .text p{color: var(--Color-Grey); font-family: Inter; font-size: 22px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-supplay-rse #mission{margin: 0 30px 30px;display: flex;gap: 30px;}
.page-supplay-rse #mission .text{width: 41.66666667%;background: #F3F4F4;padding: 80px 8.33333333% 80px 90px;border-radius: 30px;}
.page-supplay-rse #mission .text h2{color: var(--Color-Red);}
.page-supplay-rse #mission .text p{color: var(--Color-Black);}
.page-supplay-rse #mission .text .btn-link{margin-top: 30px;}
.page-supplay-rse #mission .media{width: 58.33333333%;border-radius: 30px;overflow: hidden;}
.page-supplay-rse #strategies{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-direction: column;}
.page-supplay-rse #strategies .title{width: 50%;margin: 0 auto 50px;text-align: center;}
.page-supplay-rse #strategies .title h2{margin-top: 0; color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-supplay-rse #strategies .media{width: 66.66666667%;margin: auto;}
.page-supplay-rse #rse{margin: 0 30px 30px;display: flex;gap: 30px;}
.page-supplay-rse #rse .text.bloc-1{width: 58.33333333%;background: var(--Color-Grey);padding: 80px 8.33333333% 80px 90px;border-radius: 30px;}
.page-supplay-rse #rse .text.bloc-1 h2{color: var(--Color-White);}
.page-supplay-rse #rse .text.bloc-1 h3{color: var(--Color-White);margin-bottom: 10px;}
.page-supplay-rse #rse .text.bloc-1 p{color: var(--Color-White);}
.page-supplay-rse #rse .text.bloc-2{width: 41.66666667%;background: #F3F4F4;padding: 80px 8.33333333% 80px 90px;border-radius: 30px;height: 100%;}
.page-supplay-rse #rse .text.bloc-2 h2{color: var(--Color-Red);}
.page-supplay-rse #rse .text.bloc-2 p{color: var(--Color-Black);}
.page-supplay-rse #rse .text.bloc-2 .btn-link{margin-top: 30px;}
.page-supplay-rse #certifications-iso{margin: 0 30px 30px;display: flex;gap: 30px;}
.page-supplay-rse #certifications-iso .media{width: 41.66666667%;border-radius: 30px;overflow: hidden;border: 1px solid var(--Color-LightGrey);}
.page-supplay-rse #certifications-iso .media img{object-fit:contain;}
.page-supplay-rse #certifications-iso .text{width: 58.33333333%;background: #F3F4F4;padding: 80px 8.33333333% 80px 90px;border-radius: 30px;}
.page-supplay-rse #certifications-iso .text h2{color: var(--Color-Red);}
.page-supplay-rse #certifications-iso .text p{color: var(--Color-Black);}
.page-supplay-rse #certifications-iso .text .btn-link{margin-top: 30px;}
.page-supplay-rse #index{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-direction: column;}
.page-supplay-rse #index .title{width: 50%;margin: 0 auto 50px;text-align: center;}
.page-supplay-rse #index .title h2{margin-top: 0; color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 35px;margin-bottom: 0;}
.page-supplay-rse #index .media{width: 50%;margin: auto;}
.page-supplay-rse #index .table{width: 50%;margin: auto;}
.page-supplay-rse #index .table table{ --border: #cacdd2; --head:   #e1e6ed; --row:    #fff; --row2:   #F3F4F4; width: 100%; border: 1px solid var(--border); border-radius: 8px; border-collapse: separate; border-spacing: 0; overflow: hidden; color: var(--text); background: white; }
.page-supplay-rse #index .table table thead th{ padding: 12px 16px; background: var(--head); border-bottom: 1px solid var(--border); text-align: left; }
.page-supplay-rse #index .table table thead th:last-child{ text-align: center;border-left: 1px solid var(--border); } .page-supplay-rse #index .table table tbody td{ padding: 12px 16px; border-top: 1px solid var(--border); vertical-align: middle; }
.page-supplay-rse #index .table table tbody tr:nth-child(odd){ background: var(--row); }
.page-supplay-rse #index .table table tbody tr:nth-child(even){ background: var(--row2); } .page-supplay-rse #index .table table td:last-child{ width: 150px;text-align: center; font-variant-numeric: tabular-nums;border-left: 1px solid var(--border); } .page-supplay-rse #index .table table thead tr:first-child th:first-child{ border-top-left-radius: 8px; }
.page-supplay-rse #index .table table thead tr:first-child th:last-child{ border-top-right-radius: 8px; }
.page-supplay-rse #index .table table tbody tr:last-child td:first-child{ border-bottom-left-radius: 8px; }
.page-supplay-rse #index .table table tbody tr:last-child td:last-child{ border-bottom-right-radius: 8px; } .page-supplay-recrute #entry{min-height: 300px;margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-supplay-recrute #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-supplay-recrute #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-supplay-recrute #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-supplay-recrute #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-supplay-recrute #contact{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-direction: column;}
.page-supplay-recrute #contact .bloc-contact{width: 66.66666667%;margin: auto;}
.page-supplay-recrute #contact .text{width: 66.66666667%;margin: auto;margin-top: 100px;background: #F3F4F4;padding: 30px;border-radius: 30px;} .page-contact #entry{min-height: 300px;margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-contact #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-contact #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-contact #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-contact #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-contact #contact{margin: 0 30px 30px;background: var(--Color-White);border: 1px solid var(--Color-LightGrey); border-radius: 30px;padding: 100px 90px;display: flex;flex-direction: column;}
.page-contact #contact .bloc-contact{width: 66.66666667%;margin: auto;}
.page-contact #contact .text{width: 66.66666667%;margin: auto;margin-top: 100px;background: #F3F4F4;padding: 30px;border-radius: 30px;} .page-manifeste #entry{min-height: 400px;margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;background-size: cover;background-position: center left;}
.page-manifeste #entry .text{margin-left: 8.33333333%;width: 50%;}
.page-manifeste #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-manifeste #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-manifeste #introduction{margin: 0 30px 30px;display: flex;gap: 30px;}
.page-manifeste #introduction .text{width: 41.66666667%;background: #F3F4F4;padding: 80px 8.33333333% 80px 90px;border-radius: 30px;}
.page-manifeste #introduction .text h2{color: var(--Color-Red);font-size: 28px;}
.page-manifeste #introduction .text p{color: var(--Color-Black);}
.page-manifeste #introduction .text .btn-link{margin-top: 30px;}
.page-manifeste #introduction .media{width: 58.33333333%;border-radius: 30px;overflow: hidden;}
.page-manifeste #regles{display: flex;flex-wrap: wrap;gap: 80px;width: 100%;padding: 100px 120px;}
.page-manifeste #regles .regle{width: 83.33333333%;display: flex;gap: 30px;align-items: center;margin: auto;scroll-margin: 150px;}
.page-manifeste #regles .regle .text{width: 41.66666667%;}
.page-manifeste #regles .regle .text .title{display: flex;align-items: center;margin-bottom: 15px;}
.page-manifeste #regles .regle .text .title .mot-ordre{padding: 8px 18px;border-radius:  0 60px 60px 0;width: fit-content; color: var(--Color-White);background: var(--Color-Grey); font-family: all-round-gothic; font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px;margin-bottom: 0;}
.page-manifeste #regles .regle .text .title .number{padding: 8px 18px;border-radius: 60px 0 0 60px;width: fit-content; color: var(--Color-White);background: var(--Color-Grey); font-family: all-round-gothic; font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px;margin-bottom: 0;}
.page-manifeste #regles .regle .text p strong{color: var(--Color-Red, #E52547);}
.page-manifeste #regles .regle .text h2{font-size: 30px;color: var(--Color-Grey);}
.page-manifeste #regles .regle .text h2 span{font-size: 30px;}
.page-manifeste #regles .regle .media{width: 50%;border-radius: 30px;overflow: hidden;}
.page-manifeste #regles .regle:nth-child(even) .text{order: 1;}
.page-manifeste #regles .regle:nth-child(even) .media{order: 2;margin-left: 8.33333333%;}
.page-manifeste #regles .regle:nth-child(odd) .text{order: 2;margin-left: 8.33333333%;}
.page-manifeste #regles .regle:nth-child(odd) .media{order: 1;} .page-agences #entry{min-height: 300px;margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-agences #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-agences #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-agences #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-agences #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-agences #storelocator{margin: 0 30px 30px;background: #ECEDED;border-radius: 30px;padding: 70px 90px;display: flex;align-items: center;gap: 20px;}
.page-agences #storelocator .title{width: 58.33333333%;}
.page-agences #storelocator .title h2{color: var(--Color-Grey); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 45px;margin: 0;}
.page-agences #storelocator .title h2 span{color: var(--Color-Red); font-family: all-round-gothic; font-size: 35px; font-style: normal; font-weight: 600; line-height: 45px;}
.page-agences #storelocator .search{width: 41.66666667%;}
.page-agences #storelocator .search form{display: flex;gap: 20px;justify-content: flex-end;align-items: center;}
.page-agences #storelocator .search form input[type="submit"]{display: inline-flex;align-items: center;justify-content: center;gap: 10px; border-radius: 60px;transition: .5s;border: 1px solid var(--Color-Red);padding: 16px 20px;color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;background: var(--Color-White);cursor: pointer;}
.page-agences #storelocator .search form input[type="submit"]:hover{background: var(--Color-Red);color: var(--Color-White);}
.page-agences #storelocator .search form input[type="text"]{position: relative;width: 100%; border-radius: 60px;transition: .5s;border: 1px solid var(--Color-Grey);padding: 16px 20px 16px 50px;color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal;background: var(--Color-White);outline: none;}
.page-agences #storelocator .search form .search-icon{position: relative;width: 60%;}
.page-agences #storelocator .search form .search-icon:before{position: absolute;z-index: 5; top: 50%;left: 20px;transform: translateY(-50%);width: 20px;height: 20px;content:'';background-image: url(//www.supplay.fr/wp-content/themes/supplay/img/search-icon.svg);background-size: contain;}
.page-agences #agences-results{display: flex;margin: 0 30px 30px;flex-wrap: wrap;gap: 30px;scroll-margin: 150px;}
.page-agences #agences-results .agence{background: #ECEDED;border-radius: 30px;padding: 50px;width: calc(33.33333333% - 20px);}
.page-agences #agences-results .agence h3{margin-top: 0;text-transform: capitalize; margin-bottom: 20px;color: var(--Color-Red); font-family: all-round-gothic; font-size: 24px; font-style: normal; font-weight: 600; line-height: 30px;}
.page-agences #agences-results .agence .adress{margin-bottom: 10px;}
.page-agences #agences-results .agence .adress p{color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px;margin-bottom: 0;}
.page-agences #agences-results .agence .contact p{color: var(--Color-Grey); font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px;margin-bottom: 5px;}
.page-agences #agences-results .agence .contact p:last-of-type{margin-bottom: 0;}
.page-agences #agences-results .agence .contact a{color: var(--Color-Red);text-decoration: underline;}
.page-agences #agences-results .agence .contact a:hover{color: var(--Color-Red-Hover);} .page-offres #entry{min-height: 300px;margin: 102px 30px 30px;position: relative;border-radius: 0 30px 30px 30px;padding: 30px 90px;display: flex;align-items: center;}
.page-offres #entry .text{margin-left: 8.33333333%;width: 66.66666667%;}
.page-offres #entry .text h1{margin-top: 0;margin-bottom: 20px;color: var(--Color-White); font-family: all-round-gothic; font-size: 50px; font-style: normal; font-weight: 600; line-height: 50px;}
.page-offres #entry .text p{color: var(--Color-White); font-family: ff-tisa-sans-web-pro; font-size: 18px; font-style: normal; font-weight: 700; line-height: 26px;}
.page-offres #entry .media{width: 16.66666667%;margin-left: 8.33333333%;}
.page-offres #content{margin: 0 30px 30px;background: var(--Color-White); overflow: hidden; border-radius: 30px;display: flex;flex-direction: column;}
.page-offres #content .main-module__kmb_main_landing__UsFbU{min-height: auto;padding: 0;}
.page-offres #content .titles-module__main_title__mckYl{display: none;}
.page-offres #content .main-module__kmb_landing_page_wrapper__6umvV .main-module__kmb_landing_page_searchbar__A0QzY, 
.page-offres #content .main-module__kmb_landing_page_wrapper__6umvV .main-module__kmb_landing_page_content__kkYVp{padding: 0;margin: 0;}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn{padding: 0;}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__searchbar_label__yZv1m{display: none;}
.page-offres #content form{background: var(--Color-White);padding: 20px;border-radius: 100px;margin-bottom: 20px;}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__searchbar_input__uziHV{height: 53px;}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__searchbar_image__DRGoP{top: 15px;}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__searchbar_geoloc_container__qBGEf{top: 15px;}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv{border-radius: 30px; border: 1px solid var(--Color-LightGrey); background: var(--Color-White);}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*>*:before,
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*>*:after{content:"";display: none}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*:before, 
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*:after{content:"";display: none}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv:before, 
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv:after{content:"";display: none}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*>*>*:before, 
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__kmb_focus_search__WOTtv>*>*>*:after{content:"";display: none}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__loading__AAlHW{height: 10px!important; width: 10px!important;}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__loading__AAlHW svg path{fill: var(--Color-Red);}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__button_search__CiQt6{    border-radius: 60px; transition: .5s; background: transparent; border: 1px solid var(--Color-Red); padding: 16px 20px; color: var(--Color-Grey); font-family: all-round-gothic; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; width: auto; height: auto; letter-spacing: normal; margin-left: 15px;}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__button_search__CiQt6:hover{background: var(--Color-Red);color: var(--Color-White);}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__microphone_container__68H92{    background: var(--Color-Red); border: 1px solid var(--Color-Red); border-radius: 30px; height: 53px; width: 53px;}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__microphone_container__68H92:hover{background: var(--Color-Red-Hover);}
.page-offres #content .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__microphone_image__aZ-Tv{padding: 15px;}
.page-offres .viewMoreResults-module__view_more_container__trQXD .viewMoreResults-module__view_more_button__jjMFf{ width: fit-content!important;border-radius: 30px; } @media screen and (min-width: 1900px) { header .menu-desktop .logo{margin-left: 8.33333333%;} .page-home #entry .entry-carousel .item .text h3{font-size: 60px;line-height: 55px;}
.page-home #entry .entry-carousel .item .text h3 span{font-size: 60px;line-height: 55px;}
}
@media screen and (max-width: 1600px) { header .menu-desktop .navigation-secondaire{margin-right: 0;margin-left: auto;}
}
@media screen and (max-width: 1500px) { header .menu-desktop{padding: 24px 30px 24px 60px;}
header.scrolled .menu-desktop{padding: 10px 30px 10px 60px;}
header .menu-desktop .navigation{margin-left: 30px;}
header .menu-desktop .navigation nav>ul.menu{gap: 20px;}
header .menu-desktop .navigation-secondaire{gap: 10px;} footer .footer-top{padding: 50px 20px;}
footer .footer-bottom{padding: 50px 20px;} header .bloc-search-offre{width: 58.33333333%;top: 120px;}
.bloc-search-offre form{padding: 15px;} .page-home #entry .entry-carousel .item .text{width: 33.33333333%;}
.page-home #interim-entreprise .entreprise .text{width: 80%;}
.page-home #interim-entreprise .interim .text{width: 80%;}
.page-home #chiffres-cles .chiffres-cles{width: 100%;}
.page-home #supplayer{background-position: center;}
.page-home #supplayer .text{margin-left: 0;width: 41.66666667%;}
.page-home #manifest{background-position: center;}
.page-home #blog .circle{width: 180px;height: auto;}
.page-home #valeurs{padding: 80px 30px;} .page-espace-interimaire #entry .text{margin-left: 0;width: 75%;}
.page-espace-interimaire #supplayer{background-position: center;}
.page-espace-interimaire #supplayer .text{margin-left: 0;width: 41.66666667%;} .page-espace-entreprise #entry .text{margin-left: 0;width: 75%;}
.page-espace-entreprise #chiffres-cles .chiffres-cles{width: 100%;} .page-espace-entreprise-solutions #entry .text{margin-left: 0;width: 75%;}
.page-espace-entreprise-solutions #solutions{padding: 100px 50px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.text .name span{font-size: 38px;line-height: 40px;} .page-espace-entreprise-singularite #entry .text{margin-left: 0;width: 75%;}
.page-espace-entreprise-singularite #manifest{background-position: center;}
.page-espace-entreprise-singularite #manifest .text{width: 41.66666667%;}
.page-espace-entreprise-singularite #valeurs{padding: 80px 30px;} .page-supplay-histoire-chiffres-valeurs #entry .text{margin-left: 0;width: 75%;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-prev{left: -50px;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-next{right: -50px;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles{padding: 80px 50px;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles .chiffre .txt .valeur span{font-size: 50px;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles .chiffre .txt .description{font-size: 24px;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite{padding: 80px 30px;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .secteurs .secteur .txt .name{width: 100%;}
.page-supplay-histoire-chiffres-valeurs #valeurs{padding: 80px 30px;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay{padding: 80px 30px;} .page-supplay-rse #entry .text{margin-left: 0;width: 75%;}
.page-supplay-rse #index .table{width: 66.66666667%;} .page-manifeste #entry .text{margin-left: 0;width: 66.66666667%;}
.page-manifeste #regles{padding: 80px 30px;}
.page-manifeste #regles .regle{width: 100%;}
.page-manifeste #regles .regle:nth-child(odd) .text{margin-left: 0;width: 50%;}
.page-manifeste #regles .regle:nth-child(even) .text{width: 50%;}
.page-manifeste #regles .regle:nth-child(even) .media{margin-left: 0;} .page-agences #entry .text{margin-left: 0;width: 75%;} .page-supplay-recrute #entry .text{margin-left: 0;width: 75%;}
.page-supplay-recrute #contact .bloc-contact{width: 83.33333333%;}
.page-supplay-recrute #contact .text{width: 83.33333333%;} .page-offres #entry .text{margin-left: 0;width: 75%;} .page-contact #entry .text{margin-left: 0;width: 75%;}
.page-contact #contact .bloc-contact{width: 83.33333333%;}
.page-contact #contact .text{width: 83.33333333%;} .page-classique #entry .text{margin-left: 0;width: 75%;}
.page-classique #content .text{width: 83.33333333%;}
}
@media screen and (max-width: 1300px) { header .menu-desktop{padding: 28px 30px 28px 60px;}
header.scrolled .menu-desktop{padding: 10px 30px 10px 60px;}
header .menu-desktop .logo{width: 130px;}
header .menu-desktop .navigation nav>ul.menu { gap: 15px; }
header .menu-desktop .navigation nav>ul.menu>li>a{font-size: 15px;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>a{font-size: 15px;}
header .menu-desktop .navigation nav>ul.menu>li>.sub-menu>li>.sub-menu>li>a{font-size: 15px;}
header .menu-desktop .navigation-secondaire a{font-size: 15px;    padding: 12px 16px;} footer .footer-top .mega-menu{gap: 40px 20px;flex-wrap: wrap;}
footer .footer-top .mega-menu .bloc-footer{width: calc(33.33333333% - 14px);} header .bloc-search-offre{width: 66.66666667%;}
.page-home #interim-entreprise .entreprise .media{height: 480px;}
.page-home #interim-entreprise .entreprise .text{width: 90%;left: 20px;}
.page-home #interim-entreprise .entreprise .text h2{font-size: 40px;line-height: 40px;}
.page-home #interim-entreprise .interim .media{height: 480px;}
.page-home #interim-entreprise .interim .text{width: 90%;left: 20px;}
.page-home #interim-entreprise .interim .text h2{font-size: 40px;line-height: 40px;}
.page-home #storelocator{padding: 50px 20px;}
.page-home #qui-sommes-nous .text{padding: 20px;}
.page-home #chiffres-cles{padding: 50px 20px;}
.page-home #supplayer{padding: 50px 20px;}
.page-home #manifest{padding: 50px 20px;}
.page-home #blog{padding: 50px 20px;} .page-espace-interimaire #entry{padding: 30px 20px;}
.page-espace-interimaire #supplayer{padding: 50px 20px;}
.page-espace-interimaire #application{padding: 80px 20px;} .page-espace-entreprise #entry{padding: 30px 20px;}
.page-espace-entreprise #chiffres-cles{padding: 50px 20px;}
.page-espace-entreprise #solutions .text{padding: 20px;}
.page-espace-entreprise #secteurs{padding: 80px 20px;}
.page-espace-entreprise #secteurs .secteurs{width: 100%;}
.page-espace-entreprise #storelocator{padding: 50px 20px;}
.page-espace-entreprise #engagements .title{padding: 0 20px;} .page-espace-entreprise-solutions #entry{padding: 30px 20px;}
.page-espace-entreprise-solutions #intro .text{padding: 20px;}
.page-espace-entreprise-solutions #solutions{padding: 80px 20px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list{gap: 50px 20px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.media{height: 150px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .left{width: 25%;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right{width: 75%;} .page-espace-entreprise-singularite #entry{padding: 30px 20px;}
.page-espace-entreprise-singularite #intro .text{padding: 20px;}
.page-espace-entreprise-singularite #manifest{padding: 50px 20px;}
.page-espace-entreprise-singularite #engagements-clients .title{padding: 0 20px;}
.page-espace-entreprise-singularite #engagements-interimaires .title{padding: 0 20px;}
.page-espace-entreprise-singularite #storelocator{padding: 50px 20px;} .page-supplay-histoire-chiffres-valeurs #entry{padding: 30px 20px;} .page-supplay-rse #entry{padding: 30px 20px;}
.page-supplay-rse #vocation{padding: 50px 20px;}
.page-supplay-rse #vocation .text{width: 66.66666667%;}
.page-supplay-rse #mission .text{padding: 40px 20px;}
.page-supplay-rse #strategies{padding: 50px 20px;}
.page-supplay-rse #rse .text.bloc-1{padding: 40px 20px;}
.page-supplay-rse #rse .text.bloc-2{padding: 40px 20px;}
.page-supplay-rse #certifications-iso .text{padding: 40px 20px;}
.page-supplay-rse #index{padding: 50px 20px;} .page-manifeste #entry{padding: 30px 20px;    background-position: center;}
.page-manifeste #introduciton .text{padding: 40px 20px;} .page-agences #entry{padding: 30px 20px;}
.page-agences #storelocator{padding: 50px 20px;}
.page-agences #agences-results{gap: 20px;}
.page-agences #agences-results .agence{padding: 30px 20px;} .page-supplay-recrute #entry{padding: 30px 20px;}
.page-supplay-recrute #contact{padding: 50px 20px;}
.page-supplay-recrute #contact .bloc-contact{width: 100%;}
.page-supplay-recrute #contact .text{width: 100%;margin-top: 50px;} .page-offres #entry{padding: 30px 20px;} .page-contact #entry{padding: 30px 20px;}
.page-contact #contact{padding: 50px 20px;}
.page-contact #contact .bloc-contact{width: 100%;}
.page-contact #contact .text{width: 100%;margin-top: 50px;} .page-classique #entry{padding: 30px 20px;}
.page-classique #content .text{width: 100%;}
}
@media screen and (max-width: 1200px) { header .menu-desktop { padding: 26px 30px 26px 50px; }
header.scrolled .menu-desktop{padding: 10px 30px 10px 50px;}
header .menu-desktop .navigation{display: none;}
header .menu-desktop .navigation-secondaire{display: none;}
header .burger-button{display: block;}
header .btn-search-mobile{display: block;} footer .footer-bottom .menu-footer{width: 75%}
footer .footer-bottom .rs-footer{width: 8.33333333%;justify-content: flex-end;} .bloc-text h1{font-size: 30px;line-height: 35px;}
.bloc-text h2{font-size: 22px;line-height: 26px;} header .bloc-search-offre{width: calc(100% - 60px); top: 115px;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn{width: 100%;margin-left: 0;background: transparent;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn.searchBar-module__active__Uto-E{ position: relative; top: auto; right: auto; left: auto; bottom: auto; z-index: 500; width: 100%; margin-left: 0; overflow-y:auto; overflow-x: auto; }
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn.searchBar-module__active__Uto-E form{margin-top: 0;} .page-home #entry .entry-carousel .owl-nav .owl-prev{left: 50px;}
.page-home #entry .entry-carousel .owl-nav .owl-next{right: 50px;}
.page-home #entry .entry-carousel .item .text{width: 41.66666667%;left: calc(8.33333333% + 50px);}
.page-home #entry .entry-carousel .item .text h3{font-size: 40px;line-height: 35px;}
.page-home #entry .entry-carousel .item .text h3 span{font-size: 40px;line-height: 35px;}
.page-home #interim-entreprise .interim .media{height: 400px;}
.page-home #interim-entreprise .entreprise .media{height: 400px;}
.page-home #storelocator { padding: 30px 20px; }
.page-home #storelocator .title h2{font-size: 30px;line-height: 35px;}
.page-home #storelocator .title h2 span{font-size: 30px;line-height: 35px;}
.page-home #qui-sommes-nous .text{padding: 50px 20px;}
.page-home #qui-sommes-nous .text h2{font-size: 30px;line-height: 35px;}
.page-home #chiffres-cles .chiffres-cles{gap: 40px 20px;flex-wrap: wrap;justify-content: center;}
.page-home #chiffres-cles .chiffres-cles .chiffre{width: calc(100% / 3 - 20px);}
.page-home #supplayer .text{width: 50%;}
.page-home #supplayer .text h2{font-size: 30px;line-height: 35px;}
.page-home #manifest .text h2{font-size: 30px;line-height: 35px;}
.page-home #blog .text h2{font-size: 30px;line-height: 35px;}
.page-home #valeurs .valeurs{gap: 40px 20px;flex-wrap: wrap;}
.page-home #valeurs .title h2{font-size: 30px;line-height: 35px;}
.page-home #valeurs .valeurs .valeur{width: calc(100% / 2 - 20px);} .page-espace-interimaire #entry .text{width: 75%;}
.page-espace-interimaire #entry .text h1{font-size: 40px;line-height: 40px;}
.page-espace-interimaire #inscription .bloc-inscrit{padding: 40px 20px;}
.page-espace-interimaire #inscription .bloc-inscrit .text h2{font-size: 30px;line-height: 35px;}
.page-espace-interimaire #inscription .bloc-inscription{padding: 40px 20px;}
.page-espace-interimaire #inscription .bloc-inscription .text h2{font-size: 30px;line-height: 35px;}
.page-espace-interimaire #supplayer .text{width: 50%;}
.page-espace-interimaire #supplayer .text h2{font-size: 30px;line-height: 35px;}
.page-espace-interimaire #application .title h2{font-size: 30px;line-height: 35px;}
.page-espace-interimaire #application .points-forts{gap: 40px 20px;flex-wrap: wrap;}
.page-espace-interimaire #application .points-forts .item{width: calc(100% / 2 - 20px);} .page-espace-entreprise #entry{min-height: auto;}
.page-espace-entreprise #entry .text{width: 75%;}
.page-espace-entreprise #entry .text h1{font-size: 40px;line-height: 40px;}
.page-espace-entreprise #chiffres-cles .chiffres-cles{gap: 40px 20px;flex-wrap: wrap;justify-content: center;}
.page-espace-entreprise #chiffres-cles .chiffres-cles .chiffre{width: calc(100% / 3 - 20px);}
.page-espace-entreprise #solutions .text{padding: 50px 20px;}
.page-espace-entreprise #solutions .text h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise #secteurs .title h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise #secteurs .secteurs{gap: 40px 20px;}
.page-espace-entreprise #secteurs .secteurs .item{width: calc(100% / 2 - 20px);}
.page-espace-entreprise #storelocator { padding: 50px 20px; }
.page-espace-entreprise #storelocator .title{width: 75%;}
.page-espace-entreprise #storelocator .title h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise #storelocator .title h2 span{font-size: 30px;line-height: 35px;}
.page-espace-entreprise #storelocator .btns{flex-direction: column;    align-items: flex-end;width: 25%;}
.page-espace-entreprise #engagements .title h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise #engagements .title h2 span{font-size: 30px;line-height: 35px;} .page-espace-entreprise-solutions #entry{min-height: auto;}
.page-espace-entreprise-solutions #entry .text{width: 75%;}
.page-espace-entreprise-solutions #entry .text h1{font-size: 40px;line-height: 40px;}
.page-espace-entreprise-solutions #intro .text{padding: 50px 20px;}
.page-espace-entreprise-solutions #intro .text h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list{gap: 20px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.media{height: 140px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.text .name span { font-size: 32px; line-height: 38px; }
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content{width: 90%;gap: 20px;} .page-espace-entreprise-singularite #entry{min-height: auto;}
.page-espace-entreprise-singularite #entry .text{width: 75%;}
.page-espace-entreprise-singularite #entry .text h1{font-size: 40px;line-height: 40px;}
.page-espace-entreprise-singularite #intro .text{padding: 50px 20px;}
.page-espace-entreprise-singularite #intro .text h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise-singularite #manifest .text{width: 50%;}
.page-espace-entreprise-singularite #manifest .text h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise-singularite #valeurs .valeurs{gap: 40px 20px;flex-wrap: wrap;}
.page-espace-entreprise-singularite #valeurs .title h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise-singularite #valeurs .valeurs .valeur{width: calc(100% / 2 - 20px);}
.page-espace-entreprise-singularite #engagements-clients .title h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise-singularite #engagements-clients .title h2 span{font-size: 30px;line-height: 35px;}
.page-espace-entreprise-singularite #engagements-interimaires .title h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise-singularite #engagements-interimaires .title h2 span{font-size: 30px;line-height: 35px;}
.page-espace-entreprise-singularite #storelocator { padding: 30px 20px; }
.page-espace-entreprise-singularite #storelocator .title h2{font-size: 30px;line-height: 35px;}
.page-espace-entreprise-singularite #storelocator .title h2 span{font-size: 30px;line-height: 35px;} .page-supplay-histoire-chiffres-valeurs #entry{min-height: auto;}
.page-supplay-histoire-chiffres-valeurs #entry .text{width: 75%;}
.page-supplay-histoire-chiffres-valeurs #entry .text h1{font-size: 40px;line-height: 40px;}
.page-supplay-histoire-chiffres-valeurs #histoire{padding: 40px 20px;}
.page-supplay-histoire-chiffres-valeurs #histoire .title{width: 100%;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-prev{left: 0;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-next{right: 0;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .item .icone{width: 40%;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles{padding: 40px 0px;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles .chiffre .txt .valeur span{font-size: 40px;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles .chiffre .txt .description{font-size: 22px;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .title h2{font-size: 30px;line-height: 35px;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .secteurs .secteur .txt .name{font-size: 22px;}
.page-supplay-histoire-chiffres-valeurs #valeurs .title h2{font-size: 30px;line-height: 35px;}
.page-supplay-histoire-chiffres-valeurs #valeurs .valeurs{gap: 40px 20px;flex-wrap: wrap;}
.page-supplay-histoire-chiffres-valeurs #valeurs .valeurs .valeur{width: calc(100% / 2 - 20px);}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .title h2{font-size: 30px;line-height: 35px;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list{gap: 40px 20px;flex-wrap: wrap;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item{width: calc(100% / 2 - 20px);} .page-supplay-rse #entry{min-height: auto;}
.page-supplay-rse #entry .text{width: 75%;}
.page-supplay-rse #entry .text h1{font-size: 40px;line-height: 40px;}
.page-supplay-rse #vocation .text{width: 100%;}
.page-supplay-rse #vocation .text h2{font-size: 30px;line-height: 35px;}
.page-supplay-rse #mission .text{padding: 50px 20px;}
.page-supplay-rse #mission .text h2{font-size: 30px;line-height: 35px;}
.page-supplay-rse #strategies .title{width: 100%;}
.page-supplay-rse #strategies .title h2{font-size: 30px;line-height: 35px;}
.page-supplay-rse #strategies .media{width: 83.33333333%;}
.page-supplay-rse #rse{gap: 20px;}
.page-supplay-rse #rse .text.bloc-1{padding: 40px 20px;}
.page-supplay-rse #rse .text.bloc-1 h2{font-size: 30px;line-height: 35px;}
.page-supplay-rse #rse .text.bloc-1 h2 span{font-size: 30px;line-height: 35px;}
.page-supplay-rse #rse .text.bloc-1 h3{font-size: 24px;line-height: 24px;}
.page-supplay-rse #rse .text.bloc-2{padding: 40px 20px;}
.page-supplay-rse #rse .text.bloc-2 h2{font-size: 30px;line-height: 35px;}
.page-supplay-rse #rse .text.bloc-2 h2 span{font-size: 30px;line-height: 35px;}
.page-supplay-rse #rse .text.bloc-2 h3{font-size: 24px;line-height: 24px;}
.page-supplay-rse #index .title{width: 100%;}
.page-supplay-rse #index .title h2{font-size: 30px;line-height: 35px;}
.page-supplay-rse #index .media{width: 83.33333333%;}
.page-supplay-rse #index .table{width: 83.33333333%;}
.page-supplay-rse #certifications-iso{align-items: flex-start;}
.page-supplay-rse #certifications-iso .text{padding: 50px 20px;}
.page-supplay-rse #certifications-iso .text h2{font-size: 30px;line-height: 35px;} .page-manifeste #entry{min-height: 280px;}
.page-manifeste #entry .text{width: 50%;}
.page-manifeste #entry .text h1{font-size: 40px;line-height: 40px;}
.page-manifeste #introduction .text{padding: 50px 20px;}
.page-manifeste #introduction .text h2{font-size: 30px;line-height: 35px;}
.page-manifeste #regles{gap: 40px;}
.page-manifeste #regles .regle .text h2{font-size: 30px;line-height: 35px;}
.page-manifeste #regles .regle .text h2 span{font-size: 30px;line-height: 35px;}
.page-manifeste #regles .regle{flex-wrap: wrap;gap: 20px;}
.page-manifeste #regles .regle:nth-child(odd) .text{width: 100%;margin-left: 0;order: 1;}
.page-manifeste #regles .regle:nth-child(even) .text{width: 100%;margin-left: 0;order: 1;}
.page-manifeste #regles .regle:nth-child(odd) .media{order: 2;width: 100%;margin-left: 0;}
.page-manifeste #regles .regle:nth-child(even) .media{order: 2;width: 100%;margin-left: 0;} .page-agences #entry{min-height: auto;}
.page-agences #entry .text{width: 75%;}
.page-agences #entry .text h1{font-size: 40px;line-height: 40px;}
.page-agences #storelocator { padding: 30px 20px; }
.page-agences #storelocator .title h2{font-size: 30px;line-height: 35px;}
.page-agences #storelocator .title h2 span{font-size: 30px;line-height: 35px;}
.page-agences #agences-results .agence{width: calc(50% - 15px);}
.page-agences #agences-results .agence h3{font-size: 22px;line-height: 26px;} .page-supplay-recrute #entry{min-height: auto;}
.page-supplay-recrute #entry .text{width: 75%;}
.page-supplay-recrute #entry .text h1{font-size: 40px;line-height: 40px;}
.page-supplay-recrute #contact .text h2{font-size: 30px;line-height: 35px;} .page-offres #entry{min-height: auto;}
.page-offres #entry .text{width: 75%;}
.page-offres #entry .text h1{font-size: 40px;line-height: 40px;} .page-contact #entry{min-height: auto;}
.page-contact #entry .text{width: 75%;}
.page-contact #entry .text h1{font-size: 40px;line-height: 40px;}
.page-contact #contact .text h2{font-size: 30px;line-height: 35px;} .page-classique #entry{min-height: auto;}
.page-classique #entry .text{width: 75%;}
.page-classique #entry .text h1{font-size: 40px;line-height: 40px;}
.page-classique #content{padding: 50px 50px;}
}
@media screen and (max-width: 992px) { header .menu-desktop:before{width: 20px;}
header .menu-desktop { padding: 15px 20px 15px 40px; }
header.scrolled .menu-desktop{ padding: 15px 20px 15px 40px; }
header .menu-mobile{padding: 90px 20px 50px 40px;} footer .footer-top .logo{width: 100%;}
footer .footer-top .logo svg{margin: auto;}
footer .footer-top .mega-menu{gap: 40px 20px;flex-wrap: wrap;}
footer .footer-top .mega-menu .bloc-footer{width: 100%;}
footer .footer-bottom{flex-direction: column;justify-content: center;gap: 30px;}
footer .footer-bottom .menu-footer ul{flex-direction: column;justify-content: center;}
footer .footer-bottom .mention{width: 100%;text-align: center;} header .bloc-search-offre{top: 90px;width: calc(100% - 40px);}
.bloc-search-offre form{border-radius: 30px;display: flex; flex-direction: column;gap: 20px;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__button_mobile_wrapper__0xzJ9{display: flex;flex-direction: row; justify-content: center; align-items: center;}
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__button_mobile__L0hPt { display: block!important; }
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__search_mobile__oJBF1 { align-self: center; margin: 0; display: flex ; align-items: center; justify-content: center; }
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn.searchBar-module__active__Uto-E .searchBar-module__search_mobile__oJBF1{margin: 0;}
.bloc-search-offre #kmb-intconv-container [class*=searchBar-module__kmb_searchbar_wrapper] [class*=searchBar-module__searchbar_geoloc] img { width: 20px; height: 20px; top: 8px; }
.bloc-search-offre .searchBar-module__kmb_searchbar_wrapper__Iphkn .searchBar-module__searchbar_image__DRGoP { width: 20px; height: 20px; left: 15px; top: 18px; }
.bloc-search-offre #kmb-intconv-container [class*=searchBar-module__kmb_searchbar_wrapper] [class*=searchBar-module__searchbar_input] { padding: 10px 40px 10px 40px; } .page-home #entry{padding: 80px 20px 20px;}
.page-home #entry .entry-carousel .owl-nav{display: none;}
.page-home #entry .entry-carousel .owl-dots{position: relative;margin-top: 0;bottom: 50px;}
.page-home #entry .entry-carousel .item{padding: 0 0 100px;border-radius: 0 30px 30px 30px; display: flex;flex-direction: column;height: auto;background: var(--Color-Red);}
.page-home #entry .entry-carousel .item .media{display: none;}
.page-home #entry .entry-carousel .item .media-mobile{display: block;}
.page-home #entry .entry-carousel .item .text{width: 100%;height: auto;position: relative;top: auto;left: auto;transform: none;padding: 40px 20px 0;}
.page-home #entry .entry-carousel .item .text h2{background: var(--Color-Grey)!important;color: var(--Color-White)!important;}
.page-home #entry .entry-carousel .item .text .btn-link{background: var(--Color-Grey);color: var(--Color-White);border-color: var(--Color-Grey);}
.page-home #entry .entry-carousel .item .text h3{font-size: 30px;line-height: 30px;color: var(--Color-White)!important;}
.page-home #entry .entry-carousel .item .text h3 span{font-size: 30px;line-height: 30px;color: var(--Color-White)!important;}
.page-home #entry .entry-carousel .item .text h3 br{display: none;}
.page-home #entry .entry-carousel .item .text p{color: var(--Color-White)!important;}
.page-home #entry .entry-carousel .item .text p span{color: var(--Color-White)!important;}
.page-home #interim-entreprise{flex-direction: column;padding: 0 20px 20px;}
.page-home #interim-entreprise .interim{width: 100%;}
.page-home #interim-entreprise .interim .text { width: calc(100% - 40px); left: 20px; top: auto; bottom: 20px; transform: none; }
.page-home #interim-entreprise .interim:hover .text{transform: none;}
.page-home #interim-entreprise .interim .text .btn-link{background-color: var(--Color-Red);}
.page-home #interim-entreprise .interim .text .btn-link svg path{fill: var(--Color-White);}
.page-home #interim-entreprise .interim .media { height: 550px; }
.page-home #interim-entreprise .interim .media { opacity: .7; }
.page-home #interim-entreprise .interim .personnage{left: 0; right: auto; width: 100%;}
.page-home #interim-entreprise .interim .personnage:after{position: absolute;content: '';background: #000;opacity: .2;left: 0;top: 0;width: 100%;height: 100%;}
.page-home #interim-entreprise .interim .personnage img{ width: 100%; object-fit: cover; object-position: left; }
.page-home #interim-entreprise .entreprise{width: 100%;}
.page-home #interim-entreprise .entreprise .text { width: calc(100% - 40px); left: 20px; top: auto; bottom: 20px; transform: none; }
.page-home #interim-entreprise .entreprise:hover .text{transform: none;}
.page-home #interim-entreprise .entreprise .text .btn-link{background-color: var(--Color-Red);}
.page-home #interim-entreprise .entreprise .text .btn-link svg path{fill: var(--Color-White);}
.page-home #interim-entreprise .entreprise .media { height: 550px; }
.page-home #interim-entreprise .entreprise .media { opacity: .7; }
.page-home #interim-entreprise .entreprise .personnage{left: 0; right: auto; width: 100%;}
.page-home #interim-entreprise .entreprise .personnage:after{position: absolute;content: '';background: #000;opacity: .2;left: 0;top: 0;width: 100%;height: 100%;}
.page-home #interim-entreprise .entreprise .personnage img{ width: 100%; object-fit: cover; object-position: left; }
.page-home #storelocator {margin: 0 20px 20px;flex-direction: column;align-items: flex-start;}
.page-home #storelocator .title{width: 100%;text-align: center;}
.page-home #storelocator .search{width: 100%;margin: 0;justify-content: flex-start;}
.page-home #storelocator .search form{justify-content: flex-start;gap: 10px;flex-direction: column;}
.page-home #storelocator .search form .search-icon{width: 100%;}
.page-home #qui-sommes-nous{padding: 0 20px 20px;gap: 20px;flex-wrap: wrap;}
.page-home #qui-sommes-nous .text{width: 100%;}
.page-home #qui-sommes-nous .media{width: 100%;}
.page-home #chiffres-cles{margin: 0 20px 20px;padding: 80px 20px;}
.page-home #chiffres-cles .chiffres-cles .chiffre{width: 100%;}
.page-home #chiffres-cles .chiffres-cles .chiffre .icone{width: 30%;}
.page-home #supplayer{margin: 0 20px 40px;padding: 0; background-image: none!important;background-color: transparent;flex-direction: column;gap: 20px;}
.page-home #supplayer .media-mobile{display: block;}
.page-home #supplayer .text{width: 100%;padding: 0 20px;}
.page-home #supplayer .text h2{color: var(--Color-Red);}
.page-home #supplayer .text h2 br{display: none;}
.page-home #supplayer .text p{color: var(--Color-Grey);}
.page-home #supplayer .text img{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}
.page-home #supplayer .text .btn-link{color: var(--Color-White);background-color: var(--Color-Red);}
.page-home #manifest{margin: 0 20px 40px;padding: 0; background-image: none!important;background-color: transparent;flex-direction: column;gap: 20px;}
.page-home #manifest .media-mobile{display: block;}
.page-home #manifest .text{width: 100%;padding: 0 20px;margin: 0;}
.page-home #manifest .text h2{color: var(--Color-Red);}
.page-home #manifest .text h2 br{display: none;}
.page-home #manifest .text p{color: var(--Color-Grey);}
.page-home #manifest .text img{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}
.page-home #manifest .text .btn-link{color: var(--Color-White);background-color: var(--Color-Red);}
.page-home #blog{margin: 0 20px 40px;padding: 0; background-image: none!important;background-color: transparent;flex-direction: column;gap: 20px;}
.page-home #blog .media-mobile{display: block;}
.page-home #blog .text{width: 100%;padding: 0 20px;margin: 0;}
.page-home #blog .text h2{color: var(--Color-Red);}
.page-home #blog .text h2 br{display: none;}
.page-home #blog .text p{color: var(--Color-Grey);}
.page-home #blog .text img{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}
.page-home #blog .text .btn-link{color: var(--Color-White);background-color: var(--Color-Red);}
.page-home #blog .circle{display: none;}
.page-home #blog .star{display: none;}
.page-home #valeurs{margin: 0 20px 20px;padding: 50px 20px;}
.page-home #valeurs .valeurs .valeur{width: 100%;}
.page-home #valeurs .valeurs .valeur .icone{width: 30%;} .page-espace-interimaire #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-espace-interimaire #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-espace-interimaire #entry .text{width: 100%;order: 2;}
.page-espace-interimaire #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-espace-interimaire #inscription{flex-wrap: wrap;gap: 20px;margin: 0 20px 20px;}
.page-espace-interimaire #inscription .bloc-inscrit{width: 100%;}
.page-espace-interimaire #inscription .bloc-inscription{width: 100%;}
.page-espace-interimaire #supplayer{margin: 0 20px 40px;padding: 0; background-image: none!important;background-color: transparent;flex-direction: column;gap: 20px;}
.page-espace-interimaire #supplayer .media-mobile{display: block;}
.page-espace-interimaire #supplayer .text{width: 100%;padding: 0 20px;}
.page-espace-interimaire #supplayer .text h2{color: var(--Color-Red);}
.page-espace-interimaire #supplayer .text h2 br{display: none;}
.page-espace-interimaire #supplayer .text p{color: var(--Color-Grey);}
.page-espace-interimaire #supplayer .text img{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}
.page-espace-interimaire #supplayer .text .btn-link{color: var(--Color-White);background-color: var(--Color-Red);}
.page-espace-interimaire #application{margin: 0 20px 20px;padding: 50px 20px;}
.page-espace-interimaire #application .points-forts .item{width: 100%;}
.page-espace-interimaire #application .points-forts .item .icone{width: 30%;} .page-espace-entreprise #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-espace-entreprise #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-espace-entreprise #entry .text{width: 100%;order: 2;}
.page-espace-entreprise #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-espace-entreprise #chiffres-cles{margin: 0 20px 20px;padding: 80px 20px;}
.page-espace-entreprise #chiffres-cles .chiffres-cles .chiffre{width: 100%;}
.page-espace-entreprise #chiffres-cles .chiffres-cles .chiffre .icone{width: 30%;}
.page-espace-entreprise #solutions{margin: 0 20px 20px;gap: 20px;flex-wrap: wrap;}
.page-espace-entreprise #solutions .text{width: 100%;}
.page-espace-entreprise #solutions .media{width: 100%;}
.page-espace-entreprise #secteurs{margin: 0 20px 20px;padding: 50px 20px;}
.page-espace-entreprise #secteurs .secteurs .item{width: 100%;}
.page-espace-entreprise #secteurs .secteurs .item .icone{width: 30%;}
.page-espace-entreprise #storelocator {margin: 0 20px 20px;flex-direction: column;align-items: flex-start;}
.page-espace-entreprise #storelocator .title{width: 100%;text-align: center;}
.page-espace-entreprise #storelocator .btns{width: 100%;align-items: center;}
.page-espace-entreprise #engagements{margin-top: 20px;margin-bottom: 50px;}
.page-espace-entreprise #engagements .title{margin: 0 20px 20px;padding: 0 20px;}
.page-espace-entreprise #engagements .engagements-carousel .item{padding: 40px 20px;} .page-espace-entreprise-solutions #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-espace-entreprise-solutions #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-espace-entreprise-solutions #entry .text{width: 100%;order: 2;}
.page-espace-entreprise-solutions #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-espace-entreprise-solutions #intro{margin: 0 20px 20px;gap: 20px;flex-wrap: wrap;}
.page-espace-entreprise-solutions #intro .text{width: 100%;}
.page-espace-entreprise-solutions #intro .media{width: 100%;}
.page-espace-entreprise-solutions #solutions{padding: 20px;margin: 0 20px 20px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent{width: 100%!important;;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution{width: 100%!important;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.media{height: 90px!important;width: 90px; padding: 0;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution>.text .btn-link{opacity: 1;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content{flex-direction: column;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .left{width: 100%;padding: 20px;padding-bottom: 0;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .left .media{ width: 100px;margin-left: 0;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right{width: 100%;height: 100%;        overflow: auto;padding: 20px;}
.page-espace-entreprise-solutions #solutions .solutions-parent-list .solutions-parent .solutions-child-list .solution .popup .popup-content .right .text{height: 100%;} .page-espace-entreprise-singularite #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-espace-entreprise-singularite #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-espace-entreprise-singularite #entry .text{width: 100%;order: 2;}
.page-espace-entreprise-singularite #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-espace-entreprise-singularite #intro{margin: 0 20px 20px;gap: 20px;flex-wrap: wrap;}
.page-espace-entreprise-singularite #intro .text{width: 100%;}
.page-espace-entreprise-singularite #intro .media{width: 100%;}
.page-espace-entreprise-singularite #manifest{margin: 0 20px 40px;padding: 0; background-image: none!important;background-color: transparent;flex-direction: column;gap: 20px;}
.page-espace-entreprise-singularite #manifest .media-mobile{display: block;}
.page-espace-entreprise-singularite #manifest .text{width: 100%;padding: 0 20px;margin-left: 0;}
.page-espace-entreprise-singularite #manifest .text h2{color: var(--Color-Red);}
.page-espace-entreprise-singularite #manifest .text h2 br{display: none;}
.page-espace-entreprise-singularite #manifest .text p{color: var(--Color-Grey);}
.page-espace-entreprise-singularite #manifest .text img{box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}
.page-espace-entreprise-singularite #manifest .text .btn-link{color: var(--Color-White);background-color: var(--Color-Red);}
.page-espace-entreprise-singularite #valeurs{margin: 0 20px 20px;padding: 50px 20px;}
.page-espace-entreprise-singularite #valeurs .valeurs .valeur{width: 100%;}
.page-espace-entreprise-singularite #valeurs .valeurs .valeur .icone{width: 30%;}
.page-espace-entreprise-singularite #engagements-clients{margin-top: 20px;margin-bottom: 20px;}
.page-espace-entreprise-singularite #engagements-clients .title{margin: 0 20px 20px;padding: 0 20px;}
.page-espace-entreprise-singularite #engagements-clients .engagements-carousel .item{padding: 40px 20px;}
.page-espace-entreprise-singularite #engagements-interimaires{margin-top: 20px;margin-bottom: 20px;}
.page-espace-entreprise-singularite #engagements-interimaires .title{margin: 0 20px 20px;padding: 0 20px;}
.page-espace-entreprise-singularite #engagements-interimaires .engagements-carousel .item{padding: 40px 20px;}
.page-espace-entreprise-singularite #storelocator {margin: 0 20px 20px;flex-direction: column;align-items: flex-start;}
.page-espace-entreprise-singularite #storelocator .title{width: 100%;text-align: center;}
.page-espace-entreprise-singularite #storelocator .search{width: 100%;margin: 0;justify-content: flex-start;}
.page-espace-entreprise-singularite #storelocator .search form{justify-content: flex-start;gap: 10px;flex-direction: column;}
.page-espace-entreprise-singularite #storelocator .search form .search-icon{width: 100%;} .page-supplay-histoire-chiffres-valeurs #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-supplay-histoire-chiffres-valeurs #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-supplay-histoire-chiffres-valeurs #entry .text{width: 100%;order: 2;}
.page-supplay-histoire-chiffres-valeurs #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-supplay-histoire-chiffres-valeurs #histoire{margin: 0 20px 20px;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-prev{padding: 12px !important;left: -10px;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-next{padding: 12px !important;right: -10px;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-next:hover{    padding: 12px!important;}
.page-supplay-histoire-chiffres-valeurs #histoire .histoire-carousel .owl-nav .owl-prev:hover{    padding: 12px!important;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles{padding: 0;margin: 0 20px 20px;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles{gap: 20px;flex-wrap: wrap;}
.page-supplay-histoire-chiffres-valeurs #chiffres-cles .chiffres-cles .chiffre{width: 100%;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite{margin: 0 20px 20px;padding: 50px 20px;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .title{text-align: left;margin-bottom: 20px;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .secteurs{flex-wrap: wrap;}
.page-supplay-histoire-chiffres-valeurs #secteur-activite .secteurs .secteur{width: 100%;}
.page-supplay-histoire-chiffres-valeurs #valeurs{margin: 0 20px 20px;padding: 50px 20px;}
.page-supplay-histoire-chiffres-valeurs #valeurs .valeurs .valeur{width: 100%;}
.page-supplay-histoire-chiffres-valeurs #valeurs .valeurs .valeur .icone{width: 30%;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay{margin: 0 20px 20px;padding: 50px 20px;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item{width: 100%;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item .icone{width: 90px;height: 90px;padding: 0;}
.page-supplay-histoire-chiffres-valeurs #decouvrir-supplay .decouvrir-list .item .text .btn-link{opacity: 1;} .page-supplay-rse #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-supplay-rse #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-supplay-rse #entry .text{width: 100%;order: 2;}
.page-supplay-rse #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-supplay-rse #vocation{margin: 0 20px 20px;}
.page-supplay-rse #mission{margin: 0 20px 20px;gap: 20px;flex-wrap: wrap;}
.page-supplay-rse #mission .text{width: 100%;}
.page-supplay-rse #mission .media{width: 100%;}
.page-supplay-rse #strategies{margin: 0 20px 20px;}
.page-supplay-rse #strategies .title{width: 100%;margin-bottom: 30px;}
.page-supplay-rse #strategies .media{width: 100%;}
.page-supplay-rse #rse{flex-wrap: wrap;margin: 0 20px 20px;}
.page-supplay-rse #rse .text.bloc-1{width: 100%;}
.page-supplay-rse #rse .text.bloc-2{width: 100%;}
.page-supplay-rse #index{margin: 0 20px 20px;}
.page-supplay-rse #index .title{width: 100%;margin-bottom: 30px;}
.page-supplay-rse #index .media{width: 100%;}
.page-supplay-rse #index .table{width: 100%;}
.page-supplay-rse #certifications-iso{margin: 0 20px 20px;gap: 20px;flex-wrap: wrap;}
.page-supplay-rse #certifications-iso .text{width: 100%;order: 1;}
.page-supplay-rse #certifications-iso .media{width: 100%;order: 2;} .page-manifeste #entry{margin: 80px 20px 20px;padding: 40px 20px; min-height: auto; flex-wrap: wrap;gap: 10px;background-color: var(--Color-Red);background-image: none!important;}
.page-manifeste #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-manifeste #entry .text{width: 100%;order: 2;position: relative;z-index: 5;}
.page-manifeste #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-manifeste #introduction{margin: 0 20px 20px;gap: 20px;flex-wrap: wrap;}
.page-manifeste #introduction .text{width: 100%;}
.page-manifeste #introduction .media{width: 100%;}
.page-manifeste #regles{padding: 50px 20px;}
.page-manifeste #regles .regle .text{padding: 0 20px;} .page-agences #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-agences #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-agences #entry .text{width: 100%;order: 2;}
.page-agences #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-agences #storelocator {margin: 0 20px 20px;flex-direction: column;align-items: flex-start;}
.page-agences #storelocator .title{width: 100%;text-align: center;}
.page-agences #storelocator .search{width: 100%;margin: 0;justify-content: flex-start;}
.page-agences #storelocator .search form{justify-content: flex-start;gap: 10px;flex-direction: column;}
.page-agences #storelocator .search form .search-icon{width: 100%;}
.page-agences #agences-results{margin: 0 20px 20px;gap: 20px;}
.page-agences #agences-results .agence{width: 100%;} .page-classique #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-classique #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-classique #entry .text{width: 100%;order: 2;}
.page-classique #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-classique #content{padding: 0 40px 40px;} .page-supplay-recrute #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-supplay-recrute #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-supplay-recrute #entry .text{width: 100%;order: 2;}
.page-supplay-recrute #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-supplay-recrute #contact{margin: 0 20px 20px;padding: 40px 20px 20px;}
.page-supplay-recrute #contact .text{padding: 20px;} .page-contact #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-contact #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-contact #entry .text{width: 100%;order: 2;}
.page-contact #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-contact #contact{margin: 0 20px 20px;padding: 40px 20px 20px;}
.page-contact #contact .text{padding: 20px;} .bloc-contact form{flex-direction: column;}
.bloc-contact form .half{width: 100%;}
.bloc-contact form span{margin-left: 0;} .page-offres #entry{margin: 80px 20px 20px;flex-wrap: wrap;gap: 10px;}
.page-offres #entry .media{margin-left: 0;order: 1;width: 50px;}
.page-offres #entry .text{width: 100%;order: 2;}
.page-offres #entry .text h1{font-size: 35px;line-height: 35px;margin-bottom: 10px;}
.page-offres #content{margin: 0 20px 20px;}
.page-offres .cards-module__kmb_card__nezYV.cards-module__filters_card__up0vn{padding-top: 90px;}
.page-offres .searchBar-module__kmb_searchbar_wrapper__Iphkn.searchBar-module__active__Uto-E form{margin-top: 0;}
.page-offres .searchBar-module__kmb_searchbar_wrapper__Iphkn{position: relative!important; margin-left: 0!important;width: 100%!important;   background: #ececec; padding: 0!important;}
.page-offres .viewMoreResults-module__view_more_container__trQXD .viewMoreResults-module__view_more_button__jjMFf{ width: 100%!important;border-radius: 30px; }
.page-offres .searchBar-module__kmb_searchbar_wrapper__Iphkn.searchBar-module__active__Uto-E{position: relative;}
.page-offres #content form{border-radius: 30px;display: flex; flex-direction: column;gap: 20px;}
.page-offres .searchBar-module__kmb_searchbar_wrapper__Iphkn button.searchBar-module__button_mobile__L0hPt{display: flex !important ; align-items: center; width: 100% !important; justify-content: center; margin-left: 0; max-width: none; border-radius: 30px; background-color: #e70f47;}
.page-offres .searchBar-module__kmb_searchbar_wrapper__Iphkn.searchBar-module__active__Uto-E .searchBar-module__search_mobile__oJBF1 { align-self: center; margin: 0; display: flex ; align-items: center; justify-content: center; }
.page-offres .searchBar-module__kmb_searchbar_wrapper__Iphkn.searchBar-module__active__Uto-E form.searchBar-module__prev_search__\+T4OL{margin-top: 0!important;}
}