/*
Theme Name: Sofiplast
Text Domain: http://www.sofiplast.fr/
Version: 1.0
Description: Thème sur-mesure pour Sofiplast
Author: Agence E-denzo
Author URI: https://e-denzo.fr/

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/**
 * 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 .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s 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 .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s 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;
}
	
/* fluid transition */
.list-articles .bg-img, #site-header #mobile-wrapper, #site-header, #site-nav .sub-arrow, #site-nav li, #site-nav li > .sub-menu {
	-webkit-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

/* Wordpress wp-adminbar not fixed < 600 */
@media screen and (max-width: 600px) {
	body.logged-in #site-header.scrolled {
		margin-top: 0!important;
	}
}

/**
* End Normalize
*/

/*=====================================================
	GENERAL
======================================================*/

body {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #404040;
	background: #fff;
}

.logo {
	display: block;
    background: transparent no-repeat scroll center center / 100% auto;
	width: 190px;
    height: 80px;
}

.logo:hover {
	transform: scale(.98);
	opacity: .8;
}

.container {
	padding: 0 50px;
	max-width: 1450px;
	margin: 0 auto;
}

.content-container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 50px;
}

.content-container:has(.wp-block-getwid-section:first-child) { padding-top: 0; }
.content-container:has(.wp-block-getwid-section:last-child) { padding-bottom: 0; }

.content-container h2:not(:last-child) { margin-bottom:1em; }
.content-container h3:not(:last-child) { margin-bottom:1em; }
.content-container h4:not(:last-child) { margin-bottom:1em; }
.content-container h5:not(:last-child) { margin-bottom:1em; }

.content-container h2:not(:first-child) { margin-top:1em; }
.content-container h3:not(:first-child) { margin-top:1em; }
.content-container h4:not(:first-child) { margin-top:1em; }
.content-container h5:not(:first-child) { margin-top:1em; }

.content-container .has-background:not(.wp-block-getwid-section__background):not(.wp-block-getwid-icon__wrapper):not(.wp-block-getwid-content-timeline__bar):not(.wp-block-getwid-icon-box__icon-wrapper):not(.wp-block-media-text) {
  padding: 2em 2.5em;
  border-radius: 10px;
}

.content-container .wp-block-separator {padding: 0 !important; }
.content-container .wp-block-separator.is-style-default { max-width: 200px; margin: 3em  auto; }

.content-container article p:not(:last-child) { margin-bottom: 1em; }

.content-container .wp-block-columns:not(:last-child) { margin-block-end: 3em; }
.content-container .wp-block-columns:not(:first-child) { margin-block-start: 3em; }
.content-container .wp-block-columns .wp-block-columns:not(:first-child) { margin-block-start: 0em; }

.row {
	display: flex;
	flex-wrap: wrap;
}

.row.center {
	align-items: center;
}

.wrapper {
	margin-top: 15px;
	margin-bottom: 80px;
}

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

#burger-menu {
	display: none;
}

.bg-img {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.icon_txt {
	display: flex;
	align-items: center;
}

.icon_txt i, .icon_txt img {
	margin-right: 15px;
	color: #000;
}

/* All bx-slider */
.bx-controls-direction > a {
	display: inline-block;
    width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;  
	position: relative;
	color: #fff;
	z-index: 52;
}

/*=====================================================
	HEADER
======================================================*/

#site-header {
    position: fixed;
    width: 100%;
    top: 0;
	z-index: 54;
	font-size: 0.85em;
	/* box-shadow: 0 1px 3px rgba(0,0,0,.04); */
}

#site-header::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% + 70px);
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,1) 100%);
	z-index: -1;
	opacity: 1;
	transition: all .5s ease 0s;
}

#site-header.scrolled, #site-header.menu-open {
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,.04);
}

#site-header.scrolled::before {
	opacity: 0;
}

#site-header.scrolled .logo {
	width: 160px;
	height: 64px;
}

#site-header #inner-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#site-header #right-header {
	display: flex;
	align-items: center;
}

#site-nav .menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style-type: none;
}

#site-nav .menu > li > a {
    color: #000;
    padding: 28px 15px;
    display: block;
    position: relative;
	text-transform: uppercase;
}

#site-nav .menu > li:hover > a, #site-nav .menu > li.open > a {
	color: #88c054;
	background-color: #f8f8f8;
}

#site-nav .menu > li.current_page_item > a, #site-nav .menu > li.current-page-parent > a,  #site-nav .menu > li.current_page_ancestor > a, 
#site-nav .sub-menu li.current_page_item > a, #site-nav .sub-menu li.current-page-parent > a  {
	color: #88c054;
}

#site-nav .menu .sub-arrow {
    margin-left: 5px;
    font-size: 0.8em;
	color: #88c054;
	pointer-events: none;
}

#site-nav .sub-menu .sub-arrow i {
	transform: rotate(-90deg);
	margin-left: 5px;
}

#site-nav ul.sub-menu {
    opacity: 0;
    visibility: hidden;
    list-style-type: none;
    position: absolute;
	background-color: #ffffff;
	margin-top: -4px;
	z-index: 1;
	border-top: 4px solid #88c054;
	box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
}

#site-nav .sub-menu li.menu-item-has-children {
	position: relative;
}

#site-nav ul.menu > li .sub-menu li .sub-menu {
	position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
	border-top: none;
	border-left: 4px solid #88c054;;
	margin-top: 0;
}

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

#site-nav .sub-menu a {
	display: flex;
	justify-content: space-between;
	align-items: center;
    color: #000;
    padding: 15px 25px;
    font-size: .9em;
	text-transform: uppercase;
	width: 100%;
    min-width: 175px;
}

#site-nav ul.menu > li .sub-menu li .sub-menu a {
	padding: 7px 12px;
	font-size: .85em;
}

#site-nav .sub-menu li:hover > a {
	background-color: #f8f8f8;
	color: #88c054;
}

#site-header .phone {
	display: block;
    background-color: #fff;
    border: solid 2px #000;
    padding: 2px 15px 2px 10px;
	margin-left: 10px;
}

#site-header .phone i {
	display: none;
}

#site-header .phone:hover {
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
}

#site-header .linkedin {
	display: block;
    background-color: rgba(0, 0, 0, 0.8);
    border: solid 2px #000;
	color: #fff;
	padding: 2px 7px;
	margin-left: 10px;
}

#site-header .linkedin:hover {
	background-color: #fff;
	color: #000;
}

/*=====================================================
	FRONT PAGE
======================================================*/

.section-front {
	margin-bottom: 50px;
}

/* 
* Section : hero
*/
#section-hero {
	position: relative;
	background-position: right top;
    /*background-size: 64%;*/
    background-size: contain !important;
}

#section-hero #hero-content {
	padding: 21vh 50px 50px 50px;
	background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgba(255,255,255,0) 100%);
}

#section-hero h1 {
	text-shadow: 1px 0px 9px rgb(255 255 255 / 30%);
	font-size: 1.8em;
}

/* section pres */
#section-presentation {
	position: relative;
    margin-bottom: -40px;
    z-index: 1;
}

#section-presentation .container {
	position: relative;
}

#section-presentation .wrap-2 {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 50%;
	height: 100%;
	z-index: 1;
}

#section-presentation .bloc-img, #section-offres .bloc-img {
	display: block;
	position: relative;
	height: 380px;
	-webkit-box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 5%);
    box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 5%);
}

#section-offres .bloc-img {
	min-height: 200px;
	height: 26vh;
	margin: 0 20px;
}

#section-presentation .bloc-img .wrap-bgimg, #section-offres .bloc-img .wrap-bgimg {
	display: block;
	position: relative;
	overflow: hidden;
    width: 100%;
    height: 100%;  
} 

#section-presentation .bloc-img .bg-img, #section-offres .bloc-img .bg-img  {
	transition: all .5s ease 0s;
}

#section-presentation .bloc-img:hover .bg-img, #section-offres .bloc-img:hover .bg-img {
	transform: scale(1.1);
	filter: blur(2px);
}

#section-presentation .bloc-img:hover .content, #section-offres .bloc-img:hover .content {
	bottom: -5px;
}

#section-presentation .wrap-2 .bloc-img {
	height: 460px;
	margin-top: -40px;
}

#section-presentation .bloc-img .bg-img, #section-offres .bloc-img .bg-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

#section-presentation .content, #section-offres .content {
	position: absolute;
	bottom: -15px;
	margin: 0 30px;
	padding: 50px;
	color: #fff;
	transition: all .5s ease 0s;
}

#section-presentation .content h3, #section-offres .content h3 {
	margin-top: 0;
	color: #fff;
}

#section-presentation .content p, #section-offres .content p {
	margin-bottom: 0;
	font-weight: 400;
}

#section-presentation .wrap-1 .content,#section-offres .wrap-1 .content {
	background-color: rgba(249, 203, 88, 0.8);
	width: calc(50% - 85px);
	font-size: 0.8em;
}

#section-presentation .wrap-2 .content {
	background-color: rgba(136, 192, 84, 0.8);
}

#section-presentation .wrap-3 .content, #section-offres .wrap-3 .content {
	background-color: rgba(235, 82, 69, 0.80);
	width: calc(50% - 85px);
	right: 0;
	font-size: 0.8em;
}

#section-offres .wrap-1 .content, #section-offres .wrap-3 .content {
	left: 0;
    right: 0;
    padding: 25px;
    width: calc(100% - 60px);
	padding: 25px;
}

/* Section mots clés */
#section-keywords {
    background-color: #000000a1;
    background-blend-mode: overlay;
    background-position-y: 63%;
    filter: grayscale(1);
	color: #fff;
	text-align: center;
	padding: 190px 0 125px 0;
}

#section-keywords .title {
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: 1;
}

#section-keywords li {
	font-family: 'Spartan', sans-serif;
    text-transform: uppercase;
	color: #c3c3c3;
	font-size: 0.8em;
	padding: 25px 0;
}

#section-keywords .bx-controls-direction > a {
	margin: 0 3px;
}

/* section qualite */
#section-qualite {
	position: relative;
}

#section-qualite::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: calc(100% / 3);
	height: 100%;
	background-image: url(assets/images/bg-formes.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-size: cover;
}

#section-qualite .list_qualite {
	padding-top: 80px;
}

.list_qualite li a {
	border-bottom: none;
	display: block;
}

.list_qualite li:nth-child(1) h3 {
	color: #88c054;
}

.list_qualite li:nth-child(2) h3 {
	color: #f9cb58;
}

.list_qualite li:nth-child(3) h3 {
	color: #fba21a;
}

.list_qualite li:nth-child(4) h3 {
	color: #eb5245;
}

.list_qualite li h3 {
	transition: all .5s ease 0s;
}

.list_qualite li a:hover h3{
	color: #404040!important;
}

.list_qualite img:not(.icon) {
	filter: grayscale(1);
	vertical-align: middle;
	margin: 0 8px;
}

/* section actu */
#section-actu .col-33 .inner {
	padding: 25px;
}

#section-actu h2 {
	font-size: 2.6em;
	margin-bottom: .3em;
}

#section-actu .col-33:nth-child(1) {
	background-image: url(assets/images/sofifeuille.png);
	justify-content: flex-end;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#section-actu .col-33:nth-child(2) {
	position: relative;
	height: 0;
	padding-bottom: calc(100% / 3);
}

#section-actu .thumb-actu {
    position: absolute;
    top: 30px;
    left: 30px;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    -webkit-box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 5%);
    box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 5%);
}

#section-actu h3 {
	width: 50%;
}

#section-actu .col-33:nth-child(3) .inner {
	width: 75%;
}

#section-actu .more {
	text-align: right;
	margin-top: 20px;
}

/*=====================================================
	PAGES
======================================================*/

.has-sidebar #page-content {
	display: flex;
	flex-wrap: wrap;
}

.has-sidebar #page-content > aside {
	width: 320px;
	margin-left: 50px;
}

.has-sidebar #page-content > aside > * {
	margin-bottom: 15px;
	background-color: #f8f8f8;
	position: relative;
}

.has-sidebar #page-content > aside h4 {
	display: inline-block;
	/* margin-bottom: .5em; */
    padding: 14px 14px 9px 14px;
    font-size: .8em;
    background-color: #88c054;
    color: #fff;
}

.has-sidebar #page-content > aside ul li {
	padding: 10px 15px;
    border-bottom: solid 1px #e4e4e4;
}

.has-sidebar #page-content > aside ul li.active {
	background-color: #e4e3e3;
}

.has-sidebar #page-content > aside ul li:hover, .has-sidebar #page-content > aside ul.subsubpages.open {
	background-color: #f0f0f0;
	transition: all .3s ease 0s;
}

.has-sidebar #page-content > aside ul li a {
	padding-top: 5px;
	display: flex;
    justify-content: space-between;
    align-items: center;
	font-size: 1.1em;
}

.has-sidebar #page-content > aside ul li a  .sub-arrow {
	font-size: .6em	;
}

.has-sidebar #page-content > aside ul li > .subsubpages {
	position: relative;
	padding: 0;
	opacity: 1;
	visibility: visible;
	max-height: 0;
	overflow: hidden;
	transition: all .5s ease 0s;
}

.has-sidebar #page-content > aside ul li.open > .subsubpages {
	max-height: 500px;
	margin-top: 5px;	
}

.has-sidebar #page-content > aside ul li > .subsubpages li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.has-sidebar #page-content > aside ul li > .subsubpages li.active {
	background-color: #d2d2d2;
}

.has-sidebar #page-content > aside ul li > .subsubpages a h5 {
	color: #686868;
}

.has-sidebar #page-content > aside ul li > .subsubpages a:hover h5 {
	transition: all .5s ease 0s;
}

.has-sidebar #page-content > aside ul li > .subsubpages a:hover h5 {
	color: #88c054;
}

.has-sidebar #page-content > aside ul li:last-child {
	border-bottom: none;
}

.has-sidebar #page-content > article {
	width: calc(100% - 370px);
}

.has-sidebar #page-content > aside .images img {
	display: block;
	max-width: 100%;
	height: auto;
}

#page-content li.wp-block-getwid-tabs__nav-link::after, #page-content li.wp-block-getwid-tabs__nav-link::before {
  display: none ;
}

#page-content .wp-block-getwid-tabs__nav-link a { border-bottom: 0; border: 0; color: #000; font-weight: normal; }

#page-content .ui-tabs-active.wp-block-getwid-tabs__nav-link a {
	color: #88c054;
	font-weight: bold;
}

/* contact */
.content-contact h2 {
	margin: 50px 0 .5em 0;
}

#bloc-contact {
	background-color: #f8f8f8;
	margin: 20px 0;
}

#bloc-contact a.logo {
	margin: 0 auto;
	margin-bottom: 15px;
}

#bloc-contact .icon_txt {
	justify-content: center;
}

.content-contact .wpcf7 .col-33 {
	width: 100%;
	padding: 0;
}

.content-contact .wpcf7 .bottom-contact-row {
	padding: 0;
}

.content-contact .wpcf7 input[type="submit"] {
	margin-left: auto;
	margin-top: 10px;
}

/* pagination */
#pagination {
	width: 100%;
	margin: 35px 0;
}

#pagination ul {
	display: flex;
	align-items: center;
	justify-content: center;
}

#pagination ul li > * {
	display: block;
	margin: 0 7px;
	border: solid 2px #88c054;
	padding: 4px 10px;
	height: 35px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
    letter-spacing: -.5px;
}

#pagination ul li > span {
	border-color: #000;
}

#pagination ul li > *:not(.next):not(.prev) {
	width: 35px;
	text-align: center;
	line-height: 32px;
	padding: 0;
}

#pagination ul li > .next i {
	margin-left: 5px;
}

#pagination ul li > .prev i {
	margin-right: 5px;
}

#pagination ul li > a:hover {
	background-color: rgba(136, 192, 84, 0.8);
	color: #000;
}

/* plugin multi marker map */
.content .map-multi-marker #infobulle .wrap-desc-markeur {
	width: 100%!important;
	padding-left: 8px!important;
}

.content .map-multi-marker #infobulle .contact-list li.weblink:before,
.content .map-multi-marker #infobulle .contact-list li.adresse:before {
	color: #88c054;
}

.content .map-multi-marker #infobulle .contact-list li a {
	border: none;
	line-height: 1;
}

.content .map-multi-marker #infobulle .contact-list li a:hover {
	color: #fba21a!important;
	text-decoration: none!important;
}


/* timeline block plugin override */
.ctl-instant-timeline .timeline-content .story-details {
	border-radius: 0;
}

.ctl-instant-timeline:before {
	background: rgb(136,192,84);
	background: linear-gradient(0deg, rgba(136,192,84,1) 0%, rgba(251,162,26,1) 50%, rgba(235,82,69,1) 100%);
}

.ctl-instant-timeline .timeline-content .story-time >div { color: #88c054!important; }

.ctl-instant-timeline .timeline-content:nth-child(1):before, .ctl-instant-timeline .timeline-content:nth-child(1) .story-details::after { background-color: #eb5245; }
.ctl-instant-timeline .timeline-content:nth-child(1) .story-details { border-color: #eb5245; }
.ctl-instant-timeline .timeline-content:nth-child(1) .story-details:before { border-right-color : #eb5245 }
.ctl-instant-timeline .timeline-content:nth-child(1) .story-time >div { color: #eb5245!important; }

.ctl-instant-timeline .timeline-content:nth-child(2):before, .ctl-instant-timeline .timeline-content:nth-child(2) .story-details::after { background-color: #fba21a; }
.ctl-instant-timeline .timeline-content:nth-child(2) .story-details { border-color: #fba21a; }
.ctl-instant-timeline .timeline-content:nth-child(2) .story-details:before { border-left-color : #fba21a }
.ctl-instant-timeline .timeline-content:nth-child(2) .story-time >div { color: #fba21a!important; }

.ctl-instant-timeline .timeline-content:nth-child(3):before, .ctl-instant-timeline .timeline-content:nth-child(3) .story-details::after { background-color: #f9cb58; }
.ctl-instant-timeline .timeline-content:nth-child(3) .story-details { border-color: #f9cb58; }
.ctl-instant-timeline .timeline-content:nth-child(3) .story-details:before { border-right-color : #f9cb58 }
.ctl-instant-timeline .timeline-content:nth-child(3) .story-time >div { color: #f9cb58!important; }

.ctl-instant-timeline .timeline-content:nth-child(4):before, .ctl-instant-timeline .timeline-content:nth-child(4) .story-details::after { background-color: #a6b73c; }
.ctl-instant-timeline .timeline-content:nth-child(4) .story-details { border-color: #a6b73c; }
.ctl-instant-timeline .timeline-content:nth-child(4) .story-details:before { border-left-color : #a6b73c }
.ctl-instant-timeline .timeline-content:nth-child(4) .story-time >div { color: #a6b73c!important; }

/* cat docs */
#list_cats {
	justify-content: center;
    margin-bottom: 16px;
    background-color: #f8f8f8;
    padding: 10px;
}

#list_cats .cat {
	margin: 7px;
}

#list_cats .cat.active a {
	background-color: rgba(136, 192, 84, 0.8);
}

/* Listing documents */
body.modal-open {
	overflow: hidden;
}

#list_docs {
	display: flex;
	flex-wrap: wrap;
}

#list_docs .un_doc {
	width: calc( (100% / 3) - 14px );
}

.un_doc {
	display: flex;
    align-items: center;
    padding: 10px 15px;
    transition: all .5s ease 0s;
    background-color: transparent;
    border: solid 1px #eb5245;
    color: #eb5245;
    margin: 7px;
	position: relative;
}

.un_doc > div {
	overflow: hidden;
}

.un_doc > i {
	margin-right: 25px;
    font-size: 2.4em;
}

.un_doc h4 i {
    position: absolute;
	font-size: 1.1em;
    top: 10px;
    right: 10px;
}

.un_doc h4 {
	color: #eb5245;
    font-size: 1em;
    text-transform: initial;
    line-height: 1;
	padding-right: 20px;
    font-family: 'Titillium Web', sans-serif;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	line-height: 1.1;
    transition: all .5s ease 0s;
}

.un_doc a.title:hover h4 {
	opacity: .6;
}

.un_doc a.title:hover h4 i::before {
	content: "\f09c";
}

.un_doc .links-doc a {
	display: block;
    font-size: 1em;
    margin-right: 8px;
    margin-top: 8px;
    border: solid 1px #eb5245;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
	cursor: pointer;
}

.un_doc .links-doc a.show {
	border-color: #88c054;
	color: #88c054;
}

.un_doc .links-doc a.show:hover {
	background-color: rgb(136,192,84);
	color: #fff;
}

.un_doc .links-doc a.download {
	border-color: #fba21a;
	color: #fba21a;
}

.un_doc .links-doc a.download:hover {
	background-color: rgba(249, 203, 88, 0.8);
	color: #fff;
}

.un_doc .links-doc a.unlock {
	border-color: #eb5245;
	color: #eb5245;
	opacity: .6;
}

.un_doc .links-doc a.unlock:hover {
	background-color: rgba(235, 82, 69, 0.80);
	color: #fff;
	opacity: 1;
}

#modal-unlock {
	display: none;
}

#modal-unlock #modal-content {
	position: fixed;
	display: block;
    text-align: center;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 60;
    background-color: #fff;
    box-shadow: 0px 0px 14px 5px rgb(0 0 0 / 16%);
    padding: 15px 20px;
	-webkit-box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 5%);
    box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 5%);
}

#modal-unlock::before {
	content: '';
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000ab;
    z-index: 60;
}

#modal-unlock #modal-content #close-modal {
	position: absolute;
    top: 0;
    right: 0;
    border: none;
    background-color: #88c054;
    color: #ffff;
    width: 35px;
    height: 35px;
    line-height: 35px;
}

#modal-unlock #modal-content #close-modal:hover {
	background-color: #000;
}

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

/* Géneral text */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'Spartan', sans-serif;
	color: #000;
}

h1, .h1 {
	font-size: 2.35em;
	font-weight: 900;
}

h1 strong, .h1 strong {
	color: #88c054;
	font-weight: 900;
}

h2, .h2 {
	font-size: 1.8em;
}

h3, .h3 {
	font-size : 1.4em;
}

h4, .h4 {
	font-size : 1.2em;
}

h5, .h5 {
	font-size: .6em;
}

a {
	color: #000;
	font-weight: 700;
}

a:hover {
	color: #88c054;
}

address {
	font-style: normal;
}

ul {
	list-style: none;
}

.custom-select {
	position: relative;
	cursor: pointer;
	transition: all .2s ease 0s;
}

.custom-select:hover {
	box-shadow: 0 0 0pt 1pt #000000;  
}

.custom-select select {
	appearance: none;
	background-color: transparent;
	border: none;
	padding: 2px 1em 2px 0.5em;
	margin: 0;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	cursor: inherit;
	line-height: inherit;
}

.custom-select select::-ms-expand {
	display: none;
}

.custom-select select {
	font-weight: 700;
	text-transform: uppercase;
	outline: none !important;
}

.custom-select select option {
	color: #000;
}

.custom-select::after {
	content: '\f309';
    font-weight: bold;
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    top: 7px;
    right: 4px;
	z-index: -1;
	transition: all .5s ease 0s;
}

.custom-select select:focus {
    box-shadow: 0 0 0pt 1pt #000000;  
}

/* Content */
.content p {
	line-height: 1.6;
	margin-bottom: 1em;
}

.content a {
	font-weight: 700;
	border-bottom: 2px solid;
	display: inline-block;
	line-height: 0.85;
	color: #88c054;
}

.content a:hover {
	color: #fba21a;
}

.content .has-white-color a { color: #fff !important; }
.content .has-white-color a:hover { color: rgba(255,255,255,.5) !important; }

.wp-block-columns.align-column p.has-background { height: 100%; }

.content .wp-block-file.pdf {
    padding: 3px 10px;
	display: inline-block;
	transition: all .5s ease 0s;
	margin-bottom: 1em;
	background-color: transparent;
	border: solid 1px #eb5245;
	margin: 7px;
}

.content .wp-block-file.pdf::before {
	content: '\f1c1';
	font-weight: bold;
	font-family: 'Font Awesome\ 5 Free';
	margin-right: 10px;
	color: #eb5245;
	font-size: 1.2em;
	transition: all .5s ease 0s;
}

.content .wp-block-file.pdf a {
    border: none;
	color: #eb5245;
}

.content .wp-block-file.pdf:hover {
	background-color: rgba(235, 82, 69, 0.80);
}

.content .wp-block-file.pdf:hover a, .content .wp-block-file.pdf:hover::before {
	color: #fff;
}

.content h1, .content h2, .content h3, .content h4 {
	margin: 1em 0 .5em 0; 
}

.content h1 {	
}

.content h2 {

}

.content h3 {

}

.content h4 {
	font-weight: 400;
}

.content blockquote {
	background-color: #35257414;
	padding: 20px 15px 10px 17px;	
    border-left: solid 7px;
    font-style: italic;
	position: relative;
	margin: 1em 0;
	font-style: normal;
}

.content blockquote::before {
	content: "\201D";
	position: absolute;
	top: 0;
    left: 5px;
    font-size: 1.8em;
}

.content blockquote p {
	margin-bottom: 0;
}

.content blockquote cite {
	display: block;
    text-align: right;
    position: relative;
    margin-top: .8em;
    font-size: .9em;
}

.content ul:not(.blocks-gallery-grid):not(.slick-dots), .content ol {
    padding-left: 20px;
    overflow: auto;
    line-height: 1.6;
	list-style: none;
	margin-bottom: 1em;
}

.content ul li:not(.blocks-gallery-item) {
    position: relative;
	margin: 0.2em 0;
	padding-left: 20px;
}

.content ul li:not(.blocks-gallery-item):not(.adresse):not(.weblink)::before {
    content: "";
	font-weight: 700;
    position: absolute;
	display: inline-block;
	background-color: #000;
    border-radius: 100%;
	height: 6px;
	width: 6px;
	top: 0.6em;
	left: 0px;
}

.content ul.slick-dots li {
	margin: 0; padding-left: 0;
}

.content ul.slick-dots li::before {
	display: none!important;
}

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

.content ul li > ul {
	margin: 0!important;
}

.content .address {
	display: flex;
	align-items: center;
}

.content .address::before {
    content: '\f3c5';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 15px;
}

.content .phone::before {
	content: "\f095";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 15px;
}

.content .mail::before {
	content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 15px;
}

/* table */
.content .wp-block-table tr th {
    font-size: 1.1em;
    padding: 10px;
    background-color: #88c054;
    color: #fff;
}

.content .wp-block-table tr td {
    padding: 5px 15px;
}

.content .wp-block-table tbody tr:nth-child(2n) td {
    background-color: #f8f8f8;
}

.content .wp-block-image {
	position: relative;
}

.content .wp-block-image img {
	display: block;
	height: auto;
}

.content .wp-block-image figcaption {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	background-color: #0006;
    color: #fff;
    text-align: center;
	padding: 5px;
	font-size: .8em;
}

ul {
	list-style: none;
}

/* Reset list for wp-gallery */
.content ul.wp-block-gallery li { padding: 0; }

.content ul.wp-block-gallery li::before { display: none; }

.has-background { padding: 5px 35px; }

.has-green-background-color { background-color: #88c054;  }
.has-yellow-background-color { background-color: #f9cb58;  }
.has-orange-background-color { background-color: #fba21a;  }
.has-red-background-color { background-color: #eb5245;  }
.has-grey-background-color { background-color: #f8f8f8;  }

.has-green-color { color: #88c054;  }
.has-yellow-color { color: #f9cb58;  }
.has-orange-color { color: #fba21a;  }
.has-red-color { color: #eb5245;  }
.has-grey-color { color: #f8f8f8;  }

/* .has-purple-background-color { background-color: #4e28cc; color: #ffffff } */

/* Buttons */
.btn, .content .wp-block-button__link, input[type="submit"]  {
	display: inline-block;
	background-color: #fff;
    color: #000;
    font-weight: 700;
    padding: 13px 23px;
    text-transform: uppercase;
    font-weight: 700;
    border: solid 2px #88c054;
    outline: none;
    border-radius: 0;
    line-height: 1;
    font-size: 15px;
    letter-spacing: -.5px;
}

.btn.yellow, .content .wp-block-button__link.yellow {
	border-color: #f9cb58;
}

.btn:hover,	.content .wp-block-button__link:hover {
	background-color: rgba(136, 192, 84, 0.8);
	color: #000;
}

input[type="submit"]:hover {
	border-color: #404040;
}

.btn.yellow:hover,	.content .wp-block-button__link.yellow:hover {
	background-color: rgba(249, 203, 88, 0.8);
	color: #000;
}

/* Form */
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
	width: 100%;
    padding: 10px 20px;
    background-color: #f8f8f8;
    border: solid 2px transparent;
    border-bottom-color: #88c054;
    outline: none;
}

input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, textarea.wpcf7-not-valid {
	border-bottom-color: #eb5245;
}

input[type="text"].wpcf7-not-valid::placeholder, input[type="email"].wpcf7-not-valid::placeholder, input[type="tel"].wpcf7-not-valid::placeholder, textarea.wpcf7-not-valid::placeholder {
	color: #eb5245;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
	border-bottom-color: #404040;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #fba21a;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #88c054;
}

input[type="submit"] {
	width: 225px;
}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
	margin-bottom: 15px;
}

.wpcf7 .col-33 {
	padding: 0 10px;
}

#wpcf7-f43-o1 textarea {
	font-size: 0.9em;
}

.wpcf7 .bottom-contact-row {
	justify-content: space-between;
	position: relative;
    padding-right: 10px;
}

.wpcf7 .ajax-loader {
	position: absolute;
	right: 10px;
    bottom: 25px;
    margin: 0 10px;
}

.wpcf7 .wpcf7-acceptance {
	font-size: 0.85em;
	color: #000;
}

.wpcf7-not-valid-tip {
	margin-top: -10px;
    text-transform: uppercase;
    font-size: .55em;
    font-family: 'Spartan', sans-serif;
	color: #eb5245;
}

/* input file */
.your-file, .wpcf7-form-control-wrap.CV, .wpcf7-form-control-wrap.Lettremotivation { 
    display: flex;
}

.your-file input[type="file"],
.wpcf7-form-control-wrap.CV input[type="file"],
.wpcf7-form-control-wrap.Lettremotivation input[type="file"]  {
    opacity: 0;
    position: absolute;
	width: 100%;
    height: 100%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.your-file .txt-file,
.wpcf7-form-control-wrap.CV .txt-file,
.wpcf7-form-control-wrap.Lettremotivation .txt-file {
    width: auto;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -o-flex: 1 0 auto;
    flex: 1 0 auto;
	padding: 10px 20px;
	background-color: #f8f8f8;
	color: #757575;
	border-bottom: solid 2px #88c054;
	transition: all .5s ease 0s;
}

.your-file .txt-file.has-file,
.wpcf7-form-control-wrap.CV .txt-file.has-file,
.wpcf7-form-control-wrap.Lettremotivation .txt-file.has-file {
	color: #000;
}

.your-file .btn-file,
.wpcf7-form-control-wrap.CV .btn-file,
.wpcf7-form-control-wrap.Lettremotivation .btn-file {
	padding: 13px 23px;
    text-transform: uppercase;
    font-weight: 700;
	background-color: #fff;
    color: #000;
    border: solid 2px #88c054;
	outline: none;
    line-height: 1;
    font-size: 15px;
    letter-spacing: -.5px;
    width: auto;
    position: relative;
}

.btn-file i {
	margin-left: 8px;
	display: none;
}

.your-file:hover .btn-file, .your-file:hover .txt-file,
.wpcf7-form-control-wrap.CV:hover .btn-file, .wpcf7-form-control-wrap.CV:hover .txt-file,
.wpcf7-form-control-wrap.Lettremotivation:hover .btn-file, .wpcf7-form-control-wrap.Lettremotivation:hover .txt-file {
    border-color: #404040;
}

/* For Chrome */
input:focus::placeholder, textarea:focus::placeholder {
	color: #000;
}


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

#site-heading img {
	margin-bottom: 20px;
	max-width: 78px;
    max-height: 78px;
}

.parent-pageid-89 #site-heading img,
.parent-pageid-964 #site-heading img,
.parent-pageid-1226 #site-heading img
 {
	max-width: 350px;
    max-height: 100px;
	margin-bottom: 0;
}

#heading-bg {
	position: relative;
	width: 100%;
	padding-top: 130px;
	background-color: #f8f8f8;
	display: flex;
    align-items: flex-end;
	justify-content: center;
	text-align: center;
	padding-bottom: 50px;
}

/* 
* Breadcrumbs
*/
#breadcrumbs {
	margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: solid 1px #e2e2e2;
}

#breadcrumbs i {
	margin: 0 7px;
	position: relative;
    top: 1px;
}

/*=====================================================
	HOME
======================================================*/

/* list */
.list-articles {
	margin-top: -20px;
	margin-left: -20px;
	width: calc(100% + 40px);
}

.list-articles .item {
	position: relative;
	width: calc((100%/3) - 40px);
    margin: 40px 20px;
}

.item:hover .content-article h3 {
	opacity: .6;
}

.item .bg-img {
    width: 100%;
    height: 200px;
	-webkit-box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 5%);
    box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 5%);
	background-color: #fff;
}

.bg-img.default-thumb {
	background-size: 85%;
}

.item .content-article {
	color: #000;
}

.item .content-article h3 {
	margin-top: .8em;
	margin-bottom: .3em;
}

.item .content-article p {
	font-weight: 400;
}

.content-article ul {
	margin: .5em 0 .5em 1em;
 	list-style-type: none;
}

.content-article ul li {
  position: relative;
  margin-bottom: .3em;
}

.content-article ul li::before {
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  background-color: red;
  border-radius: 100%;
  position: absolute;
  top: 10px;
  left: -20px;
}

.item .more {
	text-align: right;
	margin-top: 15px;
}

aside .item article {
	margin: 15px 25px 25px 25px
}

aside .item .bg-img {
	height: 100px;
}

aside .item h3 {
	font-size: .9em;
}

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

#single #header-article {
	padding-bottom: 15px;
}

#single .single-thumb {
	height: 200px;
	margin-bottom: 25px;
	-webkit-box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 5%);
    box-shadow: 1px 1px 6px 2px rgb(0 0 0 / 5%);
    background-color: #fff;
}

#single time {
	display: block;
    letter-spacing: 1px;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 700;
    color: #fba21a;  
}

aside .wrap-btn {
	text-align: center;
	padding-bottom: 10px;
}

/*=====================================================
	SEARCH
======================================================*/

/* button */
#search-button {
	margin: 0 15px 0 8px;
    border: solid 1px #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    outline: none;
    background-color: #88c054;
    color: #fff;
    font-size: .9em;
}

#search-button:hover {
	background-color: #000;
}

/* form */
#search {
	visibility: hidden;
	opacity: 0;
	position: absolute;
    top: 0; left: 0;
	width: 100%;  height: 100vh;
	display: flex;
    align-items: center;
	justify-content: center;
	background-color: #000000b9;
	transition: all .5s ease 0s;
}

body.searchform-open {
	overflow: hidden;
}

#search.searchform-open {
	visibility: visible;	
	opacity: 1;
}

#search form {
	width: 500px;
	display: flex;
	align-items: center;
	margin-top: -50vh;
}

#search form i {
	font-size: 1.4em;
    background-color: #f8f8f8;
    color: #88c054;
    padding: 11px;
	width: 51px;
}

#search form #closesearch i {
	background-color: transparent;
}

#search #closesearch {
	position: absolute;
    display: block;
    top: 15px;
    right: 25px;
    font-size: 1.4em;
    color: #000;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
}

#search input[type="text"] {
	border: none;
	padding: 10px;
}

#search input[type="submit"] {
	display: inline-block;
	width: auto;
}

/* page results */
#list_results {
	width: 100%;
}

#list_results ul { padding: 2em 0; }

#list_results .un_resultat.col-33 {
  list-style-type: none;
  padding: 0;
}

#list_results .un_resultat.col-33::before { display:none; }

#list_results .un_resultat .inner {
	display: block;
	background-color: #f8f8f8;
	margin: 10px;
	color: #000;
	min-height: 200px;
	position: relative;
	border: 0;
}

#list_results .un_resultat .inner:hover {
	background-color: rgba(136, 192, 84, 0.8);
}

#list_results .un_resultat .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	text-align: center;
	padding: 25px;
}

#list_results .un_resultat img {
	margin-bottom: 20px;
    max-width: 45px;
    max-height: 45px;
}

#list_results .page-id-91.un_resultat img,
#list_results .page-id-95.un_resultat img,
#list_results .page-id-97.un_resultat img,
#list_results .page-id-953.un_resultat img,
#list_results .page-id-957.un_resultat img,
#list_results .page-id-962.un_resultat img,
#list_results .page-id-1228.un_resultat img,
#list_results .page-id-1230.un_resultat img,
#list_results .page-id-1232.un_resultat img {
	max-width: 180px;
    max-height: 60px;
	margin-bottom: 0;
}

#list_results .un_resultat h2 {
	margin-top: 0;
	font-size: 1.2em;
	line-height: 1.2;
}

#list_results .page-id-91.un_resultat h2,
#list_results .page-id-95.un_resultat h2,
#list_results .page-id-97.un_resultat h2,
#list_results .page-id-953.un_resultat h2,
#list_results .page-id-957.un_resultat h2,
#list_results .page-id-962.un_resultat h2,
#list_results .page-id-1228.un_resultat h2,
#list_results .page-id-1230.un_resultat h2,
#list_results .page-id-1232.un_resultat h2 {
	display: none;
}

#list_results .un_resultat p {
	max-height: 118px;
    overflow: hidden;
	margin-bottom: 0;
	font-weight: 400;
}

.page-id-112 #list_results .un_resultat .content {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-id-112 #list_results .un_resultat img {
	max-width: 75px;
    max-height: 75px;
	margin-bottom: 0;
}

.page-id-112 #list_results .un_resultat h2 {
	width: calc(100% - 75px);
	margin-bottom: 0;
	padding-left: 15px;
	font-size: 1.1em;
	text-align: left;
}

.page-id-112 #list_results .un_resultat .inner {
	min-height: 135px;
}

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

#section-logos h2 {
    text-align: center;
}

.un-logo figure {
	margin: 15px;
    box-shadow: 0 3px 6px 3px rgb(0 0 0 / 9%);
}

.un-logo figure img {
	width: 100%;
	height: auto;
}

.list_secteurlogo { position:relative; }

.list_secteurlogo .bx-controls {
	text-align: initial;
}

.list_secteurlogo .bx-controls-direction > a {
	position: absolute;
	left: 0;
    top: 50%;
	transform: translateY(-50%);
	color: #000;
}

.list_secteurlogo .bx-controls-direction > a.disabled {
	opacity: .2;
	pointer-events: none;
}

.list_secteurlogo .bx-controls-direction > a:hover {
	color: #88c054;
}

.list_secteurlogo .bx-controls-direction > a.bx-next {
	left: initial;
	right: 0;
}

#section-secteuract .left {
	text-align: right;
	padding-right: 75px;
}

#section-offres {
	text-align: center;
}

#section-offres h2 {
    text-align: right;
    padding-right: 40px;
}

.list_secteuract {
	text-align: center;
	position: relative;
}

.list_secteuract .bx-wrapper {
	margin: 0 auto;
}

.list_secteuract .bx-controls {
	text-align: initial;
}

.list_secteuract .bx-controls-direction > a {
	position: absolute;
	left: 0;
    top: 50%;
	transform: translateY(-50%);
	color: #000;
}

.list_secteuract .bx-controls-direction > a.disabled {
	opacity: .2;
	pointer-events: none;
}

.list_secteuract .bx-controls-direction > a:hover {
	color: #88c054;
}

.list_secteuract .bx-controls-direction > a.bx-next {
	left: initial;
	right: 0;
}

.list_secteuract .un_sect {
	height: 160px;
	margin-top: 10px;
}

.list_secteuract .un_sect > * {
	-webkit-box-shadow: 0 3px 6px 3px rgb(0 0 0 / 9%);
    box-shadow: 0 3px 6px 3px rgb(0 0 0 / 9%);
	height: 140px;
	justify-content: center;
	margin: 0 15px;
}

.list_secteuract .un_sect > *:hover {
	transform: scale(.97);
	-webkit-box-shadow: 0 5px 6px 3px rgb(0 0 0 / 15%);
    box-shadow: 0 5px 6px 3px rgb(0 0 0 / 15%);
}

.list_secteuract .wrap-img {
	min-height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_secteuract .wrap-img img {
	max-height: 78px;
	max-width: 78px;
}

.list_secteuract h5 {
	margin-top: 10px;
	padding: 0 10px;
}

.page-id-59 h1, .page-id-59 h2, .page-id-59 > a h5,
.page-id-120 h1, .page-id-120 h2, .page-id-120 > a h5,
.page-id-127 h1, .page-id-127 h2, .page-id-127 > a h5,
.page-id-134 h1, .page-id-134 h2, .page-id-134 > a h5,
.page-id-138 h1, .page-id-138 h2, .page-id-138 > a h5,
.page-id-140 h1, .page-id-140 h2, .page-id-140 > a h5,
.page-id-1083 h1, .page-id-1083 h2, .page-id-1083 > a h5,
.page-id-1092 h1, .page-id-1092 h2, .page-id-1092 > a h5,
.page-id-1102 h1, .page-id-1102 h2, .page-id-1102 > a h5,
.page-id-1108 h1, .page-id-1108 h2, .page-id-1108 > a h5,
.page-id-1485 h1, .page-id-1485 h2, .page-id-1485 > a h5,
.page-id-1489 h1, .page-id-1489 h2, .page-id-1489 > a h5
 {
	color: #88c054;
}

.page-id-116 h1, .page-id-116 h2, .page-id-116 > a h5,
.page-id-122 h1, .page-id-122 h2, .page-id-122 > a h5,
.page-id-132 h1, .page-id-132 h2, .page-id-132 > a h5,
.page-id-312 h1, .page-id-312 h2, .page-id-312 > a h5,
.page-id-1086 h1, .page-id-1086 h2, .page-id-1086 > a h5,
.page-id-1094 h1, .page-id-1094 h2, .page-id-1094 > a h5,
.page-id-1098 h1, .page-id-1098 h2, .page-id-1098 > a h5,
.page-id-1104 h1, .page-id-1104 h2, .page-id-1104 > a h5,
.page-id-1483 h1, .page-id-1483 h2, .page-id-1483 > a h5,
.page-id-1491 h1, .page-id-1491 h2, .page-id-1491 > a h5,
.page-id-1493 h1, .page-id-1493 h2, .page-id-1493 > a h5,
.page-id-1495 h1, .page-id-1495 h2, .page-id-1495 > a h5 {
	color: #fba21a;
}

.page-id-118 h1, .page-id-118 h2, .page-id-118 > a h5,
.page-id-125 h1, .page-id-125 h2, .page-id-125 > a h5,
.page-id-130 h1, .page-id-130 h2, .page-id-130 > a h5,
.page-id-136 h1, .page-id-136 h2, .page-id-136 > a h5,
.page-id-1090 h1, .page-id-1090 h2, .page-id-1090 > a h5,
.page-id-1096 h1, .page-id-1096 h2, .page-id-1096 > a h5,
.page-id-1100 h1, .page-id-1100 h2, .page-id-1100 > a h5,
.page-id-1106 h1, .page-id-1106 h2, .page-id-1106 > a h5,
.page-id-1487 h1, .page-id-1487 h2, .page-id-1487 > a h5 {
	color: #eb5245;
}

#section-contact {
	padding-top: 35px;
}

#section-contact .contact-header {
	text-align: center;
	margin-bottom: 40px;
}

#site-footer {
	position: relative;
	background-color: #f8f8f8;
	z-index: 0;
	height: 272px;
	font-size: 0.9em;
}

#site-footer::before {
	content: '';
    position: absolute;
    top: -30px;
    left: 75px;
    display: block;
    width: 284px;
    height: 303px;
    background-image: url(assets/images/sofifeuille-color.png);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	z-index: -1;
}

#site-footer .icon_txt {
	margin: 20px 0;
	max-width: 260px;
    margin-left: auto;
}

.address p {
	white-space: pre-wrap;
	line-height: 1.3;
}

#site-footer nav ul {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	text-transform: uppercase;
	font-size: .9em;
}

#site-footer nav ul li:not(:first-child):before {
	content: '\f111';
    font-weight: bold;
    font-family: Font Awesome\ 5 Free;
    font-size: .3em;
    margin: 0 10px;
    display: inline-block;
    position: relative;
    top: -2px;
}

#site-footer nav#sec-footer-menu ul {
	margin: 5px 0 43px 0;
	font-size: 0.8em;
	opacity: .5;
}

#site-footer .list_logos {
	margin: 35px 40px 20px 40px;
	justify-content: center;
}

#site-footer .list_logos > * {
	width: calc(33% - 60px);
	margin: 0 30px;
	height: auto;
	max-height: 100px;
}

#site-footer .list_logos > *:first-child {
	max-width: 120px;
}

#site-footer .list_logos a img {
	width: 100%;
	height: auto;
}

#site-footer #credits {
	border-top: solid 1px #e4e4e4;
	padding-top: 15px;
    padding-bottom: 15px;
    font-size: .85em;
    text-align: center;	
}

#site-footer #credits a {
	font-weight: 700;
}


/* cookies */

#cookie-notice {
	font-family: 'Titillium Web', sans-serif;
	font-size : 14.5px;
}

#cookie-notice .cn-button {
	background: none;
    border: solid 2px #87bf53;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9em;
}

#cookie-notice .cn-button:hover {
	background-color: #87bf53;
}

/*=====================================================
	RESPONSIVE
======================================================*/

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

	/* footer */
	#site-footer::before { left: -57px; }
}

@media screen and (max-width: 1480px) {  
	/* header */
	#site-nav .sub-menu a { font-size: .95em; padding: 10px 15px; }
	.logo { width: 150px; margin-right: 30px; height: 62px; }
	#site-nav .menu > li > a { padding: 20px 10px; }
	#site-header.scrolled .logo { width: 120px; margin-right: 30px; height: 53px; }
	#site-header .phone { padding: 6px; }
	#site-header .phone span { display: none; }
	#site-header .phone i { display: block; }

	/* frontpage */
	#section-hero { background-position: right top; background-size: 70%; }
	#section-hero #hero-content { width: 55%; }
	#section-presentation .content { padding: 35px 25px; margin: 0 15px; }
	#section-presentation .content h3 { font-size: 1.2em; }
	#section-presentation .wrap-1 .content, #section-presentation .wrap-3 .content { width: calc(50% - 45px); }

	/* pages */
		/* activités */
		#section-offres h2 { padding-right: 30px; }
		#section-offres .bloc-img { margin: 0 10px;	}
	/* footer */
	#site-footer { height: auto; }
	#site-footer::before { left: -175px; }

}

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

	/* general */
	.container, .content-container { padding: 0 25px; }

	/* header */
	#site-header #inner-header { font-size: .85em; }

	/* frontpage */
	#section-hero #hero-content { width: 70%; }

}

@media screen and (max-width: 1023px) {  
	
	/* header */
	#burger-menu{display:block;border:none;background:0 0;outline:0;position:relative;z-index:1;font-size:1.5em;padding:9px;color:#000;margin-left: 20px;}
	#site-header #mobile-wrapper{position:fixed;background-color:#fff;height:100vh;width:320px;right:-320px;top:0;opacity:0;visibility:hidden;overflow:auto;border-top:108px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.04)}
	#site-header.menu-open #mobile-wrapper{opacity:1;visibility:visible;right:0}
	#site-nav{width:100%}
	#site-nav .menu{display:block}
	#site-nav .menu a{border-bottom:solid 1px #eee}
	#site-nav .menu .sub-arrow {position:absolute;right:0;top:0;background-color:#88c054;color:#000;height:100%;width:53px;line-height:53px;text-align:center; }
	#site-nav .menu > li > a { padding: 16.5px 10px }
	#site-nav .menu > li:hover > a, #site-nav .menu > li.open > a {background-color:#88c054; color: #fff; }
	#site-nav li.open .sub-arrow{background-color:#000;color:#fff}
	#site-nav li>.sub-menu{position:relative;padding:0;opacity:1;visibility:visible;max-height:0;overflow:hidden;border:none;}
	#site-nav li.open>.sub-menu{max-height:500px;background-color:#f5f5f5;box-shadow: none;}
	#site-nav .sub-menu .sub-arrow { width: 40px; line-height: 40px; }	
	#site-nav ul.menu > li .sub-menu li .sub-menu { transform: translateX(0); position: relative; }
	#site-nav ul.menu > li .sub-menu li.open>.sub-menu {max-height: 500px;background-color: #f5f5f5;}

	/* frontpage */
	#section-hero #hero-content { width: 85%; margin: 0 auto; }
	#section-qualite .col-66 { width: 100%; }
	#section-actu .col-33:nth-child(1) { width: 100%; justify-content: center; text-align: center; }
	#section-actu .col-33:nth-child(3) { width: 66%; }
	#section-actu .col-33:nth-child(3) .inner { width: 100%; }
	#section-presentation .col-50 { width: 100%; position: initial;	transform: translate(0); max-width: 680px;	margin: 0 auto 0 auto; }
	#section-presentation .col-50:nth-child(1), #section-presentation .col-50:nth-child(2) { margin-bottom: 75px; }
	#section-presentation .bloc-img .content { bottom: -15px; }
	#section-presentation .wrap-1 .content, #section-presentation .wrap-3 .content { width: calc(100% - 35px); }
	#section-keywords { padding: 115px 0 45px 0; }

	/* pages */
	.has-sidebar #page-content > article { width: 100%; order: 2; }
	.has-sidebar #page-content > aside { margin-left: 0; width: 100%; max-width: 480px; margin-bottom: 50px; }
	.parent-pageid-57 .has-sidebar #page-content > article,
	.parent-pageid-103 .has-sidebar #page-content > article,
	.single .has-sidebar #page-content > article { order: 1; }
	.parent-pageid-57 .has-sidebar #page-content > aside,
	.parent-pageid-103 .has-sidebar #page-content > aside,
	.single .has-sidebar #page-content > aside { order: 2; margin-top: 50px; margin-bottom: 0 ;}
	.has-sidebar #page-content > aside > * { margin-bottom: 30px; }
	#list_results .col-33 { width: 50%; }

	/* forms */
	#search { z-index: 10; }
	#search form { margin-top: -5vh; padding: 0 25px; }
	#modal-unlock #modal-content { width: calc(100% - 50px); max-width: 650px; }

	/* footer */
	#site-footer > .container > .row.center { justify-content: center; }
	#site-footer .list_logos > *:first-child { max-height: 60px; width: auto; }
	#site-footer .icon_txt { margin-right: auto; }
	#site-footer .col-66 { width: 100%; }
}

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

	/* timeline page presentation */
	.ctl-instant-timeline .timeline-content .story-details:before { border-left-color: none!important; }
	.ctl-instant-timeline .timeline-content:nth-child(2) .story-details:before { border-right-color: #fba21a!important; border-left-color: transparent; }
	.ctl-instant-timeline .timeline-content:nth-child(4) .story-details:before { border-right-color: #a6b73c!important; border-left-color: transparent; }

	/* offres */
	#section-offres .col-33 { width: 100%; margin-bottom: 35px; }
	#section-offres h2 { text-align: center; }
	#section-offres .bloc-img { max-width: 450px; margin: 0 auto; }

}

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

	/* frontpage */
	#section-hero #hero-content { width: 100%; padding: 11vh 15px 50px 15px; }
	#section-keywords .col-33 { width: 100%; margin-bottom: 65px; }
	#section-qualite .list_qualite .col-50 { width: 100%; margin-bottom: 35px; }
	#section-secteuract h2 { margin-bottom: 25px; }
	#section-secteuract .left { text-align: center; width: 100%; padding-right: 0; }
	#section-secteuract > .container > .row.center { justify-content: center; }
	#section-secteuract .col-66 { width: 100%; }
	#section-logos .left { text-align: center; width: 100%; padding-right: 0; }
	#section-logos > .container > .row.center { justify-content: center; }
	#section-logos .col-66 { order: 2; width: 100%; }


	/* titre */
	h1, .h1 { font-size: 2em; }
	h2, .h2 { font-size: 1.6em; }

	/* contact form */
	.wpcf7 .col-33 { width: 100%; }
	.wpcf7 .wpcf7-submit { width: 100%; }

	/* listing */
	.list-articles .item { width: calc((100%/2) - 40px); }
	#list_results .col-33 { width: 100%; }
	#list_docs .un_doc { width: calc( (100% / 2) - 14px ); }

	/* contact */
	#bloc-contact .col-33:nth-child(1) { width: 100%; }
	#bloc-contact .col-33:nth-child(2), #bloc-contact .col-33:nth-child(3) { width: 50%; }

	/* footer */
	#site-footer .list_logos > * { width: calc(50% - 60px); }
	#site-footer::before { left: -230px; }
}

@media screen and (max-width: 550px) { 
	
	/* general */
	.container, .content-container { padding: 0 15px; }
	h2, .h2 { font-size: 1.4em; }

	/* header */
	#site-header .linkedin, #site-header .phone { display: inline-flex; width: 40px; height: 40px; margin-top: 15px; border-bottom: solid 2px #000!important; align-items: center; justify-content: center; }

	/* frontpage */
	#section-hero h1 { font-size: 1.6em; }
	#section-actu h2 { font-size: 2.2em; }
	#section-qualite .list_qualite .col-50 { text-align: center; }
	#section-qualite .list_qualite .col-50 ul { text-align: left; }
	#section-actu .col-33:nth-child(2), #section-actu .col-33:nth-child(3) { width: 100%; }
	#section-actu .col-33:nth-child(2) { padding-bottom: 100%; }
	#section-actu .col-33:nth-child(3) .inner { padding-top: 0; }

	/* listing */
	.list-articles .item { width: calc((100%) - 40px); }
	#list_docs .un_doc { width: calc( (100%) - 14px ); }

	/* pages */
	.wp-block-image .alignright { float: initial; margin: 36px 0; }

	/* contact */
	#bloc-contact .col-33:nth-child(2), #bloc-contact .col-33:nth-child(3) { width: 100%; margin-bottom: 15px; }

	/* footer */
	#site-footer .col-33 { width: 100%; }
	#site-footer .list_logos > * { width: calc(100% - 60px); max-width: 200px; }

}

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

	/* frontapge */
	#section-hero h1 { font-size: 1.3em;}
	#section-presentation .content { font-size: 0.9em; }
	
	/* fonts */
	h1, .h1 { font-size: 1.6em; }

	/* timeline page presentation */
	.ctl-instant-timeline .timeline-content h3 { font-size: 14px; }

	/* heading pages */
	#heading-bg p { font-size: 0.9em; line-height: 1.4; margin-top: 15px }
	#breadcrumbs { font-size: .9em;	margin-bottom: 40px; }

	
}