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

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

* { -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:Inter, sans-serif; font-size:1.4641288433382rem; font-weight:500; line-height:1.625; background-color:rgba(255,255,255,1); color:#161F4E; 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:Magistral, sans-serif; font-size:1em; font-weight:500; color:inherit; }

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:#161F4E; }
body.desktop .fromrte a:hover { text-decoration:none; color:#161F4E; }

img { margin:0; padding:0; border:0; }
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   */
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

fieldset { margin:0; padding:0; border:0; }
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:1.625; height:1.625em; 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.cabinet-lepatio.fr/_chartes_/lepatio/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:500; }

button, a.button { position:relative; display:inline-block; vertical-align:top; font-family:Inter, sans-serif; font-size:inherit; font-weight:500; 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); }


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

header { z-index:1000; position:fixed; left:0; top:0; width:100%; height:auto; background-color:transparent; color:rgba(255,255,255,1); overflow:visible; transition:background-color 300ms ease 0ms; }
.nohero header:before { z-index:1; content:''; background: transparent linear-gradient(90deg, #1B255D 0%, #23348A 19.2%, #226495 38.4%, #20ACA5 80%) 0 0 no-repeat padding-box; position:absolute; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); }

a.ancre { display:block; position:absolute; height:1px; width:1px; left:0; top:-7em; }

.scroll header { }
header > div:before { z-index:11; content:''; background: transparent linear-gradient(90deg, #1B255D 0%, #23348A 19.2%, #226495 38.4%, #20ACA5 80%) 0 0 no-repeat padding-box; position:absolute; left:50%; top:0; width:102vw; height:100%; transform:translateX(-50%); opacity:0; }
.scroll header > div:before { opacity:1; }
header > nav, header > div { z-index:12; position:relative; margin:0 auto; }


body.showmenu header { background-color:rgba(255,255,255,1); border:0; }

header a.logo { z-index:13; font-size:1em; position:absolute; display:inline-block; vertical-align:top; margin:0; padding:0; top:0.8565em; height:2.6435em; }
header a.logo svg { width:auto; height:100%; }


header nav { z-index:12; position:relative; margin:0 auto; width:auto; text-align:right; }
header nav ul { display:inline-block; width:auto; vertical-align:top; line-height:1; }
header nav ul ul { margin:0; }
header nav ul > li { display:inline-block; width:auto; vertical-align:top; line-height:1; }
header nav ul ul > li > a { font-family:Magistral, sans-serif; font-weight:500; }
body.desktop header nav ul ul > li > a:hover { text-decoration:none; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MAIN */
main { overflow:visible; margin:0 auto; padding:0; display:block; position:relative; width:100%; transition:margin 500ms linear 0ms; }
section { overflow:visible; margin:0 auto; padding:0; display:block; position:relative; width:100%; }
.scroll main { }
.nohero main { padding-top:5em; }

h1, h2 { font-size:2.4em; line-height:1.15; padding-bottom:0.5em; }
h1 strong, h2 strong, h1 b, h2 b { font-weight:500; color:#43EBA5; }
h1 span, h2 span, h3 span { display:block; text-transform:uppercase; line-height:1; padding-bottom:1em; }
h1 span, h2 span { font-size:calc(0.66em / 2.4); padding-left:1.6em; }
h1 span:before, h2 span:before { content:''; position:absolute; left:0; top:0.2em; display:block; background:#43EBA5; width:0.6em; height:0.6em; border-radius:50%; }
h3 span { font-size:calc(0.66em / 1); color:#43EBA5; }


.fromrte { font-size:0.8em; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* BTN */

ul.btns { margin-top:1.25em; }
ul.btns > li { display:inline-block; width:auto; vertical-align:top; line-height:1; }


a.btn, a.btn:link, a.btn:active, a.btn:visited, a.btn:focus { font-size:0.8em; line-height:1; text-align:center; }
a.btn { display:inline-block; font-weight:700; padding:calc(0.6em / 0.8) calc(1.6em / 0.8) calc(0.65em / 0.8) calc(1.6em / 0.8); border:0.5px solid rgba(255,255,255,1); border-radius:calc(0.2em / 0.8); }
a.btn { color:#161F4E; background-color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); }
a.btn.rdv { color:rgba(255,255,255,1); background-color: #23348A; border-color:#23348A; }
a.btn.equipe, a.btn.acces, a.btn.contact { color:rgba(255,255,255,1); background-color:rgba(255,255,255,0.1); border-color:rgba(255,255,255,1); backdrop-filter: blur(33px); -webkit-backdrop-filter: blur(33px); }
body.desktop a.btn:hover { color:#161F4E; text-decoration:none; }
body.desktop a.btn.rdv:hover { color:rgba(255,255,255,1); }
body.desktop a.btn.equipe:hover, body.desktop a.btn.acces:hover, body.desktop a.btn.contact:hover { color:rgba(255,255,255,1); }


ul.cadre { list-style-type:none; }
ul.cadre > li { border:1px solid #43EBA5; padding:1.4em; }
ul.cadre > li:not(:last-of-type) { margin-bottom:1.2em; }
ul.cadre > li h3 { font-size:1em; line-height:1.25; font-weight:700; }
ul.cadre > li h3.puce { padding-left:1.275em; }
ul.cadre > li h3.puce > svg { position:absolute; left:0; top:0.35em; height:0.6em; width:auto; color:#43EBA5; display:inline-block; vertical-align:middle; }
ul.cadre > li .fromrte { border-top:0.5px solid #161F4E; margin-top:0.6em; padding-top:0.6em; }
ul.cadre > li .fromrte ul { list-style-type: disc; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* HERO */

section.hero > div:not(.titre), section.hero > div.titre > div { z-index:3; color:rgba(255,255,255,1); }
section.hero > div.titre { padding:3em 0; }
section.hero > div.titre:before, section.hero picture { position:absolute; left:50%; top:0; width:100vw; transform:translateX(-50%); }
section.hero > div.titre:before { z-index:2; content:''; background: transparent linear-gradient(90deg, #1B255D 0%, #23348A 19.2%, #226495 38.4%, #20ACA500 80%) top left no-repeat padding-box; }
section.hero picture { z-index:1; overflow:hidden; }
section.hero img { position:absolute; top:50%; width:auto; height:100%; }

section.hero ul.btns { border-top:0.5px solid rgba(255,255,255,0.5); margin-top:1.8em; padding-top:1.8em; padding-bottom:2em; }
section.hero a.btn.rdv { color:#161F4E; background-color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); }
body.desktop section.hero a.btn.rdv:hover { color:#161F4E; }

section.hero .listes { border-top:0.5px solid rgba(255,255,255,0.5); line-height:1; margin-top:1.8em; padding-bottom:1.35em; }
section.hero .listes > div { font-size:0.55em; font-family:Magistral, sans-serif; font-weight:500; line-height:1.27; position:relative; display:inline-block; width:auto; text-transform:uppercase; color:#43EBA5; }
section.hero .listes > div.domaines { color:rgba(255,255,255,1); }

section.hero ul.domaines { z-index: 3; padding-top:2.75em; line-height:1; }
section.hero ul.domaines > li { display:inline-block; width:auto; vertical-align:top; line-height:1; background-color:#2F9596; color:rgba(255,255,255,1); font-size:0.55em; padding:calc(0.3em / 0.55) calc(0.95em / 0.55) calc(0.2em / 0.55) calc(0.95em / 0.55); margin-right:0.7em; border-radius:1em; text-transform:uppercase; font-family:Magistral, sans-serif; font-weight:500; margin-bottom:calc(0.75em / 0.55); }

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

section.cabinet ul.btns { border-top:0.5px solid #161F4E; margin-top:1.8em; padding-top:1.8em; padding-bottom:2em; }
section.cabinet a.btn.equipe { color:#161F4E; background-color:rgba(255,255,255,1); border-color:#161F4E; }
body.desktop section.cabinet a.btn.equipe:hover { color:#161F4E; }

section.equipe ul.praticiens { padding-top:1.95em; list-style-type:none; }
section.equipe ul.praticiens > li { display:inline-block; width:100%; margin-top:calc(3.3em + 2em); padding:12.3em 2.85em 2.75em 2.85em; border-radius:0.5em; background-color:#C2FFD2; }
section.equipe h3 { font-size:1.65em; line-height:1.66; }
section.equipe .fromrte { margin-top:calc(0.5em / 0.8); margin-bottom:calc(0.6em / 0.8); }
section.equipe a.btn { width:100%; }
section.equipe ul.domaines { z-index: 3; padding-top:0.85em; padding-bottom:1.75em; line-height:1; border-top:0.5px solid #161F4E; }
section.equipe ul.domaines > li { display:inline-block; width:auto; vertical-align:top; line-height:1; background-color:#00A66014; color:#23348A; font-size:0.55em; padding:calc(0.3em / 0.55) calc(0.95em / 0.55) calc(0.2em / 0.55) calc(0.95em / 0.55); margin-right:0.7em; border-radius:1em; text-transform:uppercase; font-family:Magistral, sans-serif; font-weight:500; margin-bottom:calc(0.75em / 0.55); }
section.equipe ul.praticiens img { position:absolute; left:50%; top:-3.3em; width:auto; height:14.6em; transform:translateX(-50%); border-radius:50%; border:1px solid #43EBA5; }
section.equipe ul.praticiens > li:nth-of-type(2) { background-color:#DEE0FF; }
section.equipe ul.praticiens > li:nth-of-type(2) ul.domaines > li { background-color:#858EC214; }
section.equipe ul.praticiens > li:nth-of-type(2) img { border-color:#23348A; }

section.domaines > div:nth-of-type(2) > .fromrte { font-weight:700; }

section.lieu { padding:6.7em 0; color:rgba(255,255,255,1); }
section.lieu:before { z-index:1; content:''; position:absolute; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background: transparent linear-gradient(180deg, #1B255D 0%, #23348A 100%) 0% 0% no-repeat padding-box; }
section.lieu:after { z-index:2; content:''; position:absolute; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background: transparent radial-gradient(circle at 10% 15%, #49DEA85D 0%, #49DEA800 50%) 0% 0% no-repeat padding-box; }
section.lieu > div { z-index:3; }
section.lieu > div.diaporama { position:absolute; text-align:center; }
section.lieu > div.diaporama ul.diapos { list-style-type:none; height:100%; border:1px solid #43EBA5; border-radius:0.2em; overflow:hidden; }
section.lieu > div.diaporama ul.diapos li { z-index:1; opacity:0; position:absolute; left:0; top:0; bottom:0; right:0; transition:opacity 200ms; }
section.lieu > div.diaporama ul.diapos li.active { z-index:2; opacity:1; }
section.lieu > div.diaporama ul.diapos li.next { z-index:3; }
section.lieu > div.diaporama img { position:absolute; left:50%; top:50%; width:auto; height:100%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); }
section.lieu > div.diaporama ul.bullets { list-style-type:none; margin:1em auto 0 auto; display:inline-block; line-height:1; }
section.lieu > div.diaporama ul.bullets li { cursor:pointer; opacity:0.23; width:0.6em; height:0.6em; border-radius:50%; background-color:#43EBA5; overflow:hidden; display:inline-block; margin-left:0.5em; }
section.lieu > div.diaporama ul.bullets li:first-of-type { margin-left:0; }
section.lieu > div.diaporama ul.bullets li.active { opacity:1; }
section.lieu > div.diaporama ul.bullets li span { display:none; }

section.avis ul.btns { margin-top:1.8em; padding-bottom:2em; }
section.avis  ul.btns > li, section.avis  ul.btns .btn { width:100%; text-align:center; }
section.avis a.btn { color:rgba(255,255,255,1); background-color: #23348A; border-color:#23348A; }
body.desktop section.avis a.btn:hover { color:rgba(255,255,255,1); }
section.avis ul.cadre > li .fromrte { border-top:0; margin-top:0; padding-top:0; border-bottom:0.5px solid #161F4E; margin-bottom:0.6em; padding-bottom:0.6em; }


section.faq ul.cadre > li { padding:0.6em calc(1em + 1em) 0.6em 1em; }
section.faq ul.cadre > li:not(:last-of-type) { margin-bottom:0.35em; }
section.faq ul.cadre > li h3 { font-family:Inter, sans-serif; font-size:0.8em; }
section.faq ul.cadre > li h3 > svg { cursor:pointer; position:absolute; right:0; top:0.2em; width:calc(0.7em / 0.8); height:auto; transform-origin:center center; transform:translateX(150%) rotate(45deg); stroke-width:8; transition:transform 300ms; }
section.faq ul.cadre > li .fromrte { border-top:0; max-height:0; overflow:hidden; margin-top:0; padding-top:0; transition:max-height 300ms; }
section.faq ul.cadre > li .fromrte p:first-of-type { padding-top:0.5em; }
section.faq ul.cadre > li.open .fromrte { max-height:10em; }
section.faq ul.cadre > li.open h3 > svg { transform:translateX(150%) rotate(0); }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* PRATICIEN */

section.parcours ul.btns { border-top:0.5px solid #161F4E; margin-top:1.8em; padding-top:1.8em; padding-bottom:2em; }

section.approche { padding:5em 0; }
section.approche:before { content:''; position:absolute; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background-color:#DEE0FF; }
section.approche .fromrte ul > li { padding-top:calc(0.6em / 0.8); }
section.approche .citation { background-color:rgba(255,255,255,1); padding:1.4em; border-radius:0.2em; margin:2.15em 0; }
section.approche .citation .fromrte { font-size:1em; line-height:1.25; font-family:Magistral, sans-serif; font-weight:700; }
section.approche .citation .nom { font-size:0.8em; border-top:0.5px solid #161F4E; margin-top:calc(0.6em / 0.8); padding-top:calc(0.6em / 0.8); }
section.approche img { position:relative; width:18.7em; max-width:100%; height:auto; border-radius:0.5em; }
section.approche ul.cadre > li { border-color:rgba(255,255,255,1); }
section.approche ul.cadre > li h3 > svg { color:rgba(255,255,255,1); }

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

section.acces > div, section.acces a.googlemap { display:inline-block; vertical-align:top; width:100%; }
section.acces ul.tableau { list-style-type:none; padding:1.8em 0; }
section.acces ul.tableau > li:not(:last-of-type) { border-bottom:1px solid #161F4E; padding-bottom:0.75em; margin-bottom:0.75em; }
section.acces ul.tableau > li > h3, section.acces > div > ul > li > span { display:inline-block; vertical-align:top; font-size:0.8em; line-height:1.625 }
section.acces ul.tableau > li > h3 { font-family:Inter, sans-serif; font-weight:700; width:7em; }
section.acces ul.tableau > li > span { width:calc(100% - 7em - 10px); }
section.acces a.googlemap {  position:absolute; bottom:0; overflow:hidden; }
section.acces a.googlemap img { width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

section.encart { z-index:30; padding:6.7em 10em; color:rgba(255,255,255,1); }
section.encart:before { z-index:1; content:''; position:absolute; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background: transparent linear-gradient(180deg, #1B255D 0%, #23348A 100%) 0% 0% no-repeat padding-box; }
section.encart:after { z-index:2; content:''; position:absolute; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); background: transparent radial-gradient(circle at 10% 15%, #49DEA85D 0%, #49DEA800 50%) 0% 0% no-repeat padding-box; }
section.encart > div { z-index:3; }
section.encart a.btn.rdv { color:#161F4E; background-color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); }
body.desktop .encart a.btn.rdv:hover { color:#161F4E; }





.contactform ::placeholder { color: rgba(54,54,54,0.55); opacity: 1; }
.contactform :-ms-input-placeholder { color: rgba(54,54,54,0.55); }
.contactform ::-ms-input-placeholder { color: rgba(54,54,54,0.55); }
.contactform fieldset { display:block; position:relative; font-size:0; border:0; outline:0; width:100%; margin:0; padding:0; max-width:100%; }
.contactform label { width:100%; margin:0 0 1em 0; }
.contactform input { outline:0; }
.contactform textarea { height:10.7em; outline:0; }
.contactform .help { width:auto; position:absolute; bottom:0; left:0; display:inline-block; font-size:0.75em; font-style:italic; line-height:1.25; }
.contactform input[type="checkbox"] { position:absolute !important; padding-top:1em !important; padding-bottom: 0 !important; left: 0 !important; top:0 !important; transform: scale(1) !important; }
.contactform input[type="checkbox"] + span:before, .contactform input[type="checkbox"] + span:after { top:0.1em !important; }
.contactform input[type="checkbox"] + span:before { border-color:#161F4E !important; }
.contactform input[type="checkbox"] + span:after { background-color:#161F4E !important; }
.contactform .consentementrgpd span { color:#161F4E; outline:0; font-size:0.75em; }
.contactform .asterisque { display:block; padding:0.5em; border:0; width:auto; color:#161F4E; outline:0; font-size:0.75em; font-style:italic; }
.contactform button { padding:0.55em 1em 0.45em 1em; border-radius:1.5em; font-family:Magistral, sans-serif; background-color:rgba(0,0,0,1); color:#161F4E; border-color:#161F4E; display:block; width:100%; text-align:center; }
body.desktop .contactform button:hover { background-color:#43EBA5; color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); }
.contactform button span { font-size:0.75em; letter-spacing:0.15em; text-transform:uppercase; display:inline-block; vertical-align:middle; }
.contactform button svg { display:inline-block; vertical-align:middle; margin-left:0.5em; width:auto; height:1em; }



.jconfirm .jconfirm-holder { max-width:80%; margin:0 auto; }
.jconfirm .jconfirm-box div.jconfirm-title-c { font-family:Inter, sans-serif; }
.jconfirm .jconfirm-box .jconfirm-buttons button { font-family:Inter, sans-serif; border-radius:0; }
.btn-primary { background-color:#43EBA5; border-color:#43EBA5; }
body.desktop .btn-primary:hover { border-color:#43EBA5; background-color:rgba(255,255,255,1); color:#43EBA5; }

.succes {  }
.erreur {  }
.erreur ul { list-style-type:none; }

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

section.mentionslegales { padding:2em 0; }
section.mentionslegales h1 { font-size:2em; padding:0; }
section.mentionslegales h2 { font-size:1.5em; padding:1em 0 0.5em 0; text-transform:uppercase; }
section.mentionslegales h2:first-of-type { padding-top:0.5em; }
section.mentionslegales p { text-align:left; }
section.mentionslegales li { text-align:left; }


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

section.auth { padding-bottom: 4em; }
section.auth form { padding:2em 0 2em 0; width:70%; }
section#page-authentification form { width:30%; }
section.auth .connected { padding-bottom:0.5em; }
section.auth .reponse { padding-top:2em; }
section.auth input { display:block; width:100%; margin:0 auto 0.5em auto; border:0.5px solid rgba(0,0,0,1); }
section.auth .btn, section.auth .btn:link, section.auth .btn:active, section.auth .btn:visited, section.auth .btn:focus { font-size:0.8em; line-height:1; }
section.auth .btn { display:inline-block; font-weight:700; padding:calc(0.6em / 0.8) calc(1.6em / 0.8) calc(0.65em / 0.8) calc(1.6em / 0.8); border:0.5px solid rgba(255,255,255,1); border-radius:calc(0.2em / 0.8); }
section.auth .btn { color:rgba(255,255,255,1); background-color:#23348A; border-color:#161F4E; }
body.desktop section.auth .btn:hover { color:rgba(255,255,255,1); background-color:#23348A; border-color:#161F4E; text-decoration:none; }

section.auth #ul-auth { list-style-type: none; }
section.auth .form-group { margin-bottom:0; }
section.auth .input-group { margin-bottom:15px; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ERREUR */

section.erreur { padding:2em 0; }
section.erreur h1 { font-size:2em; padding:0; }
section.erreur h2 { font-size:1.5em; padding:1em 0 0.5em 0; text-transform:uppercase; }
section.erreur h2:first-of-type { padding-top:0.5em; }
section.erreur p { text-align:left; }
section.erreur li { text-align:left; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
footer { z-index:20; position:relative; background-color:#C2FFD2; color:#161F4E; text-align:left; padding-top:8.55em; padding-bottom:2.7em; }
footer > div { position:relative; margin:0 auto; }

footer > div > div:not(.embleme):not(.copyright) { margin-bottom:3.8em; }

footer > div > div.embleme { z-index:2; position:absolute; width:4.5em; height:auto; }
footer > div > div.embleme:before { content:''; position:absolute; left:-0.8em; right:-0.8em; top:-0.8em; bottom:-0.8em; border-radius:2.25em; background-color:#C2FFD2; }
footer > div > div.embleme svg { width:100%; height:auto; }

footer h3 { font-weight:700; font-size:1.5em; line-height:1.85; color:#23348A; border-bottom:0.5px solid #161F4E; padding-top:calc(1.1em / 1.5); }
footer ul.btns > li, footer ul.btns .btn { width:100%; text-align:center; }
footer h4 { font-weight:700; font-size:1em; line-height:1; color:#161F4E; padding-top:0.75em; padding-bottom:0.4em; }
footer div.coords .fromrte, footer div.pratique .fromrte { line-height:1.5em; }
footer div.coords a { font-size:0.8em; font-weight:700; color:#23348A; }
body.desktop footer div.coords a:hover { text-decoration:none; color:#23348A; }
footer .fromrte ul { list-style-type:none; margin-left:0; }
footer ul.sociaux { list-style-type:none; margin-left:0; }
footer ul.sociaux li { display:inline-block; height:1.06em; width:auto; margin-right:0.5em; color:#23348A; }
footer ul.sociaux li a, footer ul.sociaux li svg { display:block; height:100%; width:auto; margin:0; padding:0; }

footer .copyright { border-top:0.5px solid #161F4E; margin-top:1em; padding-top:0.5em; text-align:left; line-height:1; }

footer .copyright span, footer .copyright a { font-size:0.8em; color:inherit; padding:0; }
footer .copyright a:before { content:' - '; display:inline; position:relative; }
body.desktop footer .copyright a:hover { text-decoration:none; color:inherit; }


/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* COOKIE CONSENT */
.cc_container { background-color:#161F4E !important; font-family:Inter, sans-serif !important; font-weight:400 !important; }
.cc_container .cc_btn, .cc_container .cc_btn:visited { display:inline-block; width:auto !important; white-space: nowrap !important; font-family:Magistral, sans-serif !important; font-weight:400 !important; background-color:rgba(255,255,255,1) !important; color:#161F4E !important; }
.cc_container .cc_btn:hover, .cc_container .cc_btn:active { color:#161F4E !important; }
.cc_container a.cc_more_info, .cc_container a.cc_more_info:link, .cc_container a.cc_more_info:visited, .cc_container a.cc_more_info:active { color:#43EBA5 !important; }
/* ------------------------------------------------------------------------------------------------------------- */
/* RESPONSIVE */

html { font-size:10px; font-size:1vw; }
body.popin main { width:100%; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
footer .copyright span.credits > span
 { font-size:1rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

#en2mots { opacity:0; background-color:rgba(255,255,255,1); width:100%; max-width:2560px; margin:0 auto; position:relative; }

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); }



/* 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:1366px) { 

	html { font-size:13.66px; }

}

/* AFFICHAGE HERO MAXI */
@media (min-width:1430px) { 
	header > div:before { background: transparent linear-gradient(90deg, #1B255D 0%, #23348A 24%, #226495 48%, #20ACA5 80%) 0 0 no-repeat padding-box; }
	section.hero > div.titre:before { background: transparent linear-gradient(90deg, #1B255D 0%, #23348A 24%, #226495 48%, #20ACA500 80%) top left no-repeat padding-box; }
	section.hero img { height:auto; width:72%; }	
}
@media (min-width:1600px) { 
	section.hero img { width:62%; }
}
@media (min-width:1800px) { 
	section.hero img { width:57%; }
}
@media (min-width:2000px) { 
	section.hero img { width:52%; }
}

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

}
/* 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,
footer .copyright span.credits > span
 { font-size:1.4641288433382rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

main { width:58.9em; }
header > nav, header > div { width:58.9em; }
footer > nav, footer > div { width:58.9em; }
button#showhidemenu { display:none; }

ul.btns > li:not(:last-of-type) { margin-right:1em; }

header nav .entete { display:none; }
header nav ul { margin:1.25em 0; }
header nav > ul > li.equipe { margin-top:calc(0.6em + 0.5px); width:22em; }
header nav > ul > li:not(.equipe):not(:last-of-type) { margin-right:1em; }
header nav ul ul > li:not(:last-of-type) { margin-right:1.7em; }
header nav ul ul > li > a.current { border-bottom: 0.5px solid #43EBA5; }

section { margin-bottom:7.5em; }

section.hero { margin-bottom:5em; }
section.hero, section.hero > div.titre:before, section.hero picture { height:31.25em; }
.accueil section.hero, .accueil section.hero > div.titre:before, .accueil section.hero picture { height:35.89em; }

section.hero > div.titre { padding-top:7em; padding-bottom:0; }
.accueil section.hero > div.titre { padding-top:9.55em; }
section.hero > div:not(.titre):not(.listes), section.hero > div.titre > div { width:38.75em; }
section.hero img { right:0; min-width:52%; min-height:100%; transform:translateY(-50%); }
section.hero .listes { position:absolute; left:0; bottom:0; width:58.9em; padding-bottom:1.7em; }
section.hero .listes > div.domaines { position:absolute; right:0; bottom:calc(1.7em / 0.55); }

section.cabinet > div { display:inline-block; vertical-align:top; position:relative; }
section.cabinet > div:nth-of-type(1) { width:37.9em; }
section.cabinet > div:nth-of-type(2) { width:18.55em; float:right; }
section.cabinet:after { content:''; display:block; height:1px; clear:both; }

section.equipe ul.praticiens > li { width:28.8em; }
section.equipe ul.praticiens > li:nth-of-type(2n) { float:right; }
section.equipe ul.praticiens:after { content:''; display:block; height:1px; clear:both; }

section.domaines > div { display:inline-block; vertical-align:top; position:relative; }
section.domaines > div:nth-of-type(1) { width:18.55em; }
section.domaines > div:nth-of-type(2) { width:38.95em; float:right; }
section.domaines:after { content:''; display:block; height:1px; clear:both; }
section.domaines ul.cadre > li { width:18.55em; display:inline-block; vertical-align:top; }
section.domaines ul.cadre > li:nth-of-type(2n) { float:right; }
section.domaines ul.cadre:after { content:''; display:block; height:1px; clear:both; }

section.domaines ul.cadre > li:nth-of-type(4) { transform:translateY(calc(-1.625em * 0.8)); }


section.lieu { padding-left:20.25em; }
section.lieu > div.diaporama { left:0; top:6.7em; width:18.675em; bottom:6.7em; }

section.avis > div { display:inline-block; vertical-align:top; position:relative; }
section.avis > div:nth-of-type(1) { width:18.55em; }
section.avis > div:nth-of-type(2) { width:38.95em; float:right; }
section.avis:after { content:''; display:block; height:1px; clear:both; }
section.avis ul.cadre > li { width:18.55em; display:inline-block; vertical-align:top; }
section.avis ul.cadre > li:nth-of-type(2n) { float:right; }
section.avis ul.cadre:after { content:''; display:block; height:1px; clear:both; }

section.faq { margin-bottom:2.5em; }

section.parcours > div { display:inline-block; vertical-align:top; position:relative; }
section.parcours > div:nth-of-type(1) { width:28.85em; }
section.parcours > div:nth-of-type(2) { width:25.45em; float:right; }
section.parcours > div:nth-of-type(2) h2 { padding-bottom:0.2em; }
section.parcours:after { content:''; display:block; height:1px; clear:both; }

section.approche { margin-bottom:2.5em; }
section.approche > div { display:inline-block; vertical-align:top; position:relative; }
section.approche > div:nth-of-type(1) { width:38.7em; }
section.approche > div:nth-of-type(2) { width:18.675em; float:right; }
section.approche:after { content:''; display:block; height:1px; clear:both; }
section.approche.cols3 > div:nth-of-type(1) { width:18.55em;  }
section.approche.cols3 > div:nth-of-type(2) { width:38.85em; float:right; }
section.approche.cols3 ul.cadre > li { width:18.55em; display:inline-block; vertical-align:top; }
section.approche.cols3 ul.cadre > li:nth-of-type(2n) { float:right; }
section.approche.cols3 ul.cadre:after { content:''; display:block; height:1px; clear:both; }
section.approche.cols3 .citation { margin-bottom:0; }
section.approche.cols3 img { position:absolute; right:0; bottom:0; transform:translateX(calc(38.85em + 1.5em)); }
section.approche > div:nth-of-type(2) h2 { padding-bottom:0.2em; }

section.acces > div { width:28.85em; }
section.acces a.googlemap { width:25.8em; height:calc(100% - 1.8em); right:0; transform:translateX(calc(100% + 4.3em)); }
section.acces a.googlemap img { width:auto; height:100%; }

section.encart { margin-bottom:0; transform:translateY(5em); border-radius:0.5em; overflow:hidden; width:100%; }

footer h2 { padding-right:0.2em; }
footer > div > div:not(.embleme):not(.copyright) { display:inline-block; width:18.55em; vertical-align:top; }
footer > div > div:not(.embleme):not(.copyright):not(:first-of-type) { margin-left:calc(1.6em - 7px); }
footer > div > div.embleme { right:0; bottom:0; }
footer .pratique ul { padding-right:1.55em; }
}
/* 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:10px; font-size:1vw; }

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
footer .copyright span.credits > span
 { font-size:1.4641288433382rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/
	
}
/* AFFICHAGE MOBILE */
@media (orientation:portrait) and (max-width:950px), (orientation:landscape) and (max-width:500px) {

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

/*----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Reinit font-size après un font-size:0; */
body,
footer .copyright span.credits > span
 { font-size:5.1282051282051rem; }
/*----------------------------------------------------------------------------------------------------------------------------------------------*/

	main { width:16.7em; }
	header > nav, header > div { width:16.7em; }
	footer > nav, footer > div  { width:16.7em; }

	header nav { width:100vw; left:50%; transform:translateX(-50%); }
	header nav > ul { width:16.7em; }

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


ul.btns > li { width:100%; }
ul.btns > li:not(:last-of-type) { margin-bottom:0.75em; }
a.btn { display:block; text-align:center; }

header a.logo { position:fixed; top:1.4405em; height:2.2095em; }
header { height:5em; overflow:hidden; }
body.showmenu header { height:100vh; }

header:before { z-index:1; content:''; background: transparent linear-gradient(90deg, #1B255D 0%, #23348A 24%, #226495 48%, #20ACA5 100%) 0 0 no-repeat padding-box; position:absolute; left:50%; top:0; width:102vw; height:100%; transform:translateX(-50%); }
header > div:before { z-index:12; height:5em; opacity:1; background: transparent linear-gradient(90deg, #1B255D 0%, #23348A 24%, #226495 48%, #20ACA5 100%) 0 0 no-repeat padding-box; }

button#showhidemenu { z-index:1200; position:fixed; display:block; top:1.8065em; right:1.15em; width:1.5em; height:1.5em; color:rgba(255,255,255,1); }
button#showhidemenu > svg { overflow:visible; }
button#showhidemenu > svg line { stroke-width:10; }
button#showhidemenu > svg line:nth-of-type(1) { transform: translate(10%,-10%) scaleX(0.9) rotate(0deg); }
button#showhidemenu > svg line:nth-of-type(2) { transform: translate(0,0) scaleX(1.125); }
button#showhidemenu > svg line:nth-of-type(3) { transform: translate(10%,10%) scaleX(0.9) rotate(0deg); }

header > div, header nav, header nav > ul { height:100%; }
header nav .entete { font-family:Magistral, sans-serif; color:#43EBA5; font-size:1.75em; border-bottom:0.5px solid rgba(255,255,255,1); padding-bottom:calc(0.35em / 1.75); margin-bottom:calc(1.5em / 1.75); }
header nav { z-index:11; overflow-x:clip; overflow-y:auto; margin:0; }
header nav > ul { margin:0 auto; display:none; padding-top:8.15em; min-height:35em; }
header nav ul ul { display:block; }
header nav > ul li { width:100%; }
header nav > ul > li a { display:block; text-align:center; }
header nav ul ul > li:not(:first-of-type) { margin-top:1em; }
header nav ul ul > li > a, header nav ul ul > li > a:link, header nav ul ul > li > a:active, header nav ul ul > li > a:visited, header nav ul ul > li > a:focus { display:inline-block; width:auto; font-size:1.1em; text-align:left; }
header nav > ul > li.contact { position:absolute; left:0; bottom:calc(5em + 2.25em + 0.75em); }
header nav > ul > li.rdv { position:absolute; left:0; bottom:5em; }
header nav > ul > li a.btn.rdv { color:#161F4E; background-color:rgba(255,255,255,1); border-color:rgba(255,255,255,1); }
body.desktop header nav > ul > li a.btn.rdv:hover { color:#161F4E; }
body.showmenu header nav > ul { display:block; }

main { padding-top:5em; }

main h1, main h2 { font-size:2.1em; }
main h1 { padding-bottom:0; }

section { margin-bottom:3.5em; }

section.hero:before { z-index:1; content:''; background: transparent linear-gradient(90deg, #1B255D 0%, #23348A 24%, #226495 48%, #20ACA5 100%) 0 0 no-repeat padding-box; position:absolute; left:50%; top:0; width:100vw; height:100%; transform:translateX(-50%); }
section.hero > div.titre:before, section.hero picture { height:100%; }
section.hero > div.titre:before { left:50%; width:100vw; transform:translateX(-50%); background: transparent linear-gradient(90deg, #1B255D 0%, #23348AC1 24%, #22649589 48%, #20ACA500 100%) top left no-repeat padding-box; }
section.hero img { left:50%; transform:translate(-50%,-50%); min-width:100%; }

section.hero .fromrte { padding:2em 0 0 0; }
section.hero ul.domaines { padding-bottom:1.75em; }
section.hero .listes > div.domaines { padding-top:calc(0.45em / 0.55); }

section.equipe ul.praticiens > li { padding:8.85em 1.45em 1.7em 1.45em; }
section.equipe ul.praticiens img { height:10.35em; }

section.domaines ul.cadre { margin-top:1.5em; margin-bottom:1.5em; }

section.lieu { margin-top:20.65em; padding:8.75em 0 3.6em 0; }
section.lieu > div.diaporama { left:0; right:0; top:-13.65em; height:18.2em; }

section.faq ul.cadre > li h3 > svg { top:0.3em; width:calc(0.6em / 0.8); }

section.parcours > div:nth-of-type(2) { padding-top:2em; }

section.approche { margin-bottom:0; }
section.approche > div:nth-of-type(2) { padding-top:2em; }

section.acces { margin-bottom:0; padding-bottom:0; }
section.acces ul.tableau > li > h3, .acces ul.tableau > li > span { width:100%; }
section.acces > div { padding-bottom:calc(100vw + 2em); }
section.acces a.googlemap { height:100vw; position:absolute; width:100vw; left:50%; transform:translateX(-50%); }

section.encart { margin-bottom:0; padding:3.35em 0 3.6em 0; }
section.encart h2 { font-size:1.65em; }
section#bloc-encart-home h2 { width:calc(14em / 1.65); }
section.encart h2 span { font-size: calc(0.66em / 1.65); }

footer > div > div.embleme { left:0; top:0; transform:translateY(calc(-100% - 1.6em)); }
footer > div > div:not(.embleme):not(.copyright) { margin-bottom:2.5em; }
}

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