/*!
Theme Name: Partena
Author: www.troisetplus.com
Description: Les systèmes de cloisons de bureaux PARTENA ®.
Version: 1.0.0
License URI: LICENSE GU-Private
Text Domain: partena

*/
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,600,700');

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# !!! Ajout d'évolutions ou modifications !!!
# Header
	##Navigation
	##Form
# Home
# Footer
# Actualités
# Dev-durable
# Produits
# Realisations
# Solutions
# Entreprise
# Custom Hidden
# Media Queries for Responsive Design.



/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	line-height: 1.15;
	/* 1 */

	-ms-text-size-adjust: 100%;
	/* 2 */

	-webkit-text-size-adjust: 100%;
	/* 2 */
}
body {
	margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
figcaption,
figure,
main {
	/* 1 */

	display: block;
}
figure {
	margin: 1em 40px;
}
hr {
	box-sizing: content-box;
	/* 1 */

	height: 0;
	/* 1 */

	overflow: visible;
	/* 2 */
}
pre {
	font-family: monospace, monospace;
	/* 1 */

	font-size: 1em;
	/* 2 */
}
a {
	background-color: transparent;
	/* 1 */

	-webkit-text-decoration-skip: objects;
	/* 2 */
}
abbr[title] {
	border-bottom: none;
	/* 1 */

	text-decoration: underline;
	/* 2 */

	text-decoration: underline dotted;
	/* 2 */
}
b,
strong {
	font-weight: inherit;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */

	font-size: 1em;
	/* 2 */
}
dfn {
	font-style: italic;
}
mark {
	background-color: #ff0;
	color: #000;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
audio,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	/* 1 */

	font-size: 100%;
	/* 1 */

	line-height: 1.15;
	/* 1 */

	margin: 0;
	/* 2 */
}
button,
input {
	/* 1 */

	overflow: visible;
}
button,
select {
	/* 1 */

	text-transform: none;
}
button,
html [type="button"],
	/* 1 */

[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	/* 1 */

	color: inherit;
	/* 2 */

	display: table;
	/* 1 */

	max-width: 100%;
	/* 1 */

	padding: 0;
	/* 3 */

	white-space: normal;
	/* 1 */
}
progress {
	display: inline-block;
	/* 1 */

	vertical-align: baseline;
	/* 2 */
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	/* 1 */

	padding: 0;
	/* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */

	outline-offset: -2px;
	/* 2 */
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */

	font: inherit;
	/* 2 */
}
details,
	/* 1 */

menu {
	display: block;
}
summary {
	display: list-item;
}
canvas {
	display: inline-block;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
	font-family: 'Work Sans', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
p,
article,
aside,
div,
span,
mark,
strong {
	font-family: 'Work Sans', sans-serif !important;
}


/*
==========================================================================
   Styles - Partena
==========================================================================
*/
/*--------------------------------------------------------------
# Ajoutez vos modification ici pour ne pas impacté sur le Css actuel
# Pour écraser le css actuel , ajoutez vos modifications à la fin du CSS
--------------------------------------------------------------*/

.carousel-inner {
	max-height: 1050px;
}
main .col,
main .row {
	margin: 0;
}
.sow-slider-base .sow-slider-pagination li.sow-active a {
	opacity: 1!important;
	background: transparent!important;
	color: transparent!important;
	width: 24px!important;
	height: 24px!important;
	background-image: url(img/icon/dot-active.png)!important;
	background-repeat: no-repeat!important;
}
.sow-slider-base .sow-slider-pagination li a {
	opacity: 1;
	background: transparent!important;
	color: transparent!important;
	width: 24px!important;
	height: 24px!important;
	background-image: url(img/icon/dot.png)!important;
	background-repeat: no-repeat!important;
}
.sow-slider-base .sow-slide-nav {
	opacity: 1!important;
}
.sow-sld-icon-thin-right {
	background-image: url(img/icon/next.png);
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.sow-sld-icon-thin-left {
	background-image: url(img/icon/prev.png);
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.so-widget-sow-slider-default-af840588f36c .sow-slider-base .sow-slide-nav a {
	color: transparent!important;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.headerScroll nav.navbar {
	height :70px;
	background-color: rgba(255, 255, 255, 1);
}
.headerScroll {
	padding:0;
	position: fixed!important;
}
.headerScroll .logo img {
	width:40px;
}
.headerScroll .custom-logo {
	width: 300px;
	height: auto;
}
.headerScroll .logo img {
	height:auto;
}
.headerScroll .logo img {
	margin-top:12px;
}
.headerScroll a.navbar-brand {
	font-size:14px;
}

.headerScroll a.navbar-brand span {
	font-size:30px;
}
.headerScroll div.align-right img{
	width:45px;
}
.headerScroll div.align-right form.form-inline {
	top:34px;
}
.headerScroll div.align-right form.form-inline {
	right:85px;
}
.headerScroll .navbar-pdf {
	right: 55px;
	top: 15px;
}
.headerScroll .navbar-pdf  img{
	width: 35px!important;
}
.headerScroll .navbar-burger {
	top: 10px;
}
.headerScroll .align-left img {
	width: 235px;
}
.headerScroll .form-control {
	padding: 0!important;
}
header {
	padding: 30px 50px;
}
header .logo img {
	width: 42px;
	height: auto;
	margin-top: 15px;
}
header .logo {
	margin-right: 15px;
}
header a.navbar-brand {
	color: #1D1D1B;
	font-size: 19px;
	text-transform: uppercase;
	vertical-align: top;
	letter-spacing: 8px;
	line-height: 40px;
}
header a.navbar-brand:hover {
	color: #1D1D1B;
}
header a.navbar-brand span {
	color: #1D1D1B;
	font-size: 50px;
	display: block;
	letter-spacing: 8px;
	position: relative;
	left: -3px;
}
header nav.navbar {
	background-color: rgba(255, 255, 255, 0.6);
	height: 140px;
}
header div.align-right form.form-inline {
	vertical-align: top;
	display: inline-block;
	position: relative;
	right: 54px;
	cursor: pointer;
}
header div.align-right {
	margin-top: -70px;
	padding-top: 0;
}
header .navbar-burger {
	position: absolute;
	right: 0;
	cursor: pointer;
	bottom:0;
}
header .navbar-pdf {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
header .form-control {
	padding: 1.39rem;
	font-size: 1rem;
	margin-right: -6px!important;
	border-radius: 0;
	border: none;
	display: none;
}
header form input {
	border: none;
}
header .open {
	display: block;
}
header #close {
	position: absolute;
	right: 0;
	cursor: pointer;
}
#breadcrums {
	list-style: none;
	display: inline-block;
	vertical-align: bottom;
}
#breadcrums li {
	font-family: 'Work Sans', sans-serif !important;
	display: inline-block;
	list-style: none;
	margin: 0 5px;
	text-transform: uppercase;
	font-size: 12px;
	color: #000;
	font-weight: 700;
}
#breadcrums li a {
	color: #000;
	font-weight: 700;

}
#breadcrums li a:hover {
	color: #E54350;
}
#breadcrums li::before {
	content: "/  ";
}
#breadcrums li:first-child::before {
	content: "";
}
header #menu {
	max-width: 100%;
	margin: auto;
	position: relative;
	padding-bottom: 5%;
	top: -90px;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
	display: none;
}
.menu-item-has-children ul.sub-menu a {
	font-size: 22px;
}
ul.sub-menu ul.sub-menu a {
	font-size: 17px;
}
header #menu span {
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 700;
}
body {
	background: #EEE;
	overflow-x:hidden;
}


.custom-logo {
	width: 350px;
	height: auto;
}
.menu {
	position: relative;
	font-weight: 700;
	display: block;
	margin: auto;
	font-family: 'Work Sans', sans-serif !important;
	color: #333333;
	font-size: 1.2rem;
	text-align:center;
	list-style: none;
	padding: 0;
	max-width: 450px;
	margin-top: 3%;
	transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-webkit-transition: all 300ms linear;
}
.menu li {
	text-align:center;
	position: relative;
}
.menu li a {
	font-size: 35px;
	display: block;
	text-decoration: none;
	padding:0;
	color: #333333;
	position: relative;
}

.menu li:hover > a {
	color: #E54350;
}
.menu li a.active {
	position: relative;
	color: #E54350;
	border:0;
	box-shadow: 0 0 5px #DDD;
	-moz-box-shadow: 0 0 5px #DDD;
	-webkit-box-shadow: 0 0 5px #DDD;
	margin: 0 -4px;

}
.menu .sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	overflow: hidden;
}

header .container {
	margin-top: 6%;
}
header .follow-in {
	position: relative;
	bottom: -5%;
}
header .follow-in a {
	display: block;
}
.nav-mobile {
	margin: auto;
}
.nav-mobile a {
	display: block;
	color: #000;
	font-family: 'Work Sans', sans-serif !important;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 15px 20px;
	text-decoration: none;
}
.nav-mobile a:hover {
	text-decoration: none;
	color: #E54350;
	font-weight: 700;
}
.nav-mobile ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	width: 100%;
}

.nav-back-button a {
	color: #000;
	font-size: 11px;
}
.nav-back-button a i {
	font-size: 14px;
}

.nav-arrow {
	float: right;
	font-size: 14px;
}
.nav-arrow:after {
	content: '>';
}
p img {
	max-width: 100%;
	height: auto;
}
/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/

#carrousel-partena img {
	width: 100%;
}
#carrousel-partena .carousel-control-prev-icon {
	background-image: url('img/icon/prev.png');
	width: 39px;
	height: 39px;
}
#carrousel-partena .carousel-control-next-icon {
	background-image: url('img/icon/next.png');
	width: 39px;
	height: 39px;
}
#carrousel-partena .carousel-caption {
	width: 360px;
	height: 360px;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 10px 25px;
	bottom: 28%;
	left: 10%;
}
#carrousel-partena .carousel-caption h1 {
	font-size: 3rem;
	color: #1D1D1B;
	text-transform: uppercase;
}
#carrousel-partena .carousel-caption p {
	color: #1D1D1B;
	width: 70%;
	font-size: 1.2rem;
}
#carrousel-partena .carousel-caption p a {
	font-size: 0.9rem;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E54350;
	bottom: 45px;
	position: absolute;
}
#carrousel-partena .carousel-indicators li.active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
#carrousel-partena .carousel-indicators li {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
#carrousel-actus-home .swiper-slide article {
	min-width: 360px;
}
#carrousel-actus-home {
	background-color: #3EB4AF;
	width: 100%;
	padding: 4rem 0 4rem 0;
}
#carrousel-actus-home .swiper-slide {
	background-color: #3EB4AF;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
#carrousel-actus-home .swiper-slide img {
	height: auto;
    width: 100%;
}
#carrousel-actus-home .swiper-button-next {
	background-image: url('img/icon/next-w.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
#carrousel-actus-home .swiper-button-prev {
	background-image: url('img/icon/prev-w.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
#carrousel-actus-home a.btn {
	border-radius: 0;
	font-size: 0.8rem;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E54350;
	margin: 25px auto;
	display: block;
	max-width: 220px;
}
#carrousel-actus-home .swiper-container {
	max-width: 1100px
}
#carrousel-actus-home .date mark {
	color: #FFFFFF;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
}
#carrousel-actus-home .date {
	color: #FFFFFF;
	font-size: 3.5rem;
	border: 1px solid #FFFFFF;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
#carrousel-actus-home .swiper-slide article aside ul {
	font-size: 1rem;
	color: #ffffff;
	line-height: 1.2rem;
}
#carrousel-actus-home .swiper-slide article aside {
	display: inline-block;
	max-width: 72%;
	margin-left: 7%;
}
#carrousel-actus-home .swiper-slide article aside h2 {
	font-size: 1rem;
	border-bottom: 2px solid #fff;
	padding-bottom: 8px;
	color: #ffffff;
	display: inline-block;
	padding-right: 10px;
}
#carrousel-actus-home .swiper-slide article aside .date {
	display: none;
}
#carrousel-actus-home .swiper-slide article aside p {
	font-size: 1rem;
	color: #ffffff;
	line-height: 1.2rem;
}
#infos {
	padding: 10% 3%;
	background-color: #FFFFFF;
}
#infos h2 {
	color: #78C4CF;
	font-size: 3rem;
	text-transform: uppercase;
	text-align: center;
}
#infos p {
	color: #78C4CF;
	font-size: 1.1rem;
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
	text-align: justify;
}
#infos a {
	border-radius: 0;
	font-size: 0.8rem;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E54350;
	margin: 25px auto;
	display: block;
	max-width: 220px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
	position: relative;
}
footer  {
	background: #FFFFFF;
	/* For browsers that do not support gradients */

	background: -webkit-linear-gradient(#969696, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF);
	/* For Safari 5.1 to 6.0 */

	background: -o-linear-gradient(#969696, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF);
	/* For Opera 11.1 to 12.0 */

	background: -moz-linear-gradient(#969696, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF);
	/* For Firefox 3.6 to 15 */

	background: linear-gradient(#969696, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF, #FFFFFF);
	/* Standard syntax */

	min-height: 160px;
	line-height: 35px;
}
footer a.navbar-brand {
	color: #969696;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 8px;
}
footer a.navbar-brand:hover {
	color: #969696;
}
footer a.navbar-brand span {
	color: #969696;
	font-size: 45px;
	display: block;
	letter-spacing: 8px;
	position: relative;
	left: -3px;
}
footer ul.navbar {
	padding: 0;
	color: #969696;
	display: block;
}
footer ul.navbar li {
	display: inline-block;
	font-size: 0.8rem;
	color: #969696;
	padding: 0 2px 0 0;
}
footer ul li a {
	display: inline-block;
	font-size: 0.8rem;
	padding: 0;
	color: #969696;
}
footer ul li a::after {
	content: ' /';
}
footer ul li:last-child a::after {
	content: '';
}
footer div.align-right {
	text-align: center;
	width: 25%;
	display: inline-block;
	height: 160px;
	vertical-align: top;
	padding-top: 3%;
	background-color: #e44350;
	color: #fff;
	margin-right: -25px;
	min-width: 220px;
	-moz-box-shadow: inset 0px 30px 30px 0px rgba(10,10,10,0.5);
	-webkit-box-shadow: inset 0px 30px 30px 0px rgba(10,10,10,0.5);
	-o-box-shadow: inset 0px 30px 30px 0px rgba(10,10,10,0.5);
	box-shadow: inset 0px 30px 30px 0px rgba(10,10,10,0.5);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=1);
}
footer div.align-center {
	text-align: center;
	display: inline-block;
	width: 10%;
	vertical-align: top;
	height: 160px;
	padding-top: 3%;
	background-color: #013461;
	color: white;
	margin-right: -5px;
	min-width: 110px;
	-moz-box-shadow: inset 0px 30px 30px 0px rgba(10,10,10,0.5);
	-webkit-box-shadow: inset 0px 30px 30px 0px rgba(10,10,10,0.5);
	-o-box-shadow: inset 0px 30px 30px 0px rgba(10,10,10,0.5);
	box-shadow: inset 0px 30px 30px 0px rgba(10,10,10,0.5);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=1);
}
footer div.align-center-left {
	display: inline-block;
	width: 45%;
	vertical-align: bottom;
}
footer div.align-center-left img{
	height: auto;
	max-height: 160px;
	width: 100%;
}
@media only screen and (max-width: 1385px)  {
	footer div.align-center-left {
		width: 44%;
	}
}
@media only screen and (max-width: 1325px)  {
	footer div.align-center-left {
		width: 42%;
	}
}
@media only screen and (max-width: 1209px)  {
	footer div.align-center-left {
		width: 40%;
	}
}
@media only screen and (max-width: 1125px)  {
	footer div.align-center-left {
		width: 38%;
	}
}
@media only screen and (max-width: 1088px)  {
	footer div.align-center-left {
		width: 36%;
	}
}
@media only screen and (max-width: 1058px)  {
	footer div.align-center-left {
		width: 28%;
	}
	footer div.align-right {
		position: absolute;
		right: 0;
		height: 160px;
		width: 256px!important;
		margin-right: 0!important;
	}
	footer div.align-center {
		position: absolute;
		right: 260px;
		height: 160px;
	}
}
@media only screen and (max-width: 768px)  {
	footer div.align-center-left {
		display: none;
	}
}
@media only screen and (max-width: 485px)  {
	footer div.align-right {
		width: 68.5%!important;
		min-width: 25%;
		height: 130px!important;
	}
	footer div.align-right a {
		border-radius: 0;
		font-size: 0.6rem;
		color: #000;
		text-transform: uppercase;
		background-color: #fff;
		margin: 5px auto;
		display: block;
		width: 195px;
	}
	footer div.align-center  {
		height: 130px!important;}
}
footer div.align-right span {
	color: #fff;
	font-size: 0.9rem;
	text-transform: uppercase;
	font-weight: 700;
}
footer div.align-right a {
	border-radius: 0;
	font-size: 0.6rem;
	color: #000;
	text-transform: uppercase;
	background-color: #fff;
	margin: 5px auto;
	display: block;
	width: 195px;
}

footer div.align-center span {
	color: #fff;
	font-size: 0.9rem;
	text-transform: uppercase;
	font-weight: 700;
}
footer div.align-left {
	display: inline-block;
	width: 20%;
	padding-left: 2%;
	padding-top: 2%;
	min-width: 290px;
}
footer div.align-center a img {
	max-width: 40px;
}
footer div.align-center a {
	display: block;
}
footer #stop img {
	max-width: 58px;
	-webkit-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 50px 0px rgba(0,0,0,0.75);
	border-radius: 50px;
}
footer #stop {
	opacity: 0;
	position: fixed;
	z-index: 22;
	bottom: 10px;
	right: 50px;
	width: 70px;
	transition: opacity ease 1s;
}
/*--------------------------------------------------------------
# COntact
--------------------------------------------------------------*/
iframe {
	margin-top: 150px;
}

.wpcf7-form input[type="text"],.wpcf7-form input[type="email"], .wpcf7-form textarea{
	display: block;
	padding: 10px;
	margin: 10px 0;
	width: 100%;
	font-size: 18px;
	color: #777;
	background-color:#D7E9E9;
	border: 1px solid transparent;
}
.wpcf7-form input[type="file"]{
	margin-top: 40px;
}
.wpcf7-form input[type="file"]:before{
	content: "Joindre un fichier";
    position: absolute;
    left: 0;
	top: -8px;
    padding: 5px;
    background: #56B4A2;
    border: 1px solid white;
    color: #fff;
    text-align: center;
    border-radius: 0px;
    cursor: pointer;
}
.wpcf7-form .send-button input[type="submit"]:focus {
}
.wpcf7-form label {
	display: inline-block;
	margin: 0 5px;
	width: 99%;
	text-align: left;
}
.contactInfo {
	background-color : #56B4A2;
	color:#fff;
	padding:25px 0;
}
.contactInfo p {
	color:#fff!important;
}
.contactInfo a {
	background-color:#E85055;
	color:#fff;
	text-decoration:none;
	padding:8px 12px
}
.contactInfo a:hover {
	color:#fff;
	text-decoration:none;
}

.wpcf7-form textarea{
	font-size: 16px;
}

.wpcf7-form input:hover, .wpcf7-form textarea:hover{
	border: 1px solid #ccc;
}
.wpcf7-form input:focus, .wpcf7-form textarea:focus{
	border: 1px solid #ccc;
}


.wpcf7-form textarea{
	max-width: 100%;
	min-width: 100%;
	max-height: 180px;
	min-height: 180px;
	resize: none;
}

.wpcf7-form .send-button{
	text-align: center;
	margin-bottom: 15px;
}

.wpcf7-form .send-button input[type="submit"]{
	color: #fff;
	background: #e74c3c;
	border: none;
	/* width: 100%; */
	margin-top: 35px;
	padding: 6px 35px;
	font-size: 15px;
	text-transform: uppercase;
	transition: .5s all ease;
	cursor: pointer;
}
#captcha_partena {
	display: block;
	margin: 25px auto;
	/* text-align: center; */
	margin-left: 10px;
}
.wpcf7-form .send-button input[type="submit"]:hover{
	background: #c0392b;
}

.wpcf7-form .send-button input[type="submit"]:focus{
	position: relative;
	top: 2px;
}

@media screen and (min-width: 640px){
	
	.wpcf7-form textarea{
		max-width: 98%;
		min-width: 98%;
		min-height: 152px;
		margin-right: 0;
	}

	.wpcf7-form .right,.wpcf7-form .left{
		display: block;
	}

	.wpcf7-form .right{
		float: right;
		width: 50%;
	}

	.wpcf7-form .left{
		float: left;
		width: 50%;
	}
	.cl{
		clear: both;
	}
}
/*--------------------------------------------------------------
# Actualités
--------------------------------------------------------------*/

main .actus_simple {
	padding: 2% 0 2% 0;
}

main .actus_simple a {
	color: #e54350!important;
}

main .actus_simple .btn {
	color: #FFFFFF!important;
}

main .actus_double {
	padding: 2% 0;
}
main .actus_double .date mark {
	color: #000000;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
	height: 15px;
}
main .actus_double .date small {
	font-size: 30px;
}
main .actus_double .date {
	color: #000000;
	font-size: 3.5rem;
	border: 1px solid #000000;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
main .actus_double article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #fff;
	max-width: 135px;
	padding-bottom: 8px;
	color: #666666;
	border-bottom: 2px solid #666666;
}
main .actus_double article h2 {
	font-size: 2rem;
	max-width: 135px;
	padding-bottom: 8px;
	color: #666666;
	text-transform: uppercase;
}
main .actus_double article p {
	font-size: 1rem;
	color: #666666;
	line-height: 1.5rem;
	max-width: 75%;
	text-align: justify;
}
main .actus_simple h1 {
	color: #fff;
	font-size: 2rem;
	text-transform: uppercase;
}
main .actus_simple a.more {
	position: relative;
	border-radius: 0;
	font-size: 0.8rem;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E54350;
	margin: 5px;
	max-width: none;
	width: 25%;
	min-width: 110px;
	display: block;
	padding: 10px 0;
	text-align: center;
	margin: auto;
}
main .actus_simple h2 {
	color: #fff;
	font-size: 2rem;
	text-transform: uppercase;
}
main .actus_simple p {
	color: #fff;
	font-size: 1rem;
	max-width: 80%;
	text-align: justify;
	margin: auto;
}
.carrousel-actus-one  {
	background-color: #3eaca7;
	width: 100%;
	padding: 0;
}
.carrousel-actus-one .thumbnails-article {
	padding: 0;
}
.carrousel-actus-one .thumbnails-article ,.carrousel-actus-four .swiper-wrapper {
	position: absolute;
	top: 0;
}
.carrousel-actus-one .thumbnails-article img {
	height: auto;
	width: 100%;
}
.carrousel-actus-one .date mark {
	color: #FFFFFF;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
	height: 25px;
}
.carrousel-actus-one .date small {
	font-size: 30px;
}
.carrousel-actus-one .date {
	color: #FFFFFF;
	font-size: 3.5rem;
	font-weight: 400!important;
	border: 1px solid #FFFFFF;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
.carrousel-actus-one article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #fff;
	padding-bottom: 8px;
	color: #ffffff;
}
.carrousel-actus-one article h2 {
	font-size: 1.6rem;
	font-weight: 400;
	padding-bottom: 8px;
	color: #ffffff;
	text-transform: uppercase;
}
.carrousel-actus-one article p,.carrousel-actus-one article li {
	font-size: 0.85rem;
	font-weight: normal;
	color: #ffffff;
	line-height: 1.2rem;
	max-width: 85%;
	text-align: justify;
}
.carrousel-actus-one article ul , .carrousel-actus-one article h3 , .carrousel-actus-one article h2 .carrousel-actus-one article h4 ,.carrousel-actus-one article h5 {
	color: #ffffff;
}
.carrousel-actus-one article .aside {
	margin-top: 8%;
	position: absolute;
	top: 0;
}
.carrousel-actus-four article .aside {
	margin-top: 8%;
	position: absolute;
	top: 0;
}

.carrousel-actus-two {
	background-color: #3eaca7;
	width: 100%;
	padding: 0;
}
.carrousel-actus-two .thumbnails-article {
	background-color: #fff;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-actus-two .thumbnails-article img {
	height: auto;
	width: 100%;
}
.carrousel-actus-two .date mark {
	color: #FFFFFF;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
	height: 25px;
}
.carrousel-actus-two .date small {
	font-size: 30px;
}
.carrousel-actus-two .date {
	margin-top: 45%;
	color: #FFFFFF;
	font-size: 3.5rem;
	border: 1px solid #FFFFFF;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
.carrousel-actus-two article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #fff;
	max-width: 135px;
	padding-bottom: 8px;
	color: #ffffff;
}
.carrousel-actus-two article h2 {
	font-size: 2rem;
	max-width: 135px;
	padding-bottom: 8px;
	color: #ffffff;
	text-transform: uppercase;
}
.carrousel-actus-two article p {
	font-size: 1rem;
	color: #ffffff;
	line-height: 1.2rem;
	max-width: 75%;
	text-align: justify;
}
.carrousel-actus-two article aside {
	margin-top: 12%;
}
.carrousel-actus-third {
	background-color: #fff;
	width: 100%;
	padding: 0;
	max-height: 600px;
	overflow: hidden;
}
.carrousel-actus-third .swiper-container {
	padding: 0;
	max-height: 600px;
}
.carrousel-actus-third .swiper-slide {
	background-color: #fff;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-actus-third .swiper-slide img {
	height: auto;
	width: 100%;
}
.carrousel-actus-third .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-actus-third .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}

.carrousel-actus-third .date mark {
	color: #FFFFFF;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
	height: 25px;
}
.carrousel-actus-third .date small {
	font-size: 30px;
}
.carrousel-actus-third .date {
	margin-top: 20%;
	color: #FFFFFF;
	font-size: 3.5rem;
	border: 1px solid #FFFFFF;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
.carrousel-actus-third article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #fff;
	padding-bottom: 8px;
	color: #ffffff;
}
.carrousel-actus-third article h2 {
	font-size: 1.6rem;
	font-weight: 400;
	padding-bottom: 8px;
	color: #ffffff;
	text-transform: uppercase;
}
.carrousel-actus-third article p {
	font-size: 0.85rem;
	color: #ffffff;
	line-height: 1.2rem;
	text-align: justify;
}
.carrousel-actus-third article aside {
	margin-top: 5%;
}
.carrousel-actus-third article .aside {
    width: 100%;
    height: 100%;
}
.carrousel-actus-third article .aside {
    margin-top: 8%;
    position: absolute;
    top: 0;
}
.carrousel-actus-third .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
.carrousel-actus-third .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
.carrousel-actus-four {
	width: 100%;
	padding: 0;
}
.carrousel-actus-four .swiper-container {
	padding: 0;
}
.carrousel-actus-four .ratio {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding-top: 30%;
	overflow: hidden;
}
.carrousel-actus-one .ratio {
	display: inline-block;
	position: relative;
	vertical-align: top;
	overflow: hidden;
}
.carrousel-actus-four .swiper-slide aside {
	width: 100%;
	height: 100%;
	position: relative;
}
.carrousel-actus-one .swiper-slide aside {
	width: 100%;
	height: 100%;
	position: relative;
}
.carrousel-actus-four .swiper-slide {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-actus-four .swiper-slide img {
	height: auto;
	width: 100%;
}
.carrousel-actus-four .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-actus-four .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-actus-four .date mark {
	color: #000000;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
	height: 15px;
}
.carrousel-actus-four .date small {
	font-size: 30px;
}
.carrousel-actus-four .date {
	margin-top: 20%;
	color: #000000;
	font-size: 3.5rem;
	border: 1px solid #000000;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
.carrousel-actus-four article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #000;
	max-width: 135px;
	padding-bottom: 8px;
	color: #000;
}
.carrousel-actus-four article h2 {
	font-size: 2rem;
	max-width: 135px;
	padding-bottom: 8px;
	color: #000;
	text-transform: uppercase;
}
.carrousel-actus-four article p {
	font-size: 1rem;
	color: #000;
	line-height: 1.2rem;
	max-width: 75%;
	text-align: justify;
}
.carrousel-actus-four article aside {
	margin-top: 5%;
}
.carrousel-actus-four .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-grey.png");
	background-repeat: no-repeat;
}
.carrousel-actus-four .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active-grey.png");
	background-repeat: no-repeat;
}
/*--------------------------------------------------------------
# Dev-durable
--------------------------------------------------------------*/

.carrousel-durable img {
	width: 100%;
}
.carrousel-durable .carousel-control-prev-icon {
	background-image: url('img/icon/prev.png');
	width: 39px;
	height: 39px;
}
.carrousel-durable .carousel-control-next-icon {
	background-image: url('img/icon/next.png');
	width: 39px;
	height: 39px;
}
.carrousel-durable .carousel-caption {
	width: 420px;
	height: 440px;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px 25px;;
	bottom: 28%;
	left: 10%;
}

.carrousel-durable .carousel-caption h1 {
	font-size: 38px;
	color: #1D1D1B;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-weight: 700;
}
.carrousel-durable .carousel-caption h3{
	color: #1D1D1B;
}
.carrousel-durable .carousel-caption p {
	color: #1D1D1B;
	width: 92%;
	font-size: 1.2rem;
}
.carrousel-durable .carousel-caption p a {
	font-size: 0.9rem;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E54350;
	bottom: 45px;
	position: absolute;
}
.carrousel-durable .carousel-indicators li.active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active-grey.png");
	background-repeat: no-repeat;
}
.carrousel-durable .carousel-indicators li {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-grey.png");
	background-repeat: no-repeat;
}
.carrousel-durable-one {
	background-color: #FFFFFF;
	padding: 0;
	width: 100%;
	padding-right: 0!important;
}
.carrousel-durable-one .swiper-container {
	padding: 0;
}
.carrousel-durable-one .swiper-slide {
	background-color: #fff;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-durable-one .swiper-slide img {
	height: auto;
	width: 100%;
}
.carrousel-durable-one .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-durable-one .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-durable-one .date mark {
	color: #FFFFFF;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
}
.carrousel-durable-one .date {
	margin-top: 45%;
	color: #FFFFFF;
	font-size: 3.5rem;
	border: 1px solid #FFFFFF;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
.carrousel-durable-one article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #000000;
	max-width: 215px;
	padding-bottom: 8px;
	color: #000000;
}
.carrousel-durable-one article h2 {
	font-size: 2rem;
	/*max-width: 135px;*/
	padding-bottom: 8px;
	color: #000000;
	text-transform: uppercase;
}
.carrousel-durable-one article p {
	font-size: 0.9rem;
	color: #000000;
	line-height: 1.5rem;
	max-width: 85%;
	text-align: justify;
}
.carrousel-durable-one article aside {
	margin-top: 8%;
}
.carrousel-durable-one article .swiper-wrapper aside {
	margin-top: 0;
}
.carrousel-durable-one .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
.carrousel-durable-one .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}

.carrousel-durable-one article aside, .carrousel-durable-one article .swiper-wrapper {
	position: absolute;
	top: 0;
}
.carrousel-durable-one .swiper-slide aside{
	width: 100%;
	height: 100%;
	position: relative;
}
.carrousel-durable-one article .ratio {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding-top: 50%;
}
.carrousel-durable-two {
	background-color: #FFFFFF;
	width: 100%;
	padding: 0;
}
.carrousel-durable-two .swiper-container {
	padding: 0;
}
.carrousel-durable-two .swiper-slide {
	background-color: #fff;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-durable-two .swiper-slide img {
	height: auto;
	width: 100%;
}
.carrousel-durable-two .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-durable-two .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-durable-two .date mark {
	color: #000000;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
}
.carrousel-durable-two .date {
	margin-top: 45%;
	color: #000000;
	font-size: 3.5rem;
	border: 1px solid #000000;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
.carrousel-durable-two article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #000;
	max-width: 215px;
	padding-bottom: 8px;
	color: #000000;
}
.carrousel-durable-two article h2 {
	font-size: 2rem;
	max-width: 300px;
	padding-bottom: 8px;
	color: #000000;
	text-transform: uppercase;
}
.carrousel-durable-two article p {
	font-size: .9rem;
	color: #000000;
	line-height: 1.5rem;
	max-width: 85%;
	text-align: justify;
}
.carrousel-durable-two article aside {
	margin-top: 12%;
}
.carrousel-durable-two .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
.carrousel-durable-two .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
.carrousel-durable-third {
	background-color: #78C4CF;
	width: 100%;
	padding: 0;
	padding-left: 0!important;
	/*max-height: 490px;*/
}
.carrousel-durable-third .swiper-container {
	padding: 0;
	/*max-height: 490px;*/
}
.carrousel-durable-third .swiper-slide {
	background-color: #fff;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-durable-third .swiper-slide img {
	height: auto;
	width: 100%;
}
.carrousel-durable-third article aside, .carrousel-durable-third article .swiper-wrapper {
	position: absolute;
	top: 0;
}
.carrousel-durable-third .swiper-slide aside {
	width: 100%;
	height: 100%;
	position: relative;
}
.carrousel-durable-third .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-durable-third .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-durable-third .date mark {
	color: #000000;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
}
.carrousel-durable-third .date {
	margin-top: 35%;
	color: #000000;
	font-size: 3.5rem;
	border: 1px solid #000000;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
.carrousel-durable-third article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #000000;
	max-width: 215px;
	padding-bottom: 8px;
	color: #000000;
}
.carrousel-durable-third article .ratio {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding-top: 50%;
}
.carrousel-durable-third article h2 {
	font-size: 2rem;
	padding-bottom: 8px;
	color: #000000;
	text-transform: uppercase;
}
.carrousel-durable-third article p {
	font-size: 0.9rem;
	color: #000000;
	line-height: 1.5rem;
	max-width: 85%;
	text-align: justify;
}
.carrousel-durable-third article aside {
	margin-top: 8%;
}
.carrousel-durable-third article .swiper-wrapper aside {
	margin-top: 0;
}
.carrousel-durable-third .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
.carrousel-durable-third .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
.carrousel-durable-four {
	width: 100%;
	padding: 0;
	max-height: 750px;
	background-color: #8AC491;
}
.carrousel-durable-four .swiper-container {
	padding: 0;
}
.carrousel-durable-four .swiper-slide {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-durable-four .swiper-slide img {
	height: auto;
}
.carrousel-durable-four .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-durable-four .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-durable-four .date mark {
	color: #000000;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
}
.carrousel-durable-four .date {
	margin-top: 20%;
	color: #000000;
	font-size: 3.5rem;
	border: 1px solid #000000;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
.carrousel-durable-four article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #000000;
	padding-bottom: 8px;
	color: #000000;
}
.carrousel-durable-four article h2 {
	font-size: 2.1rem;
	padding-bottom: 8px;
	padding-top: 15px;
	color: #000000;
	text-transform: uppercase;
}
.carrousel-durable-four article p {
	font-size: 0.9rem;
	color: #000000;
	line-height: 1.5rem;
	max-width: 85%;
	text-align: justify;
}

.carrousel-durable-four .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
.carrousel-durable-four .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
.durable-bg-green {
	background-color: #8AC491;
	padding: 4% 0!important;
}
.durable-bg-blue {
	background-color: #78C4CF;
}
.durable-bg-blue h2 {
	color: #000000!important;
	font-size: 2rem;
	text-transform: uppercase;
}
.durable-bg-green h2 {
	color: #000000!important;
	font-size: 2rem;
	text-transform: uppercase;
}
.durable-bg-blue p {
	color: #000000!important;
}
.durable-bg-green p {
	color: #000000!important;
}
.durable-black {
	color: #000000!important;
}
h3.durable-black {
	border-bottom: 2px solid #000000!important;
	max-width: 215px!important;
}
a.share {
	position: relative;
}
a.rapport {
	position: relative;
	border-radius: 0;
	font-size: 0.8rem;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E54350;
	margin: 25px 0;
	display: block;
	max-width: 255px;
}
a.rapport:hover {
	color: #fff!important;
	text-decoration: none;
}
a.share::after {
	content: url("img/icon/share.png");
	position: absolute;
	top: 20px;
}
/*a.rapport::after {
	content: url("img/icon/share.png");
	position: absolute;
	right: -70px;
	top: 0;
}*/
.swiper-pagination-bullet {
	opacity: 1!important;
}
/*--------------------------------------------------------------
# Produits
--------------------------------------------------------------*/

#carrousel-partena-produit img {
	width: 100%;
}
#carrousel-partena-produit .swiper-button-prev {
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
#carrousel-partena-produit .swiper-button-next {
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
#carrousel-partena-produit .carousel-caption {
	width: 420px;
	height: 440px;
	padding: 10px 25px;
	bottom: 20%;
	left: 12%;
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
}
#carrousel-partena-produit .carousel-caption h1 {
	font-size: 2.2rem;
	color: #1D1D1B;
	text-transform: uppercase;
}
#carrousel-partena-produit .carousel-caption p {
	color: #1D1D1B;
	width: 85%;
	font-size: 1.15rem;
}
#carrousel-partena-produit .carousel-caption p a {
	font-size: 0.9rem;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E54350;
	bottom: 45px;
	position: absolute;
}

#carrousel-partena-produit .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
#carrousel-partena-produit .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
.carrousel-produit-one {
	background-color: #DAECF2;
	padding: 0;
	width: 100%;
	/*max-height: 950px;*/
}
.carrousel-produit-two .caract {
	padding: 0;
	min-width: 170px;
	font-size: 15px;
	margin: 8px 0;
}
.carrousel-produit-two .caract span{
	display: inline-block;
	width: 90px;
	vertical-align: sub;
	height: 20px;
	margin: 9px 0 0 0;
}
.carrousel-produit-two .caract img{
	display: inline-block;
	width: 40px;
	vertical-align: top;
}
.carrousel-produit-one .caract {
	padding: 0;
	min-width: 170px;
	font-size: 15px;
	margin: 8px 0;
}
.carrousel-produit-one .caract span{
	display: inline-block;
	width: 90px;
	vertical-align: sub;
	height: 20px;
	margin: 9px 0 0 0;
}
.carrousel-produit-one .caract img{
	display: inline-block;
	width: 40px;
	vertical-align: top;
}
.carrousel-produit-one .swiper-container {
	padding: 0;
	max-height: 950px;
}
.carrousel-produit-one .swiper-slide {
	background-color: #DAECF2;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-produit-one .swiper-slide img {
	height: auto;
	width: 100%;
}
.carrousel-produit-two a.rapport,.carrousel-produit-one a.rapport {
	position: relative;
	border-radius: 0;
	font-size: 0.8rem;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E54350;
	margin: 5px;
	max-width: none;
	width: 25%;
	min-width: 110px;
	display: inline-block;
	padding: 10px 0;
}
.carrousel-produit-one .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-produit-one .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-produit-one article ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.carrousel-produit-one article h3 {
	font-size: 2rem;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000;
	padding-bottom: 8px;
	padding-top: 8px;
	color: #000000;
	text-transform: uppercase;
	margin-bottom: -1px;
}

.carrousel-produit-one article h2 {
	font-size: 2rem;
	max-width: 22px;
	padding-bottom: 8px;
	color: #000000;
	text-transform: uppercase;
}
.carrousel-produit-one article p {
	font-size: 0.9rem;
	color: #000000;
	line-height: 1.5rem;
	max-width: 85%;
	text-align: justify;
}
.carrousel-produit-one article .ratio {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding-top: 50%;
	overflow: hidden;
}
.carrousel-produit-one article aside, .carrousel-produit-one article .swiper-wrapper {
	position: absolute;
	top: 0;
}
.carrousel-produit-one .swiper-slide aside {
	width: 100%;
	height: 100%;
	position: relative;
}

.carrousel-produit-one a.rapport::after {
	content: '';
}
.carrousel-produit-one a.share::after {
	content: url("img/icon/share.png");
	position: absolute;
	top: 85px;
	right: -45px;
}
.carrousel-produit-one .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
.carrousel-produit-one .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
.carrousel-produit-two {
	background-color: #FFFFFF;
	width: 100%;
	padding: 0;
}
.carrousel-produit-two .swiper-container {
	padding: 0;
}
.carrousel-produit-two .swiper-slide {
	background-color: #FFFFFF;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-produit-two article .ratio {
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding-top: 50%;
}
.carrousel-produit-one article ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.carrousel-produit-two article ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.carrousel-produit-two article h3 {
	font-size: 2rem;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000;
	padding-bottom: 8px;
	padding-top: 8px;
	color: #000000;
	text-transform: uppercase;
	margin-bottom: -1px;
}

.carrousel-produit-two article h2 {
	font-size: 2rem;
	max-width: 22px;
	padding-bottom: 8px;
	color: #000000;
	text-transform: uppercase;
}
.carrousel-produit-two .swiper-slide aside {
	width: 100%;
	height: 100%;
	position: relative;
}
.carrousel-produit-two article aside, .carrousel-produit-two article .swiper-wrapper {
	position: absolute;
	top: 0;
}
.carrousel-produit-two .swiper-slide img {

}
.carrousel-produit-two .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-produit-two .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-produit-two article p {
	font-size: 0.9rem;
	color: #000000;
	line-height: 1.5rem;
	max-width: 85%;
}
.carrousel-produit-two article aside ul {
	margin-top: 5%;
}
.carrousel-produit-two a.rapport::after {
	content: '';
}
.carrousel-produit-two a.share::after {
	content: url("img/icon/share.png");
	position: absolute;
	top: 85px;
	right: -45px;
}
.carrousel-produit-one article aside ul ,.carrousel-produit-two article aside ul {
	margin-top: 5%;
	width: 90%;
	margin-bottom: 10px;
}
.carrousel-produit-two .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
.carrousel-produit-two .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
.actus_simple_produit h2 {
	color: #FFFFFF;
	font-size: 1.2rem;
	text-transform: uppercase;
}
.actus_simple_produit h2 a {
	color: #FFFFFF!important;
	font-size: 1.2rem!important;
	text-transform: uppercase!important;
	text-decoration: none!important;
}
.actus_simple_produit h2 a:hover {
	color: #FFFFFF!important;
	font-size: 1.2rem!important;
	text-transform: uppercase!important;
	text-decoration: none!important;
}
.actus_simple_produit {
	background-color: #E84350;
	color: #FFFFFF;
	font-size: 2rem;
	text-transform: uppercase;
	padding: 3% 0;
}
/*--------------------------------------------------------------
# Realisations
--------------------------------------------------------------*/

#realisation .hoverimage {
	position: relative;
	cursor: pointer;
}
#realisation .double_block {
	max-width: 320px;
	max-height: 320px;
}
#realisation .double_block img {
	max-width: 320px;
	max-height: 320px;

}
#realisation .one_block {
	max-width: 640px;
	max-height: 640px;
}
#realisation .one_block img {
	max-width: 640px;
	max-height: 640px;
}

#realisation .row {
	max-width: 1280px;
	height: auto;
	margin-right: -15px;
	margin-left: -15px;
}
#realisation .rea-center {
	margin: auto;
}
#realisation .one_block .fondhover {
	max-width: 640px;
	max-height: 640px;
	width: 100vw;
	height: 100vh;
	background: rgba(62, 180, 175, 0.6);
	display: none;
	z-index: 2;
	position: absolute;
	top: 0;
}
#realisation .double_block .fondhover {
	max-width: 320px;
	max-height: 320px;
	width: 100vw;
	height: 100vh;
	background: rgba(62, 180, 175, 0.6);
	display: none;
	z-index: 2;
	position: absolute;
	top: 0;
}
#solutions .text h3 a{
	color:#fff;
	text-decoration: none;
}
#solutions .text h3 a:hover{
	color:#fff;
	text-decoration: none;
}
#realisation .text h3 {
	font-size: 1.75rem;
	display: inline-block;
	vertical-align: middle;
	margin-top: 40%;
	color: #fff;
	text-transform: uppercase;
}
#realisation .text {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
	display: none;
	bottom: 0;
	text-align: center;
}
.child-88 {
	display: none;
}
/*--------------------------------------------------------------
# Solutions
--------------------------------------------------------------*/

#solutions .hoverimage {
	position: relative;
	cursor: pointer;
}
#solutions .double_block {
	max-width: 320px;
	max-height: 320px;
}
#solutions .double_block img {
	max-width: 320px;
	max-height: 320px;
	width: 100vw;
	height: 100vh;
}
#solutions .double_block .fondhover {
	max-width: 320px;
	max-height: 320px;
	width: 100vw;
	height: 100vh;
	background: rgba(62, 180, 175, 0.6);
	display: none;
	z-index: 2;
	position: absolute;
	top: 0;
}
#solutions .one_block {
	max-width: 640px;
	max-height: 640px;
}
#solutions .one_block img {
	max-width: 640px;
	max-height: 640px;
	height: 100%;
}
#solutions .one_block .fondhover {
	max-width: 640px;
	max-height: 640px;
	width: 100vw;
	height: 100%;
	background: rgba(62, 180, 175, 0.6);
	display: none;
	z-index: 2;
	position: absolute;
	top: 0;
}

#solutions .rea-center {
	margin: auto;
}
#solutions .text h3 {
	font-size: 1.75rem;
	display: inline-block;
	vertical-align: middle;
	margin-top: 40%;
	color: #fff;
	text-transform: none;
	max-width: 295px;
	margin-right: 30px;
}
#solutions .text {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3;
	display: none;
	bottom: 0;
	text-align: center;
}
main .actus_simple_rea {
	background-color: #FFFFFF;
	color: #4D4D4D;
	font-size: 2rem;
	text-transform: uppercase;
	padding: 8% 0 0 0;
}
main .actus_simple_rea h1 {
	color: #4D4D4D;
	font-size: 2rem;
	text-transform: uppercase;
}
main .actus_simple_rea p {
	color: #4D4D4D;
	font-size: 1.1rem;
	max-width: 70%;
	margin: auto;
	text-align: justify;
	text-transform: none;
}
/*--------------------------------------------------------------
# Entreprise
--------------------------------------------------------------*/

#carrousel-partena-entreprise img {
	width: 100%;
}
#carrousel-partena-entreprise .carousel-control-prev-icon {
	background-image: url('img/icon/prev.png');
	width: 39px;
	height: 39px;
}
#carrousel-partena-entreprise .carousel-control-next-icon {
	background-image: url('img/icon/next.png');
	width: 39px;
	height: 39px;
}
#carrousel-partena-entreprise .carousel-caption {
	width: 360px;
	height: 360px;
	border: 1px solid #969696;
	padding: 10px 25px;
	bottom: 28%;
	left: 10%;
}
#carrousel-partena-entreprise .carousel-caption h1 {
	font-size: 3rem;
	color: #1D1D1B;
	text-transform: uppercase;
}
#carrousel-partena-entreprise .carousel-caption p {
	color: #1D1D1B;
	width: 85%;
	font-size: 1.15rem;
}
#carrousel-partena-entreprise .carousel-caption p a {
	font-size: 0.9rem;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E54350;
	bottom: 45px;
	position: absolute;
}
#carrousel-partena-entreprise .carousel-indicators li.active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
#carrousel-partena-entreprise .carousel-indicators li {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
main .actus_simple-entreprise {
	background-color: #3EB4AF;
	color: #FFFFFF;
	font-size: 2rem;
	text-transform: uppercase;
	padding: 5% 0;
}
main .actus_simple-entreprise h1 {
	color: #FFFFFF;
	font-size: 2rem;
	text-transform: uppercase;
}
main .actus_simple-entreprise p {
	color: #FFFFFF;
	font-size: 1.1rem;
	max-width: 70%;
	margin: auto;
	text-transform: none;
}
main .actus_simple-competence {
	background-color: #E3E3E3;
	color: #000000;
	font-size: 2rem;
	text-transform: uppercase;
	padding: 5% 0;
}
main .actus_simple-competence h1 {
	color: #000000;
	font-size: 2rem;
	text-transform: uppercase;
}
main .actus_simple-competence p {
	color: #000000;
	font-size: 1.1rem;
	max-width: 70%;
	margin: auto;
	text-transform: none;
}
main .actus_simple-competence .swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
main .actus_simple-competence .swiper-button-next {
	background-image: url('img/icon/next-g.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
main .actus_simple-competence .swiper-button-prev {
	background-image: url('img/icon/prev-g.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
main .actus_simple-competence .swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
	max-width: 85%;
}
.carrousel-entreprise-two {
	background-color: #FFFFFF;
	width: 100%;
	padding: 0;
	max-height: 630px;
}
.carrousel-entreprise-two .swiper-container {
	padding: 0;
	max-height: 630px;
}
.carrousel-entreprise-two .swiper-slide {
	background-color: #fff;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-entreprise-two .swiper-slide img {
	height: auto;
	width: 100%;
}
.carrousel-entreprise-two .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-entreprise-two .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-entreprise-two .date mark {
	color: #000000;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
}
.carrousel-entreprise-two .date {
	margin-top: 45%;
	color: #000000;
	font-size: 3.5rem;
	border: 1px solid #000000;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
.carrousel-entreprise-two article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #fff;
	max-width: 135px;
	padding-bottom: 8px;
	color: #000000;
}
.carrousel-entreprise-two article h2 {
	font-size: 2rem;
	max-width: 135px;
	padding-bottom: 8px;
	color: #000000;
	text-transform: uppercase;
}
.carrousel-entreprise-two article p {
	font-size: 1rem;
	color: #000000;
	line-height: 1.2rem;
	max-width: 75%;
}
.carrousel-entreprise-two article aside {
	margin-top: 12%;
}
.carrousel-entreprise-two .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
.carrousel-entreprise-two .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
.carrousel-entreprise-four {
	width: 100%;
	padding: 0;
	max-height: 640px;
	background-color: #FFFFFF;
}
.carrousel-entreprise-four .swiper-container {
	padding: 0;
	max-height: 640px;
}
.carrousel-entreprise-four .swiper-slide {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-entreprise-four .swiper-slide img {
	height: auto;
	width: 100%;
}
.carrousel-entreprise-four .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-entreprise-four .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-entreprise-four .date mark {
	color: #000000;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
}
.carrousel-entreprise-four .date {
	margin-top: 20%;
	color: #000000;
	font-size: 3.5rem;
	border: 1px solid #000000;
	padding: 19px 19px 0;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
.carrousel-entreprise-four article h3 {
	font-size: 1rem;
	border-bottom: 2px solid #000000;
	max-width: 135px;
	padding-bottom: 8px;
	color: #000000;
}
.carrousel-entreprise-four article h2 {
	font-size: 2rem;
	max-width: 215px;
	padding-bottom: 8px;
	color: #000000;
	text-transform: uppercase;
}
.carrousel-entreprise-four article p {
	font-size: 1rem;
	color: #000000;
	line-height: 1.2rem;
	max-width: 75%;
}
.carrousel-entreprise-four article aside {
	margin-top: 5%;
	padding-bottom: 5%;
}
.carrousel-durable .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-durable .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-durable .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
.carrousel-durable .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
/*--------------------------------------------------------------
# Fiches realisation
--------------------------------------------------------------*/

#fiche-realisation {
	position: relative;
}
#fiche-realisation img {
	width: 100%;
	height: 100vh;
}
#fiche-realisation .caption {
	width: 420px;
	height: 440px;
	padding: 10px 25px;
	bottom: 15%;
	left: 12%;
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	z-index: 10;
	/*Ajout demande Kader*/
	padding-top: 20px;
	padding-bottom: 20px;
}
#fiche-realisation .caption a {
	color:#000!important;
}
#fiche-realisation .caption h1 {
	font-size: 2.7rem;
	color: #000000;
	text-transform: none;
	margin-top: 10%;
	font-weight: 700;
}
#fiche-realisation .caption p {
	color: #000000;
	width: 85%;
	font-size: 1.15rem;
}
#fiche-realisation a {
	color: white!important;
	text-decoration: underline;
}
#fiche-realisation a:hover {
	text-decoration: none;
	color: #E84350!important;
}
main .actus_simple-fiche-realisation {
	background-color: #78C7D2;
	color: #000000;
	font-size: 2rem;
	text-transform: uppercase;
	padding: 5% 0;
}
main .actus_simple-fiche-realisation h1 {
	color: #000000;
	font-size: 2rem;
	text-transform: uppercase;
}
main .actus_simple-fiche-realisation p {
	color: #000000;
	font-size: 1.1rem;
	max-width: 70%;
	margin: auto;
	text-transform: none;
}
#swiper_rea a {
	color: #E84350!important;
}
#swiper_rea a:hover {
	text-decoration: none;
	color: #E84350;
}
.carrousel-fiche-realisation-two {
	background-color: #FFFFFF;
	width: 100%;
	padding: 0;
	/*Suppression demande Kader*/
	/*max-height: 640px;*/
}
.carrousel-fiche-realisation-two .swiper-container {
	padding: 0;
	/*Suppression demande Kader*/
	/*max-height: 640px;*/
}
.carrousel-fiche-realisation-two .swiper-slide {
	background-color: #FFFFFF;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.carrousel-fiche-realisation-two .swiper-slide aside {
	width: 100%;
	height: 100%;
	position: relative;
}
.carrousel-fiche-realisation-two .swiper-button-next {
	right: 60px;
	background-image: url('img/icon/next.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-fiche-realisation-two .swiper-button-prev {
	left: 60px;
	background-image: url('img/icon/prev.png');
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}
.carrousel-fiche-realisation-two .date mark {
	color: #000000;
	display: block;
	font-size: 0.6rem;
	background-color: transparent;
	text-transform: uppercase;
}
.carrousel-fiche-realisation-two .date {
	margin-top: 45%;
	color: #000000;
	font-size: 3.5rem;
	border: 1px solid #000000;
	padding: 19px 19px 0px;
	display: inline-block;
	line-height: 2.4rem;
	text-align: center;
	vertical-align: top;
}
#page_builder_realisation  h2 {
	font-size: 12px;
	padding-bottom: 8px;
	color: #000000;
	text-transform: uppercase;
}
#page_builder_realisation  p {
	font-size: 16px;
	font-weight: 800;
	color: #000000;
	line-height: 16px;
}
#page_builder_realisation a {
	color: #E84350!important;
}
.carrousel-fiche-realisation-two article h2 {
	font-size: 12px;
	padding-bottom: 8px;
	color: #000000;
	text-transform: uppercase;
}

.carrousel-fiche-realisation-two article .ratio{
	display:inline-block;
	position:relative;
	vertical-align: top;
	padding-top: 50%; /* 1:1 Aspect Ratio
    /*Suppression demande Kader*/
	min-height: 630px;
}
.carrousel-fiche-realisation-two article .content_rea aside {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 15%;
}
.carrousel-fiche-realisation-two article p {
	font-size: 16px;
	font-weight: 800;
	color: #000000;
	line-height: 16px;
}
.carrousel-fiche-realisation-two article aside,.carrousel-fiche-realisation-two article .swiper-wrapper {
	position:  absolute;
	top: 0;
}
.carrousel-fiche-realisation-two .swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot.png");
	background-repeat: no-repeat;
}
.carrousel-fiche-realisation-two .swiper-pagination-bullet-active {
	width: 24px;
	height: 24px;
	background-color: transparent;
	background-image: url("img/icon/dot-active.png");
	background-repeat: no-repeat;
}
.carrousel-fiche-realisation-two a.share::after {
	content: url("img/icon/share.png");
	position: static;
}
/*--------------------------------------------------------------
# Share button
--------------------------------------------------------------*/
.share, .share:before, .share:after, .fab {
	height: 70px;
	width: 70px;
	position: absolute;
	cursor: pointer;
}

.share {
	position: relative;
}
.share:before, .share:after {
	content: '';
	will-change: transform;
}
.share:before {
	background: url(https://cloisons-partena.com/wp-content/themes/partena/img/icon/share.png) center/28px no-repeat;
	z-index: 5;
	transition: 0.3s;
}
.share:after {
	z-index: -1;
	transition: 0.39s;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.share.active:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.fab {
	transition: 0.3s;
	-webkit-animation: 0.3s down forwards;
	animation: 0.3s down forwards;
	opacity: 0;
	will-change: animation;
}
.fab:nth-child(1) {
	background: url(img/icon/paper-plane.png) center/28px no-repeat;
	right: -85px;
	background-size: 30px;
}
.fab:nth-child(2) {
	background: url(img/icon/facebook.png) center/28px no-repeat;
	right: -45px;
	background-size: 27px;
}
.fab:nth-child(3) {
	background: url(img/icon/linkedin.png) center/28px no-repeat;
	background-size: 25px;
	right: -10px;
}
.fab:nth-child(4) {
	background: url(img/icon/google-plus.png) center/28px no-repeat;
	background-size: 35px;
	right: 35px;
}

.fab.active {
	-webkit-animation: 0.48s left forwards;
	animation: 0.48s left forwards;
}
.fab.active:nth-child(1) {
	-webkit-animation-delay: 0.39s;
	animation-delay: 0.39s;
}
.fab.active:nth-child(2) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.fab.active:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.fab.no {
	-webkit-animation: none;
	animation: none;
}

@-webkit-keyframes left {
	50% {
		-webkit-transform: translateX(170%);
		transform: translateX(170%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(130%);
		transform: translateX(130%);
	}
}

@keyframes left {
	50% {
		-webkit-transform: translateX(170%);
		transform: translateX(170%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(130%);
		transform: translateX(130%);
	}
}
@-webkit-keyframes down {
	0% {
		opacity: 1;
		-webkit-transform: translateX(130%);
		transform: translateX(130%);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		top: 0;
	}
}
@keyframes down {
	0% {
		opacity: 1;
		-webkit-transform: translateX(130%);
		transform: translateX(130%);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		top: 0;
	}
}

/*--------------------------------------------------------------
# Custom Hidden
--------------------------------------------------------------*/

.hidden {
	display: none !important;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	-webkit-clip-path: none;
	clip-path: none;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	white-space: inherit;
}
.invisible {
	visibility: hidden;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	/* 1 */

	display: table;
	/* 2 */
}
.clearfix:after {
	clear: both;
}
/* ==========================================================================
	SOLUTION ET REALISATION PATCHWORK
    Ajout demande Kader
 */
#solutions  .fondhover {
	width: 100%;
	height: 100%;
	background: rgba(62, 180, 175, 0.6);
	display: none;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
}
#solution_1 {
	max-width: 55%;
	margin: auto;
	position: relative;
	padding-top: 55%;
}
.solution_1_image1 {
	background-size: cover;

}
/*--------------------------------*/

#solution_2 {
	max-width: 65%;
	margin: auto;
	position: relative;
	padding-top: 35%;
}
#solution_2 .text {
	bottom: 100px;
}
.solution_2_image1 {
	background-size: cover;
}
/*--------------------------------*/

#solution_3 {
	max-width: 60%;
	margin: auto;
}
.solution_3_image1 {
	background-size: cover;
	position: relative;
	padding-top: 45%!important;

}
.solution_3_image3 {
	background-size: cover;
	position: relative;
	padding-top: 80%;
}
/*--------------------------------*/

#solution_4 {
	max-width: 65%;
	margin: auto;
	position: relative;
}
.solution_4_image1 {
	background-size: cover;
	padding-top: 50%!important;
}
/*--------------------------------*/

#solution_5 {
	max-width: 90%;
	margin: auto;
	position: relative;
}
.solution_5_image1 {
	background-size: cover;
	padding-top: 25%!important;
}
.solution_5_image2 {
	background-size: cover;
	padding-top: 25%!important;
}
/*--------------------------------*/

#solution_6 {
	max-width: 96%;
	margin: auto;
	position: relative;
}
.solution_6_image1 {
	background-size: cover;
	padding-top: 28%!important;
}
/*--------------------------------*/

#solution_7 {
	max-width: 96%;
	margin: auto;
	position: relative;
}
.solution_7_image1 {
	background-size: cover;
	padding-top: 26%!important;
}
/*--------------------------------*/

#solution_8 {
	max-width: 96%;
	margin: auto;
	position: relative;
}
.solution_8_image1 {
	background-size: cover;
	padding-top: 25%!important;
}
/*--------------------------------*/

#solution_9 {
	max-width: 96%;
	margin: auto;
	position: relative;

}
#solution_9 .solution_9_image2  .text {
	bottom: 95px!important;
}
.solution_9_image1 {
	background-size: cover;
	padding-top: 25%!important;
	width: 100%;
}
.solution_9_image2 {
	background-size: cover;
	padding-top: 25%!important;
}
/*--------------------------------*/

#solution_10 {
	position: relative;

}
.solution_10_image1 {
	background-size: cover;
	padding-top: 25%!important;
	width: 100%;
}
/* DOCUMENTATIONS ------------------------------*/
/*Ajout demande Kader*/
#download article div {
	opacity: 0;
	transition: opacity 0.5s linear;
	background-color: transparent;
}
#download article {
	padding-top: 30%;
	width: 350px;
	height: 530px;
	position: relative;
	display: inline-block;
	margin: 0 4%;
	margin-bottom: 5%;
}
#download article div {
	position: absolute;  padding: 30% 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#download article:hover div {
	opacity: 1;
	transition: opacity 0.5s linear;
	background-color: rgba(102,102,102,0.70);
}
#download .fichier:hover,#download .zip:hover {
	text-decoration: none;
}
#download .fichier {
	border-radius: 0;
	font-size: 0.8rem;
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #E54350;
	margin: 25px auto;
	display: block;
	max-width: 220px;
	padding: .5rem 0rem;
}
#download .zip {
	border-radius: 0;
	font-size: 0.8rem;
	color: #E54350;
	text-transform: uppercase;
	background-color: #fff;
	margin: 25px auto;
	display: block;
	max-width: 220px;
	padding: .5rem 0rem;
}
/*----TEAM-------------------------------------------------*/
#team {
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 5%;
	padding-left: 5%;
	padding-right: 5%;
}
#team .col-team {
	max-width: 325px;
	max-height: 325px;
	width: 100%;
	height: 100%;
	position: relative;
	transition: all ease 0.5s;
}
#team .col-team img {
	width: 100%;
	height: auto;
}
#team .infos {
	cursor: pointer;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	columns: 1;
	position: absolute;
	z-index: 99;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(228,67,80,0.60);
	opacity: 0;
	transition: opacity 0.6s ease-in;
}
#team .col-team:hover .infos {
	opacity: 1;
}
#team .infos h2 , #team .infos h3 {
	color: #fff;
	font-size: 11pt;
}
#team .infos h2 {
	font-size: 16pt;
	font-weight: 800;
}
/* ==========================================================================
    Media Queries for Responsive Design. !Attention respectez l'ordre des Medias Queries!
   ========================================================================== */

@media only screen and (max-width: 1330px) {
	#realisation .row {
		margin: auto;
	}
	#solutions .row {
		margin: auto;
	}
	#infos p {
		padding: 0 10px;
	}
	.carrousel-produit-one article h3,.carrousel-produit-two article h3 {
		font-size: 24px;
	}
}
@media only screen and (max-width: 1250px) {
	.carrousel-fiche-realisation-two article h2 {
		margin-bottom: 2px;
	}
	.carrousel-fiche-realisation-two article p {
		margin-bottom: 5px;
	}
	.carrousel-fiche-realisation-two article .content_rea aside {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width: 1200px) {
	.carrousel-produit-one article .ratio:first-child,.carrousel-produit-two article .ratio:last-child ,.carrousel-durable-one article .ratio:first-child, .carrousel-durable-third article .ratio:last-child{
		vertical-align: top;
		padding-top: 5%;
	}
	.carrousel-actus-third .swiper-container, .order-two .thumbnails-article  {
		order: 2;
	}
	.carrousel-produit-one article .ratio:first-child aside,.carrousel-produit-two article .ratio:last-child aside,.carrousel-durable-one article .ratio:first-child aside,.carrousel-durable-third article .ratio:last-child aside{
		position: static;
		margin: 0;
		padding: 0;
	}
	.carrousel-actus-two {
		max-height: none;
	}
	.carrousel-actus-two .swiper-container {
		max-height: none;
	}
	.carrousel-actus-one {
		max-height: none;
	}
	.carrousel-actus-one .swiper-container {
		max-height: none;
	}
	.carrousel-actus-third {
		max-height: none;
	}
	.carrousel-actus-third .swiper-container {
		max-height: none;
	}
	.carrousel-actus-four {
		max-height: none;
	}
	.carrousel-actus-four .swiper-container {
		max-height: none;
	}
	.carrousel-produit-one article .ratio:first-child aside ul ,.carrousel-produit-two article .ratio:last-child aside ul{
		width: 100%;
	}
	.carrousel-produit-one article .ratio:first-child aside ul p ,.carrousel-produit-two article .ratio:last-child aside ul p{
		max-width: 100%;
	}
	.carrousel-produit-one .swiper-container,.carrousel-produit-two .swiper-container,.carrousel-durable-one .swiper-container,.carrousel-durable-third .swiper-container{
		padding-top: 70%!important;
	}
	.carrousel-produit-two a.rapport, .carrousel-produit-one a.rapport {
		width: 30%}
}
@media only screen and (max-width: 1140px) {

	.carrousel-entreprise-two {
		max-height: none;
	}
	.carrousel-entreprise-two .swiper-container {
		max-height: none;
	}
	.carrousel-entreprise-two article aside {
		margin-top: 2%;
	}
	#fiche-realisation .caption {
		width: 325px;
		height: 360px;
		bottom: 85px;
		left: 15px;
	}
	#carrousel-partena-produit .carousel-caption, .carrousel-durable .carousel-caption {
		width: 300px;
		height: 300px;
		bottom: 80px;
		left: 10px;
	}

}
/*Ajout demande Kader*/
@media only screen and (max-width: 1024px) {
	header {
		padding: 0;
	}
	.container-fluid {
		padding-right: 0!important;
		padding-left: 0!important;
		margin-right: 0!important;
		margin-left: 0!important;
	}
	header .navbar-burger {
		position: absolute;
		right: 0;
		cursor: pointer;
		top: 70px;
	}
	#carrousel-partena .carousel-caption {
		bottom: 10%;
	}
	.carrousel-partena-produit .carousel-caption {
		bottom: 10%;
	}

	.carrousel-durable-two {
		max-height: none;
	}
	.carrousel-durable-two .swiper-container {
		max-height: none;
	}
	.carrousel-durable-one {
		max-height: none;
	}
	.carrousel-durable-one .swiper-container {
		max-height: none;
	}
	.carrousel-durable-third {
		max-height: none;
	}
	.carrousel-durable-third .swiper-container {
		max-height: none;
	}
	.carrousel-durable-four {
		max-height: none;
	}
	.carrousel-durable-four .swiper-container {
		max-height: none;
	}
	.carrousel-entreprise-two {
		max-height: none;
	}
	.carrousel-entreprise-two .swiper-container {
		max-height: none;
	}
	.carrousel-entreprise-one {
		max-height: none;
	}
	.carrousel-entreprise-one .swiper-container {
		max-height: none;
	}
	.carrousel-entreprise-third {
		max-height: none;
	}
	.carrousel-entreprise-third .swiper-container {
		max-height: none;
	}
	.carrousel-entreprise-four {
		max-height: none;
	}
	.carrousel-produit-two {
		max-height: none;
	}
	.carrousel-produit-two .swiper-container {
		max-height: none;
	}
	.carrousel-produit-one {
		max-height: none;
	}
	.carrousel-produit-one .swiper-container {
		max-height: none;
	}
	.carrousel-produit-third {
		max-height: none;
	}
	.carrousel-produit-third .swiper-container {
		max-height: none;
	}
	.carrousel-produit-four {
		max-height: none;
	}
	.carrousel-fiche-realisation-two {
		max-height: none;
	}
	.carrousel-entreprise-four .swiper-container {
		max-height: none;
	}
	.carrousel-fiche-realisation-two .swiper-container {
		max-height: none;
	}
	.carrousel-produit-one article aside img {
		width: 100%;
	}
	.carrousel-produit-two article aside img {
		width: 100%;
	}
	.carrousel-produit-third article aside img {
		width: 100%;
	}
	.carrousel-produit-four article aside img {
		width: 100%;
	}
	.carrousel-actus-two .ml-auto {
		margin-left: 0!important;
	}
	.carrousel-actus-two .col-10 {
		padding-right: 0!important;
	}
	.carrousel-actus-one .ml-auto {
		margin-left: 0!important;
	}
	.carrousel-actus-one .col-10 {
		padding-right: 0!important;
	}
	.carrousel-actus-third .ml-auto {
		margin-left: 0!important;
	}
	.carrousel-actus-third .col-10 {
		padding-right: 0!important;
	}
	.carrousel-actus-four .ml-auto {
		margin-left: 0!important;
	}
	.carrousel-actus-four .col-10 {
		padding-right: 0!important;
	}
	.carrousel-entreprise-two .ml-auto {
		margin-left: 0!important;
	}
	.carrousel-entreprise-two .col-10 {
		padding-right: 0!important;
	}
	.carrousel-entreprise-one .ml-auto {
		margin-left: 0!important;
	}
	.carrousel-entreprise-one .col-10 {
		padding-right: 0!important;
	}
	.carrousel-entreprise-third .ml-auto {
		margin-left: 0!important;
	}
	.carrousel-entreprise-third .col-10 {
		padding-right: 0!important;
	}
	.carrousel-entreprise-four .ml-auto {
		margin-left: 0!important;
	}
	.carrousel-entreprise-four .col-10 {
		padding-right: 0!important;
	}
	.carrousel-actus-two article p {
		max-width: 100%!important;
	}
	.carrousel-actus-one article p {
		max-width: 100%!important;
	}
	.carrousel-actus-third article p {
		max-width: 100%!important;
	}
	.carrousel-actus-four article p {
		max-width: 100%!important;
	}
	.carrousel-entreprise-two article p {
		max-width: 100%!important;
	}
	.carrousel-entreprise-one article p {
		max-width: 100%!important;
	}
	.carrousel-entreprise-third article p {
		max-width: 100%!important;
	}
	.carrousel-entreprise-four article p {
		max-width: 100%!important;
	}
	.actus_simple-competence article p {
		max-width: 100%!important;
	}
	.actus_simple-entreprise article p {
		max-width: 100%!important;
	}
	.carrousel-durable-two article aside {
		margin-top: 2%;
	}
	.carrousel-durable-one article aside {
		margin-top: 2%;
	}
	.carrousel-durable-third article aside {
		margin-top: 2%;
	}
	.carrousel-durable-four article aside {
		margin-top: 2%;
	}
	.carrousel-durable-one a.share {
		position: absolute;
		right: 10%;
		top: 0;
	}
	.carrousel-durable-two a.share {
		position: absolute;
		right: 10%;
		top: 0;
	}
	.carrousel-durable-third a.share {
		position: absolute;
		right: 10%;
		top: 0;
	}
	.carrousel-durable-four a.share {
		position: absolute;
		right: 10%;
		top: 0;
	}
}
@media only screen and (max-width: 992px) {

	.actus_simple-fiche-realisation .my-5 {
		margin-bottom: 1.3rem!important;
	}
	.carrousel-fiche-realisation-two article .ratio{
		padding-top: 100%;
	}
	.carrousel-fiche-realisation-two article .content_rea {
		padding-top: 0!important;
	}
	.carrousel-fiche-realisation-two article .content_rea aside {
		position: static;
		transform: translateY(0%);
		padding-top: 10px;
	}
	.carrousel-fiche-realisation-two article aside {
		position: static;
		padding-left: 5%;
	}
	.fab:nth-child(4) {
		right: 30px;
	}
}
@media only screen and (max-width: 850px) {
	header #menu {
		max-width: 100%;
		height: 100vh;
		top: -60px;
		display: none;
	}
	#menu .menu li {
		text-align: left;
		position: relative;
		margin-left: 10px;
	}
	#menu .menu .menu-item-has-children:after {
		content: url("img/arrow.png");
		position: absolute;
		right: 10px;
		top: 0;
	}
	#menu .menu li a {
		font-size: 25px;
	}
	#carrousel-partena .carousel-caption {
		width: 280px;
		height: 280px;
	}
	.carrousel-partena-produit .carousel-caption {
		width: 280px;
		height: 280px;
	}
}
@media only screen and (max-width: 730px) {
	#breadcrums {
		display: none;
	}
	h1 {
		font-size: 2em!important;
	}
	header .navbar-pdf {
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
	}

	.headerScroll div.align-right form.form-inline {
		right: 70px;
	}
	footer #stop {
		opacity: 0;
		position: fixed;
		z-index: 22;
		bottom: 10px;
		right: -20px;
		width: 70px;
		transition: opacity ease 1s;
	}
	.carrousel-durable-one article p {
		max-width: 100%;
	}
	.carrousel-durable-one article aside {
		margin-left: 0!important;
	}
	.container-fluid {
		padding-right: 0!important;
		padding-left: 0!important;
		margin-right: 0!important;
		margin-left: 0!important;
	}
	header #close {
		position: absolute;
		right: 0;
		cursor: pointer;
		top: 0;
	}
	header div.align-right form.form-inline {
		right: 54px;
		top: 15px;
	}
	header nav.navbar {
		height: 75px;
	}

	header #menu {
		max-width: 100%;
		height: 100vh;
		top: -80px;
		display: none;
		/*Ajout demande Kader*/
		padding-top: 55px;
	}
	header .logo img {
		width: 40px;
		height: auto;
	}
	header a.navbar-brand {
		font-size: 14px;
		line-height: 30px;
	}
	header a.navbar-brand span {
		font-size: 30px;
	}
	header div.align-right img {
		width: 35px;
	}
	header div.align-right {
		width: 0;
	}
	header .navbar-burger {
		top: 35px;
	}
	.form-inline .form-control {
		position: absolute;
		left: -195px;
		bottom: -45px;
		height: 45px;
	}
	#carrousel-actus-home {
		padding: 0;
	}
	#carrousel-actus-home .swiper-slide article aside {
		text-align: center;
	}
	#carrousel-actus-home .swiper-slide article aside {
		margin-left: 2%;
		text-align: left;
		margin-top: 17px;
	}
}
@media only screen and (min-width: 731px) {
	header {
		position: fixed !important;
	}
}
@media only screen and (max-width: 545px) {
	#carrousel-partena-produit .swiper-container,.carrousel-durable .swiper-container   {
		padding-bottom: 100%!important;
	}
	#carrousel-partena-produit aside,.carrousel-durable aside   {
		padding-bottom: 120%!important;
	}
	.headerScroll {
		height: 75px!important;
	}
	#popup_down {
		top: 90px!important;
		padding: 0!important;
	}
	#popup_down  h2 {
		font-size: 1rem!important;
		margin-top: 45px!important;
	}
	.custom-logo {
		width: 225px!important;
		height: auto;
	}
	.carrousel-produit-two a.rapport, .carrousel-produit-one a.rapport {
		font-size: 8px;
	}
	.carrousel-produit-one article h3, .carrousel-produit-two article h3 {
		font-size: 20px!important;
	}
	#carrousel-partena-produit .swiper-container-autoheight, #carrousel-partena-produit .swiper-container-autoheight .swiper-slide,#carrousel-partena-produit .swiper-container-autoheight .swiper-slide img {
		min-height: 430px;
	}
	.carrousel-durable .swiper-container img,.carrousel-durable .swiper-container,.carrousel-durable {
		max-height: 450px;
	}
	.carrousel-durable .swiper-container img {
		width: auto;
	}
	.carrousel-durable .carousel-caption {
		bottom: 70px;}
	#infos h2 ,main .actus_simple h2,.carrousel-durable-one article h2{
		font-size: 2rem;
	}
	#infos p ,main .actus_simple p,main .actus_simple_rea p,.carrousel-durable-one article p,.carrousel-durable-third article p,.carrousel-durable-one article p,.carrousel-durable-four article p{
		font-size: 14px!important;
		margin: 0 10px;
		line-height: 20px!important;
		max-width: 100%;
	}
	#solution_1,#solution_2,#solution_3,#solution_4,#solution_5,#solution_6,#solution_7,#solution_8,#solution_9,#solution_10 {
		max-width: 95%;
	}
	#solutions .text h3 {
		font-size: 1rem;
	}
	#solution_2 {
		padding-top: 60%;
	}
	#solution_2 .text,#solution_3 .text {
		bottom: 30px;
	}
	.solution_5_image1 ,.solution_5_image2{
		padding-top: 55%!important;
	}
	.solution_6_image1 {
		padding-top: 45%!important;
	}
	.solution_7_image1 ,.solution_8_image1,.solution_9_image2,.solution_9_image1{
		padding-top: 40%!important;
	}
}
/* MODIFICATION RESPONSIVE KADER 20/07/2018 */
@media only screen and (max-width: 1280px) {
	#carrousel-partena-produit .swiper-button-next ,#carrousel-partena-produit .swiper-button-prev{
		display: none;
	}
	.carrousel-produit-one .swiper-button-next, .carrousel-produit-one .swiper-button-prev,
	.carrousel-produit-two .swiper-button-next, .carrousel-produit-two .swiper-button-prev,
	.carrousel-durable-third .swiper-button-next, .carrousel-durable-third .swiper-button-prev,
	.carrousel-durable-one .swiper-button-next, .carrousel-durable-one .swiper-button-prev,
	.carrousel-fiche-realisation-two .swiper-button-prev,.carrousel-fiche-realisation-two .swiper-button-next{
		display:none;
		visibility: hidden;
	}
	#download article {
		width:  350px;
		height: 500px;
		margin: 0 1%;
	}
	#solution_9 .solution_9_image2  .text {
		bottom: 0!important;
	}
	#download article:hover div {
		opacity: 1;
		transition: opacity 0.5s linear;
		background-color: rgba(102,102,102,0.30);
	}
	#download article div {
		opacity: 1;
		padding: 10% 0;
		transition: opacity 0.5s linear;
		background-color: rgba(102,102,102,0.30);
	}
	#solutions .col-part {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		background-size: cover;
		padding-top: 35%!important;
	}
	.carrousel-durable .carousel-caption h1 {
		font-size: 26pt;
	}

	.carrousel-durable .carousel-caption p {
		font-size: 14pt;
	}
	#carrousel-actus-home {
		background-color: #3EB4AF;
		width: 100%;
		padding: 10% 15px 2% 15px!important;
	}
	#carrousel-actus-home .swiper-slide article aside p {
		font-size: 11pt;
	}
	#carrousel-actus-home .swiper-slide article aside ul {
		font-size: 11pt;
	}
	.carrousel-durable .swiper-button-next, .carrousel-durable .swiper-button-prev {
		display:none;
		visibility: hidden;
	}
	#carrousel-partena-produit .carousel-caption, .carrousel-durable .carousel-caption {
		width: 310px;
		height: 325px;
		bottom: 85px;
		left: 10px;
	}
	main .actus_simple_rea h1 {
		font-size: 28pt!important;
	}
	#solutions .fondhover {
		width: 100%;
		height: 30%;
		background: rgba(62, 180, 175, 0.6);
		display: block!important;
		z-index: 2;
		position: absolute;
		bottom: 0;
		left: 0;
		top: 70.3%;

	}
	#solutions .row {
		margin: auto;
		padding: 0!important;
		max-width: 100%!important;
	}
	#solutions .text h3 {
		font-size: 18pt;
		margin-right: 0;
		margin-top: 55%;
	}
	#solutions .text {
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 3;
		left: 0;
		display: block!important;
		bottom: 5px!important;
		text-align: center;
	}
	main .actus_simple_rea p {
		font-size: 16pt;
	}
	.carrousel-fiche-realisation-two article .ratio {
		display: inline-block;
		position: relative;
		vertical-align: top;
		padding-top: 60%;
	}
}
@media only screen and (max-width: 1080px) {
	#download article {
		width: 310px;
		height: 450px;
	}
	#download article h2 {
		font-size: 1rem!important;
	}
}

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

	.carrousel-produit-two article .ratio {
		order:2;
	}
	.carrousel-produit-two article .ratio:last-child {
		order:1;
	}
	.carrousel-durable-third article .ratio {
		order:2;
	}
	.carrousel-durable-third article .ratio:last-child {
		order:1;
	}
	.carrousel-produit-two .caract, .carrousel-produit-one .caract {
		padding: 0;
		min-width: 110px;
		font-size: 15px;
		margin: 8px 0;
		text-align: center;
	}

}
@media only screen and (max-width: 806px) {
	footer div.align-center span {
		display: none;
	}
	footer div.align-center a img {
		transform: translateY(80%);
	}
	#carrousel-partena-produit .swiper-slide aside ,#carrousel-partena-produit .swiper-container{
		padding-bottom: 80% !important;
	}
	.carrousel-durable .carousel-caption h1 {
		font-size: 24pt;
	}
	.carrousel-durable .carousel-caption p {
		font-size: 11pt;
	}
	#carrousel-actus-home .swiper-slide article aside p {
		font-size: 10pt;
	}
	#carrousel-actus-home .swiper-slide article aside ul {
		font-size: 10pt;
	}
	#carrousel-partena-produit .carousel-caption, .carrousel-durable .carousel-caption {
		width: 300px;
		height: 250px;
		bottom: 60px;
		left: 10px;
	}
	#solutions .text h3 {
		font-size: 18pt;
		margin-right: 0;
		margin-top: 55%;
	}
	header nav.navbar {
		height :70px;
		background-color: rgba(255, 255, 255, 1);
	}
	header {
		padding:0;
	}
	header .logo img {
		width:40px;
	}
	header .custom-logo {
		width: 300px;
		height: auto;
	}
	header .logo img {
		height:auto;
	}
	header .logo img {
		margin-top:12px;
	}
	header a.navbar-brand {
		font-size:14px;
	}

	header a.navbar-brand span {
		font-size:30px;
	}
	header div.align-right img{
		width:45px;
	}
	header div.align-right form.form-inline {
		top:34px;
	}
	header div.align-right form.form-inline {
		right:85px;
	}
	header .navbar-pdf {
		right: 55px;
		top: 15px;
	}
	header .navbar-pdf  img{
		width: 35px!important;
	}
	header .navbar-burger {
		top: 10px;
	}
	header .align-left img {
		width: 235px;
	}
	header .form-control {
		padding: 0!important;
	}
}

@media only screen and (max-width: 730px) {
	.wpcf7-form .send-button input[type="submit"] {
		right: 5px;
	}
	main .actus_simple article div.mb-5 {
		padding: 0;
		margin: 0;
	}
	.contactInfo p {
		text-align: center!important;
	}

	footer #stop img {
		max-width: 35px;
	}
	header div.align-right form.form-inline {
		right:125px!important;
	}
	.form-inline .form-control {
		left: 0!important;
		bottom: -43px!important;
		height: 30px!important;
		width: 141px!important;
	}
	#carrousel-actus-home .date {
		display: none;
	}
	#carrousel-actus-home .swiper-slide article aside .date {
		display: inline-block;
		margin-bottom: 5%;
	}
	#carrousel-actus-home .swiper-slide article aside h2 {
		display: inline-block;
		width: 195px;
		position: absolute;
		right: 15px;
		font-size: 13pt;
	}
	#carrousel-actus-home .swiper-button-next, #carrousel-actus-home .swiper-button-prev {
		/*top: 97% !important;*/
		display: none;
	}
	#carrousel-actus-home .swiper-slide article aside {
		display: inline-block;
		max-width: 95%;
	}
	#carrousel-actus-home .swiper-slide article {
		min-width: 100%;
	}
	#carrousel-actus-home .swiper-container {
		height: auto;
		/*padding-bottom: 65px;*/
	}
}
@media only screen and (max-width: 665px) {
	
	.wpcf7-form input[type="file"]{
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
	#carrousel-partena-produit .swiper-slide aside, #carrousel-partena-produit .swiper-container {
		padding-bottom: 95% !important;
	}
	#solutions .col-part {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		background-size: cover;
		padding-top: 70%!important;
	}
	#swiper_rea .swiper-button-prev,#swiper_rea  .swiper-button-next
	{
		display: none;
	}
	#fiche-realisation .caption {
		height: 280px;
	}
	header .align-left img {
		width: 150px!important;
	}
	footer div.align-right {
		width: 100%!important;
		height: 140px;
		position: static;
		/*Ajout demande Kader*/
		padding-left: 30%;

	}
	footer div.align-right span {
		color: #fff;
		font-size: 0.9rem;
		text-transform: uppercase;
		font-weight: 700;
		width: 110px;
		word-wrap: break-word;
		display: inline-block;
		letter-spacing: -1px;
		text-align: center;
	}
	footer div.align-center {
		display: inline-block;
		width: 10%;
		position: absolute!important;
		right: 0;
		left: 0!important;
	}
	footer div.align-center {
		height: 140px;
		position: static;
	}
	footer div.align-left {
		display: block;
		width: 100%;
	}
	#download {
		padding-top: 21%!important;
	}
}
@media only screen and (max-width: 515px) {
	.wpcf7-form .send-button input[type="submit"] {

		position: static;

	}
}
@media only screen and (max-width: 470px) {
	#carrousel-partena-produit .swiper-slide aside, #carrousel-partena-produit .swiper-container {
		padding-bottom: 125% !important;
	}
	#download article {
		width: 100%;
		height: 400px;
		margin: 0;
	}

}
@media only screen and (max-width: 370px){
	footer div.align-right a {
		width: 145px;
	}
	#carrousel-actus-home .swiper-slide article aside h2 {
		width: 145px;
		font-size: 10pt;
	}
}