body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
top: 0;
left: 0;
z-index: 9999;
background-color: white;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); display: none;
height: 100% !important;
position: fixed !important;
width: 100% !important;
}
.lightbox {
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
display: flex;
flex-direction: column-reverse;
align-content: center;
align-items: center;
height: 100%;
position: fixed !important;
top: 0 !important;
justify-content: center;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//dentistes-stcyr-droesch-papin.fr/wp-content/themes/papin/img/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 256px;
right: -160px;
height: 100%;
max-height: 260px;
z-index: 10;
display: flex;
flex-direction: column;
width: 64px;
}
.lb-container>.nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev,
.lb-next {
height: 64px;
width: 64px;
cursor: pointer;
display: block;
}
.lb-nav a.lb-next {
left: 0;
float: left;
background: url(//dentistes-stcyr-droesch-papin.fr/wp-content/themes/papin/img/prev.png) center no-repeat;
transition: .4s ease-in-out;
border: 1px solid #BBAA91;
margin-top: 120px;
}
.lb-nav a.lb-next:hover {
cursor: pointer;
background: #BBAA91 url(//dentistes-stcyr-droesch-papin.fr/wp-content/themes/papin/img/prev-hover.png) center no-repeat;
transition: .4s ease-in-out;
}
.lb-nav a.lb-prev {
right: 0;
float: right;
background: url(//dentistes-stcyr-droesch-papin.fr/wp-content/themes/papin/img/next.png) center no-repeat;
transition: .4s ease-in-out;
border: 1px solid #BBAA91;
}
.lb-nav a.lb-prev:hover {
cursor: pointer;
background: #BBAA91 url(//dentistes-stcyr-droesch-papin.fr/wp-content/themes/papin/img/next-hover.png) center no-repeat;
transition: .4s ease-in-out;
}
.lb-dataContainer {
margin: 0 auto 26px;
padding-top: 5px;
zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:nth-child(2) {
margin: 0 auto;
padding-top: 0;
width: 100%;
position: relative;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
display: flex;
flex-direction: column-reverse;
width: 64px;
position: absolute;
right: -160px;
height: 414px;
justify-content: space-between;
align-items: center;
}
.lb-data .lb-details {
width: 100%;
text-align: center;
letter-spacing: 0.005em;
font-size: 16px;
line-height: 24px;
color: #212121;
font-weight: normal;
font-family: 'Roboto', sans-serif;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
}
.lb-data .lb-close {
display: block;
float: right;
width: 64px;
height: 64px;
border: 1px solid #BBAA91;
background: url(//dentistes-stcyr-droesch-papin.fr/wp-content/themes/papin/img/close.png) center no-repeat;
text-align: right;
outline: none;
transition: .4s ease-in-out;
}
.lb-data .lb-close:hover {
cursor: pointer;
box-shadow: 0 12px 12px -8px #6EBEDC;
background: #BBAA91 url(//dentistes-stcyr-droesch-papin.fr/wp-content/themes/papin/img/close-hover.png) center no-repeat;
transition: .4s ease-in-out;
}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
:root {
--app-height: 100%;
}
html {
scroll-behavior: smooth;
}
body {
font-family: "Work Sans", sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.012em;
color: #484e56;
overflow-x: hidden;
background: #fff;
position: relative;
}
* {
box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Noto Sans", sans-serif;
}
p {
margin: 0;
}
ul,
li {
display: block;
padding: 0;
margin: 0;
}
.bg {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
a:hover {
text-decoration: none;
color: #000;
outline: none;
}
a:active {
outline: none;
text-decoration: none;
}
a:focus,
a:visited {
outline: none;
text-decoration: none;
}
a,
button,
input {
transition: all 0.5s ease;
}
a {
color: inherit;
text-decoration: none;
}
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active,
button,
button:hover,
button:focus,
button:active {
outline: none;
}
button:hover,
input:hover,
select:hover {
opacity: 0.9;
}
input[type="text"] { -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1 { font-size: 42px;
line-height: 52px;
font-weight: 500;
letter-spacing: 0.015em;
}
h2 {
font-weight: normal;
font-size: 38px; line-height: 1.23;
letter-spacing: 0.015em;
}
h3 {
font-weight: normal; font-size: 28px;
line-height: 40px;
}
h4 {
font-weight: normal; font-size: 20px;
line-height: 36px;
}
h5 {
font-style: italic;
font-weight: normal;
font-size: 19px;
line-height: 26px;
}
.btn {
font-weight: normal;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.015em;
display: inline-flex;
padding: 16px;
color: #fff;
background-color: #BBAA91;
box-shadow: 0 12px 12px -8px #F1E9DF;
transition: 0.5s ease-in-out;
width: 180px;
height: 64px;
justify-content: center;
align-items: center;
}
.btn:hover {
box-shadow: none;
color: #fff;
transition: 0.5s ease-in-out;
}
.btn:active {
box-shadow: none;
color: #fff;
background-color: #A47864; }
.btn:disabled {
box-shadow: none;
color: #BBAA91;
background-color: #bee8f8;
transition: 0.5s ease-in-out;
}
.btn_w {
background: #fff;
color: #BBAA91;
border: 1px solid #BBAA91;
box-shadow: none;
}
.btn_w:hover {
background: #BBAA91;
color: #fff;
border: 1px solid #BBAA91;
box-shadow: 0 12px 12px -8px #6ebedc;
}
.container {
max-width: 1470px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
} .header {
position: fixed;
top: 0;
left: 0;
z-index: 9998;
width: 100%;
transition: all 0.3s ease;
background: rgba(255, 255, 255, 0.6);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
height: 158px;
}
.header.out {
transform: translateY(-100%);
}
.header-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 52px;
height: 100%;
}
.hamburger-box {
position: relative;
width: 64px;
height: 64px;
border: 1px solid #BBAA91;
z-index: 889;
transition: 0.4s ease-in-out;
}
.hamburger-box:hover {
background-color: #BBAA91;
box-shadow: 0 12px 12px -8px #F0DFCC;
transition: 0.4s ease-in-out;
}
.hamburger-box:active {
background-color: #A47864;
transition: 0.4s ease-in-out;
}
.header-logo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.header-logo img {
max-width: 190px;
}
.hamburger {
position: absolute;
top: 0;
left: 0;
width: 64px;
height: 64px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.hamburger span {
position: relative;
display: block;
width: 18px;
height: 2px;
background: #BBAA91;
transition: all 0.4s ease-in-out;
border-radius: 20px;
}
.hamburger span:before,
.hamburger span:after {
content: "";
display: block;
height: 2px;
left: 0;
background: #BBAA91;
border-radius: 20px;
position: absolute;
transition: all 0.4s ease-in-out;
}
.hamburger-box:hover .hamburger span:before,
.hamburger-box:hover .hamburger span,
.hamburger-box:hover .hamburger span:after {
background-color: #fff;
transition: 0.4s ease-in-out;
}
.hamburger span:before {
top: -6px;
width: 18px;
}
.hamburger span:after {
bottom: -6px;
width: 18px;
}
.hamburger:hover span {
width: 18px;
}
.hamburger:hover span:before {
width: 18px;
}
.hamburger:hover span:after {
width: 18px;
}
.hamburger.is-active {
background: #BBAA91;
}
.hamburger.is-active span {
width: 0;
}
.hamburger.is-active span:before {
top: 0;
left: -9px;
width: 18px;
transform: rotate(45deg);
background-color: #fff;
}
.hamburger.is-active span:after {
bottom: 0;
left: -9px;
width: 18px;
transform: rotate(-45deg);
background-color: #fff;
}
.header-menu {
position: fixed;
left: 0;
top: 0;
z-index: 888;
height: 100vh;
width: 100vw;
padding: 0 16px;
background-color: #A47864; display: flex;
justify-content: center;
transform: translate(-100%, -100%);
transition: all 0.8s ease-in-out;
}
.menu-container {
max-width: 1240px;
width: 100%;
display: flex;
justify-content: space-between;
}
.menu-items {
padding-top: 14%;
width: 43%; }
.header.is-active .header-menu {
transform: translate(0, 0);
transition: all 0.8s ease-in-out;
}
.header-menu ul li:not(:last-of-type) {
margin-bottom: 38px;
}
.header-menu ul li a {
color: #fff;
font-style: normal;
font-weight: 500;
font-size: 52px;
line-height: 64px;
transition: 0.4s ease-in-out;
position: relative;
}
.header-menu ul li a:hover {
color: #fff;
transition: 0.4s ease-in-out;
padding-left: 64px;
}
.header-menu ul li a:before {
content: "";
position: absolute;
left: 0;
top: 50%;
height: 1px;
width: 0;
background-color: #fff;
opacity: 0;
transition: 0.4s ease-in-out;
}
.header-menu ul li a:hover:before {
opacity: 1;
width: 52px;
transition: 0.4s ease-in-out;
}
.menu-images {
padding: 0 52px 52px;
border: 1px solid #F1EEE6;
border-top: none;
align-self: flex-start;
}
.header-wrap {
z-index: 889;
}
.menu-images img {
max-width: 606px;
width: 100%;
height: 772px;
-o-object-fit: cover;
object-fit: cover;
} .preview {
padding-top: 50px;
}
.preview-slider {
max-height: 936px;
height: 100vh;
width: 100%;
line-height: 0;
}
.preview-img {
width: 100%;
min-height: 80vh;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.preview-slider img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
} .bienvenue {
padding: 100px 0 0 16px;
}
.bienvenue-container {
max-width: 1474px;
width: 100%;
display: flex;
justify-content: flex-end;
}
.bienvenue-wrap {
max-width: 1150px;
width: 100%;
}
.bienvenue-container h1 {
max-width: 816px;
width: 100%;
}
.bienvenue-wrapper {
display: flex;
padding-top: 10px;
padding-right: 37px;
}
.bienvenue-image {
width: 55.33%;
position: relative;
pointer-events: none;
}
.bienvenue-img_box {
padding: 50px 45px;
border: 1px solid #9198af;
display: inline-flex;
}
.bienvenue-img {
box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.2);
width: 100%;
}
.binvenue-content {
width: 44.67%;
}
.bienvenue-logo {
position: absolute;
top: -205px;
right: -144px;
}
.bienvenue-text {
max-width: 816px;
margin-top: 28px;
margin-bottom: 40px;
}
.bienvenue-text_2 {
max-width: 392px;
}
.bienvenue-link {
font-weight: normal;
font-size: 24px;
line-height: 36px;
margin-top: 70px;
max-width: 392px;
}
.bienvenue-link a {
color: #BBAA91;
transition: 0.4s ease-in-out;
}
.bienvenue-link a:hover {
text-decoration: underline;
transition: 0.4s ease-in-out;
} .equipe {
padding: 0 0 50px;
overflow: hidden;
position: relative;
margin-top: -1px;
}
.equipe-title {
position: absolute;
top: 38px;
max-width: 1474px;
width: 100%;
display: flex;
justify-content: flex-end;
}
.equipe-title_wrap {
display: flex;
justify-content: flex-end;
max-width: 1134px;
width: 100%;
}
.equipe-title_wrap h2 {
width: 44%;
}
.equipe-container {
display: flex;
justify-content: flex-end;
max-width: 1474px;
width: 100%;
position: relative;
}
.equipe-container:nth-of-type(2) {
margin-left: auto;
justify-content: flex-start;
margin-top: -70px;
}
.equipe-container:nth-of-type(3) {
margin-top: -70px;
}
.equipe-wrapper {
display: flex;
justify-content: space-between;
max-width: 1134px;
width: 100%;
min-height: 682px;
}
.equipe-container:nth-of-type(2) .equipe-wrapper {
flex-direction: row-reverse;
}
.equipe-line {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.equipe-container:nth-of-type(1) .equipe-line svg:nth-of-type(2) {
display: none;
}
.equipe-container:nth-of-type(2) .equipe-line svg:nth-of-type(1) {
display: none;
}
.equipe-container:nth-of-type(3) .equipe-line svg:nth-of-type(2) {
display: none;
}
.equipe-image {
position: relative;
margin: 64px 52px 0;
}
.equipe-image img {
width: 392px;
height: 548px;
-o-object-fit: cover;
object-fit: cover;
box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.32);
}
.equipe-img_hov {
top: 0;
left: 0;
position: absolute;
opacity: 0;
transition: 0.5s ease-in-out;
}
.equipe-image:hover .equipe-img_hov {
opacity: 1;
z-index: 1;
transition: 0.5s ease-in-out;
}
.equipe-doctor_content {
padding: 152px 32px 0 0;
}
.equipe-doctor_btns .btn {
margin-right: 30px;
}
@media screen and (max-width: 991px) {
.equipe-doctor_btns {}
.equipe-doctor_btns .btn {
display: flex;
margin-right: 0px;
margin-bottom: 30px;
}
}
.equipe-container:nth-of-type(2) .equipe-doctor_content {
padding: 0 0 176px 34px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.equipe-doctor_content h3 {
margin: 20px 0 8px;
}
.equipe-container ul {
margin-bottom: 32px;
max-width: 468px;
}
.equipe-container ul li {
position: relative;
padding-left: 10px;
}
.equipe-container ul li:not(:last-of-type) {
margin-bottom: 4px;
}
.equipe-container ul li:before {
position: absolute;
content: "";
width: 3px;
height: 3px;
background-color: #484e56;
border-radius: 50%;
left: 0;
top: 10px;
}
.equipe-assistants {
margin-top: 72px;
}
.assistants-container {
max-width: 1240px;
width: 100%;
margin: 0 auto;
border: 1px solid #9198af;
position: relative;
display: flex;
justify-content: space-between;
padding: 92px 106px 72px;
}
.assistants-container:before {
content: "";
position: absolute;
left: -100%;
top: 50%;
width: 100%;
height: 1px;
background-color: #9198af;
}
.assistants-container:after {
content: "";
position: absolute;
right: -100%;
top: 50%;
width: 100%;
height: 1px;
background-color: #9198af;
}
.assistants-wrapper {
width: 100%;
max-width: 286px;
}
.assistants-image {
height: 368px;
box-shadow: 0px 12px 20px -10px rgba(0, 0, 0, 0.32);
position: relative;
transition: 0.5s ease-in-out;
}
.assistants-layer {
position: absolute;
left: 0;
top: 0;
background: rgba(255, 255, 255, 0.8);
border: 1px solid #F1EEE6;
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
width: 100%;
height: 100%;
padding: 32px;
overflow: auto; font-weight: 500;
font-size: 16px;
line-height: 20px;
transition: 0.5s ease-in-out;
opacity: 0;
}
.assistants-layer:hover {
opacity: 1;
transition: 0.5s ease-in-out;
}
.assistants-content {
background: #ffffff;
border: 1px solid #9198af;
box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.32);
max-width: 222px;
width: 100%;
padding: 28px 24px 24px;
text-align: center;
margin: -32px auto 0;
z-index: 1;
position: relative;
}
.assistants-content h5 {
color: #9198af;
} .cabinet {
padding: 50px 36px;
display: flex;
overflow: hidden;
}
.cabinet .cabinet-container {
display: flex;
flex-direction: column;
width: 23%;
}
.cabinet .cabinet-container:first-of-type,
.cabinet .cabinet-container:last-of-type {
width: 38.5%;
}
.cabinet .cabinet-container:first-of-type .cabinet-item:first-of-type,
.cabinet .cabinet-container:nth-child(2) .cabinet-item,
.cabinet .cabinet-container:last-of-type .cabinet-item:last-of-type {
height: 364px;
}
.cabinet .cabinet-container:first-of-type .cabinet-item:last-of-type,
.cabinet .cabinet-container:last-of-type .cabinet-item:first-of-type {
height: 760px;
}
.cabinet-item {
margin: 16px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.cabinet-container .cabinet-item img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.cabinet-content {
max-width: 392px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.cabinet-content h2 {
text-align: center;
}
.cabinet-content p {
text-align: justify;
} .traitements {
display: flex;
justify-content: space-between;
}
.traitements-images {
width: 50%;
}
.traitements-image {
max-height: 944px;
position: relative;
}
.traitements-image img {
position: absolute;
width: 83%;
height: 83%;
-o-object-fit: cover;
object-fit: cover;
box-shadow: 0px 20px 20px -12px rgba(0, 0, 0, 0.4);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.traitements-image:after {
content: "";
display: block;
padding-bottom: 100%;
}
.traitements-wrapper {
width: 50%;
display: flex;
justify-content: center;
align-items: center; padding: 15px 2%;
}
.traitements-wrap>a {
pointer-events: none;
}
.traitements-wrap>a.traitements-btn {
pointer-events: auto;
}
.tabs__panel {
display: none;
}
.is-initialized .tabs__panel {
display: inherit;
}
.tabs__panel.is-hidden {
display: none;
}
.tabs__trigger {
padding-right: 8px;
display: block;
}
.traitements-content {
max-width: 710px;
width: 100%;
}
.traitements-title { padding: 10px 0;
border-top: 1px solid #F1EEE6;
}
.tabs__tab-list li:last-of-type .traitements-title {
border-bottom: 1px solid #F1EEE6;
}
.tabs__tab-list li a,
.tabs__tab-list li a h3,
.tabs__tab-list li {
outline: none;
}
.js-tabs { margin-top: 20px;
}
.traitements-wrap {
overflow: hidden;
max-height: 0;
transition: 0.4s ease-in-out;
}
.traitements-wrap_content {
display: flex;
justify-content: space-between;
align-items: center;
}
.traitements-image_mob {
display: none;
}
.traitements-item.clicked .traitements-wrap {
max-height: 150px;
padding-bottom: 40px;
}
.traitements-item.active h3 {
color: #484e56;
transition: 0.4s ease-in-out;
}
.tabs__tab-list.active .traitements-item:not(.active) h3 {
color: #9198af;
transition: 0.4s ease-in-out;
}
.traitements-wrap ul li {
position: relative;
padding-left: 12px;
}
.traitements-wrap ul li:before {
position: absolute;
content: "";
left: 1px;
top: 10px;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: #484e56;
}
.traitements-btn {
justify-content: space-between;
padding: 0 20px;
max-width: 286px;
width: 100%;
}
.traitements-btn .traitements-icon {
border-left: 1px solid #ffffff;
padding: 16px 0 16px 20px;
} .rdv {
padding-bottom: 50px;
display: flex;
justify-content: space-between;
}
.rdv-content {
width: 50%;
padding-right: 122px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.rdv-wrapper {
max-width: 604px;
}
.rdv-image {
width: 50%;
}
.rdv-image img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.rdv-wrapper p {
margin: 16px 0 40px;
} .engagements {
padding: 50px 0;
display: flex;
flex-direction: column;
align-items: center;
}
.engagements h2 {
position: relative;
margin-bottom: 52px;
}
.engagements h2:before {
content: "";
position: absolute;
top: 50%;
left: -110%;
width: 17vw;
max-width: 320px;
height: 1px;
background-color: #9198af;
}
.engagements h2:after {
content: "";
position: absolute;
top: 50%;
right: -110%;
width: 17vw;
max-width: 320px;
height: 1px;
background-color: #9198af;
}
.engagements-container {
width: 100%;
height: 468px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.engagements-container h3 {
max-width: 460px;
width: 100%;
}
.engagements-wrap {
display: flex;
justify-content: space-between;
max-width: 1028px;
width: 100%;
margin-top: 32px;
}
.engagements-text {
text-align: justify;
}
.engagements-text:first-of-type {
padding-right: 16px;
}
.engagements-text:last-of-type {
padding-left: 16px;
}
.engagements-text p:not(:first-of-type) {
margin-top: 8px;
}
.engagements-credo {
font-style: italic;
font-weight: normal;
font-size: 24px;
line-height: 32px;
color: #9198af;
margin-bottom: 16px;
} .valeurs {
padding: 52px;
display: flex;
flex-direction: column;
align-items: center;
}
.valeurs h2 {
margin-bottom: 52px;
position: relative;
text-align: center;
}
.valeurs h2:before {
content: "";
position: absolute;
top: 50%;
left: -155%;
width: 18.42vw;
max-width: 242px;
height: 1px;
background-color: #9198af;
}
.valeurs h2:after {
content: "";
position: absolute;
top: 50%;
right: -155%;
width: 18.42vw;
max-width: 242px;
height: 1px;
background-color: #9198af;
}
.valeurs-acordion {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
align-items: stretch;
gap: 16px;
width: 100%;
}
.valeurs-acordion_item {
width: 33.33%;
height: 100%;
flex-basis: 33.33%;
transition: 0.5s all linear;
text-align: center;
overflow: hidden;
position: relative;
color: #fff;
text-align: left;
}
.valeurs-acordion_item .valeurs-acordion_image {
transition: 0.5s all linear;
height: 572px;
padding: 60px;
display: flex;
flex-direction: column;
justify-content: flex-end;
} .valeurs-acordion_item img {
width: 100%;
height: auto;
max-width: 74px;
-o-object-fit: contain;
object-fit: contain;
margin-bottom: 16px;
} .valeurs-acordion_item p {
max-width: 328px;
width: 100%;
margin-top: 12px;
cursor: default;
min-height: 100px;
}
.valeurs-acordion_item h3 {
cursor: default;
} .technologies h2 {
width: 50%;
text-align: right;
position: relative;
margin-top: 84px;
}
.technologies h2:after {
content: "";
position: absolute;
bottom: -10px;
left: 0;
width: 109%;
height: 1px;
background-color: #9198af;
}
.technologies-container {
padding: 0 52px;
}
.technologies-wrapper {
display: flex;
justify-content: flex-end;
}
.technologies-wrapper:nth-child(3) {
margin-top: 160px;
}
.technologies-wrapper:nth-child(5) {
margin-top: 56px;
}
.technologies-wrapper:nth-child(even) {
flex-direction: row-reverse;
}
.technologies-wrap {
display: flex;
justify-content: space-between;
width: 100%;
gap: 24px;
}
.technologies-wrapper:first-of-type .technologies-wrap {
max-width: 1262px;
}
.technologies-wrapper:nth-child(2) .technologies-wrap {
max-width: 1060px;
align-items: flex-end;
}
.technologies-wrapper:nth-child(3) .technologies-wrap {
align-items: center;
max-width: 1300px;
}
.technologies-wrapper:nth-child(4) .technologies-wrap {
max-width: 1210px;
}
.technologies-wrapper:nth-child(5) .technologies-wrap {
max-width: 1420px;
align-items: center;
}
.technologies-wrapper:nth-child(6) .technologies-wrap {
max-width: 1310px;
}
.technologies-wrap h3 {
margin: 96px 0 52px;
position: relative;
z-index: 2;
}
.technologies-wrap img {
-o-object-fit: cover;
object-fit: cover;
}
.technologies-wrapper:nth-child(even) .technologies-wrap {
flex-direction: row-reverse;
}
.technologies-wrap_images {
position: relative;
width: 100%;
max-width: 892px;
display: flex;
}
.oval {
position: absolute;
border: 12px solid #ffffff;
border-radius: 249px;
z-index: 1;
}
.technologies-wrapper:first-child .technologies-images {
max-width: 838px;
}
.technologies-wrapper:first-child .technologies-wrap_images {
justify-content: flex-end;
}
.technologies-wrapper:nth-child(2) .technologies-wrap_images {
justify-content: flex-start;
max-width: 680px;
}
.technologies-wrapper:nth-child(3) .technologies-wrap_images {
justify-content: flex-end;
}
.technologies-wrapper:nth-child(4) .technologies-wrap_images,
.technologies-wrapper:nth-child(6) .technologies-wrap_images {
justify-content: flex-end;
max-width: 786px;
}
.technologies-wrapper:first-child .technologies-image,
.technologies-wrapper:nth-child(4) .technologies-image,
.technologies-wrapper:nth-child(6) .technologies-image {
max-width: 468px;
width: 100%;
height: 448px;
}
.technologies-wrapper:nth-child(2) .technologies-image,
.technologies-wrapper:nth-child(5) .technologies-image {
max-width: 680px;
height: 480px;
}
.technologies-wrapper:nth-child(3) .technologies-image {
max-width: 748px;
height: 748px;
}
.technologies-wrapper:first-child .oval {
left: 11%;
top: -30%;
width: 498px;
height: 712px;
}
.technologies-wrapper:nth-child(2) .oval {
right: -27%;
bottom: -57%;
width: 392px;
height: 560px;
}
.technologies-wrapper:nth-child(3) .oval {
left: 0;
bottom: 14%;
width: 286px;
height: 416px;
}
.technologies-wrapper:nth-child(4) .oval {
left: 0;
bottom: -1%;
width: 498px;
height: 712px;
}
.technologies-wrapper:nth-child(5) .oval {
right: 0;
top: -30%;
width: 392px;
height: 560px;
}
.technologies-wrapper:nth-child(6) .oval {
left: 0;
bottom: -1%;
width: 438px;
height: 612px;
} .gallery {
padding: 52px;
gap: 16px 16px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr;
grid-template-columns: repeat(6, 1fr);
-ms-grid-rows: 400px 16px 400px 16px 400px 16px 400px;
grid-template-rows: repeat(4, 400px);
}
.gallery>*:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.gallery>*:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.gallery>*:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
.gallery>*:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 7;
}
.gallery>*:nth-child(5) {
-ms-grid-row: 1;
-ms-grid-column: 9;
}
.gallery>*:nth-child(6) {
-ms-grid-row: 1;
-ms-grid-column: 11;
}
.gallery>*:nth-child(7) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.gallery>*:nth-child(8) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.gallery>*:nth-child(9) {
-ms-grid-row: 3;
-ms-grid-column: 5;
}
.gallery>*:nth-child(10) {
-ms-grid-row: 3;
-ms-grid-column: 7;
}
.gallery>*:nth-child(11) {
-ms-grid-row: 3;
-ms-grid-column: 9;
}
.gallery>*:nth-child(12) {
-ms-grid-row: 3;
-ms-grid-column: 11;
}
.gallery>*:nth-child(13) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.gallery>*:nth-child(14) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.gallery>*:nth-child(15) {
-ms-grid-row: 5;
-ms-grid-column: 5;
}
.gallery>*:nth-child(16) {
-ms-grid-row: 5;
-ms-grid-column: 7;
}
.gallery>*:nth-child(17) {
-ms-grid-row: 5;
-ms-grid-column: 9;
}
.gallery>*:nth-child(18) {
-ms-grid-row: 5;
-ms-grid-column: 11;
}
.gallery>*:nth-child(19) {
-ms-grid-row: 7;
-ms-grid-column: 1;
}
.gallery>*:nth-child(20) {
-ms-grid-row: 7;
-ms-grid-column: 3;
}
.gallery>*:nth-child(21) {
-ms-grid-row: 7;
-ms-grid-column: 5;
}
.gallery>*:nth-child(22) {
-ms-grid-row: 7;
-ms-grid-column: 7;
}
.gallery>*:nth-child(23) {
-ms-grid-row: 7;
-ms-grid-column: 9;
}
.gallery>*:nth-child(24) {
-ms-grid-row: 7;
-ms-grid-column: 11;
}
.gallery-lightbox img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border: 1px solid #e8e8e8;
box-shadow: 0px 12px 20px -10px rgba(0, 0, 0, 0.4);
}
.gallery-lightbox {
display: flex;
}
.gallery-lightbox:nth-child(1) {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.gallery-lightbox:nth-child(2) {
-ms-grid-column: 4;
-ms-grid-column-span: 3;
grid-column: 4/7;
display: flex;
align-items: flex-end;
}
.gallery-lightbox:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-column: 1/5;
-ms-grid-row: 2;
-ms-grid-row-span: 2;
grid-row: 2/4;
}
.gallery-lightbox:nth-child(4) {
-ms-grid-column: 5;
-ms-grid-column-span: 2;
grid-column: 5/7;
-ms-grid-row: 2;
grid-row: 2;
}
.gallery-lightbox:nth-child(5) {
-ms-grid-column: 5;
-ms-grid-column-span: 2;
grid-column: 5/7;
-ms-grid-row: 3;
grid-row: 3;
}
.gallery-lightbox:nth-child(6) {
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-column: 1/4;
}
.gallery-lightbox:nth-child(7) {
-ms-grid-column: 4;
-ms-grid-column-span: 3;
grid-column: 4/7;
}
.gallery-lightbox:nth-child(1) img {
width: 68%;
justify-self: flex-end;
margin-left: auto;
}
.gallery-lightbox:nth-child(2) img {
height: 70%;
align-self: flex-end;
}
.gallery-lightbox:nth-child(6) img {
height: 70%;
}
.gallery-lightbox:nth-child(7) img {
width: 68%;
} .parallax {
margin: 100px 0 50px;
width: 100%;
height: 828px;
padding: 15px; align-items: center;
justify-content: center;
color: #fff;
background-attachment: fixed;
display: none;
}
.parallax-container {
max-width: 1240px;
width: 100%;
}
.parallax-wrap {
max-width: 500px;
width: 100%;
}
.parallax-wrap h2 {
border-bottom: 1px solid #ffffff;
padding-bottom: 15px;
}
.parallax-text {
font-weight: 300;
margin-top: 32px;
} .conseils {
display: flex;
justify-content: space-between;
padding: 50px 0;
position: relative;
}
#conseils {
position: absolute;
top: -60px;
pointer-events: none;
}
.conseils-image {
padding: 52px;
border: 1px solid #A47864;
border-left: none;
width: 33%;
}
.conseils-image img { width: 100%;
height: auto;
aspect-ratio: 16 / 11.9867;
-o-object-fit: cover;
object-fit: cover;
}
.conseils-wrapper {
padding: 70px 30px 88px;
width: 67%;
border-top: 1px solid #A47864;
border-bottom: 1px solid #A47864;
}
.conseils-wrapper h2 {
margin-bottom: 58px;
}
.conseils-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.conseils-item {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(50% - 16px);
border-top: 1px solid #A47864;
padding: 12px 0;
}
.conseils-item:nth-child(odd) {
margin-right: 16px;
}
.conseils-item:last-child,
.conseils-item:nth-last-child(1),
.conseils-item:nth-last-child(2) {
border-bottom: 1px solid #A47864;
}
.conseils-item:nth-child(even) {
margin-left: 16px;
}
.conseils-link {
width: 64px;
height: 64px;
border: 1px solid #BBAA91;
transition: 0.4s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.conseils-link:hover,
.conseils-link:active {
background: #BBAA91;
transition: 0.4s ease-in-out;
}
.conseils-link:hover svg path,
.conseils-link:active svg path {
fill: #fff;
stroke: #fff;
} .reviews {
position: relative;
padding: 50px 0 100px;
}
.reviews h2 {
text-align: center;
margin-bottom: 60px;
}
.reviews-wrapper {
border: 1px solid #9198af;
max-width: 498px;
padding: 40px;
margin: 0 auto;
}
.reviews-container {
max-width: 1682px;
width: 89%;
padding: 0 15px;
margin: 0 auto;
}
.reviews-top {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.reviews-top img {
width: 80px;
height: 80px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
margin-right: 16px;
}
.reviews-top p {
font-weight: 400;
font-size: 24px;
line-height: 36px;
}
.reviews-text {
margin-bottom: 24px;
}
.reviews-bottom {
display: flex;
justify-content: space-between;
}
.reviews-bottom img {
-o-object-fit: contain;
object-fit: contain;
}
.reviews-bottom p {
font-weight: 400;
font-size: 20px;
line-height: 26px;
color: #9198af;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: none;
}
.swiper-button-next,
.swiper-button-prev {
width: 64px;
height: 64px;
outline: none !important;
}
.swiper-reviews_prev:hover svg path:first-of-type,
.swiper-reviews_next:hover svg path:first-of-type {
stroke: #fff;
transition: 0.4s ease-in-out;
}
.swiper-reviews_prev svg rect,
.swiper-reviews_next svg rect {
opacity: 0;
transition: 0.4s ease-in-out;
}
.swiper-reviews_prev:hover svg rect,
.swiper-reviews_next:hover svg rect {
opacity: 1;
transition: 0.4s ease-in-out;
} .acces {
position: relative;
padding-top: 128px;
}
.acces-container {
position: absolute;
z-index: 1;
top: 0;
left: 52px;
background: #e8e8e8;
max-width: 998px;
width: 100%;
padding: 82px 52px;
}
.acces-container h2 {
margin-bottom: 78px;
}
.acces-wrapper {
display: flex;
justify-content: space-between;
max-width: 767px;
width: 100%;
margin-bottom: 86px;
}
.acces-wrapper p {
font-size: 20px;
line-height: 36px;
color: #F1EEE6;
}
.acces-wrapper a {
color: #212121;
font-weight: 400;
transition: 0.4s ease-in-out;
}
.acces-wrapper a:hover {
text-decoration: underline;
transition: 0.4s ease-in-out;
}
.acces-hours h3 {
margin-bottom: 42px;
}
#map {
width: 100%;
height: 692px;
background-color: #c9c9c9;
border: 1px solid #e8e8e8;
}
.acces-hours {
max-width: 767px;
width: 100%;
}
.acces-hours_wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 50%;
grid-template-columns: 50% 50%;
-ms-grid-rows: 56px 56px 56px 56px;
grid-template-rows: 56px 56px 56px 56px;
border-top: 1px solid #9198af;
}
.acces-hours_wrap>*:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.acces-hours_wrap>*:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.acces-hours_wrap>*:nth-child(3) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.acces-hours_wrap>*:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.acces-hours_wrap>*:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.acces-hours_wrap>*:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.acces-hours_wrap>*:nth-child(7) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.acces-hours_wrap>*:nth-child(8) {
-ms-grid-row: 4;
-ms-grid-column: 2;
}
.acces-hours_wrap .hours {
display: flex;
align-items: center;
border-bottom: 1px solid #9198af;
}
.acces-hours_wrap .hours .hours-wrap {
max-width: 282px;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.acces-hours_wrap .hours .days {
color: #F1EEE6;
font-weight: 400;
}
.acces-hours_wrap .hours.active .days {
color: #212121;
}
.acces-hours_wrap .hours.active .hours-wrap:after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
height: 3px;
width: 100%;
background-color: #BBAA91;
}
.acces-hours_wrap .hours:nth-child(1) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
}
.acces-hours_wrap .hours:nth-child(5) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
}
.acces-hours_wrap .hours:nth-child(2) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2 /3;
}
.acces-hours_wrap .hours:nth-child(6) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 2;
-ms-grid-row-span: 1;
grid-row: 2 /3;
}
.acces-hours_wrap .hours:nth-child(3) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3/4;
}
.acces-hours_wrap .hours:nth-child(7) {
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 3;
-ms-grid-row-span: 1;
grid-row: 3/4;
}
.acces-hours_wrap .hours:nth-child(4) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 4;
-ms-grid-row-span: 1;
grid-row: 4/5;
}
.map-btn {
position: absolute;
z-index: 1;
right: 68px;
bottom: 68px;
} .instagram {
padding-top: 24px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: 274px 24px 274px;
grid-template-rows: 274px 274px;
grid-row-gap: 24px;
}
.instagram>*:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.instagram>*:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.instagram>*:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.instagram>*:nth-child(4) {
-ms-grid-row: 1;
-ms-grid-column: 4;
}
.instagram>*:nth-child(5) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
.instagram>*:nth-child(6) {
-ms-grid-row: 1;
-ms-grid-column: 6;
}
.instagram>*:nth-child(7) {
-ms-grid-row: 1;
-ms-grid-column: 7;
}
.instagram>*:nth-child(8) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.instagram>*:nth-child(9) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.instagram>*:nth-child(10) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.instagram>*:nth-child(11) {
-ms-grid-row: 3;
-ms-grid-column: 4;
}
.instagram>*:nth-child(12) {
-ms-grid-row: 3;
-ms-grid-column: 5;
}
.instagram>*:nth-child(13) {
-ms-grid-row: 3;
-ms-grid-column: 6;
}
.instagram>*:nth-child(14) {
-ms-grid-row: 3;
-ms-grid-column: 7;
}
.instagram img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
} .contact {
padding: 100px 52px 60px;
}
.contact-container {
max-width: 1030px;
width: 100%;
margin: 0 auto; }
.contact-container h2 {
text-align: center;
margin-bottom: 28px;
}
.contact-text {
margin-bottom: 10px;
text-align: center;
}
.contact-text a {
color: #BBAA91;
}
.contact-text a:hover {
text-decoration: underline;
}
.contact form {
display: flex;
justify-content: space-between;
position: relative;
}
form>div {
display: flex;
flex-direction: column;
width: 50%;
}
.contact form br {
display: none;
}
.form-left {
padding-right: 16px;
}
.form-right {
padding-left: 16px;
}
form label {
display: flex;
flex-direction: column;
width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.015em;
color: #F1EEE6;
margin-bottom: 20px;
}
form label input,
form label textarea {
width: 100%;
font-weight: 300;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.012em;
color: #212121;
background: #e8e8e8;
padding: 16px 20px;
border: none;
border-bottom: 3px solid transparent;
}
form label textarea {
height: 172px;
max-width: 499px;
max-height: 260px;
}
.contac-btn,
input[type="submit"] {
align-self: flex-end;
border: none;
cursor: pointer;
border-radius: 0 !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
label:focus-within {
color: #212121;
transition: 0.4s ease-in-out;
}
form label input:focus,
form label textarea:focus {
border-bottom: 3px solid #BBAA91;
transition: 0.4s ease-in-out;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7-response-output {
position: absolute;
bottom: -80px;
left: 0;
}
.wpcf7-not-valid-tip {
position: absolute;
} footer {
padding: 52px 52px 20px;
}
.footer-top {
background-color: #A47864; padding: 32px;
display: flex;
flex-direction: column;
color: #F1EEE6;
}
.footer-top_wrap {
display: flex;
justify-content: space-between;
}
.footer-top_left {
display: flex;
justify-content: space-between;
max-width: 775px;
width: 100%;
}
.footer-logo img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
max-width: 180px;
}
.footer-nav {
font-weight: 500;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.015em;
display: flex;
justify-content: space-between;
padding-top: 20px;
max-width: 530px;
width: 100%;
}
.footer-nav ul {
display: flex;
flex-direction: column;
}
.footer-nav ul:first-child {
width: 35%;
}
.footer-nav ul:last-child {
width: 65%;
}
.footer-nav ul li a {
font-weight: 500;
font-size: 17px;
line-height: 24px;
transition: 0.4s ease-in-out;
}
.footer-nav ul li:hover a {
text-decoration: underline;
color: #f2f2f2;
transition: 0.4s ease-in-out;
}
.footer-nav ul li:not(:last-child) {
margin-bottom: 20px;
}
.footer-top_right {
max-width: 624px;
width: 100%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
display: flex;
flex-wrap: wrap;
padding-top: 20px;
}
.footer-top_right a {
transition: 0.4s ease-in-out;
display: flex;
}
.footer-top_right a svg {
margin-right: 10px;
}
.footer-top_right a:hover {
color: #F1EEE6;
transition: 0.4s ease-in-out;
text-decoration: underline;
}
.footer-top_right a:nth-child(1) {
width: 35%;
}
.footer-top_right a:nth-child(2) {
width: 65%;
}
.footer-top_right a:nth-child(2) .footer-top_icon {
border: 1px solid transparent;
transition: 0.4s ease-in-out;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.footer-top_right a:nth-child(2):hover .footer-top_icon {
border: 1px solid #BBAA91;
transition: 0.4s ease-in-out;
}
.footer-top_right a:nth-child(2):hover svg path {
fill: #BBAA91;
transition: 0.4s ease-in-out;
}
.footer-top_right a:nth-child(2) svg {
margin-right: 0;
}
.footer-top_right a:nth-child(3) {
width: 100%;
max-width: 410px;
margin-top: 30px;
}
.ordre-logo {
align-self: flex-end;
}
.footer-bottom {
padding-top: 20px;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.015em;
color: #484e56;
display: flex;
justify-content: space-between;
}
.footer-bottom p br {
display: none;
} .single header {
border-bottom: 1px solid #A47864;
}
.single-pages_container {
padding: 152px 0px 120px;
}
.single-pages_container h2 {
margin: 32px 0 16px;
font-size: 38px;
}
.single-pages_container h3 {
margin: 20px 0 16px;
}
.single-pages_container ul {
margin-bottom: 16px;
display: flex;
flex-direction: column;
}
.single-pages_container .wp-block-image ul {
display: unset;
}
.single-pages_container ul li {
position: relative;
padding-left: 10px;
}
.single-pages_container ul li:not(:last-of-type) {
margin-bottom: 4px;
}
.single-pages_container ul li:before {
position: absolute;
content: "";
width: 3px;
height: 3px;
background-color: #484e56;
border-radius: 50%;
left: 0;
top: 10px;
}
.postid-464 .single_content {
text-align: justify;
}
.traitement-image_wrap {
padding: 0 52px;
}
.traitement-container {
max-width: 1270px;
width: 100%;
margin: 0 auto;
padding: 0 15px;
}
.single-breadcrumbs {
border-bottom: 1px solid #A47864;
padding: 20px 0;
font-weight: 500;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.015em;
color: #484e56;
}
.single-breadcrumbs .traitement-container {
display: flex;
align-items: center;
}
.single-breadcrumbs .traitement-container svg {
margin: 0 12px;
}
.single-breadcrumbs .traitement-container .single-breadcrumbs_title {
color: #BBAA91;
cursor: default;
}
.single-breadcrumbs .traitement-container a:hover {
text-decoration: underline;
transition: 0.4s ease-in-out;
}
.single_content {
padding-top: 60px;
}
.single_content img {
-o-object-fit: cover;
object-fit: cover;
max-width: 100%;
height: auto;
margin: 24px 0.5em 29px;
}
.single_content .wp-caption {
display: inline-flex;
flex-direction: column;
}
.single_content .wp-caption .wp-caption-text {
margin-bottom: 10px;
} .traitement-image {
height: 300px; padding-bottom: 80px;
display: flex;
align-items: flex-end;
}
.traitement-image h1 {
color: #212121;
}
.return-link {
display: flex;
margin: 60px auto 0;
} .parcours {
padding-top: 152px;
overflow: hidden;
}
.parcours-container {
padding: 48px 15px 120px;
max-width: 1270px;
width: 100%;
margin: 0 auto;
}
.parcours-text {
max-width: 816px;
width: 100%;
margin: 0 auto 54px;
text-align: justify;
}
.parcours-container h1 {
text-align: center;
margin-bottom: 40px;
}
.parcours-wrapper {
position: relative;
padding-top: 88px;
}
.parcours-wrapper:before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
height: 1px;
width: 80%;
background-color: #cfcfcf;
}
.parcours-wrapper:after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
height: 85%;
width: 1px;
background-color: #cfcfcf;
z-index: -1;
}
.parcours-wrap {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.parcours-space {
flex: 1;
}
.parcours-wrap:not(:last-child) {
margin-bottom: 52px;
}
.parcours-wrap:nth-child(odd) {
margin-left: auto;
}
.parcours-wrap:nth-child(even) {
flex-direction: row-reverse;
}
.parcours-item {
border: 1px dashed #BBAA91;
padding: 32px;
border-radius: 50%;
transition: 0.4s ease-in-out;
flex: initial;
}
.parcours-wrap .parcours-icon {
background: #f2f2f2;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: 0.4s ease-in-out;
}
.parcours-wrap:nth-child(1) .parcours-icon {
width: 180px;
height: 180px;
}
.parcours-wrap:nth-child(2) .parcours-icon {
width: 150px;
height: 150px;
}
.parcours-wrap:nth-child(3) .parcours-icon {
width: 132px;
height: 132px;
}
.parcours-wrap:nth-child(4) .parcours-icon {
width: 244px;
height: 244px;
}
.parcours-wrap:nth-child(5) .parcours-icon {
width: 132px;
height: 132px;
}
.parcours-wrap:nth-child(6) .parcours-icon {
width: 241px;
height: 241px;
}
.parcours-wrap:hover .parcours-item {
border: 1px solid #BBAA91;
transition: 0.4s ease-in-out;
}
.parcours-wrap:hover .parcours-icon {
background: #BBAA91;
box-shadow: 0 8px 12px rgba(14, 62, 80, 0.3);
transition: 0.4s ease-in-out;
}
.parcours-wrap .parcours-icon svg path {
transition: 0.4s ease-in-out;
}
.parcours-wrap:hover .parcours-icon svg path {
transition: 0.4s ease-in-out;
fill: #fff;
}
.parcours-content {
flex: 1;
position: relative;
display: flex;
}
.parcours-wrap:nth-child(odd) .parcours-content {
justify-content: flex-end;
}
.parcours-content_wrap {
max-width: 392px;
width: 100%;
}
.parcours-content_wrap h3 {
padding-bottom: 26px;
position: relative;
}
.parcours-content:before {
content: "";
position: absolute;
top: 62px;
right: -4px;
height: 8px;
width: 8px;
border-radius: 50%;
background-color: #cfcfcf;
transition: 0.4s ease-in-out;
}
.parcours-content:after {
content: "";
position: absolute;
top: 66px;
left: 0;
height: 1px;
width: 100%;
background-color: #cfcfcf;
transition: 0.4s ease-in-out;
}
.parcours-wrap:hover .parcours-content:after {
background-color: #BBAA91;
transition: 0.4s ease-in-out;
}
.parcours-wrap:nth-child(odd) .parcours-content:after {
left: unset;
right: 0;
}
.parcours-wrap:hover .parcours-content:before {
background-color: #BBAA91;
transition: 0.4s ease-in-out;
}
.parcours-wrap:nth-child(odd) .parcours-content:before {
right: unset;
left: -4px;
}
.parcours-text {
padding-top: 16px;
} .legales-content {
padding: 158px 0 80px;
}
.legales-content .content__title {
margin-top: 30px;
} .error404__wrapper {
overflow: hidden;
position: relative;
line-height: 0;
}
.error404__wrapper img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: calc(100vh - 86px);
}
.error404__content {
width: 900px;
margin: 0 auto;
position: absolute;
left: 50%;
margin-left: -450px;
background: rgba(255, 255, 255, 0.9);
top: 150px;
padding: 50px 160px;
display: flex;
flex-direction: column;
align-items: center;
}
.error404__number {
color: #000;
font-size: 120px;
line-height: 140px;
margin-bottom: 40px;
}
.error404__title {
font-size: 20px;
margin-bottom: 25px;
text-align: center;
display: block;
}
.error404__subtitle {
line-height: 24px;
font-size: 16px;
text-align: left;
margin-bottom: 50px;
}
.error404__button {
font-size: 16px;
line-height: 1.5;
text-align: center;
text-transform: uppercase;
color: #000;
font-weight: 600;
text-decoration: none;
border: 5px solid #000;
width: 300px;
letter-spacing: 2px;
padding: 5px 0;
transition: all 0.3s ease-out;
}
.error404__button:hover {
background: #000;
color: #fff;
text-decoration: none;
} .cursor {
position: fixed;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
border-radius: 50%;
transition: transform 0.3s ease;
transform-origin: center center;
pointer-events: none;
z-index: 1000;
}
.grow,
.grow-small {
transform: scale(4);
background: black;
opacity: 0.3; border: none;
}
.grow-small {
transform: scale(2);
}
.single .alignright {
float: right;
margin: 0.5em 0 0.5em 1em;
}
.single .alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.single .alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.img-centered {
display: flex;
justify-content: center;
width: 100%;
}
.return-links {
clear: both;
}
.animate {
transition: all 0.3s ease-out;
}
.grecaptcha-badge {
visibility: hidden;
} .footer-bottom-block {
display: flex;
align-items: flex-end;
justify-content: space-between;
max-width: 624px;
width: 100%;
margin-left: auto;
margin-right: 0;
}
.footer-bottom-block .footer-menu {
max-width: 498px;
width: 100%;
padding-right: 20px;
}
.footer-menu-item:hover a {
text-decoration: underline;
color: #f2f2f2;
transition: 0.4s ease-in-out;
}
@media screen and (max-width: 1200px) {
.footer-bottom-block {
max-width: 100%;
width: 100%;
}
}
@media screen and (max-width: 669px) {
.footer-bottom-block { margin-top: 25px;
}
.footer-menu-item a {
font-size: 15px;
}
}
@media screen and (max-width: 596px) {
.footer-bottom-block {
flex-direction: column;
justify-content: flex-start;
} }@media screen and (max-width: 1699px) {
.bienvenue-logo {
top: -160px;
right: -176px;
width: 178px;
}
.bienvenue-image {
width: 41.4%;
}
.binvenue-content {
width: 45.3%;
}
.technologies-wrapper:first-child .oval {
left: 22%;
width: 409px;
}
.technologies-wrapper:nth-child(3) .technologies-image {
max-width: 700px;
height: 700px;
}
.technologies-wrapper:nth-child(2) .oval {
right: -25%;
bottom: -40%;
width: 354px;
height: 505px;
}
.technologies-wrapper:nth-child(3) {
margin-top: 190px;
}
.technologies-wrapper:nth-child(4) .oval {
width: 458px;
height: 655px;
}
.footer-top_right {
max-width: 520px;
}
} @media screen and (max-width: 1499px) {
.bienvenue-container {
justify-content: flex-start;
padding-left: 30px;
}
.bienvenue-logo { }
.equipe-title {
max-width: 1184px;
}
.equipe-container {
max-width: 1134px;
}
.equipe-container:nth-of-type(odd) .equipe-line {
right: 0;
left: unset;
}
.equipe-doctors {
padding: 0 52px;
}
.cabinet .cabinet-container:first-of-type,
.cabinet .cabinet-container:last-of-type {
width: 34.5%;
}
.cabinet .cabinet-container {
width: 31%;
}
.rdv-content {
padding-right: 4%;
}
.valeurs-acordion_item .valeurs-acordion_image {
height: 470px;
padding: 40px;
}
.technologies-wrapper:first-child .oval {
left: 2%;
width: 360px;
top: -19.5%;
height: 590px;
}
.technologies-wrapper:first-of-type .technologies-wrap {
max-width: 1100px;
}
.technologies-wrap_images {
width: 100%;
max-width: 680px;
}
.technologies-wrapper:nth-child(2) .technologies-image,
.technologies-wrapper:nth-child(5) .technologies-image {
max-width: 630px;
height: 454px;
}
.technologies-wrapper:nth-child(3) .technologies-image {
max-width: 580px;
height: 580px;
}
.technologies-wrapper:nth-child(3) .technologies-wrap_images {
max-width: 720px;
width: 100%;
}
.technologies-wrapper:nth-child(3) .technologies-wrap {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1140px;
}
.technologies-wrapper:nth-child(4) .oval {
width: 380px;
height: 575px;
}
.technologies-wrapper:nth-child(5) .oval {
right: 0;
top: -30%;
width: 310px;
height: 474px;
}
.technologies-wrapper:nth-child(6) .oval {
width: 380px;
height: 575px;
}
.technologies-wrapper:nth-child(5) .technologies-wrap {
max-width: 1220px;
}
.traitements-btn {
max-width: 230px;
}
.gallery {
-ms-grid-rows: (360px) [4];
grid-template-rows: repeat(4, 360px);
}
.lightbox .lb-image {
margin: 0 auto;
object-fit: cover;
max-width: 920px;
}
.lb-data,
.lb-nav {
right: -110px;
}
.parallax {
height: 730px;
}
.conseils-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.instagram {
-ms-grid-rows: 200px 200px;
grid-template-rows: 200px 200px;
}
.footer-top_left {
width: 52%;
}
.footer-top_right {
width: 48%;
}
.footer-nav {
padding: 20px;
}
} @media screen and (max-width: 1399px) {
.cabinet {
padding: 50px 20px;
}
.equipe-image {
margin: 64px 52px 0 0;
}
.equipe-container:nth-of-type(2) .equipe-image {
margin: 64px 0 0;
}
.cabinet-item {
margin: 12px;
}
.cabinet .cabinet-container:first-of-type .cabinet-item:first-of-type,
.cabinet .cabinet-container:nth-child(2) .cabinet-item,
.cabinet .cabinet-container:last-of-type .cabinet-item:last-of-type {
height: 326px;
}
.cabinet .cabinet-container:first-of-type .cabinet-item:last-of-type,
.cabinet .cabinet-container:last-of-type .cabinet-item:first-of-type {
height: 676px;
}
.rdv-content {
padding: 0 15px;
}
.technologies-wrapper {
margin-top: 91px;
}
.acces-container {
max-width: 780px;
}
.engagements h2:before {
left: -82%;
}
.engagements h2:after {
right: -82%;
}
.valeurs h2:before {
left: -120%;
}
.valeurs h2:after {
left: 120%;
}
} @media screen and (max-width: 1199px) {
.menu-images {
display: none;
}
.menu-container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.menu-items {
padding-top: 15px;
width: 43%;
}
h1 {
font-size: 46px;
line-height: 60px;
}
h2 {
font-size: 38px;
}
h3 {
font-size: 30px;
line-height: 36px;
}
.bienvenue-text,
h1 {
max-width: 645px;
}
.bienvenue-logo {
top: -123px;
right: -137px;
width: 138px;
}
.equipe-title {
max-width: 890px;
}
.equipe-line {
display: none;
}
.equipe-container:nth-of-type(2) {
margin-top: -105px;
}
.assistants-container {
border: none;
padding: 40px 30px 5px;
}
.assistants-container:before,
.assistants-container:after {
display: none;
}
.equipe-assistants {
margin-top: 0;
}
.cabinet {
padding: 50px 16px;
}
.cabinet-item {
margin: 8px;
}
.cabinet .cabinet-container:first-of-type,
.cabinet .cabinet-container:last-of-type {
width: 32.5%;
}
.cabinet .cabinet-container {
width: 35%;
}
.cabinet .cabinet-container:first-of-type .cabinet-item:last-of-type,
.cabinet .cabinet-container:last-of-type .cabinet-item:first-of-type {
height: 668px;
}
.traitements-image {
padding: 40px;
}
.traitements-images {
width: 42%;
}
.traitements-wrapper {
width: 58%;
padding: 0 2% 15px;
}
.traitements-title {
font-size: 24px;
line-height: 36px;
}
.js-tabs {
margin-top: 12px;
}
.technologies-wrapper:nth-child(2) .technologies-image {
max-width: 535px;
height: 372px;
}
.technologies-wrapper:nth-child(2) .oval {
right: 1%;
bottom: -40%;
width: 269px;
height: 391px;
}
.lb-data,
.lb-nav {
right: -80px;
}
.lightbox .lb-image {
max-width: 800px;
}
.engagements-container {
height: 384px;
}
.engagements-wrap {
padding: 0 15px;
}
.valeurs {
padding: 40px 16px;
}
.valeurs-acordion_item .valeurs-acordion_image {
padding: 20px;
}
.parallax {
background-attachment: initial;
height: 620px;
margin: 50px 0 30px;
}
.conseils-image {
display: none;
}
.conseils-wrapper {
width: 100%;
border: none;
padding: 0 52px;
}
.reviews-container {
width: 87%;
}
.acces-container {
max-width: 724px;
padding: 54px 42px;
left: 36px;
}
.acces-container h2 {
margin-bottom: 40px;
}
.acces-wrapper {
margin-bottom: 50px;
}
.acces-wrapper div:first-child {
margin-right: 15px;
}
.instagram {
-ms-grid-rows: 150px 150px;
grid-template-rows: 150px 150px;
}
.contact {
padding: 50px 30px 30px;
}
footer {
padding: 32px 30px 20px;
}
.footer-top_right a:nth-child(1),
.footer-top_right a:nth-child(2) {
width: 100%;
}
.footer-top_left {
width: 65%;
}
.footer-top_right {
width: 35%;
} .parcours-container {
padding: 60px 15px 80px;
}
.parcours-wrapper {
padding-top: 70px;
}
.parcours-wrap:nth-child(1) .parcours-icon {
width: 160px;
height: 160px;
}
.parcours-wrap:nth-child(2) .parcours-icon {
width: 140px;
height: 140px;
}
.parcours-wrap:nth-child(3) .parcours-icon {
width: 122px;
height: 122px;
}
.parcours-wrap:nth-child(4) .parcours-icon {
width: 200px;
height: 200px;
}
.parcours-wrap:nth-child(5) .parcours-icon {
width: 122px;
height: 122px;
}
.parcours-wrap:nth-child(6) .parcours-icon {
width: 205px;
height: 205px;
}
.parcours-wrap:nth-child(odd) .parcours-content_wrap {
padding-left: 15px;
}
.parcours-wrap:nth-child(even) .parcours-content_wrap {
padding-right: 15px;
} .traitement-image {
height: 336px;
padding-bottom: 40px;
}
.single-pages_container {
padding: 131px 0 40px;
}
.traitement-image_wrap {
padding: 0 15px;
}
.legales-content {
padding: 131px 0 40px;
}
} @media screen and (max-width: 991px) {
.menu-items {
width: 100%;
text-align: center;
}
.header-menu ul li a {
font-size: 42px;
line-height: 48px;
}
.preview-slider,
.preview-img {
max-height: 636px;
}
.bienvenue {
padding: 30px 16px;
}
.bienvenue-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.bienvenue-text {
margin-top: 20px;
margin-bottom: 20px;
}
.bienvenue-link {
margin: 30px 0;
}
.bienvenue-wrapper {
flex-direction: column;
}
.binvenue-content {
width: 100%;
}
.bienvenue-text_2 {
max-width: 100%;
}
.bienvenue-image {
width: fit-content;
}
.equipe {
padding: 30px 0;
}
.equipe-doctors {
padding: 0 16px;
}
.equipe-image {
margin: 48px 30px 0 0;
}
.equipe-image img {
width: 327px;
height: 447px;
}
.equipe-wrapper {
min-height: initial;
}
.equipe-container:nth-of-type(2),
.equipe-container:nth-of-type(3) {
margin-top: 0;
}
.equipe-container:nth-of-type(2) .equipe-image {
margin: 64px 0 0 30px;
}
.equipe-doctor_content {
padding: 100px 15px 0 0;
}
.assistants-container {
padding: 30px 15px 5px;
}
.assistants-wrapper {
width: 32%;
}
.assistants-image {
height: 314px;
}
.assistants-layer {
padding: 15px;
}
.cabinet {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 15px;
}
.cabinet .cabinet-container:first-of-type,
.cabinet .cabinet-container,
.cabinet .cabinet-container:last-of-type {
width: 100%;
}
.cabinet .cabinet-container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.cabinet .cabinet-container:first-of-type .cabinet-item:first-of-type,
.cabinet .cabinet-container:nth-child(2) .cabinet-item,
.cabinet .cabinet-container:last-of-type .cabinet-item:last-of-type,
.cabinet .cabinet-container:first-of-type .cabinet-item:last-of-type,
.cabinet .cabinet-container:last-of-type .cabinet-item:first-of-type {
height: 346px;
}
.cabinet-container:nth-child(2) .cabinet-item:first-child,
.cabinet-container:nth-child(2) .cabinet-item:last-of-type {
width: 23.5%;
}
.cabinet-container:nth-child(2) .cabinet-item:nth-child(2) {
width: 47%;
}
.traitements {
padding: 30px 0;
}
.traitements-images {
display: none;
}
.traitements-wrapper {
width: 100%;
}
.traitements-image_mob {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
height: 300px;
width: 300px;
padding: 20px;
}
.tabs__tab-list li:hover .traitements-wrap {
max-height: 600px;
padding-bottom: 30px;
}
.rdv {
padding-bottom: 30px;
}
.rdv-image {
width: 45%;
}
.rdv-content {
width: 55%;
}
.engagements {
padding: 30px 0;
}
.engagements h2c {
margin-bottom: 30px;
}
.valeurs {
padding: 30px 15px;
}
.valeurs-acordion {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.valeurs-acordion_item {
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.valeurs-acordion_item:hover {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
.valeurs-acordion_item .valeurs-acordion_image {
height: 345px;
}
.technologies-wrapper {
margin-top: 25px;
}
.technologies-wrapper:first-child {
margin-top: 115px;
}
.technologies-wrap,
.technologies-wrapper:nth-child(even) {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.technologies-wrap_images {
width: 100%;
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.technologies-wrapper:first-child .technologies-wrap_images {
margin-left: auto;
}
.technologies-wrap h3 {
text-align: center;
margin: 75px auto 68px;
}
.technologies-wrapper:first-child .technologies-image,
.technologies-wrapper:nth-child(4) .technologies-image,
.technologies-wrapper:nth-child(6) .technologies-image {
max-width: 490px;
height: 350px;
}
.technologies-wrapper:first-child .oval {
left: -35%;
width: 306px;
top: -24%;
height: 500px;
}
.technologies-wrapper:nth-child(2) .technologies-image,
.technologies-wrapper:nth-child(5) .technologies-image {
max-width: 519px;
height: 373px;
}
.technologies-wrapper:nth-child(2) .oval {
right: -36%;
bottom: -15%;
width: 310px;
height: 484px;
}
.technologies-wrapper:nth-child(2) .technologies-wrap_images {
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
margin-right: auto;
}
.technologies-wrapper:nth-child(even) .technologies-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.technologies-wrapper:nth-child(3) {
margin-top: 12px;
}
.technologies-wrapper:nth-child(3) .technologies-image {
max-width: 475px;
height: 475px;
}
.technologies-wrapper:nth-child(3) .oval {
left: 0;
bottom: 8%;
width: 270px;
height: 398px;
}
.technologies-wrapper:nth-child(4) .oval {
width: 304px;
height: 450px;
}
.technologies-wrapper:nth-child(5) .technologies-wrap_images {
margin-right: auto;
}
.technologies-wrapper:nth-child(6) .oval {
width: 304px;
height: 450px;
}
.technologies-wrapper:nth-child(5) .oval {
right: -32%;
top: -30%;
width: 274px;
height: 422px;
}
.gallery {
padding: 30px;
-ms-grid-rows: (205px) [4];
grid-template-rows: repeat(4, 205px);
}
.gallery-lightbox:nth-child(1) img,
.gallery-lightbox:nth-child(7) img {
width: 74%;
}
.lightbox .lb-image {
max-width: 600px;
}
.lb-data,
.lb-nav {
right: -76px;
}
.conseils {
padding: 30px 0;
}
.conseils-wrapper h2 {
margin-bottom: 30px;
}
.conseils-item {
width: 100%;
}
.conseils-item:nth-child(odd) {
margin-right: 0;
}
.conseils-item:nth-child(even) {
margin-left: 0;
}
.reviews-container {
width: 100%;
}
.reviews {
padding: 40px 0 40px;
}
.acces {
padding-top: 240px;
}
.acces-container {
max-width: 700px;
padding: 30px 22px;
left: 15px;
}
#map {
height: 640px;
}
.contact {
padding: 30px 15px;
}
footer {
padding: 30px 15px 20px;
}
.footer-top_wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-top_left,
.footer-top_right {
width: 100%;
}
.footer-top_right a:nth-child(1) {
width: 35%;
}
.footer-top_right a:nth-child(2) {
width: 65%;
}
.footer-top_right a:nth-child(3) {
margin-top: 20px;
}
.footer-bottom p {
width: 48%;
}
.footer-bottom p:nth-child(2) {
text-align: right;
}
} @media screen and (max-width: 767px) {
h1 {
font-size: 38px;
line-height: 54px;
}
h2 {
font-size: 34px;
}
h3 {
font-size: 27px;
line-height: 34px;
}
h4 {
font-size: 21px;
line-height: 32px;
}
.header-container {
padding: 0 15px;
}
.header {
height: 131px;
}
.header-wrap .btn {
font-size: 15px;
line-height: 20px;
padding: 8px;
width: 110px;
height: 50px;
}
.header-logo {
max-width: 125px;
}
.header-logo img {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.bienvenue-link {
font-size: 20px;
line-height: 28px;
margin: 20px 0 0;
}
.bienvenue-image {
margin-top: -30px;
display: flex;
flex-direction: column;
align-items: flex-end;
width: -moz-fit-content;
width: fit-content;
}
.bienvenue-img_box {
padding: 30px 35px;
width: 100%;
max-width: 320px;
}
.bienvenue-logo {
top: 0;
right: -138px;
position: relative;
display: flex;
justify-self: flex-end;
margin-left: auto;
}
.equipe-image img {
width: 260px;
height: 356px;
}
.equipe-title {
position: relative;
text-align: center;
}
.equipe-title_wrap h2 {
width: 100%;
}
.equipe-image {
margin: 0 30px 0 0;
}
.equipe-doctor_content {
padding: 0;
}
.equipe-container,
.equipe-container:nth-of-type(2),
.equipe-container:nth-of-type(3) {
margin-top: 30px;
}
.equipe-container:nth-of-type(2) .equipe-image {
margin: 0 0 0 30px;
}
.equipe-container:nth-of-type(2) .equipe-doctor_content {
padding: 0 0 30px 34px;
}
.assistants-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.assistants-wrapper {
width: 100%;
}
.assistants-wrapper:not(:last-of-type) {
margin-bottom: 20px;
}
.cabinet .cabinet-container:nth-child(2) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
padding: 8px;
}
.cabinet-container:nth-child(2) .cabinet-item:first-child,
.cabinet-container:nth-child(2) .cabinet-item:last-of-type {
width: 100%;
margin: 0;
}
.cabinet-container:nth-child(2) .cabinet-item:nth-child(2) {
width: 100%;
}
.cabinet .cabinet-container:first-of-type .cabinet-item:first-of-type,
.cabinet .cabinet-container:nth-child(2) .cabinet-item,
.cabinet .cabinet-container:last-of-type .cabinet-item:last-of-type,
.cabinet .cabinet-container:first-of-type .cabinet-item:last-of-type,
.cabinet .cabinet-container:last-of-type .cabinet-item:first-of-type {
height: 300px;
}
.engagements-container {
height: 294px;
}
.technologies {
overflow: hidden;
}
.technologies h2 {
margin-top: 30px;
}
.technologies-container {
padding: 0 15px;
}
.technologies-wrapper:first-child .oval {
left: -6%;
width: 251px;
top: -20%;
height: 464px;
}
.technologies-wrapper:first-child .technologies-image,
.technologies-wrapper:nth-child(4) .technologies-image,
.technologies-wrapper:nth-child(6) .technologies-image {
max-width: 490px;
height: 350px;
width: 80%;
}
.technologies-wrapper:nth-child(2) .technologies-image,
.technologies-wrapper:nth-child(5) .technologies-image {
max-width: 519px;
height: 327px;
width: 82%;
}
.technologies-wrapper:nth-child(2) .oval {
right: -20%;
bottom: -15%;
width: 261px;
height: 426px;
}
.technologies-wrapper:nth-child(3) .technologies-image {
max-width: 475px;
height: 410px;
width: 74%;
}
.technologies-wrapper:nth-child(3) .oval {
left: 0;
bottom: 7%;
width: 225px;
height: 343px;
}
.technologies-wrapper:nth-child(4) .oval {
width: 245px;
height: 389px;
}
.technologies-wrapper:nth-child(5) .oval {
right: -18%;
top: -30%;
width: 236px;
height: 372px;
}
.technologies-wrapper:nth-child(6) .oval {
width: 245px;
height: 389px;
}
.technologies h2:after {
width: 80%;
}
.gallery {
padding: 15px;
}
.gallery-lightbox:nth-child(1) img,
.gallery-lightbox:nth-child(7) img {
width: 87%;
}
.lightbox .lb-image {
max-width: 450px;
}
.lb-data {
height: 297px;
top: -90px;
}
.lb-nav {
top: 46px;
}
.lb-data,
.lb-nav {
right: -56px;
width: 54px;
}
.lb-data .lb-close,
.lb-prev,
.lb-next {
width: 54px;
height: 54px;
}
.parallax {
height: 560px;
}
.conseils-wrapper {
padding: 0 15px;
}
.swiper-arrows {
position: relative;
height: 64px;
margin-top: 40px;
}
.acces {
padding-top: 30px;
}
.acces-container {
position: initial;
}
.acces-container h2,
.acces-hours h3 {
margin-bottom: 30px;
}
.acces-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 30px;
}
.acces-wrapper div:first-child {
margin-bottom: 20px;
margin-right: 0;
}
.acces-hours_wrap .hours:nth-child(1),
.acces-hours_wrap .hours:nth-child(2),
.acces-hours_wrap .hours:nth-child(3),
.acces-hours_wrap .hours:nth-child(4) {
padding-right: 15px;
}
.acces-hours_wrap .hours:nth-child(5),
.acces-hours_wrap .hours:nth-child(6),
.acces-hours_wrap .hours:nth-child(7) {
padding-left: 15px;
}
#map {
height: 340px;
}
.instagram {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: 200px 10px 200px 10px 200px 10px 200px 10px 200px;
grid-template-rows: 200px 200px 200px 200px 200px;
grid-row-gap: 10px;
}
.instagram > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.instagram > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.instagram > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.instagram > *:nth-child(4) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.instagram > *:nth-child(5) {
-ms-grid-row: 3;
-ms-grid-column: 2;
}
.instagram > *:nth-child(6) {
-ms-grid-row: 3;
-ms-grid-column: 3;
}
.instagram > *:nth-child(7) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.instagram > *:nth-child(8) {
-ms-grid-row: 5;
-ms-grid-column: 2;
}
.instagram > *:nth-child(9) {
-ms-grid-row: 5;
-ms-grid-column: 3;
}
.instagram > *:nth-child(10) {
-ms-grid-row: 7;
-ms-grid-column: 1;
}
.instagram > *:nth-child(11) {
-ms-grid-row: 7;
-ms-grid-column: 2;
}
.instagram > *:nth-child(12) {
-ms-grid-row: 7;
-ms-grid-column: 3;
}
.instagram > *:nth-child(13) {
-ms-grid-row: 9;
-ms-grid-column: 1;
}
.instagram > *:nth-child(14) {
-ms-grid-row: 9;
-ms-grid-column: 2;
}
.instagram > *:nth-child(15) {
-ms-grid-row: 9;
-ms-grid-column: 3;
}
.footer-top {
padding: 32px 15px;
}
.engagements h2:before {
width: 100px;
left: -42%;
}
.engagements h2:after {
right: -42%;
width: 100px;
}
.valeurs h2:before {
width: 100px;
left: unset;
right: 110%;
}
.valeurs h2:after {
width: 100px;
} .parcours {
padding-top: 131px;
}
.parcours-wrapper {
padding-top: 50px;
}
.parcours-space {
display: none;
}
.parcours-wrapper:after {
display: none;
}
.parcours-wrap:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.parcours-wrap:nth-child(even) .parcours-content_wrap {
padding-left: 15px;
padding-right: 0;
}
.parcours-item {
padding: 20px;
}
.parcours-wrap:nth-child(1) .parcours-icon,
.parcours-wrap:nth-child(2) .parcours-icon,
.parcours-wrap:nth-child(3) .parcours-icon,
.parcours-wrap:nth-child(4) .parcours-icon,
.parcours-wrap:nth-child(5) .parcours-icon,
.parcours-wrap:nth-child(6) .parcours-icon {
width: 130px;
height: 130px;
}
.parcours-wrap:nth-child(even) .parcours-content:before {
right: unset;
left: -4px;
}
.parcours-wrap:not(:last-child) {
margin-bottom: 30px;
}
.single_content {
padding-top: 15px;
}
.single-pages_container h2 {
margin: 16px 0;
font-size: 34px;
}
} @media screen and (max-width: 575px) {
.preview {
padding-top: 50px;
}
.preview-slider {
max-height: 436px;
}
.preview-img {
width: 100%;
min-height: 360px;
}
h1 {
font-size: 32px;
line-height: 41px;
}
h3 {
font-size: 24px;
line-height: 30px;
}
.header {
height: 96px;
}
.header-logo {
max-width: 90px;
}
.header-wrap .btn {
min-width: 110px;
}
.bienvenue {
padding: 30px 16px 10px;
}
.bienvenue-text {
margin-top: 20px;
}
.bienvenue-logo {
width: 70px;
right: -70px;
}
.bienvenue-img_box {
padding: 15px 20px;
width: 100%;
max-width: 246px;
}
.bienvenue-container {
padding-left: 0;
}
.equipe-title {
top: 0;
}
.equipe-wrapper,
.equipe-container:nth-of-type(2) .equipe-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.equipe-doctor_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.equipe-image,
.equipe-container:nth-of-type(2) .equipe-image {
margin: 0;
}
.equipe-container:nth-of-type(2) .equipe-doctor_content {
padding: 0 0 30px 0;
}
.cabinet .cabinet-container:first-of-type .cabinet-item:first-of-type,
.cabinet .cabinet-container:nth-child(2) .cabinet-item,
.cabinet .cabinet-container:last-of-type .cabinet-item:last-of-type,
.cabinet .cabinet-container:first-of-type .cabinet-item:last-of-type,
.cabinet .cabinet-container:last-of-type .cabinet-item:first-of-type {
width: 100%;
margin: 8px 0;
}
.cabinet .cabinet-container:first-of-type,
.cabinet .cabinet-container,
.cabinet .cabinet-container:last-of-type {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cabinet .cabinet-container:nth-child(2) {
padding: 0;
}
.traitements-title {
padding: 20px 0;
}
.traitements-wrap_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.traitements-btn {
margin-top: 30px;
}
.traitements-image_mob {
margin: 20px auto 0;
}
.traitements-wrap > a.subtitle {
display: none;
}
.tabs__tab-list li:hover .traitements-wrap { }
.tabs__trigger {
min-width: 100%;
}
.tabs__tab-list li {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 100%;
}
.rdv {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.rdv-content,
.rdv-image {
width: 100%;
}
.rdv-content {
margin-bottom: 20px;
}
.rdv-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.engagements h2 {
margin-bottom: 30px;
}
.engagements h2:before,
.engagements h2:after,
.valeurs h2:before,
.valeurs h2:after {
display: none;
}
.engagements-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.engagements-text:first-of-type {
padding-right: 0;
margin-bottom: 8px;
}
.engagements-text:last-of-type {
padding-left: 0;
}
.valeurs h2 {
margin-bottom: 30px;
}
.technologies h2 {
width: 100%;
text-align: center;
}
.technologies-wrapper:first-child .technologies-wrap_images {
max-width: 100%;
}
.technologies-wrapper:first-child .oval {
left: 0;
width: 188px;
top: -14%;
height: 330px;
}
.technologies-wrapper:first-child .technologies-image {
max-width: 310px;
height: 260px;
width: 100%;
}
.technologies-wrapper:nth-child(4) .technologies-image {
max-width: 490px;
height: 260px;
}
.technologies-wrapper:nth-child(2) .oval {
right: -5%;
bottom: -15%;
width: 163px;
height: 260px;
}
.technologies-wrapper:nth-child(2) .technologies-image,
.technologies-wrapper:nth-child(5) .technologies-image {
max-width: 519px;
height: 244px;
width: 82%;
}
.technologies-wrapper:nth-child(3) .technologies-image {
max-width: 475px;
height: 304px;
width: 74%;
}
.technologies-wrapper:nth-child(4) .oval {
width: 194px;
height: 289px;
}
.technologies-wrapper:nth-child(3) .oval {
left: 0;
bottom: 7%;
width: 173px;
height: 250px;
}
.technologies-wrapper:nth-child(5) .oval {
right: -4%;
top: -30%;
width: 178px;
height: 291px;
}
.technologies-wrap h3 {
text-align: center;
margin: 64px auto 27px;
}
.gallery {
gap: 10px 10px;
}
.gallery-lightbox:nth-child(3) {
-ms-grid-column: 1;
-ms-grid-column-span: 4;
grid-column: 1/5;
-ms-grid-row: 2;
grid-row: 2;
}
.gallery-lightbox:nth-child(1) img,
.gallery-lightbox:nth-child(7) img {
width: 100%;
}
.gallery-lightbox:nth-child(5) {
-ms-grid-column: 4;
-ms-grid-column-span: 3;
grid-column: 4/7;
}
.gallery-lightbox:nth-child(6) img {
height: 100%;
}
.gallery-lightbox:nth-child(7) {
-ms-grid-column: 1;
-ms-grid-column-span: 6;
grid-column: 1/7;
}
.lightbox .lb-image {
max-width: 320px;
}
.lb-data {
height: fit-content;
top: -65px;
right: 0;
width: 100%;
flex-direction: row;
}
.lb-nav {
width: 100%;
position: initial;
flex-direction: row;
justify-content: space-between;
}
.lb-nav a.lb-prev {
margin-top: 0;
transform: rotate(270deg);
}
.lb-nav a.lb-next {
transform: rotate(270deg);
}
.lb-data .lb-details {
text-align: left;
}
.lb-nav a.lb-next {
margin-top: 0;
}
.parallax {
height: 460px;
}
.acces-hours_wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: (56px) [7];
grid-template-rows: repeat(7, 56px);
}
.acces-hours_wrap > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.acces-hours_wrap > *:nth-child(2) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.acces-hours_wrap > *:nth-child(3) {
-ms-grid-row: 3;
-ms-grid-column: 1;
}
.acces-hours_wrap > *:nth-child(4) {
-ms-grid-row: 4;
-ms-grid-column: 1;
}
.acces-hours_wrap > *:nth-child(5) {
-ms-grid-row: 5;
-ms-grid-column: 1;
}
.acces-hours_wrap > *:nth-child(6) {
-ms-grid-row: 6;
-ms-grid-column: 1;
}
.acces-hours_wrap > *:nth-child(7) {
-ms-grid-row: 7;
-ms-grid-column: 1;
}
.acces-hours_wrap .hours:nth-child(5) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 5;
grid-row: 5;
}
.acces-hours_wrap .hours:nth-child(6) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 6;
grid-row: 6;
}
.acces-hours_wrap .hours:nth-child(7) {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 7;
grid-row: 7;
}
.acces-hours_wrap .hours:nth-child(1),
.acces-hours_wrap .hours:nth-child(2),
.acces-hours_wrap .hours:nth-child(3),
.acces-hours_wrap .hours:nth-child(4) {
padding-right: 0;
}
.acces-hours_wrap .hours:nth-child(5),
.acces-hours_wrap .hours:nth-child(6),
.acces-hours_wrap .hours:nth-child(7) {
padding-left: 0;
}
.acces-hours_wrap .hours .hours-wrap {
margin: 0 auto;
}
.contact form {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
form > div {
width: 100%;
}
.form-left {
padding-right: 0;
}
.form-right {
padding-left: 0;
}
.contact-container h2 {
margin-bottom: 30px;
}
.footer-top_left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-logo {
margin: 0 auto;
}
.footer-nav {
padding: 20px 0;
}
.footer-top_right a:nth-child(1),
.footer-top_right a:nth-child(2) {
width: 100%;
}
.footer-top_right a:nth-child(2) {
margin-top: 20px;
}
.footer-bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-bottom p,
.footer-bottom p:nth-child(2) {
text-align: center;
width: 100%;
}
.footer-bottom p br {
display: inline-block;
}
.footer-bottom p a:last-of-type {
display: flex;
justify-content: center;
} .parcours {
padding-top: 96px;
}
.parcours-wrap,
.parcours-wrap:nth-child(even) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.parcours-content_wrap h3 {
padding-bottom: 0;
text-align: center;
margin-top: 15px;
}
.parcours-content:before,
.parcours-content:after {
display: none;
}
.parcours-container {
padding: 30px 15px 40px;
} .traitement-image {
height: 180px;
padding-bottom: 30px;
}
.single-pages_container {
padding: 96px 0 30px;
}
.legales-content {
padding: 96px 0 30px;
}
.single-breadcrumbs {
font-size: 13px;
line-height: 17px;
}
.single .alignright,
.single .alignleft {
float: none;
margin: 5px 0;
}
.single_content p {
display: flex;
flex-direction: column;
}
.single-page_flex {
flex-direction: row;
}
.display-n {
display: none;
}
.single-pages_container h2 {
margin: 16px 0;
font-size: 28px;
}
.single-title_solution {
margin-top: -44px;
}
.single_content img {
margin: 0.5em auto 0.5em !important;
}
}