@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700;900&display=swap');
body {
}
* {
	outline:none !important;
	text-decoration:none;
	margin:0;
	padding:0;
	font-family: 'Rubik', sans-serif;
}
a, a:hover {
	text-decoration: none !important;
	outline: none !important;
	color:rgba(217, 152, 100, 1);
}
a:hover {
	color:rgba(217, 152, 100, 0.7);
}
li, ul {
	list-style:none;
	margin:0;
}
.container {
	max-width:1170px;
	padding: 0;
	position: relative;
}
table td,  table th {
	padding: 0.75rem;
	vertical-align: top;
	border: 1px solid #dee2e6;
}
.open-menu {
	display:none;
}
.wow {
	visibility:hidden;
}
 * Waves v0.7.6  * http://fian.my.id/Waves  *  * Copyright 2014-2018 Alfiana E. Sibuea and other contributors  * Released under the MIT license  * https://github.com/fians/Waves/blob/master/LICENSE */.waves-effect {
position:relative;
overflow:hidden;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-tap-highlight-color:transparent
}
.waves-effect .waves-ripple {
	position:absolute;
	width:100px;
	height:100px;
	margin-top:-50px;
	margin-left:-50px;
	pointer-events:none;
	background:rgba(0, 0, 0, 0.2);
	background:radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
	border-radius:50%;
	opacity:0;
	-webkit-transition-property:-webkit-transform, opacity;
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, -webkit-transform;
	transition-property:transform, opacity;
	transition-property:transform, opacity, -webkit-transform;
	-webkit-transition:all 0.5s ease-out;
	transition:all 0.5s ease-out;
	-webkit-transform:scale(0) translate(0, 0);
	transform:scale(0) translate(0, 0)
}
.waves-effect.waves-light .waves-ripple {
	background:rgba(255, 255, 255, 0.4);
	background:radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}
.waves-effect.waves-classic .waves-ripple {
	background:rgba(0, 0, 0, 0.2)
}
.waves-effect.waves-classic.waves-light .waves-ripple {
	background:rgba(255, 255, 255, 0.4)
}
.waves-notransition {
	-webkit-transition:none !important;
	transition:none !important
}
.waves-button, .waves-circle {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-mask-image:-webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input {
	z-index:1;
	font-size:1em;
	line-height:1em;
	color:inherit;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	vertical-align:middle;
	cursor:pointer;
	background-color:rgba(0, 0, 0, 0);
	border:none;
	outline:none
}
.waves-button {
	padding:.85em 1.1em;
	border-radius:.2em
}
.waves-button-input {
	padding:.85em 1.1em;
	margin:0
}
.waves-input-wrapper {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	border-radius:.2em
}
.waves-input-wrapper.waves-button {
	padding:0
}
.waves-input-wrapper .waves-button-input {
	position:relative;
	top:0;
	left:0;
	z-index:1
}
.waves-circle {
	width:2.5em;
	height:2.5em;
	line-height:2.5em;
	text-align:center;
	border-radius:50%
}
.waves-float {
	-webkit-mask-image:none;
	-webkit-box-shadow:0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
	box-shadow:0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
	-webkit-transition:all 300ms;
	transition:all 300ms
}
.waves-float:active {
	-webkit-box-shadow:0 8px 20px 1px rgba(0, 0, 0, 0.3);
	box-shadow:0 8px 20px 1px rgba(0, 0, 0, 0.3)
}
.waves-block {
	display:block
}
a.waves-effect, a.waves-light {
	display:inline-block
}/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.7.0

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2018 Daniel Eden

 */
.animated {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.delay-1s {
	-webkit-animation-delay:1s;
	animation-delay:1s
}
.animated.delay-2s {
	-webkit-animation-delay:2s;
	animation-delay:2s
}
.animated.delay-3s {
	-webkit-animation-delay:3s;
	animation-delay:3s
}
.animated.delay-4s {
	-webkit-animation-delay:4s;
	animation-delay:4s
}
.animated.delay-5s {
	-webkit-animation-delay:5s;
	animation-delay:5s
}
.animated.fast {
	-webkit-animation-duration:800ms;
	animation-duration:800ms
}
.animated.faster {
	-webkit-animation-duration:500ms;
	animation-duration:500ms
}
.animated.slow {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.animated.slower {
	-webkit-animation-duration:3s;
	animation-duration:3s
}
@media (prefers-reduced-motion) {
.animated {
-webkit-transition:none !important;
transition:none !important;
-webkit-animation:unset !important;
animation:unset !important
}
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes fadeOut {
from {
opacity:1
}
to {
	opacity:0
}
}
@keyframes fadeOut {
from {
opacity:1
}
to {
	opacity:0
}
}
.fadeOut {
	-webkit-animation-name:fadeOut;
	animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
from {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, 100%, 0);
	transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	-webkit-animation-name:fadeOutDown;
	animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutLeft {
from {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	-webkit-animation-name:fadeOutLeft;
	animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutRight {
from {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(100%, 0, 0);
	transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	-webkit-animation-name:fadeOutRight;
	animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutUp {
from {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
from {
opacity:1
}
to {
	opacity:0;
	-webkit-transform:translate3d(0, -100%, 0);
	transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	-webkit-animation-name:fadeOutUp;
	animation-name:fadeOutUp
}
.hoverable {
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:all 0.55s ease-in-out;
	transition:all 0.55s ease-in-out
}
.hoverable:hover {
	-webkit-box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-transition:all 0.55s ease-in-out;
	transition:all 0.55s ease-in-out
}
.zoom img, .zoom video {
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear
}
.zoom:hover img, .zoom:hover video {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
p {
	color: #878986;
	font-size: 18px;
	line-height: 36px;
}
h1.titre {
	color: #122239;
	font-size: 38px;
	line-height: 40px;
	margin-bottom: 40px;
	text-transform: uppercase;
	font-weight: bold;
}
.btn {
	background: #008fd3;
	color: #fff;
	line-height: 62px;
	padding: 0 50px;
	font-weight: bold;
	border-radius: 0;
	border: none;
	font-size: 12px;
	letter-spacing: 2px;
	position: relative;
	text-transform: uppercase;
	overflow: hidden;
}
.btn:before {
	content: "";
	display: block;
	background: #96c11f;
	position: absolute;
	width: 200%;
	height: 500%;
	border-radius: 100%;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
	transform: translate(-110%, -110%) translateZ(0);
}
.btn:hover:before {
	transform: translate(-45%, -34%) translateZ(0);
}
.btn span {
	position: relative;
	z-index: 99;
	color: #fff;
}
h2 {
	color: #122239;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
}
h3 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 30px;
	text-transform: uppercase;
}
h4 {
	color: #122239;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.scrolltotop {
	background: #008fd3;
	border-radius: 50%;
}
.scrolltotop i:before {
	top: 14px;
}
a.decouvrir {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background: #122239;
	line-height: 60px;
	position: absolute;
	right: 20px;
	bottom: -30px;
	color: #fff;
	z-index: 99;
}
a.decouvrir i {
	position: relative;
	z-index: 99;
}
a.decouvrir:hover {
	background: #96c11f;
}
ul {
	margin: 20px 0;
}
ul li {
	color: #878986;
	font-size: 18px;
	line-height: 36px;
	list-style: url(../img/flesh.png) outside;
	padding-left: 20px;
	margin-left: 10px;
}

#sticky {
    z-index:999999 !important;
}
#sticky .container {
    margin-top: -20px;
}
/***** header *****/

header .logo {
	margin: 10px 0;
}
header .head_right {
	float: right;
}
header .coordonnees,  header .reseaux_sociaux {
	float: left;
}
header .coordonnee {
	color: #767c85;
	font-size: 18px;
	line-height: 24px;
	margin-right: 30px;
}
header .coordonnee .titre_coord {
	color: #122239;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}
header .coordonnee .icon_coord {
	margin-right: 20px;
}
.reseaux_sociaux a.blob-btn {
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 50%;
	color: #122239;
	background: #ebf2f5;
	display: inline-block;
	text-align: center;
	margin: 0 5px;
	position: relative;
	overflow: hidden;
}
.reseaux_sociaux a.blob-btn i {
	z-index: 99;
	position: relative;
}
.reseaux_sociaux a.blob-btn:hover {
	color: #fff;/*background: #008fd3;*/

}
.reseaux_sociaux a.blob-btn:before,  .reseaux_sociaux a.blob-btn:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	transition: all 0.25s ease;
	border-radius: 50%;
}
.reseaux_sociaux a.blob-btn:before {
	transition-duration: 1.5s;
	box-shadow: inset 0 0 0 1px #ebf2f5;
}
.reseaux_sociaux a.blob-btn:hover:before {
	box-shadow: inset 0 0 0 42px #008fd3;
}
header .main_menu {
	width: 100%;
	max-height: 64px;
	background: #122239;
}
header .navbar-nav .menu-item {
	list-style: none;
	padding: 0;
	margin: 0;
}
header .navbar-nav .menu-item a {
	color: #767c85;
	font-size: 18px;
	line-height: 64px;
	margin: 0 25px;
	position: relative;
	display: inline-block;
}
header .navbar-nav .menu-item a:hover,  header .navbar-nav .menu-item a[aria-current="page"] {
	color: #fff;
}
header .navbar-nav .menu-item a:before {
	height: 2px;
	display: block;
	position: absolute;
	background: #008fd3;
	content: '';
	top: 0;
	left: 100%;
	right: 100%;
 transition: .48s all ease-in-out;
}
header .navbar-nav .menu-item a:hover:before,  header .navbar-nav .menu-item a[aria-current="page"]:before {
	left: 0;
	right: 0;
}
.img-top {
	height: 280px;
	background-size: cover;
	background-position: center;
}
/*Mobile */

.mm-menu.mm-theme-dark {
	background: #008fd3;
}
.mm-listview>li>a, .mm-listview>li>span {
	line-height: 40px;
	margin: 0 0 0 20px;
	color: #fff;
}
.mm-menu.mm-theme-dark .mm-listview>li:after {
	border-color: #fff;
}
/* Slider */

#section_slider {
	position: relative;
	overflow: hidden;
	height: 680px;
}
#section_slider .owl-carousel .owl-stage-outer {
	padding: 0;
}
#section_slider .descriptif_slide {
	text-align: center;
}
#section_slider #slide_accueil,  #section_slider .slide_accueil,  #section_slider .owl-carousel .owl-stage-outer,  #section_slider .owl-carousel .owl-stage,  #section_slider .owl-carousel.owl-drag .owl-item {
	height: 100%;
}
#section_slider .owl-carousel.owl-drag .owl-item li {
	height: 100%;
	width: 100%;
	margin: 0;
	background-size: cover;
	background-position: center center;
}
#section_slider .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	z-index: 99;
}
#section_slider .container_slide {
	z-index: 999;
}
#section_slider .owl-carousel {
	z-index: inherit;
	margin: 0;
}
#section_slider .owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: -40px;
	z-index: 999;
	position: relative;
}
#section_slider .owl-theme .owl-dots .owl-dot span {
	background: #fff;
}
#section_slider .owl-theme .owl-dots .owl-dot.active span,  #section_slider .owl-theme .owl-dots .owl-dot:hover span {
	background: #008fd3;
}
/***** Footer *****/

footer {
	background: #122239;
	position: relative;
	text-align: center;
}
footer:after {
	background: url(../img/img05.png) bottom right no-repeat;
	position: absolute;
	width: 100%;
	height: 400px;
	left:0;
	bottom:0;
	content: "";
	opacity: 0.04;
}
footer .container {
	display: inline-block;
	position: relative;
	text-align: left;
	z-index: 99;
}
footer .foot01 {
	width: 33%;
	float: left;
}
footer .foot02 {
	float: left;
	width: 17%;
}
footer .foot03 {
	float: left;
	width: 12%;
}
.foot04 {
	float: left;
	width: 24%;
}
.foot04 .info_contact {
	color: #8391a5;
	font-size: 15px;
	line-height: 34px;
}
.foot04 .info_contact img {
	margin-right: 10px;
}
.foot05 {
	float: left;
	width: 14%;
}
footer h2 {
	margin-top: 20px;
}
footer .navbar-nav .menu-item {
	list-style: none;
	padding: 0;
	margin: 0;
}
footer .navbar-nav .menu-item a {
	color: #8391a5;
	font-size: 15px;
	line-height: 30px;
}
footer .navbar-nav .menu-item a:hover {
	color: #fff;
}
footer .reseaux_sociaux a.blob-btn {
	color: #fff;
	background: #0c1625;
	margin: 0 4px;
}
footer .reseaux_sociaux a.blob-btn:before {
	box-shadow: inset 0 0 0 1px #0c1625;
}
footer .reseaux_sociaux a.blob-btn:last-child {
	margin-right: 0;
}
footer .bloc_copyright {
	width: 100%;
	float: left;
	border-top: 1px solid rgba(130, 144, 164, .1);
}
footer .bloc_copyright p {
	width: 100%;
	text-align: center;
	color: #8391a5;
	font-size: 15px;
	margin: 0;
}
footer .bloc_copyright p a {
	color: #8391a5;
	font-size: 15px;
}
footer .bloc_copyright p a:hover {
	color: #fff;
}
/***** Home *****/

/* 3 points */

#section_3_points {
	background-repeat:  no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	min-height: 860px;
}
h1.titre.section_3_points {
	text-align: center;
}
#section_3_points .row {
	margin: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
}
#section_3_points .points {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	-ms-flex-align: end!important;
	align-items: flex-end!important;
}
#section_3_points .point {
	min-height: 860px;
	position: relative;
	float: left;
	transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
}
#section_3_points .point:after {
	height: 160px;
	content: "";
	background: rgba(0, 0, 0, .3);
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
}
#section_3_points .point:hover:after {
	display: none;
}
#section_3_points .point:hover {
	-ms-flex-align: end!important;
	align-items: flex-end!important;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	background: rgba(18, 34, 57, .8);
}
#section_3_points .logo_point {
	max-height: 200px;
	width: 100%;
	text-align: center;
}
#section_3_points .logo_point img {
	max-width: 100%;
	max-height: 200px;
}
#section_3_points .point:hover .description {
	max-height: 152px;
	overflow: hidden;
	color: #fff;
}
#section_3_points .point h4 {
	color: #fff;
	z-index: 99;
	font-size: 18px;
	position: relative;
}
#section_3_points .point h4 .compteur {
	width: 45px;
	height: 45px;
	color: #fff;
	margin-right: 20px;
	border-radius: 50%;
	border: 1px solid #fff;
	display: inline-block;
	text-align: center;
	line-height: 44px;
	font-size: 12px;
	font-weight: 500;
}
#section_3_points .point:hover h4 .compteur {
	border: 1px solid #008fd3;
	background: #008fd3;
	color: #fff;
}
#section_3_points .point:hover h4 span {
	color: #96c11f;
}
#section_3_points .point .logo_point,  #section_3_points .point .description,  #section_3_points .point a {
	display: none;
}
#section_3_points .point:hover .logo_point,  #section_3_points .point:hover .description,  #section_3_points .point:hover a {
	display: inline-block;
}
#section_3_points .point a {
	line-height: 52px;
	margin: 50px 0 0 30px;
	background: #96c11f;
}
#section_3_points .point a.btn:before {
	background: #008fd3;
}
/* innovation */

#section_innovation {
	background: url(../img/bg.png) right bottom no-repeat;
}
#section_innovation .innovation_left {
	position: relative;
	z-index: 10;
}
#section_innovation .innovation_left:after {
	width: 430px;
	height: 430px;
	background: #ebf2f5;
	border-radius: 50%;
	content: "";
	position: absolute;
	z-index: 1;
	left: -215px;
	top: calc(50% - 215px);
}
#section_innovation .view {
	max-width: 470px;
	height: 530px;
	position: relative;
	z-index: 99;
}
#section_innovation .icon {
	position: absolute;
	width: 112px;
	height: 112px;
	background: #96c11f;
	border-radius: 50%;
	z-index: 100;
	text-align: center;
	line-height: 112px;
	left: -36px;
	top: calc(50% - 56px);
}
#section_innovation .icon:before {
	width: 148px;
	height: 148px;
	border-radius: 50%;
	content: "";
	position: absolute;
	z-index: 100;
	left: calc(50% - 74px);
	top: calc(50% - 74px);
	border: 2px dashed #fff;
}
/* realisation */

#section_realisation {
	background: #ebf2f5;
}
#section_realisation h1.titre {
	float: left;
}
#section_realisation .btn {
	float: right;
}
#section_realisation .row {
	width: 100%;
}
#section_realisation .card_top {
	padding: 60px 50px;
	position: relative;
}
#section_realisation .card-title {
	color: #122239;
	font-size: 24px;
	font-weight: bold;
	line-height: 34px;
	text-transform: uppercase;
	height: 70px;
	overflow: hidden;
}
#section_realisation .card_top p {
	font-size: 16px;
	line-height: 20px;
}
#section_realisation .card_top a.more-link {
	display: none;
}
#section_realisation .card_bottom {
	overflow: hidden;
	height: 200px;
	position: relative;
}
#section_realisation .card_bottom img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: none;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
}
/* Newsletter */

.mailpoet_form .mailpoet_text {
	border: none;
	border-bottom: 2px solid #e7e8eb;
	line-height: 60px;
	color: #767c85;
	font-size: 16px;
}
.mailpoet_form .mailpoet_text.parsley-error {
	background-color: inherit;
	border-color: #b94a48;
}
.mailpoet_form .mailpoet_text.parsley-success {
	background-color: inherit;
	border-color: #468847;
}
.mailpoet_form .mailpoet_checkbox {
	opacity: 1;
	margin-right: 10px;
	position: relative;
	width: 20px;
	height: 20px;
	border: 2px solid #e7e8eb;
	border-radius: 0;
	color: #122239;
	font-size: 16px;
}
.mailpoet_form .mailpoet_submit {
	position: absolute;
	right: 0;
	top: 20px;
	background: white;
	width: 60px!important;
	height: 60px;
	background: url(../img/ico_send.png) center left no-repeat;
	border: 0;
	font-size: 0;
}
/* Agriculture */

#section_agriculture {
	position: relative;
	overflow: hidden;
	background: #96c11f;
}
#section_agriculture .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.15;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
#Agrofourniture .texte_categories {
	color: #878986;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
}
#section_agriculture h1.titre {
	color: #fff;
	font-size: 60px;
	line-height: 64px;
	margin-bottom: 60px;
}
#section_agriculture .btn {
	background: #122239;
}
#section_agriculture .btn:before {
	background: #008fd3;
}
/* brand */

#section_brand .owl-stage {
	-ms-flex-align: center!important;
	align-items: center!important;
	display: -ms-flexbox!important;
	display: flex!important;
}
#section_brand img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	cursor: pointer;
	opacity: .4 !important;
}
#section_brand img:hover {
	opacity: 1 !important;
}
/****** Contact ******/



#section_contact .container {
	border-top: 1px solid #d2dce1;
}
#section_contact h2 {
	margin-bottom: 30px;
}
#section_contact .contact {
	padding: 60px;
	border: 1px solid #d2dce1;
	border-top: 10px solid #96c11f;
	box-shadow: 0 0 60px rgb(0 0 0 / 10%);
}
#section_contact .coordonnees .col-md-6:last-child {
	border-left: 1px solid #d2dce1;
	padding-left: 40px;
}
#section_contact .coordonnees h4 {
	margin-bottom: 30px;
}
#section_contact .coordonnees p {
	line-height: 30px;
}
#section_contact .btn {
	padding: 0 85px;
}
.acf-map {
	width: 100%;
	height: 216px;
	margin: 0;
}
.acf-map img {
	max-width: inherit !important;
}
.acf-map .leaflet-container img,
.acf-map .leaflet-marker-icon,
.acf-map .leaflet-marker-shadow {
	max-width: none !important;
	max-height: none !important;
	width: auto !important;
	height: auto !important;
}
.form-control {
	height: auto;
	padding: 0 30px;
	font-size: 14px;
	line-height: 62px;
	color: #767c85;
	background-color: #ebf2f5;
	border: none;
	border-radius: 0;
}
textarea.form-control {
	height: 130px;
	line-height: 24px;
	padding: 20px;
}
.tab-content>.tab-pane {
	display: none !important;
}
.tab-agro>.tab-pane {
	display: none;
}
.tab-content>.tab-pane.show,  .tab-agro>.tab-pane.show {
	display: flex !important;
}
.nav-tabs {
	border: none;
}
.nav-tabs .nav-item {
	background: #d2dce1;
	margin-right: 10px;
	color: #fff;
	line-height: 52px;
	padding: 0 40px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
.nav-tabs .nav-item.show {
	background: #008fd3;
}
#myTabContent {
	border: 1px solid #d2dce1;
	background: #fff;
	padding: 20px;
	margin-bottom: -60px;
	z-index: 99;
	position: relative;
	box-shadow: 0 0 30px rgb(0 0 0 / 10%);
}
#maps_contact .acf-map {
	height: 500px;
    z-index: 0;
}
.tab-content .titre {
	font-size: 12px;
	font-weight: 500;
	color: #122239;
	line-height: 24px;
	text-transform: uppercase;
}
.tab-content .info_tab {
	font-size: 18px;
	color: #767c85;
	line-height: 30px;
}
 .tab-content .info_tab:not(:last-child) {
 border-right: 1px solid #d2dce1;
 padding-right: 5%;
}
#maps_contact .info_tab > div {
	float: right;
}
#maps_contact .info_tab i {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #ebf2f5;
	display: block;
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}
#maps_contact .info_tab i.mail {
	background-image: url(../img/ico_mail_blue.png);
}
#maps_contact .info_tab i.phone {
	background-image: url(../img/ico_phone_blue.png);
}
#maps_contact .info_tab i.adresse {
	background-image: url(../img/ico_adresse_blue.png);
}
/***** Archives *****/



.page-template-archive h1.titre {
	margin-bottom: 20px;
	text-align: center;
}
.article {
	margin-top: 30px;
}
.article .card_top {
	background: #122239;
	height: 400px;
	overflow: hidden;
	position: relative;
}
.article .card_top .date {
	background: #96c11f;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 99;
	padding: 0 20px;
	line-height: 34px;
	text-transform: uppercase;
}
.article .card_top img {
	max-width: none;
	position: absolute;
	left: 50%;
	top: 50%;
	min-height: 100%;
	min-width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transition: -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
	transition: -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1);
	transition: transform 2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 2s cubic-bezier(0.19, 1, 0.22, 1);
}
.article .card_top:hover img {
	-webkit-transform: translate(-50%, -50%) scale(1.01);
	transform: translate(-50%, -50%) scale(1.01);
}
.article .card_bottom {
	background: #ebf2f5;
	position: relative;
	height: 250px;
}
.article .card_bottom a.decouvrir {
	background: #fff;
	bottom: inherit;
	color: #122239;
	top: -31px;
}
.article .card_bottom p {
	font-size: 16px;
	line-height: 34px;
}
.article .card_bottom h4 {
	font-size: 26px;
}
.article .card_bottom .content {
	height: 110px;
	overflow: hidden;
}
/***** Réalisations *****/

.page-template-page-realisations #section_realisation {
	background: none;
}
.page-template-page-realisations .item {
	margin-bottom: 30px;
}
/***** Serres *****/

.menu_serres, .menu_agro {
	padding: 20px;
	background: #ebf2f5;
}
.menu_serres h4 {
	color: #122239;
	font-size: 18px;
	margin-left: 20px;
	font-weight: bold;
	text-transform: uppercase;
}
.menu_agro .nav {
	margin: 0;
}
/*.menu_agro .nav ul{

	display: none;

}*/



#nav_serres.nav-tabs .nav-item,  .nav-agro .nav-item {
	background: none;
	margin-right: 0;
	color: #767c85;
	line-height: 42px;
	padding: 0 20px;
	text-transform: inherit;
	font-size: 16px;
	font-weight: 400;
	width: 100%;
	list-style: none;
	cursor: pointer;
}
.subtabs .nav-item {
	font-size: 14px;
}
.nav-agro > .nav-item {
	padding: 0 10px;
}
#nav_serres.nav-tabs .nav-item.show {
	background: #fff url(../img/active.png) 94% center no-repeat;
	color: #122239;
}
#nav_serres.nav-tabs .nav-item i,  .nav-agro .nav-item i {
	line-height: 42px;
	font-size: 10px;
	display: none;
}
#nav_serres.nav-tabs .nav-item.show i,  .nav-agro .nav-item.show i {
	display: block;
}
.tab_menu .coordonnees {
	background: #96c120;
}
.tab_menu .coordonnees a {
	width: 100%;
	display: inline-block;
}
.tab_menu .coordonnees .icon_coord {
	display: inline-block;
	width: 85px;
	height: 85px;
	background: #122239;
	line-height: 84px;
	border-radius: 50%;
}
.tab_menu .coordonnees h1 {
	font-weight: 900;
	font-size: 30px;
	margin-bottom: 40px;
	text-transform: uppercase;
}
.tab_menu .coordonnees .titre_coord {
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
}
.tab_menu .coordonnees .texte_coord {
	font-size: 24px;
	line-height: 30px;
}
#Agrofourniture .sub-nav li {
	margin: 0;
	list-style: none;
	height: 180px;
	width: 100%;
	float: left;
	position: relative;
	background-size: cover;
}
#Agrofourniture .sub-nav li a {
	color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	text-align: center;
	padding: 0 10%;
	float: left;
	line-height: 20px;
	background: rgba(0, 0, 0, .3);
	border: 4px solid #fff;
	text-shadow: 0 0 4px #000;
	font-weight: bold;
}
#Agrofourniture .sub-nav li a.selected {
	border-color: #0693e3;
}
#Agrofourniture .sub-nav li a .btn{
    margin-top: 15px;
    padding: 0 10px;
    line-height: 38px;
    font-weight: 400;
    font-size: 10px;
}
.sub-tab-pane {
	display: none;
}
.sub-tab-pane.active {
	display: block;
}
#serres .content h2 {
	font-size: 26px;
	margin: 30px 0;
}
#serres .content h4 {
	font-size: 18px;
	margin: 30px 0;
	color: #008fd3;
}
#serres .content img {
	max-width: 100%;
}
#serres .content img.alignleft {
	float: left;
	margin: 30px 20px 30px 0;
}
#serres .content img.alignright {
	float: right;
	margin: 30px 0 30px 20px;
}
#serres, #serres .serre {
	width: 100%;
}
#slide_serre {
	position: relative;
	height: 440px;
	width: 100%;
}
#slide_serre .owl-carousel .owl-stage-outer {
	padding: 0;
}
#slide_serre .slide_serre,  #slide_serre .owl-carousel .owl-stage-outer,  #slide_serre .owl-carousel .owl-stage,  #slide_serre .owl-carousel.owl-drag .owl-item {
	height: 100%;
}
#slide_serre .owl-carousel.owl-drag .owl-item li {
	height: 100%;
	width: 100%;
	background-color: #122239;
}
#slide_serre .owl-carousel .owl-item img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: none;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
}
#slide_serre .owl-theme .owl-dots .owl-dot span {
	width: 7px;
	height: 7px;
	margin: 0 3px;
	background: #89919c;
}
#slide_serre .owl-theme .owl-dots .owl-dot.active span,  #slide_serre .owl-theme .owl-dots .owl-dot:hover span {
	background: #fff;
}
#slide_serre .owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: -40px;
	z-index: 99;
	position: relative;
}
.single .view img {
	max-width: 100%;
}
.tab-pane.active {
	display: block;
}
.menu_agro ul li {
	list-style: none;
	padding: 0;
	margin-left: 0;
	float: left;
	width: 100%;
}
.menu_agro ul li a {
	color: #878986;
	font-size: 16px;
	line-height: 36px;
	padding: 0 10px;
	margin: 0;
	width: 100%;
	display: inline-block;
}
.menu_agro ul li a.selected {
	background: url(../img/active.png) 94% center no-repeat #fff;
}
.menu_agro ul li.parent-item > a {
	cursor: inherit;
	background: none;
}
ul.nav.sub-nav {
	margin: 0 0 20px;
}
.menu_agro ul.sub-nav li a {
	font-size: 14px;
}
#dj_rgpd_message {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	z-index: 999999;
  }
  #dj_rgpd_message .lien-dj-rgpd {
	color: #96c11f;
	text-decoration: underline;
  }
  #dj_rgpd_message .accepter-dj-rgpd {
	padding: 5px 15px;
	border-radius: 5px;
	margin: 0px 0px 0px 20px;
	background: #96c11f;
	color: #fff;
  }