@charset "UTF-8";

* {
margin: 0;
padding: 0;
box-sizing: border-box;
scroll-behavior: smooth;
}
html,
body {
font-family: "Ubuntu", sans-serif;
font-weight: 400;
font-style: normal;
background: #FAFAFA;
color: #1E272E;
}
html.scroll-stop,
body.scroll-stop {
height: 100vh;
overflow: hidden;
} #wpadminbar {
display: none;
}
.wp-admin #wpadminbar {
display: block;
}
html {
margin-top: 0 !important;
}
.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;
}  @keyframes burgerMenu-1 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(225deg);
}
}
@keyframes burgerMenu-2 {
0% {
opacity: 1;
margin-top: 0;
margin-bottom: 3px;
}
100% {
opacity: 0;
margin-top: -4px;
margin-bottom: -3px;
}
}
@keyframes burgerMenu-3 {
0% {
transform: rotate(0);
}
100% {
transform: rotate(135deg);
}
}
.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;
}
}
.main {
padding-bottom: 40px;
}
.main-container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 clamp(20px, 2.7vw, 40px);
display: grid;
grid-template-columns: 80px 1fr 275px;
grid-gap: clamp(20px, 2.7vw, 40px);
}
.main-container .main-nav {
z-index: 10;
top: 100px;
position: sticky;
width: 100%;
height: 10px;
}
.main-container .main-aside {
margin-top: 40px;
top: 0px;
z-index: 10;
width: 275px;
display: flex;
flex-direction: column;
gap: 20px;
}
@media screen and (max-width: 992px) {
.main-container {
grid-template-columns: 1fr;
grid-template-areas: "b" "c";
}
.main-container .main-nav {
display: none;
}
.main-container .main-content {
grid-area: b;
}
.main-container .main-aside {
grid-area: c;
}
.main-container .main-aside {
top: 0;
position: relative;
width: 100%;
margin-top: 20px;
height: auto;
}
.main-container .main-aside .filtre {
display: none;
}
}
a {
color: #FFCA3F;
transition: color 0.3s ease;
}
a:hover {
color: #F7B731;
transition: color 0.3s ease;
}
[target=_blank] {
cursor: alias;
}
.alignwide {
position: relative;
width: clamp(860px, 86.4864864865vw, 1280px);
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.alignwide {
width: calc(100% - 40px);
margin-left: 20px;
margin-right: 20px;
}
}
.alignfull {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100vw;
margin-left: 0;
margin-right: 0;
}
.alignleft {
position: relative;
width: 860px;
left: calc((100vw - 860px) / 2 * -1);
}
.alignleft.is-resized {
width: unset;
}
.alignright {
position: relative;
width: 860px;
right: calc((100vw - 860px) / 2 * -1);
}
@keyframes lettre {
0% {
top: 100px;
}
100% {
top: 0;
}
}
@keyframes trait {
0% {
height: 0;
}
100% {
height: 100%;
}
}
.page-home {
display: grid;
grid-template-columns: clamp(500px, 65.5vw, 65.5vw) 1fr;
height: 100vh;
overflow: hidden;
}
.page-home-visuel {
z-index: 1;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100vh;
padding-left: clamp(40px, 4.7vw, 4.7vw);
}
.page-home-visuel header {
z-index: 1;
position: relative;
margin-top: clamp(20px, 2.7vw, 2.7vw);
}
.page-home-visuel header .page-home-logo {
position: relative;
}
.page-home-visuel main {
z-index: 1;
position: absolute;
top: 20vh;
}
.page-home-visuel main .page-home-title {
color: #FAFAFA;
text-shadow: 0 0 10px rgba(30, 39, 46, 0.1);
font-size: clamp(40px, 3.7vw, 3.7vw);
line-height: clamp(60px, 5.4vw, 5.4vw);
font-family: var(--wp--preset--font-family--heading);
}
.page-home-visuel main .page-home-title .word {
display: inline-block;
position: relative;
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.page-home-visuel main .page-home-title .word .char {
position: relative;
display: inline-block;
top: 150px;
animation: lettre 0.5s ease forwards;
}
.page-home-visuel main .page-home-title .word .char:nth-child(1) {
animation-delay: calc(0.05s * 1);
}
.page-home-visuel main .page-home-title .word .char:nth-child(2) {
animation-delay: calc(0.05s * 2);
}
.page-home-visuel main .page-home-title .word .char:nth-child(3) {
animation-delay: calc(0.05s * 3);
}
.page-home-visuel main .page-home-title .word .char:nth-child(4) {
animation-delay: calc(0.05s * 4);
}
.page-home-visuel main .page-home-title .word .char:nth-child(5) {
animation-delay: calc(0.05s * 5);
}
.page-home-visuel main .page-home-title .word .char:nth-child(6) {
animation-delay: calc(0.05s * 6);
}
.page-home-visuel main .page-home-title .word .char:nth-child(7) {
animation-delay: calc(0.05s * 7);
}
.page-home-visuel main .page-home-title .word .char:nth-child(8) {
animation-delay: calc(0.05s * 8);
}
.page-home-visuel main .page-home-title .word .char:nth-child(9) {
animation-delay: calc(0.05s * 9);
}
.page-home-visuel main .page-home-title .word .char:nth-child(10) {
animation-delay: calc(0.05s * 10);
}
.page-home-visuel main .page-home-title .word .char:nth-child(11) {
animation-delay: calc(0.05s * 11);
}
.page-home-visuel main .page-home-title .word .char:nth-child(12) {
animation-delay: calc(0.05s * 12);
}
.page-home-visuel main .page-home-title .word .char:nth-child(13) {
animation-delay: calc(0.05s * 13);
}
.page-home-visuel main .page-home-title .word .char:nth-child(14) {
animation-delay: calc(0.05s * 14);
}
.page-home-visuel main .page-home-title .word .char:nth-child(15) {
animation-delay: calc(0.05s * 15);
}
.page-home-visuel main .page-home-title .word .char:nth-child(16) {
animation-delay: calc(0.05s * 16);
}
.page-home-visuel main .page-home-title .word .char:nth-child(17) {
animation-delay: calc(0.05s * 17);
}
.page-home-visuel main .page-home-title .word .char:nth-child(18) {
animation-delay: calc(0.05s * 18);
}
.page-home-visuel main .page-home-title .word .char:nth-child(19) {
animation-delay: calc(0.05s * 19);
}
.page-home-visuel main .page-home-title .word .char:nth-child(20) {
animation-delay: calc(0.05s * 20);
}
.page-home-visuel main .page-home-title .word .char:nth-child(21) {
animation-delay: calc(0.05s * 21);
}
.page-home-visuel main .page-home-title .word .char:nth-child(22) {
animation-delay: calc(0.05s * 22);
}
.page-home-visuel main .page-home-title .word .char:nth-child(23) {
animation-delay: calc(0.05s * 23);
}
.page-home-visuel main .page-home-title .word .char:nth-child(24) {
animation-delay: calc(0.05s * 24);
}
.page-home-visuel main .page-home-title .word .char:nth-child(25) {
animation-delay: calc(0.05s * 25);
}
.page-home-visuel main .page-home-title .word .char:nth-child(26) {
animation-delay: calc(0.05s * 26);
}
.page-home-visuel main .page-home-title .word .char:nth-child(27) {
animation-delay: calc(0.05s * 27);
}
.page-home-visuel main .page-home-title .word .char:nth-child(28) {
animation-delay: calc(0.05s * 28);
}
.page-home-visuel main .page-home-title .word .char:nth-child(29) {
animation-delay: calc(0.05s * 29);
}
.page-home-visuel main .page-home-title .word .char:nth-child(30) {
animation-delay: calc(0.05s * 30);
}
.page-home-visuel main .page-home-title .word .char:nth-child(31) {
animation-delay: calc(0.05s * 31);
}
.page-home-visuel main .page-home-title .word .char:nth-child(32) {
animation-delay: calc(0.05s * 32);
}
.page-home-visuel main .page-home-title .word .char:nth-child(33) {
animation-delay: calc(0.05s * 33);
}
.page-home-visuel main .page-home-title .word .char:nth-child(34) {
animation-delay: calc(0.05s * 34);
}
.page-home-visuel main .page-home-title .word .char:nth-child(35) {
animation-delay: calc(0.05s * 35);
}
.page-home-visuel main .page-home-title .word .char:nth-child(36) {
animation-delay: calc(0.05s * 36);
}
.page-home-visuel main .page-home-title .word .char:nth-child(37) {
animation-delay: calc(0.05s * 37);
}
.page-home-visuel main .page-home-title .word .char:nth-child(38) {
animation-delay: calc(0.05s * 38);
}
.page-home-visuel main .page-home-title .word .char:nth-child(39) {
animation-delay: calc(0.05s * 39);
}
.page-home-visuel main .page-home-title .word .char:nth-child(40) {
animation-delay: calc(0.05s * 40);
}
.page-home-visuel main .page-home-title .word.active .char {
top: 0;
transition: top 0.3s ease;
transition-delay: 1s;
}
.page-home-visuel main .page-home-title .stroke {
color: rgba(250, 250, 250, 0);
-webkit-text-stroke-width: 1.5px;
-webkit-text-stroke-color: #FAFAFA;
}
.page-home-visuel footer {
z-index: 10;
position: relative;
margin-bottom: 1.3vw;
}
.page-home-visuel footer .page-home-copyright p {
color: #FAFAFA;
margin: 0;
}
.page-home-visuel footer .page-home-copyright p i {
color: #FFCA3F;
}
.page-home-visuel footer .page-home-copyright p a {
position: relative;
color: #FAFAFA;
text-decoration: none;
transition: color 0.3s ease;
}
.page-home-visuel footer .page-home-copyright p a:before, .page-home-visuel footer .page-home-copyright p a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
}
.page-home-visuel footer .page-home-copyright p a:before {
width: 100%;
background: #FAFAFA;
}
.page-home-visuel footer .page-home-copyright p a:after {
width: 0;
background: #1E272E;
transition: width 0.3s ease;
}
.page-home-visuel footer .page-home-copyright p a:hover {
color: #1E272E;
transition: color 0.3s ease;
}
.page-home-visuel footer .page-home-copyright p a:hover:after {
width: 100%;
transition: width 0.3s ease;
}
.page-home-visuel .page-home-background {
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.page-home-visuel .page-home-background .background {
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.page-home-visuel .page-home-background .traits {
z-index: 1;
position: relative;
padding: 0 clamp(30px, 4vw, 4vw);
display: flex;
justify-content: space-between;
height: 0;
animation: trait 2s ease forwards;
animation-delay: 1s;
}
.page-home-visuel .page-home-background .traits span {
display: block;
width: 1px;
height: 100%;
background: rgba(250, 250, 250, 0.4);
}
.page-home-visuel .page-home-photo {
z-index: 2;
position: absolute;
opacity: 0;
bottom: 0;
right: -150px;
height: clamp(300px, 65vh, 65vh);
font-size: 0;
pointer-events: none;
animation: photo 1.5s ease forwards;
animation-delay: 1.5s;
}
@keyframes photo {
0% {
opacity: 0;
right: -150px;
}
100% {
opacity: 1;
right: calc(clamp(0px, 10.1vw, 100px) * -1);
}
}
.page-home-visuel .page-home-photo img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: left bottom;
}
.page-home-content {
position: relative;
display: flex;
flex-direction: column;
gap: clamp(20px, 2.7vw, 40px);
padding: 0 clamp(20px, 2vw, 30px);
background: #FAFAFA;
height: 100vh;
}
.page-home-content header {
margin-top: auto;
}
.page-home-content header .logo {
width: clamp(200px, 13.5vw, 13.5vw);
margin: 0 auto;
}
.page-home-content header .logo img {
width: 100%;
}
.page-home-content header .title {
font-size: clamp(20px, 1.6vw, 1.6vw);
font-weight: clamp(30px, 2.3vw, 2.3vw);
color: rgba(30, 39, 46, 0.8);
text-align: center;
margin: 20px 0 10px;
}
.page-home-content header .slogan {
color: rgba(30, 39, 46, 0.4);
text-align: center;
font-size: clamp(1rem, 1vw, 1vw);
}
.page-home-content main p {
margin-top: 0;
margin-bottom: 20px;
font-weight: bold;
text-transform: uppercase;
color: #1E272E;
text-align: center;
}
.page-home-content main ul {
list-style-type: none;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.page-home-content main ul li .button {
text-align: center;
width: clamp(200px, 17.6vw, 17.6vw);
}
.page-home-content footer {
position: relative;
margin-top: auto;
margin-bottom: clamp(20px, 1.3vw, 1.3vw);
width: 100%;
}
.page-home-content footer .copyright-menu ul {
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.page-home-content footer .copyright-menu ul li a {
color: #1E272E;
font-size: 0.8rem;
}
.page-home-content footer .copyright-text {
display: none;
}
@media screen and (max-width: 992px) {
.page-home {
height: auto;
overflow: visible;
grid-template-columns: 1fr;
}
.page-home .page-home-visuel {
height: 70vh;
justify-content: flex-start;
}
.page-home .page-home-visuel main {
z-index: 1;
position: relative;
top: 0;
margin-top: 30px;
}
.page-home .page-home-visuel main .page-home-title {
font-size: clamp(40px, 3.7vw, 3.7vw);
line-height: clamp(50px, 5.4vw, 5.4vw);
}
.page-home .page-home-visuel footer {
display: none;
}
.page-home .page-home-visuel .page-home-photo {
z-index: 2;
right: 20px;
height: 70%;
font-size: 0;
pointer-events: none;
}
@keyframes photo {
0% {
opacity: 0;
right: -150px;
}
100% {
opacity: 1;
right: 0;
}
}
.page-home .page-home-visuel .page-home-photo img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: left bottom;
}
.page-home .page-home-content {
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.page-home .page-home-content footer {
width: 100%;
}
.page-home .page-home-content footer .copyright-menu {
margin-bottom: 10px;
}
.page-home .page-home-content footer .copyright-text {
display: flex;
gap: 10px;
justify-content: center;
font-size: 0.8rem;
}
.page-home .page-home-content footer .copyright-text p {
color: #1E272E;
margin: 0;
}
.page-home .page-home-content footer .copyright-text p i {
color: #FFCA3F;
}
.page-home .page-home-content footer .copyright-text p a {
position: relative;
color: #1E272E;
text-decoration: none;
transition: color 0.3s ease;
}
.page-home .page-home-content footer .copyright-text p a:before, .page-home .page-home-content footer .copyright-text p a:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
}
.page-home .page-home-content footer .copyright-text p a:before {
width: 100%;
background: #1E272E;
}
.page-home .page-home-content footer .copyright-text p a:after {
width: 0;
background: #FFCA3F;
transition: width 0.3s ease;
}
.page-home .page-home-content footer .copyright-text p a:hover {
color: #FFCA3F;
transition: color 0.3s ease;
}
.page-home .page-home-content footer .copyright-text p a:hover:after {
width: 100%;
transition: width 0.3s ease;
}
}
@media screen and (max-width: 768px) {
.page-home .page-home-visuel main .page-home-title {
font-size: 30px;
line-height: 40px;
}
.page-home .page-home-visuel .page-home-photo {
right: 40px;
height: 50%;
}
}
.page-blog .main-container {
max-width: 100%;
}
.page-intermediaire-list {
list-style-type: none;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: clamp(30px, 4vw, 60px);
margin-bottom: clamp(90px, 10.1vw, 150px);
margin-top: clamp(90px, 10.1vw, 150px);
}
.page-intermediaire-item {
position: relative;
width: 100%;
box-shadow: 0 0 40px rgba(30, 39, 46, 0.2);
aspect-ratio: 16/9;
}
.page-intermediaire-item-link {
display: block;
width: 100%;
height: 100%;
color: #FAFAFA;
}
.page-intermediaire-item-title {
z-index: 2;
position: absolute;
bottom: 20px;
left: 20px;
width: calc(100% - 40px);
color: #FAFAFA;
pointer-events: none;
}
.page-intermediaire-item-image {
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.page-intermediaire-item-image img {
z-index: 1;
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: width 0.3s ease, height 0.3s ease, top 0.3s ease, left 0.3s ease;
}
.page-intermediaire-item-image-gradient {
z-index: 2;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #1E272E;
opacity: 0.2;
}
.page-intermediaire-item-image:hover img {
width: 110%;
height: 110%;
top: -5%;
left: -5%;
transition: width 0.3s ease, height 0.3s ease, top 0.3s ease, left 0.3s ease;
}
@media screen and (max-width: 768px) {
.page-intermediaire-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 575px) {
.page-intermediaire-list {
grid-template-columns: repeat(1, 1fr);
}
}
.page-blog-categories {
display: none;
}
.page-blog-list {
list-style-type: none;
}
.page-blog-list-header {
display: grid;
grid-template-columns: 1fr 25% 10%;
grid-gap: clamp(20px, 2.7vw, 40px);
font-weight: 500;
font-size: 1.1rem;
}
.page-blog-list-header p.right {
text-align: right;
}
.page-blog-list li.hide {
display: none;
}
@media screen and (max-width: 992px) {
.page-blog-categories {
display: block;
margin-bottom: 20px;
}
.page-blog-list-header {
grid-template-columns: 1fr 25%;
}
.page-blog-list-header p.date {
display: none;
}
}
.page-missions .main-container {
max-width: 100%;
}
.page-missions-content-filtre {
display: none;
}
.page-missions-results span {
color: #2FCE83;
font-weight: bold;
}
.page-missions-list {
list-style-type: none;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(20px, 2.7vw, 40px);
margin: clamp(20px, 2.7vw, 40px) 0;
}
@media screen and (max-width: 1480px) {
.page-missions-list {
grid-template-columns: repeat(2, 1fr);
}
}
.page-missions-list > li.hide {
display: none;
}
@media screen and (max-width: 992px) {
.page-missions-content-filtre {
display: block;
margin: 20px 0;
}
}
@media screen and (max-width: 768px) {
.page-missions-list {
grid-template-columns: 1fr;
}
.page-missions-list > li {
width: 100%;
}
}
.page-prestations .main-container {
max-width: 100%;
}
.page-single-mission .main-aside {
top: 0;
position: relative;
max-height: unset;
overflow: visible;
}
.page-single-mission .aside {
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
background: #FAFAFA;
border-radius: 10px;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
}
.page-single-mission .aside-title {
position: relative;
font-size: 20px;
text-transform: uppercase;
margin: 0;
}
.page-single-mission .aside-title:after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 50px;
height: 3px;
background: #2FCE83;
}
.page-single-mission .aside-item {
display: grid;
grid-template-columns: 20px 1fr;
grid-gap: 10px;
grid-template-areas: "a b" ". c";
}
.page-single-mission .aside-item i {
grid-area: a;
color: #2FCE83;
font-size: 20px;
}
.page-single-mission .aside-item h3 {
grid-area: b;
margin: 0;
font-size: 14px;
line-height: 20px;
color: rgba(30, 39, 46, 0.7);
}
.page-single-mission .aside-item-content {
grid-area: c;
}
.page-single-mission .aside-item-content p {
margin: 0;
}
.page-single-mission .aside-item-content ul {
display: flex;
flex-direction: column;
gap: 10px;
list-style-type: none;
}
.page-single-mission .aside-item-content ul li {
position: relative;
}
.page-single-mission .aside-item-content ul li:before {
content: "";
position: absolute;
left: -20px;
top: 12px;
width: 10px;
height: 3px;
background: #FFCA3F;
}
.page-single-mission .aside-item-content img {
max-width: 100px;
}
.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;
}
.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;
}
.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;
}
}
.filtre {
width: 100%;
display: flex;
flex-direction: column;
gap: 20px;
padding: 20px;
background: #FAFAFA;
border-radius: 10px;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
}
.filtre-reset {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding: 5px 10px;
color: #c0392b;
background: rgba(228, 229, 230, 0.5);
text-decoration: none;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.filtre-reset i {
color: #c0392b;
transition: color 0.3s ease;
}
.filtre-reset:hover {
background: #c0392b;
color: #FAFAFA;
transition: background-color 0.3s ease, color 0.3s ease;
}
.filtre-reset:hover i {
color: #FAFAFA;
transition: color 0.3s ease;
}
.filtre-title {
font-size: 1rem;
text-transform: uppercase;
padding-bottom: 5px;
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #2FCE83;
cursor: pointer;
}
.filtre-title i {
font-size: 10px;
color: #2FCE83;
transition: rotate 0.3s ease;
}
.filtre-categories {
list-style-type: none;
}
.filtre-categories li {
display: flex;
gap: 10px;
line-height: 35px;
align-items: center;
cursor: pointer;
}
.filtre-categories li img {
width: 20px;
}
.filtre-categories li .category {
flex: 1;
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
font-size: 1rem;
font-weight: 500;
border-bottom: 1px solid rgba(30, 39, 46, 0.1);
transition: color 0.3s ease;
}
.filtre-categories li .check {
position: relative;
width: 15px;
height: 15px;
border: 1px solid rgba(30, 39, 46, 0.3);
}
.filtre-categories li .check i {
display: none;
position: absolute;
top: -2px;
left: 3px;
font-size: 15px;
color: #2FCE83;
}
.filtre-categories li .check.round {
border-radius: 50%;
}
.filtre-categories li.active .category {
color: #2FCE83;
transition: color 0.3s ease;
}
.filtre-categories li.active .check i {
display: block;
}
.filtre-categories li:hover .category {
color: #2FCE83;
transition: color 0.3s ease;
}
.filtre-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
list-style-type: none;
}
.filtre-tags li {
display: flex;
gap: 5px;
align-items: center;
font-size: 1rem;
color: #1E272E;
padding: 0 5px;
background: #E4E5E6;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease, color 0.3s ease;
}
.filtre-tags li i {
display: none;
color: #FAFAFA;
}
.filtre-tags li.active i {
display: block;
}
.filtre-tags li:hover {
background: #2FCE83;
color: #FAFAFA;
transition: background-color 0.3s ease, color 0.3s ease;
}
.filtre-tags li.hide {
display: none;
}
.filtre-tags li.hide.active {
display: flex;
}
.filtre-tags li.active {
background: #2FCE83;
color: #FAFAFA;
transition: background-color 0.3s ease, color 0.3s ease;
}
.filtre-tags li.active:hover {
background: #c0392b;
transition: background-color 0.3s ease, color 0.3s ease;
}
.filtre-search {
position: relative;
}
.filtre-search input {
width: 100%;
height: 40px;
line-height: 40px;
background: #E4E5E6;
border-radius: 10px;
color: #1E272E;
border: 0;
padding: 0 10px;
}
.filtre-search i {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
background: #FFCA3F;
color: #FAFAFA;
border-radius: 10px;
font-size: 20px;
pointer-events: none;
}
.filtre-section {
display: flex;
flex-direction: column;
gap: 10px;
}
.filtre-section.active .filtre-title i {
rotate: 180deg;
transform-origin: 50%;
transition: rotate 0.3s ease;
}
.filtre-section.active .filtre-categories {
max-height: 0;
overflow: hidden;
}
.filtre-section.active .filtre-tags {
max-height: 0;
overflow: hidden;
}
.filtre-section.active .filtre-search {
max-height: 0;
overflow: hidden;
}
.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;
}
.aside-share {
width: 100%;
background: #FAFAFA;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
display: flex;
flex-direction: column;
gap: 10px;
}
.aside-share h3 {
margin: 0;
font-size: 1rem;
font-weight: 700;
}
.aside-share hr {
border-top: 1px solid rgba(30, 39, 46, 0.2);
}
.aside-share-list {
list-style-type: none;
display: flex;
align-items: baseline;
gap: 10px;
}
.aside-share-list li {
font-size: 0;
}
.aside-share-list li a {
font-size: 0;
display: block !important;
}
.aside-share-list li a i {
font-size: 25px;
color: #1E272E;
transition: color 0.3s ease;
}
.aside-share-list li:hover i {
color: #2FCE83;
transition: color 0.3s ease;
}
.aside-files {
width: 100%;
background: #FAFAFA;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
display: flex;
flex-direction: column;
gap: 10px;
}
.aside-files h3 {
margin: 0;
font-size: 1rem;
font-weight: 700;
}
.aside-files hr {
border-top: 1px solid rgba(30, 39, 46, 0.2);
}
.aside-files-list {
list-style-type: none;
display: flex;
flex-direction: column;
align-items: baseline;
gap: 10px;
}
.aside-files-list li {
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
}
.aside-files-list li a {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
gap: 10px;
text-decoration: none;
}
.aside-files-list li a h4 {
margin: 0;
font-size: 0.9rem;
transition: color 0.3s ease;
}
.aside-files-list li a i {
color: #1E272E;
transition: color 0.3s ease;
}
.aside-files-list li:hover h4 {
color: #2FCE83;
transition: color 0.3s ease;
}
.aside-files-list li:hover i {
color: #2FCE83;
transition: color 0.3s ease;
}
.aside-custom_posts {
width: 100%;
background: #FAFAFA;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
display: flex;
flex-direction: column;
gap: 10px;
}
.aside-custom_posts h3 {
margin: 0;
font-size: 1rem;
font-weight: 700;
}
.aside-custom_posts hr {
border-top: 1px solid rgba(30, 39, 46, 0.2);
}
.aside-custom_posts-list {
list-style-type: none;
display: flex;
flex-direction: column;
align-items: baseline;
gap: 10px;
}
.aside-custom_posts-list li {
display: flex;
flex-direction: column;
gap: 10px;
}
.aside-custom_posts-list li a {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
text-decoration: none;
}
.aside-custom_posts-list li a img {
width: 80px;
border-radius: 5px;
object-fit: cover;
object-position: center;
}
.aside-custom_posts-list li a h4 {
margin: 0;
font-size: 0.9rem;
transition: color 0.3s ease;
}
.aside-custom_posts-list li:hover h4 {
color: #2FCE83;
transition: color 0.3s ease;
}
.aside-template {
width: 100%;
background: #FAFAFA;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
display: flex;
flex-direction: column;
gap: 10px;
}
.aside-template h3 {
margin: 0;
font-size: 1rem;
font-weight: 700;
}
.aside-template hr {
border-top: 1px solid rgba(30, 39, 46, 0.2);
}
.aside-template-list {
list-style-type: none;
display: flex;
flex-direction: column;
gap: 10px;
}
.aside-related_post {
width: 100%;
background: #FAFAFA;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
display: flex;
flex-direction: column;
gap: 10px;
}
.aside-related_post h3 {
margin: 0;
font-size: 1rem;
font-weight: 700;
}
.aside-related_post hr {
border-top: 1px solid rgba(30, 39, 46, 0.2);
}
.aside-related_post-list {
list-style-type: none;
display: flex;
flex-direction: column;
align-items: baseline;
gap: 10px;
}
.aside-related_post-list li {
display: flex;
flex-direction: column;
gap: 10px;
}
.aside-related_post-list li a {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
text-decoration: none;
}
.aside-related_post-list li a img {
width: 80px;
border-radius: 5px;
object-fit: cover;
object-position: center;
}
.aside-related_post-list li a h4 {
margin: 0;
font-size: 0.9rem;
transition: color 0.3s ease;
}
.aside-related_post-list li:hover h4 {
color: #2FCE83;
transition: color 0.3s ease;
}
.aside-prestations {
width: 100%;
background: #FAFAFA;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
display: flex;
flex-direction: column;
gap: 10px;
}
.aside-prestations h3 {
margin: 0;
font-size: 1rem;
font-weight: 700;
}
.aside-prestations hr {
border-top: 1px solid rgba(30, 39, 46, 0.2);
}
.aside-prestations-list {
list-style-type: none;
display: flex;
flex-direction: column;
align-items: baseline;
gap: 10px;
}
.aside-prestations-list li {
display: flex;
flex-direction: column;
gap: 10px;
cursor: pointer;
}
.aside-prestations-list li h4 {
margin: 0;
font-size: 1.2rem;
transition: color 0.3s ease;
}
.aside-prestations-list li p {
margin: 0;
}
.aside-prestations-list li.active h4 {
color: #2FCE83;
}
.aside-prestations-list li:hover h4 {
color: #2FCE83;
transition: color 0.3s 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;
}
.blog-post-3 {
position: relative;
width: 100%;
display: grid;
grid-template-columns: 1fr 25% 10%;
grid-gap: clamp(20px, 2.7vw, 40px);
padding: 20px 0;
}
.blog-post-3:before, .blog-post-3:after {
content: "";
position: absolute;
bottom: 0;
height: 1px;
}
.blog-post-3:before {
width: 100%;
background: rgba(30, 39, 46, 0.1);
}
.blog-post-3:after {
width: 0;
background: #2FCE83;
transition: width 0.7s ease;
}
.blog-post-3-title {
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0;
font-size: 1.1rem;
line-height: 1.2;
font-weight: 500;
}
.blog-post-3-title a {
color: #1E272E;
text-decoration: none;
}
.blog-post-3-category {
display: flex;
align-items: flex-end;
justify-content: flex-end;
text-align: right;
margin: 0;
font-size: 0.9rem;
}
.blog-post-3-date {
display: flex;
align-items: flex-end;
justify-content: flex-end;
gap: 5px;
margin: 0;
font-size: 0.9rem;
}
.blog-post-3-thumbnail {
z-index: 1;
position: absolute;
top: 50%;
right: 0;
width: 300px;
height: 200px;
transform: translateY(-50%) scale(0) rotate(-45deg);
}
.blog-post-3-thumbnail img {
border-radius: 10px;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.blog-post-3:hover:after {
width: 100%;
transition: width 0.7s ease;
}
.blog-post-3:hover .blog-post-3-title a {
color: #2FCE83;
transition: color 0.3s ease;
}
.blog-post-3:hover .blog-post-3-thumbnail {
transform: translateY(-50%) scale(1) rotate(0);
transition: transform 0.3s ease;
}
@media screen and (max-width: 992px) {
.blog-post-3 {
grid-template-columns: 1fr 25%;
}
.blog-post-3-date {
display: none;
}
}
.mission {
border-top: 5px solid #2FCE83;
background: #FAFAFA;
box-shadow: 0 0 20px rgba(30, 39, 46, 0.1);
padding: 20px;
height: 100%;
width: 100%;
cursor: pointer;
}
.mission header .mission-entreprise {
margin-bottom: 10px;
display: flex;
flex-direction: row;
gap: 20px;
align-items: baseline;
}
.mission header .mission-entreprise img {
min-width: 50px;
width: 50px;
object-fit: contain;
}
.mission header .mission-entreprise p {
margin: 0;
}
.mission header .mission-title {
margin: 0 0 10px 0;
}
.mission header .mission-categories {
list-style-type: none;
display: flex;
gap: 10px;
flex-wrap: nowrap;
overflow: scroll;
max-width: 100%;
}
@media screen and (max-width: 768px) {
.mission header .mission-categories {
max-width: calc(100vw - 80px);
}
}
.mission header .mission-categories .category {
text-decoration: none;
color: #1E272E;
font-size: 1rem;
white-space: nowrap;
transition: color 0.3s ease;
}
.mission header .mission-categories .tag {
text-decoration: none;
padding: 2px 5px;
border-radius: 5px;
font-size: 0.8rem;
background: #e4e5e6;
color: #1E272E;
white-space: nowrap;
transition: background-color 0.3s ease, color 0.3s ease;
}
.mission main {
padding-top: 20px;
margin-top: 10px;
position: relative;
}
.mission main:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background: linear-gradient(0deg, #fafafa 0%, rgba(250, 250, 250, 0) 100%);
}
.mission main .mission-main-container {
position: relative;
max-height: 200px;
overflow: scroll;
padding-bottom: 20px;
}
.mission main:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 3px;
background: #2FCE83;
}
.mission main p {
margin: 0;
}
.mission main .mission-objectifs {
margin: 10px 0 0 0;
list-style-type: none;
padding-left: 20px;
}
.mission main .mission-objectifs li {
position: relative;
margin-bottom: 10px;
}
.mission main .mission-objectifs li:before {
content: "";
position: absolute;
left: -20px;
top: 11px;
width: 10px;
height: 3px;
background: #FFCA3F;
}
.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;
}
ul.wp-block-list {
padding-left: 20px;
}
ul.wp-block-list li {
position: relative;
list-style-type: none;
margin-bottom: 10px;
}
ul.wp-block-list li:before {
content: "";
position: absolute;
left: -20px;
top: 11px;
width: 10px;
height: 3px;
background: #FFCA3F;
}
ol.wp-block-list {
padding-left: 20px;
}
ol.wp-block-list li {
position: relative;
margin-bottom: 10px;
}
ol.wp-block-list li::marker {
color: #FFCA3F;
}
.acs-custom-conseils figure {
position: relative;
height: 120%;
top: calc(-20% + 1px);
}
.acs-custom-conseils figure img {
object-fit: contain !important;
object-position: bottom;
height: 100%;
}