.variation-100 p,
.variation-100 h1,
.variation-100 h2,
.variation-100 h3,
.variation-100 h4,
.variation-100 h5,
.variation-100 h6,
.variation-100 span,
.variation-100 .fusion-title-heading {
font-weight: 100 !important;
}
.variation-150 p,
.variation-150 h1,
.variation-150 h2,
.variation-150 h3,
.variation-150 h4,
.variation-150 h5,
.variation-150 h6,
.variation-150 span,
.variation-150 .fusion-title-heading {
font-weight: 150 !important;
}
.variation-200 p,
.variation-200 h1,
.variation-200 h2,
.variation-200 h3,
.variation-200 h4,
.variation-200 h5,
.variation-200 h6,
.variation-200 span,
.variation-200 .fusion-title-heading {
font-weight: 200 !important;
}
.variation-250 p,
.variation-250 h1,
.variation-250 h2,
.variation-250 h3,
.variation-250 h4,
.variation-250 h5,
.variation-250 h6,
.variation-250 span,
.variation-250 .fusion-title-heading {
font-weight: 250 !important;
}
.variation-300 p,
.variation-300 h1,
.variation-300 h2,
.variation-300 h3,
.variation-300 h4,
.variation-300 h5,
.variation-300 h6,
.variation-300 span,
.variation-300 .fusion-title-heading {
font-weight: 300 !important;
}
.variation-350 p,
.variation-350 h1,
.variation-350 h2,
.variation-350 h3,
.variation-350 h4,
.variation-350 h5,
.variation-350 h6,
.variation-350 span,
.variation-350 .fusion-title-heading {
font-weight: 350 !important;
}
.variation-400 p,
.variation-400 h1,
.variation-400 h2,
.variation-400 h3,
.variation-400 h4,
.variation-400 h5,
.variation-400 h6,
.variation-400 span,
.variation-400 .fusion-title-heading {
font-weight: 400 !important;
}
.variation-450 p,
.variation-450 h1,
.variation-450 h2,
.variation-450 h3,
.variation-450 h4,
.variation-450 h5,
.variation-450 h6,
.variation-450 span,
.variation-450 .fusion-title-heading {
font-weight: 450 !important;
}
.variation-500 p,
.variation-500 h1,
.variation-500 h2,
.variation-500 h3,
.variation-500 h4,
.variation-500 h5,
.variation-500 h6,
.variation-500 span,
.variation-500 .fusion-title-heading {
font-weight: 500 !important;
}
.variation-550 p,
.variation-550 h1,
.variation-550 h2,
.variation-550 h3,
.variation-550 h4,
.variation-550 h5,
.variation-550 h6,
.variation-550 span,
.variation-550 .fusion-title-heading {
font-weight: 550 !important;
}
.variation-600 p,
.variation-600 h1,
.variation-600 h2,
.variation-600 h3,
.variation-600 h4,
.variation-600 h5,
.variation-600 h6,
.variation-600 span,
.variation-600 .fusion-title-heading {
font-weight: 600 !important;
}
.variation-650 p,
.variation-650 h1,
.variation-650 h2,
.variation-650 h3,
.variation-650 h4,
.variation-650 h5,
.variation-650 h6,
.variation-650 span,
.variation-650 .fusion-title-heading {
font-weight: 650 !important;
}
.variation-700 p,
.variation-700 h1,
.variation-700 h2,
.variation-700 h3,
.variation-700 h4,
.variation-700 h5,
.variation-700 h6,
.variation-700 span,
.variation-700 .fusion-title-heading {
font-weight: 700 !important;
}
.variation-750 p,
.variation-750 h1,
.variation-750 h2,
.variation-750 h3,
.variation-750 h4,
.variation-750 h5,
.variation-750 h6,
.variation-750 span,
.variation-750 .fusion-title-heading {
font-weight: 750 !important;
}
.variation-800 p,
.variation-800 h1,
.variation-800 h2,
.variation-800 h3,
.variation-800 h4,
.variation-800 h5,
.variation-800 h6,
.variation-800 span,
.variation-800 .fusion-title-heading {
font-weight: 800 !important;
}
.variation-850 p,
.variation-850 h1,
.variation-850 h2,
.variation-850 h3,
.variation-850 h4,
.variation-850 h5,
.variation-850 h6,
.variation-850 span,
.variation-850 .fusion-title-heading {
font-weight: 850 !important;
}
.variation-900 p,
.variation-900 h1,
.variation-900 h2,
.variation-900 h3,
.variation-900 h4,
.variation-900 h5,
.variation-900 h6,
.variation-900 span,
.variation-900 .fusion-title-heading {
font-weight: 900 !important;
}
body:not(.fusion-builder-live) .fade-in-up,
body:not(.fusion-builder-live) .stagger-element,
body:not(.fusion-builder-live) .gallery-element,
body:not(.fusion-builder-live) .landing-title,
body:not(.fusion-builder-live) .landing-svg,
body:not(.fusion-builder-live) .service-gallery-element,
body:not(.fusion-builder-live) .service-title-section,
body:not(.fusion-builder-live) .service-title,
body:not(.fusion-builder-live) .service-surtitle,
body:not(.fusion-builder-live) .title-svg,
body:not(.fusion-builder-live) .title-img,
body:not(.fusion-builder-live) .header-desktop > .fusion-builder-row,
body:not(.fusion-builder-live) .header-mobile > .fusion-builder-row,
body:not(.fusion-builder-live) .tarifs {
transition: none !important;
opacity: 0;
visibility: hidden;
}
@media screen and (max-width: 768px) {
body:not(.fusion-builder-live) .stagger-element {
transition: initial;
opacity: inherit;
visibility: inherit;
}
}
body:not(.fusion-builder-live) .landing-subtitle {
transition: none !important;
opacity: 0;
visibility: hidden;
}
body:not(.fusion-builder-live) .coupe-tarifs-container .service-tarifs {
height: 0;
}
.text-balance {
text-wrap: balance;
}
.text-balance .fusion-title-heading {
text-wrap: balance;
}
.btn-with-arrow {
width: -moz-max-content;
width: max-content;
}
.btn-with-arrow a {
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.btn-with-arrow a:hover i {
transform: translateX(0);
}
.btn-with-arrow .arrow {
display: flex;
justify-content: flex-start;
align-items: center;
position: relative;
overflow: hidden;
margin-left: 8px;
}
.btn-with-arrow .arrow i {
will-change: transform;
transition: transform 300ms ease-out;
margin: 0 !important;
font-size: 16px !important;
transform: translateX(-20px);
}
.mega-menu-link {
transition: transform 300ms ease !important;
}
.mega-menu-link p,
.mega-menu-link span:not(.fusion-column-inner-bg, .fusion-column-inner-bg-image) {
display: inline-block !important;
transition: transform 300ms ease !important;
}
.mega-menu-link:hover p,
.mega-menu-link:hover span:not(.fusion-column-inner-bg, .fusion-column-inner-bg-image) {
transform: translateX(10px);
color: #e1e1e1 !important;
}
.mega-menu-link:hover p::after,
.mega-menu-link:hover span:not(.fusion-column-inner-bg, .fusion-column-inner-bg-image)::after {
width: 100%;
}
.mega-menu-link p,
.mega-menu-link span:not(.fusion-column-inner-bg, .fusion-column-inner-bg-image) {
position: relative;
}
.mega-menu-link p::after,
.mega-menu-link span:not(.fusion-column-inner-bg, .fusion-column-inner-bg-image)::after {
content: "";
left: 0;
bottom: -5px;
width: 100%;
position: absolute;
height: 2px;
background-color: #e1e1e1;
width: 0;
transform-origin: left;
transition: width 300ms ease;
}
.header-desktop ul .awb-menu__main-li {
margin: 0 clamp(14px, 4.4vw - 3rem, 30px) !important;
}
.header-logo {
width: 80%;
max-width: 240px;
display: flex;
justify-content: center;
}
.header-logo svg {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.header-logo {
max-width: 180px;
}
}
.header-dark svg .subtitle path {
fill: #1a1a1a;
}
.home-animation .fullwidth-overlay {
mix-blend-mode: multiply;
}
.home-animation .fullwidth-video {
mix-blend-mode: multiply;
}
.landing-title {
font-size: clamp(8.75rem, 7vw + 2.5rem, 15.5rem) !important;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.landing-title {
font-size: 88px !important;
}
}
@media screen and (max-width: 768px) {
.landing-title {
font-size: 48px !important;
}
}
.landing-subtitle {
font-size: clamp(8.75rem, 7vw + 2.5rem, 15.5rem) !important;
}
.landing-subtitle p {
margin-left: 7px !important;
font-weight: 200 !important;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.landing-subtitle {
font-size: 88px !important;
}
}
@media screen and (max-width: 768px) {
.landing-subtitle {
font-size: 48px !important;
}
}
.landing-subtitle:first-child {
margin-left: -8px !important;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.landing-subtitle:first-child {
display: flex;
justify-content: flex-start;
width: 100%;
}
}
.landing-subtitle:not(:first-child) {
position: absolute !important;
left: 0;
bottom: 0;
}
@media screen and (max-width: 768px) {
.landing-subtitle:not(:first-child) {
width: 100%;
}
.landing-subtitle:not(:first-child) p {
margin: 0 auto !important;
text-align: center !important;
}
}
.service-line {
display: flex;
margin-bottom: 60px;
}
.service-line li {
width: 33.3333333333%;
}
.service-element:nth-child(1)::after, .service-element:nth-child(2)::after, .service-element:nth-child(4)::after, .service-element:nth-child(5)::after {
content: "";
position: absolute;
height: 60%;
right: 0;
width: 1px;
background-color: #d9d3cc;
transform-origin: "center center";
}
.title-brun a {
color: #372525 !important;
}
.title-v4 a {
color: #043448 !important;
}
.title-v3 a {
color: #372525 !important;
}
.services-gallery-container {
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-start;
overflow: hidden;
position: relative;
padding: 40px 0;
}
.services-gallery-container .service-gallery-element {
flex-shrink: 0;
width: clamp(300px, 33%, 450px);
}
.services-gallery-container .service-gallery-element a {
padding: 0 40px;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
}
.services-gallery-container .service-gallery-element h3 {
color: #1a1a1a;
text-align: center;
margin-bottom: 8px;
font-size: 28px;
font-weight: 300;
}
.services-gallery-container .service-gallery-element .service-svg {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 80%;
}
.services-gallery-container .service-gallery-element .service-svg svg {
width: auto;
height: 200px;
}
.services-gallery-container .service-gallery-element .service-extrait {
text-align: center;
overflow: hidden;
margin-bottom: 0;
text-wrap: balance;
line-height: 150%;
color: #727272;
}
.services-gallery-container .service-gallery-element:nth-child(even) {
margin-top: 150px;
}
.services-gallery-container .service-gallery-element:nth-child(odd) {
margin-bottom: 150px;
}
@media screen and (max-width: 768px) {
.services-gallery-container .service-gallery-element {
width: 100vw;
}
}
@media screen and (max-width: 1278px) {
.services-gallery-container .service-gallery-element:nth-child(even) {
margin-top: 0;
}
.services-gallery-container .service-gallery-element:nth-child(odd) {
margin-bottom: 0;
}
}
@media screen and (max-width: 1278px) {
.services-gallery-container {
margin-left: 0;
}
}
.service-btn {
width: -moz-min-content;
width: min-content;
position: relative;
padding: 1rem;
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
}
.service-btn .arrow-box {
position: absolute;
right: 0;
height: 12px;
width: 12px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.service-btn .arrow-box i {
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
}
.service-btn .service-permalink {
margin: 0;
}
.arrow-left {
transform: scaleX(-1);
}
.arrow-left,
.arrow-right {
cursor: pointer;
}
.svg-container {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
overflow: visible;
}
.svg-container svg {
visibility: hidden;
opacity: 0;
position: absolute;
margin: 0 auto;
bottom: 0;
height: 100%;
width: auto;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.svg-container svg {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 768px) {
.svg-container {
margin-bottom: 2rem;
height: 115px;
width: 115px;
display: flex;
justify-content: center;
align-items: center;
}
}
.valeur-list {
margin: 0;
padding-left: 28px;
}
.valeur-list li::marker {
color: #f4920d;
}
.gallery-container {
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
overflow: hidden;
position: relative;
align-items: stretch;
}
.gallery-container .gallery-element {
position: relative;
flex-shrink: 0;
padding: 0 2%;
display: flex;
justify-content: center;
align-items: center;
}
.gallery-container .gallery-element img {
height: 100%;
}
.gallery-container .gallery-element:nth-child(even) {
width: clamp(250px, 25%, 450px);
}
.gallery-container .gallery-element:nth-child(even) img {
-o-object-fit: cover;
object-fit: cover;
}
.gallery-container .gallery-element:nth-child(odd) {
width: clamp(350px, 30%, 550px);
}
.gallery-container .gallery-element:nth-child(odd) img {
-o-object-fit: contain;
object-fit: contain;
}
.gallery-container .gallery-element:nth-child(6) {
width: clamp(350px, 35%, 900px);
}
.gallery-container .gallery-element:nth-child(6) img {
-o-object-fit: contain;
object-fit: contain;
}
.harmonie-element {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.harmonie-element .harmonie-svg svg {
height: 80px;
width: auto;
}
}
.harmonie-element .harmonie-toggle-icon svg {
width: 39px;
height: 39px;
}
@media screen and (max-width: 768px) {
.harmonie-element .harmonie-toggle-icon svg {
width: 24px;
height: 24px;
}
}
.harmonie-element .harmonie-toggle-icon svg path {
transition: opacity 300ms linear;
}
.harmonie-element .harmonie-toggle-icon svg * {
transform-box: fill-box;
}
.harmonie-element .harmonie-toggle-icon svg .horizontal {
transform-origin: center;
}
.harmonie-element.toggle-open svg .vertical {
opacity: 0;
}
.harmonie-element .fusion-builder-row:nth-child(1) {
cursor: pointer;
}
.harmonie-element .fusion-builder-row:nth-child(2) {
height: 0;
overflow: hidden;
}
.harmonie-element .fusion-content-tb ul {
margin-bottom: 20px;
}
.formation-svg {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
.formation-svg svg {
height: 80px;
width: auto;
}
.services-inclus p {
margin-bottom: 0 !important;
}
.services-inclus ul {
margin-top: 0 !important;
}
.coupe-description p:first-child {
margin-bottom: 0 !important;
}
.coupe-description ul {
margin-top: 0 !important;
}
.box-ciseaux {
rotate: 25deg;
}
.box-ciseaux svg {
height: 300px;
width: auto;
}
.box-ciseaux.inverted svg {
transform: scaleX(-1);
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.box-ciseaux svg {
height: 250px;
}
}
@media screen and (max-width: 768px) {
.box-ciseaux svg {
height: 200px;
}
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.coupe-tarifs-container .coupe-toggle-icon svg {
height: 32px;
}
}
@media screen and (max-width: 768px) {
.coupe-tarifs-container .coupe-toggle-icon svg {
height: 25px;
}
.coupe-tarifs-container .tarifs-voir .fusion-column-wrapper {
flex-direction: column !important;
justify-content: center;
align-items: flex-end;
}
.coupe-tarifs-container .tarifs-voir .fusion-column-wrapper .fusion-text {
margin-right: 0 !important;
}
}
.service-tarifs p {
position: relative;
overflow: hidden;
}
.service-tarifs p::after {
content: "";
position: absolute;
bottom: 2px;
border-bottom: 1px dashed #4f4b4a;
width: 100%;
}
.service-tarifs .fusion-builder-row {
margin-bottom: 0.5rem !important;
}
@media screen and (max-width: 1278px) {
.service-tarifs .fusion-builder-row {
margin-bottom: 16px !important;
}
.service-tarifs .fusion-builder-row .fusion-layout-column:first-child {
width: 50% !important;
flex-grow: 1 !important;
}
.service-tarifs .fusion-builder-row .fusion-layout-column:first-child .fusion-column-wrapper {
margin-right: 0 !important;
}
.service-tarifs .fusion-builder-row .fusion-layout-column:nth-child(2) {
width: auto !important;
}
.service-tarifs .fusion-builder-row .fusion-layout-column:nth-child(2) .fusion-column-wrapper {
margin-left: 0 !important;
}
}
.service-tarifs .fusion-builder-row .fusion-layout-column:first-child p {
color: #727272 !important;
}
.employee {
cursor: pointer;
}
.coloration-offre ul {
margin-top: 0;
}
.service-title-section .title-img {
position: absolute;
top: 0;
width: 100%;
left: 0;
transform: translateY(-10%);
}
.service-title-section .title-img img {
max-height: 158px;
-o-object-fit: contain;
object-fit: contain;
}
.service-title-section .title-svg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.service-title-section .title-svg svg {
height: 162px;
width: auto;
}
.service-title-section .title-svg.crayon svg {
height: 120px;
}
.service-title-section .title-svg.ciseaux-droit {
transform: translate(-50%, -50%) scaleX(-1);
}
.service-title-section .title-svg.ying-yang svg {
height: 120px;
}
@media screen and (min-width: 769px) and (max-width: 1279px) {
.service-title-section .title-svg svg {
height: 120px;
}
}
@media screen and (max-width: 768px) {
.service-title-section .title-svg {
position: relative;
display: flex;
justify-content: center;
width: 100%;
}
.service-title-section .title-svg svg {
height: 100px;
width: auto;
}
.service-title-section .title-svg.ying-yang svg, .service-title-section .title-svg.crayon svg {
height: 80px;
}
}
.page-id-585 .fusion-footer .fusion-fullwidth {
background-color: #032534 !important;
}
.page-id-553 .fusion-footer .fusion-fullwidth {
background-color: #031918 !important;
}
.fusion-footer .footer-logo svg {
height: 90px;
width: auto;
}
@media screen and (max-width: 768px) {
.fusion-footer .footer-logo svg {
height: 60px;
}
}
@media screen and (max-width: 768px) {
.fusion-footer .footer-heading {
font-size: 2.25rem !important;
}
.fusion-footer .footer-subheading {
font-size: 1.25rem !important;
}
}