/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* RESET */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html { position:relative; display:block; }

body { position:relative; display:block; width:100%; margin:0; padding:0; font-family:Poppins, sans-serif; font-size:0.9rem; font-weight:300; line-height:1.4; background-color:rgba(255,255,255,1); color:rgba(0,0,0,1); text-align:left; overflow-x:clip; overflow-y:scroll; }
body.noscrollbar { overflow-y:hidden; }
#en2mots { display:block; width:100vw;  overflow-y:visible; overflow-x:clip; }

header, main, section, article, aside, footer { position:relative; display:block; width:100%; margin:0; padding:0; overflow-y:visible; overflow-x:clip; }

h1, h2, h3, h4, h5, h6 { position:relative; margin:0; padding:0; font-family:Poppins, sans-serif; font-size:1.5em; font-weight:700; color:inherit; }
main h1, main h2, main h3, main h4, main h5, main h6 { color:rgba(0,0,0,1); }

div { position:relative; margin:0; padding:0; }

a, a:link, a:active, a:visited, a:focus { font-size:inherit; color:inherit; text-decoration:inherit; outline-color:transparent; }
body.desktop a:hover { color:inherit; text-decoration:underline; outline-color:transparent; }
body.desktop .fromrte a { text-decoration:none; color:inherit; }
body.desktop .fromrte a:hover { text-decoration:none; color:inherit; }

img { margin:0; padding:0; border:0; }
main img { max-width:100vw; }
svg { position:relative; display:inline-block; vertical-align:top; height:100%; width:100%; margin:0; padding:0; }

p { font-size:inherit; word-wrap:break-word; text-align:left; margin:0; padding:1em 0 0 0; }
p:first-of-type, h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { padding-top:0; }
span { position:relative; display:inline; font-size:inherit; margin:0; padding:0; }

b, strong, i, span { word-wrap:break-word; }

ul { position:relative; margin:0; padding:0; }
li { position:relative; font-size:inherit; word-wrap:break-word; text-align:left; margin:0; padding:0; }
.fromrte ul { margin-left:1em; }

.wrap { display:block; position:absolute; overflow:hidden; left:0; top:0; width:100%; height:100%; }
.cover { position:absolute; top:50%; left:50%; width:auto; height:auto; transform:translate(-50%, -50%); display:block; margin:0; padding:0; background-color:transparent; }
.cover.top { top:0; transform:translate(-50%,0); }
.cover.bottom { top:100%; transform:translate(-50%,-100%); }
.cover.left { left:0; transform:translate(0,-50%); }
.cover.topleft { left:0; top:0; transform:translate(0,0); }
.cover.bottomleft { left:0; top:100%; transform:translate(0,-100%); }
.cover.right { left:100%; transform:translate(-100%,-50%); }
.cover.topright { left:100%; top:0; transform:translate(-100%,0); }
.cover.bottomright { left:100%; top:100%; transform:translate(-100%,-100%); }
.cover > img, .cover > video, .cover > div, .cover > span { position:absolute; display:inline-block; width:100%; height:100%; left:0; top:0; }

.clear { clear:both; }
.blochref { cursor:pointer; }

pre, code { position:relative; font-size:13px; text-align:left; color:#c7254e; background-color: #f9f2f4; border-radius:0.5em; padding:0.8em; display:block; margin:0 0 1em 0; border:0; }

.ajaxloader { z-index:999999; position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.4); }
.ajaxloader svg { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:8%; height:auto; color:rgba(0,0,0,1); }

.litebox-overlay .litebox-container { margin-left:auto; margin-right:auto; }
.litebox-overlay .litebox-inline-html { max-width:960px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/*    Mise en forme spécifique des formulaires   */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

input, textarea, select { position:relative; display:inline-block; vertical-align:top; width:100%; font-size:inherit; display:inline-block; background-color:rgba(221,221,221,1); border-color:rgba(221,221,221,1); color:rgba(22,22,22,1); line-height:2; height:2em; vertical-align:middle; margin:0; padding:0.1em 0.3em 0 0.3em; width:100%; border:0; border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; }
textarea { height:6em; resize:none; }
select { background-image:url(https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/contribution/dropdown.svg) !important; background-size:1.5em; background-position: right center !important; background-repeat: no-repeat !important; padding-right:30px !important; }
select::-ms-expand { display: none; }
select option { color:rgba(22,22,22,1); }
select.placeholder { color:rgba(54,54,54,0.55) !important; }

::placeholder { font-style:normal; color: rgba(54,54,54,0.55); opacity: 1; }
:-ms-input-placeholder { font-style:normal; color: rgba(54,54,54,0.55); }
::-ms-input-placeholder { font-style:normal; color: rgba(54,54,54,0.55); }

:-webkit-autofill,
:-webkit-autofill:hover, 
:-webkit-autofill:focus, 
:-webkit-autofill:active  { font-size:1em !important; -webkit-background-clip:text; }


/* Mise en forme des boutons radio et des checkboxes */
input[type="radio"] + span:before, input[type="checkbox"] + span:before, input[type="radio"] + span:after, input[type="checkbox"] + span:after {
	content:'' !important; position:absolute !important;
	left:0 !important; top:0 !important; /* on décale la case de 10% de sa taille pour bien la centrer en hauteur */
	width:1em !important; height:1em !important; /* on définit la taille de référence de la case à la même taille que la font du span */
	transform-origin: 50% 50% !important; /* pour être certain du point d'origine du scale pour la case et la coche */
	transition:all .2s !important; /* on prévoit une animation */
}
input[type="radio"], input[type="checkbox"] { position:absolute !important; left:0 !important; top:1em !important; opacity:0 !important; transform: scale(0) !important; height:1em !important; width:1em !important; } /* On masque le champ input (opacité 0) */
input[type="radio"] + span, input[type="checkbox"] + span { position:relative !important; cursor:pointer !important; padding-top:0 !important; padding-bottom:0 !important; padding-left:1.6em !important; } /* on prépare le label (balise span située à côté du champ input) */
input[type="radio"] + span:before, input[type="checkbox"] + span:before { border:1px solid rgba(221,221,221,1) !important; background-color:transparent !important; } /* Aspect général de la case */
input[type="radio"] + span:after, input[type="checkbox"] + span:after { border:1px solid transparent !important; background-color:rgba(221,221,221,1) !important; } /* Aspect général de la coche */
input[type="checkbox"] + span:before, input[type="checkbox"] + span:after { border-radius: 5% !important; } /* angles arrondis */
input[type="radio"] + span:before, input[type="radio"] + span:after { border-radius: 50% !important; } /* cases circulaires */
input[type="radio"]:not(:checked) + span:after, input[type="checkbox"]:not(:checked) + span:after { opacity: 0 !important; transform: scale(0) !important; } /* Aspect si "pas cochée" */
input[type="radio"]:checked + span:after, input[type="checkbox"]:checked + span:after { opacity: 1 !important; transform: scale(0.5) !important; } /* Aspect si "cochée" */

label { position:relative; display:inline-block; vertical-align:top; font-weight:300; }

button, a.button { position:relative; display:inline-block; vertical-align:top; font-family:Poppins, sans-serif; font-size:inherit; font-weight:300; text-align:center; background-color:rgba(22,22,22,1); border:1px solid rgba(22,22,22,1); color:rgba(255,255,255,1); margin:0; padding:0.5em 1em; width:auto; outline:0; }
body.desktop button:hover, body.desktop a.button:hover { color:rgba(22,22,22,1); background-color:rgba(255,255,255,1); border-color:rgba(22,22,22,1); text-decoration:none; outline:0; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ANIMATION SCROLL */

.scrollanim.init { opacity:0; transition:opacity 300ms ease 0ms, transform 300ms ease 0ms; }
.scrollanim { opacity:1; transition:opacity 500ms ease 0ms, transform 300ms ease 0ms; }

.scrollanim.frombottom.init { opacity:0; transform:translateY(50%); }
.scrollanim.frombottom { opacity:1; transform:translateY(0); }
.scrollanim.fromtop.init { opacity:0; transform:translateY(-50%); }
.scrollanim.fromtop { opacity:1; transform:translateY(0); }
.scrollanim.fromleft.init { opacity:0; transform:translateX(-50%); }
.scrollanim.fromleft { opacity:1; transform:translateX(0); }
.scrollanim.fromright.init { opacity:0; transform:translateX(50%);  }
.scrollanim.fromright { opacity:1; transform:translateX(0); }

.scrollanim.typescript span.word { opacity:0; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* BURGER */

button#showhidemenu { z-index:1200; position:absolute; display:inline-block; top:2em; right:0; width:3em; height:3em; margin:0; padding:0; background-color:transparent; border:0; }
button#showhidemenu > svg { position:absolute; left:0; top:0; width:100%; height:100%; transition:color 300ms linear 0ms; }

button#showhidemenu > svg line { transition:transform 300ms linear 0ms; stroke-width:3; stroke-linecap:round; transform-origin: 40% 50%; }
button#showhidemenu > svg line:nth-of-type(1) { transform: translate(0,0) scaleX(1) rotate(0deg); }
button#showhidemenu > svg line:nth-of-type(2) { transform: translate(-18.75%,0) scaleX(0.625); }
button#showhidemenu > svg line:nth-of-type(3) { transform: translate(12.5%,0) scaleX(1.25) rotate(0deg); }
body.desktop button#showhidemenu:hover > svg line:nth-of-type(1) { transform: translate(0,0) scaleX(1) rotate(0deg); }
body.desktop button#showhidemenu:hover > svg line:nth-of-type(2) { transform: translate(0,0) scaleX(1); }
body.desktop button#showhidemenu:hover > svg line:nth-of-type(3) { transform: translate(0,0) scaleX(1) rotate(0deg); }
body.showmenu button#showhidemenu > svg line:nth-of-type(1), body.desktop.showmenu button#showhidemenu:hover > svg line:nth-of-type(1) { transform: translate(0,14%) scaleX(1) rotate(45deg); }
body.showmenu button#showhidemenu > svg line:nth-of-type(2), body.desktop.showmenu button#showhidemenu:hover > svg line:nth-of-type(2) { transform: translate(-40%,0) scaleX(0); }
body.showmenu button#showhidemenu > svg line:nth-of-type(3), body.desktop.showmenu button#showhidemenu:hover > svg line:nth-of-type(3) { transform: translate(0,-14%) scaleX(1) rotate(-45deg); }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header nav ul > li,
ul.zones > li, ul.dimensions > li,
section.defaut > div.souspage > div,
section.defaut > div.soustarif > ul li,
section.accompagnements > div.allaccompagnements > div,
section.faq > div.allfaqs > div,
section.contact label, section.contact fieldset > div, section.contact button, section.contact div.consentementrgpd,
aside.mapinsta > div,
aside.mapinsta .insta ul li,
.mascotte
 { font-size:1rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

.liquide { margin:0 auto; padding:0; }

body.noscrollbar { height:0; overflow-y:hidden; }
body.windows.noscrollbar, body.windows.noscrollbar header, body.windows.noscrollbar header nav > div { max-width:calc(100% - 17px); }

.logo > div.nom span { display:block; text-align:center; white-space: nowrap; }
.logo > div.nom span:nth-of-type(1) { font-weight:200; line-height:1.5; color:rgba(10,10,10,1); }
.logo > div.nom span:nth-of-type(2) { font-size:0.38em; font-weight:400; text-transform:uppercase; color:rgba(200,200,200,1); }

a.startpage { position:absolute; display:block; margin:0; padding:0; left:0; top:0; width:0; height:1px; overflow:hidden; z-index:100000; }
a.startpage { top:-5em; }

b, strong { font-weight:600; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MASCOTTES */

.mascotte { position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; }
.mascotte > span { display:inline-block; position:absolute; width:2.5em; height:auto; }
.mascotte > span.m3, .mascotte > span.m4 { width:3.5em; }
.mascotte > span.m5 { width:4em; }
.mascotte > span > svg { position:absolute; left:0; top:0; width:100%; height:auto; }

section.home-intro .mascotte > span { left:-0.6em; top:-1.75em; }
.respiration .mascotte > span { right:-4em; top:0; }
.page-intro .mascotte > span { left:50%; top:25%; transform:translate(-50%, -50%); }
#parcours .mascotte > span { left:50%; bottom:-4em;  }
#aromatherapie .mascotte > span { left:4em; top:-2.35em;  }
#tarifspublic .mascotte > span { left:1em; top:-2.35em;  }
#page-faq .mascotte > span { right:-1em; top:-2.35em;  }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */

header { z-index:1000; position:fixed; left:0; top:0; width:100%; height:10em; background-color:rgba(255,255,255,1); color:rgba(0,0,0,1); overflow:visible; transition:height 300ms ease; }

header > div { position:relative; display:block; }

header h1 { font-size:5em; z-index:1300; position:absolute; display:inline-block; vertical-align:top; padding:0; margin:0; text-align:left; left:50%; top:-0.25em; transform:translateX(-50%); }
header h1 > a { display:block; height:2.5em; width:2.5em; margin:0; padding:0.3em 0 0 0; text-align:center; }
body.desktop header h1 > a:hover { text-decoration:none; }
header h1 > a > svg { z-index:3; position:relative; display:block; width:66%; height:66%; margin:0 auto; }
header h1 > a > div.nom { z-index:4; position:relative; display:block; width:auto; margin:0 auto; font-size:0.25em; transform:translateY(-0.3em); }
header h1 > a > div.circles { opacity:1; z-index:5; position:absolute; display:block; width:100%; height:100%; margin:0; padding:0; left:50%; top:50%; transform:translate(-50%,-50%); }
header h1 > a > div.circles > span { border:1px solid; border-radius:50%; position:absolute; display:block; width:100%; height:100%; }
header h1 > a > div.circles > span:nth-of-type(1) { color:#5EA9A8; transform:scale(1.1) translate(2%, -2%); }
header h1 > a > div.circles > span:nth-of-type(2) { color:#2B8FB3; transform:scale(1.1) translate(-2%, -4%); }
header h1 > a > div.circles > span:nth-of-type(3) { color:#FF957D; transform:scale(1.1) translate(2%, 3%); }
header h1 > a > div.circles > span:nth-of-type(4) { color:#D25A5B; transform:scale(1.1) translate(5%, -3%); }
header h1 > a > div.circles > span:nth-of-type(5) { color:#F3E89A; transform:scale(1.1) translate(0%, 0%); }

header nav { z-index:1100; position:absolute; display:inline-block; width:100%; height:100%; left:0; top:0; margin:0; padding:0; }

header nav ul.menu { z-index:1110; position:absolute; left:0; top:6em; width:100%; display:block; padding:0; background-color:transparent; text-align:center; transition:top 300ms ease; }
header nav ul.menu > li { position:initial; display:inline-block; vertical-align:middle; width:11em; list-style:none; text-align:center; }
header nav ul.menu > li > button { font-size:0.8em; cursor:pointer; font-weight:400; padding:0; background-color:transparent; color:rgba(0,0,0,1); border:0; }
body.desktop header nav ul.menu > li > button:hover { background-color:transparent; color:rgba(0,0,0,1); }
header nav ul.menu > li:first-of-type > button { margin-left:0; }


header nav ul.coords { z-index:1120; position:absolute; top:0; right:0; width:100%; height:auto; padding:0 10%; background-color:#C9E9E8; list-style-type:none; } 
header nav ul.coords > li:nth-of-type(1) { color:#5EA9A8; }
header nav ul.coords > li:nth-of-type(2) { color:#5EA9A8; position:absolute; right:10%; top:0; }
header nav ul.coords > li > div { font-size:0.8em; padding:1em 0.5em; font-weight:400; width:auto; display:inline-block; vertical-align:middle; }
header nav ul.coords > li:nth-of-type(2) > div span:nth-of-type(2) { font-weight:600; padding-right:3em; }
nav ul.coords > li > div span { position:relative; display:inline-block; vertical-align:middle; }
nav ul.coords > li > div a { position:absolute; display:block; color:#5EA9A8; width:1.6em; height:1.6em; right:0; top:50%; transform: translateY(-50%); }
body.desktop nav ul.coords > li > div a:hover { color:#5EA9A8; text-decoration:none; }
nav ul.coords > li > div a > svg { position:absolute; display:block; left:0; top:0; height:100%; width:100%; transform-origin:center center; transform:scaleX(-1); }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MAIN */
main { font-size:1em; margin:0; padding:0; display:block; position:relative; width:100%; overflow-x:hidden; overflow-y:hidden; transition:margin 300ms linear 0ms; }

section.defaut { text-align:center; padding-bottom:3rem; }
section.defaut img { max-width:100%; }

main h1, main h2, main h3, main h4, main h5, main h6 { color:rgba(0,0,0,1); }

button.pagelink { cursor:pointer; border-radius:5px; background-color:#5EA9A8; color:rgba(255,255,255,1); border:0; padding:0.5em 3em 0.5em 1em;  margin-top:1em; }
button.pagelink > span { position:absolute; top:50%; right:1em; transform:translateY(-50%); height:1em; width:1em; border:1px solid; border-radius:50%; }
button.pagelink > span svg { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:50%; height:50%; stroke-width:10; }
body.desktop button.pagelink:hover { background-color:#91D3D2; color:rgba(255,255,255,1); }

button.pagelink.rdv { background-color:#FFCABC; }
body.desktop button.pagelink.rdv:hover { background-color:#FF957D; }
button.pagelink.faq { background-color:#FFCABC; }
body.desktop button.pagelink.faq:hover { background-color:#FF957D; }
button.pagelink.accompagnement { background-color:#FFCABC; }
body.desktop button.pagelink.accompagnement:hover { background-color:#FF957D; }
button.pagelink.ateliers { margin-top:3em; background-color:#FF957D; }
body.desktop button.pagelink.ateliers:hover { background-color:rgba(255,255,255,1); color:#FF957D; }
button.pagelink.entreprise { margin-top:3em; background-color:#9CCBDC; }
body.desktop button.pagelink.entreprise:hover { background-color:rgba(255,255,255,1); color:#2B8FB3; }

button.pagelink.anchor { background-color:#FF957D; color:rgba(255,255,255,1); border:0; }
body.desktop button.pagelink.anchor:hover { background-color:rgba(255,255,255,1); color:#FF957D; }

div.portrait { background-image:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/logos/logo.svg'); background-size:contain; background-repeat:no-repeat; background-position:center center; width:30em; height:30em; }
div.portrait > img { position:absolute; left:50%; top:50%; width:50%; height:50%; transform:translate(-50%, -50%); border:1em solid rgba(255,255,255,1); border-radius:50%; }

.fromrte ul { margin:0; padding:1em 0 0 0; }
.fromrte li { list-style-type:none; margin:0; padding:0 0 1em 2.5em; }
.fromrte li:before { content:''; position:absolute; left:0.3em; width:1.4em; height:1.4em; border:1px solid #5EA9A8; border-radius:50%; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/navigation/check.svg') no-repeat center center; background-size:50%; }

section.defaut .fromrte img { width:100% !important; height:auto !important; border-radius:0 5em 0 5em; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ACCUEIL */

section.home-intro { padding:0 10%; background-size:cover; background-repeat:no-repeat; background-position:center right; overflow:hidden; }

section.home-intro h2 { font-size:1.5em; color:#91D3D2; line-height:1.2; margin-bottom:2em; }
section.home-intro h2 b { display:block; font-size:1.4em; color:#5EA9A8; }
section.home-intro p { color:#FFCABC; }

section.home-about { z-index:2; padding:0 10%; overflow:visible; }
section.home-about > div:nth-of-type(2) { text-align:left; }
section.home-about h2 { font-size:1.4em; color:#5EA9A8; padding-bottom:0.5em; }

section.home-about ul.zones { font-size:0; width:100%; }
section.home-about ul.zones > li { position:relative; display:inline-block; vertical-align:bottom; width:25%; text-align:center; color:#5EA9A8; }
section.home-about ul.zones > li > img { display:block; max-width:80%; margin:0 auto; }
section.home-about ul.zones > li > span { display:block; }

section.home-activites { padding:0; }
section.home-activites > div { overflow:hidden; }
section.home-activites > div h2 { color:#91D3D2; font-size:2em; padding-bottom:0.5em; }

section.home-activites > div:not(.respiration) > div:not(.visuel) { z-index:3; }

section.home-activites > div.respiration { overflow:visible; }
section.home-activites > div.respiration h2 { color:#FFCABC; text-transform:uppercase; padding-bottom:0.2em; text-align:center; }
section.home-activites > div.respiration h2 b { color:#FF957D; font-weight:700; }
section.home-activites > div.respiration p { color:#FFCABC; text-align:center; }

section.home-avis { padding:0 10% 2em 10%; background-color:#FDFAE4; }

section.home-avis .ButtonBase__Ellipsis-sc-p43e7i-5 { font-weight:300; }
section.home-avis .SimpleShortener__Outer-sc-19xjxqz-0 { padding:0; }
section.home-avis .Carousel__CarouselArrowControlContainer-sc-1y666a6-3 { top:1em; transform:translate(0,0); }

section.home-avis .gsTzhb { font-size:1em; }
section.home-avis .cedfXp { font-size:1em; color:#7A570C; }
section.home-avis .hVLzju { font-size:1em; color:#7A570C; }


section.home-faq { padding:0 10%; }
section.home-faq > div { padding:4em 0 4em 0; }
section.home-faq > div h2 { font-size:1.6em; font-weight:600; padding-bottom:1em; }
section.home-faq > div > svg { position:absolute; left:0; top:4em; width:3em; height:3em; color:#FFCABC; }
section.home-faq > div > button { margin-top:2em; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE INTERNE */

section.defaut > div.page-intro { padding:0; background-color:#ffe8e2; color:#FF957D; }
section.defaut > div.page-intro h2 { font-weight:700; font-size:1.5em; color:#FF957D; line-height:1.2; margin-bottom:1em; }
section.defaut > div.page-intro h2 i { display:block; font-weight:500; font-style:normal; font-size:1.4em; }
section.defaut > div.page-intro h2 b { font-weight:700; display:block; text-transform:uppercase; font-size:1em; }
section.defaut > div.page-intro img { display:none; }
section.defaut > div.page-intro button { z-index:20; }
section.defaut > div.page-intro .fromrte { z-index:15; }
 
section.defaut > div.souspage { font-size:0; text-align:left; padding:0 calc(10% + 10em); }
section.defaut > div.souspage > div { position:relative; display:inline-block; vertical-align:top; margin-bottom:4em; }

section.defaut > div.souspage h3 { font-weight:700; font-size:1.6em; color:#91D3D2; line-height:1.2; margin-bottom:1em; }
section.defaut > div.souspage h3 b { display:inline-block; font-weight:700; width:auto; margin:0 auto 0 0; padding:0.1em 1.2em 0 0.3em; font-size:1em; background-color:#5EA9A8; color:rgba(255,255,255,1); }
section.defaut > div.souspage h3 span { display:block; }
section.defaut > div.souspage .intro { margin-bottom:1em; }
section.defaut > div.souspage .conclusion { color:#5EA9A8; font-size:1.3em; line-height:1.4; margin-top:1em; }
section.defaut > div.souspage .conclusion b, section.defaut > div.souspage .conclusion strong { font-weight:500; }

section.defaut > div.souspage ul.zones { font-size:0; width:80%; max-width:30rem; margin:0 auto 2rem auto; }
section.defaut > div.souspage ul.zones > li { position:relative; display:inline-block; vertical-align:bottom; width:25%; text-align:center; color:#5EA9A8; }
section.defaut > div.souspage ul.zones > li > img { display:block; max-width:80%; margin:0 auto; }
section.defaut > div.souspage ul.zones > li > span { display:block; }

section.defaut > div.souspage ul.dimensions { font-size:0; width:100%; margin:2rem auto 4rem auto; }
section.defaut > div.souspage ul.dimensions > li { position:relative; display:inline-block; vertical-align:top; width:100%; text-align:center; color:rgba(0,0,0,1); margin-top:2em; background-color:#C9E9E8; padding:2em 2em 2em 10em; border-radius:5em 0 5em 0; min-height:100%; }
section.defaut > div.souspage ul.dimensions > li:first-of-type { margin-top:0; }
section.defaut > div.souspage ul.dimensions > li > img { position:absolute; left:0; top:50%; transform-origin:center top; transform:translate(-10%, -50%); display:block; height:14em; width:auto; margin:0 auto; }
section.defaut > div.souspage ul.dimensions > li:first-of-type > img { transform:scale(0.8) translate(-15%, -50%); }
section.defaut > div.souspage ul.dimensions > li > h4 { font-weight:700; font-size:1.6em; color:#5EA9A8; line-height:1.2; margin-bottom:1em; }

section.defaut > div.souspage div.fromrte:not(:first-of-type) { margin-top:3em; }

section.defaut > div.souspage > div:last-of-type .fromrte { font-size:0.8em; margin-bottom:2em; color:#FFCABC; }
section.defaut > div.souspage > div:last-of-type img { margin-bottom:2em; width:100%; height:auto; border-radius:0 4em 0 4em; }
section.defaut > div.souspage > div:last-of-type img.toucher { width:calc(50% - 0.5em); margin-bottom:14em; }
section.defaut > div.souspage > div:last-of-type img.toucher:nth-of-type(2) { position:absolute; right:0; top:0; margin:0; border-radius:4em 0 4em 0; }
section.defaut > div.souspage > div:last-of-type img.toucher:nth-of-type(3) { position:absolute; left:0; top:12em; margin:0; border-radius:4em 0 4em 0; }
section.defaut > div.souspage > div:last-of-type img.toucher:nth-of-type(4) { position:absolute; right:0; top:12em; margin:0; border-radius:0 4em 0 4em; }

section.defaut > div.respiration h3 { color:#FFCABC; text-transform:uppercase; padding-bottom:0.2em; text-align:center; }
section.defaut > div.respiration h3 b { color:#FF957D; }
section.defaut > div.respiration p { color:#FFCABC; text-align:center; }


section.defaut > div.soustarif { display:block; text-align:left; padding:0 calc(10% + 10em); margin-bottom:4em; }

section.defaut > div.soustarif h3 { font-weight:700; font-size:1.6em; color:#91D3D2; line-height:1.2; margin-bottom:1em; }
section.defaut > div.soustarif h3 b { display:inline-block; font-weight:700; width:auto; margin:0 auto 0 0; padding:0.1em 1.2em 0 0.3em; font-size:1em; background-color:#5EA9A8; color:rgba(255,255,255,1); }
section.defaut > div.soustarif h3 span { display:block; }

section.defaut > div.soustarif > ul { text-align:center; font-size:0; display:block; padding:0; margin:0; list-style-type:none; }
section.defaut > div.soustarif > ul li { display:inline-block; vertical-align:top; width:100%; text-align:center; padding:1em; }
section.defaut > div.soustarif h4 { font-size:1.1em; font-weight:600; color:#5EA9A8; line-height:1.2; min-height:2.4em; margin-bottom:1em; }
section.defaut > div.soustarif .duree { margin-bottom:1em; color:#FF957D; font-weight:500; }
section.defaut > div.soustarif .tarif { font-size:1.2em; display:block; margin:0 auto; color:#FF957D; font-weight:600; border: 2px solid #FF957D; width:5em; height:5em; border-radius:50%; }
section.defaut > div.soustarif .tarif > div { display:inline-block; position:absolute; transform:translate(-50%,-50%); top:50%; left:50%; text-align:center; }
section.defaut > div.soustarif .tarif > div > span { display:block; line-height:1; }
section.defaut > div.soustarif .tarif > div > span:nth-of-type(2) { line-height:1; height:1em; }
section.defaut > div.soustarif .tarif > div > span.surdemande { font-size:0.8em; transform:translateY(-0.2em); }

section.defaut > div.tarifsateliers { min-height:30em; background-color:#ffe8e2; color:#FF957D; padding:0 calc(10% + 10em); }
section.defaut > div.tarifsateliers:before { z-index:2; content:''; position:absolute; height:5em; width:100%; left:0; right:0; top:0; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/courbes/tarifs-ateliers-top.png') no-repeat center top; background-size:100%; transform: translateY(-1px); }
section.defaut > div.tarifsateliers > div { position:absolute; top:50%; transform:translateY(-50%); display:block; text-align:left; }
section.defaut > div.tarifsateliers h3 { font-weight:700; font-size:1.6em; color:#FF957D; line-height:1.2; margin-bottom:1em; }
section.defaut > div.tarifsateliers h3 b { display:inline-block; font-weight:700; width:auto; margin:0 auto 0 0; padding:0.1em 1.2em 0 0.3em; font-size:1em; background-color:#FF957D; color:rgba(255,255,255,1); }
section.defaut > div.tarifsateliers h3 span { display:block; }

section.defaut > div.tarifsentreprises { min-height:30em; background-color:#2B8FB3; color:rgba(255,255,255,1); padding:0 calc(10% + 10em); }
section.defaut > div.tarifsentreprises:before { z-index:2; content:''; position:absolute; height:5em; width:100%; left:0; right:0; top:0; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/courbes/tarifs-entreprise-top.png') no-repeat center top; background-size:100%; transform: translateY(-1px); }
section.defaut > div.tarifsentreprises:after { z-index:2; content:''; position:absolute; height:7em; width:100%; left:0; right:0; bottom:0; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/courbes/tarifs-entreprise-bottom.png') no-repeat center bottom; background-size:100%; transform: translateY(1px); }
section.defaut > div.tarifsentreprises > div { position:absolute; top:50%; transform:translateY(-50%); display:block; text-align:left; }
section.defaut > div.tarifsentreprises h3 { font-weight:700; font-size:1.6em; color:#9CCBDC; line-height:1.2; margin-bottom:1em; }
section.defaut > div.tarifsentreprises h3 b { display:inline-block; font-weight:700; width:auto; margin:0 auto 0 0; padding:0.1em 1.2em 0 0.3em; font-size:1em; background-color:#9CCBDC; color:rgba(255,255,255,1); }
section.defaut > div.tarifsentreprises h3 span { display:block; }

section.defaut > div.complement { font-size:0.8em; color:#999; padding:0 calc(10% + 10em); margin:2em 0 4em 0; }

section.accompagnements > div.allaccompagnements { font-size:0; text-align:left; padding:0 calc(10% + 10em); }
section.accompagnements > div.allaccompagnements > div { position:relative; display:inline-block; vertical-align:top; margin-bottom:4em; }
section.accompagnements > div.allaccompagnements > div:first-of-type { padding:2em; border:1px solid #5EA9A8; }

section.accompagnements > div.allaccompagnements .alllibelles h2 { display:inline-block; width:auto; text-transform:uppercase; color:#5EA9A8; font-size:1.4em; font-weight:600; margin-top:1.6em; padding-bottom:0.8em; margin-bottom:0.4em; border-bottom:2px solid #5EA9A8; }
section.accompagnements > div.allaccompagnements .alllibelles h2:first-of-type { margin-top:0; }
section.accompagnements > div.allaccompagnements .alllibelles ul { list-style-type: none; text-align:left; margin:0; padding:0; }
section.accompagnements > div.allaccompagnements .alllibelles li { color:#5EA9A8; margin:0; padding:1em 0 0 0; }
section.accompagnements > div.allaccompagnements .alllibelles button { background-color:transparent; color:rgba(0,0,0,1); margin:0; padding:0; text-align:left; border:0; transition:color 300ms ease; }
section.accompagnements > div.allaccompagnements .alllibelles li.current button { color:#5EA9A8; }
body.desktop section.accompagnements > div.allaccompagnements .alllibelles button:hover { background-color:transparent; color:#5EA9A8; }

section.accompagnements > div.allaccompagnements .alldetails > ul { list-style-type: none; }
section.accompagnements > div.allaccompagnements .alldetails > ul > li:not(.current) { display:none; }

section.accompagnements > div.allaccompagnements .alldetails h3 { font-weight:700; font-size:1.6em; color:#91D3D2; line-height:1.2; margin-bottom:1em; }
section.accompagnements > div.allaccompagnements .alldetails h3 b { display:inline-block; font-weight:700; width:auto; margin:0 auto 0 0; padding:0.1em 1.2em 0 0.3em; font-size:1em; background-color:#5EA9A8; color:rgba(255,255,255,1); }
section.accompagnements > div.allaccompagnements .alldetails h3 span { display:block; }
section.accompagnements > div.allaccompagnements .alldetails h3 span:nth-of-type(2) { padding-top:1em; font-size:0.8em; }

section.accompagnements > div.allaccompagnements .alldetails h4 { font-weight:700; font-size:1.1em; color:rgba(0,0,0,1); line-height:1.2; margin-top:2em; text-transform:uppercase; }

section.accompagnements > div.allaccompagnements .alldetails button.pagelink { margin-top:3em; }
section.accompagnements > div.allaccompagnements .alldetails .complement { font-size:0.8em; padding-top:3em; color:#91D3D2; }



section.faq > div.allfaqs { font-size:0; text-align:left; padding:0 calc(10% + 10em); }
section.faq > div.allfaqs > div { position:relative; display:inline-block; vertical-align:top; margin-bottom:4em; }
section.faq > div.allfaqs > div:first-of-type { padding:2em; border:1px solid #5EA9A8; }

section.faq > div.allfaqs .allquestions h2 { display:inline-block; width:auto; text-transform:uppercase; color:#5EA9A8; font-size:1.4em; font-weight:600; padding-bottom:0.8em; margin-bottom:0.4em; border-bottom:2px solid #5EA9A8; }
section.faq > div.allfaqs .allquestions ul { z-index:20; list-style-type: none; text-align:left; margin:0; padding:0; }
section.faq > div.allfaqs .allquestions li { color:#5EA9A8; margin:0; padding:1em 0 0 0; }
section.faq > div.allfaqs .allquestions button { background-color:transparent; color:rgba(0,0,0,1); margin:0; padding:0; text-align:left; border:0; transition:color 300ms ease; }
section.faq > div.allfaqs .allquestions li.current button { color:#5EA9A8; }
body.desktop section.faq > div.allfaqs .allquestions button:hover { background-color:transparent; color:#5EA9A8; }

section.faq > div.allfaqs .allreponses ul { list-style-type: none; }
section.faq > div.allfaqs .allreponses li:not(.current) { display:none; }

section.faq > div.allfaqs .allreponses h3 { font-weight:700; font-size:1.6em; color:#91D3D2; line-height:1.2; margin-bottom:1em; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* CONTACT */

section.contact form { font-size:0; }
section.contact fieldset { border:1px solid #ccc; padding:2rem; margin-bottom:2rem; border-radius:0.5rem; }
section.contact > div.souspage h3 { font-size:1rem; font-weight:700; color:#5EA9A8; padding-bottom:1em; text-transform:uppercase; }
section.contact label { font-size:1em; width:100%; display:inline-block; vertical-align:top; margin:0; padding:0; margin-bottom:0.7em; }
section.contact label { padding-right:0; }
section.contact label > span, section.contact fieldset > div > span { width:100%; display:inline-block; vertical-align:top; padding:0.5em 0.5em 0.5em 1em; }
section.contact label > i { width:100%; display:inline-block; vertical-align:top; padding:0 0.5em 0.5em 1em; font-size:0.8em; }
section.contact fieldset > div { padding-top:2em; }
section.contact fieldset > div > span { padding-right:0; }
section.contact label.option { width:auto; text-transform:uppercase; }
section.contact label.consentementrgpd { font-size:0.8em; margin-top:1rem; text-transform:none; }
section.contact option.placeholder { color:rgba(54,54,54,0.55); }

section.contact input, section.contact select, section.contact textarea { background-color:transparent; border:1px solid #aaa; border-radius:3px; padding:0.7em 1em; height:auto; line-height:1; }

section.contact textarea { height:10em; }

section.contact input[type="checkbox"] + span:before, section.contact input[type="checkbox"] + span:after { top:0.05em !important; border-radius:3px !important; }
section.contact input[type="checkbox"] + span:before { border-color:#aaa !important; }
section.contact input[type="checkbox"] + span:after { background-color:#5EA9A8 !important; }

section.contact form label input[type="checkbox"] { padding-top: 0 !important; padding-bottom: 0 !important; position: relative !important; left: 0 !important; top: 1.2rem !important; transform: scale(1) !important; }

section.contact form button { cursor:pointer; border-radius:5px; background-color:#5EA9A8; color:rgba(255,255,255,1); border:0; padding:0.5em 3em 0.5em 1em;  margin-top:1em; font-weight:300; transform:translateX(-100%); left:100%; }
section.contact form button > span { position:absolute; top:50%; right:1em; transform:translateY(-50%); height:1em; width:1em; border:1px solid; border-radius:50%; }
section.contact form button > span svg { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:50%; height:50%; stroke-width:10; }
body.desktop section.contact form button:hover { background-color:#91D3D2; color:rgba(255,255,255,1); }


section.contact span.asterisque { display:block; width:auto; font-size:0.7rem; margin:1rem 0; }
section.contact sup { color:#91D3D2; font-weight:500; }

section.contact div.succes { padding-top:3rem; padding-bottom:5rem; font-size:1.4rem; text-align:center; }
section.contact div.erreur { padding-bottom:3rem; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ANIMATION SCROLL */

.scrollanim.init { opacity:0; transition:opacity 300ms ease 0ms, transform 300ms ease 0ms; }
.scrollanim { opacity:1; transition:opacity 500ms ease 0ms, transform 300ms ease 0ms; }

.scrollanim.frombottom.init { opacity:0; transform:translateY(50%); }
.scrollanim.frombottom { opacity:1; transform:translateY(0); }
.scrollanim.fromtop.init { opacity:0; transform:translateY(-50%); }
.scrollanim.fromtop { opacity:1; transform:translateY(0); }
.scrollanim.fromleft.init { opacity:0; transform:translateX(-50%); }
.scrollanim.fromleft { opacity:1; transform:translateX(0); }
.scrollanim.fromright.init { opacity:0; transform:translateX(50%);  }
.scrollanim.fromright { opacity:1; transform:translateX(0); }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MENTIONS LEGALES */

section#page-mentionslegales { font-family:Verdana, sans-serif; color:rgba(0,0,0,1); font-size:0.7rem; font-weight:300; display:block; margin:0 auto; padding:0 3rem 3rem 3rem; width:calc(100% - (2 * 10%) ); }
section#page-mentionslegales h2 { font-size:1.4em; text-transform:uppercase; font-weight:600; padding-top:1.5em; padding-bottom:1em; }
section#page-mentionslegales h3 { font-size:1.1em; text-transform:uppercase; font-weight:600; padding-top:1.5em; padding-bottom:0.5em; }
section#page-mentionslegales p { text-align:justify; }
section#page-mentionslegales li { text-align:justify; }
section#page-mentionslegales strong { font-weight:600; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* AUTHENTIFICATION */

section#page-authentification { width:30%; margin:0 auto; }
section#page-authentification h1 { margin:7rem 0 2rem 0; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */

aside.mapinsta { font-size:0; padding:0; }
aside.mapinsta .insta > div { position:relative; }
aside.mapinsta .insta > div .logo { margin:3em; width:8em; height:8em; border-radius:50%; background-color:rgba(255,255,255,1); border:1px solid #F2ABAC; padding:0.5em; overflow:hidden; }
aside.mapinsta .insta > div > div { display:inline-block; vertical-align:middle; margin:2em 0; }
aside.mapinsta .insta h3 { font-size:1em; font-weight:600; padding-bottom:0.5em; }

aside.mapinsta .insta iframe { position:absolute; font-size:1em; display:block; width:100%; bottom:0; left:0; }
aside.mapinsta .insta iframe body { border:0 !important; margin:0 !important; }

aside.mapinsta .insta ul { position:relative; font-size:0; display:block; width:100%; }
aside.mapinsta .insta ul li { position:relative; display:inline-block; vertical-align:top; width:calc(100% / 3); }
aside.mapinsta .insta ul li img { width:100%; height:auto; }

aside.rdv { border-top:0.5em solid rgba(255,255,255,1); height:30em; overflow:hidden; }
aside.rdv > div { text-align:center; }
aside.rdv > div.visuel { position: absolute; left: 50%; top: 0; height:100%; transform: translateX(-50%); width: 100vw; }
aside.rdv > div img { width:100%; height:auto; }
aside.rdv h2 { font-size:2em; line-height:1.2; padding-bottom:0.5em; text-transform:uppercase; text-align:center; }
aside.rdv .fromrte p { text-align:center; padding-bottom:2em; }

.aside-certification { margin:0 10%; padding:4em 25em 4em 25em; overflow:hidden; width:auto; }

.aside-certification > .logo { display:block;  margin:0; padding:0; position:absolute; left:0; top:50%; transform:translateY(-50%); height:5em; width:auto; text-align:center; }
.aside-certification > .logo > svg { z-index:3; position:relative; display:inline-block; vertical-align:middle; margin:0 auto; width:5em; height:5em; }
.aside-certification > .logo > div.nom { z-index:4; position:relative; display:inline-block; vertical-align:middle; width:auto; margin:0 auto; font-size:1.4em; padding-left:0.3em; }

.aside-certification > button { position:absolute; right:0; top:50%; transform:translateY(-50%); margin:0; }

footer { z-index:900; position:relative; background-color:rgba(255,255,255,1); color:rgba(0,0,0,1); text-align:center; margin:2em auto 0 auto; padding:2em 0; border-top:1px solid #ccc; width:calc(100% - (2 * 10%) ); }

footer .sociaux { z-index:2; position:relative; }
footer .sociaux ul li { display:inline-block; width:1.6em; height:1.6em; margin:0 0.2em; }
footer .sociaux ul li button { cursor:pointer; width:100%; height:100%; padding:0; margin:0; background-color:transparent; border:0; color:rgba(0,0,0,1); }
body.desktop footer .sociaux ul li button:hover { background-color:transparent; border:0; color:#5EA9A8; }
footer .sociaux ul li svg { position:absolute; width:auto; height:100%; top:50%; left:50%; transform:translate(-50%,-50%); }
footer .sociaux ul li.facebook svg { height:80%; }
 
footer .copyright { z-index:1; font-size:0.8em; margin:1em 0; text-align:center; line-height:1; }
footer .copyright > span { padding:0 1em; line-height:1; display:inline-block; vertical-align:top; color:rgba(0,0,0,1); }
footer .copyright > a { padding:0 1em; line-height:1; display:inline-block; vertical-align:top; color:rgba(0,0,0,1); }
footer .copyright > span a { text-transform:none; line-height:1; position:relative; display:inline-block; vertical-align:top; }

body.desktop footer .copyright a:hover { text-decoration:none; color:rgba(0,0,0,1); }
/* ------------------------------------------------------------------------------------------------------------- */
/* RESPONSIVE */

html { font-size:10px; font-size:1vw; }

#en2mots { background-color:rgba(255,255,255,1); width:100%; max-width:2560px; margin:0 auto; position:relative; }
/* AFFICHAGE NORMAL */
@media (orientation:portrait) and (min-width:951px), (orientation:landscape) and (min-width:501px) {

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header nav ul > li,
ul.zones > li, ul.dimensions > li,
section.defaut > div.souspage > div,
section.defaut > div.soustarif > ul li,
section.accompagnements > div.allaccompagnements > div,
section.faq > div.allfaqs > div,
section.contact label, section.contact fieldset > div, section.contact button, section.contact div.consentementrgpd,
aside.mapinsta > div,
aside.mapinsta .insta ul li,
.mascotte
 { font-size:0.9rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

	header h1 > a:before { z-index:2; content:''; position:absolute; display:block; width:100%; height:100%; margin:0; padding:0; left:0; top:0; background-color:rgba(255,255,255,1); border-radius:50%; }

	main { padding-top:10em; }

	header nav ul.menu > li > button:after { content:''; position:absolute; left:0; bottom:-0.5em; width:0; height:0.1em; transition:width 300ms ease; background-color:#5EA9A8; }
	header nav ul.menu > li:last-of-type > button { margin-right:0; color:#FF957D; }
	body.desktop header nav ul.menu > li:last-of-type > button:hover { color:#FF957D; }
	header nav ul.menu > li:last-of-type > button:after { background-color:#FF957D; }
	header nav ul.menu > li.current > button:after { width:100%; } 
	body.desktop header nav ul.menu > li > button:hover:after { width:100%; }

	header nav ul.menu > li:nth-of-type(3) { margin-right:20em; }


	.scroll header { height:5em; }
	.scroll main { padding-top:5em; }

	.scroll header h1 { font-size:2em; top:0; }
	.scroll header h1 > a { width:auto; }
	.scroll header h1 > a > svg { display:inline-block; vertical-align:middle; width:2em; height:2em; }
	.scroll header h1 > a > div.nom { display:inline-block; vertical-align:middle; font-size:0.7em; padding-left:0.3em; transform:translateY(0); }
	.scroll header h1 > a > div.circles { opacity:0; }

	.scroll header nav ul.menu { top:2em; }

	.scroll header nav ul.coords { width:2em; height:2em; right:4em; top:1.5em; border-radius:50%; padding:0; }
	.scroll header nav ul.coords > li:nth-of-type(1) { display:none; }
	.scroll header nav ul.coords > li:nth-of-type(2) { display:block; width:100%; height:100%; right:2%; }
	.scroll header nav ul.coords > li > div { padding:0; display:block; width:100%; height:100%; }
	.scroll header nav ul.coords > li > div span { display:none; }
	.scroll nav ul.coords > li > div a { right:50%; transform: translate(50%, -50%); width:50%; height:50%; }


	button#showhidemenu { display:none; }

	section.home-intro:before { z-index:1; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1) 40%, transparent 60%); }
	section.home-intro:after { z-index:2; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/courbes/courbe-block-intro-desktop.svg') no-repeat center bottom; background-size:100%; transform:translateY(5px); }
	section.home-intro > div { z-index:10; padding:6em 55% 12em 0; }

	section.home-about div.portrait { position:absolute; left:10%; top:50%; transform:translateY(-50%); width:25em; height:25em; }
	section.home-about > div:nth-of-type(2) { margin-left:calc(25em + 2em); width:28em; }
	section.home-about > ul.zones { position:absolute; right:10%; top:50%; transform:translateY(-50%); width:30rem; }

	section.home-activites { padding-top:20em; }
	section.home-activites > div > div.visuel { position:absolute; height:100%; top:0; }
	section.home-activites > div.approche { padding-left:40%; height:auto; min-height:20em; overflow:hidden; text-align:left; }
	section.home-activites > div.approche > div { padding:4em 10% 4em 4em; }
	section.home-activites > div.approche > div.visuel { left:0; width:40%; }
	section.home-activites > div.approche p { text-align:left; }
	section.home-activites > div.accompagnements { padding-right:60%; height:auto; min-height:20em; overflow:hidden; text-align:right; }
	section.home-activites > div.accompagnements > div { padding:4em 4em 4em 10%; }
	section.home-activites > div.accompagnements > div.visuel { right:0; width:60%; }
	section.home-activites > div.accompagnements h2, section.home-activites > div.accompagnements p { text-align:left; }

	section.home-activites > div.approche { padding-top:2em; padding-bottom:2em; }
	section.home-activites > div.approche:after { z-index:2; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/courbes/approche.png') no-repeat center top; background-size:100%; transform: translateY(-5px); }
	section.home-activites > div.accompagnements { padding-top:2em; padding-bottom:2em; }
	section.home-activites > div.accompagnements:after { z-index:2; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/courbes/accompagnements.png') no-repeat center bottom; background-size:100%; transform: translateY(5px); }

	section.home-activites > div.respiration { position:absolute; top:10em; left:0; width:100%; padding:0 10%; }
	section.home-activites > div.respiration h2 br { display: none; content: ' '; clear:none; }
	section.home-activites > div.respiration .fromrte p br { display: none; content: ' '; clear:none; }

	section.home-avis { min-height:20em; }

	section.home-faq > div { padding-right:22em; padding-left:6em; }
	section.home-faq > div > button { position:absolute; right:0; bottom:4.5em; }
	
	.liquide { width:90%; }

	.fromrte .twocols > ul { padding-top:1em; display:inline-block; vertical-align:top; width:calc(50% - 5px); }

	section.defaut > div.page-intro { padding:0 10%; overflow:hidden; }
	section.defaut > div.page-intro:before { z-index:1; content:''; position:absolute; left:80%; top:50%; width:40%; height:0; padding-bottom:40%; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/logos/logo-transparent.png') no-repeat center bottom; background-size:100%; transform:translate(-50%,-50%); }
	section.defaut > div.page-intro:after { z-index:3; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/courbes/courbe-block-intro-desktop.svg') no-repeat center bottom; background-size:100%; transform:translateY(5px); }
	section.defaut > div.page-intro > div { min-height:30vw; z-index:10; padding:6em 35% 10em 0; text-align:left; }
	section.defaut > div.page-intro h2, section.defaut > div.page-intro > div > div { max-width:35em; }

	section.defaut > div.page-intro img { z-index:2; display:block; position:absolute; left:80%; top:50%; width:25%; height:auto; border-radius:50%; transform:translate(-50%,-50%); }
	
	section#page-contact.defaut > div.page-intro img { width:18%; }

	section.defaut > div.respiration { width:100%; padding:0 10% 27em 10%; margin-top:4em; margin-bottom:0; }
	section.defaut > div.respiration h3 br { display: none; content: ' '; clear:none; }
	section.defaut > div.respiration .fromrte p br { display: none; content: ' '; clear:none; }

	section.defaut > div.respiration div.visuel { position:absolute; left:50%; width:100vw; height:25em; top:0; transform:translateX(-50%); overflow:hidden; }
	section.defaut > div.respiration div.visuel:after { z-index:3; content:''; position:absolute; left:0; right:0; bottom:-1px; height:9em; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/courbes/courbe-reflex-comb-desktop.png') no-repeat center bottom; background-size:100%; }

	section.defaut > div.souspage { padding:0 calc(10% + 5rem); }
	section.defaut > div.souspage > div:first-of-type { padding:0; width:calc(100% - 20em); }
	section.defaut > div.souspage > div:last-of-type { padding:0 0 0 5em; width:20em; }

	section.defaut > div.soustarif > ul li { width:calc(100% / 3); }
	section.defaut > div.soustarif h4 > span { display:block; }

	section.accompagnements > div.allaccompagnements { padding:0 calc(10% + 5rem); }
	section.accompagnements > div.allaccompagnements > div:first-of-type { width:30em; }
	section.accompagnements > div.allaccompagnements > div:last-of-type { padding:0 0 0 5em; width:calc(100% - 30em); }

	section.faq > div.allfaqs { padding:0 calc(10% + 5rem); }
	section.faq > div.allfaqs > div:first-of-type { width:30em; }
	section.faq > div.allfaqs > div:last-of-type { padding:0 0 0 5em; width:calc(100% - 30em); }

	section.contact label.nom, section.contact label.prenom, section.contact label.fornom, section.contact label.forprenom, section.contact label.email, section.contact label.telephone { width:50%; }
	section.contact label.prenom, section.contact label.forprenom, section.contact label.email { padding-right:2em; }
	section.contact label.nom, section.contact label.fornom, section.contact label.telephone { padding-left:2em; }
	
	aside.mapinsta > div { position:relative; display:inline-block; vertical-align:top; }
	aside.mapinsta #googlemap { width:calc(100% - (3 * 15em)) ; height:calc((2 * 15em)); border-right:0.5em solid rgba(255,255,255,1); }
	aside.mapinsta .insta { width:calc(3 * 15em); height:calc((2 * 15em)); background-color:#C9E9E8; }
	aside.mapinsta .insta > div { position:relative; height:15em; }

	aside.mapinsta .insta ul { position:relative; height:50%; font-size:0; display:block; width:100%; }

	aside.rdv > div.visuel { width:100%; }
	aside.rdv > div:not(.visuel) { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - (2 * 10%)); }
	aside.rdv h2 { color:#5EA9A8; }
	aside.rdv .fromrte { color:#5EA9A8; }
	aside.rdv button.pagelink.rdv { background-color:#5EA9A8; }
	body.desktop aside.rdv button.pagelink.rdv:hover { background-color:#91D3D2; }
	

	aside.rdv h2 br { display: none; content: ' '; clear:none; }
	aside.rdv .fromrte p br { display: none; content: ' '; clear:none; }
	
	
	footer .sociaux ul { position:absolute; right:0; padding-top:0.25em; }

}
/* AFFICHAGE TABLETTE et PETIT ECRAN */
@media (orientation:portrait) and (min-width:951px) and (max-width:1600px), (orientation:landscape) and (min-width:501px) and (max-width:1200px) {

	html { font-size:11px; font-size:1.1vw; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header nav ul > li,
ul.zones > li, ul.dimensions > li,
section.defaut > div.souspage > div,
section.defaut > div.soustarif > ul li,
section.accompagnements > div.allaccompagnements > div,
section.faq > div.allfaqs > div,
section.contact label, section.contact fieldset > div, section.contact button, section.contact div.consentementrgpd,
aside.mapinsta > div,
aside.mapinsta .insta ul li,
.mascotte
 { font-size:1.1rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

	header nav ul.menu > li:nth-of-type(3) { margin-right:13em; }

	header nav ul.coords { padding:0 5%; }
	header nav ul.coords > li:nth-of-type(2) { right:5%; }
	.scroll header nav ul.coords { display:none; }
	footer { width:calc(100% - (2 * 5%) ); }

	section.home-intro { padding:0 5%; }
	section.home-intro > div { padding:6em 55% 8em 0; }

	section.home-about { padding:0 5%; }
	section.home-about >  div:nth-of-type(2) { margin-left:calc(15em + 2em); }
	section.home-about div.portrait { left:5%; width:15em; height:15em; }
	section.home-about div.portrait > img { width:70%; height:70%; }
	section.home-about > ul { right:5%; width:25rem; }

	section.home-avis { padding:0 5% 2em 5%; min-height:20em; }

	section.home-faq { padding:0 5%; }

	section.defaut > div.page-intro { padding:0 5%; }
	section.defaut > div.page-intro > div { min-height:35vw; padding-top:5em; padding-bottom:8em; }
	section.defaut > div.page-intro > div > div { max-width:45em; }

	section.defaut > div.souspage { padding:0 5%; }
	section.accompagnements > div.allaccompagnements { padding:0 5%; }
	section.defaut > div.soustarif { padding:0 5%; }
	section.defaut > div.tarifsateliers { padding:0 5%; }
	section.defaut > div.tarifsentreprises { padding:0 5%; }
	section.defaut > div.complement { padding:0 5%; }
	section.faq > div.allfaqs { padding:0 5%; }

}

/* AFFICHAGE PANORAMIC */

/* Attention, le style panoramic n'est pas ajouté sur body mais sur html
html.panoramic { left:calc( ( 100% - 2.5 * 100vh ) / 2); width:calc(2.5 * 100vh); font-size:2vh; text-align:center; }
*/


/* AFFICHAGE FONT MAXI */
@media (min-width:2000px) { 

	html { font-size:20px; }

	.liquide { max-width:calc(0.9 * 2000px); }

	section.home-intro > div { padding:6em 55% 18em 0; }

	section.home-avis { min-height:19em; }

	section.defaut > div.respiration { padding-bottom:calc(20vw + 2em); }
	section.defaut > div.respiration div.visuel { height:20vw; }
	
}

/* AFFICHAGE MAXI */
@media (min-width:2560px) { 

	.litebox-overlay .litebox-container { margin-left:auto; margin-right:auto; }
	.litebox-overlay .litebox-inline-html { width:960px; }

}
/* AFFICHAGE MOBILE */
@media (orientation:portrait) and (max-width:950px), (orientation:landscape) and (max-width:500px) {

	html { font-size:24px; font-size:3vw; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
header nav ul > li,
ul.zones > li, ul.dimensions > li,
section.defaut > div.souspage > div,
section.defaut > div.soustarif > ul li,
section.accompagnements > div.allaccompagnements > div,
section.faq > div.allfaqs > div,
section.contact label, section.contact fieldset > div, section.contact button, section.contact div.consentementrgpd,
aside.mapinsta > div,
aside.mapinsta .insta ul li,
.mascotte
 { font-size:1.2rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MASCOTTES */

.page-intro .mascotte > span { left:80%; top:10%; transform:translate(-50%, -50%); }
#page-contact .page-intro .mascotte > span { left:95%; top:15%; }
#page-accompagnements .page-intro .mascotte > span { top:75%; }

#parcours .mascotte > span { transform:translateX(-50%); bottom:-2em;  }
#page-faq .mascotte > span { right:calc(100% - 3em); top:-2.35em;  }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/

	.liquide { width:94%; }

	div.nosmartphone br { display: none; content: ' '; clear:none; }

	header nav ul.coords { padding:0 5%; }
	header nav ul.coords > li:nth-of-type(2) { right:5%; }
	footer { width:calc(100% - (2 * 5%) ); }

	button.pagelink { margin-left:auto; margin-right:auto; display:block; width:auto; }

	header { height:5em; transition:height 600ms ease; background-color:#5EA9A8; }
	main { padding-top:5em; }

	body.showmenu header { height:100%; }


	header nav > ul.menu { position:absolute; left:0; top:0; width:100vw; height:100vh; overflow:hidden; max-height:0; transition:max-height ease 300ms; padding-top:0; transition:padding-top 0ms linear 600ms; }
	header nav > ul.menu li { font-size:1.6em; padding-bottom:1em; text-align:center; display:block; opacity:0; transition:opacity 300ms linear 0ms; width:100%; }
	body.showmenu header nav > ul.menu { max-height:100vh; padding-top:7em; transition:padding-top 0ms linear 0ms; }
	body.showmenu header nav > ul.menu li { opacity:1; transition:opacity 300ms linear 600ms; }
	body.showmenu main, body.showmenu footer { opacity:0; transition:opacity 300ms linear 600ms; }

	header h1 { z-index:1; font-size:2em; top:0; display:block; text-align:center; width:100%; background-color:#fff; }
	header h1 > a { width:auto; }
	header h1 > a > svg { display:inline-block; vertical-align:middle; width:2em; height:2em; }
	header h1 > a > div.nom { display:inline-block; vertical-align:middle; font-size:0.7em; padding-left:0.3em; transform:translateY(0); }
	header h1 > a > div.circles { display:none; }

	header nav ul.menu > li > button { color:rgba(255,255,255,1); }

	header nav ul.coords { width:2em; height:2em; right:calc(100% - 4em); top:1.5em; border-radius:50%; padding:0; }
	header nav ul.coords > li:nth-of-type(1) { display:none; }
	header nav ul.coords > li:nth-of-type(2) { display:block; width:100%; height:100%; right:2%; }
	header nav ul.coords > li > div { padding:0; display:block; width:100%; height:100%; }
	header nav ul.coords > li > div span { display:none; }
	nav ul.coords > li > div a { right:50%; transform: translate(50%, -50%); width:50%; height:50%; }

	button#showhidemenu { z-index:1200; position:absolute; display:inline-block; top:1.5em; right:2em; width:2em; height:2em; margin:0; padding:0; background-color:transparent; border:0; }
	button#showhidemenu > svg { color:rgba(0,0,0,1); position:absolute; left:0; top:0; width:100%; height:100%; transition:color 300ms linear 0ms; }
	body.showmenu button#showhidemenu > svg { color:rgba(0,0,0,1); }

	button#showhidemenu > svg line { transition:transform 300ms linear 0ms; stroke-width:3; stroke-linecap:round; transform-origin: 40% 50%; }
	button#showhidemenu > svg line:nth-of-type(1) { transform: translate(0,0) scaleX(1) rotate(0deg); }
	button#showhidemenu > svg line:nth-of-type(2) { transform: translate(-18.75%,0) scaleX(0.625); }
	button#showhidemenu > svg line:nth-of-type(3) { transform: translate(12.5%,0) scaleX(1.25) rotate(0deg); }
	body.desktop button#showhidemenu:hover > svg line:nth-of-type(1) { transform: translate(0,0) scaleX(1) rotate(0deg); }
	body.desktop button#showhidemenu:hover > svg line:nth-of-type(2) { transform: translate(0,0) scaleX(1); }
	body.desktop button#showhidemenu:hover > svg line:nth-of-type(3) { transform: translate(0,0) scaleX(1) rotate(0deg); }
	body.showmenu button#showhidemenu > svg line:nth-of-type(1), body.desktop.showmenu button#showhidemenu:hover > svg line:nth-of-type(1) { transform: translate(0,14%) scaleX(1) rotate(45deg); }
	body.showmenu button#showhidemenu > svg line:nth-of-type(2), body.desktop.showmenu button#showhidemenu:hover > svg line:nth-of-type(2) { transform: translate(-40%,0) scaleX(0); }
	body.showmenu button#showhidemenu > svg line:nth-of-type(3), body.desktop.showmenu button#showhidemenu:hover > svg line:nth-of-type(3) { transform: translate(0,-14%) scaleX(1) rotate(-45deg); }

	section.home-intro { padding:0 5%; background-image:none !important; }
	section.home-intro > div { padding:3em 0 2em 0; }
	section.home-intro h2 { font-size:1.3em; }
	section.home-intro div.fromrte { font-size:0.9em; }
	section.home-intro button.pagelink { margin-left:0; margin-right:0; }

	section.home-about { padding:0 5%; text-align:center; }
	section.home-about div.portrait { display:block; margin:0 auto; width:20em; height:20em; }
	section.home-about > div:nth-of-type(2) { text-align:center; }
	section.home-about > div:nth-of-type(2) p { text-align:center; }
	section.home-about > div:nth-of-type(2) p br { display: none; content: ' '; clear:none; }
	section.home-about > ul { margin:2rem 0; }

	section.home-activites > div > div.visuel { position:relative; width:100%; height:15em; padding:0; }
	section.home-activites > div.respiration { padding:2em 5%; }
	section.home-activites > div:not(.respiration) > div:not(.visuel) { padding:2em 5%; }
	section.home-activites > div.approche:after { z-index:2; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/courbes/approche.png') no-repeat center top; background-size:100%; transform: translateY(-1px); }
	section.home-activites > div.accompagnements:after { z-index:2; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url('https://www.agnesd-reflexologie.fr/_chartes_/agnesd/ressources/images/courbes/accompagnements.png') no-repeat center bottom; background-size:100%; transform: translateY(1px); }

	section.home-avis { padding:0 5% 2em 5%; min-height:25em; }
	section.home-avis .HeaderContainer__Inner-sc-pny2b8-0 { justify-content:center; margin-top:2em; margin-bottom:2em; }

	section.home-faq { padding:0 5%; }
	section.home-faq > div { padding-top:2em; }
	section.home-faq > div h2 { padding-top:2em; }
	section.home-faq > div > svg { top:2em; width:8em; height:8em; }


	.fromrte .twocols > ul:not(:first-of-type) { padding-top:0; }

	section.defaut > div.page-intro { padding:0 5%; text-align:left; margin-bottom:4em; }
	section.defaut > div.page-intro > div { padding:2em 0 2em 0; }
	section.defaut > div.page-intro button.pagelink { margin-left:0; margin-right:0; }

	section.defaut > div.souspage { padding:0 5%; }
	section.defaut > div.souspage > div:last-of-type .fromrte { font-size:1em; }
	
	section.defaut > div.respiration { padding:2em 5%; padding-bottom:8em; }
	section.defaut > div.respiration h3 { font-size:2em; padding-bottom:0.5em; }

	section.defaut > div.souspage > div:last-of-type img.toucher { margin-bottom:22em; }
	section.defaut > div.souspage > div:last-of-type img.toucher:nth-of-type(3) { top:20em; }
	section.defaut > div.souspage > div:last-of-type img.toucher:nth-of-type(4) { top:20em; }

	section.accompagnements > div.allaccompagnements { padding:0 5%; }
	section.defaut > div.soustarif { padding:0 5%; }
	section.defaut > div.tarifsateliers { padding:0 5%; }
	section.defaut > div.tarifsentreprises { padding:0 5%; }
	section.defaut > div.complement { padding:0 5%; }

	section.defaut > div.soustarif h3 span{ display:inline; }
	section.defaut > div.soustarif > ul li { font-size:1.6rem; margin-bottom:2em; }
	section.defaut > div.tarifsateliers button.pagelink.ateliers:not(:first-of-type) { margin-top:1em; }
	section.defaut > div.tarifsentreprises button.pagelink.entreprise:not(:first-of-type) { margin-top:1em; }

	section.faq > div.allfaqs { padding:0 5%; }

	/* FOOTER */
	aside.mapinsta #googlemap { width:100%; height:20em; }
	aside.mapinsta .insta > div .logo { margin:2em 1em; width:5em; height:5em; }
	aside.mapinsta button.pagelink { margin-left:0; margin-right:0; }

	aside.mapinsta .insta { padding-bottom:calc(100% / 3); }

	aside.rdv  { padding:calc(10em + 2em) 5% 0 5%; height:auto; }
	aside.rdv > div.visuel { position: absolute; left: 50%; top: 0; height:10em; transform: translateX(-50%); width: 100vw; }
	aside.rdv h2 { color:#FFCABC; font-size:1.4em; }
	aside.rdv h2 span { display:block; }
	aside.rdv .fromrte { color:#FFCABC; }

	.aside-certification { display:none; }

	footer .sociaux ul { margin-bottom:2em; }

	footer .copyright { margin-bottom:0; }
	footer .copyright > span { display:block; text-align:center; padding-bottom:2em; }
	footer .copyright > a { display:block; text-align:center; padding-bottom:2em; }
	footer .copyright > span:first-of-type { padding-bottom:4em; }
	
	section#page-mentionslegales { font-size:0.9rem; }

	section#page-authentification { width:80%; }

}

/* AFFICHAGE MINI */
@media (max-width:300px) { 
	body { overflow-x:scroll; }
	html { font-size:9px; }
	#en2mots { width:300px; }
	header { width:300px; position:relative; }
	main { width:300px; margin-top:0 !important; }
	footer { width:300px; }
}