/*!
Theme Name: Kyoru
Theme URI: https://underscores.me/
Author: Kyoru
Author URI: https://kyoru.com
Description: Thème by Kyoru
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kyoru
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
Kyoru is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
    TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing

# Base
	- Typography
	- Elements
	- Links
	- Forms

# Layouts

# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries

# plugins
	- Jetpack infinite scroll

# Utilities
	- Accessibility
	- Alignments

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

/* # Generic

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

/* Normalize

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

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document

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

/*
   1. Correct the line height in all browsers.
   2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections

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

/* Remove the margin in all browsers. */

body {
    margin: 0;
}

/* Render the `main` element consistently in IE. */

main {
    display: block;
}

/* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content

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

/*
   1. Add the correct box sizing in Firefox.
   2. Show the overflow in Edge and IE.
*/

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/*
   1. Correct the inheritance and scaling of font size in all browsers.
   2. Correct the odd `em` font sizing in all browsers.
*/

pre {
    font-size: 1em;
}

/* Text-level semantics

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

/* Remove the gray background on active links in IE 10. */

a {
    background-color: transparent;
}

/*
   1. Remove the bottom border in Chrome 57-
   2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

/* Add the correct font weight in Chrome, Edge, and Safari. */

b,
strong {
    font-weight: bolder;
}

/*
   1. Correct the inheritance and scaling of font size in all browsers.
   2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp {
    font-size: 1em;
}

/* Add the correct font size in all browsers. */

small {
    font-size: 80%;
}

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content

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

/* Remove the border on images inside links in IE 10.*/

img {
    border-style: none;
}

/* Forms

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

/*
   1. Change the font styles in all browsers.
   2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/*
   Show the overflow in IE.
   1. Show the overflow in Edge.
*/

button,
input {
    overflow: visible;
}

/*
   Remove the inheritance of text transform in Edge, Firefox, and IE.
   1. Remove the inheritance of text transform in Firefox.
*/

button,
select {
    text-transform: none;
}

/* Correct the inability to style clickable types in iOS and Safari. */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/* Remove the inner border and padding in Firefox. */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/* Restore the focus styles unset by the previous rule. */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/* Correct the padding in Firefox. */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/*
   1. Correct the text wrapping in Edge and IE.
   2. Correct the color inheritance from `fieldset` elements in IE.
   3. Remove the padding so developers are not caught out when they zero out
      `fieldset` elements in all browsers.
*/

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera.*/

progress {
    vertical-align: baseline;
}

/* Remove the default vertical scrollbar in IE 10+. */

textarea {
    overflow: auto;
}

/*
   1. Add the correct box sizing in IE 10.
   2. Remove the padding in IE 10.
*/

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/* Correct the cursor style of increment and decrement buttons in Chrome. */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/*
   1. Correct the odd appearance in Chrome and Safari.
   2. Correct the outline style in Safari.
*/

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/* Remove the inner padding in Chrome and Safari on macOS. */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
   1. Correct the inability to style clickable types in iOS and Safari.
   2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive

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

/* Add the correct display in Edge, IE 10+, and Firefox. */

details {
    display: block;
}

/* Add the correct display in all browsers. */

summary {
    display: list-item;
}

/* Misc

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

/* Add the correct display in IE 10+. */

template {
    display: none;
}

/* Add the correct display in IE 10. */

[hidden] {
    display: none;
}

/* Box sizing

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

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/* # Base

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

/* Typography

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

body,
button,
input,
select,
optgroup,
textarea {
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements

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

body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* Forms

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}



select {
    border: 1px solid #ccc;
}



textarea {
    width: 100%;
}

/* # Layouts

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

/* # Components

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

/* Navigation

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

/* Small menu. */

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	position: absolute;
	top: 100%;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
}

/* Small menu. */
.menu-toggle {
	display: none;
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages

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

.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments

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

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets

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

.widget {
    margin: 0;
}

.widget select {
    max-width: 100%;
}

/* Media

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

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */

.custom-logo-link {
    display: inline-block;
}

/* Captions

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

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries

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

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/* # Plugins

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

/* Jetpack infinite scroll

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

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */

.infinity-end.neverending .site-footer {
    display: block;
}

/* # Utilities

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

/* Accessibility

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

/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 1000;
}

/* Do not show the outline on the skip link target. */

#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments

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

.alignleft {
    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

/* FIN DE CONSERVATION 

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

/*REGLAGES GLOBAUX*/

:root {
    --blanc: #FFFFFF;
    --gris: #B7B7B7;
    --noir: #000000;
    --bleu-canard: #005968;
    --jaune: #E9A100;
    --aubergine: #682D52;
    --bleu-clair: #F0FDFF;
    --jaune-clair: #FFFAF0;
    --aubergine-clair: #FFF8FC;
}

@font-face {
    font-family: "Merchant";
    src: url("/wp-content/themes/kyoru/fonts/Merchant.ttf") format("truetype");
    font-display: swap;
}

/*FONT SIZE*/

#entete-1 h1,
#entete-2 h1,
#entete-3 h1 {font-size: calc(1vw + 18px)!important;}

.page-id-30 h1,
h2 {font-size: calc(1.5vw + 17px)!important;}

footer#colophon #block-7 p,
footer h2 {font-size: calc(0.5vw + 16px)!important;}


#le-blog h3 a,
h3 {font-size: calc(0.66vw + 15px)!important;}

.liste h3 {font-size: calc(0.43vw + 15px)!important;}

footer > div > div > div > div a,
p {font-size: calc(0.2vw + 15px)!important;}

.liste > div > div > div > div > div > p {font-size : calc(1.5vw + 20px)!important;}

/*AUTRES*/

html {overflow-x: hidden; font-family: "Jost"!important;}
p {margin: 0;}
h1 {font-weight: 500; font-style: italic; margin: 50px 0; line-height: 1.2;}
.page-id-30 h1,
h2 {margin: 0; font-family: "Merchant"; font-style: normal; font-stretch: semi-condensed; font-weight: 600; line-height: 1; letter-spacing: -2px; margin-bottom: 30px!important;}
footer h2 {letter-spacing: -1px;}
figure {border-radius: 70px; overflow: hidden;}

div.entry-content > * {border-radius: 0 0 100px 100px; padding-right: 5vw; padding-left: 5vw; overflow: hidden; position: relative;}
div.entry-content > *:not(.lien-page, .jaune, .bleu-canard, .aubergine, .noir) {background-color: var(--blanc); color: var(--noir);}

div.entry-content > div:not(.lien-page, .articles-blog).jaune {background-color: var(--jaune-clair); color: var(--noir);}
div.entry-content > div:not(.lien-page, .articles-blog).bleu-canard {background-color: var(--bleu-clair); color: var(--noir);}
div.entry-content > div:not(.lien-page, .articles-blog).aubergine {background-color: var(--aubergine-clair); color: var(--noir);}
div.entry-content > div:not(.lien-page, .articles-blog).noir {background-color: var(--noir); color: var(--blanc);}

div.entry-content > #prestations .jaune:not(.wp-block-button) {background-color: var(--jaune-clair); color: var(--noir);}
div.entry-content > #prestations .bleu-canard:not(.wp-block-button) {background-color: var(--bleu-clair); color: var(--noir);}
div.entry-content > #prestations .aubergine:not(.wp-block-button) {background-color: var(--aubergine-clair); color: var(--noir);}
div.entry-content > #prestations .noir {background-color: var(--noir); color: var(--blanc);}

div.entry-content > #entete-3 {background-color: var(--noir)!important; color: var(--blanc)!important; border-bottom: 0!important;}

div.entry-content > div:not(.lien-page, .articles-blog, :last-child).jaune {border-bottom: var(--jaune) 17px solid;}
div.entry-content > div:not(.lien-page, .articles-blog, :last-child).bleu-canard {border-bottom: var(--bleu-canard) 17px solid;}
div.entry-content > div:not(.lien-page, .articles-blog, :last-child).aubergine {border-bottom: var(--aubergine) 17px solid;}

div.entry-content > :first-child {margin-top: 0!important;}
div.entry-content > :not(:first-child, figure, #prestations) {margin-top: -110px !important; padding-top: 310px; padding-bottom: 200px;}
div.entry-content > figure,
div.entry-content > #prestations {margin-top: -110px !important; padding-left : 0; padding-right: 0;}
div.entry-content > :last-child:not(figure, #prestations) {padding-bottom: 300px!important; border-radius: 0!important;}
div.entry-content > figure:last-child,
div.entry-content > #prestations:last-child {border-radius: 0!important;}
div.entry-content > :last-child:before {content: unset!important;}

div.entry-content > .recentre {padding-left: 20vw; padding-right: 20vw;}
div.entry-content .decale {padding-left: 30px;}

.marge {margin-top: 100px!important;}
h2.titre-fin {font-weight: 100;}

/* BOUTONS*/

div.lien-page a,
#le-blog .wpsp-read-more a {text-align: left; white-space: nowrap; height: 90px; padding: 30px; border-radius: 20px; font-style: italic; text-transform: uppercase; 
transition: font-weight .3s; color: var(--blanc); width: 500px!important;}
div.lien-page.long-bouton a {width: 700px!important;}
div.lien-page a:hover,
#le-blog .wpsp-read-more a:hover {font-weight: 600; transition: font-weight .3s;}
#le-blog .wpsp-read-more a {width: max-content; font-size: inherit; align-content: center;}

div.lien-page.jaune a {background-color: var(--jaune);}
div.lien-page.bleu-canard a {background-color: var(--bleu-canard);}
div.lien-page.aubergine a {background-color: var(--aubergine);}
div.lien-page.noir a,
#le-blog .wpsp-read-more a {background-color: var(--noir); color: var(--blanc); border: 0;}
div.lien-page.blanc a {background-color: var(--blanc); color: var(--noir);}
div.noir div.lien-page a {background-color: var(--blanc); color: var(--noir);}

#le-blog a.wp-show-posts-read-more:focus, a.wp-show-posts-read-more:hover {border: 0!important; color: var(--blanc)!important; background: var(--noir)!important;}
#le-blog a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {padding: 30px!important; border: 0!important; color: var(--blanc)!important; font-size: inherit!important; width: 500px;}

/*NAV*/

header#masthead {width: calc(90% + 120px); height: 120px; margin: calc(5vh - 30px) calc(5vw - 60px); position: fixed; z-index: 10000; overflow: hidden; border-radius: 60px;}
/*header#masthead:before {content: ""; position: absolute; width: 100%; height: 100%; background-color: var(--blanc); right: 0%; border-radius: 60px; transition: right 0.15s; z-index: -2;}*/

header#masthead > div.inner-nav {height: 120px; padding: 30px 60px; border-radius: 120px; position: relative;}

header#masthead > div.inner-nav > div:nth-child(1) {position: relative; height: 60px; display: flex; flex-direction: row; justify-content: space-between;}
header#masthead > div.inner-nav > div:nth-child(1) svg {height: 60px;}
header#masthead > div.inner-nav > div:nth-child(1) nav {display: flex; align-items: center;}
header#masthead > div.inner-nav > div:nth-child(1) nav > div {height: 100%;}
header#masthead > div.inner-nav > div:nth-child(1) ul {display: flex; flex-direction: row; height: 100%;}
header#masthead > div.inner-nav > div:nth-child(1) ul li {padding: 0 35px; align-content: center;}

header#masthead > div > div > a > svg g + path {fill: transparent!important;}

header#masthead > div.inner-nav > div:nth-child(1) ul li a {color: var(--blanc); text-decoration: none;}
header#masthead.white > div.inner-nav > div:nth-child(1) ul li a {color: var(--blanc); transition: color .3s;}
header#masthead.white > div > div > a > svg path:not(g + path) {fill: var(--blanc); transition: fill .3s;}
header#masthead.white button > span {background-color: var(--blanc);}


header#masthead.black > div.inner-nav > div:nth-child(1) ul li a {color: var(--noir)!important; transition: color .3s;}
header#masthead.black > div > div > a > svg path:not(g + path) {fill: var(--noir)!important; transition: fill .3s;}
header#masthead.black button > span {background-color: var(--noir)!important;}

#masthead button{border: 0!important; border-color: transparent!important; border-radius: 0!important; background: transparent!important; color: transparent!important; line-height: 0!important; padding: 0!important; height: 60px; width: 60px; justify-content: center; flex-direction: column; align-items: center; cursor: pointer; position: relative;}

#masthead .first-line {height: 1px; width: 45px; display: flex; margin-bottom: 15px; transition: transform .3s; transform: rotate(0deg);}
#masthead .second-line {height: 1px; width: 45px; display: flex; transition: transform .3s; transform: rotate(0deg);}

#masthead nav.toggled .first-line {transform: rotate(45deg); margin-bottom: 0; transition: transform .3s; background-color: var(--noir)!important;}
#masthead nav.toggled .second-line {position: absolute; transform: rotate(-45deg); transition: transform .3s; background-color: var(--noir)!important;}

@media screen and (max-width: 1700px) {
    header#masthead {overflow: visible;}
    header#masthead:before {content: unset;}
    header#masthead.toggled > div.inner-nav > div:nth-child(1) ul li a {color: var(--noir)!important;}
    header#masthead.toggled > div > div > a > svg path:not(g + path) {fill: var(--noir)!important;}
    header#masthead > div.inner-nav > div:nth-child(1) ul li a {color: var(--noir)!important; font-family: "Merchant"; font-size: calc(1.5vw + 17px) !important; font-stretch: semi-condensed; font-weight: 600; line-height: 1; letter-spacing: -2px; text-align: center;}
    header#masthead > div.inner-nav > div:nth-child(1) nav > div {height: 100vh; width: 0vw; transition: width .3s; position: absolute; top: -5vh; right: -5vw; overflow: hidden; z-index: -1;}
    header#masthead > div.inner-nav > div:nth-child(1) nav ul {position: absolute; background-color: var(--blanc); top: 0; right: 0; width: 100vw; height: 100vh; flex-direction: column; gap: 35px; justify-content: center; padding: 10vw; pointer-events: none}
    header#masthead > div.inner-nav > div:nth-child(1) nav.toggled > div {height: 100vh; width: 100vw; transition: width .3s;}
    header#masthead > div.inner-nav > div:nth-child(1) nav.toggled ul {pointer-events: all}
    .menu-toggle {display: flex;}
}

/*FOOTER*/

footer#colophon {background-color: var(--blanc); border-radius: 100px 100px 0 0; position: relative; margin-top: -100px; z-index: 9999;}
footer#colophon:before {content: ""; position: absolute; width: 100%; height: 100%; background: conic-gradient(#E9A100, #682D52, #682D52, #005968, #E9A100); border-radius: 100px 100px 0 0; top: -17px; left: 0; z-index: -1;}

footer#colophon div.site-info {background-color: var(--blanc); border-radius: 100px 100px 0 0;}

footer#colophon #block-7 > div > div {padding: 100px 5vw; display: flex; flex-direction: row; justify-content: space-between;}
footer#colophon #block-7 > div > div > svg {height: 60px;}
footer#colophon #block-7 > div > div > div {margin-top: 60px;}
footer#colophon #block-7 > div > div > div:nth-child(2) > div {display: flex; flex-direction: row; gap: 5vw;}
footer#colophon #block-7 > div > div > div:nth-child(3) {width: 500px; justify-content: space-between; gap: 20px;}

footer#colophon #block-7 > div > div > div:nth-child(3) a {padding: 0; border: 0;}
footer#colophon #block-7 > div > div > div:nth-child(3) > :last-child {position: relative;}
footer#colophon #block-7 > div > div > div:nth-child(3) > :last-child:before {content: ""; position: absolute; width: 0%; transition: width .3s; height: 1px; background-color: var(--noir); bottom: 0; left: 0;}
footer#colophon #block-7 > div > div > div:nth-child(3) > :last-child:hover:before {width: 100%; transition: width .3s;}

footer#colophon ul {list-style: none; padding: 0;}
footer#colophon li a {color: var(--noir); text-decoration: none;}
footer#colophon #block-7 p {line-height: 1.2; font-family: "Merchant"; font-weight: 100; font-stretch: semi-condensed;}

footer#colophon #block-11 p.annee {padding: 5px 0; text-align: center;}
footer#colophon #block-11 a {padding: 0 0 0 10px!important;}

/*ENTÊTE*/

div.entry-content #entete-1, div.entry-content #entete-3 {height: calc(100vh + 100px); padding: 5vh 5vw calc(5vh + 100px); display: flex; align-items: flex-end;}
div.entry-content #entete-2 {height: calc(40vh + 100px); padding: 5vh 5vw calc(5vh + 100px); display: flex; align-items: flex-end;}
div.entry-content #entete-3 > div:last-child {position: absolute; top: 0; left: 0; padding: 5vw; height: 100vh; width: 100vh!important; z-index: -1; opacity: 0.2;}

div.entry-content #entete-3 > div {width: 50%; padding: 0 5vw 0 0; display: flex; flex-direction: column; gap: 20px;}
div.entry-content #entete-3 > figure {width: 50%; max-height: calc(100% - 6vh - 180px);}

/*BLOC TEXTE + IMAGE*/

div.entry-content div.media-texte {gap: 100px; position: relative;}
div.entry-content div.media-texte.image-haute {padding-right: 15vw; padding-left: 15vw;}

div.entry-content div.media-texte > div {padding: 0; display: flex; flex-direction: column; gap: 20px;}
div.entry-content div.media-texte > div {display: flex; flex-direction: column; gap: 20px; padding: 0 5vw 0 0;}
div.entry-content div.media-texte > div h2,
div.entry-content div.media-texte > div h2 {margin: 0;}

/*BLOC IMAGE*/

div.entry-content > figure {height: calc(40vh + 100px); border-radius: 0 0 100px 100px; position: relative;}
div.entry-content > figure > img {width: 100%; height: 100%; object-fit: cover;}

/*BLOC BLOG*/

#le-blog {gap: 100px;}
#le-blog > div {width: max-content; max-width: 50%;}
#le-blog > div:first-child {height: -webkit-fill-available; justify-content: space-between; padding: 50px 0;}
#le-blog > div:first-child,
#le-blog > div:first-child > div:first-child {gap: 20px}

#le-blog h3 {margin: 45px 0; display: flex;}
#le-blog h3 a {color: var(--gris); font-family: "Merchant"; font-stretch: semi-condensed; font-weight: 600; transition: color .3s; padding-left: 30px; position: relative; line-height: 1;}
#le-blog h3.active a:before {position: absolute; left: 0; content: url("data:image/svg+xml,%3Csvg width='11' height='13' viewBox='0 0 11 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 6.06218L0 12.1244L5.29973e-07 0L10.5 6.06218Z' fill='black'/%3E%3C/svg%3E%0A");}
#le-blog h3.active a {color: var(--black); transition: color .3s;}

#le-blog .wp-show-posts-inner {margin: 0!important; align-items: center; display: flex;}
#le-blog > div:nth-child(2) > div > section {margin: 0!important; position: relative; max-width: calc(100vh - 500px);}
#le-blog article {width: calc(100vh - 500px); height: max-content; opacity: 1; transition: opacity .3s;}
#le-blog article:not(.active) {opacity: 0; transition: opacity .3s; position: absolute; top: 0; left: 0; pointer-events: none}
#le-blog .wp-show-posts-image {height: max-content; width: 100%;}
#le-blog .wp-show-posts-image a {display: block; border-radius: 100px;}
#le-blog .wp-show-posts-image img {height: calc(45vw - 50px); max-height: calc(100vh - 500px); width: 100%; max-width: calc(100vh - 500px); object-fit: cover; border-radius: 100px;}
#le-blog .wpsp-read-more {position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%);}

/*BLOC PRESTATIONS*/

#prestations figure {margin-left: auto; width: 100%;}
#prestations figure > div > svg {position: absolute; height: 100%;}
#prestations h2 + div {margin-bottom: 30px; gap: 30px}
#prestations h2 + div > p.logo-individuel:before {content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 9C11.2102 9 13 7.2102 13 5C13 2.7898 11.2102 1 9 1C6.7898 1 5 2.7898 5 5C5 7.2102 6.7898 9 9 9ZM14 5C14 7.7625 11.7625 10 9 10C6.2375 10 4 7.7625 4 5C4 2.2375 6.2375 0 9 0C11.7625 0 14 2.2375 14 5Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.61174 14.1059C1.11019 14.5105 1 14.8145 1 15V17H17V15C17 14.8145 16.8898 14.5105 16.3883 14.1059C15.8979 13.7103 15.167 13.3334 14.2811 13.0075C12.5099 12.3558 10.3766 12 9 12C7.6234 12 5.49005 12.3558 3.7189 13.0075C2.83295 13.3334 2.1021 13.7103 1.61174 14.1059ZM9 11C5.99625 11 0 12.5173 0 15V18H18V15C18 12.5173 12.0037 11 9 11Z' fill='black'/%3E%3C/svg%3E%0A"); margin-right: 15px;}
#prestations h2 + div > p.logo-therapeutique:before {content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2539 10.5C13.6681 10.5 14.0039 10.1642 14.0039 9.75C14.0039 9.3358 13.6681 9 13.2539 9C12.8397 9 12.5039 9.3358 12.5039 9.75C12.5039 10.1642 12.8397 10.5 13.2539 10.5Z' fill='black'/%3E%3Cpath d='M8.42402 3.1051C9.05542 2.9183 9.77257 2.9574 10.4136 3.4113L7.73438 3.4111C7.94987 3.2819 8.18177 3.1768 8.42402 3.1051Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.73031 3.41026L10.4096 3.41046C11.0735 3.87796 11.4705 4.65836 11.498 5.46371C11.5418 6.72245 10.8682 7.7888 10.0754 8.65555C9.46106 9.32715 8.71871 9.9364 8.08521 10.4564C7.90371 10.6053 7.73096 10.7471 7.57286 10.8808L7.24741 11.156L6.92411 10.8782C6.74991 10.7285 6.55711 10.569 6.35361 10.4007C5.73701 9.89055 5.02221 9.29925 4.42947 8.65355C3.63627 7.78945 2.96087 6.72701 3.00177 5.46456L3.00182 5.46371C3.02932 4.65821 3.42647 3.87761 4.09062 3.41016L5.42946 3.41026L6.76831 3.41031C6.94016 3.51301 7.10166 3.63106 7.24976 3.75986C7.39756 3.63121 7.55881 3.51306 7.73031 3.41026ZM7.63526 4.79146C7.91066 4.45836 8.29996 4.18261 8.70371 4.06316C9.09541 3.94726 9.48376 3.98006 9.83211 4.22686L9.83346 4.22781C10.2262 4.50416 10.4811 4.98631 10.4986 5.49781C10.5289 6.36441 10.0677 7.18235 9.33746 7.98065C8.77656 8.59385 8.11241 9.1393 7.48701 9.653C7.40801 9.71785 7.32966 9.78225 7.25216 9.84615C7.15156 9.7622 7.04946 9.6777 6.94651 9.5925C6.34221 9.0924 5.70811 8.56765 5.16616 7.9773C4.43597 7.18185 3.97317 6.36775 4.00122 5.49736C4.01882 4.98606 4.27376 4.50406 4.66636 4.22781C5.01506 3.98211 5.40441 3.94911 5.79651 4.06476C6.20036 4.18386 6.58946 4.45871 6.86456 4.79146L7.24991 5.25761L7.63526 4.79146Z' fill='black'/%3E%3Cpath d='M6.76754 3.41327L5.42869 3.41322L4.08984 3.41312C4.73064 2.96177 5.44749 2.92242 6.07864 3.10857C6.32049 3.17987 6.55224 3.28457 6.76754 3.41327Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9844 11.788C18.1556 10.8509 16.8573 9.6829 16.8573 9.6829C16.4181 8.7727 16.4295 8.00305 16.4424 7.12925C16.446 6.88185 16.4498 6.62585 16.4435 6.3562C16.4143 5.18225 16.0304 4.04115 15.3378 3.06945C14.5793 2.14445 13.5846 1.41971 12.4485 0.964301C11.007 0.327406 9.43655 -0.00170833 7.84725 6.66823e-06C5.766 6.66823e-06 3.77005 0.787011 2.2984 2.1879C0.82676 3.58875 0 5.48875 0 7.46985C0 9.85345 1.4071 11.6922 3.23335 13.0572V16.2813C3.75155 17.3354 5.7064 18.083 6.8485 17.9926C8.5554 17.9926 9.27305 17.32 9.5485 16.9214C9.66444 16.7536 9.70205 16.6344 9.70205 16.6344V15.9229C9.70205 15.9229 10.1019 16.054 10.702 16.1725C12.5067 16.5286 16.1225 16.7696 16.1225 12.9832C16.1225 12.9832 17.8132 12.7252 17.9844 11.788ZM15.9566 10.1175L16.0422 10.2947L16.1867 10.4247L16.1873 10.4253L16.1878 10.4258L16.1885 10.4263L16.1917 10.4293C16.1972 10.4345 16.2069 10.4435 16.2201 10.4562C16.2466 10.4817 16.2868 10.5212 16.3357 10.5722C16.4349 10.6756 16.5621 10.8182 16.6816 10.9794C16.804 11.1446 16.8986 11.3031 16.9536 11.4389C16.983 11.5116 16.9937 11.5594 16.9976 11.586C16.9912 11.5925 16.9827 11.6004 16.9717 11.6098C16.8997 11.6713 16.7782 11.743 16.6106 11.8115C16.4494 11.8775 16.2842 11.925 16.1551 11.9561C16.092 11.9713 16.0411 11.9817 16.008 11.988C15.9916 11.9912 15.9798 11.9932 15.9734 11.9943L15.9681 11.9952L15.1225 12.1243V12.9832C15.1225 14.015 14.8056 14.525 14.4713 14.8095C14.0993 15.1259 13.5419 15.3021 12.8475 15.3472C12.1639 15.3916 11.455 15.3016 10.8985 15.192C10.6245 15.138 10.397 15.0812 10.2402 15.0385C10.162 15.0173 10.1019 14.9997 10.0631 14.9879C10.0436 14.9821 10.0295 14.9777 10.0212 14.9751L10.0137 14.9727L10.013 14.9725L10.0122 14.9722L8.70205 14.5425V16.3854C8.66815 16.4292 8.61825 16.4843 8.5472 16.5432C8.341 16.7138 7.86265 16.9926 6.8485 16.9926H6.80895L6.76955 16.9957C6.41245 17.024 5.80745 16.9147 5.2108 16.6513C4.72425 16.4365 4.4005 16.1895 4.23335 15.9912V12.5561L3.83205 12.2562C2.13565 10.9883 0.999999 9.4112 0.999999 7.46985C0.999999 5.7703 1.7088 4.12975 2.9879 2.9122C4.26865 1.69303 6.01575 1.00001 7.84725 1.00001H7.8483C9.2993 0.998441 10.7316 1.29899 12.0444 1.87901L12.0603 1.88603L12.0765 1.8925C13.0491 2.2824 13.8964 2.8981 14.5429 3.6773C15.1092 4.483 15.4198 5.42055 15.4438 6.3804C15.4484 6.57945 15.4445 6.78925 15.4405 7.0087C15.4237 7.9092 15.404 8.9722 15.9566 10.1175Z' fill='black'/%3E%3C/svg%3E%0A"); margin-right: 15px;}
#prestations h2 + div > p.logo-collectif:before {content: url("data:image/svg+xml,%3Csvg width='35' height='18' viewBox='0 0 35 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1409 8.88734C19.5957 8.88734 21.5846 6.89848 21.5846 4.44367C21.5846 1.98886 19.5957 0 17.1409 0C14.6861 0 12.6973 1.98886 12.6973 4.44367C12.6973 6.89848 14.6861 8.88734 17.1409 8.88734ZM20.315 4.44367C20.315 6.19765 18.8949 7.61772 17.1409 7.61772C15.387 7.61772 13.9669 6.19765 13.9669 4.44367C13.9669 2.68969 15.387 1.26962 17.1409 1.26962C18.8949 1.26962 20.315 2.68969 20.315 4.44367Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.88867 17.774V14.219C8.88867 11.5173 14.3868 10.1562 17.1412 10.1562C18.9733 10.1562 22.0197 10.7587 23.8543 11.9572C25.162 11.6036 26.5961 11.4259 27.6156 11.4259C28.795 11.4259 30.3776 11.6633 31.6841 12.1438C32.336 12.3832 32.96 12.698 33.4317 13.1056C33.9072 13.5163 34.2811 14.0718 34.2811 14.7694V17.774H8.88867ZM10.1583 14.219C10.1583 14.0178 10.251 13.7423 10.6446 13.3843C11.0464 13.0186 11.6647 12.6644 12.4481 12.3559C14.0154 11.7376 15.9205 11.4259 17.1412 11.4259C18.3619 11.4259 20.267 11.7376 21.8344 12.3559C22.6177 12.6644 23.236 13.0186 23.6378 13.3843C24.0314 13.7423 24.1241 14.0178 24.1241 14.219V16.5044H10.1583V14.219ZM24.983 12.9932C25.9435 12.7952 26.9065 12.6955 27.6156 12.6955C28.6611 12.6955 30.0932 12.9113 31.246 13.3354C31.8237 13.5474 32.2903 13.7975 32.602 14.0667C32.9099 14.3327 33.0115 14.5663 33.0115 14.7694V16.5044H25.3937V14.219C25.3937 13.774 25.2446 13.3652 24.983 12.9932Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.106 6.66528C31.106 8.59447 29.5437 10.1567 27.6145 10.1567C25.6853 10.1567 24.123 8.59447 24.123 6.66528C24.123 4.7361 25.6853 3.17383 27.6145 3.17383C29.5437 3.17383 31.106 4.7361 31.106 6.66528ZM27.6145 8.88712C28.8422 8.88712 29.8363 7.89301 29.8363 6.66528C29.8363 5.43756 28.8422 4.44345 27.6145 4.44345C26.3868 4.44345 25.3927 5.43756 25.3927 6.66528C25.3927 7.89301 26.3868 8.88712 27.6145 8.88712Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.1403 8.88734C14.6855 8.88734 12.6966 6.89848 12.6966 4.44367C12.6966 1.98886 14.6855 0 17.1403 0C19.5951 0 21.584 1.98886 21.584 4.44367C21.584 6.89848 19.5951 8.88734 17.1403 8.88734ZM13.9663 4.44367C13.9663 6.19765 15.3863 7.61772 17.1403 7.61772C18.8943 7.61772 20.3144 6.19765 20.3144 4.44367C20.3144 2.68969 18.8943 1.26962 17.1403 1.26962C15.3863 1.26962 13.9663 2.68969 13.9663 4.44367Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.3926 17.774V14.219C25.3926 11.5173 19.8945 10.1562 17.14 10.1562C15.308 10.1562 12.2615 10.7587 10.4269 11.9572C9.11922 11.6036 7.68519 11.4259 6.66568 11.4259C5.4862 11.4259 3.90362 11.6633 2.59718 12.1438C1.94523 12.3832 1.32121 12.698 0.849552 13.1056C0.374079 13.5163 0.000175476 14.0718 0.000175476 14.7694V17.774H25.3926ZM24.123 14.219C24.123 14.0178 24.0303 13.7423 23.6367 13.3843C23.2349 13.0186 22.6166 12.6644 21.8332 12.3559C20.2659 11.7376 18.3608 11.4259 17.14 11.4259C15.9193 11.4259 14.0142 11.7376 12.4469 12.3559C11.6635 12.6644 11.0452 13.0186 10.6434 13.3843C10.2498 13.7423 10.1571 14.0178 10.1571 14.219V16.5044H24.123V14.219ZM9.29824 12.9932C8.33777 12.7952 7.37476 12.6955 6.66568 12.6955C5.62015 12.6955 4.18801 12.9113 3.0352 13.3354C2.45752 13.5474 1.99094 13.7975 1.67925 14.0667C1.37136 14.3327 1.26979 14.5663 1.26979 14.7694V16.5044H8.88752V14.219C8.88752 13.774 9.0367 13.3652 9.29824 12.9932Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.17529 6.66528C3.17529 8.59447 4.73756 10.1567 6.66675 10.1567C8.59594 10.1567 10.1582 8.59447 10.1582 6.66528C10.1582 4.7361 8.59594 3.17383 6.66675 3.17383C4.73756 3.17383 3.17529 4.7361 3.17529 6.66528ZM6.66675 8.88712C5.43903 8.88712 4.44491 7.89301 4.44491 6.66528C4.44491 5.43756 5.43903 4.44345 6.66675 4.44345C7.89447 4.44345 8.88858 5.43756 8.88858 6.66528C8.88858 7.89301 7.89447 8.88712 6.66675 8.88712Z' fill='black'/%3E%3C/svg%3E%0A"); margin-right: 15px;}
#prestations h2 + div > p.logo-social:before {content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3865 15.0036C13.5805 14.7371 13.787 14.5281 13.995 14.3176C14.2685 14.0401 14.545 13.7601 14.8 13.3426C14.864 13.2381 14.929 13.1371 14.992 13.0396C15.2195 12.6866 15.4215 12.3736 15.4595 12.0536C15.507 11.6456 15.537 9.19559 15.405 8.82459C15.2725 8.45409 14.51 8.24609 14.2465 9.07609C14.1165 9.48559 14.0755 10.0121 14.0385 10.4901C14 10.9801 13.966 11.4191 13.8435 11.6261C13.602 12.0351 12.8245 13.0526 12.8245 13.0526L13.4955 11.7791C13.4955 11.7791 13.5975 11.6031 13.544 11.2686C13.49 10.9336 13.0855 10.4656 12.8955 10.8376C12.705 11.2091 12.373 11.5446 12.373 11.5446L11.199 12.9591C11.199 12.9591 10.8165 13.4551 10.806 13.7271C10.8025 13.8181 10.7455 14.0201 10.681 14.2486C10.6085 14.5066 10.526 14.7986 10.5 15.0036V15.5001H13.3865V15.0036Z' fill='black'/%3E%3Cpath d='M4.08868 15.0036C3.89418 14.7371 3.68718 14.5281 3.47868 14.3176C3.20418 14.0401 2.92668 13.7601 2.67068 13.3426C2.60668 13.2376 2.54118 13.1371 2.47818 13.0391C2.24968 12.6866 2.04718 12.3736 2.00918 12.0536C1.96118 11.6456 2.11068 9.19559 2.24318 8.82459C2.37618 8.45409 3.14118 8.24609 3.40568 9.07609C3.53618 9.48559 3.57718 10.0121 3.61468 10.4901C3.65268 10.9801 3.68718 11.4191 3.80968 11.6261C4.05218 12.0351 4.83218 13.0526 4.83218 13.0526L4.15918 11.7791C4.15918 11.7791 4.05668 11.6031 4.11068 11.2686C4.16468 10.9336 4.57068 10.4656 4.76118 10.8376C4.95218 11.2091 5.28568 11.5446 5.28568 11.5446L6.46318 12.9591C6.46318 12.9591 6.84718 13.4551 6.85768 13.7271C6.86518 13.9206 6.95118 14.6171 7.00018 15.0036V15.5001H4.08868V15.0036Z' fill='black'/%3E%3Cpath d='M6.8905 2.5C5.509 2.5 4.5 3.993 4.5 5.6035C4.5 9.198 9 11.5 9 11.5C9 11.5 13.5 9.05 13.5 5.6035C13.5 3.9935 12.491 2.5 11.1095 2.5C10.1505 2.5 9.439 3.17 9 4.1205C8.561 3.17 7.8495 2.5 6.8905 2.5Z' stroke='black' stroke-miterlimit='2' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 16.5C0 17.3285 0.6715 18 1.5 18H16.5C17.3285 18 18 17.3285 18 16.5V1.5C18 0.6715 17.3285 0 16.5 0H1.5C0.6715 0 0 0.6715 0 1.5V16.5ZM1 1.5C1 1.224 1.224 1 1.5 1H16.5C16.776 1 17 1.224 17 1.5V16.5C17 16.776 16.776 17 16.5 17H13.5V16.5C13.5 16.224 13.276 16 13 16H11C10.724 16 10.5 16.224 10.5 16.5V17H7V16.5C7 16.224 6.776 16 6.5 16H4.5C4.224 16 4 16.224 4 16.5V17H1.5C1.224 17 1 16.776 1 16.5V1.5Z' fill='black'/%3E%3C/svg%3E%0A"); margin-right: 15px;}
#prestations h2 + div > p.logo-ponctuel:before {content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 9C2 8.4477 2.4477 8 3 8H4C4.5523 8 5 8.4477 5 9V10C5 10.5523 4.5523 11 4 11H3C2.4477 11 2 10.5523 2 10V9ZM4 9V10H3V9H4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 8C6.4477 8 6 8.4477 6 9V10C6 10.5523 6.4477 11 7 11H8C8.5523 11 9 10.5523 9 10V9C9 8.4477 8.5523 8 8 8H7ZM8 9H7V10H8V9Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 9C10 8.4477 10.4477 8 11 8H12C12.5523 8 13 8.4477 13 9V10C13 10.5523 12.5523 11 12 11H11C10.4477 11 10 10.5523 10 10V9ZM11 9H12V10H11V9Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 12C2.4477 12 2 12.4477 2 13V14C2 14.5523 2.4477 15 3 15H4C4.5523 15 5 14.5523 5 14V13C5 12.4477 4.5523 12 4 12H3ZM3 13V14H4V13H3Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 13C6 12.4477 6.4477 12 7 12H8C8.5523 12 9 12.4477 9 13V14C9 14.5523 8.5523 15 8 15H7C6.4477 15 6 14.5523 6 14V13ZM7 13H8V14H7V13Z' fill='black'/%3E%3Cpath d='M14.3333 13C14.5174 13 14.6667 13.1628 14.6667 13.3636V14.1221L14.9024 14.3792C15.0325 14.5212 15.0325 14.7515 14.9024 14.8935C14.7722 15.0355 14.5611 15.0355 14.431 14.8935L14 14.4234V13.3636C14 13.1628 14.1492 13 14.3333 13Z' fill='black'/%3E%3Cpath d='M10.5 4C10.2239 4 10 3.74417 10 3.42857V2.85714H5V1.71429H10V0.571429C10 0.25584 10.2239 0 10.5 0C10.7761 0 11 0.25584 11 0.571429V3.42857C11 3.74417 10.7761 4 10.5 4Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0.5C3 0.22386 3.22385 0 3.5 0C3.77615 0 4 0.22386 4 0.5V3C4 3.27615 3.77615 3.5 3.5 3.5C3.22385 3.5 3 3.27615 3 3V2.5H1.5C1.22386 2.5 1 2.72385 1 3V5H14V3C14 2.72385 13.7761 2.5 13.5 2.5H12V1.5H13.5C14.3285 1.5 15 2.1716 15 3V11.0354C16.6961 11.2781 18 12.7367 18 14.5C18 16.433 16.433 18 14.5 18C13.3106 18 12.2598 17.4067 11.6273 16.5H1.5C0.671575 16.5 0 15.8285 0 15V3C0 2.17155 0.671575 1.5 1.5 1.5H3V0.5ZM11 14.5C11 12.7367 12.3039 11.2781 14 11.0354V6H1V15C1 15.2761 1.22386 15.5 1.5 15.5H11.1449C11.0506 15.1832 11 14.8475 11 14.5ZM14.5 17C15.8807 17 17 15.8807 17 14.5C17 13.1193 15.8807 12 14.5 12C13.1193 12 12 13.1193 12 14.5C12 15.8807 13.1193 17 14.5 17Z' fill='black'/%3E%3C/svg%3E%0A"); margin-right: 15px;}
#prestations h2 + div > p.logo-equipes:before {content: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 6.26745C14.0816 6.44125 14.5 6.5 14.5 6.5V5H15.5C16.8807 5 18 3.8807 18 2.5C18 1.11929 16.8807 0 15.5 0H12.618C11.1721 0 10 1.17215 10 2.61805C10 4.8771 12.1741 5.8712 13.5 6.26745ZM17 2.5C17 3.32845 16.3285 4 15.5 4H13.5V5.21755C13.2443 5.1299 12.9696 5.02 12.6983 4.8839C11.7072 4.3868 11 3.6804 11 2.61805C11 1.72443 11.7244 1 12.618 1H15.5C16.3285 1 17 1.67158 17 2.5Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.40835 5.99665C3.0643 5.9478 2 4.84405 2 3.49915C2 2.1189 3.1189 1 4.49915 1H6.08335C7.418 1 8.5 2.082 8.5 3.41665C8.5 5.4376 6.6848 6.36185 5.5 6.7499C4.926 6.93785 4.5 7 4.5 7V6L4.40835 5.99665ZM5.5 5.0357L4.4447 4.99735C3.63845 4.968 3 4.3059 3 3.49915C3 2.6712 3.6712 2 4.49915 2H6.08335C6.86575 2 7.5 2.63425 7.5 3.41665C7.5 4.3739 6.89165 5.00185 6.03805 5.4464C5.8577 5.54035 5.67545 5.62055 5.5 5.6885V5.0357Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 9C11 10.105 10.105 11 9 11C7.895 11 7 10.105 7 9C7 7.895 7.895 7 9 7C10.105 7 11 7.895 11 9ZM10 9C10 9.5527 9.5527 10 9 10C8.4473 10 8 9.5527 8 9C8 8.4473 8.4473 8 9 8C9.5527 8 10 8.4473 10 9Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.5 10C6.5 11.105 5.605 12 4.5 12C3.395 12 2.5 11.105 2.5 10C2.5 8.895 3.395 8 4.5 8C5.605 8 6.5 8.895 6.5 10ZM5.5 10C5.5 10.5527 5.0527 11 4.5 11C3.9473 11 3.5 10.5527 3.5 10C3.5 9.4473 3.9473 9 4.5 9C5.0527 9 5.5 9.4473 5.5 10Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15.2728C0 13.7614 2.9981 13 4.5 13C4.7925 13 5.14175 13.0289 5.51455 13.0865C6.18575 12.5951 7.41405 12 9.00005 12C10.5861 12 11.8143 12.5951 12.4855 13.0865C12.8583 13.0289 13.2075 13 13.5 13C15.0019 13 18 13.7614 18 15.2728V18H0V15.2728ZM7.82615 15.0114C8 15.1735 8 15.2578 8 15.2728V17H1V15.2728C0.999995 15.2578 0.99998 15.1735 1.17382 15.0114C1.35558 14.842 1.65489 14.6613 2.0619 14.4966C2.87795 14.1664 3.8754 14 4.5 14C5.1246 14 6.12205 14.1664 6.9381 14.4966C7.3451 14.6613 7.6444 14.842 7.82615 15.0114ZM11.0708 13.4279C10.5323 13.1932 9.8282 13 9.00005 13C8.1719 13 7.46775 13.1932 6.9293 13.4279C8.0371 13.8006 9 14.4162 9 15.2728C9 14.4162 9.96295 13.8006 11.0708 13.4279ZM17 15.2728C17 15.2578 17 15.1735 16.8262 15.0114C16.6444 14.842 16.3451 14.6613 15.9381 14.4966C15.1221 14.1664 14.1246 14 13.5 14C12.8754 14 11.8779 14.1664 11.0619 14.4966C10.6549 14.6613 10.3556 14.842 10.1739 15.0114C10 15.1735 10 15.2578 10 15.2728V17H17V15.2728Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5 12C14.605 12 15.5 11.105 15.5 10C15.5 8.895 14.605 8 13.5 8C12.395 8 11.5 8.895 11.5 10C11.5 11.105 12.395 12 13.5 12ZM13.5 11C14.0527 11 14.5 10.5527 14.5 10C14.5 9.4473 14.0527 9 13.5 9C12.9473 9 12.5 9.4473 12.5 10C12.5 10.5527 12.9473 11 13.5 11Z' fill='black'/%3E%3C/svg%3E%0A"); margin-right: 15px;}

div.entry-content div.media-texte-prestations {gap: 100px; position: relative;}
div.entry-content div.media-texte-prestations:nth-child(2n+1) > div {padding: 0 5vw 0 0;}
div.entry-content div.media-texte-prestations:nth-child(2n) > div {padding: 0 0 0 5vw;}
div.entry-content div.media-texte-prestations figure {gap: 100px; border-radius: 0; height: calc(100vh + 117px); position: relative;}
div.entry-content div.media-texte-prestations figure > img {height: 100%; width: 100%; object-fit: cover}
div.entry-content div.media-texte-prestations:nth-child(2n+1) figure > div {position: absolute; top: 0; left: 1px; height: 100%; width: 100%; display: flex; justify-content: flex-end;}
div.entry-content div.media-texte-prestations:nth-child(2n) figure > div {position: absolute; top: 0; right: 1px; height: 100%; width: 100%; display: flex; justify-content: flex-end;}
div.entry-content div.media-texte-prestations:nth-child(2n) figure > div > svg {left: 0; transform: rotate(180deg)}

div.entry-content div.media-texte-prestations.jaune figure > div > svg > path {fill: var(--jaune-clair);}
div.entry-content div.media-texte-prestations.bleu-canard figure > div > svg > path {fill: var(--bleu-clair);}
div.entry-content div.media-texte-prestations.aubergine figure > div > svg > path {fill: var(--aubergine-clair);}

div.entry-content div.media-texte-prestations.jaune div.lien-page a {background-color: var(--jaune)!important;}
div.entry-content div.media-texte-prestations.bleu-canard div.lien-page a {background-color: var(--bleu-canard)!important;}
div.entry-content div.media-texte-prestations.aubergine div.lien-page a {background-color: var(--aubergine)!important;}

/*BLOC LISTE*/

.liste > div {display: flex; flex-direction: column; gap: 20px}
.liste > div > div > div > div:not(:last-child) {margin-bottom: 100px;}
.liste > div > div > div > div {gap: 20px}

.liste > div > div.un,
.liste > div > div.trois,
.liste > div > div.quatre {display: flex; justify-content: center;}

.liste > div > div.un > div {display: flex; flex-direction: row; flex-wrap: wrap; max-width: 650px;}
.liste > div > div.un > div > div {width: 100%; max-width: 450px;}
.liste > div > div.un > div > div:nth-child(2n+1) {margin-right: 200px;}
.liste > div > div.un > div > div:nth-child(2n+2) {margin-left: 200px;}

.liste > div > div.trois > div {display: flex; flex-direction: row; gap: 5%; flex-wrap: wrap; max-width: calc(1350px + 5%);}
.liste > div > div.trois > div > div {width: 30%; max-width: 450px;}
.liste > div > div.trois > div > div:nth-child(3n+1) {margin-top: 0;}
.liste > div > div.trois > div > div:nth-child(3n+2) {margin-top: 35px;}
.liste > div > div.trois > div > div:nth-child(3n+3) {margin-top: 70px;}

.liste > div > div.quatre > div {display: flex; flex-direction: row; gap: calc( 20% / 3); flex-wrap: wrap; max-width: calc(1800px + (20% / 3));}
.liste > div > div.quatre > div > div {width: 20%; max-width: 450px;}
.liste > div > div.quatre > div > div:nth-child(4n+1) {margin-top: 0;}
.liste > div > div.quatre > div > div:nth-child(4n+2) {margin-top: 35px;}
.liste > div > div.quatre > div > div:nth-child(4n+3) {margin-top: 70px;}
.liste > div > div.quatre > div > div:nth-child(4n+4) {margin-top: 105px;}

.liste > div > div > div > div > div {gap: 20px; width: 100%;}
.liste > div > div > div > div > div > p{width: 100px; height: 120px; text-align: center; font-family: "Merchant"; font-stretch: semi-condensed; font-weight: 900; line-height: 1; align-content: center; border-radius: 0 0 20px; color: transparent; -webkit-text-stroke: 1px var(--blanc); text-stroke: 1px var(--blanc); font-size: 40px;}
.liste > div > div.aubergine > div > div > div > p{background-color: var(--aubergine);}
.liste > div > div.bleu-canard > div > div > div > p{background-color: var(--bleu-canard);}
.liste > div > div.jaune > div > div > div > p{background-color: var(--jaune);}

.liste h3 {height: 100%; align-content: end; text-align: end; width: calc(100% - 120px);}
.liste > div > div > div > div > p {padding-left: 120px;}

/*BLOC CONTENU PASTILLES OU LISTE À PUCES*/

.contenu > div {display: flex; flex-direction: column; gap: 20px;}
.contenu > div > div {display: flex; flex-direction: column; gap: 20px;}
.contenu > div > div > div {display: flex; flex-direction: row; width: 100%; justify-content: space-between; gap: 20px;}
.contenu > div > div > div.pastilles > p {padding: 10px 20px; border-radius: 50px; color: white;}
.contenu > div > div > div.aubergine > p {background-color: var(--aubergine);}
.contenu > div > div > div.bleu-canard > p {background-color: var(--bleu-canard);}
.contenu > div > div > div.jaune > p {background-color: var(--jaune);}

.contenu > div > div > div {display: flex; flex-direction: row; width: 100%; justify-content: center; gap: 20px;}

.contenu figure {border-radius: 200px; height: 300px; width: 200px;}
.contenu figure img {width: 100%; height: 100%; object-fit: cover}
.contenu figure + div {padding: 0!important;}
.contenu figure + div ul {padding-left: 30px;}
.contenu figure + div li {margin-bottom: 15px; position: relative;}
.contenu figure + div li:before {position: absolute; left: -15px; top: 50%; transform: translateY(-50%); content: ""; height: 3px; width: 3px; background-color: var(--noir); border-radius: 3px;}
.contenu figure + div li::marker {content: "";}

/*BLOC FAQ*/

div.entry-content #faq > div {gap: 20px; display: flex; flex-direction: column;}
div.entry-content #faq > div > div {gap: 20px}
div.entry-content #faq > div > div > div {border: 1px solid var(--noir); border-radius: 20px; min-height: 70px; padding: 25px 60px 25px 40px; overflow: hidden; width: 100%; position: relative; cursor: pointer; flex-direction: column;}
div.entry-content #faq > div > div > div:before {transform: rotate(0); transform-origin: center center; transition: transform .3s;content: url("data:image/svg+xml,%3Csvg width='24' height='15' viewBox='0 0 24 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.959 0.5L12 14.1992L1.04102 0.5H22.959Z' stroke='black'/%3E%3C/svg%3E"); position: absolute; right: 40px; top: 25px;}
div.entry-content #faq > div > div > div.toggled:before {transform: rotate(180deg); transition: transform .3s; transform-origin: center center;}
div.entry-content #faq > div > div > div > :first-child {align-content: center; font-style: italic;}
div.entry-content #faq > div > div > div > :not(:first-child) {display: none; opacity: 0; transition: opacity .3s;}
div.entry-content #faq > div > div > div > :not(:first-child).visible {display: block; opacity: 1; transition: opacity .3s; padding-top: 20px;}

/*BLOC CONTENU CONTACT*/

.bouton-instagram,
.bouton-linkedin {height: 90px;}
div.entry-content #contact {gap: 100px}
div.entry-content #contact > div:nth-child(1) {width: 50%; gap: 20px}
div.entry-content #contact > div:nth-child(2) {width: 100%; gap: 20px}

/*BLOC ARTICLES DE BLOG*/

.articles-blog article:nth-child(3n+1) {margin-top: 0px;}
.articles-blog article:nth-child(3n+2) {margin-top: 35px;}
.articles-blog article:nth-child(3n+3) {margin-top: 70px;}
.articles-blog article > div > * {margin: 0!important;}
.articles-blog article > div > .wp-show-posts-image {width: 100%; height: 300px;}
.articles-blog article > div > .wp-show-posts-image > a {display: flex; height: 100%;}
.articles-blog article > div > .wp-show-posts-image > a > img {width: 100%; object-fit: cover!important; flex: unset!important;}

.articles-blog article > div > :first-child {border-radius: 35px 35px 0 0; overflow: hidden;}
.articles-blog article > div > :nth-child(2) {height: 135px; padding: 30px 45px 50px;}
.articles-blog article > div > :nth-child(3) {height: 100px; padding: 0 45px;}
.articles-blog article > div > :last-child {border-radius: 0 0 35px 35px; width: 100%; border: 0; height: 100px; padding: 0 45px 25px; display: flex; flex-direction: column; justify-content: end;}
.articles-blog a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {padding: 0!important; border: 0!important; color: unset!important; font-size: inherit!important;}
.articles-blog a.wp-show-posts-read-more:hover {border: 0 !important; color: unset !important; background: unset !important;}
.articles-blog div.wpsp-read-more:before {}

.articles-blog.jaune article > div > :not(:first-child) {background-color: var(--jaune-clair);}
.articles-blog.bleu-canard article > div > :not(:first-child) {background-color: var(--bleu-clair);}
.articles-blog.aubergine article > div > :not(:first-child) {background-color: var(--aubergine-clair);}

.articles-blog > div {display: flex; flex-direction: column; gap: 100px;}
.articles-blog > div > div {gap: 20px}

.articles-blog h3 a {color: var(--noir); font-family: "Merchant"; font-stretch: semi-condensed; font-weight: 800;}

/*BLOC PAGE CONTACT*/

#contenu-page-contact {gap: 100px; padding-right: 10vw; padding-left: 10vw;}
#contenu-page-contact > div:first-child {gap: 20px; width: 100%;}
#contenu-page-contact > div:nth-child(2) {gap: 150px; width: 100%; justify-content: space-around;}
#contenu-page-contact > div > div:first-child {height: -webkit-fill-available; gap: 20px; max-width: 440px;}
#contenu-page-contact > div > div:first-child > div {gap: 0}
#contenu-page-contact > div > div:last-child > div {width: 1000px;}

#contenu-page-contact .happyforms-part-wrap {display: flex;}
#contenu-page-contact .happyforms-part-wrap > :first-child span.label {width: 230px; padding: 25px !important; border-bottom: 1px var(--noir) solid; margin-right: 70px !important;}
#contenu-page-contact .happyforms-part__label-container {width: 300px!important;}
#contenu-page-contact .happyforms-part__el {width: 700px!important; display: flex; flex-direction: row!important; flex-flow: unset!important; position: relative;}
#contenu-page-contact .happyforms-part__el > .happyforms-part__option {width: 315px!important;}
#contenu-page-contact .happyforms-part__el > :first-child:not(:last-child) {margin-right: 35px!important;}
#contenu-page-contact .happyforms-part__el input {width: 700px!important; min-width: 700px;}
#contenu-page-contact .happyforms-part__el textarea {width: 700px!important; min-width: 700px;}
#contenu-page-contact .happyforms-flex * {padding: 0!important; margin: 0!important;}
#contenu-page-contact .happyforms-flex :not(span.checkmark, span.checkmark > span) {min-height: 70px; flex-wrap: wrap !important;}
#contenu-page-contact span.checkmark > .happyforms-radio-circle {height: 8px!important; width: 8px!important;}
#contenu-page-contact .happyforms-flex label {display: flex;}
#contenu-page-contact .happyforms-flex label > span {align-content: center;}
#contenu-page-contact span.checkmark {margin: 23px!important; height: 24px!important; width: 24px!important;}
#contenu-page-contact label.option-label {border: 1px solid var(--noir); border-radius: 20px!important;}
#contenu-page-contact .happyforms-flex > div:not(:last-child) {margin-bottom: 40px!important;}

#contenu-page-contact .happyforms-styles .happyforms-part input[type=email], 
#contenu-page-contact .happyforms-styles .happyforms-part input[type=number], 
#contenu-page-contact.happyforms-styles .happyforms-part input[type=password], 
#contenu-page-contact .happyforms-styles .happyforms-part input[type=range], 
#contenu-page-contact.happyforms-styles .happyforms-part input[type=tel], 
#contenu-page-contact .happyforms-styles .happyforms-part input[type=text], 
#contenu-page-contact.happyforms-styles .happyforms-part select.happyforms-select, 
#contenu-page-contact .happyforms-styles .happyforms-part textarea {padding: 25px!important; border: 0!important; border-bottom: solid 1px!important; border-radius: 0!important; border-color: var(--noir)!important; font-family: "Jost"!important;}
#contenu-page-contact .happyforms-part--submit {padding-left: 300px!important;}
#contenu-page-contact .happyforms-styles button[type=submit]:not(:hover):not(:active):not(.has-background) {text-transform: uppercase; font-style: italic; transition: font-weight .3s; padding: 30px!important; border: 0!important; color: var(--blanc)!important; font-size: inherit!important; font-family: "Jost"; border-color: unset!important; background-color: var(--jaune); background: var(--jaune)!important; border-radius: 20px!important; width: 500px; text-align: left;}
#contenu-page-contact .happyforms-styles button[type=submit].happyforms-button--submit:focus, 
#contenu-page-contact .happyforms-styles button[type=submit].happyforms-button--submit:hover {text-transform: uppercase; font-style: italic; font-weight: 600; transition: font-weight .3s; padding: 30px!important; border: 0!important; color: var(--blanc)!important; font-size: inherit!important; font-family: "Jost"; border-color: unset!important; background-color: var(--jaune); background: var(--jaune)!important; border-radius: 20px!important; width: 500px; text-align: left;}
#contenu-page-contact .happyforms-styles .happyforms-part input[type=email]:focus, .happyforms-styles .happyforms-part input[type=number]:focus, 
#contenu-page-contact .happyforms-styles .happyforms-part input[type=password]:focus, 
#contenu-page-contact .happyforms-styles .happyforms-part input[type=tel]:focus, 
#contenu-page-contact .happyforms-styles .happyforms-part input[type=text]:focus, 
#contenu-page-contact .happyforms-styles .happyforms-part select.happyforms-select:focus, 
#contenu-page-contact .happyforms-styles .happyforms-part textarea:focus {box-shadow: unset!important;}

#contenu-page-contact .happyforms-message-notices {margin: 0!important;}
#contenu-page-contact .happyforms-message-notices > .error {display: none;}
#contenu-page-contact .happyforms-part__char-counter {padding-left: 25px!important;}
#contenu-page-contact .happyforms-part-error-notice *, .happyforms-part-error-notice, .happyforms-part__char-counter {min-height: unset!important;}
#contenu-page-contact .happyforms-part-error-notice p {gap: 10px}
#contenu-page-contact .happyforms-part-error-notice {position: absolute; bottom: -30px; left: 0;}
#contenu-page-contact .happyforms-message-notice.success {margin-top: 70px !important;}
#contenu-page-contact .happyforms-message-notice.success p {text-align: center!important;}

#contenu-page-contact > div:nth-child(2) img {aspect-ratio: 1; object-fit: cover}

/*BLOC KYORU*/

div.kyoru-credits {background-color: var(--noir); height: 40px;}
div.kyoru-credits > div {display: flex; flex-direction: row; justify-content: center; gap: 10px; padding: 5px 0;}
div.kyoru-credits > div > p {font-family: Outfit!important; color: var(--blanc); font-weight: 100; height: 30px; font-size: 19px!important;}
div.kyoru-credits > div > a {height: 30px;}
div.kyoru-credits > div > a > svg {height: 23px; margin-top: 4px;}

/* 404 */

body.error404 #masthead a svg path:not(:last-child) {fill: var(--noir)}
body.error404 #masthead nav {display: none;}
body.error404 .entry-content > div {    height: 100vh; padding-top: 200px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
body.error404 .entry-content > div h1 {text-align: center;}
body.error404 .entry-content > div a {text-align: center; display: block; color: var(--noir); text-decoration: none;}
body.error404 .entry-content > div > div {position: relative;}
body.error404 .entry-content > div > div:before {content: ""; position: absolute; width: 0%; transition: width .3s; height: 1px; background-color: var(--noir); bottom: 0; left: 0;}
body.error404 .entry-content > div > div:hover:before {width: 100%; transition: width .3s;}

/* MEDIAQUERIES */

@media screen and (max-width: 1910px) {
    .liste {padding-left: 5vw!important; padding-right: 5vw!important;}
    
    .liste > div > div.trois > div {gap: 5% 10%; flex-wrap: wrap; max-width: calc(1350px + 5%);}
    .liste > div > div.trois > div > div {width: 45%; max-width: 45%;}
    
    .liste > div > div.trois > div > div:nth-child(3n+1) {margin-top: 0px;}
    .liste > div > div.trois > div > div:nth-child(3n+2) {margin-top: 0px;}
    .liste > div > div.trois > div > div:nth-child(3n+3) {margin-top: 0px;}
    .liste > div > div.trois > div > div:nth-child(odd) {margin-top: 0px;}
    .liste > div > div.trois > div > div:nth-child(even) {margin-top: 35px;}
    
    .liste > div > div.quatre > div {gap: 5% 10%; flex-wrap: wrap; max-width: calc(1800px + (20% / 3));}
    .liste > div > div.quatre > div > div {width: 45%; max-width: 45%;}
    
    .liste > div > div.quatre > div > div:nth-child(4n+1) {margin-top: 0;}
    .liste > div > div.quatre > div > div:nth-child(4n+2) {margin-top: 35px;}
    .liste > div > div.quatre > div > div:nth-child(4n+3) {margin-top: 0px;}
    .liste > div > div.quatre > div > div:nth-child(4n+4) {margin-top: 35px;}
    
    #contenu-page-contact > div:nth-child(2) {gap: 100px;}
}
@media screen and (max-width: 1800px) {
    div.entry-content div.media-texte-prestations {gap: 30px;}
    footer#colophon #block-7 > div > div {flex-direction: column; align-items: center;}
    footer#colophon #block-7 > div > div > div {width: 50%;}
    footer#colophon #block-7 > div > div > div:nth-child(3) {width: 50%;}
    footer#colophon #block-7 > div > div > div:nth-child(2) > div {justify-content: space-between;}
    
    #contenu-page-contact > div:nth-child(2) {gap: 50px;}
}

@media screen and (max-width: 1700px) {
    
    #contenu-page-contact > div:nth-child(2) {flex-direction: column;}
    #contenu-page-contact > div > div:first-child {flex-direction: row-reverse; gap: 50px; max-width: unset; align-items: center;}
    #contenu-page-contact > div > div:first-child figure {height: 250px; width: 250px; border-radius: 50px;}
}

@media screen and (max-width: 1620px) {
    #le-blog > div:first-child {min-width: fit-content}
    #le-blog > div:nth-child(2) {display: none;}
    div.entry-content #entete-3 {flex-direction: column-reverse; justify-content: center;}
    div.entry-content #entete-3 > div {padding: 5vw 0 0; width: 100%;}
    div.entry-content #entete-3 > figure {width: 100%;}
    div.entry-content #entete-3 > div:last-child {display: none;}
    div.entry-content > .recentre {padding-left: 5vw; padding-right: 5vw;}
}
@media screen and (max-width: 1400px) {
    footer#colophon #block-7 > div > div > div {width: 75%;}
    footer#colophon #block-7 > div > div > div:nth-child(3) {width: 75%;}
    .articles-blog article > div > :nth-child(3) {height: 150px;}
}
@media screen and (max-width: 1280px) {
    #contenu-page-contact .happyforms-part__el input,
    #contenu-page-contact .happyforms-part__el textarea,
    #contenu-page-contact > div > div:last-child > div {width: 100%!important; min-width: 100%;}
    #contenu-page-contact .happyforms-part__label-container {width: 30%!important;}
    #contenu-page-contact .happyforms-part__el {width: 70%!important;}
    #contenu-page-contact .happyforms-part__el > .happyforms-part__option {width: 47.5%!important;}
    #contenu-page-contact .happyforms-part__el > :first-child:not(:last-child) {margin-right: 5% !important;}
    #contenu-page-contact .happyforms-part--submit {padding-left: 30% !important;}
    #contenu-page-contact .happyforms-styles button[type=submit]:not(:hover):not(:active):not(.has-background) {width: 100%;}
    #contenu-page-contact .happyforms-styles button[type=submit].happyforms-button--submit:focus, 
    #contenu-page-contact .happyforms-styles button[type=submit].happyforms-button--submit:hover {width: 100%;}
}

@media screen and (max-width: 1200px) {
    #prestations {padding-top: 110px; padding-bottom: 100px;}
    div.entry-content div.media-texte {display: flex; flex-direction: column-reverse;}
    div.entry-content div.media-texte-prestations {display: flex; flex-direction: column;}
    div.entry-content div.media-texte-prestations:nth-child(2n) {flex-direction: column-reverse;}
    div.entry-content div.media-texte-prestations figure > div {display: none!important;}
    div.entry-content div.media-texte-prestations figure {height: 50vh!important; padding: 5vw;}
    div.entry-content div.media-texte-prestations figure > img {border-radius: 50px;}
    div.entry-content div.media-texte-prestations > div {padding: 5vw!important;}
    footer#colophon {background-color: var(--blanc); border-radius: 50px 50px 0 0;}
    footer#colophon:before {border-radius: 50px 50px 0 0;}
    div.entry-content > * {border-radius: 0 0 50px 50px;}
    div.entry-content > figure {border-radius: 0 0 50px 50px;}
    footer#colophon div.site-info {border-radius: 50px 50px 0 0;}
    figure {border-radius: 50px;}
    div.entry-content > h2 {border-radius: 0; margin-bottom: 0 !important;}
    div.entry-content > :not(:first-child, figure, #prestations) {padding-top: 160px; padding-bottom: 110px;}
    div.entry-content > figure {height: calc(20vh + 100px);}
    .articles-blog article > div > :nth-child(3) {height: 200px; padding: 0 20px;}
    .articles-blog article > div > :last-child {padding: 0 20px 25px;}
    .articles-blog article > div > :nth-child(2) {height: 210px; padding: 30px 20px 50px;}
}
@media screen and (max-width: 1000px) {
    .liste > div > div.un > div {display: flex; flex-direction: row; flex-wrap: wrap; max-width: 650px;}
    .liste > div > div.un > div > div {width: 100%; max-width: 100%;}
    .liste > div > div.un > div > div:nth-child(2n+1) {margin-right: 100px;}
    .liste > div > div.un > div > div:nth-child(2n+2) {margin-left: 100px;}
    
    
    .liste > div > div.trois > div {gap: 0; flex-wrap: wrap; flex-direction: row; max-width: 650px;}
    .liste > div > div.trois > div > div {width: 100%; max-width: 100%;}
    
    .liste > div > div.trois > div > div:nth-child(3n+1) {margin-top: 0;}
    .liste > div > div.trois > div > div:nth-child(3n+2) {margin-top: 0;}
    .liste > div > div.trois > div > div:nth-child(3n+3) {margin-top: 0;}
    .liste > div > div.trois > div > div:nth-child(odd) {margin-top: 0; margin-right: 100px;}
    .liste > div > div.trois > div > div:nth-child(even) {margin-top: 0; margin-left: 100px;}
    
    .liste > div > div.quatre > div {gap: 0; flex-wrap: wrap; flex-direction: row; max-width: 650px;}
    .liste > div > div.quatre > div > div {width: 100%; max-width: 100%;}
    
    .liste > div > div.quatre > div > div:nth-child(3n+1) {margin-top: 0;}
    .liste > div > div.quatre > div > div:nth-child(3n+2) {margin-top: 0;}
    .liste > div > div.quatre > div > div:nth-child(3n+3) {margin-top: 0;}
    .liste > div > div.quatre > div > div:nth-child(odd) {margin-top: 0; margin-right: 100px;}
    .liste > div > div.quatre > div > div:nth-child(even) {margin-top: 0; margin-left: 100px;}
    
    div.entry-content #contact > div:nth-child(1) {width: 100%;}
    #contenu-page-contact .happyforms-part__label-container {width: 100% !important;}
    #contenu-page-contact .happyforms-part__el {width: 100% !important;}
    #contenu-page-contact .happyforms-part-wrap {flex-direction: column; gap: 20px;}
    #contenu-page-contact .happyforms-part-wrap > :first-child span.label {border-bottom: 0 var(--noir) solid;}
    
    #contenu-page-contact .happyforms-part--submit {padding-left: 0 !important;}
    #contenu-page-contact .happyforms-part-wrap > :first-child span.label {width: auto;}
}
@media screen and (max-width: 700px) {
    footer#colophon #block-7 > div > div {flex-direction: column; align-items: center;}
    footer#colophon #block-7 > div > div > div {width: 90%;}
    footer#colophon #block-7 > div > div > div:nth-child(3) {width: 90%;}
    footer#colophon #block-7 > div > div > div:nth-child(2) > div {flex-direction: column;}
    div.entry-content > figure {height: calc(10vh + 100px);}
}

@media screen and (max-width: 767px) {
    .articles-blog article > div > :nth-child(2) {height: auto;}
    .articles-blog article > div > :nth-child(3) {height: auto;}
}

@media screen and (max-width: 750px) {
    #contenu-page-contact > div > div:first-child {width: 100%;}
    #contenu-page-contact > div > div:first-child > div {width: 100%;}
    #contenu-page-contact > div > div:first-child figure {height: auto; width: auto;}
}

@media screen and (max-width: 610px) {
    div.lien-page a, #le-blog .wpsp-read-more a {width: 100%!important; white-space: unset; height: unset;}
    #prestations h2 + div {flex-direction: column; gap: 10px; align-items: start;}
    div.entry-content div.media-texte-prestations > div {width: 100%;}
    #contenu-page-contact .happyforms-part__el {width: 100% !important; flex-direction: column !important; gap: 20px;}
    #contenu-page-contact .happyforms-part__el > .happyforms-part__option {width: 100% !important; margin: 0!important;}
    
    #colophon #block-11 > div {flex-direction: column;}
    #colophon #block-11 p.annee {padding: 0;}
    #colophon #block-11 .wp-block-buttons.is-content-justification-left {flex-direction: column;}
}

@media screen and (max-width: 550px) {
    .liste > div > div.un > div > div:nth-child(2n+1) {margin-right: 50px;}
    .liste > div > div.un > div > div:nth-child(2n+2) {margin-left: 50px;}
    .liste > div > div.trois > div > div:nth-child(2n+1) {margin-right: 50px;}
    .liste > div > div.trois > div > div:nth-child(2n+2) {margin-left: 50px;}
    .liste > div > div.quatre > div > div:nth-child(2n+1) {margin-right: 50px;}
    .liste > div > div.quatre > div > div:nth-child(2n+2) {margin-left: 50px;}
}

@media screen and (max-width: 450px) {
    .liste > div > div.un > div > div:nth-child(2n+1) {margin-right: 0;}
    .liste > div > div.un > div > div:nth-child(2n+2) {margin-left: 0;}
    .liste > div > div.trois > div > div:nth-child(2n+1) {margin-right: 0;}
    .liste > div > div.trois > div > div:nth-child(2n+2) {margin-left: 0;}
    .liste > div > div.quatre > div > div:nth-child(2n+1) {margin-right: 0;}
    .liste > div > div.quatre > div > div:nth-child(2n+2) {margin-left: 0;}
    .liste > div > div > div > div > p {padding-left: 0;}
    div.kyoru-credits {height: auto;}
    div.kyoru-credits > div {flex-direction: column; align-items: center;}
}

@media screen and (max-width: 370px) {
    header#masthead > div.inner-nav > div:nth-child(1) svg {height: 50px; margin-top: 2px;}
}

@media screen and (max-width: 280px) {
    header#masthead > div.inner-nav > div:nth-child(1) svg {height: 40px; margin-top: 5px;}
}