/*
Theme Name: Lowit

Author: Agence E-denzo
Author URI: https://e-denzo.fr/
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Lowit
Tags: 

*/

/**
 * Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

h1, h2, h3 { font-weight: normal; }

a {
	background-color: transparent;
	text-decoration: none;
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

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

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	-webkit-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

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

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}


/**
 * Alignments
 */

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}



/**
 * Captions
 */

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

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

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}


/**
 * Galleries
 */

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/*=====================================================*/

:root{
	--vert: #89b214;
	--orange: #FF794D;
	--cyan : #5FC9F8;
	--turquoise: #316B83;
	--vert-pomme: #C4D889;
	--jaune: #FFD06B;
	--bleu-ciel: #BAFCFF;
	--indigo: #183D60;
	--blanc: #fff;
	--vert-desature: #f3f7e7;
	--bleu-desature: #f5f9fa;
}

html {
/*	font-size: 62.5%;*/
}

body {
/*    font-family: 'Montserrat', sans-serif;*/
    font-family: 'Overpass', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: var(--indigo, #183D60);
	background: var(--blanc, #fff);
	overflow-x: hidden;
	line-height: 1.4;
}


.container {
	padding: 2rem 4rem;
	margin: 0 auto;
	position: relative;
	z-index: 5;
/*	max-width: 1500px; */
	width: 100%;
}



.bloc-25 {width: 25%;}
.bloc-33 {width: calc(100% / 3);}
.bloc-50 {width: 50%;}
.bloc-66 {width: calc(100% * (2 / 3));}
.bloc-75 {width: 75%;}


.flex {display: flex;}

#main {
/*	min-height: 100vh;*/
}


a {
	color: var(--indigo, #183D60);
	text-decoration: none;
}

a:hover {
	color: color: var(--indigo, #183D60);
}

p {
	margin-bottom: 1rem;
	font-size: 1.05rem;
}


.grecaptcha-badge { visibility: hidden; opacity: 0; }


/*=====================================================
	CONTENT
======================================================*/

.content {
}

h1, h2, h3, h4, h5{
	margin-bottom: 1em;
}

h1, h2, h3, .h1, .h2, .h3 {
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	color: var(--indigo, #183D60);
	font-weight: 700;
}

h1, .h1 {font-size: 2.2rem;}
h2, .h2 {font-size: 1.8rem;}
h3, .h3 {font-size: 1.4em;}


/*h4 {font-size: 1.1em;}*/

p.has-background {
  padding: 1em 2em;
	border-radius: 15px;
}

.has-vert-color {color: var(--vert, #89b214);}
.has-orange-color {color: var(--orange, #FF794D);}
.has-cyan-color {color: var(--cyan, #5FC9F8);}
.has-turquoise-color {color: var(--turquoise, #316B83);}
.has-vert-pomme-color {color: var(--vert-pomme, #C4D889);}
.has-jaune-color {color: var(--jaune, #FFD06B);}
.has-bleu-ciel-color {color: var(--bleu-ciel, #BAFCFF);}
.has-indigo-color {color: var(--indigo, #183D60);}
.has-blanc-color {color: var(--blanc, #fff);}
.has-vert-desature-color {color: var(--vert-desature, #f3f7e7);}
.has-bleu-desature-color {color: var(--bleu-desature, #f5f9fa);}

.has-vert-background-color {background-color: var(--vert, #89b214);}
.has-orange-background-color {background-color: var(--orange, #FF794D);}
.has-cyan-background-color {background-color: var(--cyan, #5FC9F8);}
.has-turquoise-background-color {background-color: var(--turquoise, #316B83);}
.has-vert-pomme-background-color {background-color: var(--vert-pomme, #C4D889);}
.has-jaune-background-color {background-color: var(--jaune, #FFD06B);}
.has-bleu-ciel-background-color {background-color: var(--bleu-ciel, #BAFCFF);}
.has-indigo-background-color {background-color: var(--indigo, #183D60);}
.has-blanc-background-color {background-color: var(--blanc, #fff);}
.has-vert-desature-background-color {background-color: var(--vert-desature, #f3f7e7);}
.has-bleu-desature-background-color {background-color: var(--bleu-desature, #f5f9fa);}


.has-background {
	padding: 2rem 4rem;
	border-radius: 15px;
}

.content > .wp-block-media-text, .content > .wp-block-columns {
	margin: 4rem 0;
}

.content > .wp-block-columns {
	margin-left:-4rem;
	margin-right:-4rem;
}


.content > .wp-block-columns > .wp-block-column {
	padding: 2rem 4rem;
}

.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {margin-left: 0;}

.content > .wp-block-columns > .wp-block-column.has-background {
	border-radius: 15px;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.content > .wp-block-columns > .wp-block-column.has-background:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.content > .wp-block-columns > .wp-block-column.has-background:last-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}


.content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-column {
	padding: 1rem 2rem;

}


.wp-block-media-text .wp-block-media-text__content {
  padding: 3rem 4rem;
}

.wp-block-image {
/*	box-shadow: 0 0 15px #c9d6d9;*/
}

.wp-block-image > img{
	box-shadow: 0 0 15px #c9d6d9;
}

.wp-block-image figcaption {
	color: #aaa;
	text-align: center;
	font-size: 0.9em;
	margin-top: 0.5em;
}

.wp-block-media-text .wp-block-media-text__media{
	border-radius: 15px;
	box-shadow: 0 0 15px #c9d6d9;
	overflow: hidden;
}

.wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img {
	border-radius: 15px;
}

.wp-block-button a, .btn {
	display: inline-block;
	font-size: 0.9em;
	text-transform: uppercase;
	border-radius: 10px;
	display: inline-block;
	color: var(--blanc, #fff);
	font-weight: 400;
	padding: 0.7rem 1rem 0.5rem;
	background: var(--indigo, #183D60);
	cursor: default;
	text-decoration: none;
}

.btn {
	font-weight: 700;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.wp-block-button a[href], .btn[href] {
	background: var(--indigo, #183D60);
	color: var(--blanc, #fff);
	cursor: pointer;
}

.wp-block-button a:hover, .btn:hover {
	background: var(--blanc, #fff);
	color: var(--indigo, #183D60);
}

.wp-block-button a[href]:hover, .btn[href]:hover {
	background: var(--turquoise, #316B83);
	color: var(--blanc, #fff);
}


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

.content ul, .content ol {
	list-style: none;
	margin: 0 0 1rem 0;
	padding: 0 0 0 2em;
}

.content ul li, .content ol li {
	margin: 0;
	position: relative;
	padding: 0;
	padding-left: 1em;
}

.content ul li::before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0.35em;
	font-weight: 700;
	height: 0.5em;
	width: 0.5em;
	border-radius: 100%;
	background: var(--vert, #89b214);
}


.content ol {
    counter-reset: section;
}

.content ol li::before {
    counter-increment: section;            
    content: counters(section,".") ". ";
    font-size: 1em;
    font-weight: 700;
    position: absolute;
	color: var(--vert, #89b214);
    left: 0;
    top: 0;
}




.content .wpcf7 form {
	width: 100%;
}

.content .wpcf7 form > p{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	margin: 0;
}

.content .wpcf7 form .wpcf7-form-control-wrap {
	width: 50%;
	padding: 10px;
}

.content .wpcf7 form .wpcf7-form-control-wrap.message {
	width: 100%;
}



.content .wpcf7 form input, .content .wpcf7 form textarea {
	font-size: 1rem;
	color: var(--blanc, #fff);
	font-weight: 400;
	padding: 1rem 2rem;;
	border-radius: 10px;
	background: rgba(255,255,255,0.5);
	border: none;
	outline: none;	
	transition: all 0.3s ease 0s;
	position: relative;
	width: 100%;
}

.content .wpcf7 form textarea {

	max-height: 200px;
}

.content .wpcf7 form input::placeholder, .content .wpcf7 form textarea::placeholder {
	color: var(--blanc, #fff);
}

.content .wpcf7 form input:focus, .content .wpcf7 form textarea:focus {
	background: rgba(255,255,255,0.8);
	color: var(--vert, #89b214);
}

.content .wpcf7 form input.wpcf7-submit {
	background: var(--indigo, #183D60);
	text-transform: uppercase;
	font-weight: 700;
	width: auto;
	margin: 10px 10px 10px auto;
}

.content .wpcf7 form input.wpcf7-submit:hover {
	background: var(--turquoise, #316B83);
}


.wpcf7 form input.wpcf7-not-valid, .wpcf7 form textarea.wpcf7-not-valid {
	box-shadow: 0 0 0 2px var(--orange, #FF794D);
}



.content .wpcf7 form .wpcf7-spinner {
	display: none;
}


.content .wpcf7 form .wpcf7-form-control-wrap.acceptance {
	width: 100%;
	margin: 1rem 0;
}


.content .wpcf7 form .wpcf7-list-item {
	margin-left: 0;
}

.content .wpcf7 form .wpcf7-list-item > label {
	display: flex;
	align-items: center;
}

.content .wpcf7 form .wpcf7-list-item input {
	width: auto;
	margin-right: 1rem;

}

.content .wpcf7 form .wpcf7-list-item .wpcf7-list-item-label {
	font-size: 0.9rem;
}

.content .wpcf7 form .wrap-file {
	padding: 1rem 2rem;
	border-radius: 10px;
	background: rgba(255,255,255,0.5);
	position: relative;
	width: calc(100% - 20px);
	margin: 10px auto;
	text-align: center;
}



.content .wpcf7 form .wrap-file > span{
	font-size: 0.9rem;
	margin-bottom: 10px;
	display: block;
}

.content .wpcf7 form .wrap-file > label {
	
}

.content .wpcf7 form .wrap-file > label .wpcf7-form-control-wrap {display: block; width: 100%; padding: 0;}

.content .wpcf7 form .wrap-file > label .wpcf7-form-control-wrap > span {
	padding-top: 10px;
	display: block;
}

.content .wpcf7 form .wrap-file .btn-file {
	background: var(--indigo, #183D60);
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.9rem;
	color: var(--blanc, #fff);
	padding: 0.5rem 1rem;;
	border-radius: 10px;
	transition: all 0.3s ease 0s;
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.content .wpcf7 form .wrap-file .btn-file:hover {
	background: var(--turquoise, #316B83);
}

.content .wpcf7 form .wrap-file input[type="file"] {
	display: none;
}


.wpcf7-not-valid-tip {
	padding: 5px 10px;
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	border-radius: 10px;
	position: relative;
	margin: 1em 0 0 0;
}


.content .is-type-video {
	width: 100%;
	max-width: 1024px;
	position: relative;
}

.content .is-type-video .wp-block-embed__wrapper {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
	width: 100%;
}

.content .is-type-video .wp-block-embed__wrapper > iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.content .wp-block-quote {
	border-left: 5px solid var(--vert, #89b214);
	background: var(--vert-desature, #f3f7e7);
	padding: 1.5rem 2rem 1.5rem 3rem;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	position: relative;
}

.content .wp-block-quote::before {
	content: '"';
	display: block;
	font-size: 3rem;
	top: 0.5rem;
	left: 1rem;
	color: var(--vert, #89b214);
	position: absolute;
}

.content .wp-block-quote cite {
	color: var(--vert, #89b214);
	font-style:  inherit;
	font-size: 0.9em;
}

.content .wp-block-pullquote {
  padding: 1.5rem 2rem;
	background: var(--vert-desature, #f3f7e7);
	border-radius: 15px;
	position: relative;
}

.content .wp-block-pullquote::before, .content .wp-block-pullquote::after {
	content: '"';
	display: block;
	position: absolute;
	font-size: 3rem;
	color: var(--vert, #89b214);
}

.content .wp-block-pullquote::before {
	top: 0.5rem;
	left: 0.5rem;
}

.content .wp-block-pullquote::after {
	bottom: -1rem;
	right: 0.5rem;
}

.content .wp-block-pullquote p {
  font-size: 1.25em;
  line-height: inherit;
}


.content .wp-block-columns.cols-3  {}

.content .wp-block-column.prime-col {
	min-width: 800px;
}
/*=====================================================
	HEADER
======================================================*/

#site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}


#site-header::before {
    content: "";
    position: fixed;
    display: block;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
	pointer-events: none;
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
}


#site-header::after {
	content: "";
	display: block;
	height: 0;
	width: 100%;
	position: absolute;
	top: 100%;
/*
	-webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
*/
}

.menu-hover #site-header::after {
	height: 2rem;
}

.menu-hover.home #site-header::after {
	height: 6rem;
}
	
body.menu-hover #site-header::before {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#site-header > .container {
	background: var(--blanc, #fff);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.home #site-header > .container {
	padding-top: 3rem;
	padding-bottom: 3rem;
	background: transparent;
	-webkit-transition: all 0.3s ease 0s, background 0;
    -o-transition: all 0.3s ease 0s, background 0;
    transition: all 0.3s ease 0s, background 0;
}


.home.menu-hover #site-header > .container {
	background: var(--blanc, #fff);
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#site-header #header-inner {
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
}


#site-header #logo {
	height: 80px;
	flex: 0 0 auto;
}


#site-header #logo a, .home #site-header.scroll #logo a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 10px;
}

.home #site-header #logo a {
	padding: 0;
}

#site-header #logo a img {
	display: block;
	min-height: 60px;
	max-height: 100%;
}


#site-header #header-nav {
	display: flex;
	width: 100%;
	
}

#site-header #header-nav #mastnav {
	background: var(--blanc, #fff);
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

#site-header #header-nav #mastnav #inner-mastnav {
	height: 100%;
	position: relative;
}

#site-header #header-nav #mastnav #inner-mastnav > div {
	height: 100%;
}

#site-header #header-nav #mastnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#site-header #header-nav #mastnav ul li {
	margin: 0;
	padding: 0;
}

#site-header #header-nav #mastnav ul li a {
	color: var(--indigo, #183D60);
	font-weight: 700;
	font-size: 1.1rem;
}

#site-header #header-nav #mastnav ul.nav-menu {
	display: flex;
	height: 100%;
	padding: 0 0rem 0 1rem;
	justify-content: flex-end;
	position: relative;
}

#site-header #header-nav #mastnav ul.nav-menu > li {
/*
	margin-left: 1rem;
	margin-right: 1rem;
*/
}

#site-header #header-nav #mastnav ul.nav-menu > li > a {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 1rem 2.5rem;
}

#site-header #header-nav #mastnav ul.nav-menu > li > a:hover {
	background: var(--bleu-desature, #f5f9fa);
}

#site-header #header-nav #mastnav ul.nav-menu > li > a .sub-arrow {
	color:var(--vert, #89b214);
	margin-left: 10px;
	font-size: 0.9em;
	display: flex;
	align-items: center;
	justify-content: center;
}


#site-header #header-nav #mastnav .sub-menu {
/*
	display: flex;
	flex-flow: row wrap;
*/
/*
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: max-content;
*/
	column-count: 2;
	-webkit-column-break-inside: avoid; /* WebKit fix */
  page-break-inside: avoid; /* Firefox fix */
  break-inside: avoid-column; /* W3C */
	-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
  word-wrap: break-word;
	position: absolute;
	background: var(--bleu-desature, #f5f9fa);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	left: 0;
	top: 100%;
	width: 100%;
	padding: 1rem;
	padding-right: calc((100%  / 3) + 1rem);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	align-items: flex-start;
}

#site-header #header-nav #mastnav ul.nav-menu > li:hover > .sub-menu, #site-header #header-nav #mastnav ul.nav-menu > li.li-hover > .sub-menu {
	opacity: 1;
	visibility: visible;
}

#site-header #header-nav #mastnav .sub-menu > li{
	padding: 0.5rem;
	display: inline-block;
	width: 100%;
}

#site-header #header-nav #mastnav .sub-menu > li.hide {
	display: none;
}


/*
.element:first-of-type:last-of-type {
    display: inline-block;
}
*/


#site-header #header-nav #mastnav .sub-menu > li > a {
	display: flex;
	align-items: center;
	font-size: 1rem;
	font-weight: 700;
	padding: 0.5rem;
	border-radius: 10px;
	position: relative;
	flex-flow: row wrap;
	height: 100%;
}

#site-header #header-nav #mastnav .sub-menu > li > a:hover {
	background: var(--blanc, #fff);
}

#site-header #header-nav #mastnav .sub-menu > li > a .menu-image-title, #site-header #header-nav #mastnav .sub-menu > li > a .sub {
	padding-left: 1rem;
	width: calc(100% - 30px);
	margin-left: auto;
}

#site-header #header-nav #mastnav .sub-menu > li > a .sub{
	display: block;
	font-weight: 400;
	font-size: 0.9em;
	opacity: 0.6;
}



#site-header #header-nav #mastnav .sub-menu > li > a > .img-menu {
	height: 30px;
	width: 30px;
	background: var(--vert, #89b214);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0.5rem;
}


#site-header #header-nav #mastnav .sub-menu > li > a > .img-menu img{
	padding: 0;
	margin: 0;
	max-width: 15px; 
	max-height: 15px;
}


#site-header #header-nav #mastnav .sub-menu > li.menu-plus {
	background: var(--orange, #FF794D);
	position: absolute;
	width: calc(100% / 3);
	right: 0;
	top: 0;
	border-bottom-right-radius: 15px;
	padding: 2rem;
	text-align: center;
	min-height: 100%;
}

#site-header #header-nav #mastnav .sub-menu > li.menu-plus > a {
	flex-flow: column;
	padding: 0;
	border-radius: 0;
}

#site-header #header-nav #mastnav .sub-menu > li.menu-plus > a:hover {
	background: none;
}


#site-header #header-nav #mastnav .sub-menu > li.menu-plus  > a > .img-menu {
	background-color: none;
	display: block;
	position: relative;
	width: 55%;
	padding-bottom: 55%;
	margin: auto auto 1rem auto;
	border-radius: 100%;
	background: none;
	border-radius: 100%;
	overflow: hidden;
}

#site-header #header-nav #mastnav .sub-menu > li.menu-plus > a > .img-menu img{
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}


#site-header #header-nav #mastnav .sub-menu > li.menu-plus .menu-image-title {
	padding: 0;
	color: var(--balnc, #fff);
	font-size: 1rem;
	font-weight: 700;
	display: block;
	margin-left: 0;
}


#site-header #header-nav #mastnav .sub-menu > li.menu-plus .sub {
	font-size: 0.9rem;
	color: rgba(255,255,255,0.5);
	font-weight: 400;
	display: flex;
	align-items: center;
	flex-flow: column;
	padding: 0;
	opacity: 1;
	margin-left: 0;
}

#site-header #header-nav #mastnav .sub-menu > li.menu-plus .btn{
	font-size: 0.8em;
	margin-top: 10px;
	cursor: pointer;
}



#site-header #header-nav #headerlinks {
	display: flex;
	flex: 0 0 auto;
	height: 100%;
}

#site-header #header-nav #headerlinks .link {
	height: 100%;
	display: flex;
}

#site-header #header-nav #headerlinks .link a{
	display: flex;
	flex-flow: column;
	background: var(--indigo, #183D60);
	align-items: center;
	justify-content: center;
	color: var(--blanc, #fff);
	font-weight: 700;
	font-size: 1.1rem;
	border-radius: 5px;
	height: 100%;
	padding: 1rem 1.5rem;
	line-height: 1;
	margin-left: 10px;
}


#site-header #header-nav #headerlinks .link a span {
	color: rgba(255,255,255,0.5);
}

#site-header #header-nav #headerlinks .link#link-rdv a{
	background: var(--orange, #FF794D);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 0;
}




#site-header #header-nav #headerlinks .link a:hover {
	background: var(--turquoise, #316B83);
}

#site-header #header-nav #headerlinks .link#link-rdv a:hover{
	background: var(--jaune, #FFD06B);
}

#site-header #menu-opener {
	display: none;
	background: var(--vert, #89b214);
	border-radius: 5px;
	font-size: 1.4rem;
	height: 100%;
	padding: 0.5rem 1rem;
	margin: 0 0 0 10px;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	border: none;
	color: var(--blanc, #fff);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#site-header #menu-opener:hover {
	background: var(--vert-pomme, #C4D889);
}




/*SCROLL*/
#site-header.scroll .container{
	background: var(--blanc, #fff);
	padding-top: 0!important;
	padding-bottom: 0!important;
}

#site-header.scroll #header-nav #headerlinks .link#link-rdv a{border-radius: 0;}
#site-header.scroll #header-nav #headerlinks .link a{border-radius: 0;}

#site-header.scroll #menu-opener {border-radius: 0;}

#menu-mobile {
	display: none;
	width: 320px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	z-index: 1000;
	background: var(--blanc, #fff);
	position: fixed;
	top: 0;
	height: 100%;
	right: 0;
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

#menu-mobile::before {
	content: "";
	display: block;
	position: absolute;
	right: 100%;
	top: 0;
	background: rgba(0,0,0,0.5);
	width: 100vw;
	height: 100%
}

.menu-open #menu-mobile {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

#menu-mobile #heading-mobile {
	display: flex;
	justify-content: space-between;
	padding-top: 0;
	padding-bottom: 0;
}

#menu-mobile #logo-mobile{
	height: 60px;
	display: block;
	position: relative;
}

#menu-mobile #logo-mobile > a{
	padding: 10px;
	display: block;
	height: 100%;
}

#menu-mobile #logo-mobile > a img {
	display: block;
	max-height: 100%;
}

#menu-mobile #menu-close {
	display: flex;
	background: var(--vert, #89b214);
	border-radius: 0 0 5px 5px;
	font-size: 1.4rem;
/*	height: 100%;*/
	padding: 0.5rem 1rem;
	margin: 0 0 0 10px;
	font-weight: 700;
	align-items: center;
	justify-content: center;
	border: none;
	color: var(--blanc, #fff);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 60px;
}

#menu-mobile #menu-close > i{
	display: flex;
	height: 100%;
	align-items: center;
}

#menu-mobile #menu-close:hover {
	background: var(--vert-pomme, #C4D889);
}


#menu-mobile #nav-mobile {height: calc(100% - 60px);}
#menu-mobile #inner-mobile {height: 100%; overflow: auto;}

#menu-mobile ul.nav-menu {
	list-style: none;
	padding: 0;
	padding: 1rem 0 0 0;

}

#menu-mobile ul.nav-menu li {
	padding: 0;
	margin: 0;
}

#menu-mobile ul.nav-menu li a {
	color: var(--indigo, #183D60);
	font-weight: 700;
	font-size: 1.2rem;
}

#menu-mobile ul.nav-menu > li > a {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 2rem;
}

#menu-mobile ul.nav-menu > li > a:hover {
	background: var(--bleu-desature, #f5f9fa);
}


#menu-mobile ul.nav-menu > li > a .sub-arrow {
	color: var(--vert, #89b214);
	margin-left: 10px;
	font-size: 1.2em;
	display: flex;
	align-items: center;
	justify-content: center;
}


#menu-mobile ul.nav-menu > li > ul {
	height: 0;
	overflow: hidden;
	background: var(--bleu-desature, #f5f9fa);
	position: relative;
	padding: 0;
}

#menu-mobile ul.nav-menu > li.sub-open > ul {
	height: auto;
/*	padding: 1rem;*/
}

#menu-mobile ul.nav-menu > li > ul > li {
	padding: 0.25rem;
	display: inline-block;
	width: 100%;
}

#menu-mobile ul.nav-menu > li > ul > li > a {
	display: flex;
	align-items: center;
	font-size: 1rem;
	font-weight: 700;
	padding: 0.5rem;
	border-radius: 10px;
	position: relative;
	flex-flow: row wrap;
	height: 100%;
}

#menu-mobile ul.nav-menu > li > ul > li > a:hover {
	background: var(--blanc, #fff);
}

#menu-mobile ul.nav-menu > li > ul > li > a > .img-menu {
	height: 30px;
	width: 30px;
	background: var(--vert, #89b214);
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0.5rem;
}

#menu-mobile ul.nav-menu > li > ul > li > a > .img-menu img {
	padding: 0;
	margin: 0;
	max-width: 15px;
	max-height: 15px;
}

#menu-mobile ul.nav-menu > li > ul > li > a > .menu-image-title, #menu-mobile ul.nav-menu > li > ul > li > a > .sub {
	padding-left: 1rem;
	width: calc(100% - 30px);
	margin-left: auto;
}

#menu-mobile ul.nav-menu > li > ul > li > a .sub {
	display: block;
	font-weight: 400;
	font-size: 0.9em;
	opacity: 0.6;
}



#menu-mobile ul.nav-menu > li > ul > li.menu-plus {
    background: var(--orange, #FF794D);
	border-radius: 0;
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    padding: 1rem;
/*    text-align: center;*/
    min-height: 100%;
}

#menu-mobile ul.nav-menu > li > ul > li.menu-plus > a {
	flex-flow: row wrap;
	padding: 0;
	border-radius: 0;
}

#menu-mobile ul.nav-menu > li > ul > li.menu-plus > a:hover {
	background: none;
}

#menu-mobile ul.nav-menu > li > ul > li.menu-plus > a > .img-menu {
	display: block;
	position: absolute;
	width: 60px;
	padding-bottom: 60px;
	margin: 20px 0 0 0;
	border-radius: 100%;
	background: none;
	border-radius: 100%;
	overflow: hidden;
	height: 0;
	left: 0;
	top: 0;
}

#menu-mobile ul.nav-menu > li > ul > li.menu-plus > a > .img-menu img {

    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;

}

#menu-mobile ul.nav-menu > li > ul > li.menu-plus .menu-image-title {
	padding: 0;
	color: var(--blanc, #fff);
	font-size: 1rem;
	font-weight: 700;
	display: block;
	margin-left: 0;
	padding-left: 70px;
	width: 100%;
}

#menu-mobile ul.nav-menu > li > ul > li.menu-plus .sub {
	font-size: 0.9rem;
	color: rgba(255,255,255,0.5);
	font-weight: 400;
	display: flex;
	align-items: flex-start;
	flex-flow: column;
	padding: 0;
	opacity: 1;
	margin-left: 0;
	padding-left: 70px;
	width: 100%;
}

#menu-mobile ul.nav-menu > li > ul > li.menu-plus .btn {
  font-size: 0.8em;
  margin-top: 10px;
  cursor: pointer;
}

#menu-mobile #foot-mobile {
	padding: 1rem;
}

#menu-mobile #foot-link-rdv {
	display: flex;
	justify-content: center;
}

#menu-mobile #foot-link-rdv a {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	color: var(--blanc, #fff);
	font-weight: 700;
	font-size: 1.1rem;
	height: 100%;
	padding: 0.5rem 1rem;
	line-height: 1;
	border-radius: 5px;
	background: var(--orange, #FF794D);

}

#menu-mobile #foot-link-rdv a  span {
 	color: rgba(255,255,255,0.5);
}

#menu-mobile #foot-link-rdv a:hover {
	background: var(--jaune, #FFD06B);
}


/*=====================================================
	FRONTPAGE
======================================================*/

/*heading*/
#heading-front {
	display: flex;
	position: relative;
	min-height: 100vh;
	justify-content: space-between;
	flex-flow: column;
}

#heading-front .bx-wrapper {
	flex: 1 0 auto;
	display: flex;
	min-height: 100%;
}

#heading-front .bx-viewport {
	overflow: inherit!important;
	display: flex;
	flex: 1 0 auto;
/*	height: auto!important;*/

}

#heading-front #slider-front {
	flex: 1 0 auto;
	display: flex;

}

#heading-front  .slide {
	flex: 1 0 auto;
	min-height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}


#heading-front .hfront-bg {
	background-attachment: scroll;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-top-left-radius: 1000px;
	border-bottom-left-radius: 1000px;
	width: 75%;
/*	height: 100%;*/
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.6;
	min-height: 100vh;
}



#heading-front .wrapper-front-title{
	margin: 150px 0 00px 0;
	width: 40%;
	position: relative;
	
/*
	margin: 0;
	padding-top: 150px;
	padding-bottom: 100px;
*/
}

#heading-front .wrapper-front-title .slide-title {
	margin-bottom: 0.5em;
	text-shadow: 0 0 10px #fff;
}

#heading-front .wrapper-front-title .slide-soustitre {
	display: block;
	text-shadow: 0 0 10px #fff;
}

#heading-front .wrapper-front-title .btn {
	margin-top: 2rem;
}



#heading-front #container-heading-front {
	display: flex;
	z-index: 100;
/*	margin-bottom: -6rem;*/
/*
	position: absolute;
	bottom: -8rem;
*/
	left: 0;
	align-items: flex-end;

	bottom: -6rem;
}

#heading-front #front-solutions {
	
}

#heading-front #wrapper-front-solutions {
	display: flex;
}

#heading-front .solution {
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	margin-right: 10px;
	flex: 1 1 100%;
	
}

#heading-front .solution > a{
    background: var(--vert-pomme, #C4D889);
    position: relative;
    padding: 1.5rem;
    height: 100%;
	display: block;
	width: 100%;
	color: var(--blanc, #fff);
	font-weight: 400;
}
#heading-front .solution > a:hover {
	background: var(--vert, #89b214);
}

#heading-front .solution .img-solution {
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	width: 80px;
	height: 80px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#heading-front .solution > a:hover .img-solution {
	width: 70px;
	height: 70px;
}

#heading-front .solution .solution-content {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#heading-front .solution > a:hover .solution-content {
	padding-bottom: 50px;
}

#heading-front .solution .solution-title {
	color: var(--blanc, #fff);
	line-height: 1.2;
/*	padding-top: 100px;*/
	min-height: 125px;
	max-width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-bottom: 0.5em;
	display: flex;
	align-items: flex-end;
	-ms-word-break: break-word;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#heading-front .solution > a:hover .solution-title {
	max-width: calc(100% - 80px);
	min-height: 75px;
}

#heading-front .solution .solution-content p{
	font-size: 0.9em;
}

#heading-front .solution .fake-btn {
	color: var(--blanc, #fff);
	text-transform: uppercase;
	font-weight: 700;
	opacity: 0.7;
	font-size: 0.9em;
	line-height: 1;
	margin-top: 0;
	padding: 8px 0px;
	border-radius: 10px;
	display: inline-block;
	background: transparent;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: auto;
	min-width: 1px;
	text-align: center;
}

#heading-front .solution > a:hover .fake-btn {
	color: var(--indigo, #183D60);
	opacity: 1;
	background: var(--blanc, #fff);
	padding-left: 20px;
	padding-right: 20px;
	min-width: 100%;
}

#heading-front #slider-pager .bx-pager {
  display: flex;
  align-items: center;
}

#heading-front #slider-pager .bx-pager .bx-pager-item {
  margin-right: 10px;
}

#heading-front #slider-pager .bx-pager .bx-pager-link {
  display: block;
  position: relative;
  font-size: 0;
}

#heading-front #slider-pager {
	padding-bottom: 8rem;
	padding-left: 2rem;
}

#heading-front #slider-pager .bx-pager .bx-pager-link::before {
    content: "";
    position: relative;
    height: 10px;
    width: 10px;
    border: 1px solid var(--indigo, #183D60);
    background: var(--indigo, #183D60);
    display: block;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#heading-front #slider-pager .bx-pager .bx-pager-link:hover::before {
	background: var(--turquoise, #316B83);
	border-color: var(--turquoise, #316B83);
}

#heading-front #slider-pager .bx-pager .bx-pager-link.active::before {
	background: transparent;
}

#heading-front #slider-pager .bx-pager .bx-pager-link.active:hover::before {
	background: transparent;
	border-color: var(--turquoise, #316B83);
}


/*front-content*/

#section-front-content {
	z-index: 10;
	position: relative;
}

#section-front-content > .container {
	display: flex;
	align-items: center;
}

#section-front-content #content-front {
	width: 60%;
	position: relative;
	left: -4rem;
	background: var(--vert-desature, #C4D889);
	border-top-right-radius: 1000px;
	border-bottom-right-radius: 1000px;
	z-index: 1;
	flex: 1 0 auto;
}
#section-front-content #content-front > .container {
	padding: 0rem 8rem 0rem 4rem;
/*
	padding-top: 6rem;
	padding-bottom: 6rem;
*/
}

#section-front-content #content-front .content > .wp-block-columns {
	margin-left: -2rem;
	margin-right: -2rem;
}

#section-front-content #content-front .content > .wp-block-columns > .wp-block-column {
	padding-left: 2rem;
	padding-right: 2rem;
}


#section-front-content #wrapper-chiffres-clefs {
	display: flex;
	flex-flow: row wrap;
	width: calc(40% + 8rem);
	left: -8rem;
	position:relative;
	z-index: 5;
	top: -50px;
	flex: 1 0 auto;
}

#section-front-content #wrapper-chiffres-clefs .chiffre-clef {
	padding: 1.5rem;
	border-radius: 15px;
	background: var(--vert, #89b214);
	position: relative;
	width: calc(50% - 2rem);
	margin: 1rem;
	color: var(--blanc, #fff);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
}


#section-front-content #wrapper-chiffres-clefs .chiffre-clef .icon-cc {
	opacity: 0.2;
	width: calc(100% - 4rem);
	height: calc(100% - 4rem);
	display: block;
	position: absolute;
	background-attachment: scroll;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#section-front-content #wrapper-chiffres-clefs .chiffre-clef:nth-child(even) {
	top: 100px;
}
#section-front-content #wrapper-chiffres-clefs .chiffre-clef:nth-child(2) {
	background: var(--cyan, #5FC9F8);
}
#section-front-content #wrapper-chiffres-clefs .chiffre-clef:nth-child(3) {
	background: var(--orange, #FF794D);
	
}
#section-front-content #wrapper-chiffres-clefs .chiffre-clef:nth-child(4) {
	background: var(--turquoie, #316B83);
}


#section-front-content #wrapper-chiffres-clefs .chiffre-clef .chiffre{
	position: relative;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
/*	font-size: 3.2rem;*/
	
	font-size: 4.2rem;
	line-height: 1.1;
	margin-bottom: 17px;
}

/*
#section-front-content #wrapper-chiffres-clefs .chiffre-clef .chiffre.font-2{
	font-size: 7rem;
}
#section-front-content #wrapper-chiffres-clefs .chiffre-clef .chiffre.font-4{
	font-size: 6.6rem;
}

#section-front-content #wrapper-chiffres-clefs .chiffre-clef .chiffre.font-6{
	font-size: 5.5rem;
}
*/

#section-front-content #wrapper-chiffres-clefs .chiffre-clef .chiffre > span {
/*	font-size: 0.6em;*/
	
	font-size: 0.4em;
	display: block;
	
}

#section-front-content #wrapper-chiffres-clefs .chiffre-clef .precision{
/*	font-size: 1.4em;*/
	text-transform: uppercase;
	display: block;
	position: relative;
	
	font-size: 1.1em;

}




/*temoignage*/

#section-front-temoignages {}
#section-front-temoignages #inner-temoignages {
	display: flex;
}


#section-front-temoignages #inner-temoignages #thumb-temoignages {
	width: calc((100% / 3) + 8rem);
	position: relative;
	left: 8rem;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
}

#section-front-temoignages #inner-temoignages #thumb-temoignages > span{
	display: block;
	position: relative;
	height: 0;
	padding-bottom: 100%;
	width: 100%;
	border-radius: 100%;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}

#section-front-temoignages #wrapp-temoignages {
	width: calc((100% * (2 / 3)) + 4rem);
	position: relative;
	right: -4rem;
	background: var(--vert-pomme, #C4D889);
	border-top-left-radius: 1000px;
	border-bottom-left-radius: 1000px;
	z-index: 1;
	flex: 1 0 auto;
}


#section-front-temoignages #container-temoignages {
	padding: 4rem 6rem 4rem 10rem;
}

#section-front-temoignages #temoignages-front-title {
	text-align: center;
	margin-bottom: 1rem;
}

#section-front-temoignages .bx-wrapper {
	position: relative;
}

#section-front-temoignages .bx-wrapper::before, #section-front-temoignages .bx-wrapper::after {
	content: "";
	display: block;
	position: absolute;
	pointer-events: all;
	background: var(--blanc, #fff);
	opacity: 0.7;
	top: 0;
	bottom: 0;
	height: calc(100% - 2rem);
	width: 2rem;
	border-radius: 15px;
	margin: auto;
	
}

#section-front-temoignages .bx-wrapper::before {
	left: -2rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

#section-front-temoignages .bx-wrapper::after {
	right: -2rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}


#section-front-temoignages #front-wrapper-temoignages {
	position: initial!important;
}

#section-front-temoignages .temoignage {
	background: var(--blanc, #fff);
	border-radius: 15px;
	padding: 2rem;
	min-height: 100%
}

#section-front-temoignages .temoignage .inner-temoignage {
	display: flex;
	width: 100%;
	align-items: center;
	position: relative;
}

#section-front-temoignages .temoignage .inner-temoignage::before {
	content: "\f10e";
	font-family: "Font Awesome 5 Free";
	font-size: 2.2rem;
	position: absolute;
	top: 0;
	right: 0;
	color: var(--indigo, #183D60);
	font-weight: 700;
}

#section-front-temoignages .temoignage .infos-temoignage {

}

#section-front-temoignages .temoignage .thumb-temoignage {
	width: 170px;
	position: relative;
	display: flex;
}

#section-front-temoignages .temoignage .thumb-temoignage > span {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: auto;
}

#section-front-temoignages .temoignage .identite-temoignage {
	margin-top: 20px;
	font-size: 1rem;
	text-align: center;
	}

#section-front-temoignages .temoignage .identite-temoignage .name {
	display: block;
	font-weight: 700;
}

#section-front-temoignages .temoignage .identite-temoignage .entreprise {
	display: block;
	font-weight: 400;
	font-style: italic;
	font-size: 0.8em;
}


#section-front-temoignages .temoignage .content-temoignage {
	padding-left: 2.5em;
}

#section-front-temoignages .temoignage .note-temoignage {
	font-size: 1.4rem;
	margin-bottom: 10px;
}

#section-front-temoignages .temoignage .note-temoignage .star {
	position: relative;
	display: inline-block;
}

#section-front-temoignages .temoignage .note-temoignage .star::before {
	position: relative;
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	display: block;
	color: var(--vert, #89b214);
	font-weight: 400;
}

#section-front-temoignages .temoignage .note-temoignage .star.shine::before {
	font-weight: 700;
}

#section-front-temoignages .temoignage .avis-temoignage {
	font-weight: 700;
	font-size: 1.2em;
}

#section-front-temoignages #front-temoignages-plus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2rem 2rem 0 2rem;
}

#section-front-temoignages #front-temoignages-pager .bx-pager {
	display: flex;
	align-items: center;
}

#section-front-temoignages #front-temoignages-pager .bx-pager .bx-pager-item {
	margin-right: 10px;
}

#section-front-temoignages #front-temoignages-pager .bx-pager .bx-pager-link {
  display: block;
  position: relative;
  font-size: 0;
}

#section-front-temoignages #front-temoignages-pager .bx-pager .bx-pager-link::before {
  content: "";
  position: relative;
  height: 10px;
  width: 10px;
  border: 1px solid var(--blanc, #fff);
  background: var(--blanc, #fff);
  display: block;
  border-radius: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#section-front-temoignages #front-temoignages-pager .bx-pager .bx-pager-link.active::before {
	background: transparent;
}

#section-front-temoignages #front-temoignages-pager .bx-pager .bx-pager-link:hover::before {
	background: var(--vert, #89b214);
	border-color: var(--vert, #89b214);
}

#section-front-temoignages #front-temoignages-pager .bx-pager .bx-pager-link.active:hover::before {
	background: transparent;
	border-color: var(--vert, #89b214);
}


/*partenaire*/

#section-front-partenaire {
	margin-top: 5rem;
}

#section-front-partenaire > .container {
	display: flex;
	align-items: center;
}

#section-front-partenaire #wrap-title-partenaire {
	width: 25%;
	text-align: center;
}

#section-front-partenaire #partenaire-controls {
	font-size: 1.7rem;
}

#section-front-partenaire #partenaire-controls .prevnext {
	display: inline-block;
	padding: 5px;
}

#section-front-partenaire #partenaire-controls .prevnext > a{
	color: var(--vert, #89b214);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
}
#section-front-partenaire #partenaire-controls .prevnext > a:hover {
	color: var(--vert-pomme, #C4D889);
}

#section-front-partenaire #wrapper-partenaire {
	width: 75%;
}

#section-front-partenaire #wrapper-partenaire .partenaire {
	padding: 20px;
}

#section-front-partenaire #wrapper-partenaire .partenaire .inner-partenaire {
	width: 100%;
	padding-top: 100%;
	height: 0;
	border-radius: 100%;
	background: var(--bleu-desature, #f5f9fa);
	display: block;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#section-front-partenaire #wrapper-partenaire .partenaire .inner-partenaire:hover {
	background:  var(--vert-desature, #f3f7e7);
}

#section-front-partenaire #wrapper-partenaire .partenaire .inner-partenaire > img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 65%;
	max-height: 60%;
	filter: grayscale(100%);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#section-front-partenaire #wrapper-partenaire .partenaire .inner-partenaire > span{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 65%;
	max-height: 60%;
	filter: grayscale(100%);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


#section-front-partenaire #wrapper-partenaire .partenaire .inner-partenaire:hover > img {
	filter: grayscale(0%);
}


#section-front-partenaire #wrapper-partenaire .partenaire .inner-partenaire:hover > span{
	filter: grayscale(0%);
}


/*actus*/

#section-front-actus {
	
}

#section-front-actus #head-front-actus {
	padding-left: 2rem;
	padding-right: 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#section-front-actus #actus-front-title {margin: 0;}

#section-front-actus #head-front-actus #actus-front-pager .bx-pager { 
	display: flex;
	align-items: center
}

#section-front-actus #head-front-actus #actus-front-pager .bx-pager .bx-pager-item { margin-left: 10px; }

#section-front-actus #head-front-actus #actus-front-pager .bx-pager .bx-pager-link {
	display: block;
	position: relative;
	font-size: 0;
}


#section-front-actus #head-front-actus #actus-front-pager .bx-pager .bx-pager-link::before {
    content: "";
    position: relative;
    height: 10px;
    width: 10px;
    border: 1px solid var(--indigo, #183D60);
    background: var(--indigo, #183D60);
    display: block;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#section-front-actus #head-front-actus #actus-front-pager .bx-pager .bx-pager-link.active::before {
    background: transparent;
}

#section-front-actus #head-front-actus #actus-front-pager .bx-pager .bx-pager-link:hover::before {
  background: var(--turquoise, #316B83);
  border-color: var(--turquoise, #316B83);
}

#section-front-actus #head-front-actus #actus-front-pager .bx-pager .bx-pager-link.active:hover::before {
  background: transparent;
  border-color: var(--turquoise, #316B83);
}

#section-front-actus .actu {
	padding: 15px;
}

#section-front-actus .actu > a{
	border-radius: 15px;
	display: block;
	background-color: var(--bleu-desature, #f5f9fa);
	overflow: hidden;
}
#section-front-actus .actu > a:hover{
  background-color: var(--vert-desature, #f3f7e7);
}

#section-front-actus .actu .head-actu {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}


#section-front-actus .actu .head-actu .thumb-actu{
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

#section-front-actus .actu > a:hover .head-actu .thumb-actu {
  transform: scale(1.05);
}

#section-front-actus .actu .list-cats-actu {
	padding: 1.5rem 2rem;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

#section-front-actus .actu .list-cats-actu .cat-actu {
	background: var(--blanc, #fff);
	display: inline-block;
	font-size: 0.9em;
	border-radius: 5px;
	padding: 5px 10px;
	color: var(--vert, #89b214);
	font-weight: 700;
	margin: 5px;
}


#section-front-actus .actu .content-actu {
	padding: 1.5rem 2rem;
}

/*=====================================================
	SITE HEADING
======================================================*/

#site-heading{
	background: var(--vert-desature, #f3f7e7);
}

#site-heading #inner-heading {
	display: flex;
	justify-content: space-between;
	margin-top: 112px;
}


#site-heading #heading-title {
	width: 50%;
	padding-top: 5rem;
	padding-bottom: 5rem;
}

#site-heading .heading-title {
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	color: var(--indigo, #183D60);
	font-weight: 700;
	font-size: 2.2rem;
	margin: 0;
	
}

#site-heading #breadcrumbs {
	margin-top: 1rem;
	color: var(--indigo, #183D60);
}

#site-heading #breadcrumbs a{ 
	font-weight: 700;
	color: var(--indigo, #183D60);
}

#site-heading #breadcrumbs a:hover {
	color: var(--turquoise, #316B83);
} 

#site-heading #breadcrumbs i {
	color: var(--vert, #89b214);
	margin: 0 0.5rem;
}

#site-heading #heading-thumb {
	width: 50%;
	position: relative;
	padding-left: 4rem;
} 

#site-heading #heading-thumb > span {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	border-bottom-left-radius: 1000px;
	border-top-left-radius: 1000px;
}
/*=====================================================
	PAGE
======================================================*/

.page-content{

}

/*section temoignages*/

#section-temoignages {}

#section-temoignages #wrapper-temoignages {}

#section-temoignages .temoignage{
	padding: 10px;
}

#section-temoignages .temoignage .inner-temoignage{
	background-color: var(--bleu-desature, #f5f9fa);
	border-radius: 15px;
	padding: 1.5rem 2.5rem;
	display: flex;
	align-items: center;
}

#section-temoignages .temoignage .infos-temoignage{}

#section-temoignages .temoignage .thumb-temoignage {
	width: 120px;
	position: relative;
	display: flex;
}
#section-temoignages .temoignage .thumb-temoignage > span {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: auto;
}

#section-temoignages .temoignage .identite-temoignage {
	margin-top: 20px;
	font-size: 1rem;
	text-align: center;
}

#section-temoignages .temoignage .identite-temoignage .name { display: block; font-weight: 700;}
#section-temoignages .temoignage .identite-temoignage .entreprise { 
	display: block;
	font-weight: 400;
	font-style: italic;
	font-size: 0.8em;
}

#section-temoignages .temoignage .content-temoignage {
	padding-left: 2.5em;
	
}

#section-temoignages .temoignage .note-temoignage {
	font-size: 1.4rem;
	margin-bottom: 10px;
	
}

#section-temoignages .temoignage .note-temoignage .star {
	position: relative;
	display: inline-block;
}

#section-temoignages .temoignage .note-temoignage .star::before {
	position: relative;
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	display: block;
	color: var(--vert, #89b214);
	font-weight: 400;
}

#section-temoignages .temoignage .note-temoignage .star.shine::before {
	font-weight: 700;
}

#section-temoignages .temoignage .note-temoignage .star.light::before {
	font-weight: 400;
}

#section-temoignages .temoignage .avis-temoignage {
	font-weight: 700;
	font-size: 1.1em;
}

#section-temoignages #head-temoignage {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#section-temoignages #head-temoignage {
	padding-left: 2rem;
	padding-right: 2rem;
}

#section-temoignages #temoignage-title {
	margin-bottom: 0;
}

#section-temoignages #head-temoignage #temoignage-pager .bx-pager{
	display: flex;
	align-items: center;
}

#section-temoignages #head-temoignage #temoignage-pager .bx-pager .bx-pager-item{
	margin-left: 10px;
}

#section-temoignages #head-temoignage #temoignage-pager .bx-pager .bx-pager-link{
	display: block;
	position: relative;
	font-size: 0;
}

#section-temoignages #head-temoignage #temoignage-pager .bx-pager .bx-pager-link::before {
	content: "";
	position: relative;
	height: 10px;
	width: 10px;
	border: 1px solid var(--indigo, #183D60);
	background: var(--indigo, #183D60);
	display: block;
	border-radius: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

#section-temoignages #head-temoignage #temoignage-pager .bx-pager .bx-pager-link.active::before {
	background: transparent;
}

#section-temoignages #head-temoignage #temoignage-pager .bx-pager .bx-pager-link:hover::before {
	background: var(--turquoise, #316B83);
	border-color: var(--turquoise, #316B83);
}

#section-temoignages #head-temoignage #temoignage-pager .bx-pager .bx-pager-link.active:hover::before {
	background: transparent;
	border-color: var(--turquoise, #316B83);
}

#section-temoignages #temoignage-link {
	text-align: center;
	margin-top: 2rem;
}



/*section logos*/


.section-logos {
	
}

.section-logos > .container {
	display: flex;
	align-items: center;
}

.section-logos .wrap-title-section_logos {
	width: 25%;
	text-align: center;
}

.section-logos .title-section-logos {
	
}

.section-logos .partenaire-controls {
	font-size: 1.7rem;
}

.section-logos .partenaire-controls .prevnext{
	display: inline-block;
	padding: 5px;
}

.section-logos .partenaire-controls .prevnext > a{
	color: var(--vert, #89b214);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
}
.section-logos .partenaire-controls .prevnext > a:hover {
	color: var(--vert-pomme, #C4D889);
}

.section-logos .wrapper-section_logos {
	width: 75%;
}

.section-logos .wrapper-section_logos .un_logo {
	padding: 20px;
}

.section-logos .wrapper-section_logos .un_logo .inner-logo {
	width: 100%;
	padding-top: 100%;
	height: 0;
	border-radius: 100%;
	background: var(--bleu-desature, #f5f9fa);
	display: block;
	position: relative;
}

.section-logos .wrapper-section_logos .un_logo a.inner-logo:hover {
/*	background:  var(--vert-desature, #f3f7e7);*/
}

.section-logos .wrapper-section_logos .un_logo .inner-logo > img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 65%;
	max-height: 60%;
	filter: grayscale(100%);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;

}

.section-logos .wrapper-section_logos .un_logo .inner-logo:hover > img {
	filter: grayscale(0%);
}


.section-logos .wrapper-section_logos .un_logo .inner-logo > span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 65%;
	max-height: 60%;
	filter: grayscale(100%);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;

}

.section-logos .wrapper-section_logos .un_logo .inner-logo:hover > span {
	filter: grayscale(0%);
}

/*solutions*/
#section-solutions {
	background-image: url('assets/images/bg-solutions.jpg');
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}
#section-solutions > .container {
	display: flex;	
	align-items: center;
	padding-top: 4rem;
	padding-bottom: 4rem;
}

#section-solutions #wrap-title-section-solutions {
	width: calc(100% / 3);
	padding: 0 2rem 0 4rem;
}

#section-solutions #title-section-solutions {
	text-align: right;
	margin: 0;
	
}
#section-solutions #title-section-solutions strong{
	color: var(--blanc, #fff);
}


#section-solutions #wrap-solutions {
	display: flex;
	width: calc(100% * (2 / 3));
}

#section-solutions .solution {
	border-radius: 15px;
	overflow: hidden;
	position: relative;
	margin-left: 2rem;
	flex: 1 1 100%;
}

#section-solutions .solution > a{
	background: var(--vert-pomme, #C4D889);
	position: relative;
	display: flex;
	padding: 1rem 1.5rem;
	height: 100%;
}
#section-solutions .solution > a:hover {
	background: var(--vert, #89b214);
}

#section-solutions .solution .img-solution {
	width: calc(100% / 3);
	flex: 0 0 auto;
	position: relative;
	max-width: 65px;
}

#section-solutions .solution .img-solution span{
	display: block;
	
}

#section-solutions .solution .solution-content {
	padding-left: 1rem;
	width: 100%;
}

#section-solutions .solution .solution-title {
	color: var(--blanc, #fff);
	margin: 0;
	line-height: 1.2;
	overflow-wrap: anywhere;
	hyphens: auto;
}

#section-solutions .solution .fake-btn {
	color: var(--blanc, #fff);
	text-transform: uppercase;
	font-weight: 700;
	opacity: 0.7;
	font-size: 0.9em;
	line-height: 1;
	margin-top: 5px;
	padding: 8px 0px;
	border-radius: 10px;
	display: inline-block;
	background: transparent;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: auto;
	min-width: 1px;
	text-align: center;
}

#section-solutions .solution > a:hover .fake-btn {
	color: var(--indigo, #183D60);
	opacity: 1;
	background: var(--blanc, #fff);
	padding-left: 20px;
	padding-right: 20px;
	min-width: 100%;
}


/*rejoindre*/

#welcomekit-embed {
	
}

.content .welcomekit-jobs-list {
	padding: 0;
	margin: 0;
}

.content .welcomekit-jobs-list .welcomekit-jobs-list-item {
	margin: 20px 0;
	padding: 0;
}

.content .welcomekit-jobs-list .welcomekit-jobs-list-item::before {
	display: none;
}

.welcomekit-jobs-list-item-link {
	position: relative;
	display: block;
	margin: 0;
	padding: 1.5rem calc(2rem + 50px) 1.5rem 2rem;
	transition: all 0.3s ease 0s;
	background: var(--bleu-desature, #f5f9fa);
	border-radius: 15px;
}


.welcomekit-jobs-list-item-link:hover {
	background: var(--vert-desature, #f3f7e7);
/*	border-bottom-color: #ddd;*/
}

.welcomekit-jobs-list-item-link:after {
	position: absolute;
	top: 50%;
	right: 30px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	content: ' ';
	border-top: 2px solid #ddd;
	border-right: 2px solid #ddd;
	transform: rotate(45deg);
	transition: all 0.3s ease 0s;
	border-top-right-radius: 3px;
}

.welcomekit-jobs-list-item-link:hover:after {
	right: 20px;
	border-top-color: #aaa;
	border-right-color: #aaa;
}
.welcomekit-job-name {
	margin: 0 0 10px 0;
	padding: 0;
/*	font-weight: 500;*/
/*	font-size: 19px;*/
/*	line-height: 20px;*/
/*	color: #89B214;*/
	color: var(--vert, #89b214);

}
.content .welcomekit-job-infos {
	margin: 0;
	padding: 0;
}

.content .welcomekit-job-infos > li {
	position: relative;
	display: inline-block;
	margin: 0 0.5em 0 0;
	color: #aaa;
}
.content .welcomekit-job-infos > li:first-child {
	padding-left: 0;
}

.content .welcomekit-job-infos > li:before {
/*
	position: absolute;
	top: 6px;
	left: -20px;
	content: ' ';
	display: block;
	height: 6px;
	width: 6px;
	border-radius: 50%;
*/
	background: #ddd;
}
.content .welcomekit-job-infos > li:first-child:before {
	display: none;
}


/*paputest*/
.welcomekit-job-infos > li.welcomekit-job-description {
  display: block;
  margin: 10px 0 0 0;
  padding: 10px 20px;
  border-left: 2px solid #eee;
}
.welcomekit-job-infos > li.welcomekit-job-description p,
.welcomekit-job-infos > li.welcomekit-job-description ul {
  margin: 0;
  padding: 0 0 10px 0;
  color: #bbb;
}
.welcomekit-job-infos > li.welcomekit-job-description ul li {
  border-left: 1px solid #eee;
  padding-left: 10px;
  margin-bottom: 10px;
}
.welcomekit-job-infos > li.welcomekit-job-description pre {
  border-left: 1px solid #eee;
  padding-left: 10px;
  overflow: auto;
}
.welcomekit-job-infos > li.welcomekit-job-description:before {
  display: none
}
.welcomekit-office-city,
.welcomekit-department-name {
  display: block;
  padding: 15px;
  background: #eee;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 500;
  font-size: 17px;
  line-height: 18px;
  text-transform: uppercase;
}
.welcomekit-warning {
  display: block;
  padding: 50px 0;
  text-align: center;
}
/**/


/*=====================================================
	TEMOIGNAGES
======================================================*/

#section-page-temoignages {}


#section-page-temoignages {}

#section-page-temoignages #wrapper-temoignages {
	display: flex;
	flex-flow: row wrap;
}

#section-page-temoignages .temoignage{
	padding: 10px;
	width: calc(100% / 2);
}

#section-page-temoignages .temoignage.full-width {
	width: 100%;
}

#section-page-temoignages .temoignage .inner-temoignage{
	background-color: var(--bleu-desature, #f5f9fa);
	border-radius: 15px;
	padding: 1.5rem 2.5rem;
	display: flex;
	height: 100%;
	align-items: center;
}

#section-page-temoignages .temoignage .infos-temoignage{}

#section-page-temoignages .temoignage .thumb-temoignage {
	width: 120px;
	position: relative;
	display: flex;
	margin: auto;
}
#section-page-temoignages .temoignage .thumb-temoignage > span {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin: auto;
}

#section-page-temoignages .temoignage .identite-temoignage {
	margin-top: 20px;
	font-size: 1rem;
	text-align: center;
}

#section-page-temoignages .temoignage .identite-temoignage .name { 
	display: block; 
	font-weight: 700;
}

#section-page-temoignages .temoignage .identite-temoignage .entreprise { 
	display: block;
	font-weight: 400;
	font-style: italic;
	font-size: 0.8em;
}

#section-page-temoignages .temoignage .content-temoignage {
	padding-left: 2.5em;
	
}

#section-page-temoignages .temoignage .note-temoignage {
	font-size: 1.4rem;
	margin-bottom: 10px;
	
}

#section-page-temoignages .temoignage .note-temoignage .star {
	position: relative;
	display: inline-block;
}

#section-page-temoignages .temoignage .note-temoignage .star::before {
	position: relative;
	content: "\f005";
	font-family: "Font Awesome 5 Free";
	display: block;
	color: var(--vert, #89b214);
	font-weight: 400;
}

#section-page-temoignages .temoignage .note-temoignage .star.shine::before {
	font-weight: 700;
}

#section-page-temoignages .temoignage .note-temoignage .star.light::before {
	font-weight: 400;
}

#section-page-temoignages .temoignage .avis-temoignage {
	font-weight: 700;
	font-size: 1.1em;
}

#section-page-temoignages #head-temoignage {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#section-page-temoignages #head-temoignage {
	padding-left: 2rem;
	padding-right: 2rem;
}

#section-page-temoignages #temoignage-title {
	margin-bottom: 0;
}



/*=====================================================
	CLIENTS
======================================================*/


#section-page-clients {}

#wrapper-client {
	display: flex;
	flex-flow: row wrap

}

#wrapper-client .client {
	padding: 20px;
	width: calc(100% / 6);
}


#wrapper-client .client .inner-client {
	width: 100%;
	padding-top: 100%;
	height: 0;
	border-radius: 100%;
	background: var(--bleu-desature, #f5f9fa);
	display: block;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#wrapper-client .client .inner-client:hover {
	background:  var(--vert-desature, #f3f7e7);
}

#wrapper-client .client .inner-client > img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 65%;
	max-height: 60%;
	filter: grayscale(100%);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
	

#wrapper-client .client .inner-client:hover > img{
	filter: grayscale(0%);
}
/*=====================================================
	HOME
======================================================*/

#home-categories {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	margin: 1rem 0 2rem 0;
}

#home-categories .category {
	background: var(--vert, #89b214);
	margin: 5px;
	border: 2px solid transparent;
	line-height: 1;
}

#home-categories .category.current-cat {
	border-color: var(--vert, #89b214);
	color: var(--vert, #89b214);
	background: transparent;
}

#home-categories .category:hover {
	background: var(--vert-pomme, #C4D889);
	color: var(--blanc, #fff);
}


#home-actus {
	display: flex;
	flex-flow: row wrap;
}

#home-actus .actu {
	padding: 15px;
	width: calc(100% / 4);
}

#home-actus .actu > a{
	border-radius: 15px;
	display: block;
	background-color: var(--bleu-desature, #f5f9fa);
	overflow: hidden;
	height: 100%;
}

#home-actus .actu > a:hover {
	background-color: var(--vert-desature, #f3f7e7);
}

#home-actus .actu .head-actu {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}


#home-actus .actu .head-actu .thumb-actu{
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}


#home-actus .actu > a:hover .head-actu .thumb-actu {
	transform: scale(1.05);
}


#home-actus .actu .list-cats-actu {
	padding: 1.5rem 2rem;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

#home-actus .actu .list-cats-actu .cat-actu {
	background: var(--blanc, #fff);
	display: inline-block;
	font-size: 0.9em;
	border-radius: 5px;
	padding: 5px 10px;
	color: var(--vert, #89b214);
	font-weight: 700;
	margin: 5px;
}


#home-actus .actu .content-actu {
	padding: 1.5rem 2rem;
}

/*=====================================================
	SINGLE
======================================================*/

#head-single {
	padding-bottom: 2rem;
	display: flex;
	justify-content: space-between;
}

#head-single .plus-head{
	padding-left: 2rem;
	flex: 0 0 auto;
}

#head-single h1{
	margin-bottom: 0;
}

#head-single #infos-single {
	display: flex;
	align-items: center;
}

#head-single #date-published {
	color: #aaa;
	font-size: 0.9em;
	font-weight: 700;
}


#head-single .list-cats-actu {
	margin-left: 20px;
}

#head-single .list-cats-actu .cat-actu {
		background: var(--vert-desature, #f3f7e7);
	display: inline-block;
	font-size: 0.9em;
	border-radius: 5px;
	padding: 5px 10px;
	color: var(--vert, #89b214);
	font-weight: 700;
	margin: 5px;

/*
	border: 2px solid var(--vert, #89b214);
	color: var(--vert, #89b214);
	background: transparent;
	margin-left: 10px;
	margin-bottom: 10px;
	
*/

}

#head-single .list-cats-actu .cat-actu:hover {
	background: var(--vert-pomme, #C4D889);
	color: var(--blanc, #fff);
}




/*=====================================================
	RDV
======================================================*/

#rdv-expert {}
#rdv-expert #inner-rdv {
	display: flex;
	
}

#rdv-expert #rdv-thumb {
/*	width: calc((100% * (2 / 3)) + 4rem);*/
/*	width: calc((100% * (3 / 4)) + 4rem);*/
	width: calc((100% - 400px + 4rem));
	position: relative;
	margin-left: -4rem;

}

#rdv-expert #rdv-thumb > span {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
	border-bottom-right-radius: 1000px;
	border-top-right-radius: 1000px;
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


#rdv-expert #rdv-content {
/*	width: calc(100% / 3);*/
/*	width: calc(100% / 4);*/
	width: 400px;
	position: relative;
	margin-left: -2rem;
}

#rdv-expert #rdv-content #rdv-shape {
	width: 100%;
	padding-bottom: 100%;
	height: 0;
	background: var(--orange, #FF794D);
	border-radius: 100%;
	position: relative;
}

#rdv-expert #rdv-content #rdv-shape > .content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 15%;
	text-align: center;
}

#rdv-expert #rdv-content .title-rdv {
	color: var(--blanc, #fff);
}

/*=====================================================
	FOOTER
======================================================*/




#site-footer {
	overflow: hidden;
}


#footer-social {}

#footer-social > .container {
	padding-bottom: 0;
} 

#footer-social #social-wrapper {display: flex;}

#footer-social #social-wrapper #reseaux-sociaux {
	width: 25%;
	display: flex;
	align-items: center;
	padding: 0 2rem 0 0;
}

#footer-social #reseaux-sociaux #list-rs {
	display: flex;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

#footer-social #reseaux-sociaux #list-rs .rs {
	margin: 5px;
	padding: 0;
}

#footer-social #reseaux-sociaux #list-rs .rs a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	width: 60px;
	border-radius: 100%;
	color: var(--blanc, #fff);
	font-size: 1.6rem;
	background: var(--orange, #FF794D);
}

#footer-social #reseaux-sociaux #list-rs .rs a.twitter { background: var(--turquoise, #316B83); }
#footer-social #reseaux-sociaux #list-rs .rs a.facebook-f { background: var(--cyan, #5FC9F8); }
#footer-social #reseaux-sociaux #list-rs .rs a.linkedin-in { background: var(--indigo, #183D60); }

#footer-social #reseaux-sociaux #list-rs .rs a:hover {
	 background: var(--vert, #89b214)!important;
}

#footer-social #social-wrapper #form-newsletter {
	width: 75%;
	position: relative;
	display: flex;
	justify-content: space-between;
	padding: 1.2rem 0 1.2rem 8rem; 
}

#footer-social #social-wrapper #form-newsletter::before {
	content: "";
	display: block;
	position: absolute;
	background: var(--vert, #89b214);
	height: 100%;
	width: calc(100% + 50vw);
	top: 0;
	left: 0;
	border-top-left-radius: 1000px;
	border-bottom-left-radius: 1000px;
}

#footer-social #social-wrapper #form-newsletter > * { position: relative; z-index: 1; }

#footer-social #social-wrapper #form-newsletter .formulaire-title {
	color: var(--blanc, #fff);
	font-weight: 700;
	font-size: 1.7rem;
	position: relative;
	font-family: 'Montserrat', sans-serif;
	flex: 0 0 auto;
	padding-right: 2rem;
	padding-top: 0.5rem;
}

#footer-social #social-wrapper #form-newsletter .wpcf7 {
	color: var(--blanc, #fff);
}

#footer-social #social-wrapper #form-newsletter .wpcf7 form {
	width: 100%;
}

#footer-social #social-wrapper #form-newsletter .wpcf7 form > p{
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin: 0;
	justify-content: flex-end;
	
}

#footer-social #social-wrapper #form-newsletter .wpcf7 form input {
	font-size: 1rem;
	color: var(--blanc, #fff);
	font-weight: 400;
	padding: 1rem 2rem;;
	border-radius: 10px;
	background: rgba(255,255,255,0.5);
	border: none;
	outline: none;	
	transition: all 0.3s ease 0s;
	position: relative;
	margin-left: 10px;
	max-width: 400px;
}

#footer-social #social-wrapper #form-newsletter .wpcf7 form input::placeholder {
	color: var(--blanc, #fff);
}

#footer-social #social-wrapper #form-newsletter .wpcf7 form input:focus {
	background: rgba(255,255,255,0.8);
	color: var(--vert, #89b214);
}

#footer-social #social-wrapper #form-newsletter .wpcf7 form input.wpcf7-submit {
	background: var(--indigo, #183D60);
	text-transform: uppercase;
	font-weight: 700;
}

#footer-social #social-wrapper #form-newsletter .wpcf7 form input.wpcf7-submit:hover {
	background: var(--turquoise, #316B83);
}

#footer-social #social-wrapper #form-newsletter .wpcf7 form .wpcf7-spinner {
	display: none;
}

#footer-social .wpcf7 form .wpcf7-response-output {
	display: none;
}


#footer-content, #footer-credit {
	background: var(--indigo, #183D60);
}

#footer-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


#footer-content #footer-infos {
	font-style: normal;
	width: calc(100% / 4);
	flex: 0 0 auto;
	max-width: 230px;
}

#footer-content #footer-infos .inner-address {
	margin-top: 1rem;
}

#footer-content #footer-infos #footer-logo {
	max-width: 100px;
}

#footer-content #footer-infos #footer-baseline {
	font-size: 0.9rem;
	color: var(--blanc, #fff);
	font-weight: 700;
}

#footer-content #footer-infos #footer-address {
	font-size: 0.8rem;
	color: rgba(255,255,255,0.6);
}
	

#footer-content #footer-nav {
	width: calc(100% * (3 / 4));
	flex: 0 0 auto;
}

#footer-content #footer-nav #menu-menu-footer {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: flex-end;
}

#footer-content #footer-nav #menu-menu-footer li {
	margin: 0;
	padding: 0;
	padding-left: 2.5rem;
	font-size: 0.9rem;
	font-family: 'Montserrat', sans-serif;
}

#footer-content #footer-nav #menu-menu-footer li a{
	color: var(--turquoise, #316B83);
	font-weight: 700;
}

#footer-content #footer-nav #menu-menu-footer li a:hover {
	color: var(--blanc, #fff);
}

#footer-content #footer-nav #menu-menu-footer .sub-menu {
	margin: 0;
	margin-top: 1.5rem;
	list-style: none;
	padding: 0;
}

#footer-content #footer-nav #menu-menu-footer .sub-menu li {
	font-family: 'Overpass', sans-serif;
	font-size: 0.75rem;
	margin-top: 0.3rem;
	padding: 0;
	display: flex;
}

#footer-content #footer-nav #menu-menu-footer .sub-menu li.hide {
	display: none;
}

#footer-content #footer-nav #menu-menu-footer .sub-menu li::before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	color: var(--cyan, #5FC9F8);
	display: block;
	font-weight: 700;
	margin-right: 0.5rem;
}

#footer-content #footer-nav #menu-menu-footer .sub-menu li a {
	color: #fff;
	font-weight: 400;
}

#footer-content #footer-nav #menu-menu-footer .sub-menu li a:hover {
	color: var(--cyan, #5FC9F8);
}

#footer-credit {}

#footer-credit .container {
	border-top: 1px solid rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.3);
	text-align: right;
	font-size: 0.75rem;
}


/***********************************
	COOKIES
************************************/
#cookie-notice {
	background-color:  var(--indigo, #183D60)!important;
	font-size: 0.9rem;
	font-family: 'Overpass', sans-serif;
	line-height: inherit;
	box-shadow: 0 0 15px 0px rgba(0,0,0,0.2);
}

#cookie-notice .cookie-notice-container { padding-left: 40px; padding-right: 40px;}

#cookie-notice .cn-button {
	font-size: 1rem!important;
	letter-spacing: inherit!important;
	font-weight: 700!important;
	font-size: 'Overpass', sans-serif!important;
	padding: 0.7rem 1rem 0.5rem!important;
	background:  var(--orange, #FF794D)!important;
	color: var(--blanc, #fff)!important;
	border-radius: 10px!important;
	text-transform: uppercase!important;
	margin: 0 10px!important;
	font-family: 'Overpass', sans-serif!important;
}

#cookie-notice .cn-button:hover {
	background: var(--jaune, #FFD06B)!important;
}

#cookie-notice .cn-close-icon::before, .cn-close-icon::after {
	background-color: var(--blanc, #fff);
}

#cookie-notice .cn-close-icon { right: 10px;}




/***********************************
	RESPONSIVE
************************************/


@media screen and (max-width: 1599px) {
	
	
/*front */	
	#heading-front .solution > a { padding: 1rem 1.5rem;}
	#heading-front .solution .img-solution {width: 70px; height: 70px; top: 1rem;}
	#heading-front .solution > a:hover .img-solution { height: 60px; width: 60px;}
	#heading-front .solution .solution-title {min-height: 100px;}
	#heading-front .solution > a:hover .solution-content {padding-bottom: 25px;}
	#heading-front .solution > a:hover .solution-title { max-width: calc(100% - 70px);}
	
	
	#heading-front .wrapper-front-title {width: 50%;}
	#heading-front .hfront-bg {width: 70%;}
	
	#section-front-actus .actu .content-actu { padding: 1rem 1.5rem;}	

	
/*newsletter*/
	#footer-social #social-wrapper #form-newsletter .wpcf7 form input { max-width: 300px;}
	
/*clients*/
	#wrapper-client .client {width: calc(100% / 5);}
		
/*solutions*/
	#section-solutions #wrap-title-section-solutions { padding-left: 0; padding-right: 1rem; width: 25%;}
	#section-solutions .solution {margin-left: 1.5rem;}
	#section-solutions .solution .img-solution {max-width: 60px;}
	#section-solutions #wrap-solutions {width: 75%;}
	
/*actu*/
	#home-actus .actu {width: calc(100% / 3);}
	#home-actus .actu .content-actu { padding: 1rem 1.5rem; }
		
}

@media screen and (max-width: 1439px) {
	h1, .h1, #site-heading .heading-title {font-size: 2rem;}
	h2, .h2 {font-size: 1.6rem;}
	h3, .h3 {font-size: 1.2rem;}

	.container, .content > .wp-block-columns > .wp-block-column, .has-background { padding-left: 3rem; padding-right: 3rem;}
	.content > .wp-block-columns { margin-left: -3rem; margin-right: -3rem;}
	.content > .wp-block-media-text, .content > .wp-block-columns {margin-bottom: 3rem; margin-top: 3rem;}

	.wp-block-media-text .wp-block-media-text__content {padding-left: 3rem; padding-right: 3rem;}
	
	.content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-column {padding: 1rem;}
	
	/*header*/	
	#site-header #header-nav #mastnav .sub-menu > li.menu-plus {padding: 1rem;}
	#site-header #header-nav #mastnav .sub-menu { padding: 0.5rem; padding-right: calc((100% / 3) + 0.5rem);}
	#site-header #header-nav #mastnav .sub-menu > li {padding-left: 0; padding-right: 0;}
	#site-header #header-nav #mastnav ul.nav-menu > li {margin: 0;}
	#site-header #header-nav #mastnav ul.nav-menu > li > a {padding-left: 1.5rem; padding-right: 1.5rem;}
	#site-header #header-nav #mastnav .sub-menu > li > a .menu-image-title, #site-header #header-nav #mastnav .sub-menu > li > a .sub { padding-left: 0.5rem;}
	
/*heading*/
	#site-heading #heading-title {padding-top: 4rem; padding-bottom: 4rem;}
	#site-heading #heading-thumb {padding-left: 3rem;}
	
/*front*/
	#heading-front .solution > a { padding: 1rem;}
	#heading-front .solution .img-solution {width: 60px; height: 60px; }
	#heading-front .solution .solution-title { min-height: 110px;}
	#heading-front .solution > a:hover .img-solution { height: 50px; width: 50px;}
	#heading-front .solution > a:hover .solution-content {padding-bottom: 35px;}
	#heading-front .solution > a:hover .solution-title { max-width: calc(100% - 60px);}
	#heading-front .solution .img-solution { right: 1rem;}

	#heading-front .wrapper-front-title {width: 60%;}
	#heading-front .hfront-bg {width: 75%;}
	
	#section-front-content #wrapper-chiffres-clefs .chiffre-clef {padding: 1rem;}
	#section-front-content #wrapper-chiffres-clefs .chiffre-clef .chiffre.font-2 {font-size: 6rem; }
/*	#section-front-content #wrapper-chiffres-clefs .chiffre-clef .chiffre {font-size: 3rem;}*/
	#section-front-content #content-front .content > .wp-block-columns > .wp-block-column {padding-left: 1rem; padding-right: 1rem;}
	#section-front-content #content-front .content > .wp-block-columns {margin-top: 3rem; margin-bottom: 3rem;}
	
	#section-front-content #content-front > .container {padding: 0rem 7rem 0rem 4rem;}
	#section-front-content #content-front { left: -3rem;}
	#section-front-content #wrapper-chiffres-clefs {width: calc(40% + 7rem); left: -7rem;}
	
	#section-front-temoignages #inner-temoignages #thumb-temoignages {width: calc((100% / 3) + 6rem); left: 6rem;}
	#section-front-temoignages #wrapp-temoignages{width: calc((100% * (2 / 3)) + 3rem); right: -3rem;}
	#section-front-temoignages .temoignage { padding: 1rem;}
	#section-front-temoignages .temoignage .content-temoignage {padding-left: 1.5rem;}
	#section-front-temoignages .temoignage .avis-temoignage { font-size: 1.1em;}
	#section-front-temoignages .temoignage .inner-temoignage::before { font-size: 2em;}
	#section-front-temoignages .temoignage .thumb-temoignage > span {width: 125px; height: 125px;}
	#section-front-temoignages .temoignage .thumb-temoignage {width: 150px;}
	#section-front-temoignages #container-temoignages { padding: 4rem 5rem 4rem 9rem;}
	
/*newsletter*/
	#footer-social #social-wrapper #form-newsletter .formulaire-title {font-size: 1.2rem;}
	#footer-social #social-wrapper #form-newsletter {padding-left: 6rem;}
/*	#footer-social #social-wrapper #form-newsletter .wpcf7 form input { max-width: 250px;}*/
	
	
/*temoignage*/
	#section-page-temoignages .temoignage .content-temoignage {padding-left: 1.5rem;}	
	
/*piedpage*/
	#section-temoignages .temoignage .content-temoignage {padding-left: 1.5rem;}
	#rdv-expert #rdv-thumb { width: calc((100% - 400px + 3rem)); margin-left: -3rem;}

/*footer*/
	#footer-content #footer-nav #menu-menu-footer li {padding-left: 2rem;}
}

@media screen and (max-width: 1320px) {
	
}

@media screen and (max-width: 1279px) {
	html {font-size: 15px;}
	
	.container, .content > .wp-block-columns > .wp-block-column, .has-background { padding-left: 2rem; padding-right: 2rem;}
	.content > .wp-block-columns { margin-left: -2rem; margin-right: -2rem;}

	.wp-block-media-text .wp-block-media-text__content {padding-left: 2rem; padding-right: 2rem;}
		.content > .wp-block-media-text, .content > .wp-block-columns {margin-bottom: 2rem; margin-top: 2rem;}

	.content > .wp-block-columns > .wp-block-column.has-background {padding-top: 2rem; padding-bottom: 2rem;}
	
	.content > .wp-block-columns > .wp-block-column > .wp-block-columns {}
	
	
	/*header*/
	.home #site-header #logo a {padding: 10px;}
	#site-header #logo { height: 60px;}
	#site-header #logo a img {min-height: 40px;}
	#site-header #header-nav #mastnav ul.nav-menu > li > a { padding: 0.5rem 1rem; font-size: 1rem; }
	#site-header #header-nav #headerlinks .link a { padding: 0.5rem 1rem; font-size: 1rem;}
	#site-header #header-nav #mastnav .sub-menu > li > a {font-size: 0.9rem;}
	
	#site-header #header-nav #mastnav .sub-menu {column-count: 1; padding-right: calc(60% - 0.5rem);}
	#site-header #header-nav #mastnav .sub-menu > li.menu-plus {width: 40%;}
	
	
/*front*/	
	
	#heading-front .wrapper-front-title {width: 75%; }
	#heading-front .hfront-bg {width: 80%;}
	#heading-front .wrapper-front-title .btn {margin-top: 1rem;}
	#heading-front #wrapper-front-solutions {flex-flow: row wrap;}
	#heading-front .solution { flex: 1 1 calc(50% - 10px); margin-bottom: 10px;}
	#heading-front .solution .solution-title { min-height: 80px;}
	#heading-front .solution > a:hover .solution-title { min-height: 50px;}
	#heading-front .solution > a:hover .solution-content {padding-bottom: 30px;}
	
	
	#section-front-content #content-front .content > .wp-block-columns {flex-flow: column; margin-left: 0; margin-right: 0;}
	#section-front-content #content-front .content > .wp-block-columns > .wp-block-column {flex-basis: 100%; padding: 1rem 0;}
	#section-front-content #content-front .content > .wp-block-columns > .wp-block-column > * {text-align: left!important; justify-content: flex-start!important; }
	#section-front-content #content-front .content > .wp-block-columns > .has-text-align-right {text-align: left!important; }
	
	#section-front-content #wrapper-chiffres-clefs .chiffre-clef {margin: 0.5rem; width: calc(50% - 1rem)}
	#section-front-content #wrapper-chiffres-clefs .chiffre-clef .precision { font-size: 1.2em;}
	#section-front-content #wrapper-chiffres-clefs .chiffre-clef .chiffre {font-size: 3.2rem;}
	#section-front-content #wrapper-chiffres-clefs .chiffre-clef .chiffre.font-2 {font-size: 5rem;}
	
	#section-front-content #content-front > .container {padding: 0rem 6rem 0rem 3rem;}
	#section-front-content #content-front { left: -2rem;}
	#section-front-content #wrapper-chiffres-clefs {width: calc(40% + 6rem); left: -6rem;}
	
	
	#section-front-temoignages #inner-temoignages #thumb-temoignages {width: calc((100% / 3) + 4rem); left: 4rem;}
	#section-front-temoignages #wrapp-temoignages{width: calc((100% * (2 / 3)) + 2rem); right: -2rem;}
	#section-front-temoignages #container-temoignages { padding: 3rem 4rem 3rem 8rem;}	
	#section-front-temoignages .temoignage {font-size: 0.9em;}
	#section-front-temoignages .temoignage .content-temoignage {padding-left: 1rem;}
	
	
	#section-front-actus .actu .list-cats-actu {padding: 1rem 1.5rem;}
/*heading*/
	#site-heading #inner-heading {margin-top: 90px;}
	#site-heading #heading-thumb {padding-left: 2rem;}
	
/*actu*/	
	#home-actus .actu .list-cats-actu  {padding: 1rem 1.5rem;}
	
/*clients*/
	#wrapper-client .client {width: calc(100% / 4);}	
	
	
/*solutions*/
	#section-solutions > .container {flex-flow: column;}
	#section-solutions #wrap-title-section-solutions {width: 100%;  padding: 0 0 1rem 0; }
	#section-solutions #wrap-solutions { width: 100%;}
	#section-solutions #title-section-solutions { text-align: center;}
	#section-solutions .solution { margin: 0 1rem;}
	
	
	/*newsletter*/
	#footer-social #social-wrapper #form-newsletter {padding-left: 3rem; }
	#footer-social #social-wrapper #form-newsletter .formulaire-title {max-width: 240px; font-size: 1.2em; padding-right: 1rem;}
	
	#footer-social #social-wrapper #form-newsletter .wpcf7 form input {max-width: 250px;}

	
/*temoignage*/
	#section-page-temoignages .temoignage .content-temoignage {padding-left: 1rem;}
	#section-page-temoignages .temoignage .inner-temoignage { padding: 1rem 1.5rem; }
	#section-page-temoignages .temoignage .avis-temoignage p {font-size: 1rem;}
	
/*piedpage*/
	#section-temoignages .temoignage .inner-temoignage {padding: 1rem 1.5rem;}
	#section-temoignages .temoignage .content-temoignage {padding-left: 1rem;}
	#section-temoignages .temoignage .avis-temoignage {font-size: 1em;}
	
	#rdv-expert #rdv-content { width: 350px;}
	#rdv-expert #rdv-thumb { width: calc((100% - 350px + 2rem)); margin-left: -2rem;}
	
/*footer*/
	#footer-content #footer-nav #menu-menu-footer li {padding-left: 1.5rem;}

}

@media screen and (max-width: 1199px) {
	
}

@media screen and (max-width: 1023px) {
	h1, .h1, #site-heading .heading-title {font-size: 1.8rem;}
	h2, .h2 {font-size: 1.4rem;}
	h3, .h3 {font-size: 1.1rem;}
	
	.content .wpcf7 form input, .content .wpcf7 form textarea {padding-left: 1.5rem; padding-right: 1.5rem;}
	
/*header*/	
	#site-header #header-nav #mastnav #inner-mastnav {display: none;}
	#site-header #menu-opener {display: flex;}
	#menu-mobile {display: block;}

	body.menu-hover #site-header::before {display: none;}
	.home.menu-hover #site-header > .container { background: transparent;}
	.home.menu-hover #site-header.scroll .container { background: var(--blanc, #fff);}
	
	#site-header #header-nav #headerlinks .link, #site-header #header-nav #headerlinks .link a,  #site-header #menu-opener { min-height: 60px;}
	
/*front*/	
	#section-front-actus .actu {padding: 10px;}
	
	
/*heading*/
	#site-heading #inner-heading {position: relative; overflow: hidden; }
	#site-heading #heading-title {margin: 0; text-shadow: 0 0 10px #fff; width: calc(100% * (2 / 3));}
	#site-heading #heading-thumb {width: calc(100% * (2 / 3)); position: absolute; height: 100%; right: 0; top: 0;}
	
/*front*/
	#section-front-content #content-front {width: 75%;}
	#section-front-content #wrapper-chiffres-clefs { width: calc(25% + 6rem); flex-flow: column; top: initial;}
	#section-front-content #wrapper-chiffres-clefs .chiffre-clef { width: 100%; margin-left: 0; margin-right: 0;}
	#section-front-content #wrapper-chiffres-clefs .chiffre-clef:nth-child(2n) {top: initial;}
	
	#section-front-temoignages #inner-temoignages #thumb-temoignages {width: 25%; left: 0; margin-right: -4rem;}
	#section-front-temoignages #wrapp-temoignages { width: calc((100% * (3 / 4)) + 2rem);}
	#section-front-temoignages #front-temoignages-plus {padding: 1rem 0 0 0;}
	#section-front-temoignages .temoignage .thumb-temoignage > span {width: 100px; height: 100px;}
	#section-front-temoignages .temoignage .thumb-temoignage {width: 120px;}
	#section-front-temoignages .temoignage .identite-temoignage {margin-left: 0;}
	
	#home-actus .actu {width: 50%; padding: 10px;}
	
	#section-front-partenaire #wrapper-partenaire .partenaire {padding: 10px;}
	
/*solutions*/
	#section-solutions > .container {padding-top: 2rem; padding-bottom: 2rem;}	
	#section-solutions .solution { margin: 0.5rem;}
	#section-solutions .solution > a {padding: 1rem;}
	#section-solutions .solution .img-solution {max-width: 50px;}

	
/*temoignage*/	
	#section-page-temoignages .temoignage { width: 100%; }
	#section-page-temoignages .temoignage .inner-temoignage { padding: 1rem;}
	#section-page-temoignages .temoignage .avis-temoignage {font-size: 1em;}
	
/*client*/
	#wrapper-client .client { padding: 10px;}
	
/*piedpage*/	
	.section-logos .wrapper-section_logos .un_logo {padding: 10px;}	
	#section-temoignages .temoignage .inner-temoignage {padding: 1rem;}

/*newsletter*/
	#rdv-expert #rdv-content {width: 300px}
	#rdv-expert #rdv-thumb {width: calc((100% - 300px + 4rem));}
	#footer-social #reseaux-sociaux #list-rs .rs { margin: 2.5px;}
	#footer-social #reseaux-sociaux #list-rs .rs a { height: 50px; width: 50px; font-size: 1.4rem; }
	#footer-social #social-wrapper #form-newsletter .formulaire-title {max-width: 120px; padding-top: 0;}
	#footer-social #social-wrapper #form-newsletter .wpcf7 form input {padding-left: 1.5rem; padding-right: 1.5rem;}
	#footer-social #social-wrapper #form-newsletter .wpcf7 form input {max-width: 200px;}
	
/*footer*/
	#footer-content {align-items: flex-start;}
	#footer-content #footer-infos { max-width: inherit; width: 230px;}
	#footer-content #footer-nav { width: calc(100% - 230px);}
	#footer-content #footer-nav #menu-menu-footer {flex-flow: row wrap;}
	#footer-content #footer-nav #menu-menu-footer .sub-menu { margin-top: 1em;}
	#footer-content #footer-nav #menu-menu-footer > li { padding-top: 1em; padding-bottom: 1em;}

}

@media screen and (max-width: 991px) {

/*page*/
	.content > .wp-block-columns {flex-flow: column;}
	.content .wp-block-column.prime-col {min-width: inherit;}
	
	
	.wp-block-media-text{grid-template-columns: auto!important;}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content {grid-column: 1; grid-row: 2;}
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media {grid-column: 1; grid-row: 1;}
	
	.content > .wp-block-columns > .wp-block-column.has-background:last-child {border-radius: 0; padding-bottom: 1.5rem; padding-top: 1.5rem;}
}

@media screen and (max-width: 767px) {
	
	h1, .h1, #site-heading .heading-title {font-size: 1.6rem;}
	h2, .h2 {font-size: 1.3rem;}

	.container, .content > .wp-block-columns > .wp-block-column, .has-background { padding: 1rem;}
	.content > .wp-block-columns { margin-left: -1rem; margin-right: -1rem;}
	
	.content > .wp-block-media-text, .content > .wp-block-columns {margin-bottom: 2rem; margin-top: 2rem;}


	.wp-block-media-text .wp-block-media-text__content {padding-left: 1rem; padding-right: 1rem;}
	
/*	.content > .wp-block-columns > .wp-block-column > .wp-block-columns .wp-block-column {padding: 1rem;}*/
	
	
	.content .wpcf7 form input, .content .wpcf7 form textarea {padding: 0.7rem 1rem 0.5rem;}
	.content .wpcf7 form .wpcf7-form-control-wrap {padding: 5px;}
	.content .wpcf7 form .wrap-file {width: calc(100% - 10px);}
	
/*header*/
	#menu-mobile ul.nav-menu > li > ul > li.menu-plus {padding: 1rem;}
	#heading-front #slider-pager .bx-pager .bx-pager-item {margin: 0 5px;}
	
	#site-header #header-nav #headerlinks .link#link-rdv a {}
	.home #site-header #logo {background: var(--blanc, #fff); border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
	.home #site-header > .container { padding-top: 1rem; padding-bottom: 1rem;}
	
/*front*/
	#heading-front .solution {margin: 5px;}
	#heading-front .solution .img-solution {height: 50px; width: 50px;}
	#heading-front .solution > a:hover .img-solution {height: 40px; width: 40px;}
	#heading-front .solution > a .solution-title {max-width: calc(100% - 60px); min-height: 70px}
	#heading-front .solution > a:hover .solution-title {max-width: calc(100% - 50px); min-height: 50px;}
	#heading-front .solution > a:hover .solution-content {padding-bottom: 20px;}
	
	#heading-front .hfront-bg { width: 100%; border-radius: 0; opacity: 0.4;}
	#heading-front .wrapper-front-title {width: 100%; text-align: center;}
	#heading-front #container-heading-front { flex-flow: column-reverse;}
	
	#heading-front #slider-pager {padding: 0rem 1rem 4rem; margin: auto;}
	#heading-front .wrapper-front-title {margin-top: 100px;}
	
	
	
	#section-front-content > .container {flex-flow: column;}
	#section-front-content #content-front {width: 100%; border-radius: 15px; left: 0;}
	#section-front-content #wrapper-chiffres-clefs { width: 100%; left: initial;}
	#section-front-content #content-front > .container {padding: 1rem;}
	#section-front-content #content-front .content > .wp-block-columns {margin: 0;}
	#section-front-content #wrapper-chiffres-clefs { flex-flow: row wrap;}
	#section-front-content #wrapper-chiffres-clefs .chiffre-clef {width: calc(50% - 10px); margin: 5px;}
	
	#section-front-temoignages #inner-temoignages {flex-flow: column;}
	#section-front-temoignages #inner-temoignages #thumb-temoignages { width: 100%;  margin-right: 0;}
	#section-front-temoignages #wrapp-temoignages {width: 100%; right: 0; border-radius: 15px;}
	#section-front-temoignages #container-temoignages {padding: 1rem;}
	#section-front-temoignages .bx-wrapper {padding: 0 1rem;}
	#section-front-temoignages .bx-wrapper::before {left: 0; width: 1rem;}
	#section-front-temoignages .bx-wrapper::after {right: 0; width: 1rem;}
	#section-front-temoignages #inner-temoignages #thumb-temoignages > span {border-radius: 15px; padding-bottom: 56.25%;}
	#section-front-temoignages #inner-temoignages #thumb-temoignages { margin-bottom: 1rem;}
	#section-front-temoignages .temoignage .inner-temoignage::before { font-size: 1.5em; top: -0.5rem;}
	
	
	#section-front-actus #head-front-actus {padding: 1rem 0; flex-flow: column;}
	#section-front-actus #actus-front-title {margin-bottom: 1rem;}
	#section-front-actus .actu .list-cats-actu {padding: 0.5rem; 1rem;}
	#section-front-actus .actu .content-actu {padding: 0.5rem 1rem;}
	
	#section-front-partenaire > .container{flex-flow: column;}
	#section-front-partenaire #wrap-title-partenaire {width: 100%;}
	#section-front-partenaire #wrap-title-partenaire #title-partenaire {margin-bottom: 0}
	#section-front-partenaire #wrapper-partenaire {width: 100%;}
	
/*heading*/
	#site-heading #inner-heading {position: relative; overflow: hidden; }
	#site-heading #heading-title {padding: 2rem 1rem; width: 75%;}
	#site-heading #heading-thumb {width: 75%; padding-left: 1rem;}
	
/*actu*/	
	#home-actus .actu .list-cats-actu  {padding: 0.5em 1rem;}	
	#home-actus .actu .content-actu {padding: 0.5rem 1rem;}
	#home-categories .category {margin: 2.5px;}
	
/*solutions*/
	#section-solutions > .container {padding-top: 1rem; padding-bottom: 1rem;}
	#section-solutions .solution > a {flex-flow: column; align-items: center;}
	#section-solutions .solution .solution-content { padding-left: 0; padding-top: 0.5rem; text-align: center;}
	
/*client*/
	#wrapper-client .client { width: calc(100% / 3);}	
	
/*piedpage*/	
	.section-logos > .container, #section-temoignages > .container{flex-flow: column;}
	.section-logos .wrap-title-section_logos {width: 100%;}
	.section-logos .wrap-title-section_logos .title-section_logos {margin-bottom: 0}
	.section-logos .wrapper-section_logos {width: 100%;}
	#section-temoignages #head-temoignage {flex-flow: column; justify-content: center; align-items: center; padding-bottom: 1rem;}
	#section-temoignages #temoignage-pager {padding-top: 10px;}
	
	
/*newsletter*/	
	#rdv-expert #inner-rdv {position: relative; padding: 0;}
	#rdv-expert #rdv-content { margin-left: auto;}
	#rdv-expert #rdv-thumb { width: 100%; height: 100%; position: absolute;}
	
	#footer-social #social-wrapper #form-newsletter .wpcf7 form input {padding: 0.7rem 1rem 0.5rem; max-width: 250px;}
	#footer-social #social-wrapper #form-newsletter {padding: 1rem 0; width: 100%; }
	#footer-social #social-wrapper #reseaux-sociaux {width: 100%; padding: 1rem 0;}
	#footer-social #social-wrapper {flex-flow: column;}
	#footer-social #social-wrapper #form-newsletter::before {left: -1rem; width: calc(100% + 2rem); border-radius: 0;}
	#footer-social #social-wrapper #form-newsletter .formulaire-title {max-width: inherit; padding: 0 0 1rem 0;}
	#footer-social #social-wrapper #form-newsletter { flex-flow: column; justify-content: center; align-items: center;}
	
	
/*footer*/	
	#footer-content #footer-nav #menu-menu-footer > li {max-width: 50%; flex: 1 0 100%;}

}


@media screen and (max-width: 567px) {

	h1, .h1, #site-heading .heading-title {font-size: 1.4rem;}
	h2, .h2 {font-size: 1.2rem;}

	.content > .wp-block-media-text, .content > .wp-block-columns {margin-bottom: 1rem; margin-top: 1rem;}
	
	.content > .wp-block-columns > .wp-block-column.has-background {padding-top: 1rem; padding-bottom: 1rem;}
	
/*header*/

	#site-header #header-nav #headerlinks .link#link-rdv {display: none;}
	#site-header #header-nav #headerlinks .link a {margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0;}
		
	

	
/*front*/	
	#heading-front .hfront-bg {height: calc(100% + 4rem)!important; min-height: inherit;}
	#heading-front #container-heading-front {bottom: 0;}
	
	#section-front-actus .actu {padding: 0;}
	

	#section-front-temoignages .temoignage .content-temoignage {padding-left: 0; padding-top: 1rem;}
	#section-front-temoignages .temoignage .inner-temoignage {flex-flow: column; align-items: flex-start;}
	#section-front-temoignages .temoignage .infos-temoignage {display: flex; align-items: center; }
	#section-front-temoignages .temoignage .identite-temoignage {margin-top: 0; margin-left: 10px; text-align: left;}
	#section-front-temoignages #front-temoignages-plus {flex-flow: column; justify-content: center;}
	#section-front-temoignages #front-temoignages-pager {margin-bottom: 1em;}
	
/*heading*/
	#site-heading #heading-title {width: 100%; background: rgba(255,255,255,0.2); text-align: center;}
	#site-heading #heading-thumb {width: 100%; padding-left: 0;}
	#site-heading #heading-thumb > span { border-radius: 0;}
	

/*actu*/
	#home-actus .actu {	width: 100%; padding-left: 0; padding-right: 0;}
	
/*solutions*/
	#section-solutions #wrap-solutions {flex-flow: column;}
	#section-solutions .solution {margin-left: auto; margin-right: auto; width: 350px; max-width: 100%;}
	#section-solutions .solution > a {flex-flow: row ; align-items: flex-start;}
	#section-solutions .solution .solution-content {text-align:inherit; padding-top: 0; padding-left: 1rem; }	
	
/*newsletter*/	
	#rdv-expert { margin-bottom: 8rem;}
	#rdv-expert #rdv-thumb { margin: 0;}
	#rdv-expert #rdv-thumb > span {border-radius: 0;}
	#rdv-expert #rdv-content #rdv-shape { border-radius: 15px; padding-bottom: 0; height: auto; margin: 0;-webkit-transform:translateY(50%);-ms-transform: translateY(50%);	-o-transform: translateY(50%);transform: translateY(50%);}
	#rdv-expert #rdv-content {max-width: calc(100% - 2rem); margin: auto; width: auto;}
	#rdv-expert #rdv-content #rdv-shape > .content {padding: 1rem; position: relative;}
	
	

/*temoignage*/	
	#section-page-temoignages .temoignage { }
	#section-page-temoignages .temoignage .content-temoignage {padding-left: 0; padding-top: 1rem;}
	#section-page-temoignages .temoignage .inner-temoignage {flex-flow: column; align-items: flex-start;}
	#section-page-temoignages .temoignage .infos-temoignage {display: flex; align-items: center; }
	#section-page-temoignages .temoignage .identite-temoignage {margin-top: 0; margin-left: 10px; text-align: left;}

	
/*offre*/
	.welcomekit-jobs-list-item-link { padding: 1rem calc(1rem + 30px) 1rem 1rem; }
	.welcomekit-jobs-list-item-link::after {right: 20px;width: 15px; height: 15px; }
	.welcomekit-jobs-list-item-link:hover::after {right: 10px;}
	
/*piedpage*/	
	#section-temoignages .temoignage { }
	#section-temoignages .temoignage .content-temoignage {padding-left: 0; padding-top: 1rem;}
	#section-temoignages .temoignage .inner-temoignage {flex-flow: column; align-items: flex-start;}
	#section-temoignages .temoignage .infos-temoignage {display: flex; align-items: center; }
	#section-temoignages .temoignage .identite-temoignage {margin-top: 0; margin-left: 10px; text-align: left;}
	
	
	
/*footer*/
	#footer-content {flex-flow: column;}
	#footer-content #footer-infos {width: 100%; max-width: inherit;}
	#footer-content #footer-infos .inner-address {}
	#footer-content #footer-infos #footer-baseline {max-width: 230px;}
	
	#footer-content #footer-nav {width: 100%;}
	#footer-content #footer-nav #menu-menu-footer {justify-content: space-between;}
	#footer-content #footer-nav #menu-menu-footer li {padding-left: 1rem; padding-right: 1rem; max-width: inherit; flex: 0 0 auto;}
}
	
@media screen and (max-width: 479px) {
	h1, .h1, #site-heading .heading-title {font-size: 1.3rem;}
	
/*front*/	
	#heading-front #wrapper-front-solutions { display: block;}
	#heading-front .solution {margin-left: 0; margin-right: 0;}
	#heading-front .solution > a .solution-title {min-height: 50px}
	#heading-front .solution > a:hover .img-solution { height: 50px; width: 50px;}
	#heading-front .solution > a:hover .solution-title {min-height: 50px; max-width: calc(100 - 60px);}
	#heading-front .solution > a:hover .solution-content {padding-bottom: 0;}
	
	
#section-front-content #wrapper-chiffres-clefs .chiffre-clef {width: 100%; margin: 5px 0;}	
	
/*heading*/	
	
	#head-single #infos-single {display: block; margin-top: 5px;}
	#head-single .list-cats-actu {margin: 5px -5px 0;}
	
/*client*/
	#wrapper-client .client { width: calc(100% / 2);}		
	
/*newsletter*/
	#footer-social #social-wrapper #form-newsletter .wpcf7 form input {max-width: 200px;}
	
}

@media screen and (max-width: 449px) {

/*actu*/
	#home-categories .category {width: calc(50% - 5px); text-align: center;}
	
/*front*/	
	#section-front-temoignages .bx-wrapper::before, #section-front-temoignages .bx-wrapper::after {display: none;}
	#section-front-temoignages .bx-wrapper {padding: 0;}
	#section-front-temoignages .temoignage .inner-temoignage::before {display: none;}
}
	
@media screen and (max-width: 399px) {
	
	.content .wpcf7 form .wpcf7-form-control-wrap {width: 100%; padding-left: 0; padding-right: 0;}
	.content .wpcf7 form .wrap-file {width: 100%;}
	
	
/*actu*/
	#home-categories .category {width: 100%; margin-left: 0; margin-right: 0;}	
	
/*newsletter*/
	#footer-social #social-wrapper #form-newsletter .wpcf7 form input {max-width: 150px;}
}