body {
overflow-x: hidden;
}
.trustpilot-widget-banner {
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
background-color: #d7d7dc;
padding: 20px;
}
.b2c-call-cta {
position: sticky;
display: flex;
align-items: center;
justify-content: center;
bottom: 50px;
left: 100%;
background-color: #faf532;
color: #1e1e1e;
border-radius: 10px 0 0 10px;
width: fit-content;
cursor: pointer;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
font-size: 16px;
font-family: "Syne";
}
.b2c-call-cta img {
width: 20px;
height: 20px;
}
.b2c-call-cta--desktop {
padding: 10px 20px;
gap: 20px;
transform: translateX(calc(100% - 60px));
transform-origin: right;
transition: transform 0.2s ease-in-out;
}
.b2c-call-cta--mobile img {
margin: 10px 20px;
}
.b2c-call-cta--mobile a {
padding: 10px 0;
max-width: 0;
transition: all 0.2s ease-in-out;
overflow: hidden;
white-space: nowrap;
}
.b2c-call-cta:hover,
.b2c-call-cta:active,
.b2c-call-cta:focus,
.b2c-call-cta:focus-within,
.b2c-call-cta a:hover,
.b2c-call-cta a:active,
.b2c-call-cta a:focus,
.b2c-call-cta a:focus-within {
color: #1e1e1e;
transform: translateX(0) !important;
}
.b2c-call-cta:hover a,
.b2c-call-cta:active a,
.b2c-call-cta:focus a,
.b2c-call-cta:focus-within a {
max-width: 200px;
padding-right: 20px;
}
.b2c-call-cta:focus-visible {
outline: none;
}
.spring-offer-banner {
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
background-color: #faf532;
color: #1e1e1e;
padding: 15px;
text-transform: uppercase;
font-size: 14px;
font-family: "Syne";
font-weight: 700;
z-index: 9999;
text-align: center;
}
@media (max-width: 768px) {
.spring-offer-banner {
font-size: 10px;
}
} .page-location__parents {
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
font-size: 22px;
color: #aaaad7; padding-left: 0;
padding-bottom: 20px; width: 90%;
max-width: 1366px;
margin: auto;
}
@media (max-width: 768px) { .page-location__parents {
font-size: 18px;
padding-bottom: 10px;
}
}
.page-location__parents .separator {
margin: 0 8px 0 5px;
} .page-location__intro {
padding-top: 20px;
padding-bottom: 59px;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
width: 90%;
max-width: 1366px;
margin: auto;
}
@media (max-width: 1023px) { .page-location__intro {
padding: 0;
width: 100%;
}
}
@media (max-width: 768px) { .page-location__intro {
gap: 0;
}
} .page-location__intro--archive {
font-size: 22px;
line-height: 1.3;
padding-top: 40px;
padding-bottom: 64px;
color: #1e1e1e; width: 90%;
max-width: 1366px;
margin: auto;
}
@media (max-width: 768px) {
.page-location__intro--archive {
font-size: 18px;
padding-top: 20px;
padding-bottom: 30px;
line-height: 1.5;
}
}
.page-location__intro--archive a {
text-decoration: underline;
} .page-location__intro__img {
width: 100%;
max-width: 1000px;
aspect-ratio: 16/9;
}
.page-location__intro__img img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: cover;
} .page-location__intro__text {
width: 100%;
max-width: 1200px;
margin: 0;
font-size: 22px;
line-height: 1.5;
text-align: center;
color: #1e1e1e;
}
@media (max-width: 1023px) {
.page-location__intro__text {
width: 90%;
font-size: 20px;
}
}
@media (max-width: 768px) {
.page-location__intro__text {
font-size: 18px;
margin-bottom: 20px;
}
}
.page-location__intro__text ul {
list-style: url(//decouverte.justcoaching.fr/wp-content/themes/landing-pages-child-theme/assets/img/black-arrow-right.png);
}
.page-location__intro__text ul,
.page-location__intro__text ol {
font-size: 18px;
font-weight: 500;
}
@media (max-width: 768px) {
.page-location__intro__text ul,
.page-location__intro__text ol {
font-size: 16px;
}
}
.page-location__intro__text a {
text-decoration: underline;
} .page-location__content {
padding-top: 59px;
padding-bottom: 64px;
color: #1e1e1e;
width: 90%;
max-width: 1366px;
margin: auto;
}
@media (max-width: 768px) {
.page-location__content {
padding-top: 40px;
padding-bottom: 40px;
}
}
.page-location__content__container {
width: 100%;
background-color: #f3f3f3;
}
.page-location__content h2 {
margin-top: 59px;
text-align: center;
font-size: 28px;
font-weight: 700;
line-height: 1.25;
}
@media (max-width: 768px) {
.page-location__content h2 {
margin-top: 40px;
font-size: 22px;
}
}
.page-location__content > h2:first-child {
margin-top: 0;
}
.page-location__content p,
.page-location__content figcaption {
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
@media (max-width: 768px) {
.page-location__content p,
.page-location__content figcaption {
font-size: 16px;
}
}
.page-location__content figure {
text-align: center;
padding-top: 40px;
}
@media (max-width: 768px) {
.page-location__content figure {
padding-top: 20px;
}
}
.page-location__content ul {
list-style: url(//decouverte.justcoaching.fr/wp-content/themes/landing-pages-child-theme/assets/img/black-arrow-right.png);
}
.page-location__content ul,
.page-location__content ol {
font-size: 18px;
font-weight: 500;
}
@media (max-width: 768px) {
.page-location__content ul,
.page-location__content ol {
font-size: 16px;
}
}
.page-location__content a {
text-decoration: underline;
} .page-location__children {
display: flex;
gap: 40px;
padding-bottom: 59px;
width: 90%;
max-width: 1366px;
margin: auto;
}
@media (max-width: 1023px) {
.page-location__children {
flex-direction: column;
}
}
@media (max-width: 768px) {
.page-location__children {
padding-bottom: 40px;
}
} .page-location__children__info {
flex: 1;
display: flex;
flex-direction: column;
}
.page-location__children__info__title {
font-family: "Syne";
font-weight: bold;
font-size: 28px;
margin: 0;
}
@media (max-width: 768px) {
.page-location__children__info__title {
font-size: 23px;
}
}
.page-location__children__info__select {
font-size: 23px;
color: #aaaad7;
margin-bottom: 10px;
}
.page-location__children__info__list {
list-style: url(//decouverte.justcoaching.fr/wp-content/themes/landing-pages-child-theme/assets/img/icon-chevron.png);
font-size: 18px;
padding-top: 20px;
column-count: 2;
column-gap: 40px;
}
.page-location__children__info__list li {
break-inside: avoid;
padding-bottom: 5px;
}
@media (max-width: 1023px) {
.page-location__children__info__list {
margin-top: 0;
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
.page-location__children__info__list {
column-count: 1;
}
}
.page-location__children__info__list--archive {
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.page-location__children__info__list--archive {
grid-template-columns: 1fr;
}
}
.page-location__children__info__list li {
padding-bottom: 5px;
}
.page-location__children__info__list li a:hover,
.page-location__children__info__list li a.hovered {
color: #aaaad7;
} .page-location__children .map {
flex: 1;
position: sticky;
top: 20px;
align-self: flex-start;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1023px) {
.page-location__children .map {
position: static;
}
}
.map {
text-align: center;
width: 100%;
}
.map svg {
width: 100%;
max-width: 500px;
height: auto;
max-height: 600px;
}
@media (max-width: 768px) { .map svg {
width: 90%;
max-width: none;
}
}
.map path {
fill: #d7d7dc; stroke: #fff;
stroke-width: 1;
cursor: default;
}
.map path[data-name] {
fill: #aaaad7; transition: fill 100ms ease-out;
cursor: pointer;
}
.map path[data-name]:hover {
fill: #faf532; }
.map path[data-name].hovered {
fill: #faf532; }
.map--hauts-de-france path {
stroke-width: 1.5;
}