/*
Theme Name: Twenty Twenty Child
Theme URI: https://studionumerik.fr/
Description: Twenty Twenty Child Theme
Author: Studio Numerik
Author URL: https://studionumerik.fr/
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* Placer votre CSS ci-dessous */




/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

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


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

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


html,
body {
	border: none;
	margin: 0;
	padding: 0;
}


blockquote::before,
blockquote::after {
	content: "";
}


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

/*	1. Document Setup
/* -------------------------------------------------------------------------- */


html {
	/*font-size: 62.5%; /* 1rem = 10px */
	scroll-behavior: smooth;
	font-size: 16px;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	background: #f5efe0;
	box-sizing: border-box;
	color: #212121 !important;
	font-family: "Poppins", sans-serif;
	//font-size: 1.5rem;
	letter-spacing: -0.015em;
	text-align: left;
	line-height: 1.5rem;
}


.icon { width: 1.5em; height: 1.5em; display:inline-block; vertical-align: -0.125em; fill: currentColor; }
.topTel { display:inline-flex; align-items:center; gap:.4rem; }


/* Fonts ------------------------------------- */

/*
 * Chrome renders extra-wide   characters for the Hoefler Text font.
 * This results in a jumping cursor when typing in both the classic editor and
 * block editor. The following font-face override fixes the issue by manually
 * inserting a custom font that includes just a Hoefler Text space replacement
 * for that character instead.
 */
@font-face {
	font-family: "Montserrat";
	font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
	font-style: normal;
	font-display: swap;
	src: url(./fonts/Montserrat-VariableFont_wght.woff2) format("woff2");
}


/* Accessibility Settings -------------------- */

@media ( prefers-reduced-motion: reduce ) {

	* {
		animation-duration: 0s !important;
		transition-duration: 0s !important;
	}
}



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

/*	4.	Site Header
/* -------------------------------------------------------------------------- */


#site-header {
	background: #fff;
	position: relative;
	width: 100%;
	margin: auto;
	//padding: 0 0 2rem 0;
}
@media (min-width: 1000px) {
	#site-header {
		background: #fff;
		position: relative;
		width: 86%;
		margin: auto;
	}
}

.header-inner {
	max-width: 168rem;
	padding: 1rem 0 0;
	z-index: 100;
}
@media (min-width: 1000px) {
.header-inner {
	max-width: 168rem;
	padding:0;
	z-index: 100;
}
}

/* Header Titles ----------------------------- */

.header-titles-wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
	//padding: 0 4rem;
	text-align: center;
}

body:not(.enable-search-modal) .header-titles-wrapper {
	justify-content: flex-start;
	padding-left: 0;
	text-align: left;
}

.site-title,
.site-logo,
.site-description {
	margin: 0;
}

.site-title {
	font-size: 2.1rem;
	font-weight: 800;
	line-height: 1;
}

.site-title a {
	color: #0d49a6;
	display: block;
	text-decoration: none;
}

.site-title a:hover,
.site-title a:focus {
	text-decoration: none;
}

.site-description {
	margin-top: 1rem;
	color: #6d6d6d;
	font-size: 1.8rem;
	font-weight: 500;
	display: none;
	letter-spacing: -0.0311em;
	transition: all 0.15s linear;
}

.site-logo a,
.site-logo img {
	display: block;
}

.header-titles .site-logo .site-logo {
	margin: 0;
}

.site-logo img {
	margin: 0 auto;
	width: 150px;
	height: auto;
}
@media (min-width: 1000px) {
	.site-logo img {
		width: 200px;
	}
}

body:not(.enable-search-modal) .site-logo img {
	margin: 0;
}

/* Overlay Header ---------------------------- */

.overlay-header #site-header {
	background: transparent;
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
}

.overlay-header .header-inner {
	color: #fff;
}

.overlay-header .site-description,
.overlay-header .toggle {
	color: inherit;
}

.overlay-header .header-inner .toggle-wrapper::before {
	background-color: currentColor;
	opacity: 0.25;
}

.admin-bar.overlay-header #site-header {
	top: 32px;
}

@media (max-width: 782px) {

	.admin-bar.overlay-header #site-header {
		top: 46px;
	}
}

/* Header Navigation ------------------------- */

.header-navigation-wrapper {
	display: none;
}

/* Header Toggles ---------------------------- */

.header-toggles {
	display: none;
}

.header-inner .toggle {
	align-items: center;
	display: flex;
	overflow: visible;
	padding: 0 2rem;
	background: #fff;
border: none;
}

.header-inner .toggle svg {
	display: block;
	position: relative;
	z-index: 1;
}

.header-inner .toggle path {
	fill: currentColor;
}

.toggle-inner {
	display: flex;
	justify-content: center;
	//height: 2.3rem;
	position: relative;
}

.toggle-icon {
	display: block;
	overflow: hidden;
}

.toggle-inner .toggle-text {
	color: #6d6d6d;
	//font-size: 1rem;
	font-weight: 600;
	position: absolute;
	top: calc(100% + 0.5rem);
	width: auto;
	white-space: nowrap;
	word-break: break-all;
}

.overlay-header .toggle-text {
	color: inherit;
}

.header-inner .toggle:focus .toggle-text,
.header-inner .toggle:hover .toggle-text {
	text-decoration: underline;
}

/* Search Toggle ----------------------------- */

.search-toggle {
	//position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
}

.search-toggle .toggle-text {
	display: none;
}

.search-toggle .toggle-icon,
.search-toggle svg {
	height: 1.5rem;
	max-width: 2rem;
	width: 1.5rem;
}

/* Navigation Toggle ------------------------- */

.nav-toggle {
	//position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	width: 6.6rem;
}

.nav-toggle .toggle-icon,
.nav-toggle svg {
	height: 0.8rem;
	width: 2rem;
}

.nav-toggle .toggle-inner {
	padding-top: 0.8rem;
}

/* Primary Menu ---------------------------- */

.primary-menu-wrapper {
	display: none;
}

ul.primary-menu {
	display: flex;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: -0.0277em;
	flex-wrap: wrap;
	//justify-content: flex-end;
	margin: -0.8rem 0 0 -1.6rem;
}

.primary-menu .icon {
	display: block;
	height: 0.7rem;
	position: absolute;
	pointer-events: none;
	transform: rotate(-45deg);
	width: 1rem;
}

.primary-menu .icon::before,
.primary-menu .icon::after {
	content: "";
	display: block;
	background-color: #111;
	position: absolute;
	bottom: calc(50% - 0.1rem);
	left: 0;
}

.primary-menu .icon::before {
	height: 0.7rem;
	width: 0.2rem;
}

.primary-menu .icon::after {
	height: 0.2rem;
	width: 0.7rem;
}

.primary-menu li {
	font-size: 0.9rem;
	line-height: 1.25;
	position: relative;
}

.primary-menu > li {
	margin: 0.8rem 0 0 1.6rem;
	color: #111 !important;
	list-style-type: none;
}

.primary-menu > li > a {
	color: #111 !important;
}

.primary-menu > li.menu-item-has-children > a {
	padding-right: 1.3rem;
	
}

.primary-menu > li > .icon {
	right: -0.5rem;
	top: calc(50% - 0.4rem);
}

.primary-menu a {
	color: inherit;
	display: block;
	line-height: 1.2;
	text-decoration: none;
	word-break: normal;
	word-wrap: normal;
}

.primary-menu a span {
	display: block;
}


.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
	text-decoration: underline;
}

.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
	text-decoration: underline;
}

.primary-menu li.current-menu-item > a:hover,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:hover,
.primary-menu li.current-menu-item > a:focus,
.primary-menu li.current-menu-item > .link-icon-wrapper > a:focus {
	text-decoration: none;
}

/* SUB MENU */

.primary-menu ul {
	background: #000;
	border-radius: 0.4rem;
	color: #fff;
	font-size: 1.7rem;
	opacity: 0;
	padding: 1rem 0;
	position: absolute;
	right: 9999rem;
	top: calc(100% + 2rem);
	transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s;
	transform: translateY(0.6rem);
	width: 20rem;
	z-index: 1;
}

.primary-menu li.menu-item-has-children:hover > ul,
.primary-menu li.menu-item-has-children:focus > ul,
.primary-menu li.menu-item-has-children.focus > ul {
	right: 0;
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.15s linear, transform 0.15s linear;
}

.primary-menu ul::before,
.primary-menu ul::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
}

.primary-menu ul::before {
	height: 2rem;
	left: 0;
	right: 0;
}

.primary-menu ul::after {
	border: 0.8rem solid transparent;
	border-bottom-color: #000;
	right: 1.8rem;
}

.primary-menu ul a {
	background: transparent;
	border: none;
	color: inherit;
	display: block;
	padding: 1rem 2rem;
	transition: background-color 0.15s linear;
	width: 100%;
}

.primary-menu ul li.menu-item-has-children > a {
	padding-right: 4.5rem;
}

.primary-menu ul li.menu-item-has-children .icon {
	position: absolute;
	right: 1.5rem;
	top: calc(50% - 0.5rem);
}

/* DEEP DOWN */

.primary-menu ul ul {
	top: -1rem;
}

.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children:focus > ul,
.primary-menu ul li.menu-item-has-children.focus > ul {
	right: calc(100% + 2rem);
}

.primary-menu ul ul::before {
	bottom: 0;
	height: auto;
	left: auto;
	right: -2rem;
	top: 0;
	width: 2rem;
}

.primary-menu ul ul::after {
	border-bottom-color: transparent;

	/*rtl:ignore*/
	border-left-color: #000;
	bottom: auto;
	right: -1.6rem;
	top: 2rem;
}

.rtl .primary-menu ul ul::after {
	transform: rotate(180deg);
}

/*
 * Enable nav submenu expansion with tapping on arrows on large-viewport
 * touch interfaces (e.g. tablets or laptops with touch screens).
 * These rules are supported by all browsers (>IE11) and when JS is disabled.
 */
@media (any-pointer: coarse) {

	.primary-menu > li.menu-item-has-children > a {
		padding-right: 0;
		margin-right: 2rem;
	}

	.primary-menu ul li.menu-item-has-children > a {
		margin-right: 4.5rem;
		padding-right: 0;
		width: unset;
	}

}

/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
body.touch-enabled .primary-menu > li.menu-item-has-children > a {
	padding-right: 0;
	margin-right: 2rem;
}

body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
	margin-right: 4.5rem;
	padding-right: 0;
	width: unset;
}

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

/*	5. Menu Modal
/* -------------------------------------------------------------------------- */


.menu-modal {
	background: #fff;
	display: none;
	opacity: 0;
	overflow-y: auto;
	overflow-x: hidden;
	position: fixed;
	bottom: 0;
	left: -99999rem;
	right: 99999rem;
	top: 0;
	transition: opacity 0.25s ease-in, left 0s 0.25s, right 0s 0.25s;
	z-index: 99;
}

.admin-bar .menu-modal {
	top: 32px;
}

@media (max-width: 782px) {

	.admin-bar .menu-modal {
		top: 46px;
	}
}

.menu-modal.show-modal {
	display: flex;
}

.menu-modal.active {
	left: 0;
	opacity: 1;
	right: 0;
	transition: opacity 0.25s ease-out;
}

.menu-modal-inner {
	background: #fff;
	display: flex;
	justify-content: stretch;
	overflow: auto;
	-ms-overflow-style: auto;
	width: 100%;
}

.menu-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

button.close-nav-toggle {
	align-items: center;
	display: flex;
	font-size: 1.6rem;
	font-weight: 500;
	justify-content: flex-end;
	padding: 3.1rem 0;
	width: 100%;
}

button.close-nav-toggle svg {
	height: 1.6rem;
	width: 1.6rem;
}

button.close-nav-toggle .toggle-text {
	margin-right: 1.6rem;
}

.menu-modal .menu-top {
	flex-shrink: 0;
}

@media ( min-width: 1000px ) {


	/* Document Setup ------------------------ */

	/* Helper Classes ------------------------ */

	/* Site Header --------------------------- */

	

	/* HEADER NAVIGATION */
	
	.header-inner {
	display: flex;
}

	.header-navigation-wrapper {
		align-items: center;
		display: flex;
	}

	.primary-menu-wrapper {
		display: block;
		width: 100%;
	}

	/* HEADER TOGGLES */

	.mobile-search-toggle,
	.mobile-nav-toggle {
		display: none !important;
	}

	.primary-menu-wrapper + .header-toggles {
		//margin-left: 3rem;
	}

	.header-toggles {
		display: flex;
		flex-shrink: 0;
		//margin-right: -3rem;
	}

	.header-inner .toggle {
		height: 4.4rem;
		padding: 0 3rem;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		top: auto;
		width: auto;
	}

	.header-inner .toggle-wrapper {
		position: relative;
	}

	.header-inner .toggle-wrapper::before {
		background: #dedfdf;
		content: "";
		display: block;
		height: 2.7rem;
		position: absolute;
		left: 0;
		top: calc(50% - 1.35rem);
		width: 0.1rem;
	}

	.header-inner .toggle-wrapper:first-child::before {
		content: none;
	}

	.header-inner .primary-menu-wrapper + .header-toggles .toggle-wrapper:first-child::before {
		content: "";
	}

	.nav-toggle-wrapper:not(.has-expanded-menu) {
		display: none;
	}

	.toggle-inner {
		position: static;
	}

	.toggle-inner .toggle-text {
		left: 0;
		right: 0;
		text-align: center;
		top: calc(100% - 0.3rem);
		width: auto;
	}

	.header-toggles:only-child .nav-toggle .toggle-inner {
		padding-top: 0;
	}

	.header-toggles:only-child .toggle-inner {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}

	.header-toggles:only-child .toggle-inner .svg-icon {
		order: 1;
	}

	.header-toggles:only-child .toggle-inner .toggle-text {
		position: static;
		padding-right: 20px;
		font-size: 15px;
		color: inherit;
	}

	/* Menu Modal ---------------------------- */

	.menu-modal {
		opacity: 1;
		justify-content: flex-end;
		padding: 0;
		transition: background-color 0.3s ease-in, left 0s 0.3s, right 0s 0.3s;
	}

	.menu-modal.cover-modal {
		background: rgba(0, 0, 0, 0);
	}

	.menu-modal.active {
		background: rgba(0, 0, 0, 0.2);
		transition: background-color 0.3s ease-out;
	}

	.menu-wrapper.section-inner {
		width: calc(100% - 8rem);
	}

	.menu-modal-inner {
		box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.1);
		opacity: 0;
		padding: 0;
		transform: translateX(20rem);
		transition: transform 0.2s ease-in, opacity 0.2s ease-in;
		width: 50rem;
	}

	.menu-modal.active .menu-modal-inner {
		opacity: 1;
		transform: translateX(0);
		transition-timing-function: ease-out;
	}

	.mobile-menu {
		display: none;
	}

	.expanded-menu {
		display: block;
	}

	.menu-bottom {
		padding: 6rem 0;
	}

	.menu-bottom .social-menu {
		justify-content: flex-start;
	}

	/* Sub Page ------------------------------ */

	/* FEATURED MEDIA */

	.featured-media figcaption {
		width: 100%;
	}

	/* Template: Full Width ------------------ */

	.template-full-width .wp-block-image .alignleft {

		/*rtl:ignore*/
		margin-right: 2rem;
	}

	.template-full-width .wp-block-image .alignright {

		/*rtl:ignore*/
		margin-left: 2rem;
	}

	/* Post: Archive ------------------------- */

	/* Post: Single -------------------------- */

	.singular .intro-text {
		font-size: 2.8rem;
	}
}


/* Main Menu --------------------------------- */

.modal-menu {
	position: relative;
	left: calc(50% - 50vw);
	width: 100vw;
}

.modal-menu li {
	border-color: #dedfdf;
	border-style: solid;
	border-width: 0.1rem 0 0 0;
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
	justify-content: flex-start;
	margin: 0;
}

.modal-menu > li > a,
.modal-menu > li > .ancestor-wrapper > a {
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: -0.0375em;
}

.modal-menu > li:last-child {
	border-bottom-width: 0.1rem;
}

.modal-menu .ancestor-wrapper {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.modal-menu a {
	display: block;
	padding: 2rem 2.5rem;
	text-decoration: none;
	width: 100%;
}

.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
	text-decoration: underline;
}

button.sub-menu-toggle {
	border-left: 0.1rem solid #dedfdf;
	flex-shrink: 0;
	margin: 1rem 0;
	padding: 0 2.5rem;
}

button.sub-menu-toggle svg {
	height: 0.9rem;
	transition: transform 0.15s linear;
	width: 1.5rem;
}

button.sub-menu-toggle.active svg {
	transform: rotate(180deg);
}

.modal-menu ul {
	display: none;
	margin: 0;
	width: 100%;
}

.modal-menu ul li {
	border-left-width: 1rem;
}

.modal-menu ul li a {
	color: inherit;
	font-weight: 500;
}

/* Main menu animation ----------------------- */

.menu-wrapper .menu-item {
	position: relative;
}

.menu-wrapper .active {
	display: block;
}

.menu-wrapper.is-toggling {
	pointer-events: none;
}

.menu-wrapper.is-toggling .menu-item {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
}

.menu-wrapper.is-toggling .menu-bottom .social-menu .menu-item {
	width: auto;
}

.menu-wrapper.is-animating .menu-item,
.menu-wrapper.is-animating .toggling-target {
	transition-duration: 250ms;
}

.menu-wrapper.is-animating .menu-item {
	transition-property: transform;
}

.menu-wrapper.is-toggling .toggling-target {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
}

.menu-wrapper.is-toggling .toggling-target.active {
	opacity: 0;
}

.menu-wrapper.is-animating.is-toggling .toggling-target {
	display: block;
	transition-property: opacity;
	opacity: 0;
}

.menu-wrapper.is-animating.is-toggling .toggling-target.active {
	opacity: 1;
}

.menu-wrapper.is-toggling .modal-menu > li:last-child li {
	border-top-color: transparent;
	border-bottom-width: 0.1rem;
}

@media (prefers-reduced-motion: reduce) {

	.menu-wrapper.is-animating .menu-item,
	.menu-wrapper.is-animating .toggling-target {
		transition-duration: 1ms !important;
	}

}


/* Expanded Menu ----------------------------- */

.expanded-menu {
	display: none;
}

.mobile-menu {
	display: block;
}


/* Menu Bottom ------------------------------- */

.menu-bottom {
	flex-shrink: 0;
	padding: 4rem 0;
}

.menu-bottom nav {
	width: 100%;
}

.menu-copyright {
	display: none;
	font-size: 1.6rem;
	font-weight: 500;
	margin: 0;
}

.menu-copyright a:focus,
.menu-copyright a:hover {
	text-decoration: underline;
}

.menu-bottom .social-menu {
	justify-content: center;
}


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

/*	6. Search Modal
/* -------------------------------------------------------------------------- */


.search-modal {
	background: rgba(0, 0, 0, 0.2);
	display: none;
	opacity: 0;
	position: fixed;
	bottom: 0;
	left: -9999rem;
	top: 0;
	transition: opacity 0.2s linear, left 0s 0.2s linear;
	width: 100%;
	z-index: 999;
}

.admin-bar .search-modal.active {
	top: 32px;
}

@media (max-width: 782px) {

	.admin-bar .search-modal.active {
		top: 46px;
	}
}

.search-modal-inner {
	background: #fff;
	transform: translateY(-100%);
	transition: transform 0.15s linear, box-shadow 0.15s linear;
}

.search-modal-inner .section-inner {
	display: flex;
	justify-content: space-between;
	max-width: 168rem;
}

.search-modal.active {
	left: 0;
	opacity: 1;
	transition: opacity 0.2s linear;
}

.search-modal.active .search-modal-inner {
	box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.08);
	transform: translateY(0);
	transition: transform 0.25s ease-in-out, box-shadow 0.1s 0.25s linear;
}

button.search-untoggle {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	margin-right: -2.5rem;
	padding: 0 2.5rem;
}

.search-modal button.search-untoggle {
	color: inherit;
}

.search-modal.active .search-untoggle {
	animation: popIn both 0.3s 0.2s;
}

.search-untoggle svg {
	height: 1.5rem;
	transition: transform 0.15s ease-in-out;
	width: 1.5rem;
}

.search-untoggle:focus svg,
.search-untoggle:hover svg {
	transform: scale(1.15);
}


/* Modal Search Form ------------------------- */

.search-modal form {
	margin: 0;
	position: relative;
	width: 100%;
}

.search-modal .search-field {
	background: none;
	border: none;
	border-radius: 0;
	color: inherit;
	font-size: 2rem;
	letter-spacing: -0.0277em;
	height: 8.4rem;
	margin: 0 0 0 -2rem;
	max-width: calc(100% + 2rem);
	padding: 0 0 0 2rem;
	width: calc(100% + 2rem);
}

.search-modal .search-field::-webkit-input-placeholder {
	color: inherit;
}

.search-modal .search-field:-ms-input-placeholder {
	color: inherit;
}

.search-modal .search-field::-moz-placeholder {
	color: inherit;
	line-height: 4;
}

.search-modal .search-submit {
	position: absolute;
	right: -9999rem;
	top: 50%;
	transform: translateY(-50%);
}

.search-modal .search-submit:focus {
	right: 0;
}


/* Cover Modals ------------------------------ */

.cover-modal {
	display: none;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

.cover-modal::-webkit-scrollbar {
	display: none !important;
}

.cover-modal.show-modal {
	display: block;
	cursor: pointer;
}

.cover-modal.show-modal > * {
	cursor: default;
}



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

/*	7. site-content
/* -------------------------------------------------------------------------- */


.main a {
	color: #ee9a16 !important;
}

#site-content, .siteContent {
	padding: 1rem;
}


@media (min-width: 1000px) {
	#site-content, .siteContent {
		width: 80%;
		margin: auto;
	}
}

/*
.boxWidth80 {
	width: 80%;
	margin: 0px auto;
	padding: 2rem 1rem;
	
}
*/

.topBando {
	border-bottom: solid 1px #aaa;
  	padding: 1rem;
}

.topBando .lienTopTop a {
	color: #212121;
	text-decoration: none;
	font-size: 0.87rem;
}

.topBando .lienTopTop a:hover {
	color: #2b5493;
	text-decoration: none;
	font-size: 0.87rem;
}

.topTel {
	text-decoration: none;
  padding: 0.5rem 1rem;
  background: #1dbed0;
  border-radius: 1rem;
  color: #fff !important;
  vertical-align: middle;
}

.topClient {
	text-decoration: none;
  padding: 0.5rem 1rem;
  background: #2b5493;
  border-radius: 1rem;
  color: #fff !important;	
}

.lienTopTop {
	display:none;
}
@media (min-width: 1000px) {
.lienTopTop {
	display:block;
}
}



.alignRight {
	text-align: right;
}

.topGuide .boxWidth80,
.gradient1 .boxWidth80,
.avis .boxWidth80, 
.garantie .boxWidth80,
.avantage .boxWidth80,
.tarif .boxWidth80, 
.pourqui .boxWidth80,
.content-area .boxWidth80  {
	width: 80%;
	margin: 0px auto;
	
} 

.bandoTop {
	width: 100%;
	height: 325px;
	background-image: url(/wp-content/uploads/2025/09/prev4.jpg);
}

.bandoTopMed {
	width: 100%;
	height: 325px;
	background-image: url(https://assurances-prevoyance.com/wp-content/themes/twentytwenty-child/images/medecin-prevoyance-3.jpg);
	background-position: 90% 10%;
}

.heroContent {
	padding-top: 30px;
}

h1 {
	font-size: 2.3rem;
	font-weight: 800;
	line-height: 2.5rem;
	width: 80%;
	margin: 2rem auto;
	color: #032438;
	word-break: break-word;
}
@media (min-width: 1000px) {
	h1 {
		font-size: 2.5rem;
	}
}



.h2Home {
	font-size: 2.5em;
	font-weight: 900;
	line-height: 3rem;
	color: #1dbed0;
	text-align: center;
}
@media (min-width: 1000px) {
	.h2Home {
		font-size: 3em;
}
}

.h2Home-B {
	font-size: 3em;
	font-weight: 900;
	color: #12bdf2;
	margin: 0 0 2rem 0;
	text-align: center;
}

h2 {
	font-size: 1.8rem;
	font-weight: 800;
	padding: 1rem 0;
	line-height: 2.3rem;
	//margin: 0;
}

h3 {
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 2rem;
}

h4 {
	font-size: 1.3rem;
	font-weight: 800;
}

.pHome {
	font-size: 2em;
	text-align: center;
	color: #fff;
	padding-top: 1rem;
}


.sousBandoTop {
	padding: 0px 0 50px 0;
	background-color: aliceblue;
}

.sousBandoTop::before {
  content: "";
  display: table;
}

.ssBoxBandoTop {
	display: block;
	width: 80%;
	margin: -3em auto 0 auto;
	background-color: #fff;
	border-radius: 20px;
	padding: 50px 20px	
}
@media (min-width: 1000px) {
	.ssBoxBandoTop {
		display: flex;
	}
}




@media (min-width: 1000px) {
	.boxFormTop, .formetape {
		width: 50%;
	}
}




/*****************/

	
	.LPList {
	  font-size: 1.5rem;
	  color: #fff;
	  font-weight: 700;
	  margin: 1rem 0;
	}

	.LPList span {
	  color: #c1f224 !important;
	}
	.LPList .bullet-icon {
	  width: 2rem;
	  vertical-align: middle;
	}

	.LPList img {
	  width: 120px;
	  border-radius: 1rem;
	  vertical-align: middle;
	}

	.LPfxTitle {
	  font-size: 2.2rem;
	  padding: 3rem 3rem 0 3rem;
	  text-align: center;
	  color: #fff;
	  font-weight: 700;
	  line-height: 2.5rem;
	  margin-bottom: 3rem;
	}
	@media only screen and (min-width: 1000px) {
		.LPfxTitle {
			margin-bottom: 0;
			font-size: 2.5rem;
			line-height: 3rem;
		}
	}


	.LPfxTitle img {
		width: 80px;
		border-radius: 80px;
		vertical-align: middle;
	}

	h1.LPfxTitle {
		margin: 0 auto;
	}


	/***********************************/


.txtFormTop {
	margin-top: 2rem;
	font-size: 2.5em;
	font-weight: 900;
	color: #1dbed0;
	margin-bottom: 2rem;
  	line-height: 3rem;
}
@media (min-width: 1000px) {
	.txtFormTop {
		font-size: 3em;
	}
}

.txtFormTop2 {
	font-size: 2.5em;
	font-weight: 900;
	line-height: 3rem;
	color: #f2ba12;
}
@media (min-width: 1000px) {
	.txtFormTop2 {
	font-size: 3em;
}
}



.devisTop{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  width:80%;
  margin:50px auto;
  background:#fff;
  border-radius:20px;
  padding:20px;
  box-sizing:border-box;
}

/* chaque carte prend toute sa colonne */
.devisTop > .btnDevTop{
  width:100%;
  min-width:0;             /* évite que le contenu force la largeur */
  box-sizing:border-box;
}

/* carte */
.btnDevTop{
  display:flex;
  flex-direction:column;
  align-items:center;      /* centre l’image et le bouton */
  gap:10px;
  padding:12px 14px;
  /* border:1px solid #e6e6e6; */
  border-radius:8px;
  background:#fff;
}

/* image */
.btnDevTop img{
  width:80px;
  height:auto;
  display:block;
  margin:0 auto;           /* centrée */
}

/* lien bouton (plein largeur + texte centré) */
.btnDevTop a{
  display:block;
  width:100%;              /* prend toute la largeur de la carte */
  text-align:center;       /* centre le texte */
  text-decoration:none;
  color:#1a1a1a !important;
  font-weight:600;
  line-height:1.25;
  background:#f2ba12;
  padding:0.5rem;
  border-radius:6px;
  box-sizing:border-box;
  word-break:break-word;
}

/* hover */
.btnDevTop:hover{
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}

/* responsive */
@media (max-width:768px){
  .devisTop{ 
	grid-template-columns:repeat(2,1fr); 
	width: 100%; 
	gap: 0;
	border-radius: 0;
}
  .btnDevTop img{ width:70px; }
}












/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*   NOUVELLE LP */
/*********************************************************************/

.header-container {
	display: block;
	width: calc(100% - 40px);
	padding: 20px;
	
  }

  @media only screen and (min-width: 768px) {
	.header-container {
		display: grid;
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	  }
  }
  
  .logo-col {
	text-align: center;
  }
  @media only screen and (min-width: 768px) {
	.logo-col {
		text-align: left;
	  }
  }
  
  .logoLeP {
	max-height: 60px;
	height: auto;
  }
  
  .title-col {
	grid-column: 2 / 3;
	text-align: center;
  }
  
  .fxTitleTop.lpTitleTop {
	margin: 1rem 0;
	font-size: 3rem;
  }
  
  .lpTitleTop {
	color: #032438 !important;
	text-align: center;
	font-size: 3rem;
	font-family: Poppins, sans_serif;
	line-height: 3rem;
}
@media only screen and (min-width: 768px) {
	.lpTitleTop {
		line-height: 2rem;
	}
}
  
  
  
  

.logoLeP {
	width: 200px;
}

.page-template-page-infirmier-LP .site-header,
.page-template-page-prof-sante-demgen-LP .site-header {
	display: none;
}

.imgBackLP {
	background-image: url(https://assurances-prevoyance.com/wp-content/themes/twentynineteen-child/images/infirmiere-2025.jpg);
}

	.formetapeBlanc {
		background: #fff;
		border-radius: 20px;
		box-shadow: 0 20px 40px rgba(0,0,0,0.1);
		overflow: hidden;

	 } 

	 .formetapeBleu {
		background: #2b5493;
		border-radius: 20px;
		box-shadow: 0 20px 40px rgba(0,0,0,0.1);
		overflow: hidden;

	 } 


	.form-card {
		padding: 30px;
	}
	
	.step-indicators {
		display: flex;
		justify-content: center;
		//margin-bottom: 40px;
	}
	
	.step-indicator {
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background: #e0e0e0;
		margin: 0 0.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		transition: all 0.3s ease;
	}
	
	.step-indicator.active {
		background: #4facfe;
		color: white;
	}
	
	.step-indicator.completed {
		background: #00ff88;
		color: white;
	}
	
	.step-indicator.completed::after {
		content: "✓";
		font-weight: bold;
	}
	
	.form-step {
		display: none;
		animation: fadeIn 0.5s ease;
	}
	
	.form-step.active {
		display: block;
	}
	
	@keyframes fadeIn {
		from { opacity: 0; transform: translateX(20px); }
		to { opacity: 1; transform: translateX(0); }
	}
	
	.form-title {
		text-align: center;
		color: #333;
		margin-bottom: 30px;
		font-size: 1.5rem;
	}

	.formetapeBleu .form-title{
		text-align: center;
		color: #fff;
		margin-bottom: 30px;
		font-size: 1.5rem;
	}
	
	.radio-group {
		display: flex;
		gap: 20px;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.radio-option {
		//flex: 1;
		//min-width: 150px;
	}
	
	.radio-option input[type="radio"] {
		display: none;
	}
	
	.radio-option label {
		display: block;
		padding: 20px;
		border: 2px solid #e0e0e0;
		border-radius: 15px;
		text-align: center;
		cursor: pointer;
		transition: all 0.3s ease;
		background: white;
	}
	
	.radio-option label:hover {
		border-color: #4facfe;
		transform: translateY(-2px);
		box-shadow: 0 5px 15px rgba(79, 172, 254, 0.2);
	}
	
	.radio-option input[type="radio"]:checked + label {
		border-color: #4facfe;
		background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
		color: white;
	}
	
	.radio-icon {
		font-size: 2rem;
		margin-bottom: 10px;
	}
	

	.caisseEtape {
  display: flex;
  flex-wrap: wrap;
}
   
	.caisseEtape input[type="radio"] {
		display: none;
	}
	
	.caisseEtape label {
		border: solid 2px #eee !important;
		border-radius: 1rem;
		padding: 10px;
		width: auto;
	}

	
	.caisseEtape label:hover {
		background-color: #4facfe;
		box-shadow: 0 2px 10px rgba(79, 172, 254, 0.2);
		border: solid 2px #4facfe !important;
		color: #fff;
	}
	
	.caisseEtape input[type="radio"]:checked + label {
		border-color: #4facfe;
		background: #4facfe;
		border: solid 2px #4facfe !important;
		color: #fff;
	}
	
	.caisseEtape img {
		width: 40px;
		height: 40px;
		object-fit: contain;
		margin-left: 10px;
	}
	
	.form-group {
		margin-bottom: 10px;
	}
	
	.form-group label {
		display: block;
		margin-bottom: 8px;
		color: #333;
		font-weight: 600;
	}

	.formetapeBleu .form-group label {
		display: block;
		margin-bottom: 8px;
		color: #fff;
		font-weight: 600;
	}
	
	
	.form-group input,
	.form-group select {
		width: 90%;
		padding: 9px 15px;
		border: 2px solid #e0e0e0;
		border-radius: 10px;
		font-size: 16px;
		transition: border-color 0.3s ease;
	}
	
	.form-group input:focus,
	.form-group select:focus {
		outline: none;
		border-color: #4facfe;
		box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.1);
	}

	.form-group-flex {
		display: block;
	}
	@media only screen and (min-width: 768px) {
		.form-group-flex {
			display: flex;
			justify-content: space-between;
			//margin-top: 20px;
			gap: 15px;
		}
	}

	.form-group-flex .form-group {
		flex: 1;
	}
	
	.form-buttons {
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
		gap: 15px;
	}
	
	.btn {
		padding: 15px 10px;
		border: none;
		border-radius: 10px;
		font-size: 16px;
		font-weight: 600;
		cursor: pointer;
		transition: all 0.3s ease;
		flex: 1;
	}
	@media only screen and (min-width: 768px) {
		.btn {
			padding: 15px 30px;
			
		}
	}
	
	.btn-secondary {
		background: #6c757d;
		color: white;
	}
	
	.btn-secondary:hover {
		background: #5a6268;
		transform: translateY(-2px);
	}
	
	.btn-primary {
		background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
		color: white;
	}
	
	.btn-primary:hover {
		transform: translateY(-2px);
		box-shadow: 0 5px 15px rgba(79, 172, 254, 0.4);
	}
	
	.btn-success {
		background: linear-gradient(135deg, #00ff88 0%, #00d4aa 100%);
		color: white;
		height: auto;
	}
	
	.btn-success:hover {
		transform: translateY(-2px);
		box-shadow: 0 5px 15px rgba(0, 255, 136, 0.4);
	}


	.btnPrevStick {
	padding: 1rem;
	
	display: block;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: 600;
	border-radius: 1rem;
	background: #30b52c;
}
@media (min-width: 1000px) {
	.btnPrevStick {
		width: 50%;
		margin: 0 1rem;
	}
}

.btnPrevStick2 {
	padding: 1rem;
	margin: 2.8rem auto 2.8rem auto;
	width: 100%;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: 600;
	border-radius: 1rem;
}
@media (min-width: 1000px) {
	.btnPrevStick2 {
		width: 50%;
	}
}



.btnPrev2 {
	display: block;
	text-align: center;
	padding: 1rem;
	background: #fff;
	margin: 2rem auto;
	text-decoration: none;
	color: #212121;
	font-size: 1.2rem;
	border-radius: 1rem;
}
@media (min-width: 1000px) {
.btnPrev2 {	
	width: 50%;
	margin: auto;
}
}



	.LPPage {
		background: #fafafa;
		font-family: Poppins, sans_serif;
	}

	.boxWidth80 {
		width: 94%;
		margin: 0px auto;
		box-sizing: border-box;
	}
	@media (min-width: 1000px) {
	.boxWidth80 {
		width: 80%;
		margin: 0px auto;
	}	
	}

	@media (min-width: 1536px) {
		.boxWidth80 {
			width: 70%;
			margin: 0px auto;
		}	
		}

	
	.boxTopLPFlex {
		display: block;
		width: 90%;
		margin: auto;
		padding: 0;
	}
	@media only screen and (min-width: 768px) {
		.boxTopLPFlex {
			display: flex;
			padding: 3rem 0;
		}
	}
	@media only screen and (min-width: 1536px) {
		.boxTopLPFlex {
			width: 70%;
			display: flex;
			padding: 3rem 0;
		}
	}

	.sousBandoTopInf {
			background-image: url(https://assurances-prevoyance.com/wp-content/uploads/2025/09/infirmiere-2025.jpg);
			//background-position: left;
	}

	.sousBandoTopGM {
		background-image: url(https://assurances-prevoyance.com/wp-content/uploads/2025/09/gerant-majoritaire-top.jpg);
		background-position: left;
	}

	.sousBandoTopMH {
		background-image: url(https://assurances-prevoyance.com/wp-content/uploads/2025/09/medecin-hospitalier-prevoyance.jpg);
		background-position: right;
	}

	.sousBandoTopGrosses {
		background-image: url(https://assurances-prevoyance.com/wp-content/uploads/2025/09/prevoyance-maternite.jpg);
		background-position: right;
	}

	.sousBandoTopMed {
		background-image: url(https://assurances-prevoyance.com/wp-content/uploads/2025/10/top-prev-medecin-lp.jpg);
		background-position: top right;
	}
	


	.divsombre {
		background: rgba(0,0,0,0.6);
		padding: 0 0 2rem 0;
		height: 100%;
	}
	@media only screen and (min-width: 768px) {
		.divsombre {
			padding: 0;
		}
	}

	.divsombre2 {
		background: #1dbed0;
		padding: 0 0 2rem 0;
	}
	@media only screen and (min-width: 768px) {
		.divsombre2 {
			padding: 0;
		}
	}

	

	@media only screen and (min-width: 768px) {
		.boxFormTop {
			padding-top: 2rem !important;
		}
	}


.marquee-wrapper {
  width: 100%;
  overflow: hidden;
  background: #fff; /* facultatif */
  padding: 10px 0;
}

.marquee {
  display: flex;
  gap: 2rem;
  width: max-content;
  animation: scroll-left 30s linear infinite;
}

.marquee img {
  height: 50px;
  width: auto;
  object-fit: contain;
}

/* Animation */
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}


	.cieLogo img {
		height: 50px;
	}
	@media only screen and (min-width: 1000px) {
		.cieLogo img {
				height: 60px;
			}
	}


	.GaranTopLP {
		display: block;
		gap: 2rem;
	}
	@media only screen and (min-width: 768px) {
		.GaranTopLP {
			display: flex;
			gap: 2rem;
		}
	}

	.boxGarantieLP {
		//display: inline-block;
		width: calc(100% - 2rem);
		margin: 0.5%;
			margin-bottom: 0.5%;
		text-align: left;
		background-color: #fff;
		padding: 1rem;
		margin-bottom: 2rem;
		//box-shadow: 0 0 20px 0 rgba(11,16,79,.1);
		border-radius: 1rem;
		border: solid 1px #aaa;
	}


	.fxH3LP  {
		font-size: 1.1em;
		font-weight: 600;
		margin-bottom: 20px;
		//color: #2b5493;
	  }

	  .fxH3LP img {
		display: inline-block;
		width: 7%;
		filter: invert(59%) sepia(40%) saturate(1165%) hue-rotate(155deg) brightness(97%) contrast(96%);
		margin-right: 2%;
		vertical-align: top;
	  }

	.avantageLP {
		background: #1dbed0;
		padding: 1rem;
	}

	.avantageLP .flex {
		margin-top: 2rem;
	}

	.avantageLP .flex img {
		width: 70px;
		margin-bottom: 1rem;
	  }

	  .avantageLP .flex span {
		display: block;
	  }

	  .avantageLP .flex div {
		font-size: 1.2em;
		color: #fff;
		font-weight: 600;
		text-align: center;
		margin-bottom: 2rem;
	  }
	  @media (min-width: 1000px) {
		.avantageLP .flex div {
		  width: 25%;
		  margin: 0px 1%;
		}
	  }

			

	.h2centerLP {
		text-align: center;
		font-size: 2em;
		line-height: 2rem;
		color: #032438 !important;
		padding-top: 2rem;
	}



	.bullet-points-prevoyance {
		display: flex;
		flex-direction: column;
		gap: 20px;
		max-width: 500px;
		}

		.bullet-item {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		font-size: 16px;
		line-height: 1.5;
		color: #212121;
		}

		.check-icon {
		width: 20px;
		height: 20px;
		fill: #00A86B; /* vert performant, modifiable */
		flex-shrink: 0;
		margin-top: 5px;
		}

		.flexGap2 {
			gap: 2rem;
		}

		.flex1 {
			flex: 1;
		}

		.exclu {
			border: solid 1px #aaa;
			padding: 1rem;
			border-radius: 1rem;
			margin-bottom: 1rem;
			background: aliceblue;
		}

		.exclu h4 {
			font-size: 1.2rem;
			margin: 0 0 1rem 0;
			color: #032438;
		}

		.flexImgTxtLP {
			display: block;
			background: #faebd7;
		}
		@media only screen and (min-width: 768px) {
			.flexImgTxtLP {
				display: flex;
				gap: 2rem;
				justify-content: center;
				align-items: center;
			}
		}


		.flexImgTxtLP img {
			width: 100%;
		}
		@media only screen and (min-width: 768px) {
			.flexImgTxtLP img {
				flex: 0 0 40%;
				width: auto;
				max-width: 40%;
			}
		}

		.flexImgTxtLP div {
			padding: 1rem;
		}

		.h3LP {
			font-size: 1.5rem;
			color: #2b5493;
			text-align: center;
		}

		.FlexMoitie {
			width: 50%;
		}

		.img100 {
			width: 100%;
		}

		.oPerf {
			margin-bottom: 1rem;
			padding: 1rem 1rem 2rem 1rem;
			border-radius: 1rem;
			flex: 1;
			}
		.oPerfA {
			background: #5dacac;
			color: #fff;
		}

		.oPerfB {
			background: #faebd7;
			color: #212121;
		}

		.oPerfA a {
			text-decoration: none;
			color: #fff !important; 
		}

		.oPerfB a {
			text-decoration: none;
			color: #313131 !important;
		}

		.oTitre {
		   font-size: 1.3rem; 
		   font-weight: 600;
		   margin: 1rem auto;
		   text-align: center;
		}

		.fa-solid {
			font-size: 2.5rem;
			display: block !important;
			margin: 1rem auto 2rem auto;
			text-align: center;
		}

		.boxEntourLP {
			padding: 1rem;
			background: #1dbed0;
			border-radius: 1rem;
			color: #fff;
		}

		.boxEntourLP a {
			color: #111 !important;
		}


		/*********************************************************/
		/*********************************************************/
		/*********************************************************/
		/*********************************************************/





/*********** FLEX  ******************************/

.flex {
	display: block;	
}

@media (min-width: 1000px) {
	.flex {
	display: flex;	
}
}

.flexitem1 {
	flex: 1;
	
}

.boxFlex1 {
	padding: 0 1rem;
	border-radius: 20px;
}

@media (min-width: 1000px) {
	.boxFlex1 {
		flex: 1;
		margin: 0 1%;
	}
}

.boxFlex1 img {
	display: block;
	margin: 10px auto;
}



.sectionColor {
	background-color: #eee;
	margin: 50px 0;
	padding: 0px;
}
@media (min-width: 1000px) {
	.sectionColor {
		padding: 50px;
}
}


.flex50 {
	width: 100%;
	margin: 1rem auto;	
}
@media (min-width: 1000px) {
.flex50 {
	width: 50%;	
	margin: auto;
}
}


.flex50:first-child {
	margin-right: 1rem;
}


@media (min-width: 1000px) {
	.flex50:last-child {
		margin-left: 1rem;
	}
}

.flex50 img {
	width: 100%;
}


@media (min-width: 1000px) {
	.flex62{
	width: 62%;	
}
}


@media (min-width: 1000px) {
.flex38 {
	width: 38%;	
}
}

.flex38 img {
	width: 100%;
}


.flex60 {
	width: 100%;
	padding: 0 30px 0 0;
}
@media (min-width: 1000px) {
.flex60 {
	width: 60%;
}
}


.flex40 {
}
@media (min-width: 1000px) {
.flex40 {
	width: 40%;
	margin-right: 40px;
}
}

.flex40 img {
	width: 100%;
}




.btnNormal {
	display: block;
	text-decoration: none;
  	padding: 10px 5px;
  	background: #f2ba12;
  	color: #fff !important;
  	border-radius: 30px;
  	text-align: center;
}




/***** BACKGROUND COLOR ***********/

.back-bleu1 {
	background-color: #f0f8ff; /*bleu très clair*/
}

.back-bleu2 {
	background-color: #12bdf2; /*bleu clair*/
	background-color: #14bef2;
}

.back-bleu3 {
	background-color: #2b5493; /*bleu foncé*/
}

.back-orange1 {
	background-color: #f2ba12; /*orange clair*/

}

.back-orange2 {
	background-color: #f64c0e; /*orange foncé*/

}

.back-grisBleu {
	background-color: #E4E9EC; /*gris bleu*/

}



.back-noir {
	background-color: #212121;
}

.back-gris {
	background-color: #eee;
}

.back-blanc {
	background-color: #fff;
}

.back-trans {
	background-color: #212121;
}

.gradient1 {
	padding: 40px 0;
	//background: linear-gradient(to bottom, #12bdf2 0%,#1e5799 100%);
	color: #fff;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	background: #6987a6;
}

.gradient1 a {
	color: #fff !important;
}

.gradient1 h2 {
	padding: 0 !important;
}



/*************  COLOR ***********/

.color-bleu {
	color: #044680;
}

.color-orange {
	color: #f2ba12;
}

.color-white {
	color: #fff;
}

.color-black {
	color: #212121;
}

/*************  FONT WEIGHT ***********/

.fw-600 {
	font-weight: 600;
}

.fw-800 {
	font-weight: 800;
}

.fw-900 {
	font-weight: 900;
}

/*************  BOX SHADOW ***********/

.box-shadow1 {
	box-shadow: 0 0.5em 15px 0 rgba(0, 0, 0, 0.2);
}

.box-shadow2 {
	box-shadow: 0 0 20px 0 rgba(11,16,79,.1);
}


/*************  MARGE ***********/

.margin1 {
	margin: 1rem;
}

.marge-vertical1 {
	margin: 1rem auto;
}

.marge-vertical2 {
	margin: 2rem auto;
}

.marge-vertical3 {
	margin: 3rem auto;
}

.marge-vertical4 {
	margin: 4rem auto;
}

.marge-top1 {
	margin-top: 1rem;
}

.marge-top2 {
	margin-top: 2rem;
}

.marge-top3 {
	margin-top: 3rem;
}

.marge-top4 {
	margin-top: 4rem;
}


.marge-bottom1 {
	margin-bottom: 1rem;
}

.marge-bottom2 {
	margin-bottom: 2rem;
}

.marge-bottom3 {
	margin-bottom: 3rem;
}

.marge-bottom4 {
	margin-bottom: 4rem;
}

.marge-bottom8 {
	margin-bottom: 8rem;
}

/*************  PADDING ***********/

.padding1 {
	padding: 1rem;
}

.padding2 {
	padding: 2rem;
}

.padding3 {
	padding: 3rem;
}

.padding4 {
	padding: 4rem;
}

/***********************/

.textAlign {
	text-align: center;
}

/*****************************************************
*****************************************************/

.savoirplus {
	text-align: right;
	display: inline-block;
	margin-top: 1rem;
	color: #044680;
	float: right;
	padding: 0.3rem 1rem;
	//background: #044680;
	border-radius: 1rem;
	text-decoration: navajowhite;
	position: absolute;
	bottom: 10px;
	right: 20px;
}

.imgRound {
	border-radius: 1rem;
	border: solid 5px #fff;
}
@media (min-width: 1000px) {
.imgRound {
	border-radius: 100px 50px 150px 300px;
	border: solid 5px #fff;
}
}


.topGuide {
	//background: #96ce31; 
	//background-color: #81E13E;
	background-color: #E4E9EC;
	//clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 90%);
	padding-bottom: 2rem;
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	padding-top: 2rem;
}

.semiTitre {
	color: #212121;
	font-size: 1.5rem;
	font-weight: 800;
}

.minMenu a {
	text-decoration: none;
	color: #124af2;
	font-weight: 600;
}

.asavoir {
	background: #1dbed0;
	padding: 1rem;
	color: #fff;
}

.asavoir a {
	color: #212121 !important;
}

 .boxSavoir {
  padding: 20px;
  background: #f9f7f5;
  border: dashed 1px #AAA;
  border-radius: 1rem;
}

.savoirTitle {
  color: #f2ba12;
  font-size: 1.2em;
  background: #fff;
  padding: 10px;
  width: fit-content;
  text-align: center;
  border-radius: 3px;
  font-weight: 700;
}  

.enBref {
	box-shadow: 0 0em 10px 0 rgba(0, 0, 0, 0.2);
	padding: 1rem;
	margin: 2rem auto;
	clear: both;
	border-radius: 1rem;
	background: #fff;
	color: #212121;
} 


/********************/

.flexiLeft {
  background: #0C4C8A;
  padding: 10px;
  display: flex;
  align-items: center;
  color: #fff;
  border: solid 1px #aaa;
  border-radius: 10px 0 0 10px;
  font-weight: 600;
}

.flexBox {
  flex: 1 1 300px;
}

.flexiRight {
  background: #eee;
  padding: 10px;
  border: solid 1px #aaa;
  border-radius: 0 10px 10px 0;
}

/********************/

.flecheh4::before {
	content: "\279F";
	font-size: 1.3em;
	margin-right: 10px;
	color: #ffa500;
}



/********************/

.caisseProf {
	text-align: center !important;
}

.caisseProf a {
	text-decoration: none;
}

.caisseProf a span:nth-of-type(2) {
	padding: 0.5rem 2rem;
	background: #124af2;
	color: #fff;
	font-weight: 800;
}



************************************************************************




/*****************************************************
Page TNS
*****************************************************/

.pageTNS {
	background: #fafafa;
}


.pageTNS .sousBandoTop {
  padding: 0 0 2rem 0;
  background-color: #e4e9ec;
}

.pageTNS .fxTitleTop {
	padding-top: 2rem;
	font-size: 2em;
	font-weight: 900;
	color: #2b5493;
	text-align: center; 
	line-height: 3.6rem;
	margin-bottom: 2rem;
	margin-top: 0;
}
@media (min-width: 1000px) {
	.pageTNS .fxTitleTop {
		font-size: 3em; 
	}
}

.pageTNS .ssBoxBandoTop {
	display: block;
	width: 80%;
	margin: 0em auto 0 auto;
	background-color: #fff;
	border-radius: 1rem;
	padding: 2rem 1rem;
}
@media (min-width: 1000px) {
	.pageTNS .ssBoxBandoTop {
		display: flex;
	}
}



.ssBoxBandoTop2 {
  display: block;
  width: 80%;
  margin: -3em auto 0 auto;
  background-color: #fff;
  border-radius: 20px;
  padding: 50px 20px;
}
@media (min-width: 1000px){
	.ssBoxBandoTop2 {
	  display: flex;
	  width: 80%;
	}
}


.pageTNS .fxList {
	margin: 10px 0;
	font-size: 1.2em;
	//font-weight: 500;
}


.pageTNS .boxFormTop {
  width: 100%;
  padding-right: 10px;
  padding-top: 20px;
}
@media (min-width: 1000px) {
	.pageTNS .boxFormTop {
	  width: 50%;

	}
}


.formetape {
	width: 100%;
	margin-top: 80px !important;
}
@media (min-width: 1000px) {
	.formetape {
	width: 50%;
	margin-top: 0px !important;
	}
}


/************************************/
	FORMULAIRE ETAPE
/************************************/
	


 
/****************************************/


.imgFloatR {
	float: right;
	width: 450px;
	margin: 0 0 2rem 2rem;
}



.pageTNS .fxList span {
	border: solid 2px #111;
	width: 40px;
	display: inline-block;
	height: 30px;
	text-align: center;
	border-radius: 40px;
	margin-right: 10px;
	padding-top: 10px;
	font-weight: 700;
}


.pageTNS .flex {
	display: block;
}
@media (min-width: 1000px) {
.pageTNS .flex {
	display: flex;
}
}

.avantage {
	margin: 50px auto;
	padding: 20px;
	text-align: center;
	color: #fff;
}



.avantage .flex div {
	width: 100%%;
	font-size: 1.2em;
	padding: 10px;
	margin: 20px 1%;
	color: #fff;
	font-weight: 600;
	text-align: center;
}
@media (min-width: 1000px) {
.avantage .flex div {
	width: 25%;
	margin: 0px 1%;

}
}

.avantage .h2center {
  padding:0;
}

.avantage .flex img {
  width: 70px;
  margin-bottom: 1rem;
}
.avantage .flex span {
  display: block;
}

.pageTNS .btnTarif,
.page-template-page-comparateur-lp .btnTarif  {
	margin-top: 50px;
	font-size: 1.3em;
	font-weight: 600;
}

.pageTNS .btnTarif span,
.page-template-page-comparateur-lp .btnTarif span {
	padding: 10px;
	border-radius: 20px;
	color: #fff;
	margin: 20px 0;
	display: block;
	text-align: center;
}
@media (min-width: 1000px) {
.pageTNS .btnTarif span,
.page-template-page-comparateur-lp .btnTarif span {
	padding: 10px;
	border-radius: 20px;
	color: #fff;
	margin: 0px;
	display: inline;
	text-align: center;
}
}

.pageTNS .btnTarif img,
.page-template-page-comparateur-lp .btnTarif img {
  	width: 50px;
 	vertical-align: middle;
	color: #12bdf2;
}



.GaranTop {
	display: block;
}
@media (min-width: 1000px) {
.GaranTop {
	display: flex;
}
}

.boxGarantie {	 
	margin: 2rem 0.5%;
	text-align: left;	
	background: #fff;
	position: relative;
	color: #212121;
	box-shadow: 0 0 20px 0 rgba(11,16,79,.1);
		padding: 20px;
}
@media (min-width: 1000px) {
.boxGarantie {
	border-radius: 0.4rem; 
	width: 100%; 	
}
}

.boxGarantie h3 {
	margin-top: 0;
}

.boxGarantie2 {
	display: inline-block;
	margin: 2rem 0.5%;
	padding: 1rem;
	text-align: left;	
	background: #fff;
	position: relative;
	color: #212121;
	box-shadow: 0 0 20px 0 rgba(11,16,79,.1);
}
@media (min-width: 1000px) {
.boxGarantie2 {
	display: inline-block;
	width: 49%; 
	padding: 1rem;
	border-radius: 20px; 
	
}
}

.boxGarantie2 h3 {
	margin-top: 0;
}

.fxH3 {
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 20px;
	//color: #2b5493;
}

.fxH3 img {
	display: inline-block;
	width: 1.5rem;
	vertical-align: bottom;
	filter: invert(59%) sepia(40%) saturate(1165%) hue-rotate(155deg) brightness(97%) contrast(96%);
	margin-right: 2%;
	vertical-align: top;
}

.fxH3 span {
	//display: inline-block;
	width: 91%;
}





.boxProduit {
	
  margin: 2rem 1rem;
  text-align: left;
  background: #fff;
  position: relative;
  color: #212121;
  box-shadow: 0 0 20px 0 rgba(11,16,79,.1);
  padding: 20px;

}
@media (min-width: 1000px) {
.boxProduit {
	width: 100%;
	border-radius: 1rem; 	
}
}

.boxProduit h3 {
	margin-top: 0;
}


.boxProduit a.btn100:hover {
	background: #163b75;
  }

.btn100 {

	padding: 0.5rem 1rem;
	background: #1dbed0;
	width: calc(100% - 2rem);
	display: flex;
	align-items: center;
	text-align: center;
	text-decoration: none;
	border-radius: 1rem;
	margin-top: 1rem;
	color: #fff !important;
	justify-content: center;
}

.btn100 i {
	font-size: 1.3rem;
  margin: 0 1rem;
}


.calculCat .boxProduit img {
	width: 120px;
  display: block;
  margin: 0 auto;
}



.tarif, .avis, .garantie {
	margin: 3rem auto;
}


.flexTarif {
	border: solid 1px #ddd;
	border-radius: 1rem;
	background: #e4e9ec;
	padding: 1rem;
}

.flexTarif div {
	font-weight: 600;
	padding: 10px 0px 10px 30px;
}

.divCheck {
	position: relative;
}
.divCheck::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 12px;
	margin-left: 10px;
	height: 12px;border-radius: 12px;
	background-color: #14bef2;
}

.h2center {
	text-align: center;
	font-size: 1.8em;
}




.exclu {
	background: #fff;
	padding: 20px;
}

.titreBlanc {
	color: #fff;
}

.flexBasis3 {
	flex-basis: 100%;
	margin-top: 3rem;
	margin-bottom: 3rem;
	background: #fff;
	padding: 20px;
}

.flexBasis3:nth-child(2) {
	margin-left: 1rem;
	margin-right: 1rem;
}


.minihero {
	font-size: 1.2rem;
	color: #fff;
}

.btnDevisBlanc {
	text-decoration: none;
	text-align: center;
	display: block;
	background: #fff;
	width: fit-content;
	margin: 40px auto;
	padding: 20px;
	font-weight: 700;
	font-size: 1.2rem;
	color: #f64c0e;
}


        



.widget-header .header-teaser {
	display: none !important;
}

.pageTNS .flexPourqui img {
	width: 100%;
}
@media (min-width: 1000px) {
	.pageTNS .flexPourqui img {
		width: 500px;
		margin-right: 40px;
	}
}


.btnPrev {
	padding: 1rem;
	margin: 2.8rem auto 2.8rem auto;
	//width: 100%;
	display: block;
	text-align: center;
	color: #fff !important;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: 600;
	border-radius: 1rem;
	background: #14bef2;
}
@media (min-width: 1000px) {
	.btnPrev {
		width: 50%;
	}
}



.tableLp {
	border-collapse: collapse;
	
}

.tableLp  tr td  {
	padding: 0.5rem;
}

.tableLp  tr th  {
	padding: 0.5rem;
	text-align: center;
}

.tableLp .td1 {
	background: #2b5493;
	color: #fff;
	font-weight: 600;
}

.flex50Lp {
	display: flex;
	//margin: 80px 0;
}

.flex50Lp div {

	width: 50%;
}

.flex50Lp div img {
	width: 100%;
}

.flex50Lp div:first-child {
	margin-right: 1rem;
}
.flex50Lp div:last-child {
	margin-left: 1rem;
}

.lpColor1 {
	background: #e4e9ec;
	padding: 20px;
}

.lpColor2 {
	background: linear-gradient(to bottom, #12bdf2 0%,#1e5799 100%);
	padding: 20px;
}



.flexTable3 {
	margin: 10px 0;
	padding: 10px;
	background: #fff;
}

.flexTable3 div {
	padding: 10px;
	margin: 0 10px;
	border-radius: 5px;
}

.divTa1 {
	width: 20%;
	background: #fff;
	text-align: center;
}

.divTa1 img {
	margin-top: 10px;
}

.divTa2 {
	width: 40%;
	background: #14bef2;
}

.divTa3 {
	width: 40%;
	background: #fb7777;
}

.div33 {
	width: 33%;
	margin: 1rem;
	background: #e4e9ec;
	padding: 1rem;
}

.div33 img {
	width: 100%;
}

.bigP {
	font-size: 1.5rem;	
}

.pTarif {
	font-size: 1.3rem;
	font-weight: 700;
}


.accordionWrapper {
  padding: 30px;
  background: #fff;
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0 40px 0;
  box-shadow: 0 0.5em 25px 0 rgba(0, 0, 0, 0.2);
}


 .accordion-content {
      display: none;
      padding: 10px;
      border: 1px solid #ddd;
      border-top: none;
      background: #fff;
    }

    .accordion2[aria-expanded="true"] .accordion-content {
      display: block;
    }

    .accordion-header2 {
		width: 100%;
      background-color: #f1f1f1;
      padding: 0 1rem;
      cursor: pointer;
      border: 1px solid #ddd;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #212121;
    }

    .accordion-header2::after {
      content: "\25B6"; /* Flèche vers la droite (fermé) */
      font-size: 1.2em;
      transition: transform 0.3s ease;
    }

    .accordion2[aria-expanded="true"] .accordion-header::after {
      content: "\25BC"; /* Flèche vers le bas (ouvert) */
    }
    
     .accordion-header2 h3 {
     	margin: 1rem 0;
     }
     
    .accordion-header2 h2 {
     	margin: 0;
     	padding: 1rem 0;
     	font-size: 1.5rem;
     }
 

.aligncenter {
	display: block;
	margin: auto;
}



.boxInfo3 {
	padding: 0 1rem 1 rem 1rem;
	text-align: center;
	text-decoration: none;
	margin-top: 2rem;
	color: #2b5493;

}

.plusInfo .boxInfo3:nth-child(2) {
  border-left: solid 1px #aaa;
  border-right: solid 1px #aaa;
}

.boxInfo3 h4 {
	font-size: 1.1rem;
	font-weight: 600;
}

.bouton {
  display: inline-block;
  margin-top: 20px;
  padding: 5px 10px;
  background: #4c9ee4;
  border-radius: 2px;
  text-decoration: none;
  color: #fff;
}


    
/*******  TABLE *********/

.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* pour iOS */
}

.table-responsive table {
  width: 100%;
  min-width: 600px; /* ou plus, selon le contenu */
  border-collapse: collapse;
}

.table-responsive th,
.table-responsive td {
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd;
}




.tableNormal {
  border-collapse: inherit;
  width: 90% !important;
  margin: 20px auto;
}

.tableNormal td {
  border: 1px solid #ededed;
  padding: 5px 10px;
  color: #666;
}

.titreTable {
	background: #1d94fb !important;
	color: #fff !important;
	font-weight: 700;
}


.width80 {
	width: 80%;
}

.boxEntour {
	padding: 1rem;
	border-radius: 1rem;
}

.tableNormal td {
  border: 1px solid #ededed;
  padding: 5px 10px;
  color: #666;
  background: #fff;
}

.flexColor {
  background: #e4e9ec;
  padding: 20px;
  margin: 1rem 5px;
  //width: 30%;
 
}

.flexColor span {
  font-weight: 700;
  color: #0c4c8a; 
  display: block;	
}


@media (min-width: 1000px) {
	.flex33 {
		width: 33%;

	}
}

.flex33:nth-child(2) {
	margin 1rem 0;
}

.fleche:before {
  content: "\279C";
  font-size: 1.2em;
  margin-right: 10px;
  color: #ffa500;
}


/******** formulaire contact ********************/

.form-contact input,
.form-contact textarea {
	padding: 0.7rem 1rem;
  border: solid 1px #aaa;
  border-radius: 1rem;
  width: 80%;
  display: block;
  margin: auto;
}

.form-contact label {
	display: none;
}

.remarque, #remarque {
	display: none !important;
}



/********** CALCULATEUR DE COTISTAION    ***********/


.calculator {
	width: 70%;
	margin: 40px auto;
	padding: 0 20px;
	background: #fff;
}


.calculator H4, .calculator H5 {
	font-weight: normal;
}


.calculator form {
	width: 100%;
	margin: 0px auto;
	padding: 20px;
	background: #e7edf2;
}

.calculator .form_item {
	display: block;
	margin: 20px 0;
}

.calculator .cf_label {
	font-size: 0.9rem;
	display: inline-block;
	width: 400px;
}

.calculator #demandeAllege2 .cf_label {
	font-size: 0.9rem;
	display: inline-block;
	width: 100%;
}

.calculator input {
	font-size: 1rem;
	display: inline-block;
}

#rev2 {
	width: 100px;
}
#bouton_calcul{
	margin: 20px auto;
	width: 30%;
	display: block;
	padding: 10px;
	height: auto;
	background: #fff;
	border: solid 3px #f64c0e;
	border-radius: 5px;
	}

  .calculator .form_element span {
  	display: inline-block;
 	margin: 0 20px 0 9px;
 }
 

.calculator input[type="radio"] { 
  display: none;
}

/* IMAGE STYLES */
.calculator input[type="radio"].monRadio + label {
  display: inline-block;
  cursor: pointer;
  background: #eee;
padding: 10px;
}

/* CHECKED STYLES */
.calculator input[type="radio"]:checked + label {
  display: inline-block;
  outline: 2px solid #0c4c8a;
  background: #fff;
padding: 10px;
}
 
 
 
 
 
 
 
 
 
 
 
 

#containReponseCarmf,
#containReponseCarmf1an,
#containReponseCarmf2an {
	width: 70%;
	margin:0 auto;
	background: #fff;
}

#reponseCarmf, #detailCot {
	width: 100%;
}

#reponseCarmf {
	text-align: center;
	font-size: 1.3rem;
	padding: 10px 0;
	color: #fff;
	background: #00519c;
}

#reponseCarmf span {
	font-weight: 800;
}



 table#detailCot {
 	border-collapse: separate;
 	border-spacing: 2px;
 	border-color: #A739EC;
 	border: solid 1px #0B94F9;
 	font-size: 0.9rem;
 }
 
 table#detailCot table {
  	border-bottom: none;
}


#containReponseCarmf {
	display: none;
}

#compDebut, #demandeAllege, #demandeAllege2,
#classeSageFem {
	display: none;
}

.displayNone {
	display: none;
	
}

.displayBlock {
	display: block;
	
}

 #detailCot thead th,  .detailCot2 thead th {
 	text-align: center;
 	background: #DEDEDE;
 	padding: 5px 0;
 }

 #detailCot tr td,  .detailCot2 tr td  {
 	background: #FAFAFA;
 	padding: 0px 2px;
 	text-align: center;
 	border-top: none;
 	min-width: 80px;
 }
 
 #detailCot table {
 	width: 100%;
 } 
 

 
 
 .regime {
 	text-transform: uppercase;
 }
 
  #detailCot strong {
 	color: #00519c;
 }
 
 .bleu {
 	 color: #00519c;
	font-weight: bold;
 }
 
 
 
 #containReponseCarmf1an,
 #containReponseCarmf2an {
 	display: none;
 }
 
 
  table.detailCot2 {
   	border-collapse: separate;
 	border-spacing: 2px;
 	border-color: #A739EC;
 	border: solid 1px #0B94F9;
 	font-size: 0.9rem;
  	width: 70%;
  	margin: 0 auto;
  }
  
  .sousTitreTable td{
  	background: #a8cdef!important;
  }
  
  #cavp3 {
  	font-size: 0.8em;
  	display: none;
  }

	.consultCot {
		text-align: center;
		color: #e74024;
		font-weight: bold;
	}
	
	.consultCot::after {
		content: "\2193";
		padding-left: 40px;
	}
	
	
	


/***********************************/


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

/*	16. Site Footer
/* -------------------------------------------------------------------------- */



/* Footer Top -------------------------------- */



/* FOOTER SOCIAL */

.footer-social-wrapper {
	margin: 0;
	width: 100%;
}

.has-footer-menu .footer-social-wrapper {
	flex-shrink: 0;
	margin-left: 1rem;
	width: 50%;
}

ul.footer-social {
	margin: -0.5rem 0 0 -0.5rem;
}

.has-footer-menu .footer-social {
	justify-content: flex-end;
}

ul.footer-social li {
	margin: 0.5rem 0 0 0.5rem;
}

.footer-social a {
	background-color: #cd2653;
	height: 3.6rem;
	width: 3.6rem;
}

.footer-social a::before {
	font-size: 1.6rem;
}

/* Footer Widgets ---------------------------- */

.footer-widgets-outer-wrapper {
	border-bottom: 0.1rem solid #dedfdf;
}

.footer-widgets + .footer-widgets {
	margin-top: 3rem;
}

/* Footer Bottom ----------------------------- */


	.footer-widgets {
		display: block;
	}

	@media (min-width: 1000px) {
	.footer-widgets {
	display: flex;	
}
}

	.footer-widgets .widget_nav_menu {
		flex: 1;
	}

.footer-nav-widgets-wrapper {
	font-size: 1rem;
	background: #99a7b3;
  	margin-top: 3rem;
	padding: 0 2rem;
}



.footer-nav-widgets-wrapper .menu-item a {
	color: #fff !important;
}

.footer-nav-widgets-wrapper a {
	text-decoration: none;
}

#site-footer a:focus,
#site-footer a:hover {
	text-decoration: underline;
}

.footer-copyright a,
.privacy-policy a,
.powered-by-wordpress a {
	color: inherit;
}

.privacy-policy,
.powered-by-wordpress,
.to-the-top {
	color: #6d6d6d;
}

a.to-the-top {
	margin-left: 2.4rem;
	white-space: nowrap;
}

a.to-the-top > * {
	pointer-events: none;
}

.footer-copyright {
	font-weight: 600;
	margin: 0;
}

.powered-by-wordpress {
	display: none;
	margin: 0 0 0 2.4rem;
}

.privacy-policy {
	margin: 1.2rem 0 0;
}

.to-the-top-long {
	display: none;
}

#site-footer {
	font-size: 1rem;
	background: #99a7b3;
	padding: 0 2rem;

}

.header-footer-group pre, .header-footer-group fieldset, .header-footer-group input, .header-footer-group textarea, .header-footer-group table, .header-footer-group table *, .footer-nav-widgets-wrapper, #site-footer, .menu-modal nav *, .footer-widgets-outer-wrapper, .footer-top {
	border: none !important;
}


@media ( min-width: 1000px ) {

	
	/* Site Footer --------------------------- */

	/* FOOTER TOP */

	.footer-top {
		align-items: center;
	}



	.footer-widgets nav ul {
		padding: 0;
	}

	.footer-widgets nav ul li {
		list-style: none;
	}

	.footer-widgets .widget_nav_menu h2 {
		font-size: 1.2rem;
	}

	
	.footer-menu {
		align-items: baseline;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		font-size: 2.1rem;
		margin: -1.2rem 0 0 -2.4rem;
	}

	.footer-menu li {
		margin: 1.2rem 0 0 2.4rem;
	}

	

	.powered-by-wordpress {
		display: block;
	}
}








.comments-wrapper {
	display: none;
}