@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Dancing+Script");
@font-face {
font-family: 'snellbold';
src: url(//www.endorphinedesign.com/wp-content/themes/endorphine/fonts/snellbt-bold-webfont.woff2) format('woff2'),
url(//www.endorphinedesign.com/wp-content/themes/endorphine/fonts/snellbt-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'snellregular';
src: url(//www.endorphinedesign.com/wp-content/themes/endorphine/fonts/snellbt-regular-webfont.woff2) format('woff2'),
url(//www.endorphinedesign.com/wp-content/themes/endorphine/fonts/snellbt-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'snell_roundhandblack_script';
src: url(//www.endorphinedesign.com/wp-content/themes/endorphine/fonts/snellroundhand-blackscript-webfont.woff2) format('woff2'),
url(//www.endorphinedesign.com/wp-content/themes/endorphine/fonts/snellroundhand-blackscript-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'snell_roundhandbold_script';
src: url(//www.endorphinedesign.com/wp-content/themes/endorphine/fonts/snellroundhand-boldscript-webfont.woff2) format('woff2'),
url(//www.endorphinedesign.com/wp-content/themes/endorphine/fonts/snellroundhand-boldscript-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}
:root {
--accent-color: #BD7969;
--gray-pale: #F3EDE4;
--gray-darker: #D6D2CE;
--test1: rgba(108, 97, 123, 0.5);
--test2: rgba(164, 126, 213, 0.5);
}
*{
margin: 0;
padding: 0;
}
html{
width: 100%;
height: 100%;
font-size: 10px;
scroll-behavior: smooth;
}
body{
width: 100%;
font-family: 'Montserrat', sans-serif;
}
body::-webkit-scrollbar {
width:1.2em;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(181,110,94,0.3);
}
body::-webkit-scrollbar-thumb {
background-color: rgba(181,110,94,0.7);
outline: 1px solid var(--accent-color);
border-radius: 10px;
}
.cursive-font {
font-family: 'snell_roundhandbold_script';
font-size: calc(53/44 * 100%);
}
#isotope-rea img{
width: 100%;
display: block;
height: auto;
object-fit: cover;
padding-bottom: 10px;
transition: 0.5s;
}
#isotope-rea img:hover{
transform: scale(0.95);
filter: grayscale(100%);
}
.overlay{
display: none;
position: fixed;
width: 100%;
height: 100%;
background-color: grey;
opacity: 0.7;
z-index: 3000;
}
.grecaptcha-badge{
display:none;
}
.accent-text {
color: var(--accent-color);
}         h1, h2, h3, h4, h5, h6{
font-weight: bold;
}
h1, h2{
font-family: 'gelica', cursive;
font-weight: 400;
}
h2{
font-size: 4rem;
color: #BD7969;
padding-bottom: 30px;
}
h4{
color: #fff;
}
h5{
color: #79797d;
font-size: 1.6rem;
text-align: center;
}
p{
color: #fff;
font-size: 1.4rem;
}
a{
color: #c5c1c5;
}
a:hover{
color: var(--accent-color, #BD7969);
text-decoration: none;
}
li{
font-size: 1.8rem;
font-weight: 300;
list-style-type: none;
}
i{
font-size: 2.2rem;
}
p{
display: block;
color: #000;
}
section{
padding:100px 0px 100px 0px
}
.the-content p,
.the-content a,
.the-content li{
font-size: 16px;
}
.the-content a{
color: var(--accent-color, #BD7969)
}
.the-content ul{
padding-left: 30px;
margin-bottom: 40px;
}
.the-content li{
list-style-type: disc;
}        .btn-plein,
.btn-plein-no-js{
padding: 10px 20px;
text-align: center;
border: 1px solid var(--accent-color, #BD7969);
border-radius: 50px;
display: inline-block;
color: var(--accent-color, #BD7969);
transition: 0.2s;
font-size: 1.15rem;
min-width: 160px !important;
max-width: 160px;
}
.btn-plein:hover,
.btn-plein-no-js:hover{
background-color: var(--accent-color, #BD7969);
color: #fff;
}
.hr {
margin-top: 60px !important;
display: flex;
align-items: center;
margin: 1em 0;
}
.hr::before, .hr::after {
content: '';
flex: 1;
margin: 0 .25em;
border-bottom: 1px solid #000;
}
.liens{
color: var(--accent-color, #BD7969);
font-size: 1.4rem;
}
.liens:hover{
color: #79797d;
}
.linkgrey{
font-size: 1.4rem;
}         header{
margin-top: 26px;
width: 100%;
position:fixed;
top: 0;
transition: ease 0.4s;
z-index: 2000;
pointer-events: none;
}
header .logo-ctn {
padding: 20px;
background-color: #BD7969;
border-radius: 50%;
pointer-events: all;
}
header .logo-ctn img {
width: 124px;
height: 124px;
}
header .main-menu-col {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 991px) {
header {
margin-top: 5px;
}
header .logo-ctn {
padding: 10px;
}
header .logo-ctn img {
width: 90px;
height: 90px;
}
header .main-menu-col {
position: relative;
}
header .main-menu-col .hamburger-ctn {
position: relative;
}
header .main-menu-col .hamburger-ctn::after {
content: '';
display: block;
height: 100%;
width: 100vw;
position: absolute;
top: 0;
right: calc((100vw - 720px) * -0.5 - 15px);
z-index: -1;
background-color: #fff;
box-shadow: 0px 3px 6px #00000029;
}
}
@media screen and (max-width: 767px) {
header .main-menu-col .hamburger-ctn::after {
right: calc((100vw - 540px) * -0.5 - 15px);
}
}
@media screen and (max-width: 540px) {
header .main-menu-col .hamburger-ctn::after {
right: -15px;
}
}
header #menu-menu-basique {
margin-bottom: 0;
position: relative;
display: flex;
align-items: center;
pointer-events: all;
}
header #menu-menu-basique::after {
content: '';
display: block;
height: 100%;
width: calc(100vw - ((100vw - 1140px)/2));
position: absolute;
top: 0;
right: 0;
z-index: -1;
background-color: #fff;
border-radius: 0 9999px 0 0;
box-shadow: 0px 3px 6px #00000029;
}
header #menu-menu-basique li {
position: relative;
}
header #menu-menu-basique li a {
display: inline-block;
padding-block: 25px;
padding-inline: min(calc(46px/2), calc(35/1366 * 100vw * 0.5));
font-size: 12px;
font-weight: 500;
color: #000;
border-radius: 9999px;
}
header #menu-menu-basique li.current-menu-item > a {
background-color: #BD7969;
color: #fff;
}
header #menu-menu-basique li.sur-mesure > a, .btn-sur-mesure {
padding-block: 25px;
padding-inline: 20px;
border-radius: 9999px 9999px 0 9999px;
background-color: #BD7969;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
header #menu-menu-basique li.sur-mesure > a:hover, .btn-sur-mesure:hover {
color: #fff;
}
@media screen and (min-width: 992px) {
header #menu-menu-basique li.sur-mesure > a:hover, .btn-sur-mesure:hover {
color: #fff;
}
}
@media screen and (max-width: 991px) {
.menu-hamburger #menu-menu-basique-1 li.sur-mesure > a{
display: inline-block;
margin-top: 15px;
padding-block: 15px;
padding-inline: 20px;
border-radius: 9999px 9999px 0 9999px;
background-color: #BD7969;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
}
header #menu-menu-basique .sub-menu {
position: absolute;
}         footer{
box-shadow: 0px -3px 6px #00000029;
padding-block: 50px;
}
footer .btnfooter {
display: flex;
justify-content: flex-end;
}
@media (min-width: 1200px) {
footer .container {
max-width: 1300px;
}
}
footer .logo-col {
padding-right: 35px;
border-right: 1px solid #BD7969;
}
footer .main-col {
padding-left: 35px;
}
footer .logoheader {
max-width: 100%;
}
footer .main-menu-ctn {
display: flex;
align-items: center;
}
footer .socials {
display: flex;
align-items: center;
gap: 10px
}
footer .socials a {
color: #000;
}
footer .socials a i::before {
font-size: 16px;
}
footer .menu-item-has-children ul{
display: none;
}
footer .menu-menu-basique-container ul li{
display: inline-block;
}
footer .menu-menu-basique-container ul li.sur-mesure {
display: none;
}
footer .menu-menu-basique-container ul li a {
color: #000;
font-size: 12px;
font-weight: 500;
}
footer .menu-menu-basique-container ul li{
margin-right: 30px;
}
footer .menu-menu-basique-container ul li:last-child{
margin-right: 0px;
}
@media screen and (max-width: 1200px) {
footer .menu-menu-basique-container ul:not(.sub-menu){
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 30px;
}
footer .menu-menu-basique-container ul li{
margin-right: 0;
white-space: nowrap;
}
footer .btnfooter{
margin-top: 30px;
margin-bottom: 30px;
order: -1;
justify-content: center;
}
footer .logo-col {
padding-right: 15px;
border-right: unset;
order: -1;
}
footer .main-col {
padding-left: 15px;
}
footer .logoheader {
max-width: 100%;
}
footer .main-menu-ctn {
display: flex;
flex-direction: column;
align-items: center;
}
footer .socials {
display: flex;
align-items: center;
gap: 10px
}
}
@media screen and (max-width: 992px) {
footer{
}
}
#credits p{
color: #000;
margin-bottom: 0px;
padding-bottom: 5px;
padding-top: 5px;
font-size: 12px;
}
@media screen and (max-width: 1200px) {
#credits p{
text-align: center;
}
}
#credits a {
color: #79797d;
}
#credits a:hover {
color: var(--accent-color);
}         .menu-item-has-children ul{
position: absolute;
background-color: #fff;
left: 50%;
width: 200px;
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
transition: 0.4s opacity ease, 0s visibility 0.4s;
}
@media screen and (min-width: 992px) {
.menu-item-has-children:hover ul, .menu-item-has-children:focus ul {
opacity: 1;
visibility: visible;
transition: 0.4s opacity ease, 0s visibility 0s;
}
}
#menu-hamburger .menu-item-has-children ul,#menu-hamburger .menu-item-has-children ul{
display: none;
}
.menu-item-has-children ul li:nth-last-child(1){
border: none;
}
.menu-head .menu-item-has-children:hover ul{
display: block;
box-shadow: 0px 2px 10px 0.1px rgb(0,0,0);
}
.menu-item-has-children .sub-menu li {
margin-right: 0px;
padding: 10px;
width: 100%;
z-index: 1200;
}
.menu-item-has-children .sub-menu li a{
padding: 12px;
width: 100%;
text-align: center;
display: inline-block;
}
.menu-item-has-children:hover ul li:hover{
background-color: rgba(243, 237, 228, 0.3);
}
.menu-head li.menu-item-has-children:before{
content: "";
position: absolute;
top: 125%;
padding: 3px;
margin-left: 8px;
left: 30%;
width: 10px;
height: 10px;
display: block;
border-left: 2px solid #BD7969;
border-bottom: 2px solid #BD7969;
transform: rotate(-45deg)translateX(40%);
transition: 0.2s;
}
.menu-head .menu-item-has-children:hover:before{
top: 35%;
left: 100%;
transform: rotate(135deg);
border-left: 2px solid #000;
border-bottom: 2px solid #000;
}
#footer .menu-item-has-children ul{
display: none;
}
@media only screen and (max-width: 576px) {
#menu-hamburger .menu-item-has-children ul{
display: none;
}
#footer .social{
margin:auto;
transform: translateX(-25%);
}
}         .hamburger {
padding-block: 25px;
display: inline-block;
cursor: pointer;
z-index: 2001;
transition: 0.3s;
pointer-events: all;
}
@media screen and (max-width: 991px) {
.hamburger {
padding-block: 20px;
}
}
@media screen and (max-width: 400px) {
.hamburger{
right: 20px;
}
}
.bar1, .bar2, .bar3 {
width: 35px;
height: 4px;
background-color: #333;
margin: 6px 0;
border-radius: 10px;
transition: 0.3s;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-7px, 6px);
background-color: #BD7969;
}
.change .bar2 {opacity: 0;}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
background-color: #BD7969;
}
.menu-hamburger {
padding-top: 130px;
position: fixed;
z-index: 100;
width: 100%;
height: 100%;
background-color: #fff;
transition: 0.3s;
top: 0;
left: 0;
transform: translateX(-100%);
overflow: scroll;
}
.show{
transform: translateX(0);
}
.menu-hamburger ul li{
font-size: 2rem;
margin-bottom: 15px;
font-size: 14px;
font-weight: 500;
}
.menu-hamburger ul li a {
color: #000;
}
@media screen and (max-width: 576px) {
.menu-hamburger  ul li{
margin-bottom: 7px;
}
}         #banniere-accueil .slogan{
font-family: 'gelica', cursive;
font-size: 15rem;
color: #fff;
}
@media screen and (max-width: 768px) {
#banniere-accueil .slogan{
font-size: 12rem;
}
}
@media screen and (max-width: 576px) {
#banniere-accueil .slogan{
font-size: 6rem;
}
}
#banniere-accueil p{
color: #fff;
font-size: 1.8rem;
font-weight: 300;
}
#accueil-services p{
font-size: 1.4rem;
font-weight: 300;
}
@keyframes scale-easeinBounce {
0% {
transform: rotate(30deg);
}
100% {
transform: rotate(0deg);
}
}
#accueil-services img, #services img{
animation: scale-easeinBounce 0.4s forwards;
min-width: 180px;
max-width: 180px;
height: 140px;
}
#a-propos h2{
color: #fff;
}
#a-propos p{
color: #fff;
font-size: 1.4rem;
}
#a-propos i{
font-size: 1rem;
color: #fff;
}
#a-propos.accueil-variant h2 {
font-size: clamp(28px, calc(36/1366 * 100vw), 36px);
font-family:"gelica";
font-weight: 500;
line-height: calc(57/36);
letter-spacing: calc(1.8/36 * 1em);
color: #fff;
}
#a-propos.accueil-variant p {
font-size: clamp(16px, calc(20/1366 * 100vw), 20px);
}
#a-propos.accueil-variant .btns-ctn {
display: flex;
justify-content: center;
}
@media screen and (max-width: 991px) {
#a-propos.accueil-variant  {
padding-block: 50px;
}
}
i.prev{
float: left;
padding: 3px;
width: 5px;
height: 5px;
display: block;
z-index: 100;
transition: 0.1s;
transform: rotate(-135deg) translateY(-150%);
border-left: 1px solid var(--accent-color, #BD7969);
border-bottom: 1px solid var(--accent-color, #BD7969);
margin-right: 15px;
}
#blogue i.prev {
margin-left: 30px;
}
#blogue .anim i.prev {
margin-left: 0px;
}
#blogue a:hover i{
margin-left: 35px;
margin-right: 5px;
border-left: 1px solid #79797d;
border-bottom: 1px solid #79797d;
}
#blogue .element-item{
min-height: 365px;
}
#actualites a:hover i{
margin-left: 5px;
margin-right: 5px;
border-left: 1px solid #79797d;
border-bottom: 1px solid #79797d;
}
#actualites .img_actus{
height: 150px;
}
#actualites .img_actus img{
width: 100%;
height: 100%;
object-fit: cover;
object-position:10% 20%;
}
#isotope-rea .realisations img{
width: 100%;
height: 100%;
object-fit: cover;
}
#actualites span.date{
font-size: 1.4rem;
color: #dddddd;
}
.slider_accueil{
background: var(--gray-pale, #F3EDE4);
padding-block: 77px 50px;
}
.slider_accueil h2{
font-size: clamp(28px, calc(36/1366 * 100vw), 36px);
font-family:"gelica";
font-weight: 500;
line-height: calc(57/36);
letter-spacing: calc(1.8/36 * 1em);
color: #000;
}
.slider_accueil .slick-list {
margin-right: -26px;
}
.slider_accueil .slick-slide {
margin-right: 26px;
}
.slider_accueil .img_slider{
opacity: 1;
width: 100%;
padding: 0px;
transition: 0.2s;
cursor: pointer;
}
.slider_accueil .img_slider a {
display: block;
width: 100%;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
.slider_accueil img{
width: 100%;
height: 100%;
object-fit: cover;
box-shadow: 0px 0px 25px 0.5px rgba(0,0,0,0.2);
}
.slider_accueil .slick-track{
display: flex;
align-items: center;
}
.slider_accueil i.fas{
position: absolute;
top: 47%;
z-index: 10;
color: #000;
cursor: pointer;
}
.slider_accueil i.fa-chevron-left{
transform: translateX(-50%);
left: -40px;
}
.slider_accueil i.fa-chevron-right{
transform: translateX(50%);
right: -40px;
}
.slider_accueil .btns-ctn {
display: flex;
justify-content: center;
}
@media screen and (max-width: 991px) {
.slider_accueil {
padding-block: 50px;
}
}
@media screen and (max-width: 767px) {
.slider_accueil .slick-slider {
padding-inline: 30px;
}
.slider_accueil i.fa-chevron-left{
left: 0;
}
.slider_accueil i.fa-chevron-right{
right: 0;
}
}
#accueil-services a.servicelien h3{
color: #000;
}
#accueil-services a.servicelien:hover h3, #services a.servicelien:hover h5{
color: #BD7969;
}
#accueil-services a.servicelien:hover img, #services a.servicelien:hover img{
animation: scale-easeOutBounce 0.4s forwards;
}
@keyframes scale-easeOutBounce {
0% {
transform: rotate(0deg);
}
12% {
transform: rotate(5deg);
}
24% {
transform: rotate(10deg);
}
50% {
transform: rotate(30deg);
}
74% {
transform: rotate(25deg);
}
100% {
transform: rotate(30deg);
}
}         #banniere-page {
padding-top: max(50px, calc(var(--menu-height, 0px) + 20px));
}
#banniere-page .slogan{
font-size: 60px;
font-family:"gelica";
font-weight: 500;
line-height: calc(57/42);
letter-spacing: calc(2.1/42 * 1em);
color: #fff;
}
@media screen and (max-width: 450px) {
#banniere-page .slogan{
font-size: 38px;
max-width: 300px;
}
}
#actus_single{
padding-bottom: 0px;
}
a.linkarticle{
font-size: 1.4rem;
}
.banniere_single img{
width: 100%;
height:400px;
object-fit: cover;
transition: .2s;
position: relative;
}
.service-seul{
cursor: pointer;
}
.banniere_single .carrehover{
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
opacity: 0;
transition: 0.2s;
top: 0;
}
.banniere_single .carrehover.hover{
opacity: 1;
}
.banniere_single  h2{
margin: 0;
padding: 0;
}
.banniere_single h2+p{
font-style: italic;
}
.banniere_single img.hover{
transform: scale(0.95);
filter: brightness(50%);
}
.single-image img{
width: 100%;
height: 400px;
object-fit: cover;
}
.single-image-service img{
min-width: 180px;
max-width: 180px;
height: 140px;
object-fit: contain;
}
.fleche{
position: absolute;
left: 50%;
margin-top: -20px;
-webkit-animation:bounce 1s infinite;
}
.fleche i{
padding: 10px;
margin: auto;
font-size: 5rem;
transform: translate(-30%);
}
@-webkit-keyframes bounce {
0%       { margin-top:-25px; }
25%, 75% { margin-top:-35px; }
50%      { margin-top:-40px; }
100%     {margin-top:-20px;}
}         #contact p{
font-size: 1.6rem;
}
#contact a{
color: #BD7969;
}
#contact a:hover{
color: #c5c1c5;
}
.acf-map{
height: 300px;
}        #services img{
min-width: 180px;
max-width: 180px;
}        input[type='text'],
input[type='email'],
input[type='tel'],
input[type='number'],
select,
textarea{
margin-top: 10px;
width: 100%;
padding: 10px 15px;
border: 1px solid #eeee;
color: #BD7969;
outline: none;
}
#contactselect{
font-size: 1.4rem;
margin-bottom: 30px;
}
select{
margin-top: 10px;
height: 40px;
background-color: white;
}
input[type='submit']{
border: none;
border-radius: 50px;
padding: 10px 30px;
color: #fff;
font-size: 1.2rem;
background-color: var(--accent-color);
}
textarea{
height: 180px;
}
label{
font-size: 1.4rem;
width: 100%;
color: #000;
}        #isotope-rea button, #blogue button{
border: none;
padding: 10px 20px;
font-size: 1.4rem;
background-color: #fff;
color: #c5c1c5;
}
#isotope-rea button:hover, #blogue button:hover{
color: #fff;
background-color: var(--accent-color, #BD7969);
}
#isotope-rea button:focus,#isotope-rea button.active, #blogue button:focus, #blogue button.active{
outline: none;
border: 1px solid var(--accent-color, #BD7969);
}        #blogue img{
width: 100%;
height: 200px;
object-fit: cover;
object-position:top;
}
#blogue h4{
color: #79797d;
}
#blogue span{
font-size: 1.2rem;
color: #d6d6d6;
}
#a-propos-page img{
width: 100%;
height: 300px;
object-fit: cover;
position: relative;
}
#a-propos-page .shadow-img{
position: absolute;
top: 0;
z-index: 10;
right: 0;
height: 100%;
object-fit: cover;
width: 100%;
}
#a-propos-page section{
width: 100%;
}
#a-propos-page p{
font-size: 1.6rem;
}
#a-propos-page a{
color: #fff;
}       #accordeon .accordion {
color: #444;
cursor: pointer;
margin-top: 10px;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
border-bottom: 0.1px solid rgba(243, 237, 228, 0.5);
background-color: rgba(243, 237, 228, 0.5);
transition: 0.4s;
}
#accordeon h2 {
margin-top: 50px;
}
#accordeon .active, .accordion:hover {
background-color: #F3EDE4;
}
#accordeon .panel {
padding: 0 18px;
background-color: #fff;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
#accordeon .panel .row{
padding: 10px 0px;
}
#accordeon .accordion p{
font-weight: 600;
font-size: 1.6rem;
color: #000;
}
#accordeon .panel p{
font-size: 1.6rem;
color: #000;
}
.panel span.ones{
font-weight: 500;
}  span.accordarrow{
content: "";
position: relative;
padding: 5px;
margin-top: 5px;
width: 15px;
height: 15px;
display: block;
z-index: 3;
transform: rotate(-45deg);
border-left: 2px solid #000;
border-bottom: 2px solid #000;
transition: 0.2s;
}
span.open{
transform: rotate(135deg);
}       .modal { }
.modal {
display: block!important;
position: relative!important;
width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-content {
padding: 0px !important;
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
border: none!important;
width: 100%;
}
@media screen and (max-width: 992px) { }
@media screen and (max-width: 768px) { } @-webkit-keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
}
@keyframes animatetop {
from {top:-300px; opacity:0}
to {top:0; opacity:1}
} .close {
color: #000;
float: right;
font-size: 28px;
font-weight: bold;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-head {
padding: 2px 16px;
color: white;
}
.modal-body {
padding: 2px 16px;
width: 80%;
margin: auto;
}
.modal-body input[type='submit']{
display: flex;
margin: auto;
}
.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
#myModal .hide{
display: none!important;
}
input[type='submit']:hover{
border: 1px solid var(--accent-color, #BD7969);
background: white;
color: var(--accent-color, #BD7969);
transition: 0.2s;
}
input[type='submit']
{
transition: 0.2s;
border: 1px solid var(--accent-color, #BD7969);
}
.slider-accueil .slick-dots{
bottom: 15px;
}
.slider-accueil .slick-dots li button:before{
font-size: 38px;
}
.btn-consent {
display: block;
position: fixed;
right: 75px;
bottom: 0;
padding: 8px 10px;
background-color: #fff;
border-radius: 10px 10px 0 0;
-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
box-shadow: 0 0 10px 1px rgba(0,0,0,0.2);
color: #000;
font-size: 16px;
transform: translateY(75%);
transition: transform 0.3s;
}
.btn-consent:hover {
color: #000;
text-decoration: none;
transform: none;
}       #a-propos-page.light p {
color: #fff;
}
#a-propos-page.light h2 {
color: #fff;
}
#a-propos-page.light a {
color: var(--gray-darker);
}
#a-propos-page.light a:hover {
color: #000;
}       span.cursive {
}
.intro-accueil {
padding-block: clamp(200px, calc(285/1366 * 100vw),285px) 50px;
background-color: #F3EDE4;
position: relative;
overflow: hidden;
min-height: calc(var(--min-height) + 50px);
}
.intro-accueil .imgs-ctn {
position: absolute;
width: calc(1140px * 4/12 + (100vw - 1140px)/2);
top: 0;
right: 0;
display: flex;
flex-direction: column;
z-index: 1;
}
@media screen and (max-width: 1500px) {
.intro-accueil .imgs-ctn {
width: calc(1140px * 5/12 + (100vw - 1140px)/2);
}
}
@media screen and (max-width: 1199px) {
.intro-accueil .imgs-ctn {
width: calc(960px * 6/12 + (100vw - 960px)/2);
}
}
@media screen and (max-width: 991px) {
.intro-accueil {
padding-top: 0;
display: flex;
flex-direction: column;
}
.intro-accueil .imgs-ctn {
margin-bottom: 30px;
width: 80%;
position: relative;
align-self: flex-end;
}
}
@media screen and (max-width: 991px) {
.intro-accueil {
padding-bottom: 0;
}
}
.intro-accueil .imgs-ctn .big-ctn {
position: relative;
width: calc(556/662 * 100%);
aspect-ratio: 1;
align-self: flex-end;
}
.intro-accueil .imgs-ctn .big-ctn::after {
content: '';
display: block;
width: calc(100% + 40px * 2);
height: calc(100% + 40px * 2);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: -1;
border: 1px solid #BD7969;
border-radius: 50%;
}
.intro-accueil .imgs-ctn .small-ctn {
margin-top: calc(244/662 * 100% * -0.75);;
position: relative;
width: calc(244/662 * 100%);
aspect-ratio: 1;
}
.intro-accueil .imgs-ctn .big-ctn img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 50% 0 50% 50%;
}
.intro-accueil .imgs-ctn .small-ctn img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 50%;
border: 10px solid #F3EDE4;
}
.intro-accueil h1 {
margin-bottom: 1em;
font-size: 42px;
font-family:"gelica";
font-weight: 500;
line-height: calc(57/42);
letter-spacing: calc(2.1/42 * 1em);
}
@media screen and (max-width: 767px) {
.intro-accueil h1 {
font-size: 32px;
margin-bottom: 1em;
}
}
.intro-accueil p {
font-size: clamp(16px, calc(20/1366 * 100vw), 20px);
}
.btns-ctn {
margin-top: 44px;
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.button-outlined {
padding-block: 23px;
padding-inline: 25px;
border-radius: 9999px;
border: 1px solid #BD7969;
color: #BD7969;
transition: 0.4s all ease;
}
@media screen and (max-width: 991px) {
.button-outlined {
padding-block: 15px;
padding-inline: 20px;
text-align: center;
}
}
.button-outlined.white {
border-color: #fff;
color: #fff;
}
.button-outlined .label {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
white-space: nowrap;
}
@media screen and (max-width: 991px) {
.button-outlined .label {
white-space: normal;
font-size: clamp(12px, calc(16/820 * 100vw), 16px);
}
}
.button-outlined:hover, .button-outlined:focus {
color: #fff;
background-color: #BD7969;
}
.button-outlined.white:hover, .button-outlined.white:focus {
border-color: #BD7969;
} .accueil-produits {
padding-block: 50px 95px;
background-color: #F3EDE4;
}
@media screen and (max-width: 991px) {
.accueil-produits {
padding-block: 50px;
}
}
.accueil-produits h2 {
font-size: clamp(28px, calc(36/1366 * 100vw), 36px);
font-family:"gelica";
font-weight: 500;
line-height: calc(57/36);
letter-spacing: calc(1.8/36 * 1em);
color: #000;
}
.accueil-produits .main-row {
row-gap: 32px;
}
.accueil-produits .main-row .img-ctn {
padding: 20px;
position: relative;
aspect-ratio: 535/213;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
box-shadow: 0px 3px 6px #00000029;
border-radius: 0 32px 32px 32px;
overflow: hidden;
}
.accueil-produits .main-row .img-ctn .infos {
padding: 20px;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
row-gap: 1em;
background-color: var(--card-title-bg-color);
z-index: 2;
text-align: center;
color: #fff;
opacity: 0;
transition: 0.4s opacity ease;
}
@media screen and (min-width: 992px) {
.accueil-produits .main-row .img-ctn .link-overlay:hover + img + h3 + .infos {
opacity: 1;
}
}
.accueil-produits .main-row .img-ctn .infos::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
background-color: var(--title-bg-color, #000);
opacity: 0.85;
}
.accueil-produits .main-row .img-ctn .infos p {
color: #fff;
}
.accueil-produits .main-row .img-ctn img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.accueil-produits .btns-ctn {
display: flex;
justify-content: center;
}
.accueil-produits h3 {
margin-bottom: 0;
padding-block: 10px;
padding-inline: 15%;
position: relative;
z-index: 2;
color: #fff;
background-color: var(--title-bg-color, #000);
font-weight: 500;
font-family: 'gelica';
letter-spacing: calc(1/20 * 1em);
font-size: clamp(16px, calc(20/1366 * 100vw), 20px);
text-align: center;
}
.accueil-produits .main-row [class^="col"]:nth-child(2) {
--title-bg-color: #ADABA9;
}
.accueil-produits .main-row [class^="col"]:nth-child(3) {
--title-bg-color: #AFA492;
}
.accueil-produits .main-row [class^="col"]:nth-child(4) {
--title-bg-color: #905B4E;
}
.accueil-produits .link-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
z-index: 3;
} .actualités-new h2 {
font-size: clamp(28px, calc(36/1366 * 100vw), 36px);
font-family:"gelica";
font-weight: 500;
line-height: calc(57/36);
letter-spacing: calc(1.8/36 * 1em);
color: #000;
}
.actualités-new article {
border-radius: unset;
outline: none;
border: 1px solid var(--card-border-color, transparent);
background-color: var(--card-bg-color, transparent);
}
.actualités-new article .link-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.actualités-new article p {
font-size: clamp(14px, calc(18/1366 * 100vw), 18px);
}
.actualités-new article .date {
margin-top: 1em;
color: var(--card-date-color, #D3C7B2);
}
.actualités-new article.card {
display: block;
position: static;
}
.actualités-new .main-grid {
display: grid;
grid-template-columns: calc(350/1336* 100vw) 1fr;
grid-template-rows: auto auto;
}
.actualités-new .main-grid .img-ctn {
grid-column: 1/span 1;
grid-row: 1/span 2;
justify-self: stretch;
aspect-ratio: 350/524;
position: relative;
border-radius: 0 0 45px 45px;
box-shadow: 0px 3px 6px #00000029;
overflow: hidden;
min-height: 100%;
}
.actualités-new .main-grid .img-ctn img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.actualités-new .main-grid .featured-article {
position: relative;
display: block;
--card-bg-color: #F3EDE4;
grid-column: 2/span 1;
grid-row: 1/span 1;
padding-inline: 20px;
padding-block: 20px 30px;
border-radius: 0 32px 32px 0;
background-color: var(--card-bg-color, transparent);
box-shadow: 0px 3px 6px #00000029;
}
.actualités-new .main-grid .featured-article .text-ctn {
padding-left: calc(40/350 * 50%);
}
.actualités-new .main-grid .featured-article h3 {
display: inline-block;
padding-inline: calc(38/24 * 1em);
padding-block: calc(18/24 * 1em);
font-size: clamp(18px, calc(24/1366 * 100vw), 24px);
color: #000;
background-color: var(--card-title-bg-color, #D3C7B2);
}
.actualités-new .main-grid .small-grid-ctn {
grid-column: 2/span 1;
grid-row: 2/span 1;
margin-top: 20px;
margin-left: 20px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
column-gap: 20px;
}
.actualités-new .main-grid .small-grid-ctn article {
position: relative;
padding: calc(40/350 * 100%);
}
.actualités-new .main-grid .small-grid-ctn article:nth-child(1) {
--card-border-color: #BD7969;
--card-date-color: #BD7969;
}
.actualités-new .main-grid .small-grid-ctn article:nth-child(2) {
--card-border-color: #9D9A98;
--card-date-color: #9D9A98;;
}
.actualités-new .btns-ctn {
display: flex;
justify-content: center;
}
.actualités-new p {
font-size: clamp(16px, calc(20/1366 * 100vw), 20px);
}
.actualités-new .title-row {
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.actualités-new {
padding-block: 50px;
}
.actualités-new .main-grid {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto;
}
.actualités-new .main-grid .img-ctn {
aspect-ratio: 16/9;
grid-column: 1/span 1;
grid-row: 1/span 1;
border-radius: 0 32px 0 0;
}
.actualités-new .main-grid .img-ctn img {
object-position: 10% 20%;
}
.actualités-new .main-grid .featured-article {
grid-column: 1/span 1;
grid-row: 2/span 1;
border-radius: 0 0 32px 32px;
}
.actualités-new .main-grid .small-grid-ctn {
margin-left: 0;
grid-column: 1/span 1;
grid-row: 3/span 1;
grid-template-columns: 1fr;
grid-auto-flow: row;
row-gap: 20px;
}
} body.page-template-archive-services .gradient-ctn {
background: linear-gradient(180deg, #F3EDE4 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}
.entete-produits {
padding-block: calc(var(--menu-height, 0px) + 15px) 0;
}
.entete-produits #breadcrumbs-ctn {
font-weight: 600;
}
.entete-produits #breadcrumbs-ctn a {
color: #000;
font-weight: 400;
}
.entete-produits h1 {
margin-bottom: 0;
font-size: clamp(34px, calc(42/1366 * 100vw), 42px);
font-family:"gelica";
font-weight: 500;
line-height: calc(57/42);
letter-spacing: calc(2.1/42 * 1em);
}
.entete-produits .separator {
padding-block: 27px 98px;
background-color: #EBE1D2;
}
.entete-produits .breadcrumbs-row {
margin-bottom: 64px;
}
.entete-produits .main-row {
flex-wrap: nowrap;
}
.entete-produits .left-col {
flex-basis: 33%;
padding-left: 15px;
padding-right: 6%;
border-right: 1px solid #BD7969;
display: flex;
align-items: center;
}
.entete-produits .right-col {
flex-grow: 1;
padding-right: 15px;
padding-left: 6%;
display: flex;
flex-direction: column;
justify-content: center;
}
.entete-produits .right-col p {
font-size: clamp(16px, calc(20/1366 * 100vw), 20px);
}
.entete-produits .right-col p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
.entete-produits .breadcrumbs-row {
margin-bottom: 34px;
}
.entete-produits .main-row {
flex-wrap: wrap;
row-gap: 1em;
}
.entete-produits .right-col {
flex-basis: 100%;
padding-left: 15px;
}
.entete-produits .left-col {
flex-basis: 100%;
padding-right: 15px;
border-right: unset;
}
.entete-produits .separator {
padding-block: 27px 50px;
}
} .services-list .main-row {
row-gap: 96px;
}
.services-list .img-ctn {
position: relative;
aspect-ratio: 1088/334;
border-radius: 0 32px 32px 32px;
box-shadow: 0px 3px 6px #00000029;
overflow: hidden;
}
.services-list .img-ctn img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.services-list h2 {
padding-bottom: 0;
margin-bottom: 0.75em;
font-size: clamp(28px, calc(36/1366 * 100vw), 36px);
font-family:"gelica";
font-weight: 500;
line-height: calc(57/36);
letter-spacing: calc(1.8/36 * 1em);
color: #000;
}
.services-list p {
margin-bottom: 1em;
font-size: clamp(16px, calc(20/1366 * 100vw), 20px);
}
.services-list .service-col {
display: flex;
flex-direction: column;
}
.services-list .service-col .btns-ctn {
align-self: flex-end;
}
@media screen and (max-width: 991px) {
.services-list {
padding-block: 50px;
}
.services-list .main-row {
row-gap: 48px;
}
}
.soumission-cta {
padding-top: 0;
}
.soumission-cta .content {
padding-block: calc(84/1088 * 100%);
padding-inline: calc(123/1088 * 100%);
display: flex;
flex-direction: column;
align-items: center;
background-color: #BD7969;
border-radius: calc(80/1366 * 100vw) calc(80/1366 * 100vw) 0 calc(80/1366 * 100vw);
text-align: center;
}
.soumission-cta .content .btns-ctn {
align-self: flex-end;
}
.soumission-cta .content .btns-ctn a:hover, .soumission-cta .content .btns-ctn a:focus {
color: #BD7969;
background-color: #fff;
}
.soumission-cta .content h2, .soumission-cta .content p {
color: #fff
}
.soumission-cta .content p {
font-size: clamp(16px, calc(20/1366 * 100vw), 20px);
}
.soumission-cta .content h2 {
font-size: clamp(28px, calc(36/1366 * 100vw), 36px);
font-family:"gelica";
font-weight: 500;
line-height: calc(57/36);
letter-spacing: calc(1.8/36 * 1em);
color: #fff;
}
@media screen and (max-width: 991px) {
.soumission-cta {
padding-bottom: 50px;
}
.soumission-cta .content .btns-ctn a .label {
white-space: normal;
font-size: clamp(12px, calc(16/820 * 100vw), 16px);
}
}
.services-single-listing .img-ctn {
position: relative;
width: 100%;
aspect-ratio: 522/434;
border-radius: 0 32px 32px 32px;
overflow: hidden;
}
.services-single-listing .img-ctn img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
}
.services-single-listing .img-ctn h3 {
margin-left: 20px;
margin-top: 20px;
display: inline-block;
position: relative;
z-index: 1;
padding-block: 10px;
padding-inline: 18px;
color: #AFA492;
background-color: #F3EDE4;
font-size: clamp(16px, calc(20/1366 * 100vw), 20px);
font-family: 'gelica';
font-weight: 600;
letter-spacing: calc(1/20 * 1em);
}
.services-single-listing .img-ctn .link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 2;
}
.services-single-listing .main-row {
row-gap: 32px;
}
.services-single-listing h2 {
font-size: clamp(28px, calc(36/1366 * 100vw), 36px);
font-family:"gelica";
font-weight: 500;
line-height: calc(57/36);
letter-spacing: calc(1.8/36 * 1em);
color: #000;
}
@media screen and (max-width: 991px) {
.services-single-listing {
padding-block: 50px;
}
}
.btn-boutique {
position: fixed;
right: 0;
bottom: 20%;
padding-block: 23px;
padding-inline: 30px;
background-color: #BD7969;
z-index: 99;
border-radius: 9999px 0 0 9999px;
}
.btn-boutique .label {
color: #fff;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
}