/*
Theme Name: Docy Child
Theme URI: https://wp.spider-themes.com/docy/
Template: docy
Author: CreativeGigs
Author URI: https://themeforest.net/user/creativegigs
Description: Docy is a powerful, responsive, and high-performance online documentation WordPress theme that can assist you quickly develop your next product’s documentation. It can be used for documenting API, frameworks, plugins, templates, software, manual etc.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: docy-child
*/

/* --color-primary: #5bb62b; */

:root {
	--color-primary: var(--brand_color);
	--color-text: #000;
	--color-on-nav: var(--color-primary);
	--color-black: #0f0f0f;
	--color-bg-black: #013927;
	--color-border-title: #bebebe;
	--color-white-light: rgba(255, 255, 255, 0.7);
	--container-max: 100%;
}

@font-face {
	font-family: 'ibm_plex_sans';
	src: url('fonts/ibmplexsans-bold-webfont.woff2') format('woff2'),
		url('fonts/ibmplexsans-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'ibm_plex_sans';
	src: url('fonts/ibmplexsans-medium-webfont.woff2') format('woff2'),
		url('fonts/ibmplexsans-medium-webfont.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'ibm_plex_sans';
	src: url('fonts/ibmplexsans-regular-webfont.woff2') format('woff2'),
		url('fonts/ibmplexsans-regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'ibm_plex_sans';
	src: url('fonts/ibmplexsans-italic-webfont.woff2') format('woff2'),
		url('fonts/ibmplexsans-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'ibm_plex_sans';
	src: url('fonts/ibmplexsans-semibold-webfont.woff2') format('woff2'),
		url('fonts/ibmplexsans-semibold-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

body,
h1,
h2,
h3,
h4 {
	font-family: 'ibm_plex_sans' !important;
	word-break: auto-phrase !important;
}

/* Container width  */

.wide-container .navbar .container,
.container,
#sticky_doc2 .container {
	max-width: min(var(--container-max), 95vw);
	/* padding-inline: 0; */
}

@media (min-width: 1200px) {

	.wide-container .navbar .container,
	.container,
	#sticky_doc2 .container {
		--container-max: 100%;
	}
}

@media (min-width: 1300px) {

	.wide-container .navbar .container,
	.container,
	#sticky_doc2 .container {
		--container-max: 1280px;
	}
}

/* @media (min-width: 1500px) {
  .wide-container .navbar .container,
  .container,
  #sticky_doc2 .container {
    --container-max: 100%;
  }
}
@media (min-width: 2800px) {
  .wide-container .navbar .container,
  .container,
  #sticky_doc2 .container {
    --container-max: 2800px;
  }
} */

/* layout */
:where(.is-layout-flex) {
	gap: 1em;
}

.row {
	--bs-gutter-x: 0;
}

.grid__row {
	gap: 1.25rem;
}

.layout-flex {
	--gap: 2rem;
	--wrap: wrap;

	display: flex;
	flex-wrap: var(--wrap);
	gap: var(--gap);
}

.doc_blog_grid_area.sec_pad {
	padding: 80px 0;
}

.doc_blog_grid_area.sec_pad .col-lg-10>.row {
	gap: 1.25rem;
}

@media (max-width: 767px) {
	.layout-flex {
		flex-direction: column;
	}
}

@media (max-width: 768px) {
	.doc_blog_grid_area.sec_pad {
		padding: 45px 0;
	}
}

@media (min-width: 576px) {

	.col-sm-4,
	.col-lg-4 {
		display: flex;
		width: calc(33.91% - 1.25rem);
	}

	.col-sm-6 {
		display: flex;
		width: calc(50.85% - 1.25rem);
	}
}

@media (min-width: 992px) {
	.grid__row {
		padding-inline-end: 50px;
	}
}

@media (min-width: 1280px) {

	.col-lg-7,
	.col-lg-5 {
		padding-inline: 0;
	}

	.grid__row {
		padding-inline-end: 80px;
	}

	.section__actualites .grid__row {
		padding-inline-end: 0;
	}
}

/* Headings */

.titlebar .breadcrumb_text {
	max-width: 100%;
}

.titlebar .breadcrumb_text h1,
.single .tip_banner_area.toc-wrapper .banner_title {
	font-size: clamp(1.75rem, 1.1539rem + 2.5434vi, 3.125rem) !important;
}

.titlebar .breadcrumb_text h1 {
	margin-bottom: 0;
}

/* @media (max-width: 480px) {
  .titlebar .breadcrumb_text h1 {
    font-size: 28px;
  }
} */

h2 {
	font-size: clamp(2rem, 1.7928rem + 0.884vw, 2.5rem) !important;
	line-height: 1.2;
}

h3 {
	font-size: clamp(1.75rem, 1.5687rem + 0.7735vw, 2.1875rem) !important;
	line-height: 1.2;
}

/* Commons */
html body.body_dark {
	--bs-white: rgb(44 48 58 / 79%) !important;
}

a,
.btn {
	transition: all 0.3s ease;
}

p {
	margin-block-end: 1em;
}

select {
	max-width: 100%;
}

.pages__list ul,
.pages__list ul.children {
	padding: 0 !important;
	list-style: none !important;
}

.pages__list ul li a {
	color: var(--color-text);
	display: block;
	line-height: 1.3;
	padding-block-end: 0.8rem;
}

.pages__list ul li a:hover,
.pages__list ul li a:focus {
	text-decoration: none;
	color: var(--color-primary);
}

/* Buttons */

.wp-block-button__link {
	padding: 0;
	font-size: 1rem;
	padding: 0.5rem 1rem;
}

.home .wp-block-button__link {
	padding: 0;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background-color: white;
	text-decoration: none !important;
	box-shadow: none;
	color: var(--color-primary);
}

.btn {
	font-size: 1rem;
	text-align: center;
	padding: 7px 37px;
	border: 1px solid;
	min-width: 200px;
	text-transform: uppercase;
	border-radius: 0;
}

.section__actualites .btn,
.col-lg-7 .btn {
	margin-block-start: 2.8125rem;
	padding-inline: 0;
	flex: 1;
}

.col-lg-7 .btn {
	max-width: 540px;
}

.section__actualites .btn {
	max-width: 335px;
}

.btn .wp-block-button__link {
	color: var(--color-text) !important;
	background-color: transparent !important;
	font-size: 0.9375rem;
}

.btn__border {
	border-color: var(--color-primary);
	background-color: white;
}

.btn__border .wp-block-button__link {
	background: white !important;
}

.btn__primary {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: white;
}

#go-back {
	border: 1px solid var(--color-primary);
}

#go-back:hover,
#go-back:focus,
.btn__primary:hover,
.btn__primary:focus,
.btn__primary:hover .wp-block-button__link,
.btn__primary:focus .wp-block-button__link {
	background-color: white !important;
	color: var(--color-primary);
	text-decoration: none !important;
}

.btn__container {
	display: flex;
	justify-content: flex-end;
}

/* Header */
.header_logo img {
	max-height: none;
}

body .doc_banner_area.sbnr-global {
	max-width: 1920px;
	margin-inline: auto;
}

body:not(.home) .doc_banner_area.sbnr-global {
	padding-top: 170px;
}

.page .doc_banner_area.sbnr-global,
.single .doc_banner_area.sbnr-global {
	display: none;
}

.menu>.nav-item+.nav-item {
	margin-left: 30px;
}

.dark_menu .first_logo {
	display: none;
}

.dark_menu .white_logo {
	display: block;
}

.dark_menu .menu>.nav-item>.nav-link {
	font-size: 1rem;
	font-weight: 400;
	text-align: center;
	line-height: 1.5;
	text-shadow: 0px 0px 2px black;
}

.dark_menu .menu>.nav-item>.nav-link:hover {
	text-decoration: none;
}

.dark_menu .menu>.nav-item:hover>.nav-link,
.dark_menu .menu>.nav-item.active>.nav-link {
	color: var(--color-on-nav);
}

.navbar_fixed.menu_one,
body.body_dark .mobile_main_menu.navbar_fixed,
body.body_dark .navbar_fixed.menu_one,
.mobile_main_menu.navbar_fixed {
	background: var(--color-bg-black) !important;
	box-shadow: 0px 0px 12px -5px var(--color-primary) !important;
}

.navbar_fixed.menu_one .menu>.nav-item>.nav-link,
.navbar_fixed.dark_menu .menu>.nav-item>.nav-link {
	color: white;
}

.navbar-brand {
	padding-block: 0;
}

.navbar-brand h3 {
	color: white;
	font-weight: 400;
}

.menu>.nav-item.current-post-ancestor .nav-link,
.menu>.nav-item.current-category-ancestor .nav-link {
	color: var(--color-on-nav) !important;
}

.side_menu {
	--bs-white: #2c303a !important;

	padding: 0;
}

.side_menu .mobile_menu_header {
	padding: 0 10px;
}

.mobile_main_menu .mobile_menu_left {
	justify-content: center;
	flex: 1;
}

.mobile_logo img {
	max-width: 16.25rem;
}

.side_menu .mobile_menu_header .close_nav .icon_close:before {
	font-size: 43px;
	color: white !important;
}

.navbar_fixed .menu_toggle .hamburger span,
.navbar_fixed .menu_toggle .hamburger-cross span {
	background-color: white;
}

@media (max-width: 375px) {
	.side_menu {
		width: 375px;
		transform: translate3d(-375px, 0, 0);
	}
}

@media (min-width: 992px) {
	.mobile_main_menu {
		display: block;
	}

	.navbar-expand-lg .navbar-nav {
		flex-wrap: wrap;
		justify-content: center;
		flex: 1;
	}
}

@media (max-width: 1025px) {
	.menu-is-opened .side_menu {
		transform: translate3d(0, 0, 0);
	}

	nav.navbar {
		display: none !important;
	}

	.admin-bar .side_menu,
	.admin-bar .navbar {
		margin-top: 32px;
	}
}

@media (min-width: 1025px) {
	.mobile_main_menu {
		display: none;
	}

	.navbar-expand-lg .navbar-nav {
		flex: 1;
	}

	.menu>.nav-item {
		flex: 1;
		text-align: center;
	}
}

@media (min-width: 1025px) and (max-width: 1340px) {
	.menu>.nav-item {
		padding-block: 10px;
	}

	.right-nav {
		margin-left: 40px;
	}
}

@media (max-width: 1199px) {
	.menu>.nav-item+.nav-item {
		margin-left: 0 !important;
	}

	.menu>.nav-item,
	.navbar_fixed.menu_one .menu>.nav-item {
		padding: 18px 0;
		border-bottom: 1px solid var(--black_50);
	}
}

@media (min-width: 1199px) {
	.single .navbar-expand-lg .navbar-nav {
		flex: 0 0 824px;
	}

	.menu>.nav-item {
		flex: auto;
	}
}

.home .right-nav,
.archive .right-nav {
	display: none;
	visibility: hidden;
}

.right-nav {
	margin-inline-start: 20px;
}

.right-nav .search-icon {
	font-size: 35px;
}

/* Search Banner + title*/

.header_search_form {
	margin-block: 0;
}

.header_search_form #docy-search-result {
	display: none !important;
}

.sbnr-aesthetic {
	padding-block-start: 250px;
}

/* .page .titlebar, */
.category .titlebar,
.home .titlebar {
	position: absolute;
	width: 100%;
	background: transparent !important;
	padding: 100px 0 0;
}

/* .page .titlebar {
	top: 150px;
} */

.titlebar h1 {
	color: white;
}

@media (max-width: 600px) {
	.search-banner-light .header_search_form .header_search_form_info .form-group .input-wrapper input {
		height: 45px;
		width: 80%;
	}
}

@media all and (min-width: 600px) {

	/* .category .titlebar, */
	.home .titlebar {
		padding-block-start: 130px;
	}
}

@media all and (min-width: 1200px) {

	/* .category .titlebar, */
	.home .titlebar {
		padding-block-start: 170px;
	}
}

/* .titlebar {
	background: url('http://terminologie.henji.fr/wp-content/uploads/2024/01/bg-terminlogie-couleur_black_4.jpg')
		center top / cover no-repeat;
} */

#breadcrumbs {
	background: var(--color-primary);
	padding-block: 0.5rem;
}

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs .breadcrumb_last {
	color: white;
	line-height: 1.45;
}

#breadcrumbs .breadcrumb_last {
	color: var(--color-text);
}

.breadcrumb_text p {
	color: white;
}

.breadcrumb_text p strong {
	font-weight: 400;
}

/* Siderbar + Widgets */
.custom_sidebar ul {
	list-style: none;
	padding: 0;
}

.custom_sidebar ul li {
	font-size: 0.75rem;
	position: relative;
}

.custom_sidebar ul li .children,
.custom_sidebar ul li ul {
	padding-inline-start: 1rem;
}

.custom_sidebar ul li .children li::before,
.custom_sidebar ul li ul li::before {
	content: '>';
	position: absolute;
	left: -14px;
}

.custom_sidebar ul li .children li.current-cat::before,
.custom_sidebar ul li ul li.current-cat::before {
	display: none;
}

.custom_sidebar ul li a {
	font-size: 1rem;
	line-height: 1.3;
	display: block;
	margin-block-end: 0.8rem;
	color: var(--color-text);
}

.custom_sidebar>ul>li:first-child>a,
.custom_sidebar ul li.current-cat>a {
	color: var(--color-primary);
	border-left: 3px solid var(--color-primary);
	padding-inline-start: 0.5rem;
	font-weight: 500;
}

.custom_sidebar>ul>li:first-child>a {
	border-bottom: 1px solid var(--color-primary);
	padding-block-end: 10px;
}

.custom_sidebar ul li a:hover,
.custom_sidebar ul li a:focus {
	color: var(--color-primary);
	text-decoration: none;
}

.custom_sidebar select {
	height: 45px;
	padding: 10px;
}

.blog_sidebar .wp-block-latest-posts.wp-block-latest-posts__list {
	border: none;
	box-shadow: none;
}

.widget+.widget {
	margin-block-start: 1rem;
}

.widget .wp-block-page-list {
	list-style: none !important;
	padding-inline-start: 0 !important;
}

.widget .wp-block-page-list a {
	color: var(--color-text);
	line-height: 1.3;
	display: block;
	margin-block-end: 0.8rem;
}

.widget .wp-block-page-list a:hover,
.widget .wp-block-page-list a:focus {
	color: var(--brand_color);
}

/* Headings */

h1 {
	font-weight: 400;
	text-shadow: 2px 2px 2px var(--color-primary);
}

.h3,
h3 {
	font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {

	.h3,
	h3 {
		font-size: 1.75rem;
	}
}

/* Buttons */
.navbar-toggler {
	position: absolute;
	left: 25px;
	top: 25px;
}

.btn-download .wp-block-file__button {
	color: white;
	background-color: var(--color-primary);
	font-size: 1rem;
	text-decoration: none;
	border: 1px solid var(--color-primary);
	border-radius: 1em;
}

/* block shadow */
.bbp-shortcode fieldset.bbp-form,
.blog_info .blog_body,
.main-post,
.all-answers,
.forum-single-content .bbp-reply-form,
.search-main,
#comments,
.blog_comment_box {
	box-shadow: 0 10px 40px -15px rgba(0, 0, 0, 0.08);
}

/* Categories */

.nav-tabs__category .nav-link {
	color: var(--color-primary);
	font-size: clamp(0.8125rem, 0.7312rem + 0.3468vi, 1rem);
}

.nav-tabs__category .nav-link.active {
	font-weight: 700;
	border-bottom: #dee2e6;
}

@media (max-width: 474px) {
	.nav-tabs__category {
		margin-inline: -10px;
	}

	.nav-tabs__category .nav-link {
		padding: 0.5rem;
	}
}

.pagination {
	justify-content: center;
	margin-block-start: 2rem;
}

/* Blog */
.blog_related_post>.row {
	gap: 1.15rem;
}

.blog_related_post .blog_grid_post img {
	width: 100%;
}

.blog_grid_post {
	background: white;
	border: 1px solid var(--color-primary);
	border-radius: 0;
	flex: 1;
	margin-block: 0;
	box-shadow: none;
	display: flex;
	position: relative;
	flex-direction: column;
}

.section__la-lettre .blog_grid_post {
	background: var(--color-primary);
}

.blog_grid_post .grid_post_thumbnail {
	height: 232px;
	background-color: #e0f2d0;
}

.blog_grid_post .grid_post_content,
.blog_related_post .grid_post_content {
	padding: 1.25rem;
	line-height: 1.45;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.blog_grid_post .post_tag {
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.blog_grid_post .grid_post_content .b_title {
	margin-block: 1rem 0;
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 700;
	color: var(--color-text);
}

.blog_grid_post .post_tag .date {
	font-size: 0.875rem;
	line-height: 1.2;
}

.blog_grid_post .post_tag .cat {
	padding-inline-start: 0;
	line-height: 1.2;
}

.section__actualites .blog_grid_post .cat,
.section__bases-terminologiques .blog_grid_post .cat {
	background: var(--color-primary);
	font-weight: 600;
	font-size: 0.6875rem;
	color: white;
	line-height: 1;
	padding-inline: 5px;
	padding-block: 5px;
	width: 65% !important;
}

.section__actualites .blog_grid_post .cat,
.section__bases-terminologiques .blog_grid_post a:not(.cat) {
	background-position-y: 90% !important;
}

.blog_grid_post .post_tag .cat::before {
	display: none;
}

.blog_grid_post .jo__source {
	transition: all 0.3s ease;
	color: var(--color-text);
}

body.body_dark .blog_grid_post .jo__source {
	--color-text: white;
}

.blog_grid_post .grid_post_content a:hover,
.blog_grid_post .grid_post_content a:focus,
.blog_grid_post .jo__source:hover,
.blog_grid_post .jo__source:focus {
	color: var(--color-primary);
	text-decoration: none;
}

.blog_grid_post .wp-post-image {
	margin: 0 auto 1rem;
	display: flex;
}

.blog_grid_post .read-more__content {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 10px;
	flex: 1;
}

.blog_grid_post .read-more__content a:not(.cat) {
	text-indent: -3000%;
	overflow: hidden;
	background: url('img/fleche-verte.svg') 93% 93% no-repeat;
	width: 100%;
	height: 100%;
	display: flex;
	flex: 1;
	background-size: 63px 20px;
	transition: all .3s ease;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.blog_grid_post .read-more__content a:not(.cat):hover {
	background-position-x: 97%;
}

.blog_grid_post .read-more__content a.cat {
	display: block;
	width: 100%;
	position: relative;
	z-index: 10;
	margin-inline-end: 55px;
}

.blog_grid_post .read-more__content a.cat:hover {
	color: #013927;
}

.section__la-lettre .blog_grid_post {
	min-height: 217px;
}

.section__la-lettre .blog_grid_post .grid_post_content {
	padding-inline-end: 130px;
	background: url('img/picto-edit.svg') 90% 64% no-repeat;
}

.section__la-lettre .blog_grid_post .b_title {
	margin-block-start: 2rem;
}

.section__la-lettre .blog_grid_post .read-more__content {
	position: absolute;
	top: 20px;
	right: 20px;
}

.section__la-lettre .blog_grid_post .read-more__content a {
	background-image: url('img/fleche-noire.svg');
}

.section__actualites .blog_grid_post .read-more__content,
.section__bases-terminologiques .blog_grid_post .read-more__content {
	justify-content: space-between;
}

@media (max-width: 776px) {

	.blog_area,
	section.doc_blog_classic_area {
		padding: 0 !important;
	}
}

/* Single */
.single .tip_banner_area.toc-wrapper {
	padding: 0;
}

.single .toc-banner-overlay img.overlay-shape-dark {
	display: block;
}

.single .tip_banner_area.toc-wrapper .toc-wrapper-banner {
	top: 60%;
}

.single .tip_banner_area.toc-wrapper .banner_title {
	margin-block: 0;
}

.single .tip_banner_area.toc-wrapper .toc-wrapper-banner .cat {
	text-transform: uppercase;
}

.single .tip_banner_area.toc-wrapper .date {
	color: rgb(255 255 255 / 47%);
	font-size: 0.85rem;
}

.single-post:has(.editor-content p + h2) .editor-content p {
	margin-block-end: 0;
}

@media (max-width: 767px) {
	.single .tip_banner_area.toc-wrapper .toc-wrapper-banner {
		transform: none;
		margin: 0;
		padding-block: 7rem 2rem;
		padding-inline: 0;
		top: auto;
		left: auto;
	}
}

@media all and (min-width: 600px) {
	.single .tip_banner_area.toc-wrapper {
		padding: 150px 0 60px;
	}
}

@media all and (min-width: 992px) {
	.single .tip_banner_area.toc-wrapper {
		padding: 0;
	}

	.single .tip_banner_area.toc-wrapper .row .col {
		min-height: 400px;
	}
}

@media all and (min-width: 1280px) {
	.single .tip_banner_area.toc-wrapper .row .col {
		min-height: 450px;
	}
}

/* page */
.page:not(.home) .titlebar {
	background-color: var(--secondary_color);
	padding-block-end: 45px;
}

.page:not(.home) .titlebar:before {
	content: '';
	background: url('https://terminologie.henji.fr/wp-content/themes/docy/assets/img/banner-blog/toc-overlay-dark.svg');
	transform: scaleX(-1);
	width: 100%;
	height: 160px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	display: block;
	background-repeat: no-repeat;
	background-position-y: bottom;
}

@media (min-width: 600px) {
	.page:not(.home) .titlebar:before {
		height: 100%;
	}
}

/* Asides */
.aside__area .wp-block-image {
	margin-block-end: 0 !important;
}

.aside__area .btn {
	margin-block-start: 1em;
}

.aside__area .widget_categories {
	margin-inline: 0;
	margin-block-end: 2rem;
}

.wp-block-categories select,
.widget select {
	border-radius: 30px;
}

.aside__area .widget_block:not(:last-child) {
	margin-block-end: 2.5rem;
	padding-block-end: 2.5rem;
	border-bottom: 1px solid var(--color-border-title);
}

@media (min-width: 600px) and (max-width: 900px) {
	.aside__area {
		display: flex;
	}

	.aside__area .widget_block {
		margin-block-start: 0;
	}

	.aside__area .widget_block:not(:last-child) {
		border: none;
		border-right: 1px solid var(--color-border-title);
		padding-inline-end: 1.5rem;
	}
}

/* FOOTER */
.doc_footer_area,
.doc_footer_top,
.doc_footer_bottom {
	background-color: #013927;
	padding: 0;
	border: none;
}

.doc_footer_top .widgettitle {
	font-size: 0.875rem !important;
	font-weight: 700;
	color: white;
	margin-block-end: 2.5rem;
}

.doc_footer_top .popup-formulaire {
	width: 41px;
	display: block;
}

@media (max-width: 1280px) {
	.doc_footer_top .popup-formulaire {
		margin-inline: auto;
	}
}

.doc_footer_top .popup-formulaire img {
	transition: all 0.3s ease;
}

.doc_footer_top .popup-formulaire:hover,
.doc_footer_top .popup-formulaire:focus {
	background: url('img/picto-email_hover.svg') center 5px no-repeat;
	background-size: 41px;
}

.doc_footer_top .popup-formulaire:hover img,
.doc_footer_top .popup-formulaire:focus img {
	opacity: 0;
}

.footer__lien__lettre {
	flex: 0 0 425px;
	max-width: 100%;
}

.footer__lien__lettre a {
	display: block;
	background: var(--color-primary) url('img/fleche-noire.svg') 95% center no-repeat;
	color: #000;
	background-size: 28px;
	font-size: 1.125rem;
	line-height: 1.125rem;
	border: 1px solid var(--color-primary);
	padding: 13px;
}

.footer__lien__lettre a:hover,
.footer__lien__lettre a:focus {
	background: transparent url('img/fleche-verte.svg') 98% center no-repeat;
	background-size: 28px;
	color: var(--color-primary);
	text-decoration: none;
}

.doc_service_list_widget ul li a {
	font-size: 0.75rem;
	line-height: 0.875rem;
	display: block;
}

.doc_service_list_widget ul li+li {
	margin-block-start: 1rem;
}

.doc_footer_bottom p {
	color: var(--color-primary);
	margin-block: 1rem;
	padding-block: 1rem;
	font-size: 0.625rem;
	font-weight: 400;
}

/*  POPUP maker */
html.pum-open.pum-open-overlay.pum-open-scrollable body> :not([aria-modal='true']) {
	padding-right: 0 !important;
}

.pum-container .pum-content p {
	font-size: 1.125rem;
	margin: 0;
}

.pum-container .pum-content label {
	position: absolute;
	top: -4000%;
}

.pum-container .pum-content .wpcf7 input[type='submit'] {
	background: white;
	color: var(--color-primary);
	text-transform: uppercase;
	margin-inline: auto;
	margin-block-start: 1.5rem;
	width: 210px;
	border-radius: 0;
	display: flex;
}

.pum-container .pum-content .wpcf7 input[type='text'],
.pum-container .pum-content .wpcf7 input[type='url'],
.pum-container .pum-content .wpcf7 input[type='email'],
.pum-container .pum-content .wpcf7 input[type='tel'] {
	height: 45px;
	line-height: 45px;
	margin-block-start: 10px;
	border-radius: 0;
}

.pum-container .pum-content .wpcf7 textarea {
	margin-block-start: 10px;
	border-radius: 0;
}

.wpcf7-spinner {
	position: absolute;
}

/* Front page */

.home__main__container section {
	margin-block: 2rem;
}

.intro {
	--gap: 0;
}

.intro>* {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0;
	max-width: 100%;
	margin-block: 1rem;
	padding: 1rem;
}

.intro .wp-block-buttons {
	margin-block-start: auto;
}

.intro .wp-block-buttons .btn {
	width: 335px;
	max-width: 100%;
}

.intro .terminologie {
	border: 1px solid var(--color-primary);
}

.intro .edito {
	background-color: var(--color-bg-black);
	color: white;
}

.intro .edito h3 {
	color: white;
	background: url('img/fleche-blanche.svg') right center / auto no-repeat;
}

body.body_dark .intro>* {
	background: var(--bs-white) !important;
}

.home__main__container .btn__container {
	margin-block-end: 3rem;
}

.aside__area__middle .widget_block:nth-of-type(2),
.aside__area__bottom .widget_block,
.aside__area__top .widget_block {
	border: 1px solid var(--color-primary);
	padding: 1rem;
}

@media all and (min-width: 900px) {
	.intro {
		--gap: 1rem;
	}

	.home aside {
		margin-block-start: 2rem;
	}
}

@media all and (min-width: 1280px) {
	.intro {
		--gap: 106px;
	}

	.intro>* {
		margin-block: 4rem;
		padding: 2.25rem 3.125rem;
	}

	.home__main>.container {
		padding-inline: 106px;
	}

	.home .aside__area__middle,
	.home .aside__area__bottom,
	.home .aside__area__top {
		padding-inline-start: 18px;
	}

	.home .aside__area__middle {
		margin-block-start: 12rem;
	}

	.aside__area__bottom .widget_block,
	.aside__area__top .widget_block {
		padding: 1rem 35px 1.5rem;
	}

	.aside__area__middle .widget_block:nth-of-type(2) {
		margin-block-start: 3rem;
		padding: 1rem 25px 1.5rem;
	}
}

/* Partenaires */
.section__partners {
	margin-block-start: 2rem;
	padding-block-end: 4rem;
}

.section__partners h3 {
	text-align: right;
	margin-block-start: 5rem;
	margin-block-end: 1.5rem;
}

ul.carousel-partners {
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: flex-end;
}

ul.carousel-partners a {
	color: var(--color-bg-black);
	font-weight: 600;
	text-transform: uppercase;
	font-size: clamp(1rem, 0.8964rem + 0.442vw, 1.25rem);
}

ul.carousel-partners a:hover,
ul.carousel-partners a:focus {
	color: var(--color-primary);
	text-decoration: none;
}

@media (max-width: 600px) {
	.section__partners {
		text-align: center;
		margin-block-start: 10vh;
	}

	.section__partners h2 {
		text-align: center;
	}
}

/* Responsives  */
.dark_menu .menu_toggle .hamburger span,
.dark_menu .menu_toggle .hamburger-cross span {
	--secondary_color: white;
}

.mobile_main_menu .mobile_menu_left img {
	max-width: 16.25rem;
	max-height: none;
	margin-inline-start: 1rem;
}

@media (min-width: 600px) {
	.mobile_main_menu .mobile_menu_left img {
		max-width: 22.375rem;
	}
}

/* modules */
#font-switcher {
	justify-content: space-between;
	align-items: center;
	padding-inline-end: 1rem;
	margin-block: 1.5rem;
}

.fontsize-controllers .btn-group {
	box-shadow: 0 1px 0 0 rgba(3, 13, 37, 0.2),
		inset 0 -8px 14px 0 rgba(3, 13, 37, 0.1);
	border-radius: 4px;
	display: flex;
	align-items: center;
}

.fontsize-controllers .btn-group button {
	height: 36px;
	font-size: 16px;
	font-weight: 400;
	color: var(--black_700) !important;
	border: 0;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent !important;
	padding: 5px 12px;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin: 0px;
	box-shadow: none;
}

.fontsize-controllers .btn-group button:focus,
.fontsize-controllers .btn-group button:hover {
	outline: none;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.2) !important;
}

.fontsize-controllers .btn-group button.rvfs-reset {
	border-left: 1px solid var(--black_50);
	border-right: 1px solid var(--black_50);
	padding: 5px 14px;
}

.print {
	color: var(--p_color);
	font-size: 18px;
	text-decoration: none;
	z-index: 0;
}