/* ====== POLICES LOCALES ====== */
@font-face { font-family: 'Lora'; font-style: italic; font-weight: 400 700; font-display: swap; src: url(../fonts/lora-italic-latin-ext-v37.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lora'; font-style: italic; font-weight: 400 700; font-display: swap; src: url(../fonts/lora-italic-latin-v37.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/lora-normal-latin-ext-v37.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(../fonts/lora-normal-latin-v37.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Allison'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/allison-normal-latin-ext-v13.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Allison'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/allison-normal-latin-v13.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ====== RESET ====== */
*,*::before,*::after {box-sizing: border-box;margin:0;padding:0}
::-webkit-scrollbar {width: 8px;height: 8px}
::-webkit-scrollbar-track {background: #222;border-radius: 10px}
::-webkit-scrollbar-thumb {background: #444;border-radius: 10px}
::-webkit-scrollbar-thumb:hover {background: #666}
::selection {color: white;background: #b15442}
html,body {min-width: 320px;scroll-behavior: smooth;scroll-padding-top: 120px;-webkit-tap-highlight-color: transparent;font-family: "Lora", serif;background: #fff;color:#1C1C1C}
body.no-scroll {overflow: hidden}
a,a:visited, a:hover, a:active {text-decoration: none;color: inherit;outline: none;transition: all 200ms ease-in-out}
button {outline: none;border:none;transition: all 200ms ease-in-out;cursor:pointer}
ul li{list-style-type: none;color:#222;font-size: .95rem}
ul.check li {list-style-image: url('../img/check.svg');margin-left:24px;margin-bottom:8px;padding-left: 2px}
picture {display:block}
img {max-width:100%}
h1,h2,h3,h4,h5,h6 {line-height: 1.2}
h1 {font-size: 3.5rem;font-weight: 400;font-style: italic}
h2 {font-size: 2rem;font-weight: 400;font-style: italic}
h3,h4 {font-size: 1.2rem;font-weight: 400;font-style: italic}
p {font-size:.95rem;line-height: 150%;color: #222;}
.center {text-align: center;}
@media (max-width:1366px){
  h1 {font-size: 3rem;}
}
@media (max-width:768px){
  h1 {font-size: 2.2rem;}
}
/*
/*
/* ====== LAYOUT ====== */

/* ------ Container ------ */
.container,
.contentmenu {width: 100%; margin: 0 auto;padding: 0 2%;max-width: 1366px}
@media (max-width:1680px){
  .container,
  .contentmenu {width: 100%; margin: 0 auto;padding: 0 5%;max-width: 1366px}
}
@media (max-width:1199px){
  main#acc {margin-top: 60px;}
  .container {width: 100%;margin: 0 auto;padding:0 50px}
  .contentmenu {padding: 0 2%}
}
@media (max-width:768px){
  .container {padding:0 25px} 
}

/* ------ Grid ------ */
.grid {display: grid;gap: 20px}
.grid.grid-2 {grid-template-columns: 1fr 1fr}
.grid.grid-3 {grid-template-columns: 1fr 1fr 1fr}
.grid.grid-4 {grid-template-columns: 1fr 1fr 1fr 1fr}
.grid.grid-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr}
.grid.grid-6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr}
.grid.grid-2-1 {grid-template-columns: 2fr 1fr}
.grid.grid-3-1 {grid-template-columns: 3fr 1fr}
.grid.grid-4-1 {grid-template-columns: 4fr 1fr}
.grid.grid-5-1 {grid-template-columns: 5fr 1fr}
.grid.grid-1-2 {grid-template-columns: 1fr 2fr}
.grid.grid-1-3 {grid-template-columns: 1fr 3fr}
.grid.grid-1-4 {grid-template-columns: 1fr 4fr}
.grid.grid-1-5 {grid-template-columns: 1fr 5fr}

/* ------ Overlay ------ */
#overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none}
#overlay.open-modal {display: block;z-index: 998}
#overlay.open-navbar {display: block;z-index: 996}

/* ------ MENU ------ */
header {padding: 20px 0;background:rgba(255,255,255,1);box-shadow: none;z-index:999;position: sticky;top:0;transition: padding 0.3s ease-out,box-shadow 0.3s ease-out;}
header .grid {align-items: center;}
header .logo picture {height: 50px;vertical-align: middle;display: inline-block;}
header .logo picture img {height: 50px;width: 50px;}
header .logo strong {vertical-align: middle;font-family: "Allison", cursive;font-weight: 400;font-style: normal;font-size: 2.5rem;color:#b15442;display: inline-block;}
header .menu {text-align: right;}
header .menu ul li{display: inline-block;position: relative;}
header .menu ul li a {padding: 20px;font-size: 1rem;font-weight: 400;font-style: italic;}
header .menu ul li a.actif,header .menu ul li:hover a {color:#b15442}
header .menu ul li:last-child a {padding: 15px 25px;margin-left: 20px;border: 2px solid #b15442;background: #b15442;color:#fff;border-radius:30px}
header .menu ul li:last-child:hover a,header .menu ul li:last-child a.actif {background: transparent;color:#b15442;}
header#header.sticky {box-shadow: 0px 0px 10px rgba(0, 0, 0, .15);padding: 10px 0;}
header#header.sticky .logo img {height: 50px}
header#header.sticky .menu ul li:last-child a {padding: 12px 25px}
.hamburger-container {display: none;background: transparent;color: inherit;font: inherit;border: 0;padding: 0}
@media (max-width:1199px){
  header {padding: 10px 0;position: fixed;top:0;left:0;width: 100%}
  header .grid {display: block}
  header .logo picture {height: 30px}
  header .logo picture img {height: 30px;width: 30px;}
  header .logo strong {font-size: 1.8rem;}
  header .menu {text-align: left;display: flex;position: absolute;top:50px;background:#fff;border-top: 1px solid #eee;height: 100vh}
  header .menu ul {height: 100vh;overflow-y: auto}
  header .menu ul li {display: block;width:350px;border-bottom: 1px solid #eee;}
  header .menu ul li a {display: block;padding: 20px;font-size: .95rem}
  header .menu ul li:last-child a {margin-left: 0px;border-radius:0px;border:none;padding: 20px}
  header#header.sticky {padding: 10px 0;}
  header#header.sticky .logo img {height: 30px}
  header#header.sticky .menu ul li:last-child a {padding: 20px}
  .hamburger-container {display: flex;align-items: center;cursor: pointer;position: absolute;right:5px;top:5px}
  .menu-label {font-size: .9rem;margin-right: 5px;color: #333;font-weight: 400;font-style: italic;}
  .hamburger {width: 50px;height: 50px;transform: rotate(0deg);transition: .5s ease-in-out;cursor: pointer}
  .hamburger span {display: block;position: absolute;height: 3.2px;width: 40px;background: #b15442;border-radius: 5px;left: 24%;margin-top:9px;transform: rotate(0deg);transition: .25s ease-in-out}
  .hamburger span:nth-child(1) {top: 6px;width: 50%}
  .hamburger span:nth-child(2) {top: 14px;width: 50%}
  .hamburger span:nth-child(3) {top: 14px;width: 50%;opacity: 0}
  .hamburger span:nth-child(4) {top: 22px;width: 50%}
  .hamburger.open span:nth-child(1) {top: 12px;width: 0%;left: 50%}
  .hamburger.open span:nth-child(2) {transform: rotate(45deg)}
  .hamburger.open span:nth-child(3) {transform: rotate(-45deg);opacity: 1}
  .hamburger.open span:nth-child(4) {top: 12px;width: 0%;left: 50%}
  #navbar.open {right: 0px;opacity:1}
  #navbar {right: -350px;opacity:0;top:57px;overflow-y: auto;transition: right 250ms ease-in-out,opacity 250ms ease-in-out;box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1);height: 100vh;max-height: 100vh;}
}
@media (max-width:768px){
  header .menu ul li {width:280px;}
  #navbar {right: -280px}
}

/* ------ FOOTER ------ */
footer {background: #151515}
footer p,footer a {color:#ddd}
footer .footer-title {color :#cfa195;margin-bottom: 30px;font-size: 1.8rem;font-style: italic;font-weight: 400;}
footer .grid-footer {gap: 50px;grid-template-columns: 1fr 1fr 1fr;padding: 80px 0}
footer a.logo {display: block;margin-bottom: 0px;}
footer .logo picture {height: 50px;vertical-align: middle;display: inline-block;}
footer .logo picture img {height: 50px;width: 50px;}
footer .logo strong {vertical-align: middle;font-family: "Allison", cursive;font-weight: 400;font-style: normal;font-size: 3.5rem;color:#cfa195;display: inline-block;}
footer .grid-footer .grid-item:nth-child(1) p strong {font-style: italic;color:#ddd}
footer .grid-footer .grid-item:nth-child(1) p {color :#cfa195}
footer .grid-footer .grid-item:nth-child(1) span.reso {margin-top: 30px;margin-right: 30px;font-style: italic;display:inline-block;}
footer .grid-footer .grid-item:nth-child(1) span.reso svg,
footer .grid-footer .grid-item:nth-child(1) span.reso a {display: inline-block;vertical-align: middle;color:#ddd;font-size: .9rem;font-weight: 300;}
footer .grid-footer .grid-item:nth-child(1) span.reso svg {margin-right: 2px}
footer .grid-footer .grid-item:nth-child(1) span.reso a:hover {color: #b15442}
footer .grid-footer .grid-item:nth-child(2) {border-left: 1px solid #333;border-right: 1px solid #333;padding: 0 50px}
footer .grid-footer .grid-item:nth-child(2) li {padding: 5px 0;border-bottom: 1px solid #333}
footer .grid-footer .grid-item:nth-child(2) li:first-child {padding: 0 0 5px 0}
footer .grid-footer .grid-item:nth-child(2) li:last-child {border-bottom: none}
footer .grid-footer .grid-item:nth-child(2) li a {padding: 5px 0;display: block;font-style: italic;color:#ddd}
footer .grid-footer .grid-item:nth-child(2) li a:hover,footer .grid-footer .grid-item:nth-child(2) li a.actif {color :#cfa195}
footer .grid-footer .grid-item:nth-child(2) li a.actif:hover span {margin-right:5px}
footer .grid-footer .grid-item:nth-child(2) li a span {color :#cfa195;margin-right:5px;transition: margin-right 200ms ease-in-out}
footer .grid-footer .grid-item:nth-child(2) li a:hover span {transition: margin-right 200ms ease-in-out;margin-right:8px}
footer .grid-footer .grid-item:nth-child(3) address p {display: flex; align-items: start;font-style: normal;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #333;}
footer .grid-footer .grid-item:nth-child(3) address p:last-child {border-bottom: none;}
footer .grid-footer .grid-item:nth-child(3) address p svg {margin-right: 15px;margin-top: 2px;color :#cfa195}
footer .grid-footer .grid-item:nth-child(3) address small {color:#cfa195}
#bottom-bar {font-size: .8rem;background: #000;padding:6px 0;width:100%;color: #ddd;font-style: italic;}
#bottom-bar small,#bottom-bar a:hover,#bottom-bar a.actif {color: #b15442}
#bottom-bar div.grid-item {justify-self: start}
#bottom-bar nav.grid-item {justify-self: end}
@media (max-width:1366px){
  #bottom-bar {padding: 10px 0;text-align: center;}
  #bottom-bar div.grid-item {justify-self: center}
  #bottom-bar nav.grid-item {justify-self: center}
  #bottom-bar .grid-3-1 {grid-template-columns: 1fr;gap:10px}
}
@media (max-width:1199px){
  footer .grid-footer {gap: 50px;grid-template-columns: 1fr;padding: 80px 0;text-align: center;}
  footer .grid-footer .grid-item {border-bottom: 1px solid #333}
  footer .grid-footer .grid-item:nth-child(1) {padding-bottom: 50px;}
  footer .grid-footer .grid-item:nth-child(1) p {width: 50%;margin: 0 auto;}
  footer .grid-footer .grid-item:nth-child(2) {border-left: none;border-right: none;padding-bottom: 50px;}
  footer .grid-footer .grid-item:nth-child(2) li {border-bottom: none}
  footer .grid-footer .grid-item:nth-child(3) {border-bottom: none}
  footer .grid-footer .grid-item:nth-child(3) address p {display: block;border-bottom: none}
  footer .grid-footer .grid-item:nth-child(3) address p svg {display: block;margin: 0 auto 5px auto;}
}
@media (max-width:768px){
  footer .grid-footer .grid-item:nth-child(1) p {width: 80%}
  footer .grid-footer .grid-item:nth-child(1) span.reso {margin-top: 30px;margin-right: 0px;display:block;}
}

/* ------ ss-Hero ------ */
#ss-hero {padding: 35px 0 30px 0;border-top: 3px solid #b15442;border-bottom: 1px solid rgba(0, 0, 0, .05);background-color: #f9f9f9}
#ss-hero .container {position: relative}
#ss-hero .title h1 {font-size: 2.5rem;}
#ss-hero .title h2 {font-size: 1.5rem;font-style: italic;color:#b15442}
#ss-hero .breadcrumb {text-align: right;align-self: end;margin-bottom: 13px;}
#ss-hero .breadcrumb small {opacity: .25}
#ss-hero .breadcrumb a,#ss-hero .breadcrumb span {font-size: .85rem;font-style: italic}
#ss-hero .breadcrumb span.sep {opacity: .5;font-size: .75rem}
#ss-hero .breadcrumb a:hover {text-decoration:underline;text-underline-offset:2px}
#ss-hero .breadcrumb span.actif {color:#b15442;text-decoration:underline;text-underline-offset:2px}
@media (max-width:1366px){
  #ss-hero .title h1 {font-size: 2rem;}
  #ss-hero .title h2 {font-size: 1rem;}
}
@media (max-width:1199px){
  #ss-hero {margin-top:57px;border-top: 1px solid rgba(0, 0, 0, .05);padding: 25px 0}
}
@media (max-width:1024px){
  #ss-hero .title h1 {font-size: 1.8rem;}
  #ss-hero .title h2 {font-size: .9rem;}
}
@media (max-width:768px){
  #ss-hero {text-align: center;padding: 25px 0 0px 0}
  #ss-hero .grid {grid-template-columns: 1fr;}
  #ss-hero .breadcrumb {text-align: center;}
}

#avisfaq {background: url('../img/avis-faq-melie-therapie-leger.webp') no-repeat center;background-image: image-set(url('../img/avis-faq-melie-therapie-leger.avif') type('image/avif'), url('../img/avis-faq-melie-therapie-leger.webp') type('image/webp'));background-size: cover;background-attachment: fixed;position: relative;}

/* ------ Avis ------ */
#avis {padding-top: 125px;padding-bottom: 50px;}
#avis img.logo {height: 80px;position: absolute;top:0;margin-left: -80px;opacity: .5;}
#avis .title {text-align: center;}
#avis .title a {margin-top: 0;display: inline-block;}
#avis .title a small {color:#b15442}
#avis a.avis-link {display: inline-flex;align-items: center;gap: 5px;text-decoration: none}
#avis a.avis-link svg {flex-shrink: 0}
#avis .grid {gap: 40px;position:relative;z-index:2;margin-top: 50px;}
#avis .grid-item {background: rgba(255,255,255,.75);padding:60px 40px;border-radius: 8px;box-shadow: 0px 4px 5px rgba(224, 150, 110, .2);transition: background 0.3s ease-out,box-shadow 0.3s ease-out,transform 0.3s ease-out;text-align:center}
#avis .grid-item:hover {background: rgba(255,255,255,1);transform: translateY(-5px);box-shadow: 0 8px 20px rgba(224, 150, 110, .4)}
#avis .grid-item strong {display: block;}
#avis .grid-item small {display: block;color:#767676;margin-bottom: 15px;}
#avis .grid-item p {color:#666;font-size: .9rem}
@media (max-width:1680px){
  #avis .grid {gap: 20px}  
}
@media (max-width:1024px){
  #avis {padding-top: 80px}
  #avis .grid {grid-template-columns: 1fr;} 
}

/* ------ FAQ ------ */
#faq {padding-top: 50px;padding-bottom: 125px;}
#faq .title {text-align: center}
#faq .grid {gap: 40px;position:relative;z-index:2}
#faq .faq {width: 100%;margin: 20px auto;}
#faq .faq-item {padding: 0 30px;margin: 10px 0;background: rgba(255,255,255,.75);border-radius: 8px;box-shadow: 0px 4px 5px rgba(224, 150, 110, .2);transition: background 0.3s ease-out,box-shadow 0.3s ease-out}
#faq .faq-item:hover {background: rgba(255,255,255,1);box-shadow: 0 8px 20px rgba(224, 150, 110, .4)}
#faq .faq-question {font-weight: 400;font-size: 1em;font-style: normal;display: flex;justify-content: space-between;align-items: center;cursor: pointer;user-select: none;transition: color 0.3s ease;position: relative;padding: 25px 50px 25px 0;}
.faq-question::after {content: "+";font-size: 1.2em;position: absolute;right: 0px;top:25px;transition: transform 0.3s}
#faq .faq-question:hover {color:#b15442}
#faq .faq-answer {max-height: 0;overflow: hidden;padding: 0px;margin-top: 0px;transition: max-height 0.3s ease-in-out,padding 0.3s ease-in-out,margin-top 0.3s ease-in-out;font-size: .9em;font-style: normal}
#faq .faq-answer p {font-size: .95em}
#faq .faq-answer a {color:#b15442;font-style: italic}
#faq .faq-answer.open {max-height: 500px;padding: 0px 0 25px 0;margin-top: -10px}
#faq .faq-question[aria-expanded="true"] {color:#b15442}
#faq .faq-question[aria-expanded="true"]::after {transform: rotate(45deg)}
@media (max-width:1680px){
  #faq .grid {gap: 20px}
}
@media (max-width:1024px){
  #faq {padding-bottom: 80px}
  #faq .grid {grid-template-columns: 1fr;gap:0px}
  #faq .faq-item {margin: 20px 0;padding: 0 25px}
  #faq .faq-item:last-child {margin: 20px 0 0 0;}

}

/* ------ citation ------ */
.citation {background: #b15442; font-style: italic; position: relative; text-align: center}
.citation p {font-size: 1.3rem;width: 65%;position: relative;padding: 120px 80px;color:#fff;margin: 0 auto}.citation .container {position: relative;}
.citation p::before {content: "“"; font-size: 10rem; font-weight: 700; color: rgba(255,255,255,.1); position: absolute; top: 100px; left: -100px}
.citation p::after {content: "”"; font-size: 10rem; font-weight: 700; color: rgba(255,255,255,.1); position: absolute; bottom: 20px; right: -100px}
@media (min-width:1921px){
   .citation p {padding: 150px 80px} 
}
@media (max-width:1366px){
  .citation p {width: 90%;padding: 150px 80px}
  .citation p::before {left: 0px}
  .citation p::after {right: 0px}
}
@media (max-width:1024px){
  .citation p {width: 100%;padding: 150px 20px}
}

/* ------ CTA ------ */
#cta {background: #b15442;position: relative; text-align: center;padding: 80px 0}
#cta h2 {color:#fff;margin-bottom: 30px}
#cta h2 span.br {display: none}
#cta p {color:#fff;width: 60%;margin: 0 auto 40px auto}
@media (max-width:1199px){
  #cta p {width: 75%}
}
@media (max-width:768px){
  #cta p {width: 100%} 
  #cta h2 span.sep {display: none}
  #cta h2 span.br {display: inline} 
}

/* ------ MEA ------ */
#mea {background: #f9f9f9;border-bottom: 1px solid rgba(0, 0, 0, .05);border-top: 1px solid rgba(0, 0, 0, .05);background: url('../img/cabinet-hypnose-psycho-mer-leger.webp') no-repeat center;background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-leger.avif') type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-leger.webp') type('image/webp'));background-size: cover;background-attachment: fixed}
#mea .content {padding: 0 150px 120px 150px;text-align: center}
#mea .content img.logo {height: 80px;opacity: .5;margin-bottom: 80px;}
#mea .content p {margin-top: 40px;text-align: justify;text-align-last: center;}
#mea .content p span {color:#b15442}
@media (max-width:1024px){
  #mea .content {padding: 0 80px 80px 80px}
}
@media (max-width:768px){
  #mea .content {padding: 0 25px 50px 25px}
  #mea .content p {margin-top: 40px;text-align-last: left;}
}

/*
/*
/* ====== COMPOSANT ====== */

/* ------ Title ------ */
.title h2.sub-title {padding-left: 45px;margin-bottom: 10px;color:#1C1C1C;text-transform: uppercase;font-weight: 500;font-size: .7rem;font-style: normal;letter-spacing: 2px;position: relative;}
.title h2.sub-title:before {content: '';position: absolute;top: 50%;left: 0;width: 30px;height: 1px;background-color: #b15442}
.title h3.titre {color:#b15442;font-size: 2rem;margin-bottom: 25px;}
.title h2 {color:#b15442;margin-bottom: 10px;}
.title h3,.title h4 {margin-bottom: 10px;}
.title hr {border:0;height:3px;width:80px;background:#b15442;margin: 40px auto}
.title hr.left {margin: 40px 0}
.title ul {margin-top: 25px;}
@media (max-width:1024px){
  .title h3.titre {font-size: 1.8rem}
}
@media (max-width:768px){
  .title {text-align: center;}
  .title h2.sub-title {padding-left: 0px}
  .title h2.sub-title:before {display: none;}
  .title p {text-align: justify;}
}

/* ------ BTN ------ */
a.btn,button.btn {padding: 15px 40px 16px 40px;border: 2px solid #b15442;background: #b15442;color:#fff;border-radius:30px;display:inline-block;font-style: italic;font-size: 1rem}
a.btn:hover,button.btn:hover {background: transparent;color:#b15442;}
a.btn-invers {padding: 15px 40px 16px 40px;border: 2px solid #fff;background: #fff;color:#b15442;border-radius:30px;display:inline-block;font-style: italic;font-size: 1rem}
a.btn-invers:hover {background: transparent;color:#fff;}

/* ------ scroll-to-top ------ */
#scroll-to-top {position:fixed;background:#000;padding:18px 15px 12px 15px;right: 10px;bottom:10px;z-index: 70;cursor: pointer;transition: all 0.3s;border-radius:5px}
#scroll-to-top .arrow {border: solid white;border-width: 0 3px 3px 0;display: block;padding: 4px;transform: rotate(-135deg)}
#scroll-to-top:hover .arrow {border-color: #b15442;transition: border-color 0.3s ease-out}
@media (max-width:768px){
  #scroll-to-top {display: none;} 
}


/*
/*
/* ====== PAGE ACCUEIL====== */
/*
/*
*/
#hero {background: url('../img/melie-therapie-leger.webp') no-repeat bottom center;background-image: image-set(url('../img/melie-therapie-leger.avif') type('image/avif'), url('../img/melie-therapie-leger.webp') type('image/webp'));background-size: cover;background-attachment: fixed;}
#hero .container {text-align: center;}
#hero picture img {height: 150px;width:300px;margin-bottom: 50px;}
#hero h1 {color:#151515}
#hero h2 {color:#b15442;font-size: 1.8rem}
#hero h2 span.br {display: none;}
#hero hr {border:0;height:3px;width:80px;background:#b15442;margin: 25px auto}
#hero p {width: 60%;margin: 0 auto;text-align:justify;text-align-last: center;}
#hero p strong {font-size: 1rem;}
#hero p small {opacity: .75;font-weight: 300;}
#hero a {margin: 50px 0 0 0;display: inline-block}
#hero hr.small {border:0;height:1px;width:100%;background:#F4D2C4;margin: 100px auto 40px auto}
#hero .grid {width: 60%;margin: 0 auto;padding-bottom: 50px}
#hero .grid-item svg {display: inline-block;vertical-align: middle;margin-right: 5px}
#hero .grid-item h3 {display: inline-block;vertical-align: middle;font-size: 1rem}
@media (min-width:1921px){
  #hero {min-height: 900px;} 
}
@media (max-width:1366px){
  #hero picture img {height: 100px;width:200px}
  #hero h2 {font-size: 1.5rem}
  #hero .grid {width: 70%;margin: 0 auto;}
}
@media (max-width:1199px){
  #hero p {width: 80%}
  #hero .grid {width: 80%;margin: 0 auto;}
}
@media (max-width:1024px){
  #hero picture img {height: 50px;width:100px;margin-bottom: 30px}
  #hero {background: #FBF9F7}
  #hero h1 {margin-bottom: 20px;}
  #hero p {width: 100%;text-align: center;}
  #hero h2 span.br {display: inline;}
  #hero h2 span.tiret {display: none;}
  #hero hr.small {margin: 80px auto 40px auto}
  #hero .grid {width:100%;grid-template-columns: 1fr 1fr;}
  #hero .grid-item svg {display: block;margin: 0 auto;}
  #hero .grid-item:nth-child(3),
  #hero .grid-item:nth-child(4) {margin-top: 30px;}
}

/* ------ Psychopraticienne ------ */
.accueil-psy {padding-top:100px;padding-bottom: 100px}
.accueil-psy .grid {gap:80px}
.accueil-psy .grid .title {padding: 50px 150px 50px 0;}
.accueil-psy p {text-align:justify}
.accueil-psy a {margin-top: 50px;}
.accueil-psy .img {background: url('../img/psychotherapie-mer-loir-et-cher-leger.webp') no-repeat center;background-image: image-set(url('../img/psychotherapie-mer-loir-et-cher-leger.avif') type('image/avif'), url('../img/psychotherapie-mer-loir-et-cher-leger.webp') type('image/webp'));background-size: cover;border-radius: 10px;position: relative;}
@media (min-width:1921px){
  .accueil-psy {padding-top:150px;padding-bottom: 150px} 
}
@media (max-width:1366px){
  .accueil-psy .grid .title {padding: 50px 80px 50px 0;}
}
@media (max-width:1024px){
  .accueil-psy {padding-top:80px;padding-bottom: 80px;background:linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
        url('../img/psychotherapie-mer-loir-et-cher.webp') no-repeat center;background-size: cover;background-blend-mode: lighten}
  .accueil-psy .grid .title {margin: 0 auto;border-radius: 8px;padding:0}
  .accueil-psy .grid {grid-template-columns: 1fr;}
  .accueil-psy .img {display: none;} 
  .accueil-psy p {text-align:left}
  .accueil-psy ul {text-align: left;}
}

/* ------ Hypnothérapeute  ------ */
.accueil-hypno {padding-top:100px;padding-bottom: 100px}
.accueil-hypno .grid {gap:80px}
.accueil-hypno .grid .title {padding: 50px 0 }
.accueil-hypno .img {background: url('../img/hypnotherapeute-mer-loir-et-cher-leger.webp') no-repeat center;background-image: image-set(url('../img/hypnotherapeute-mer-loir-et-cher-leger.avif') type('image/avif'), url('../img/hypnotherapeute-mer-loir-et-cher-leger.webp') type('image/webp'));background-size: cover;border-radius: 10px;position: relative;pad}
.accueil-hypno p {text-align:justify;}
.accueil-hypno a {margin-top: 50px}
@media (min-width:1921px){
  .accueil-hypno {padding-top:150px;padding-bottom: 150px} 
}
@media (max-width:1366px){
  .accueil-hypno .grid .title {padding: 50px 0px}
}
@media (max-width:1024px){
  .accueil-hypno {padding-top:80px;padding-bottom: 80px;background:linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
        url('../img/hypnotherapeute-mer-loir-et-cher.webp') no-repeat center;background-size: cover;background-blend-mode: lighten}
  .accueil-hypno .grid .title {margin: 0 auto;border-radius: 8px;padding:0}
  .accueil-hypno .grid {grid-template-columns: 1fr;}
  .accueil-hypno .img {display: none;} 
  .accueil-hypno p {text-align:left}
  .accueil-hypno ul {text-align: left;}
}

/* ------ List  ------ */
.accueil-list {text-align: center;padding: 0px 0 125px 0;background: url('../img/competence-hypnose-psy-leger.webp') no-repeat center;background-image: image-set(url('../img/competence-hypnose-psy-leger.avif') type('image/avif'), url('../img/competence-hypnose-psy-leger.webp') type('image/webp'));background-size: cover;background-attachment: fixed;position: relative;}
.accueil-list picture img {height: 150px;width:300px;margin-bottom: 50px;}
.accueil-list h2 {color:#b15442}
.accueil-list hr {}
.accueil-list p.first {width: 80%;margin: 0 auto;text-align:justify;text-align-last: center;}
.accueil-list .grid {margin-top: 55px;}
.accueil-list .grid .grid-item  {background: rgba(255,255,255,.75);padding:40px 20px;border-radius: 8px;box-shadow: 0px 4px 5px rgba(224, 150, 110, .2);transition: background 0.3s ease-out,box-shadow 0.3s ease-out,transform 0.3s ease-out;text-align:center}
.accueil-list .grid .grid-item:hover {background: rgba(255,255,255,1);transform: translateY(-5px);box-shadow: 0 8px 20px rgba(224, 150, 110, .4)}
.accueil-list .grid .grid-item h4 {color:#b15442;margin-bottom:10px;}
.accueil-list .grid .grid-item p {font-style: italic;width: 100%;}
@media (max-width:1366px){
  .accueil-list picture img {height: 100px;width:200px}
}
@media (max-width:1024px){
  .accueil-list picture img {height: 50px;width:100px}
  .accueil-list {background: #FBF9F7}
  .accueil-list .grid {grid-template-columns: 1fr 1fr;margin-top: 40px;}
  .accueil-list p.first {width: 100%;text-align: center;}
  .accueil-list .grid-item p {text-align: center;}
}
@media (max-width:768px){
  .accueil-list {padding-bottom: 80px;}
  .accueil-list .grid {grid-template-columns: 1fr}
}

/* ------ Seance  ------ */
.accueil-seance {padding: 100px 0 60px 0}
.accueil-seance .title {text-align: center}
.accueil-seance h3 span.br {display: none}
.timeline {position: relative; margin: 0 auto 3rem auto; padding: 2rem 0 0; max-width: 800px}
.timeline::before {content: ""; position: absolute; left: 25px; top: 0; bottom: 0; width: 2px; background: repeating-linear-gradient(to bottom, #DDBCB5, #DDBCB5 5px, transparent 5px, transparent 10px)}
.timeline-step {position: relative;padding: 0px 0 40px 90px}
.timeline-step:last-child {margin-bottom: 0}
.timeline-step .number {position: absolute; left: 0; top: 0; background: #fff; border: 2px solid #DDBCB5; border-radius: 50%; width: 50px; height: 50px; font-weight: bold; display: flex; align-items: center; justify-content: center; color: #b15442; transition: border-color 0.3s ease-out, background 0.3s ease-out,color 0.3s ease-out}
.timeline-step .content h4 {font-size: 1.2rem;margin: 0 0 5px;font-weight: 500;font-style: italic;transition: color 0.3s ease-out}
.timeline-step .content p {margin: 0;font-size: 0.95rem;line-height: 1.5;color: #444;transition: color 0.3s ease-out}
.timeline-step .content a {margin: 0;font-size: 0.95rem;line-height: 1.5;color: #444;color:#b15442;font-style: italic;}
.timeline-step:hover .number {color: #fff;background: #b15442;border: 2px solid #b15442}
.timeline-step:hover .content h4 {color:#b15442}
.timeline-step:hover .content p {color: #1C1C1C}
@media (max-width:768px){
  .accueil-seance {padding: 80px 0 40px 0 }
  .accueil-seance h3 span.sep {display: none}
  .accueil-seance h3 span.br {display: inline}
  .timeline-step {padding: 0px 0 40px 70px}
  .timeline-step .content p {width: 90%;}
}

/* ------ Outils  ------ */
.accueil-outils {padding: 80px 0;background: url('../img/cabinet-hypnose-psycho-mer-leger.webp') no-repeat center;background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-leger.avif') type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-leger.webp') type('image/webp'));background-size: cover;background-attachment: fixed}
.accueil-outils .title {text-align: center}
.accueil-outils .liste {position: relative; margin: 0 auto 3rem auto; padding: 2rem 0 0; max-width: 800px}
.accueil-outils .liste .item {display: grid;grid-template-columns: 110px 1fr;padding: 40px 50px 40px 30px;margin-bottom:20px;background:#fff;box-shadow: 0px 4px 5px rgba(224, 150, 110, .2);transition: box-shadow 0.3s ease-out,transform 0.3s ease-out;border-radius:8px}
.accueil-outils .liste .item:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(224, 150, 110, .4)}
.accueil-outils .liste .item img {height: 80px;width: 80px;}
.accueil-outils .liste .item .txt h3{color:#b15442;font-weight: 500;}
@media (max-width:768px){
  .accueil-outils {padding: 50px 0}
  .accueil-outils .liste .item {grid-template-columns: 60px 1fr}
  .accueil-outils .liste .item img {height: 40px;width: 40px;}  
}


/*
/*
/* ====== PAGE A PROPOS====== */
/*
/*
*/
#cabinet {padding: 50px 0 0px 0;margin-bottom: 100px;}
#cabinet .grid {gap:50px;align-items: stretch;}
.swiper {height: 100%; border-radius: 8px; display: flex; flex-direction: column; position: relative; overflow: hidden; cursor: grab; user-select: none; overflow: hidden}
.swiper-wrapper {display: flex;flex-grow: 1;transition: transform 0.5s ease;will-change: transform}
.swiper-slide {flex-shrink: 0;min-width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 2rem}
.swiper-slide.slide1 {background-repeat: no-repeat;background-position: center;background-image: url('../img/cabinet-hypnose-psycho-mer-1-responsive-1200.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-1-responsive-1200.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-1-responsive-1200.webp') 1x type('image/webp'));background-size: cover}
.swiper-slide.slide2 {background-repeat: no-repeat;background-position: center;background-image: url('../img/cabinet-hypnose-psycho-mer-2-responsive-1200.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-2-responsive-1200.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-2-responsive-1200.webp') 1x type('image/webp'));background-size: cover}
.swiper-slide.slide3 {background-repeat: no-repeat;background-position: center;background-image: url('../img/cabinet-hypnose-psycho-mer-3-responsive-1200.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-3-responsive-1200.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-3-responsive-1200.webp') 1x type('image/webp'));background-size: cover}
.swiper-slide.slide4 {background-repeat: no-repeat;background-position: center;background-image: url('../img/cabinet-hypnose-psycho-mer-4-responsive-1200.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-4-responsive-1200.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-4-responsive-1200.webp') 1x type('image/webp'));background-size: cover}
.swiper-slide.slide5 {background-repeat: no-repeat;background-position: center;background-image: url('../img/cabinet-hypnose-psycho-mer-5-responsive-1200.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-5-responsive-1200.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-5-responsive-1200.webp') 1x type('image/webp'));background-size: cover}
.swiper-slide.slide6 {background-repeat: no-repeat;background-position: center;background-image: url('../img/cabinet-hypnose-psycho-mer-6-responsive-1200.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-6-responsive-1200.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-1200.webp') 1x type('image/webp'));background-size: cover}
.swiper-slide.slide7 {background-repeat: no-repeat;background-position: center;background-image: url('../img/cabinet-hypnose-psycho-mer-7-responsive-1200.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-7-responsive-1200.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-7-responsive-1200.webp') 1x type('image/webp'));background-size: cover}
.swiper-button-prev,
.swiper-button-next {position: absolute;top: 50%;transform: translateY(-50%);padding: 10px;background: rgba(0, 0, 0, 0.05);border-radius: 50%;cursor: pointer;z-index: 10;user-select: none;transition: background 0.3s ease}
.swiper-button-prev:hover,
.swiper-button-next:hover {background: rgba(0, 0, 0, 0.25)}
.swiper-button-prev svg,
.swiper-button-next svg {display: block}
.swiper-button-prev {left: 5px}
.swiper-button-next {right: 5px}
.swiper-pagination {position: absolute;bottom: 5px;width: 100%;text-align: center}
.swiper-pagination span {display: inline-block;width: 8px;height: 8px;background: #333;border-radius: 50%;margin: 0 5px;cursor: pointer;transition: background 0.3s}
.swiper-pagination .active {background: #eee}
.swiper-wrapper.grabbing {cursor: grabbing}
#cabinet .title {padding: 50px 0;margin-left: 20px;}
#cabinet .title p {margin-bottom: 50px;}
#cabinet .title p span {color:#b15442}
@media (max-width:1680px){
  #cabinet {padding: 60px 0 0px 0;margin-bottom: 80px;}
  #cabinet .title {padding: 25px 0;}
}
@media (max-width:1366px){
  #cabinet .title {margin-left: 0px;}
}
@media (max-width:1199px){
  #cabinet {padding: 50px 0 0px 0;margin-bottom: 50px;}
  #cabinet .grid {grid-template-columns: 1fr;} 
  .swiper {height: 500px;}
}
@media (max-width:768px){
  #cabinet {padding: 40px 0 0px 0;margin-bottom: 50px;}
  #cabinet .title {padding:0;}
  .swiper {height: 300px;}
}

/* ====== MARIIE ====== */
#mariie {padding: 100px 0}
#mariie .grid {gap: 50px;position: relative;}
#mariie .image {position: sticky;top:120px;align-self: start;}
#mariie .image img {height: auto;border-radius: 8px;margin-bottom: 20px}
#mariie .image ul li {margin-bottom: 5px;font-style: italic;color:#b15442}
#mariie .title p {text-align: justify;}
#mariie .title p a {font-style: italic;color:#b15442;text-decoration: underline}
#mariie .title h4 {color:#b15442;margin: 40px 0 30px 0;}
#mariie .title ul.formations li {padding: 16px 0 15px 0;display: flex;align-items: center;gap: 10px;border-top: 1px solid rgba(207, 161, 149, .5)}
#mariie .title ul.formations li:last-child {border-bottom: 1px solid rgba(207, 161, 149, .5)}
#mariie .title .liens {margin-top: 20px;padding-bottom: 20px}
#mariie .title .liens {border-bottom: 1px solid rgba(207, 161, 149, .5)}
#mariie .title .liens picture {display: inline-block;vertical-align: middle;margin-right: 15px}
#mariie .title .liens .txt {display: inline-block;vertical-align: middle;}
#mariie .title .liens .txt h5 {font-size: 1.1rem;font-style: italic;margin-bottom: 5px;}
#mariie .title .liens .txt a {color:#b15442;font-style: italic}
@media (max-width:1680px){
  #mariie {padding: 80px 0}
}
@media (max-width:1024px){
  #mariie .grid {gap: 25px}  
  #mariie .title .liens.last .txt h5 {font-size: 1.05rem}
}
@media (max-width:768px){
  #mariie {padding: 25px 0 50px 0} 
  #mariie .grid {grid-template-columns: 1fr;} 
  #mariie .image {position: relative;top:0;background:#f9f9f9;padding: 40px 0;border-radius: 8px;text-align: center}
  #mariie .image img {max-width: 287px;margin: 0 auto 20px auto;}
  #mariie .image ul.check li {list-style:none;padding-left: 0;margin-left: 0;}
  #mariie .title ul.formations li {text-align: left;}
  #mariie .title .liens {text-align: center;}
  #mariie .title .liens picture {display: block;}
  #mariie .title .liens .txt {display: block;}
}

/*
/*
/* ====== PAGEs PSYCHO / HYPNO ====== */
/*
/*
*/
.sec-01 {padding-top: 50px;padding-bottom: 80px;}
.sec-01 .title {padding: 50px 0;margin-left: 50px;}
.sec-01 .title p {padding-right: 150px;}
.sec-01 .title ul {margin-top: 30px;margin-bottom: 50px;}
.sec-01 .imgpsycho {background: url('../img/psychopraticienne-mer-responsive-641.webp') no-repeat center top;background-image: image-set(url('../img/psychopraticienne-mer-responsive-641.avif') type('image/avif'), url('../img/psychopraticienne-mer-responsive-641.webp') type('image/webp'));background-size: cover;border-radius: 8px;}
.sec-01 .imghypno {background: url('../img/hypnotherapeute-mer-optimisee-leger.webp') no-repeat center top;background-image: image-set(url('../img/hypnotherapeute-mer-optimisee-leger.avif') type('image/avif'), url('../img/hypnotherapeute-mer-optimisee-leger.webp') type('image/webp'));background-size: cover;border-radius: 8px;}
@media (max-width:1366px){
  .sec-01 .title p {padding-right: 0px;}
}
@media (max-width:1024px){
  .sec-01 {padding-bottom: 20px;}
  .sec-01 .grid {grid-template-columns: 1fr;} 
  .sec-01 .imgpsycho,.sec-01 .imghypno {height: 500px;background-position: top;}
  .sec-01 .title {margin-left: 0px;}
  .sec-01 .title ul {text-align: left;}
}
.sec-02 {margin: 0 auto;max-width: 1024px;padding-top: 50px;padding-bottom: 50px;}
.sec-02 .grid {grid-template-columns: 150px 1fr;border-bottom: 1px solid rgba(207, 161, 149, .5);padding: 40px 0;}
.sec-02 .grid:last-child {border-bottom:none}
.sec-02 .grid img {border-radius: 50%;}
.sec-02 .grid .item h2 {margin-bottom: 10px;color: #b15442}
@media (max-width:1024px){
  .sec-02 {padding: 0;}
  .sec-02 .grid {grid-template-columns: 1fr;text-align: center;padding: 30px 0 50px 0;}  
  .sec-02 .grid .item h2 {margin-top: -30px;}
}

/*
/*
/* ====== PAGE TARIFS ====== */
/*
/*
*/
#tarifs {padding-top: 40px;background: url('../img/cabinet-hypnose-psycho-mer-leger.webp') no-repeat center;background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-leger.avif') type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-leger.webp') type('image/webp'));background-size: cover;background-attachment: fixed}
#tarifs .intro {background: #b15442;border-radius: 8px;margin-bottom: 60px;text-align: center;padding: 40px;}
#tarifs .intro h2 {margin-bottom: 5px;color:#fff}
#tarifs .intro hr {margin: 20px auto;background: #fff}
#tarifs .intro p {color:#fff}
#tarifs .tarif-item {background: #fff;text-align: center;padding: 40px 20px;border-radius: 8px;box-shadow: 0px 4px 5px rgba(224, 150, 110, .2);transition: box-shadow 0.3s ease-out,transform 0.3s ease-out;}
#tarifs .tarif-item:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(224, 150, 110, .4)}
#tarifs .tarif-item h3 {color: #b15442;font-size: 1.3rem;}
#tarifs .tarif-item hr {border:0;height:2px;width:50px;background:#b15442;margin: 20px auto}
#tarifs .tarif-item hr.small {border:0;height:1px;width: 100%;background: rgba(0, 0, 0, .05)}
#tarifs .tarif-item p.tarif-prix {font-size: 1.5rem}
#tarifs .sec-02 {margin: 0}
#tarifs .sec-02 .grid .item h2 {margin-bottom: 10px;color: #1c1c1c}
#tarifs .sec-02 .grid {grid-template-columns: 80px 1fr}
#tarifs .sec-02 img.modes {border-radius: 0;margin-top: 20px}
@media (max-width:1199px){
  #tarifs .grid-4 {grid-template-columns: 1fr 1fr}
}
@media (max-width:1024px){
  #tarifs {background-attachment: scroll}
  #tarifs .grid-3 {grid-template-columns: 1fr}
  #tarifs .sec-02 {padding: 50px 0}
  #tarifs .sec-02 .grid {grid-template-columns: 1fr;text-align: center;padding: 30px 0 50px 0} 
  #tarifs .sec-02 .grid .item h2 {margin-top: 0px} 
}
@media (max-width:1024px){
  #tarifs .grid-4 {grid-template-columns: 1fr} 
}

/*
/*
/* ====== PAGE CONTACT ====== */
/*
/*
*/
#contact {padding-top: 50px;padding-bottom: 50px;}
#contact .grid {gap:80px}
form label small {color:#cc3333}
form input[type=text],
form input[type=date],
form input[type=number],
form input[type=email],
form select,
form input[type=tel] {border: 1px solid #f1f1f1;border-radius: 3px;transition:all .2s;background: #f1f1f1;width: 100%;padding:15px;margin-left: 0%;font-size:1rem}
form input[type=text]:focus,
form input[type=date]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form input[type=date]:focus,
form textarea:focus {border: 1px solid #b15442;outline: none}
form textarea {padding: 15px;border: 1px solid #f1f1f1;border-radius: 3px;background: #f1f1f1;box-sizing: border-box;width: 100%;margin-left: 0%;font-size: 1rem}
form label {display: block;margin:20px 0 5px 0;}
form button {cursor: pointer;margin-top: 20px;display: block;width: 100%;font-family: "Lora", serif;margin-top: 40px;}
#ajaxResponseFail {display:none;width:100%;padding: 40px 20px;margin-top: 20px;margin-bottom: 20px;margin-left: 0%;text-align: center;border: 1px solid red;border-radius: 8px;background: #ffcccc;color:red}
#ajaxResponseSuccess {display:none;width:100%;padding: 40px 20px;margin-top: 20px;margin-bottom: 20px;margin-left: 0%;text-align: center;border: 1px solid green;border-radius: 8px;background: #ccff99;color:green}
.error {
  color: red;
  font-size: 0.85em;
  margin-top: 4px;
  display: block;
}
#contact .grid-item .img {height:200px;width: 100%;border-radius: 8px;margin-bottom: 20px;background: url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.webp') no-repeat center;background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.avif') type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.webp') type('image/webp'));background-size: cover}
#contact .address {margin-top: 40px}
#contact .address .item {border-top: 1px solid #ddd;padding: 20px 10px}
#contact .address .item svg {color:#b15442;display: inline-block;vertical-align: top;margin-right: 15px}
#contact .address .item p {display: inline-block;vertical-align: top}
#contact .address .item span {color:#b15442;font-style: italic}
.cabinet-map-container {position: relative;width: 100%;height: 500px;z-index: 1;border-radius: 8px;margin-top: 50px;}
#map {width: 100%;height: 100%;border-radius: 8px}
@media (max-width:1199px){
  #contact .grid {gap:50px}
}
@media (max-width:1024px){
  #contact .grid {grid-template-columns: 1fr}
}
@media (max-width:768px){
  #contact .grid {grid-template-columns: 1fr;text-align: center;}
  #contact .grid form {text-align: left;}
  #contact .address .item svg {display: block;margin: 0 auto 10px auto;}
  #contact .address .item p {text-align: center}
}

/*
/*
/* ====== PAGE MENTIONS ET RGPD ====== */
/*
/*
*/
#pagementionsrgpd {padding: 50px 0 80px 0;}
#pagementionsrgpd h3 {color:#b15442}
#pagementionsrgpd p {margin-bottom: 40px;}
@media (max-width:1024px){
  #pagementionsrgpd h3 {text-align: left;}
}
/* Accès clavier et carte du cabinet */
a:focus-visible,button:focus-visible,.faq-question:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline: 3px solid #b15442;outline-offset: 3px}
.map-itinerary {margin-top: 20px;text-align: center}
#map-status {margin-top: 10px;text-align: center}

/* Images du cabinet adaptées à la case et à la densité de pixels. */
@media (min-width:1200px) and (max-width:1680px){
  .swiper-slide.slide1 {background-image: url('../img/cabinet-hypnose-psycho-mer-1-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-1-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-1-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-1-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-1-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide2 {background-image: url('../img/cabinet-hypnose-psycho-mer-2-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-2-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-2-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-2-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-2-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide3 {background-image: url('../img/cabinet-hypnose-psycho-mer-3-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-3-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-3-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-3-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-3-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide4 {background-image: url('../img/cabinet-hypnose-psycho-mer-4-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-4-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-4-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-4-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-4-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide5 {background-image: url('../img/cabinet-hypnose-psycho-mer-5-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-5-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-5-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-5-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-5-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide6 {background-image: url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide7 {background-image: url('../img/cabinet-hypnose-psycho-mer-7-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-7-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-7-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-7-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-7-responsive-1200.webp') 2x type('image/webp'))}
}
@media (max-width:520px){
  .swiper-slide.slide1 {background-image: url('../img/cabinet-hypnose-psycho-mer-1-responsive-480.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-1-responsive-480.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-1-responsive-480.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-1-responsive-800.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-1-responsive-800.webp') 2x type('image/webp'))}
  .swiper-slide.slide2 {background-image: url('../img/cabinet-hypnose-psycho-mer-2-responsive-480.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-2-responsive-480.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-2-responsive-480.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-2-responsive-800.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-2-responsive-800.webp') 2x type('image/webp'))}
  .swiper-slide.slide3 {background-image: url('../img/cabinet-hypnose-psycho-mer-3-responsive-480.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-3-responsive-480.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-3-responsive-480.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-3-responsive-800.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-3-responsive-800.webp') 2x type('image/webp'))}
  .swiper-slide.slide4 {background-image: url('../img/cabinet-hypnose-psycho-mer-4-responsive-480.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-4-responsive-480.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-4-responsive-480.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-4-responsive-800.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-4-responsive-800.webp') 2x type('image/webp'))}
  .swiper-slide.slide5 {background-image: url('../img/cabinet-hypnose-psycho-mer-5-responsive-480.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-5-responsive-480.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-5-responsive-480.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-5-responsive-800.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-5-responsive-800.webp') 2x type('image/webp'))}
  .swiper-slide.slide6 {background-image: url('../img/cabinet-hypnose-psycho-mer-6-responsive-480.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-6-responsive-480.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-480.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.webp') 2x type('image/webp'))}
  .swiper-slide.slide7 {background-image: url('../img/cabinet-hypnose-psycho-mer-7-responsive-480.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-7-responsive-480.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-7-responsive-480.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-7-responsive-800.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-7-responsive-800.webp') 2x type('image/webp'))}
}

@media (min-width:521px) and (max-width:768px){
  .swiper-slide.slide1 {background-image: url('../img/cabinet-hypnose-psycho-mer-1-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-1-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-1-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-1-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-1-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide2 {background-image: url('../img/cabinet-hypnose-psycho-mer-2-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-2-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-2-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-2-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-2-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide3 {background-image: url('../img/cabinet-hypnose-psycho-mer-3-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-3-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-3-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-3-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-3-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide4 {background-image: url('../img/cabinet-hypnose-psycho-mer-4-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-4-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-4-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-4-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-4-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide5 {background-image: url('../img/cabinet-hypnose-psycho-mer-5-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-5-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-5-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-5-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-5-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide6 {background-image: url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-6-responsive-1200.webp') 2x type('image/webp'))}
  .swiper-slide.slide7 {background-image: url('../img/cabinet-hypnose-psycho-mer-7-responsive-800.webp');background-image: image-set(url('../img/cabinet-hypnose-psycho-mer-7-responsive-800.avif') 1x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-7-responsive-800.webp') 1x type('image/webp'), url('../img/cabinet-hypnose-psycho-mer-7-responsive-1200.avif') 2x type('image/avif'), url('../img/cabinet-hypnose-psycho-mer-7-responsive-1200.webp') 2x type('image/webp'))}
}

/* ====== LIENS DANS LES TEXTES ====== */
main p a:not(.btn):not(.btn-invers),.timeline-step .content a {text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px}