/*!
Theme Name: Conforama
Theme URI: https://www.arnaud-merigeau.fr/
Author: LATOUTFRANCAIS - Arnaud Merigeau
Author URI: https://www.arnaud-merigeau.fr/
Description: Conforama custom template to ze moon !
Version: 2.0.3
Tested up to: 7.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: conforama

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Conforama 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-family: monospace, monospace;
	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-family: monospace, monospace;
	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-family: inherit;
	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
--------------------------------------------- */
@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Regular.woff2') format('woff2'),
        url('assets/fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Light.woff2') format('woff2'),
        url('assets/fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Medium.woff2') format('woff2'),
        url('assets/fonts/Poppins-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Poppins-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('assets/fonts/Poppins-Bold.woff2') format('woff2'),
        url('assets/fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('assets/fonts/Roboto-Regular.woff2') format('woff2'),
        url('assets/fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body,
button,
input,
select,
optgroup,
textarea {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 1.5;
}

@media (max-width: 768px) {
	body,
	button,
	input,
	select,
	optgroup,
	textarea {
		font-size: 16px;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
    margin-top: 0;
}

p {
	margin-bottom: 1.5em;
    margin-top: 0;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

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

big {
	font-size: 125%;
}

.section_title{
    color: #000;
    font-size: 24px;
    font-weight: normal;
    text-transform: none;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
    overflow-x: hidden;
}

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

ul,
ol {
	margin: 14px 18px 18px;
	padding: 0 0 0 14px;
}

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%;
    display: block;
}

figure {
	margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a,
a:visited {
	color: #000;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #DA3327;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* 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
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

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

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.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 ul a {
	width: 200px;
}

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

.main-navigation li {
	position: relative;
}

.main-navigation ul ul a{
	border-bottom: 3px solid #fff;
}

.main-navigation ul ul a:hover,
.main-navigation li:hover > a,
.main-navigation li.current-menu-item > a,
.main-navigation li.current-post-ancestor > a{
	border-bottom: 3px solid #DA3327;
	color: #DA3327;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	min-height: 36px;
	transition: none;
	color: #000;
}

@media (max-width: 768px){
	.main-navigation a{
		font-size: 17px;
	}
}

.header-nav #primary-menu{
    justify-content: flex-start;
    column-gap: 25px;
    font-weight: 500;
    position: relative;
}

.main-navigation li:hover > a,
.header-nav #primary-menu a:hover{
    color: #CE0613;
}

.main-navigation li{
	position: static;
}

.main-navigation ul ul{
	width: 100%;
	background: #fff;
	padding: 2rem;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 15px;
	grid-row-gap: 15px;
}

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

.main-navigation ul ul a span{
	margin-top: .5rem;
	display: block;
}

.main-navigation .menu-item-image{
	display: block;
	width: 100%;
	height: 100px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
}

@media (max-width: 992px) {
	.main-navigation ul ul{
		display: none!important;
	}
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 993px) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.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%;
}

.numeric_posts_nav{
	margin-top: 2rem;
	grid-column-start: 1;
	grid-column-end: 3;
}
.numeric_posts_nav ul{
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: .75rem;
	margin: 0;
	padding: 0;
}
.numeric_posts_nav li a,
.numeric_posts_nav li a:hover,
.numeric_posts_nav li.active a,
.numeric_posts_nav li.disabled {
    color: #000;
    text-decoration:none;
}
.numeric_posts_nav li{
	list-style: none;
}
.numeric_posts_nav li::marker{
	display: none;
}
.numeric_posts_nav li a,
.numeric_posts_nav li a:hover,
.numeric_posts_nav li.active a,
.numeric_posts_nav li.disabled {
    background: none;
    cursor: pointer;
    padding: 12px;
    padding: 0.5rem;
    border: 1px solid #DFE0E5;
}
.numeric_posts_nav li a:hover,
.numeric_posts_nav li.active a {
    border-color: #000;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

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

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 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 0 1.5em;
}

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

/* Slick
--------------------------------------------- */
.slick-arrow{
    width: 32px;
    height: 32px;
}
.slick-arrow::before{
    content: "" !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cline x1='4' y1='12' x2='20' y2='12'/%3E %3Cpolyline points='14 6 20 12 14 18'/%3E %3C/svg%3E");
    background-size: contain;
    width: 32px;
    height: 32px;
    display: block;
    opacity: 1;
    transition: all .3s ease;
    border: none;
}
.slick-arrow:hover::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23A31620' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cline x1='4' y1='12' x2='20' y2='12'/%3E %3Cpolyline points='14 6 20 12 14 18'/%3E %3C/svg%3E");
}
.slick-prev{
    left: -10px;
    transform: translateX(-100%);
}
.slick-prev::before{
    transform: rotate(180deg);
    left: 0;
    top: 0;
}
.slick-next{
    right: -10px;
    transform: translateX(100%);
}
.slick-next::before{
    transform: rotate(0deg);
    left: 0;
    top: 0;
}
.slick-list{
    margin: 0 -10px;
}
.slick-list .slick-slide{
    padding: 0 10px;
}
@media (max-width: 768px){
    .slick-arrow{
        width: 26px;
        height: 26px;
    }
    .slick-arrow::before{
        width: 26px;
        height: 26px;
    }
    .slick-prev{
        top: -46px;
        left: initial;
        right: 0;
        transform: translateX(-150%);
    }
    .slick-next{
        top: -46px;
        left: initial;
        right: 0;
        transform: none;
    }
}

/*--------------------------------------------------------------
# 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: 100000;
}

/* 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;
}


/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
header{
    padding: 30px 7.5% 25px;
    background-color: #FAF7F7;
    margin-bottom: 2rem;
}
.header-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.5rem;
}
.header-top .img_logo h1{
	margin: 0;
	padding: 0;
}
.header-top .menu-mobile{
    display: none;
}
.header-top .header_search{
    position: relative;
}
.header-top .header_search .search-field{
    height: 40px;
    width: 350px;
    border: 1px solid #3e3e3e;
    border-radius: 28px;
    outline: none;
    padding: 10px 20px;
}
.header-top .header_search .search-field::placeholder{
    color: #707070;
}
.header-top .header_search .search-submit{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    appearance: none;
    border: none;
    background: none;
    font-size: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='30' height='30' viewBox='0 0 30 30' style=' fill:%23000000;'%3E%3Cpath d='M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.header-top .nos_magasins a{
    display: flex;
    align-items: center;
    column-gap: .75rem;
    font-weight: 500;
}
.header-top .nos_magasins span{
    width: 26px;
    height: 30px;
    background-image: url('assets/img/magasins.png');
}
@media (max-width: 1050px){
    .header-top .header_search .search-field{
        width: 250px;
    }
}
@media (max-width: 992px){
    body.menu_open{
        overflow: hidden;
    }
    .header-top{
        margin-bottom: 0;
        height: 45px;
    }
    .header-top .menu-mobile{
        display: block;
        width: auto;
        flex: 1;
    }
    .header-top .menu-mobile .menu-toggle{
        border: none;
        background: none;
        padding: 0;
        width: 32px;
        height: 26px;
        display: block!important;
    }
    .header-top .menu-mobile .menu-toggle .checkbox{
        position: absolute;
        display: block;
        height: 32px;
        width: 26px;
        opacity: 0;
        z-index: 1;
    }
    .header-top .menu-mobile .menu-toggle .hamburger_lines{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    .header-top .menu-mobile .menu-toggle .line{
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background-color: #000;
        transition:  transform .3s ease;
    }
    .header-top .menu-mobile .menu-toggle .line1{
        transform-origin: 0% 0%;
    }
    .header-top .menu-mobile .menu-toggle .line3{
        transform-origin: 0% 100%;
    }
    .header-top .menu-mobile .menu-toggle .checkbox:checked ~ .hamburger_lines .line1{
        transform: rotate(45deg);
    }
    .header-top .menu-mobile .menu-toggle .checkbox:checked ~ .hamburger_lines .line2{
        transform: scale(0);
    }
    .header-top .menu-mobile .menu-toggle .checkbox:checked ~ .hamburger_lines .line3{
        transform: rotate(-45deg);
    }
    .header-top .nos_magasins{
        flex: 1;
    }
    .header-top .nos_magasins a{
        justify-content: flex-end;
    }
    .menu-menu-principal-container{
        position: fixed;
        top: 100px;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        height: calc(100vh - 100px);
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        background-color: #FAF7F7;
        text-align: center;
        z-index: 99;
        transform: translateX(-100%);
        transition: all .3s ease;
    }
    .main-navigation.toggled .menu-menu-principal-container{
        transform: translateX(0);
    }
    .main-navigation li{
        margin-bottom: 1.5rem;
    }
    .menu-menu-principal-container #primary-menu{
    	order:  0;
    }
    .menu-menu-principal-container .header_socials{
    	order:  1;
    }
    .menu-menu-principal-container .header_search{
    	order:  2;
    }
    .header-top .header_search .search-field{
        width: 300px;
    }
}
@media (max-width: 768px){
    header{
        padding: 20px 5% 15px;
    }
    .header-top .img_logo{
        display: flex;
    }
    .header-top .custom-logo{
        width: 150px;
    }
    .menu-menu-principal-container{
        top: 80px;
        height: calc(100vh - 80px);
    }
    .header-top .nos_magasins a{
        font-size: 0;
    }
}
.breadcrumb{
    width: 85%;
    margin: 0 auto 2rem;
    list-style: none;
    padding: 0;
    display: flex;
	flex-wrap: wrap;
}
.breadcrumb .separator{
	margin: 0 5px;
}
@media (max-width: 768px){
    .breadcrumb{
    	font-size: .85rem;
    }
}
.site-banner {
    width: 100%;
    padding: 10px 0;
    text-align: center;
}
.banner-content {
    width: 85%;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .banner-content {
        width: 95%; 
    }
}

/*--------------------------------------------------------------
# HOMEPAGE
--------------------------------------------------------------*/
h1.main_h1{
	margin-bottom: 1rem;
	font-size: 1.5rem;
	line-height: 1.3em;
	font-weight: 500;
}

/*--------------------------------------------------------------
# ACF
--------------------------------------------------------------*/

.boxed,
.a_la_une{
    width: 85%;
    margin: 0 auto;
}
.mb70{
	margin-bottom: 70px;
}
.a_la_une .a_la_une_content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 10px;
}
.a_la_une .article_une{
    display: flex;
    position: relative;
}
.a_la_une .article_une:hover .article_une_content{
    background-color: #FAF7F7;
}
.a_la_une .article_une:hover .article_thumb{
    filter: brightness(80%);
}
.a_la_une .article_une:first-child{
    grid-row: 1 / 3;
}
.a_la_une .article_une .article_thumb{
    width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(100%);
    transition: all .3s ease;
}
.a_la_une .article_une:first-child .article_thumb{
    width: 100%;
}
.a_la_une .article_une .article_une_content{
    flex: 1;
    padding: 15px;
    background-color: rgba(255,255,255,0.7);
    transition: all .3s ease;
}
.a_la_une .article_une:first-child .article_une_content{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50%;
    flex: initial;
    padding: 15px;
}
.a_la_une .article_une .article_une_desc .article_title{
	font-size: 22px;
    font-weight: normal;
    margin-bottom: .75rem;
    color: #000;
}
.a_la_une .article_une .article_une_desc .article_title a:hover{
	color: #DA3327;
}
.a_la_une .article_une .article_une_desc p{
    margin-bottom: 10px;
}
.a_la_une .article_une .article_une_categ_date{
    font-size: 13px;
}
.a_la_une .article_une .article_une_date{
    color: #74767b;
    display: block;
}
.sous_categories_content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 2rem 0 0;
}
.section_seo{
	margin: 2rem 0 0;
	background: #FAF7F7;
	padding: 1rem;
}
.souscategorie {
	margin: 0 .5rem 1rem;
	width: calc(16.6667% - 1rem);
}
@media (max-width: 1199px) {
	.souscategorie {
		width: calc(33.33% - 1rem);
	}
}
@media (max-width: 767px) {
	.souscategorie {
		width: calc(50% - 1rem);
	}
}
.souscategorie a {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 767px) {
	.souscategorie a {
		justify-content: flex-start;
	}
}
.souscategorie a img {
	width: 100%;
	max-width: 50px;
	height: auto;
}
.souscategorie a span {
	margin-left: .5rem;
	font-size: 1.1rem;
	line-height: 1.1em;
}
.conseils_row{
    display: flex;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto 70px;
    column-gap: 2.5rem;
}
.conseils_piece .conseils_piece_content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    background-color: #FAF7F7;
    padding: 20px;
    min-width: 300px;
}
.conseils_piece .conseils_piece_content .conseils_piece_article{
    text-align: center;
    box-shadow: 0px 3px 24px #0000000D;
}
.conseils_piece .conseils_piece_content .conseils_piece_article img{
    width: 100%;
}
.conseils_piece .conseils_piece_content .conseils_piece_article_img{
    width: 125px;
    height: 100px;
    background-position: center;
    background-size: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    filter: brightness(100%);
    transition: all .3s ease;
}
.conseils_piece .conseils_piece_content .conseils_piece_article:hover .conseils_piece_article_img{
    filter: brightness(80%);
}
.conseils_piece .conseils_piece_content .conseils_piece_article p{
    padding: 15px 0;
    margin: 0;
    background-color: #fff;
    color: #000;
    font-weight: normal;
    transition: all .3s ease;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.conseils_piece .conseils_piece_content .conseils_piece_article:hover p{
    background-color: #F0F0F0;
}
.conseils_deco .conseils_deco_content{
    display: flex;
    column-gap: 20px;
}
.conseils_deco .conseils_deco_article{
    background-color: #FAF7F7;
}
.conseils_deco .conseils_deco_article p{
    margin: 0;
    padding: 20px 10px;
    display: flex;
    align-items: center;
    column-gap: 5px;
    font-weight: 500;
}
.conseils_deco .conseils_deco_article span{
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.828' height='12.828' viewBox='0 0 7.828 12.828'%3E %3Cpath id='Tracé_10560' data-name='Tracé 10560' d='M0,0,4.961,5,10,0' transform='translate(1.414 11.414) rotate(-90)' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'/%3E %3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.guide_achat_catalogue{
    display: flex;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto 70px;
    column-gap: 2.5rem;
}
.guide_achat{

}
.guide_achat h1{

}
.guide_achat .guide_achat_content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    background-color: #FAF7F7;
    padding: 20px;
}
.guide_achat .guide_achat_content .guide_achat_article{
    box-shadow: 0px 3px 24px #0000000D;
}
.guide_achat_article a{
	display: block;
    border-radius: 10px;
    box-shadow: 0px 3px 24px #02020245;
    padding: 15px;
    text-align: center;
    color: #fff;
    filter: brightness(100%);
    transition: all .3s ease;
}
.guide_achat_article a:hover{
    filter: brightness(80%);
}
.guide_achat_article a > span{
	display: block;
}
.guide_achat_article a > span.cl1{
	font-size: 12px;
}
.guide_achat_article a > span.cl2{
	font-size: 35px;
	font-weight: 500;
	line-height: 1em;
	margin: 0 0 10px;
}
.guide_achat_article a > span.cl2 .cl2_p{
	font-size: 12px;
	font-weight: normal;
    vertical-align: middle;
}
.guide_achat_article a > span.cl2 .cl2_s{
	font-size: 12px;
	font-weight: normal;
    vertical-align: text-top;
}
.guide_achat_article a > span.cl3,
.guide_achat_article a > span.cl4{
	font-size: 14px;
	line-height: 1.3em;
}
@media (max-width: 768px) {
	.guide_achat_article a > span.cl3,
	.guide_achat_article a > span.cl4{
		font-size: 16px;
	}
}
.nos_catalogues .nos_catalogues_content{
    display: flex;
    gap: 10px;
    background-color: #FAF7F7;
    padding: 20px;
}
.nos_catalogues .nos_catalogues_article{
    padding: 15px;
    background-color: #fff;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 3px 24px #0000000D;
}
.nos_catalogues .nos_catalogues_article a:hover span{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23A31620' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cline x1='4' y1='12' x2='20' y2='12'/%3E %3Cpolyline points='14 6 20 12 14 18'/%3E %3C/svg%3E");
}
.nos_catalogues .nos_catalogues_article img{
    margin: 0 auto 1rem;
}
.nos_catalogues .nos_catalogues_article span{
    padding-right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cline x1='4' y1='12' x2='20' y2='12'/%3E %3Cpolyline points='14 6 20 12 14 18'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right;
    transition: background-image .3s ease;
    font-weight: normal;
    color: #000;
}
.nos_catalogues .nos_catalogues_article a:hover span{
    color: #DA3327;
}

.recherche_article_precis{
	display: flex;
    justify-content: space-between;
    width: 85%;
    margin: 0 auto 70px;
    column-gap: 2.5rem;
    flex-direction: column;
}
.recherche_article_precis select{
	width: 50%;
	max-width: 350px;
}

.categ_populaire_row{
    width: 85%;
    margin: 0 auto 70px;
    display: flex;
    justify-content: space-between;
    column-gap: 5rem;
}
.categ_populaire_row .categ_left{
    width: 60%;
}

/*BLOCKS POSTS*/
.block_posts{
	margin-bottom: 2rem;
}
.block_posts .article_miniature a,
.block_posts .cat_link a{
	color: #000;
	display: block;
}
.block_posts .article_miniature a:hover,
.block_posts .cat_link a:hover{
	color: #DA3327;
}
.block_posts .article_miniature .article_thumb{
	width: 100%;
    height: 150px;
    background-position: center;
    background-size: cover;
    display: block;
    filter: brightness(100%);
    transition: all .3s ease;
}
.block_posts .article_miniature:hover .article_thumb{
	filter: brightness(80%);
}
.block_posts .article_miniature .article_desc{
	padding: 15px 10px 20px;
    background-color: #FAF7F7;
    transition: all .3s ease;
    min-height: 225px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.block_posts .article_miniature .article_title{
	font-size: 1.5em;
	margin-bottom: 0.5rem;
	font-weight: normal;
}
@media (max-width: 768px) {
	.block_posts .article_miniature .article_title{
		font-size: 18px;
	}
}
.block_posts .article_miniature .article_excerpt{
	margin-bottom: 0.5rem;
}
.block_posts .article_miniature .article_infos{
	font-size: 13px;
	display: flex;
	flex-direction: column;
}
.block_posts .article_miniature .article_category{
	color: #000;
}
.block_posts .article_miniature .article_date{
	color: #74767b;
}
.block_posts .cat_link{
	margin-top: 1rem;
	display: block;
}
.block_posts .cat_link a{
	display: flex;
	align-items: center;
}
.block_posts .cat_link a:after{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cline x1='4' y1='12' x2='20' y2='12'/%3E %3Cpolyline points='14 6 20 12 14 18'/%3E %3C/svg%3E");
    background-size: contain;
    width: 16px;
    height: 16px;
    display: block;
    margin-left: 5px;
}

/*RESPONSIVE*/
@media (max-width: 992px){
    .a_la_une .a_la_une_content{
        grid-template-columns: 1fr;
    }
    .a_la_une .article_une:first-child .article_thumb{
        width: 50%;
    }
    .a_la_une .article_une:first-child .article_une_content{
        position: initial;
    }
    .conseils_piece .conseils_piece_content{
        gap: 20px;
    }
    .conseils_piece .conseils_piece_content .conseils_piece_article_img{
        width: 100%;
    }
    .categ_populaire_row{
        display: block;
    }
    .categ_populaire_row .categ_left{
        width: 100%;
        margin-bottom: 2rem;
    }
}
@media (max-width: 768px){
    .boxed,
	.a_la_une{
        width: 90%;
        margin-bottom: 30px;
    }
    .conseils_row{
        display: block;
        width: 90%;
    }
    .conseils_piece{
        margin-bottom: 20px;
    }
    .guide_achat_catalogue,
    .recherche_article_precis{
        display: block;
        width: 90%;
    }
    .guide_achat{
        margin-bottom: 20px;
    }
    .guide_achat .guide_achat_content .guide_achat_article img{
        margin: 0 auto;
    }
    .nos_catalogues .nos_catalogues_content{
        justify-content: center;
        gap: 20px;
    }
    .categ_populaire_row{
        width: 90%;
    }
    .a_la_une .article_une .article_une_desc h2,
    .categ_populaire_row .conseils_astuces_content .conseils_astuces_article .conseils_astuces_article_desc h2,
    .categ_populaire_row .inspiration_content .inspiration_article .inspiration_article_desc h2,
    .categ_populaire_row .confo_vous_content .confo_vous_article .confo_vous_article_desc h2{
        font-size: 21px;
    }
    .a_la_une .article_une .article_une_desc p,
    .categ_populaire_row .conseils_astuces_content .conseils_astuces_article .conseils_astuces_article_desc p,
    .categ_populaire_row .inspiration_content .inspiration_article .inspiration_article_desc p,
    .categ_populaire_row .confo_vous_content .confo_vous_article .confo_vous_article_desc p{
        font-size: 16px;
    }
    .a_la_une .article_une .article_une_categ_date,
    .categ_populaire_row .conseils_astuces_content .conseils_astuces_article .conseils_astuces_article_categ_date,
    .categ_populaire_row .inspiration_content .inspiration_article .inspiration_article_categ_date,
    .categ_populaire_row .confo_vous_content .confo_vous_article .confo_vous_article_categ_date{
        font-size: 14px;
    }
}
@media (max-width: 575px){
    .a_la_une .article_une{
        display: block;
    }
    .a_la_une .article_une .article_thumb{
        width: 100%;
        height: 200px;
        display: block;
    }
    .a_la_une .article_une:first-child .article_thumb{
        width: 100%;
    }
    .a_la_une .article_une .article_une_content{
        width: 100%;
        text-align: center;
    }
    .a_la_une .article_une:first-child .article_une_content{
        width: 100%;
    }
    .guide_achat .guide_achat_content{
        gap: 20px;
    }
    .guide_achat .guide_achat_content .guide_achat_article img{
        width: 100%;
    }
}


/*--------------------------------------------------------------
# GENERAL
--------------------------------------------------------------*/
.grey_block,
.grey_block{
	font-size: 14px;
	line-height: 20px;
    padding: 2rem;
    background-color: #FAF7F7;
}
@media (max-width: 768px) {
	.grey_block,
	.grey_block{
		font-size: 16px;
		line-height: 1.75rem;
		padding: 1.5rem;
	}
}
.grey_block > p:first-child{
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
}
.grey_block.guide_seo > .guide_seo_content > p:last-child{
	margin-bottom: 0;
}
.grey_block + .grey_block,
.grey_block + .grey_block{
    margin-top: 2rem;
}
.grey_block h2,
.grey_block h2{
	font-size: 22px;
	line-height: 32px;
	font-weight: 500;
}
.grey_block a{
	color: #DA3327;
	text-decoration: underline;
}
.grey_block a:hover{
	color: #000;
	text-decoration: none;
}
.grey_block a.swp_share_link{
	color: #FFF;
}
.tags_content{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2rem;
    grid-column-start: 1;
    grid-column-end: 3;
}
.tags_content a{
	color: #fff;
	background: #989a9e;
	padding: 0.25rem;
	font-size: .8em;
	transition: all .3s ease;
	margin: 0.25rem;
	text-decoration: none;
}
.tags_content a:hover{
	background: #000;
	color: #fff;
	text-decoration: none;
}


/*--------------------------------------------------------------
# PAGE / SINGLE
--------------------------------------------------------------*/
.page .entry-header,
.single .entry-header{
    background-color: transparent;
    padding: 0 7.5%;
    margin-bottom: 0.5em;
}
.page .entry-header .entry-title,
.single .entry-header .entry-title{
	font-size: 32px;
	font-weight: 500!important;
	line-height: 40px;
    font-weight: normal;
    margin: 0 0 0.25em;margin: 0 0 0.25em;
}
@media (max-width: 767px) {
	.page .entry-header .entry-title,
	.single .entry-header .entry-title{
		font-size: 1.5rem;
		line-height: 1.3em;
	}
}
.page .article_body,
.single .article_body{
    display: flex;
    justify-content: space-between;
    column-gap: 5rem;
    width: 85%;
    margin: 0 auto 50px;
}
.page .article_left,
.single .article_left{
    width: 60%;
}
.page .post-thumbnail,
.single .post-thumbnail{
    margin-bottom: 45px;
}
.page .article_content .tptn_counter,
.single .article_content .tptn_counter{
    display: none;
}
@media (max-width: 992px){
    .page .article_body,
    .single .article_body{
        display: block;
    }
    .page .article_left,
    .single .article_left{
        width: 100%;
        margin-bottom: 2rem;
    }
}
.heateor_sss_sharing_container{
	margin-top: 3rem;
}
.heateor_sss_sharing_ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.heateor_sss_sharing_ul > span{
	margin: 0 0.125rem;
}
body .yarpp-related{
	margin-top: 3rem;
}
body .yarpp-related h3,
body .yarpp-related .title{
	text-transform: none;
	font-size: 22px;
	line-height: 32px;
	font-weight: bold;
}
body .yarpp-thumbnails-horizontal{
	display: flex;
}
body .yarpp-thumbnails-horizontal .yarpp-thumbnail{
	height: auto;
	width: 23%;
	margin: 1%;
}
@media (max-width: 1199px) {
	body .yarpp-thumbnails-horizontal{
		flex-wrap: wrap;
	}
	body .yarpp-thumbnails-horizontal .yarpp-thumbnail{
		width: 48%;
	}
}
@media (max-width: 992px) {
	body .yarpp-thumbnails-horizontal .yarpp-thumbnail{
		width: 23%;
	}
}
@media (max-width: 767px) {
	body .yarpp-thumbnails-horizontal .yarpp-thumbnail{
		width: 48%;
	}
}
@media (max-width: 489px) {
	body .yarpp-thumbnails-horizontal .yarpp-thumbnail{
		width: 100%;
		margin: 0 0 2%;
	}
}
body .yarpp-thumbnails-horizontal .yarpp-thumbnail-title{
	overflow: visible;
	width: 100%;
}
.wp-block-embed-pinterest{
    text-align: center;
}


/*--------------------------------------------------------------
# TERM
--------------------------------------------------------------*/
.page-header{
    padding: 0;
    width: 85%;
    margin: 0 auto 2.5rem;
    background-color: transparent;
}
.page-header h1{
    font-weight: 600;
}
.archives_une{
    width: 85%;
    margin: 0 auto 70px;
}
.archives_une .archives_une_content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 10px;
}
.archives_une .article_archive_une{
    display: flex;
    position: relative;
}
.archives_une .article_archive_une:first-child{
    grid-row: 1 / 3;
}
.archives_une .article_archive_une .article_thumb{
    width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(100%);
    transition: all .3s ease;
}
.archives_une .article_archive_une:hover .article_thumb{
    filter: brightness(80%);
}
.archives_une .article_archive_une:first-child .article_thumb{
    width: 100%;
}
.archives_une .article_archive_une_content{
    flex: 1;
    padding: 15px;
    background-color: #FAF7F7;
    transition: all .3s ease;
}
.archives_une .article_archive_une:hover .article_archive_une_content{
    background-color: #f0f0f0;
}
.archives_une .article_archive_une:first-child .article_archive_une_content{
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50%;
    flex: initial;
    padding: 15px;
}
.archives_une .article_une_desc h2{
    font-weight: 500;
    margin-bottom: .75rem;
}
.archives_une .article_une_desc p{
    margin-bottom: 10px;
}
.archives_une .article_une_categ_date{
    font-size: 13px;
}
.archives_une .article_une_date{
    color: #74767b;
    display: block;
}
.fw_block,
.archives_body{
    width: 85%;
    margin: 0 auto 70px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 5rem;
}
.archives_left{
    margin-top: 52px;
    width: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}
.archives_left article img{
    filter: brightness(100%);
    transition: all .3s ease;
}
.archives_left article:hover img{
    filter: brightness(80%);
}
.archives_left article .post-thumbnail{
	min-height: 135px;
	display: block;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
}
.archives_left article .post-thumbnail.no-image{
	background: #303030;
}
.archives_left article a.post-thumbnail:hover + .article_description a{
	color: #DA3327;
}
.archives_left article .article_description{
    padding: 15px 10px 20px;
    background-color: #FAF7F7;
    transition: all .3s ease;
}
.archives_left article:hover .article_description{
    background-color: #F0F0F0;
}
.archives_left article .article_description h2{
    margin-bottom: 0.5rem;
    font-weight: 500;
    min-height: 135px;
}
.archives_left article .article_description p{
    margin-bottom: 0.5rem;
    min-height: 90px;
}
.archives_left article .article_description .article_categ_date{
    font-size: 13px;
}
.archives_left article .article_description .article_date{
    color: #74767b;
    display: block;
}
.list_guides .archives_left,
.archives_body.archives_guide .archives_left{
    width: 100%;
}
.list_guides .archives_left article .article_description h2,
.archives_body.archives_guide .archives_left article .article_description h2{
	min-height: auto;
}
.archives_body.archives_guide .archives_left article .article_description p,
.archives_body.archives_guide .archives_left article .article_description .article_categ_date{
	display: none;
}
.guide_sommaire,
.guide_autre_thematiques{
	width: 85%;
	margin: 0 auto;
	background: #FAF7F7;
	padding: 1rem;
}
.guide_autre_thematiques{
	margin-bottom: 2rem;
}
.guide_sommaire_content,
.guide_autre_thematiques_content{
	display: flex;
	flex-wrap: wrap;
}
.guide_sommaire_content > article{
	width: 50%;
}
.guide_autre_thematiques_content{
	margin-top: 2rem;
}
.guide_autre_thematiques_content a{
	color: #000;
	width: 16.6667%;
}
.guide_autre_thematiques_content a:hover{
	color: #DA3327;
}
@media (max-width: 992px){
    .archives_une .archives_une_content{
        grid-template-columns: 1fr;
    }
    .archives_une .article_archive_une:first-child .article_thumb{
        width: 50%;
    }
    .archives_une .article_archive_une:first-child .article_archive_une_content{
        position: initial;
    }
    .archives_body{
        display: block;
    }
    .archives_left{
        width: 100%;
        margin-top: 0;
        margin-bottom: 2rem;
    }
    .guide_sommaire{
    	margin-bottom: 2rem;
    }
    .guide_sommaire_content,
    .guide_autre_thematiques_content{
    	flex-direction: column;
    }
    .guide_sommaire_content > article,
    .guide_autre_thematiques_content a{
    	width: 100%;
    }
}
@media (max-width: 575px){
    .archives_left{
        grid-template-columns: 1fr;
    }
    .archives_left article{
    	grid-column-start: 1;
    	grid-column-end: 3;
    }
}

/*--------------------------------------------------------------
# GUIDES
--------------------------------------------------------------*/
/*.list_guides{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
}
.list_guides > article{
	width: 50%;
	margin-bottom: 2rem;
}
.list_guides > article > a{
	color: #000;
	text-decoration: none;
}
.list_guides > article > a > .guide_image{
	display: block;
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}*/

/*--------------------------------------------------------------
# SIDEBAR
--------------------------------------------------------------*/
.sidebar{
    flex: 1;
}
.sidebar .tptn_posts{
    margin-bottom: 2.5rem;
}
.sidebar ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.sidebar ul li{
    display: flex;
    margin-bottom: 20px;
}
.sidebar ul li > .tptn_link{
    min-width: 150px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(100%);
    transition: all .3s ease;
}
.sidebar ul li:hover > .tptn_link{
    filter: brightness(80%);
}
.sidebar .tptn_link .tptn_thumb{
    display: none;
}
.sidebar .tptn_after_thumb{
    padding: 15px;
    background-color: #FAF7F7;
    transition: all .3s ease;
}
.sidebar ul li:hover .tptn_after_thumb{
    background-color: #FAF7F7;
}
.sidebar .tptn_title{
    font-weight: normal;
    margin-bottom: .75rem;
    color: #000;
}
.sidebar .tptn_excerpt{
    margin-bottom: 10px;
}
.sidebar .tptn_cate_date{
    font-size: 13px;
}
.sidebar .tptn_date{
    color: #74767b;
    display: block;
}
.sidebar .nos_univers .nos_univers_article a{
    padding: 20px 20px;
    background-color: #FAF7F7;
    display: block;
    position: relative;
    font-weight: normal;
    font-size: 18px;
    width: 100%;
    transition: none;
}
.sidebar .nos_univers .nos_univers_article a:hover{
    background-color: #da3327;
    color: #FFF;
}
.sidebar .nos_univers .nos_univers_article a:after{
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	height : 0;
	width : 0;
	border-top : 34px solid transparent;
	border-bottom : 34px solid transparent;
	border-left : 25px solid #da3327;
	display: none;
}
.sidebar .nos_univers .nos_univers_article a:hover:after{
	display: block;
}

@media (max-width: 992px){
    .sidebar{
        display: flex;
        column-gap: 2rem;
    }
    .sidebar .tptn_posts{
        width: 60%;
    }
    .sidebar .nos_univers{
        flex: 1;
    }
    .nos_univers_content{
    	max-width: 100%;
    }
    .sidebar .nos_univers .nos_univers_article a{
        padding: 15px;
        font-size: 16px;
    }
    .sidebar .nos_univers .nos_univers_article a:after{
		border-top-width: 27px;
		border-bottom-width: 27px;
		border-left-width: 15px;
	}
}
@media (max-width: 768px){
    .sidebar{
        display: block;
    }
    .sidebar .tptn_posts{
        width: 100%;
    }
}
@media (max-width: 768px){
    .sidebar ul li{
        display: block;
    }
    .sidebar ul li > .tptn_link{
        max-width: none;
        width: 100%;
        height: 200px;
        display: block;
    }
    .sidebar .tptn_after_thumb{
        text-align: center;
    }
    .sidebar .tptn_title{
        margin-bottom: .5rem;
    }
    .sidebar .tptn_after_thumb p{
        margin-bottom: 1rem;
    }
}


body.search .page-header{
    padding: 0;
    width: 85%;
    margin: 0 auto 2.5rem;
    background-color: transparent;
}
body.search .page-header h1{
    font-weight: 600;
}
body.search .search_body{
    width: 85%;
    margin: 0 auto 70px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 5rem;
}
body.search .search_left{
    margin-top: 52px;
    width: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
}
body.search .search_left article img{
    filter: brightness(100%);
    transition: all .3s ease;
}
body.search .search_left article:hover img{
    filter: brightness(80%);
}
body.search .search_left article .article_description{
    padding: 15px 10px 20px;
    background-color: #FAF7F7;
    transition: all .3s ease;
}
body.search .search_left article:hover .article_description{
    background-color: #F0F0F0;
}
body.search .search_left article .article_description h2{
    margin-bottom: 0.5rem;
    font-weight: 500;
}
body.search .search_left article .article_description p{
    margin-bottom: 0.5rem;
}
body.search .search_left article .article_description .article_categ_date{
    font-size: 13px;
}
body.search .search_left article .article_description .article_date{
    color: #74767b;
    display: block;
}


@media (max-width: 992px){
    body.search .search_body{
        display: block;
    }
    body.search .search_left{
        width: 100%;
        margin-top: 0;
        margin-bottom: 2rem;
    }
}
@media (max-width: 575px){
    body.search .search_left{
        grid-template-columns: 1fr;
    }
}

/*--------------------------------------------------------------
# PAGE 404
--------------------------------------------------------------*/
.not-found .page-header{
    display: none;
}
.not-found .page-content{
    width: 85vw;
    margin: 50px auto;
}
.not-found .search-form{
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    margin: 0;
}
.not-found .search-form .search-field{
    height: 40px;
    width: 350px;
    border: 1px solid #3e3e3e;
    border-radius: 28px;
    outline: none;
    padding: 10px 20px;
}
.not-found .search-form .search-field::placeholder{
    color: #707070;
}
.not-found .search-form .search-submit{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    appearance: none;
    border: none;
    background: none;
    font-size: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='30' height='30' viewBox='0 0 30 30' style=' fill:%23000000;'%3E%3Cpath d='M 13 3 C 7.4889971 3 3 7.4889971 3 13 C 3 18.511003 7.4889971 23 13 23 C 15.396508 23 17.597385 22.148986 19.322266 20.736328 L 25.292969 26.707031 A 1.0001 1.0001 0 1 0 26.707031 25.292969 L 20.736328 19.322266 C 22.148986 17.597385 23 15.396508 23 13 C 23 7.4889971 18.511003 3 13 3 z M 13 5 C 17.430123 5 21 8.5698774 21 13 C 21 17.430123 17.430123 21 13 21 C 8.5698774 21 5 17.430123 5 13 C 5 8.5698774 8.5698774 5 13 5 z'%3E%3C/path%3E%3C/svg%3E");
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.not-found h2{
	margin: 1.5rem 0 1rem;
	line-height: 1.1em;
}


/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.line_nsso{
    background-color: #FAF7F7;
    display: flex;
    padding: 40px 7.5%;
}
@media (max-width: 1050px) {
	.line_nsso{
		flex-direction: column;
	}
}
.block_newsletter .newsletter_content{
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin-bottom: 30px;
    width: 100%;
}
.block_newsletter .newsletter_content .titre_newsletter{
    margin: 0;
    font-size: 22px;
    font-weight: 500;
}
.block_newsletter .newsletter_content .newsletter{
	width: 70%;
}
.block_newsletter .newsletter_content .newsletter form{
    flex: 1;
    position: relative;
}
.block_newsletter .newsletter_content .newsletter form p{
	margin: 0;
}
.block_newsletter .newsletter_content .newsletter form span{
	display: block;
	width: 100%;
}
.block_newsletter .newsletter_content .newsletter form span input[type="email"]{
    height: 40px;
    width: 100%;
    border: 1px solid #DFE0E5;
    border-radius: 50px;
    outline: none;
    padding: 10px 20px;
}
.block_newsletter .newsletter_content .newsletter form span input[type="email"]::placeholder{
    color: #74767B;
}
.block_newsletter .newsletter_content .newsletter form input[type="submit"]{
    position: absolute;
    right: 20px;
    border: none;
    background-color: transparent;
    top: 13px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding: 0;
    cursor: pointer;
}
.block_newsletter .newsletter_content .newsletter form br,
.block_newsletter .newsletter_content .newsletter form .wpcf7-spinner,
.block_newsletter .newsletter_content .newsletter form input[type="email"] + span{
	display: none!important;
}
.block_newsletter .newsletter_content .newsletter form input[type="email"] + span{
	font-size: 12px;
    position: absolute;
    left: 20px;
    bottom: -20px;
    width: auto;
    display: none!important;
}
.block_newsletter .texte_newsletter{
    font-size: 12px;
    color: #707070;
}
.block_newsletter .newsletter_content .newsletter form .wpcf7-response-output{
	border: none;
    padding: 0;
    position: absolute;
    left: 20px;
    bottom: -20px;
    font-size: 12px;
    margin: 0;
}
@media (max-width: 767px) {
	.block_newsletter .newsletter_content{
		flex-direction: column;
		align-items: flex-start;
	}
	.block_newsletter .newsletter_content .titre_newsletter{
		margin-bottom: 15px;
		text-align: left;
	}
	.block_newsletter .newsletter_content .newsletter{
	    width: 100%;
	}
	.block_newsletter .newsletter_content{
		margin-bottom: 40px;
	}
}
.header_socials{
    display: flex;
    column-gap: 15px;
}
.header_socials span{
    display: block;
    width: 28px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.header_socials .facebook{
    background-image: url("data:image/svg+xml,%3Csvg id='icons8-facebook-nouveau' xmlns='http://www.w3.org/2000/svg' width='28.081' height='28.081' viewBox='0 0 28.081 28.081'%3E%3Cpath id='Tracé_11076' data-name='Tracé 11076' d='M19.041,5A14.041,14.041,0,1,0,33.081,19.041,14.041,14.041,0,0,0,19.041,5Z' transform='translate(-5 -5)' fill='%23039be5'/%3E%3Cpath id='Tracé_11077' data-name='Tracé 11077' d='M23.932,24.8h3.634l.57-3.691h-4.2V19.09c0-1.533.5-2.893,1.935-2.893h2.3V12.975a19.579,19.579,0,0,0-2.88-.174c-3.379,0-5.361,1.785-5.361,5.85v2.456H16.457V24.8h3.474V34.944a12.731,12.731,0,0,0,4,.03Z' transform='translate(-7.991 -7.036)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.header_socials .twitter{
    background-image: url("data:image/svg+xml,%3Csvg id='icons8-twitter' xmlns='http://www.w3.org/2000/svg' width='28' height='22.554' viewBox='0 0 28 22.554'%3E%3Cpath id='icons8-twitter-2' data-name='icons8-twitter' d='M34,11.667a11.649,11.649,0,0,1-3.3.9,5.739,5.739,0,0,0,2.528-3.156,11.533,11.533,0,0,1-3.65,1.381,5.729,5.729,0,0,0-9.783,5.2A16.371,16.371,0,0,1,7.95,10.039a5.623,5.623,0,0,0-.778,2.867,5.681,5.681,0,0,0,2.555,4.741,5.849,5.849,0,0,1-2.6-.711V17a5.711,5.711,0,0,0,4.606,5.585,5.713,5.713,0,0,1-1.51.2,6.1,6.1,0,0,1-1.083-.1A5.755,5.755,0,0,0,14.5,26.642,11.608,11.608,0,0,1,7.367,29.08,11.364,11.364,0,0,1,6,29,16.417,16.417,0,0,0,14.8,31.554a16.159,16.159,0,0,0,16.345-16.2c0-.247-.008-.492-.019-.735A11.3,11.3,0,0,0,34,11.667' transform='translate(-5.997 -9)' fill='%2303a9f4'/%3E%3C/svg%3E%0A");
}
.header_socials .instagram{
    background-image: url("data:image/svg+xml,%3Csvg id='icons8-instagram' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='28.081' height='28.081' viewBox='0 0 28.081 28.081'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.372' cy='1.001' r='1.247' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fd5'/%3E%3Cstop offset='0.328' stop-color='%23ff543f'/%3E%3Cstop offset='0.348' stop-color='%23fc5245'/%3E%3Cstop offset='0.504' stop-color='%23e64771'/%3E%3Cstop offset='0.643' stop-color='%23d53e91'/%3E%3Cstop offset='0.761' stop-color='%23cc39a4'/%3E%3Cstop offset='0.841' stop-color='%23c837ab'/%3E%3C/radialGradient%3E%3CradialGradient id='radial-gradient-2' cx='0.161' cy='-0.012' r='0.828' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%234168c9'/%3E%3Cstop offset='0.999' stop-color='%234168c9' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath id='Tracé_11078' data-name='Tracé 11078' d='M27.841,34.056l-15.592.015A6.256,6.256,0,0,1,6,27.841L5.99,12.248A6.256,6.256,0,0,1,12.221,6L27.813,5.99a6.256,6.256,0,0,1,6.243,6.231l.015,15.592A6.254,6.254,0,0,1,27.841,34.056Z' transform='translate(-5.99 -5.99)' fill='url(%23radial-gradient)'/%3E%3Cpath id='Tracé_11079' data-name='Tracé 11079' d='M27.841,34.056l-15.592.015A6.256,6.256,0,0,1,6,27.841L5.99,12.248A6.256,6.256,0,0,1,12.221,6L27.813,5.99a6.256,6.256,0,0,1,6.243,6.231l.015,15.592A6.254,6.254,0,0,1,27.841,34.056Z' transform='translate(-5.99 -5.99)' fill='url(%23radial-gradient-2)'/%3E%3Cpath id='Tracé_11080' data-name='Tracé 11080' d='M22.457,27.915a5.457,5.457,0,1,1,5.457-5.457A5.464,5.464,0,0,1,22.457,27.915Zm0-9.355a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,22.457,18.559Z' transform='translate(-8.416 -8.416)' fill='%23fff'/%3E%3Ccircle id='Ellipse_616' data-name='Ellipse 616' cx='1.169' cy='1.169' r='1.169' transform='translate(18.719 7.025)' fill='%23fff'/%3E%3Cpath id='Tracé_11081' data-name='Tracé 11081' d='M25.813,31.27H16.457A5.464,5.464,0,0,1,11,25.813V16.457A5.464,5.464,0,0,1,16.457,11h9.355a5.464,5.464,0,0,1,5.457,5.457v9.355A5.464,5.464,0,0,1,25.813,31.27ZM16.457,12.559a3.9,3.9,0,0,0-3.9,3.9v9.355a3.9,3.9,0,0,0,3.9,3.9h9.355a3.9,3.9,0,0,0,3.9-3.9V16.457a3.9,3.9,0,0,0-3.9-3.9Z' transform='translate(-7.094 -7.094)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.header_socials .youtube{
    background-image: url("data:image/svg+xml,%3Csvg id='icons8-lecture-de-youtube' xmlns='http://www.w3.org/2000/svg' width='28' height='20.948' viewBox='0 0 28 20.948'%3E%3Cpath id='Tracé_11082' data-name='Tracé 11082' d='M31.372,26.387a3.487,3.487,0,0,1-2.933,2.793,72.672,72.672,0,0,1-10.474.768A74.4,74.4,0,0,1,7.491,29.18a3.487,3.487,0,0,1-2.933-2.793A40.868,40.868,0,0,1,4,19.474a40.868,40.868,0,0,1,.559-6.913A3.487,3.487,0,0,1,7.491,9.768,72.672,72.672,0,0,1,17.965,9a73.529,73.529,0,0,1,10.474.768,3.487,3.487,0,0,1,2.933,2.793A39.612,39.612,0,0,1,32,19.474,47.952,47.952,0,0,1,31.372,26.387Z' transform='translate(-4 -9)' fill='%23ff3d00'/%3E%3Cpath id='Tracé_11083' data-name='Tracé 11083' d='M20,26.426V17l8.08,4.713Z' transform='translate(-8.657 -11.239)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.header_socials .pinterest{
	background-image: url("data:image/svg+xml,%3Csvg id='icons8-pinterest' xmlns='http://www.w3.org/2000/svg' width='28.081' height='28.081' viewBox='0 0 28.081 28.081'%3E%3Ccircle id='Ellipse_617' data-name='Ellipse 617' cx='14.041' cy='14.041' r='14.041' fill='%23e60023'/%3E%3Cpath id='Tracé_11084' data-name='Tracé 11084' d='M20.506,11.416c-6.06,0-9.278,4.068-9.278,8.5,0,2.06,1.1,4.623,2.85,5.44.266.124.408.07.469-.187.047-.2.283-1.149.39-1.593a.42.42,0,0,0-.1-.4,5.462,5.462,0,0,1-1.045-3.2,6.077,6.077,0,0,1,6.339-6.094A5.542,5.542,0,0,1,26,19.584c0,3.8-1.918,6.429-4.414,6.429a2.039,2.039,0,0,1-2.079-2.538c.4-1.669,1.163-3.469,1.163-4.674a1.763,1.763,0,0,0-1.776-1.978c-1.409,0-2.54,1.457-2.54,3.41a5.068,5.068,0,0,0,.42,2.084S15.382,28.2,15.127,29.3a13.424,13.424,0,0,0-.05,4.018h0c.317.124.634.248.961.35h0a15.644,15.644,0,0,0,1.746-3.68c.171-.657.875-3.338.875-3.338a3.756,3.756,0,0,0,3.217,1.613c4.234,0,7.286-3.894,7.286-8.733C29.162,14.886,25.377,11.416,20.506,11.416Z' transform='translate(-6.154 -6.21)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.header_socials .tiktok{
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 291.72499821636245 291.1' xmlns='http://www.w3.org/2000/svg' width='2500' height='2495'%3E%3Cpath d='M219.51 291.1H71.58C32.05 291.1 0 259.05 0 219.51V71.58C0 32.05 32.05 0 71.58 0h147.93c39.53 0 71.58 32.05 71.58 71.58v147.93c.01 39.54-32.04 71.59-71.58 71.59z'/%3E%3Cg fill='%2325f4ee'%3E%3Cpath d='M120.96 123.89v-8.8a64.83 64.83 0 0 0-9.23-.79c-29.93-.06-56.42 19.33-65.41 47.87s1.62 59.62 26.18 76.71c-25.77-27.58-24.3-70.83 3.28-96.6a68.425 68.425 0 0 1 45.18-18.39z'/%3E%3Cpath d='M122.62 223.53c16.73-.02 30.48-13.2 31.22-29.92V44.44h27.25a50.7 50.7 0 0 1-.79-9.44h-37.27v149.02c-.62 16.8-14.41 30.11-31.22 30.14-5.02-.04-9.97-1.28-14.42-3.6a31.276 31.276 0 0 0 25.23 12.97zM231.98 95.05v-8.29c-10.03 0-19.84-2.96-28.19-8.51a51.63 51.63 0 0 0 28.19 16.8z'/%3E%3C/g%3E%3Cpath d='M203.8 78.26a51.301 51.301 0 0 1-12.76-33.89h-9.95a51.564 51.564 0 0 0 22.71 33.89zM111.73 151.58c-17.28.09-31.22 14.17-31.13 31.45a31.293 31.293 0 0 0 16.71 27.53c-10.11-13.96-6.99-33.48 6.97-43.6a31.191 31.191 0 0 1 18.34-5.93c3.13.04 6.24.53 9.23 1.45v-37.93c-3.05-.46-6.14-.7-9.23-.72h-1.66v28.84c-3.01-.82-6.12-1.18-9.23-1.09z' fill='%23fe2c55'/%3E%3Cpath d='M231.98 95.05v28.84a88.442 88.442 0 0 1-51.69-16.8v75.77c-.08 37.81-30.75 68.42-68.56 68.42a67.816 67.816 0 0 1-39.22-12.4c25.73 27.67 69.02 29.25 96.7 3.52a68.397 68.397 0 0 0 21.83-50.09v-75.56a88.646 88.646 0 0 0 51.76 16.58V96.21c-3.64-.02-7.26-.4-10.82-1.16z' fill='%23fe2c55'/%3E%3Cpath d='M180.29 182.87V107.1a88.505 88.505 0 0 0 51.76 16.58V94.84a51.73 51.73 0 0 1-28.26-16.58 51.634 51.634 0 0 1-22.71-33.89h-27.25v149.24c-.71 17.27-15.27 30.69-32.54 29.99a31.278 31.278 0 0 1-24.06-12.9c-15.29-8.05-21.16-26.97-13.11-42.26a31.274 31.274 0 0 1 27.53-16.71c3.13.03 6.24.51 9.23 1.44V123.9c-37.74.64-67.82 32.19-67.18 69.93a68.353 68.353 0 0 0 18.73 45.86 67.834 67.834 0 0 0 39.29 11.61c37.82-.01 68.49-30.62 68.57-68.43z' fill='%23fff'/%3E%3C/svg%3E");
}

.footer_content{
    background-color: #303030;
    color: #fff;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 25px 7.5%;
}
.footer_content .footer_menus{
    display: flex;
    justify-content: space-between;
    padding: 40px 7.5%;
}
.footer_content .footer_menus h3{
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}
.footer_content .footer_menus h3 i{
    display: none;
}
.footer_content .footer_menus > div{
    width: 17%;
}
.footer_content .footer_menus ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_content .footer_menus ul li{
    margin-bottom: 10px;
}
.footer_content .footer_menus ul a{
    color: #fff;
    font-size: 14px;
}
.footer_content .footer_menus ul a:hover{
    text-decoration: underline;
}
.footer_content .footer_liens{
    position: relative;
}
.footer_content .footer_liens ul{
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_content .footer_liens ul > li + li{
	margin-left: 1rem;
}
.footer_content .footer_liens a{
    color: #fff;
    font-size: 10px;
    position: relative;
}
.footer_content .footer_liens a:hover{
    text-decoration: underline;
}
.footer_content .footer_seo{
    padding: 0 15vw 35px;
    font-size: 12px;
    font-family: "Roboto";
}
@media (max-width: 1150px){
	.footer_content{
		flex-direction: column;
		justify-content: center;
	}
	.footer_content .footer_liens{
		margin-top: 2rem;
	}
	.footer_content .footer_liens a{
	    font-size: 13px;
	}
}
@media (max-width: 992px){
    .footer_content .footer_menus{
        padding: 0;
        display: block;
    }
    .footer_content .footer_menus > div{
        width: 100%;
        padding: 15px 15px 15px 7.5%;
        border-bottom: 1px solid #74767b;
    }
    .footer_content .footer_menus > div > div{
        height: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s ease;
    }
    .footer_content .footer_menus > div > div.active{
        height: inherit;
        max-height: 500px;
        transition: max-height 1s ease;
        padding-top: 15px;
    }
    .footer_content .footer_menus h3{
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer_content .footer_menus h3 i{
        display: block;
        font-size: 20px;
        margin-right: 15px;
    }
    
    .footer_content .footer_liens::before{
        content: none;
    }
    .footer_content .footer_liens ul{
        display: block;
        text-align: center;
        padding: 0;
    }
    .footer_content .footer_liens ul li{
        margin-bottom: 10px;
    }
}
@media (max-width: 768px){
    .footer_content{
        padding: 45px 5%;
    }
    .footer_content .footer_seo{
        padding: 0 7.5vw 20px;
    }
}

.footer_top_content{
	background-color: #303030;
	color: #fff;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 25px 7.5%;
}
.footer_top_content > div{
/*	width: 33.33%;*/
}
.footer_top_content > div .section_title,
.footer_top_content > div a{
	color: #FFF;
}
.footer_top_content > div .section_title{
	font-size: 1.2rem;
}
.footer_top_content > div a:hover{
	text-decoration: underline;
}
@media (max-width: 991px) {
	.footer_top_content{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.footer_top_content > div ul,
	.footer_top_content > div li::marker{
		list-style: none;
	}
	.footer_top_content > div .section_title{
		font-size: 16px;
	}
	.footer_top_content > div a{
		font-size: 13px;
	}
}

.lwptoc-notInherit .lwptoc_i .lwptoc_title{
	color: #000;
	font-weight: bold!important;
}
.lwptoc-notInherit .lwptoc_i div a,
.lwptoc-notInherit .lwptoc_i div a:visited{
	color: #000;
}
.lwptoc-notInherit .lwptoc_i div a:hover,
.lwptoc-notInherit .lwptoc_i div a:focus,
.lwptoc-notInherit .lwptoc_i div a:active{
	color: #DA3327;
}
.lwptoc-notInherit .lwptoc_i div a:hover,
.lwptoc-notInherit .lwptoc_i div a:focus,
.lwptoc-notInherit .lwptoc_i div a:active{
	border-color: #DA3327;
}



/*--------------------------------------------------------------
# EQUIPE
--------------------------------------------------------------*/
.authors-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}
.authors-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
body .author {
    flex: 0 1 calc(33.333% - 20px);
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
    justify-content: center;
}
@media (max-width: 991px) {
    body .author {
        flex: 0 1 100%;
    }
}
.author-avatar img {
    border-radius: 50%;
    max-width: 100px;
    height: auto;
    display: block;
    margin: 0 auto 1rem;
}
.author-name a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
    font-size: 1.2em;
    cursor: pointer;
}
.author-description {
    margin-top: 10px;
    font-size: 0.9em;
    color: #666;
}
.authors-list{
	width: 85%;
	margin: 0 auto 70px;
}
/*--------------------------------------------------------------
# BOUTONS
--------------------------------------------------------------*/
.wp-block-button__link,
.grey_block .wp-block-button__link{
    transition: all .3s ease;
    text-decoration: none;
}
.wp-block-button__link:hover{
    opacity: .75;
}


/*--------------------------------------------------------------
# ARCHIVE AUTHOR
--------------------------------------------------------------*/
.author-info.archives_body {
    flex-direction: column;
}
.author-bloc {
    display: flex;
}
@media (max-width: 767px) {
	.author-bloc {
	    flex-direction: column;
	}
}
.author-avatar img {
    border-radius: 100%;
}
.author-text {
    margin: 0 0 0 2rem;
}
@media (max-width: 767px) {
	.author-text h1 {
	    text-align: center;
	}
	.author-text {
	    margin: 2rem 0 0;
	}
}
.author-posts.grey_block {
    width: 100%;
    margin: 3rem 0 0;
}
.author-posts {
	text-align: left;
}
.author-posts ul {
    margin: 1rem 0 0;
    padding: 0;
    columns: 2;
    column-gap: 2rem;
}
@media (max-width: 767px) {
	.author-posts ul {
	    columns: 1;
	}
}
.author-posts ul li {
    margin: 1rem 0 0;
    list-style: none;
}


/*--------------------------------------------------------------
# SINGLE AUTHOR
--------------------------------------------------------------*/
.author_single {
	display: flex;
}
.author_single .author-info {
	margin: 0 0 0 2rem;
}
@media (max-width: 767px) {
	.author_single .author_single {
		flex-direction: column;
	}
	.author_single .author-info {
	    margin: 2rem 0 0;
	}
	.author_single .author-info .author-name,
	.author_single .author-info .author-team-link {
	    text-align: center;
	}
}


/*--------------------------------------------------------------
# ARCHIVE PIECES
--------------------------------------------------------------*/
.pieces-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	grid-column-gap: 1.25rem;
	grid-row-gap: 1.25rem;
	width: 85%;
	margin: 0 auto 8rem;
}

.piece-item:first-child {
    grid-column: 1 / span 3;
    grid-row: 1 / 2;
}

.piece-item:nth-child(2) {
    grid-column: 4 / span 3;
    grid-row: 1 / 3;
}

.piece-item:nth-child(3) {
    grid-column: 1 / span 3;
    grid-row: 2 / 4;
}

.piece-item:nth-child(4) {
    grid-column: 4 / span 3;
    grid-row: 3 / 4;
}

.piece-item:nth-child(5) {
    grid-column: 7 / span 3;
    grid-row: 1 / 2;
}

.piece-item:nth-child(6) {
    grid-column: 10 / span 3;
    grid-row: 1 / 3;
}

.piece-item:nth-child(7) {
    grid-column: 7 / span 3;
	grid-row: 2 / 4;
}

.piece-item:nth-child(8) {
    grid-column: 10 / span 3;
	grid-row: 3 / 4;
}

.piece-item a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.piece-item img{
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transition: all .3s ease;
}

.piece-item .piece-name{
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	background: #FAF7F7;
	padding: 10px 20px;
	font-size: 1rem;
	font-weight: normal;
}

.piece-item:hover img{
	filter: brightness(80%);
}

@media (max-width: 992px) {
	.pieces-grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-column-gap: 1rem;
		grid-row-gap: 1rem;
	}

	.piece-item:first-child {
	    grid-column: 1 / 2;
		grid-row: 1 / 2;
	}

	.piece-item:nth-child(2) {
	    grid-column: 2 / 3;
	    grid-row: 1 / 3;
	}

	.piece-item:nth-child(3) {
	    grid-column: 1 / 2;
		grid-row: 2 / 4;
	}

	.piece-item:nth-child(4) {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}

	.piece-item:nth-child(5) {
		grid-column: 1 / 2;
		grid-row: 4 / 5;
	}

	.piece-item:nth-child(6) {
	    grid-column: 2 / 3;
		grid-row: 4 / 6;
	}

	.piece-item:nth-child(7) {
		grid-column: 1 / 2;
		grid-row: 5 / 7;
	}

	.piece-item:nth-child(8) {
	    grid-column: 2 / 3;
	    grid-row: 6 / 7;
	}
}


/*--------------------------------------------------------------
# BLOC PERSONNALISE
--------------------------------------------------------------*/
.bloc-cta,
.bloc-entree-narrative {
    background-color: #FFF8B5;
    padding: 2.5rem;
    margin: 2rem 0;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
    overflow: hidden;
}

.bloc-cta h2,
.bloc-entree-narrative h2 {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    max-width: 60%;
}

.bloc-cta .texte,
.bloc-entree-narrative__texte {
    font-size: 1rem;
    line-height: 1.5;
}

.bloc-cta .texte{
    max-width: 60%;
}

.bloc-entree-narrative__texte p{
    margin-bottom: 0;
}

.bloc-entree-narrative__texte p + p{
    margin-top: 1.5em;
}

.bloc-cta .bouton {
    display: inline-block;
    padding: 0.8rem 1.5rem;
    text-decoration: none;
    border-radius: 8px;
    background-color: #db3832;
    color: white !important;
    font-weight: 600;
    transition: background-color 0.3s ease;
    border: none;
    cursor: pointer;
    text-align: center;
    max-width: fit-content;
}

.bloc-cta .bouton:hover {
    opacity: 0.9;
}

.bloc-cta .image {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 35%;
    max-width: 300px;
}

.bloc-cta .image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Responsive */
@media (max-width: 768px) {
    .bloc-cta,
    .bloc-entree-narrative {
        padding: 1rem;
        background: none;
        gap: 1rem;
    }
    
    .bloc-cta .image {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        width: 100%;
        max-width: none;
        margin: 0;
        order: -1;
        overflow: hidden;
        padding: 0;
    }

    .bloc-cta h2,
    .bloc-cta .texte,
    .bloc-entree-narrative__texte {
        max-width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    
    .bloc-cta p {
        margin-bottom: 0;
    }

    .bloc-entree-narrative__texte p + p{
        margin-top: 1em;
    }
    
    .bloc-cta .bouton {
        margin: 0 auto;
        display: block;
        width: 100%;
        text-align: center;
    }
}

/* Bloc image hotspots (Shop the look) */
.bloc-hotspots {
    display: flex;
    gap: 2.5rem;
    align-items: flex-start;
}

.bloc-hotspots__media {
    flex: 0 0 55%;
}

.bloc-hotspots__image-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.bloc-hotspots__image {
    display: block;
    width: 100%;
    height: auto;
}

.bloc-hotspots__point {
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.bloc-hotspots__point-link {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: rgba(250, 247, 247, 0.95);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.bloc-hotspots__point-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #db3832;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
}

.bloc-hotspots__point-number {
    line-height: 1;
}

.bloc-hotspots__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.bloc-hotspots__title {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0;
}

.bloc-hotspots__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.bloc-hotspots__item {
    background: #fff;
    border-radius: 8px;
    padding: 1rem 1.2rem;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.bloc-hotspots__item-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.bloc-hotspots__item-index {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #db3832;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 600;
    flex-shrink: 0;
}

.bloc-hotspots__item-title {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.15em;
}

.bloc-hotspots__item-ref {
    font-weight: 400;
    font-size: 14.4px;
}

.bloc-hotspots__item-price {
    margin-top: 0.125rem;
    font-size: 0.95rem;
    color: #74767b;
}

.bloc-hotspots__item-description {
    font-size: 0.95rem;
    margin-bottom: 0.75rem;
}

.bloc-hotspots__item-button {
    background-color: #db3832;
    border: 1px solid #db3832;
    border-radius: 10px;
    color: #fff!important;
    font-family: Poppins,sans-serif;
    font-size: 1rem;
    line-height: 1.3;
    position: relative;
    font-weight: 500;
    padding: 8px 16px;
    text-align: center;
    white-space: nowrap;
    text-decoration: none!important;
    width: 100%;
}

.bloc-hotspots__item-button:hover {
    background-color: #a31620;
    border-color: #a31620;
    color: #fff;
}

@media (max-width: 1024px) {
    .bloc-hotspots {
        flex-direction: column;
    }

    .bloc-hotspots__media {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width: 768px) {
    .bloc-hotspots {
        gap: 1.5rem;
    }

    .bloc-hotspots__title {
        text-align: center;
        font-size: 1.4rem;
    }

    .bloc-hotspots__item {
        padding: 0.9rem 1rem;
    }
}

/*--------------------------------------------------------------
# GUIDE FLEXIBLE HERO
--------------------------------------------------------------*/
.guide-flexible {
    padding: 0;
    margin-bottom: 2.5rem;
}

.guide-contenu-sur-image {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    min-height: 450px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.guide-contenu-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 20px 60px 20px;
    color: #fff;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.guide-titre {
    font-size: 4vw;
    font-weight: 700;
    line-height: 1.05;
    margin: 0 0 1.5rem 0;
    color: #fff;
    text-shadow: 0 2px 16px rgba(0,0,0,0.25);
}

.guide-bouton {
    display: inline-block;
    margin: 1.5rem 0 1.5rem 0;
    padding: 0.7em 2.2em;
    border: 1.5px solid #fff;
    border-radius: 30px;
    background: rgba(255,255,255,0.10);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    backdrop-filter: blur(2px);
}
.guide-bouton:hover {
    background: #fff;
    color: #222;
}

.guide-resume {
    margin-top: 1.5rem;
    font-size: max(1vw, 16px);
    color: #fff;
    text-shadow: 0 2px 8px rgba(0,0,0,0.18);
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 900px) {
    .guide-titre {
        font-size: 2.2rem;
    }
    .guide-contenu-wrapper {
        padding: 40px 10px 30px 10px;
    }
}

@media (max-width: 600px) {
    .guide-contenu-sur-image {
        min-height: 320px;
    }
    .guide-titre {
        font-size: 1.4rem;
    }
    .guide-bouton {
        font-size: 1rem;
        padding: 0.5em 1.2em;
    }
}

/*--------------------------------------------------------------
# GUIDE FLEXIBLE CONTENU BOXÉ
--------------------------------------------------------------*/
.guide-zone-texte {
    padding: 0;
	width: 85%;
	margin: 3rem auto 2.5rem;
}
.guide-zone-texte-etroite {
    max-width: 46rem;
}