@charset "UTF-8";

.ubuntu-light {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: normal;
}
.ubuntu-regular {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-style: normal;
}
.ubuntu-medium {
font-family: "Ubuntu", sans-serif;
font-weight: 500;
font-style: normal;
}
.ubuntu-bold {
font-family: "Ubuntu", sans-serif;
font-weight: 700;
font-style: normal;
}
.ubuntu-light-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 300;
font-style: italic;
}
.ubuntu-regular-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-style: italic;
}
.ubuntu-medium-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 500;
font-style: italic;
}
.ubuntu-bold-italic {
font-family: "Ubuntu", sans-serif;
font-weight: 700;
font-style: italic;
}
.protest-guerrilla-regular {
font-family: "Protest Guerrilla", sans-serif;
font-weight: 400;
font-style: normal;
}
.protest-strike-regular {
font-family: "Protest Strike", sans-serif;
font-weight: 400;
font-style: normal;
}  .editor-styles-wrapper .faq-1 h1, .editor-styles-wrapper .faq-1 h2, .editor-styles-wrapper .faq-1 h3, .editor-styles-wrapper .faq-1 h4, .editor-styles-wrapper .faq-1 h5, .editor-styles-wrapper .faq-1 h6, .editor-styles-wrapper .faq-1 p,
.editor-styles-wrapper .reseaux-sociaux-1 h1,
.editor-styles-wrapper .reseaux-sociaux-1 h2,
.editor-styles-wrapper .reseaux-sociaux-1 h3,
.editor-styles-wrapper .reseaux-sociaux-1 h4,
.editor-styles-wrapper .reseaux-sociaux-1 h5,
.editor-styles-wrapper .reseaux-sociaux-1 h6,
.editor-styles-wrapper .reseaux-sociaux-1 p,
.editor-styles-wrapper .reseaux-sociaux-2 h1,
.editor-styles-wrapper .reseaux-sociaux-2 h2,
.editor-styles-wrapper .reseaux-sociaux-2 h3,
.editor-styles-wrapper .reseaux-sociaux-2 h4,
.editor-styles-wrapper .reseaux-sociaux-2 h5,
.editor-styles-wrapper .reseaux-sociaux-2 h6,
.editor-styles-wrapper .reseaux-sociaux-2 p,
.editor-styles-wrapper .reseaux-sociaux-3 h1,
.editor-styles-wrapper .reseaux-sociaux-3 h2,
.editor-styles-wrapper .reseaux-sociaux-3 h3,
.editor-styles-wrapper .reseaux-sociaux-3 h4,
.editor-styles-wrapper .reseaux-sociaux-3 h5,
.editor-styles-wrapper .reseaux-sociaux-3 h6,
.editor-styles-wrapper .reseaux-sociaux-3 p,
.editor-styles-wrapper .blog-1 h1,
.editor-styles-wrapper .blog-1 h2,
.editor-styles-wrapper .blog-1 h3,
.editor-styles-wrapper .blog-1 h4,
.editor-styles-wrapper .blog-1 h5,
.editor-styles-wrapper .blog-1 h6,
.editor-styles-wrapper .blog-1 p,
.editor-styles-wrapper .blog-2 h1,
.editor-styles-wrapper .blog-2 h2,
.editor-styles-wrapper .blog-2 h3,
.editor-styles-wrapper .blog-2 h4,
.editor-styles-wrapper .blog-2 h5,
.editor-styles-wrapper .blog-2 h6,
.editor-styles-wrapper .blog-2 p,
.editor-styles-wrapper .entete-1 h1,
.editor-styles-wrapper .entete-1 h2,
.editor-styles-wrapper .entete-1 h3,
.editor-styles-wrapper .entete-1 h4,
.editor-styles-wrapper .entete-1 h5,
.editor-styles-wrapper .entete-1 h6,
.editor-styles-wrapper .entete-1 p,
.editor-styles-wrapper .entete-2 h1,
.editor-styles-wrapper .entete-2 h2,
.editor-styles-wrapper .entete-2 h3,
.editor-styles-wrapper .entete-2 h4,
.editor-styles-wrapper .entete-2 h5,
.editor-styles-wrapper .entete-2 h6,
.editor-styles-wrapper .entete-2 p,
.editor-styles-wrapper .solutions-1 h1,
.editor-styles-wrapper .solutions-1 h2,
.editor-styles-wrapper .solutions-1 h3,
.editor-styles-wrapper .solutions-1 h4,
.editor-styles-wrapper .solutions-1 h5,
.editor-styles-wrapper .solutions-1 h6,
.editor-styles-wrapper .solutions-1 p {
margin: 0;
}
.editor-styles-wrapper .faq-1 ul, .editor-styles-wrapper .faq-1 ol,
.editor-styles-wrapper .reseaux-sociaux-1 ul,
.editor-styles-wrapper .reseaux-sociaux-1 ol,
.editor-styles-wrapper .reseaux-sociaux-2 ul,
.editor-styles-wrapper .reseaux-sociaux-2 ol,
.editor-styles-wrapper .reseaux-sociaux-3 ul,
.editor-styles-wrapper .reseaux-sociaux-3 ol,
.editor-styles-wrapper .blog-1 ul,
.editor-styles-wrapper .blog-1 ol,
.editor-styles-wrapper .blog-2 ul,
.editor-styles-wrapper .blog-2 ol,
.editor-styles-wrapper .entete-1 ul,
.editor-styles-wrapper .entete-1 ol,
.editor-styles-wrapper .entete-2 ul,
.editor-styles-wrapper .entete-2 ol,
.editor-styles-wrapper .solutions-1 ul,
.editor-styles-wrapper .solutions-1 ol {
padding: 0;
}
.container {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.container {
width: calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
}
}
.container-md {
width: calc(100% - clamp(100px, 17.5vw, 260px));
margin-left: clamp(50px, 8.7vw, 130px);
margin-right: clamp(50px, 8.7vw, 130px);
}
@media screen and (min-width: 1480px) {
.container-md {
max-width: 1480px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 768px) {
.container-md {
width: calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
}
}
.container-sm {
max-width: 768px;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.container-sm {
width: calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
}
}
.button {
position: relative;
display: inline-block;
padding: 0px 20px;
line-height: 50px;
text-decoration: none;
border: none;
}
.button.bg-contrast {
background: #1E272E;
}
.button.bg-base {
background: #FAFAFA;
}
.button.bg-primary {
background: #FFCA3F;
}
.button.bg-secondary {
background: #2FCE83;
}
.button.color-contrast .button-container .button-text {
color: #1E272E;
}
.button.color-base .button-container .button-text {
color: #FAFAFA;
}
.button.color-primary .button-container .button-text {
color: #FFCA3F;
}
.button.color-secondary .button-container .button-text {
color: #2FCE83;
}
.button:before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 4px;
height: 4px;
transition: width 0.3s ease;
}
.button.underline-contrast:before {
background: #1E272E;
}
.button.underline-base:before {
background: #FAFAFA;
}
.button.underline-primary:before {
background: #FFCA3F;
}
.button.underline-secondary:before {
background: #2FCE83;
}
.button-container .button-text {
white-space: nowrap;
font-weight: bold;
}
.button:hover:before {
width: 100%;
transition: width 0.3s ease;
}
.cp-button-download {
text-decoration: none;
}
.cp-button-download-container {
display: flex;
justify-content: space-between;
align-items: center;
background: #2FCE83;
border-radius: 10px;
padding: 20px;
}
.cp-button-download-container .cp-button-download-text {
font-weight: bold;
color: #FAFAFA;
}
.cp-button-download-container i {
color: #FAFAFA;
}
.breadcrumbs {
z-index: 5;
position: relative;
overflow-x: scroll;
overflow-y: visible;
width: 100%;
max-width: calc(100vw - 40px);
scrollbar-width: none;
color: #1E272E;
font-size: 0.8rem;
}
.breadcrumbs::-webkit-scrollbar {
display: none;
height: 0;
}
.breadcrumbs > span {
white-space: nowrap;
}
.breadcrumbs > span span {
color: #1E272E;
}
.breadcrumbs > span span a {
position: relative;
display: inline-block;
color: #1E272E;
font-weight: bold;
white-space: nowrap;
text-decoration: none;
}
.breadcrumbs > span span a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: #1E272E;
transition: width 0.3s ease;
}
.breadcrumbs > span span a:hover:before {
width: 100%;
transition: width 0.3s ease;
}
.breadcrumbs > span span.breadcrumb_last {
color: #1E272E;
}
.breadcrumbs.base {
color: #FAFAFA;
}
.breadcrumbs.base > span span {
color: #FAFAFA;
}
.breadcrumbs.base > span span a {
color: #FAFAFA;
}
.breadcrumbs.base > span span.breadcrumb_last {
color: #FAFAFA;
}
.header {
z-index: 100;
position: relative;
background: #FAFAFA;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
}
.header-container {
height: 70px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: clamp(20px, 2vw, 30px);
padding-left: 50px;
}
.header-container .header-logo {
font-size: 0;
}
.header-container .header-logo a {
display: inline-block;
}
.header-container .header-logo a img {
max-height: 50px;
max-width: 130px;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.header-container .header-search {
flex: 1;
}
.header-container .header-contact .button {
height: 70px;
line-height: 70px;
}
.header-container .menu-burger {
display: none;
}
.header.sticky {
position: sticky;
top: 0;
left: 0;
transition: top 0.3s ease;
}
.header.sticky.hide {
top: -140px;
transition: top 0.3s ease;
}
.header.fixed {
position: fixed;
width: 100%;
}
.nav-mobile {
display: none;
}
@media screen and (max-width: 992px) {
.header-container {
height: 50px;
padding-left: 20px;
}
.header-container .header-logo a img {
height: 40px;
max-height: 40px;
}
.header-container .header-search {
display: none;
}
.header-container .header-social {
display: none;
}
.header-container .header-contact {
display: none;
}
.header-container .menu-burger {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #1E272E;
width: 50px;
height: 50px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.header-container .menu-burger span {
position: relative;
width: 15px;
height: 2px;
background: #FAFAFA;
margin-bottom: 3px;
transition: background-color 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
}
.header-container .menu-burger span:last-child {
margin-bottom: 0;
}
.header-container .menu-burger.active.active {
background: #1E272E;
transition: background-color 0.3s ease;
}
.header-container .menu-burger.active.active span {
background: #FAFAFA;
transition: background-color 0.3s ease, opacity 0.3s ease, margin 0.3s ease;
}
.header-container .menu-burger.active.active span:nth-child(1) {
animation: burgerMenu-1 0.6s forwards;
animation-delay: 0.3s;
}
.header-container .menu-burger.active.active span:nth-child(2) {
animation: burgerMenu-2 0.3s forwards;
animation-delay: 0s;
}
.header-container .menu-burger.active.active span:nth-child(3) {
animation: burgerMenu-3 0.6s forwards;
animation-delay: 0.3s;
}
.nav-mobile {
display: flex;
flex-direction: column;
gap: 20px;
z-index: 5;
position: fixed;
top: 49px;
left: 100%;
width: 100vw;
height: calc(100vh - 70px);
background: #1E272E;
padding: 20px;
padding-bottom: 40px;
overflow-y: scroll;
transition: left 0.3s ease;
}
.nav-mobile.active {
left: 0;
transition: left 0.3s ease;
}
.nav-mobile.active:before {
left: 0;
transition: left 0.3s ease;
}
.nav-mobile-menu > ul {
overflow-y: scroll;
list-style-type: none;
}
.nav-mobile-menu > ul a {
display: flex;
color: #FAFAFA;
text-decoration: none;
}
.nav-mobile-menu > ul a:hover {
color: #2FCE83;
}
.nav-mobile-menu > ul > li {
position: relative;
margin-bottom: 20px;
padding-right: 30px;
}
.nav-mobile-menu > ul > li .acs-menu-item {
display: flex;
align-items: center;
gap: 10px;
}
.nav-mobile-menu > ul > li:last-child {
margin-bottom: 0;
}
.nav-mobile-menu > ul > li .button {
display: inline-block;
background: #2FCE83;
color: #FAFAFA !important;
}
.nav-mobile-menu > ul > li .button-container {
color: #FAFAFA !important;
}
.nav-mobile-menu > ul > li .button-container .button-text {
color: #FAFAFA !important;
}
.nav-mobile-menu > ul > li.current-menu-item .acs-menu-item-icon {
color: #2FCE83;
}
.nav-mobile-menu > ul > li.current-menu-item .acs-menu-item-title-row .acs-menu-item-title {
color: #2FCE83;
}
.nav-mobile-menu > ul > li .moreMenu {
position: absolute;
top: 0;
right: 5px;
width: 20px;
height: 20px;
cursor: pointer;
}
.nav-mobile-menu > ul > li .moreMenu:before {
content: "";
position: absolute;
top: 9px;
left: 2.5px;
width: 15px;
height: 2px;
background: #FAFAFA;
transform-origin: center;
transition: transform 0.3s ease;
}
.nav-mobile-menu > ul > li .moreMenu:after {
content: "";
position: absolute;
top: 2.5px;
left: 9px;
width: 2px;
height: 15px;
background: #FAFAFA;
transform-origin: center;
opacity: 1;
transition: transform 0.3s ease, opacity 0.1s ease;
}
.nav-mobile-menu > ul > li .moreMenu.active:before {
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.nav-mobile-menu > ul > li .moreMenu.active:after {
transform: rotate(90deg);
opacity: 0;
transition: transform 0.3s ease, opacity 0.6s ease;
}
.nav-mobile-menu > ul > li.menu-item-has-children .sub-menu {
position: relative;
max-height: 0;
overflow: hidden;
padding-left: 20px;
transition: max-height 0.5s ease;
list-style-type: none;
}
.nav-mobile-menu > ul > li.menu-item-has-children .sub-menu:before {
content: "";
position: absolute;
top: 10px;
left: 9px;
width: 1px;
height: calc(100% - 23px);
background: rgba(250, 250, 250, 0.3);
}
.nav-mobile-menu > ul > li.menu-item-has-children .sub-menu li {
position: relative;
margin-bottom: 20px;
}
.nav-mobile-menu > ul > li.menu-item-has-children .sub-menu li:before {
content: "";
position: absolute;
left: -10px;
top: 12px;
width: 10px;
height: 1px;
background: rgba(250, 250, 250, 0.3);
}
.nav-mobile-menu > ul > li.menu-item-has-children .sub-menu li:first-child {
margin-top: 20px;
}
.nav-mobile-menu > ul > li.menu-item-has-children .sub-menu li:last-child {
margin-bottom: unset;
}
.nav-mobile-menu > ul > li.menu-item-has-children .sub-menu li a {
display: block;
}
.nav-mobile-menu > ul > li.button a {
display: inline-block;
background: #FAFAFA;
padding: 5px 20px;
color: #1E272E;
transition: background-color 0.3s ease;
}
.nav-mobile-menu > ul > li.button a i {
margin-right: 10px;
}
.nav-mobile-menu > ul > li.button a:before {
display: none;
}
.nav-mobile-tools {
list-style-type: none;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.nav-mobile-tools li {
width: 100%;
}
.nav-mobile-tools li .social {
background: #FAFAFA;
}
}
.footer {
background: #1E272E;
padding-top: clamp(40px, 5.4vw, 80px);
}
.footer-container {
display: flex;
flex-direction: column;
gap: clamp(20px, 2.7vw, 40px);
}
.footer-container .footer-logo {
margin-left: auto;
margin-right: auto;
width: clamp(340px, 45.9vw, 680px);
height: clamp(100px, 12.8vw, 190px);
text-align: center;
}
.footer-container .footer-logo a {
position: relative;
display: block;
width: 100%;
height: 100%;
font-size: 0;
}
.footer-container .footer-logo a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
object-position: top left;
}
.footer-container .footer-nav {
z-index: 10;
position: relative;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: clamp(20px, 2.7vw, 40px);
}
.footer-container .footer-nav-col h3 {
margin: 0 0 20px;
}
.footer-container .footer-nav-col h3 a {
color: #2FCE83;
text-decoration: none;
}
.footer-container .footer-nav-col ul {
display: flex;
flex-direction: column;
gap: 10px;
}
.footer-container .footer-nav-col ul li a {
color: #FAFAFA;
text-decoration: none;
}
.footer-container .footer-nav-col ul li a:hover {
color: #FFCA3F;
transition: color 0.3s ease;
}
.footer-container .footer-contact {
grid-area: c;
}
.footer-container .footer-contact h2 {
color: #FAFAFA;
margin-bottom: 20px;
}
.footer-container .footer-contact .footer-infos {
list-style-type: none;
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: clamp(20px, 2vw, 30px);
}
.footer-container .footer-contact .footer-infos li a {
color: #FAFAFA;
display: flex;
gap: 10px;
align-items: center;
text-decoration: none;
white-space: nowrap;
}
.footer-container .footer-contact .footer-social {
z-index: 1;
position: relative;
}
.footer .footer-copyright {
z-index: 0;
position: relative;
border-top: 1px solid #FAFAFA;
padding: 20px 0;
margin-top: 20px;
}
.footer .footer-copyright-menu ul {
list-style-type: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 5px 20px;
margin-bottom: 10px;
}
.footer .footer-copyright-menu ul li a {
font-size: 0.8rem;
color: #FAFAFA;
text-decoration: none;
}
.footer .footer-copyright-text {
color: #FAFAFA;
text-align: center;
font-size: 0.8rem;
}
.footer .footer-copyright-text i {
color: #FAFAFA;
}
.footer .footer-copyright-text a {
color: #FAFAFA;
}
@media screen and (max-width: 992px) {
.footer-container .footer-logo a {
display: flex;
justify-content: center;
}
.footer-container .footer-logo a img {
position: relative;
object-position: center;
}
.footer-container .footer-nav {
grid-template-columns: repeat(2, 1fr);
}
.footer-container .footer-nav .footer-nav-col.empty {
display: none;
}
}
@media screen and (max-width: 768px) {
.footer-container .footer-nav {
grid-template-columns: repeat(1, 1fr);
}
}
.nav {
z-index: 10;
position: absolute;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: width 0.3s ease;
}
.nav.left {
left: 0;
}
.nav.right {
right: 0;
}
.nav-container {
width: 100%;
}
.nav-container > ul {
list-style-type: none;
background: #FAFAFA;
border-radius: 20px;
width: 100%;
display: flex;
gap: 30px;
flex-direction: column;
padding: 25px;
box-shadow: 0 0 20px 0 rgba(30, 39, 46, 0.1);
transition: width 0.3s ease;
}
.nav-container > ul > li {
width: 100%;
}
.nav-container > ul > li.current-menu-item > a .acs-menu-item-icon {
background: #2FCE83;
}
.nav-container > ul > li.current-menu-item > a .acs-menu-item-icon i {
color: #FAFAFA;
}
.nav-container > ul > li > a {
display: block;
text-decoration: none;
}
.nav-container > ul > li > a .acs-menu-item {
display: flex;
gap: 10px;
flex-wrap: nowrap;
}
.nav-container > ul > li > a .acs-menu-item-icon {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 30px;
min-width: 30px;
height: 30px;
border-radius: 10px;
background: #E4E5E6;
transition: background-color 0.3s ease;
}
.nav-container > ul > li > a .acs-menu-item-icon i {
color: #A6ABB4;
transition: color 0.3s ease;
}
.nav-container > ul > li > a .acs-menu-item-title {
color: #1E272E;
transition: color 0.3s ease;
}
.nav-container > ul > li > a .acs-menu-item-title-row {
display: flex;
opacity: 0;
width: 100%;
align-items: center;
justify-content: space-between;
gap: 5px;
flex-wrap: nowrap;
pointer-events: none;
transition: opacity 0s ease;
}
.nav-container > ul > li > a .acs-menu-item-title-row i {
color: #1E272E;
}
.nav-container > ul > li > a .acs-menu-item:hover .acs-menu-item-icon {
background: #2FCE83;
transition: background-color 0.3s ease;
}
.nav-container > ul > li > a .acs-menu-item:hover .acs-menu-item-icon i {
color: #FAFAFA;
transition: color 0.3s ease;
}
.nav-container > ul > li > a .acs-menu-item:hover .acs-menu-item-title {
color: #2FCE83;
transition: color 0.3s ease;
}
.nav-container > ul > li .sub-menu {
list-style-type: none;
display: flex;
flex-direction: column;
gap: 10px;
display: none;
}
.nav-container > ul > li .sub-menu li a .acs-menu-item-icon {
display: none;
}
.nav-container > ul > li .sub-menu li a .acs-menu-item-title-row {
display: none;
}
.nav:hover {
width: 250px;
transition: width 0.3s ease;
}
.nav:hover .nav-container > ul {
align-items: flex-start;
justify-content: flex-start;
}
.nav:hover .nav-container > ul > li > a .acs-menu-item {
display: flex;
}
.nav:hover .nav-container > ul > li > a .acs-menu-item-title-row {
opacity: 1;
pointer-events: all;
transition: opacity 0.3s ease;
}
.search-bar {
z-index: 2;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 20px;
height: 50px;
}
.search-bar-label {
z-index: 3;
position: absolute;
top: 12px;
left: 20px;
max-width: calc(100% - 20px - 40px);
overflow: hidden;
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
font-size: 1rem;
pointer-events: none;
transition: top 0.3s ease, font-size 0.3s ease;
}
.search-bar-label p {
margin: 0;
white-space: nowrap;
}
.search-bar-label.active {
top: 4px;
font-size: 0.6rem;
transition: top 0.3s ease, font-size 0.3s ease;
}
.search-bar .search-form {
z-index: 2;
position: relative;
display: flex;
align-items: center;
width: 100%;
border-radius: 10px;
background: #E4E5E6;
}
.search-bar .search-form.hasResult {
border-radius: 10px 10px 0 0;
}
.search-bar .search-form label {
width: 100%;
height: 100%;
}
.search-bar .search-form label .search-field {
width: 100%;
height: 100%;
padding: 0 20px;
border: none;
background: none;
outline: 0;
}
.search-bar .search-form #rlvlive_1 .relevanssi-live-search-results {
left: 0 !important;
top: 50px !important;
border: 0;
border-radius: 0 0 10px 10px;
box-shadow: 0 0 20px 0 rgba(30, 39, 46, 0.1);
}
.search-bar .search-form #rlvlive_1 .relevanssi-live-search-results .ajax-results .relevanssi-live-search-result-status p {
color: rgba(30, 39, 46, 0.3);
}
.search-bar .search-form #rlvlive_1 .relevanssi-live-search-results .ajax-results .relevanssi-live-search-result p a {
color: #1E272E;
text-decoration: none;
transition: color 0.3s ease;
display: flex;
justify-content: space-between;
}
.search-bar .search-form #rlvlive_1 .relevanssi-live-search-results .ajax-results .relevanssi-live-search-result p a span {
color: rgba(30, 39, 46, 0.3);
}
.search-bar .search-form #rlvlive_1 .relevanssi-live-search-results .ajax-results .relevanssi-live-search-result p a:hover {
color: #2FCE83;
transition: color 0.3s ease;
}
.search-bar .search-form #rlvlive_1 .relevanssi-live-search-results .ajax-results .relevanssi-live-search-result p a:hover span {
color: rgba(30, 39, 46, 0.3);
}
.search-bar .search-form .rlv-has-spinner {
border-color: #FFCA3F;
border-right-color: transparent;
}
.search-bar .search-form .rlv-has-spinner::after {
background-color: #FFCA3F;
}
.social {
z-index: 10;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
gap: 20px;
padding: 0 20px;
height: 50px;
border-radius: 10px;
background: rgba(30, 39, 46, 0.1);
}
.social-title {
margin: 0;
line-height: 50px;
font-size: 1rem;
font-weight: 500;
color: rgba(30, 39, 46, 0.3);
}
.social-list {
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 20px;
list-style-type: none;
}
.social-list .social-item a {
display: flex;
align-items: center;
position: relative;
text-decoration: none;
}
.social-list .social-item a i {
font-size: 1.5rem;
color: #1E272E;
transition: color 0.3s ease;
}
.social-list .social-item a p {
position: absolute;
top: calc(100% + 30px);
left: 50%;
transform: translateX(-50%);
width: auto;
padding: 5px 10px;
border-radius: 50px;
background: #1E272E;
color: #FAFAFA;
white-space: nowrap;
opacity: 0;
font-size: 0.8rem;
pointer-events: none;
transition: opacity 0.3s ease, top 0.3s ease;
}
.social-list .social-item a p:before {
content: "";
position: absolute;
bottom: calc(100% - 1px);
left: 50%;
transform: translateX(-50%);
width: 15px;
height: 10px;
clip-path: polygon(50% 50%, 0% 100%, 100% 100%);
background: #1E272E;
}
.social-list .social-item a:hover i {
color: #FFCA3F;
transition: color 0.3s ease;
}
.social-list .social-item a:hover p {
top: calc(100% + 10px);
opacity: 1;
pointer-events: all;
transition: opacity 0.3s ease, top 0.3s ease;
}
.social-list.left .social-item a p {
left: -20px;
transform: unset;
}
.social-list.left .social-item a p:before {
left: 20px;
transform: unset;
}
.social-list.right .social-item a p {
right: -20px;
left: unset;
transform: unset;
}
.social-list.right .social-item a p:before {
right: 20px;
left: unset;
transform: unset;
}
.social-list.base .social-item a i {
color: #FAFAFA;
}
.social-list.base .social-item a:hover i {
color: #FFCA3F;
transition: color 0.3s ease;
}
.social-list.contrast .social-item a i {
color: #1E272E;
}
.social-list.contrast .social-item a:hover i {
color: #FFCA3F;
transition: color 0.3s ease;
}
.social-list.primary .social-item a i {
color: #FFCA3F;
}
.social-list.primary .social-item a:hover i {
color: #FFCA3F;
transition: color 0.3s ease;
}
.social-list.secondary .social-item a i {
color: #2FCE83;
}
.social-list.secondary .social-item a:hover i {
color: #2FCE83;
transition: color 0.3s ease;
}
[data-reveal] {
opacity: 0;
translate: 0 100px;
transition: translate 0.3s ease, opacity 0.3s ease;
}
.cp-accordeon {
position: relative;
border-bottom: 1px solid #FFCA3F;
}
.cp-accordeon header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.cp-accordeon header .cp-accordeon-title {
display: flex;
flex-direction: row;
gap: 10px;
align-items: baseline;
font-size: clamp(20px, 1.6vw, 25px);
color: #1E272E;
padding: 20px 0;
margin: 0;
}
.cp-accordeon header .cp-accordeon-title .cp-accordeon-icon {
font-size: 1.6rem;
color: #FFCA3F;
}
.cp-accordeon header .cp-accordeon-more {
position: relative;
display: block;
width: 40px;
height: 40px;
}
.cp-accordeon header .cp-accordeon-more:before, .cp-accordeon header .cp-accordeon-more:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform-origin: 50% 50%;
border-radius: 25px;
width: 15px;
height: 3px;
background: #1e272e;
transition: transform 0.3s ease;
}
.cp-accordeon header .cp-accordeon-more:before {
transform: translate(-50%, -50%) rotate(0deg);
}
.cp-accordeon header .cp-accordeon-more:after {
transform: translate(-50%, -50%) rotate(90deg);
}
.cp-accordeon main {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 0.3s ease, padding 0.3s ease, max-height 0.3s ease;
display: flex;
flex-direction: column;
gap: 20px;
}
.cp-accordeon main > * {
margin: 0;
}
.cp-accordeon main ul {
padding-left: 20px;
}
.cp-accordeon main ul li {
position: relative;
list-style-type: none;
margin-bottom: 10px;
}
.cp-accordeon main ul li:before {
content: "";
position: absolute;
left: -20px;
top: 11px;
width: 10px;
height: 3px;
background: #FFCA3F;
}
.cp-accordeon main ol {
padding-left: 20px;
}
.cp-accordeon main ol li {
position: relative;
margin-bottom: 10px;
}
.cp-accordeon main ol li::marker {
color: #FFCA3F;
}
.cp-accordeon.active header .cp-accordeon-more:before, .cp-accordeon.active header .cp-accordeon-more:after {
transition: transform 0.3s ease;
}
.cp-accordeon.active header .cp-accordeon-more:before {
transform: translate(-50%, -50%) rotate(180deg);
}
.cp-accordeon.active header .cp-accordeon-more:after {
transform: translate(-50%, -50%) rotate(180deg);
}
.cp-accordeon.active main {
opacity: 1;
max-height: 1000px;
padding-bottom: 20px;
overflow: scroll;
transition: opacity 0.3s ease, padding 0.3s ease, max-height 0.6s ease;
}
.blog-post-1 {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
border-radius: 10px;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
}
.blog-post-1-thumbnail {
position: relative;
display: inline-block;
width: 100%;
font-size: 0;
overflow: hidden;
}
.blog-post-1-thumbnail a {
display: block;
width: 100%;
height: 100%;
font-size: 0;
}
.blog-post-1-thumbnail .blog-post-1-time {
z-index: 2;
position: absolute;
top: 10px;
right: 10px;
font-size: 1rem;
color: #FAFAFA;
text-shadow: 0 0 5px rgba(30, 39, 46, 0.1);
}
.blog-post-1-thumbnail img {
border-radius: 10px;
z-index: 1;
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
object-position: center;
transition: transform 0.3s ease;
}
.blog-post-1-content {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0 20px 20px 20px;
}
.blog-post-1-content-category {
margin: 0;
}
.blog-post-1-content-date {
font-size: 0.8rem;
margin: 0;
}
.blog-post-1-content-title {
margin: 0;
font-size: 20px;
line-height: 1.2;
}
.blog-post-1-content-title a {
color: #1E272E;
text-decoration: none;
font-weight: 400;
}
.blog-post-1-content-excerpt {
margin: 0;
}
.blog-post-1-content-more {
font-weight: 700;
}
.blog-post-1.horizontal {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: clamp(20px, 2.7vw, 40px);
}
.blog-post-1.horizontal .blog-post-1-thumbnail {
height: 100%;
}
.blog-post-1.horizontal .blog-post-1-thumbnail a {
height: 100%;
}
.blog-post-1.horizontal .blog-post-1-thumbnail img {
display: block;
height: 100%;
}
.blog-post-1:hover .blog-post-1-thumbnail img {
transform: scale(1.1);
transition: transform 0.3s ease;
}
.blog-post-1:hover .blog-post-1-content-title a {
color: #FFCA3F;
}
@media screen and (max-width: 768px) {
.blog-post-1.horizontal {
grid-template-columns: 1fr;
}
}
.blog-post-2 {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
gap: 20px;
}
.blog-post-2-link {
position: relative;
display: block;
width: 100%;
height: 100%;
}
.blog-post-2-link img {
z-index: 1;
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.blog-post-2-link .blog-post-2-time {
z-index: 2;
position: absolute;
top: 10px;
right: 10px;
color: #FAFAFA;
}
.blog-post-2-link .blog-post-2-content {
z-index: 2;
position: absolute;
bottom: 20px;
left: 20px;
width: calc(100% - 40px);
}
.blog-post-2-link .blog-post-2-content-category {
position: relative;
margin-bottom: 10px;
color: #FAFAFA;
}
.blog-post-2-link .blog-post-2-content-date {
position: relative;
font-size: 0.8rem;
color: #FAFAFA;
}
.blog-post-2-link .blog-post-2-content-title {
position: relative;
color: #FAFAFA;
margin-bottom: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border: 0;
background: #c0392b;
color: #FAFAFA;
margin: clamp(20px, 2.7vw, 40px) 0;
padding: 10px 20px;
}
.wpcf7 form.sent .wpcf7-response-output {
border: 0;
background: #2FCE83;
color: #FAFAFA;
padding: 10px 20px;
margin: clamp(20px, 2.7vw, 40px) 0;
}
.wpcf7 .wpcf7-not-valid-tip {
position: absolute;
bottom: calc(100% + 3px);
right: 10px;
color: #c0392b;
font-size: 0.6rem;
}
.wpcf7 .optin {
margin-bottom: clamp(20px, 2.7vw, 40px);
}
.wpcf7 .optin label {
display: flex;
}
.wpcf7 .optin label .wpcf7-list-item-label {
order: 2;
}
.wpcf7 .optin label input {
order: 1;
}
.wpcf7 .optin .wpcf7-list-item {
display: flex;
justify-content: flex-start;
margin-left: 0;
}
.wpcf7 .optin .wpcf7-list-item-label {
opacity: 0.8;
font-size: 0.9rem;
}
.wpcf7 .optin input[type=checkbox] {
width: 30px;
height: 30px;
min-width: 30px;
border-radius: 5px;
border: 1px solid #2FCE83;
margin-right: clamp(10px, 1.3vw, 20px);
}
.wpcf7 .optin .wpcf7-not-valid-tip {
position: absolute;
left: 0;
right: unset;
font-size: 0.6rem;
}
.wpcf7 .submit {
text-align: left;
}
.wpcf7 .submit br {
display: none;
}
.wpcf7 .submit button {
background: #2FCE83;
color: #1E272E;
border: 0;
font-weight: bold;
}
.acsForm-container {
display: flex;
flex-direction: column;
gap: clamp(20px, 2.7vw, 40px);
margin-bottom: clamp(20px, 2.7vw, 40px);
}
.acsForm-container .row {
display: flex;
justify-content: space-between;
gap: clamp(20px, 2.7vw, 40px);
}
.acsForm-container .row > * {
flex: 1;
}
.acsForm-container .row p {
margin: 0;
}
.acsForm-container .input {
position: relative;
}
.acsForm-container .input p {
margin: 0;
}
.acsForm-container .input br {
display: none;
}
.acsForm-container .input label {
z-index: 1;
position: absolute;
top: 13px;
left: 20px;
color: #FAFAFA;
pointer-events: none;
font-size: 1rem;
transition: font-size 0.3s ease, top 0.3s ease;
}
.acsForm-container .input label.active {
font-size: 0.6rem;
top: 3px;
transition: font-size 0.3s ease, top 0.3s ease;
}
.acsForm-container .input input[type=text],
.acsForm-container .input input[type=email],
.acsForm-container .input input[type=tel] {
z-index: 0;
position: relative;
display: block;
width: 100%;
padding-left: 20px;
padding-top: 2px;
border: 0;
border-left: 5px solid #2FCE83;
background: #1E272E;
color: #FAFAFA;
height: 50px;
font-size: 1rem;
font-family: var(--wp--preset--font-family--body);
}
.acsForm-container .input textarea {
display: block;
width: 100%;
height: 330px;
padding: 16px 20px 30px;
border: unset;
resize: none;
background: #1E272E;
border-left: 5px solid #2FCE83;
color: #FAFAFA;
font-size: 1rem;
font-family: var(--wp--preset--font-family--body);
}
.acsForm-container .input select {
position: relative;
display: block;
width: 100%;
height: 50px;
background: #1E272E;
color: #FAFAFA;
padding: 0 11px;
border-left: 5px solid #2FCE83;
font-size: 1rem;
font-family: var(--wp--preset--font-family--body);
}
@media screen and (max-width: 768px) {
.acsForm-container .row {
flex-direction: column;
}
}
.faq-1-list {
list-style-type: none;
display: flex;
flex-direction: column;
gap: 10px;
}
.faq-1-list li .faq-1-title {
padding: 20px clamp(20px, 2vw, 30px);
color: #FAFAFA;
background: #1E272E;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 20px;
cursor: pointer;
transition: color 0.3s ease;
}
.faq-1-list li .faq-1-title span {
position: relative;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.faq-1-list li .faq-1-title span:before {
content: "";
position: absolute;
top: 50%;
translate: 0 -50%;
left: 2px;
width: 16px;
height: 2px;
background: #FAFAFA;
transform-origin: center;
transition: transform 0.3s ease;
}
.faq-1-list li .faq-1-title span:after {
content: "";
position: absolute;
top: 7px;
left: 9px;
width: 2px;
height: 16px;
background: #FAFAFA;
transform-origin: center;
opacity: 1;
transition: transform 0.3s ease, opacity 0.1s ease;
}
.faq-1-list li .faq-1-content {
padding: 0 clamp(20px, 2vw, 30px);
max-height: 0;
background: #FAFAFA;
overflow: hidden;
transition: max-height 0.3s ease, color 0.3s ease, padding 0.3s ease;
}
.faq-1-list li.active .faq-1-title {
transition: color 0.3s ease;
}
.faq-1-list li.active .faq-1-title span:before {
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.faq-1-list li.active .faq-1-title span:after {
transform: rotate(90deg);
opacity: 0;
transition: transform 0.3s ease, opacity 0.6s ease;
}
.faq-1-list li.active .faq-1-content {
max-height: 100vh;
overflow: hidden;
color: #1E272E;
padding: 20px clamp(20px, 2vw, 30px);
transition: max-height 0.3s ease, color 0.3s ease, padding 0.3s ease;
}
.entete {
z-index: 1;
position: relative;
}
.entete:before {
z-index: -1;
content: "";
position: absolute;
top: 0;
width: 100vw;
height: 100%;
background: linear-gradient(0deg, #F7B731 0%, #FFCA3F 60%, #FFCA3F 100%);
}
.entete.hasThumbnail:before {
height: calc(100% - clamp(200px, 25vw, 380px));
}
.entete.isPrestations {
margin-bottom: 120px;
}
.entete.isPrestations:before {
height: calc(100% - clamp(100px, 13.5vw, 200px));
}
@media screen and (max-width: 1200px) {
.entete.isPrestations {
margin-bottom: 0;
}
}
.entete-container {
position: relative;
display: flex;
flex-direction: column;
padding: 40px 0;
}
.entete-container .entete-breadcrumbs {
margin-bottom: 10px;
}
.entete-container .entete-title {
margin-bottom: 20px;
}
.entete-container .entete-mission {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
gap: 10px;
list-style-type: none;
}
.entete-container .entete-mission li.category {
font-size: 1rem;
}
.entete-container .entete-mission li.tag {
font-size: 0.9rem;
padding: 2px 5px;
border-radius: 5px;
background: rgba(250, 250, 250, 0.2);
}
.entete-container .entete-single {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
margin: 10px 0;
}
.entete-container .entete-single p {
margin: 0;
}
.entete-container .entete-thumbnail {
width: 100%;
font-size: 0;
}
.entete-container .entete-thumbnail img {
width: 100%;
object-fit: cover;
object-position: center;
aspect-ratio: 16/9;
border-radius: 10px;
}
@media screen and (min-width: 1480px) {
.entete:before {
left: calc((0vw + 2 * clamp(20px, 2.7vw, 40px) + 80px) * -1);
}
}
@media screen and (max-width: 1480px) {
.entete:before {
left: calc((0px + 2 * clamp(20px, 2.7vw, 40px) + 80px) * -1);
}
}
@media screen and (max-width: 992px) {
.entete:before {
left: calc(clamp(20px, 2.7vw, 40px) * -1);
}
}
.wp-admin .entete:before {
left: 50%;
transform: translate(-50%);
}
.entete-prestations {
font-size: 0;
}
.entete-prestations-image {
font-size: 0;
}
.entete-prestations-list {
list-style-type: none;
position: absolute;
left: 20px;
width: calc(100% - 40px);
display: flex;
flex-direction: row;
gap: 0;
background: rgb(235.1920731707, 236.3048780488, 238.3079268293);
border-radius: 10px;
margin-top: -40px;
}
@media screen and (max-width: 1200px) {
.entete-prestations-list {
position: relative;
flex-wrap: wrap;
}
}
@media screen and (max-width: 992px) {
.entete-prestations-list {
position: relative;
flex-wrap: wrap;
}
}
@media screen and (max-width: 768px) {
.entete-prestations-list {
margin-top: 20px;
width: 100%;
left: 0;
}
}
.entete-prestations-list li {
position: relative;
flex: 1;
padding: 20px;
border-radius: 10px;
cursor: pointer;
}
@media screen and (max-width: 1200px) {
.entete-prestations-list li {
flex: unset;
width: 50%;
}
}
@media screen and (max-width: 768px) {
.entete-prestations-list li {
width: 100%;
}
}
.entete-prestations-list li:after {
content: "";
position: absolute;
top: 20px;
right: 0;
width: 1px;
height: calc(100% - 40px);
background: rgba(30, 39, 46, 0.1);
}
.entete-prestations-list li:last-child:after {
display: none;
}
.entete-prestations-list li p {
color: #1E272E;
margin: 0;
font-size: 1rem;
transition: color 0.3s ease;
}
.entete-prestations-list li .title {
font-weight: bold;
font-size: clamp(18px, 1.5vw, 22px);
margin-bottom: 10px;
}
.entete-prestations-list li.active {
background: #2FCE83;
transition: background-color 0.3s ease;
}
.entete-prestations-list li.active p {
color: #FAFAFA;
transition: color 0.3s ease;
}
.entete-prestations-list li:hover {
background: #2FCE83;
transition: background-color 0.3s ease;
}
.entete-prestations-list li:hover p {
color: #FAFAFA;
transition: color 0.3s ease;
}
.block-section-start {
display: none;
}
.block-section-start.active {
display: block;
}
.block-kaizen {
display: flex;
flex-direction: column;
gap: clamp(20px, 2.7vw, 40px);
}
.block-kaizen-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: clamp(20px, 2.7vw, 40px);
list-style-type: none;
}
@media screen and (max-width: 768px) {
.block-kaizen-list {
grid-template-columns: 1fr;
}
}
.block-kaizen-list .block-kaizen-item {
display: flex;
flex-direction: column;
gap: 10px;
border-top: 5px solid #2FCE83;
background: rgba(166, 171, 180, 0.1);
padding: clamp(20px, 2vw, 30px);
}
.block-kaizen-list .block-kaizen-item h3 {
margin: 0;
font-weight: bold;
}
.block-kaizen-list .block-kaizen-item h3 input[type=checkbox] {
width: 20px;
height: 20px;
}
.block-kaizen-list .block-kaizen-item h3 input[type=checkbox].lock {
pointer-events: none;
}
.block-kaizen-list .block-kaizen-item .tarif {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0 10px;
}
.block-kaizen-list .block-kaizen-item .tarif-price {
font-size: clamp(24px, 2.4vw, 36px);
font-weight: bold;
margin: 0;
}
.block-kaizen-list .block-kaizen-item .tarif-price span {
font-size: 1rem;
}
.block-kaizen-list .block-kaizen-item .tarif-detail {
margin: 0;
font-weight: bold;
color: #a6abb4;
}
.block-kaizen-list .block-kaizen-item .content {
margin: 0;
}
.block-kaizen-list .block-kaizen-item .content hr {
border-top: 3px solid #FFCA3F;
width: 100px;
}
.block-kaizen-list .block-kaizen-item .content ul {
padding-left: 20px;
list-style-type: none;
}
.block-kaizen-list .block-kaizen-item .content ul li {
position: relative;
}
.block-kaizen-list .block-kaizen-item .content ul li:before {
content: "";
position: absolute;
top: 12px;
left: -20px;
width: 10px;
height: 3px;
background: #FFCA3F;
}
.block-kaizen-resume {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: clamp(20px, 2.7vw, 40px);
background: #2FCE83;
padding: clamp(20px, 2vw, 30px);
border-radius: 10px;
}
@media screen and (max-width: 768px) {
.block-kaizen-resume {
grid-template-columns: 1fr;
}
}
.block-kaizen-resume h3 {
color: #FAFAFA;
margin: 0 0 20px 0;
font-weight: bold;
}
.block-kaizen-resume p {
color: #FAFAFA;
margin: 0 0 20px;
}
.block-kaizen-resume-amount ul {
list-style-type: none;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
@media screen and (max-width: 992px) {
.block-kaizen-resume-amount ul {
grid-template-columns: 1fr;
}
}
.block-kaizen-resume-amount ul li {
border: 3px solid #FAFAFA;
padding: 10px;
}
.block-kaizen-resume-amount ul li h4 {
color: #FAFAFA;
margin: 0 0 20px;
font-weight: bold;
}
.block-kaizen-resume-amount ul li .price {
color: #FAFAFA;
margin: 0;
}
.block-kaizen-resume-amount ul li .price span {
color: #FAFAFA;
}
.block-kaizen-resume-amount ul li .price span.small {
font-size: 1rem;
}
.block-kaizen-resume-amount ul li .price-amount {
font-size: var(--wp--preset--font-size--x-large);
font-weight: bold;
}
.block-kaizen-resume-amount ul li .time {
margin: 0;
}