/*
Theme Name: Maison du Menuisier
Theme URI: #
Author: Boeki
Author URI: https://www.boeki.fr/
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

@font-face {
font-family: 'coco';
src: url('assets/webfonts/CocoSharpL-Bold.otf') format('truetype'),
		url('assets/webfonts/CocoSharpL-Bold.ttf') format('ttf');
}
h1,H2,h3,h4, .bouton {
	font-family: 'coco';
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

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;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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 {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #1d1d1b;
	font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.3;
	margin: 0 0 0.75em;
	padding: 0.75em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
	margin-top: 0;
}

h1 {
	font-size: 24px;
}

h2,
.home.blog .entry-title {
	font-size: 20px;
}

h3 {font-size: 16px}
h4 {font-size: 15px}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 15px;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

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

:focus {
	outline: none;
}



/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label:not(.gfield_consent_label), .gform_wrapper .top_label .gfield_label:not(.gfield_consent_label), .gform_wrapper legend.gfield_label:not(.gfield_consent_label) {
	display: block;
	font-weight: 600;
	margin-bottom: 0.4em;
	font-size: 11px;
	padding-left: 0;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #1d1d1b;
	background: #fff;
	border: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: block;
	font-weight: 600;
	padding: 12px!important;
	width: 100%!important;
	font-size: 14px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #1d1d1b;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	border-radius: 0;
    font-size: 13px!important;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: normal;
    border: 0;
    padding: 20px 70px;
    background: #0A7D71;
    line-height: 1;
    color: white;
    display: inline-block;
	-webkit-transition: all 0.4s ease, font-weight 0s;
    -moz-transition: all 0.4s ease, font-weight 0s;
    -o-transition: all 0.4s ease, font-weight 0s;
    transition: all 0.4s ease, font-weight 0s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #1D1D1B;
	color: #fff;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #9B9B9B;
	font-weight: 300;
	font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #9B9B9B;
	font-weight: 300;
	font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #9B9B9B;
	font-weight: 300;
	font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #9B9B9B;
	font-weight: 300;
	font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;
}

.gform_wrapper .gform_heading{
	display: none;
}

body .gform_wrapper ul.gform_fields li.gfield.demi{
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
	padding-right: 5px!important;
}

body .gform_wrapper ul.gform_fields li.gfield.demi + .demi{
	padding-left: 5px;
	padding-right: 0!important;
}

body .gform_wrapper ul li.gfield {
    margin-top: 10px!important;
}

body .gform_wrapper ul li.gfield:first-child{
	margin-top: 0!important
}

body .gform_wrapper ul li.gfield:not(:first-child) label:not(.gfield_consent_label), body .gform_wrapper .top_label div.ginput_container.ginput_container_consent{
	margin-top: 30px;
}

.gform_wrapper .gform_footer{
	text-align: center!important;
}

body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit], body .gform_wrapper .gform_page_footer input.button, body .gform_wrapper .gform_page_footer input[type=submit]{
	margin-right: 0!important;
	width: 100%!important;
	margin-bottom: 10px;
}

body .gform_wrapper .top_label .gfield_error, body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half), body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){
	width: 100%!important;
	max-width: 100%!important;
}

body .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0!important;
}

body .gform_wrapper .field_description_below .gfield_consent_description, body .gform_wrapper .gfield_consent_description {
    width: 100%;
    max-height: 10000em;
    overflow-y: visible;
    border: 0;
    margin-top: 12px;
    padding: 6px 24px;
    font-size: .688em;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #000;
	text-decoration: none;
}

a:focus {
	outline: none!important;
}

a:hover,
a:active {
	color: #EA088B;
	outline: 0;
}



/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/



/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

html,body{
	overflow-x: hidden;
}

body{
	opacity: 0;
	background: #fff;
	-webkit-transition: opacity 0.8s ease;
	-moz-transition: opacity 0.8s ease;
	-o-transition: opacity 0.8s ease;
	transition: opacity 0.8s ease;
	-webkit-font-smoothing: antialiased;
}

.wrapper{
	max-width: 1180px;
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 30px;
}

.wrap {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0 30px;
}

.wrapper.wrapper6{
	max-width: 900px;
}

.clear{
	clear: both;
}


a{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

ul.bxslider{
	list-style: none;
	margin: 0;
	padding: 0;
}

.wow{
	visibility: hidden;
}

p:last-child, ul:last-child{
	margin-bottom: 0;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/


.site-header {
	position: fixed;
	width: 100%;
	z-index: 1;
	background: white;
	top: 0;
	left: 0;
	height: 140px;
	z-index: 99;
	-webkit-transition: box-shadow 0.4s ease;
	-moz-transition: box-shadow 0.4s ease;
	-o-transition: box-shadow 0.4s ease;
	transition: box-shadow 0.4s ease;
}

.scrolled .site-header{
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}


.site-title{
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 591px){
	#masthead .site-title{
    position: absolute;
    bottom: 0;
    background: white;
    float: left;
    height: 120px;
    width: 150px;
    z-index: 9;
	}
}
.site-title a{
	display: block;
	width: 80px;
	height: 115px;
	background-size: contain;
	background-image: url(assets/images/logo-smm.svg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -999em;
	position: absolute;
	text-align: left;
	left: calc( 50% - 40px);
	top: 37%;
	transform: translate(0,-50%);
	opacity: 1;
}

.site-title a:hover{
	opacity: 0.7;
}

.headers{

}

.headerleft{
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 340px);
	text-align: right;
}

.headerleft .top{
	display: flex;
	line-height: 70px;
	padding-left: 120px;
	height: 70px;
}

.headerleft .top > *{
	display: inline-block;
	vertical-align: middle;
	padding: 0 12px;
	flex: auto;
    text-align: center;
}

.headerleft .top > *:first-child{
	flex: 10;
    text-align: right;
    padding-right: 34px;
}

.headerleft .top > *:not(:first-child){
	border-left: 1px solid #F4F4F4;
}

.headerleft .bot{
	display: block;
	height: 70px;
	background: #ffffff;
	text-align: right;
	padding-left: 150px;
}

.headerleft .bot > div{
	display: block;
	height: 100%;
}

.headerright{
	display: inline-block;
	vertical-align: top;
	line-height: 140px;
}

.top-menu, .social-menu, .big-menu, .main-menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

.top-menu li, .social-menu li, .main-menu > li{
	display: inline-block;
	vertical-align: middle;
}

.big-menu li{
	display: inline-block;
	vertical-align: top;
}

.top-menu li a{
	display: block;
	padding: 0 8px;
}



.top-menu li.current-menu-item a{
	color: #EA088B
}

#menu-top-1, #menu-top-2{
	text-transform: uppercase;
	font-size: 13px;
}

#menu-top-1 li a{
	display: inline-block;
	vertical-align: middle;
}

#menu-top-1 li:first-child:before{
	content: 'Professionnel ? ';
	color: #9B9B9B;
	display: inline-block;
	vertical-align: middle;
}

#menu-top-1 li a{
	font-weight: 700;
	text-decoration: underline;
	color: #0A7D71;
}

#menu-top-1 li a:hover{
	color: #EA088B;
}

#menu-top-2 li a{
	font-weight: 600;
}

#menu-top-3 li a{
	font-size: 20px;
}

.social-menu li a{
	display: block;
	padding: 0 8px;
	font-size: 18px;
}

.main-menu{
	display: flex;
    justify-content: center;
    height: 100%;
}

.main-menu > li{
	position: relative;
	flex: auto;
    text-align: center;
		background: #F4F4F4;

}

.main-menu > li:not(:first-child){
	border-left: 1px solid white;
}

.main-menu > li > a{
	text-transform: uppercase;
	font-weight: 500;
	font-size: 16px;
	display: flex;
    padding: 0 15px;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.main-menu > li > a > span{
	line-height: 1.2;
}

.main-menu > li > a:hover, .main-menu > li.current-menu-item > a{
	color: white;
	background: #1D1D1B;
}

.main-menu > li > ul{
	list-style: none;
	display: block;
	position: absolute;
	text-align: left;
	line-height: 2;
	min-width: 100%;
	background: #1D1D1B;
    white-space: nowrap;
    padding: 20px 50px;
    margin: 0;
    font-weight: 300;
    left: 50%;
    opacity: 0;
    top: -999em;
    -webkit-box-shadow: 0px 8px 13px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 8px 13px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 8px 13px 0px rgba(50, 50, 50, 0.1);
    transform:translate(-50%,10px);
    -webkit-transform:translate(-50%,10px);
    -webkit-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0.4s ease;
	-moz-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0.4s ease;
	-o-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0.4s ease;
	transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0.4s ease;
}

.main-menu > li:hover > ul.sub-menu{
	opacity: 1;
	top: 100%;
	transform:translate(-50%,0);
    -webkit-transform:translate(-50%,0);
    -webkit-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0s ease;
	-moz-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0s ease;
	-o-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0s ease;
	transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0s ease;
}



.main-menu > li > ul > li a{
	color: white;
}

.main-menu > li > ul > li a:hover{
    color: #ea088b;
}

.demandedevis a{
  color: #ffffff!important;
}
.demandedevis a:hover{
  color: #ffffff!important;
}


.big-menu li a{
	display: block;
	color: white;
	font-weight: 300;
	text-align: center;
	width: 170px;
}

.big-menu li a:hover{
	background: #1D1D1B!important;
}

.big-menu li.rose a{
	background: #EA088B;
}

.big-menu li.marron a{
  background: #0A7D71;
  color: #3A3F3F;
}
.big-menu li.marron:hover a{
  color: white;
}

.big-menu li.gris a{
	background: #1D1D1B;
}

.big-menu li a span{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	text-transform: uppercase;
}

.big-menu li i{
	display: block;
	margin: 0 auto 15px;
	font-size: 28px;
}

.big-menu li b, .big-menu li strong{
	display: block;
}

.sousmenu{
	text-align: left;
	color: white;
	overflow: hidden;
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 100;
	opacity: 0;
	background: #1D1D1B;
    top: -999em;
    -webkit-box-shadow: 0px 8px 13px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    0px 8px 13px 0px rgba(50, 50, 50, 0.1);
	box-shadow:         0px 8px 13px 0px rgba(50, 50, 50, 0.1);
    transform:translate(0,10px);
    -webkit-transform:translate(0,10px);
    -webkit-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0.4s ease;
	-moz-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0.4s ease;
	-o-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0.4s ease;
	transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0.4s ease;
}

.sousmenu.opened{
	opacity: 1;
	top: 140px;
	transform:translate(0,0);
    -webkit-transform:translate(0,0);
    -webkit-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0s ease;
	-moz-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0s ease;
	-o-transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0s ease;
	transition: opacity 0.4s ease, transform 0.4s ease, top 0s 0s ease;
}

.termy{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	position: relative;
	padding: 50px 20px 50px 160px;

}

.termimg{
	position: absolute;
	left: 0;
	top: 0;
	width: 140px;
	height: 100%;
	background-repeat:no-repeat;
	background-position: center center;
    background-size: cover;
}

.termy a{
	color: white;
}

.termy a:hover, .termy a.active{
	color:  #ea088b;
}

.termy > a{
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid white;
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
}

.termy ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.termy ul li{
	display: block;
}

.termy ul.double li{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.page-id-11 #main{
	background: #1D1D1B;
    color: white;
}

.page-id-11 #main .bloc:last-child{
	margin-bottom: 0;
	padding-bottom: 50px;
}

.site-content {
	margin-top: 140px;
	min-height: 100px;
}

a.bouton{
	display: inline-block;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
	padding: 24px 50px;
	background: #0A7D71;
	color: #fff;
}

a.bouton:hover{
	background: #1D1D1B;
	color: white;
}

a.bouton.vert{
	background: #ea088b;
}

a.bouton.vert:hover{
	background: #1D1D1B;
}

a.bouton.marron{
	background: #B79279;
}

a.bouton.marron:hover{
	background: #1D1D1B;
}

a.bouton.gris{
	background: #616161;
}

a.bouton.gris:hover{
	background: #1D1D1B;
}

a.bouton.noir{
	background: #1D1D1B;
}

a.bouton.noir:hover{
	background: #EA088B;
}

a.bouton.blanc{
	background: white;
	color: #1D1D1B;
}

a.bouton.blanc:hover{
	background: #1D1D1B;
	color: white;
}

.adressyc{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
    text-align: left;
    padding-left: 12px;
    width: 100%;
}

.adressy p{
	margin: 0;
}
header .adressyc{
	z-index: 99;
	position: relative;
	padding-left: 60px;
}

/** Home page **/

.slidertop{
	position: relative;
	overflow: hidden;
	border-bottom: 10px solid #EA088B;
}

.ctap{
	width: 40%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ctap:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
}

.ctapcont{
	position: relative;
	z-index: 1;
	color: white;
	font-size: 25px;
    line-height: 1.2;
    font-weight: 300;
    padding: 120px 30px;
    text-align: center;
}

.ctap a.bouton{
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: 30px;
	transform: translate(-50%,0);
}

.slidertopcont{
	width: 60%;
	float: right;
}

.slidertop li{
	line-height: 450px;
	height: 450px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
    text-align: right;
    overflow: hidden;
}



.slidertop ul li .fond{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	animation-name: scalee;
    -webkit-animation-name: scalee;
    animation-duration:20s;
    -webkit-animation-duration: 20s;
    transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.slidertop li .descri{
	display: inline-block;
	vertical-align: middle;
	z-index: 3;
	position: relative;
	line-height: normal;
	right: 50px;
	width: 40%;
	padding: 70px 0;
	text-align: left;
	opacity: 0;
	transform: translate(20px,0);
	-webkit-transform: translate(20px,0);
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.slidertop li .descri a.bouton{
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(-50%,50%);
}

.slidertop.loadedd li .descri{
	opacity: 1;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

.slidertop li .slidelink{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.slidertop li .descri .txt{
	font-size: 32px;
	font-weight: 500;
	margin: 0;
	padding: 0;
    text-transform: uppercase;
    line-height: 1.3;
    color: #EA088B;
}

.slidertop li .descri .txt strong, .slidertop li .descri .txt b{
	color: #1D1D1B;
}

.homeintro{
	padding: 80px 0 90px;
	position: relative;
	text-align: center;
}

.homeintro:before{
	content: '';
	display: block;
	width: 1px;
	height: 45px;
	top: 0;
	left: 50%;
  background: #ea088b;
	position: absolute;
}

.homeintrol{
	width: 40%;
	float: left;
}

.ctasecondaire{
	position: relative;
}

.ctasecondaire h3{
	text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.02em;
    font-size: 19px;
}

.ctasecondaire h3 + a:not(:last-child){
	display: block;
}

.ctasecondaire h3 + a img{
	display: block;
	width: 100%;
}

.ctasecondaire a.bouton{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,50%);
	white-space: nowrap;
}

.ctasecondaire + .ctasecondaire{
	margin-top: 75px;
}

.homeintror{
	width: 60%;
	float: left;
	padding-left: 30px;
}

#map{
	display: block;
	width: 100%;
	height: 400px;
	margin-top: 40px;
}
.homeintror h1{
	color:  #ea088b;
}
.homeintror > .introtitre{
	text-align: left;
	color: #0A7D71;
	margin-bottom: 5px;
}

.homeintro .homeintror .left{
	width: 100%;
	padding: 0;
}

.projet{
	background: #f5f5f5;
}

.projet.vide{
	background: white;
	margin-bottom: 40px;
}

.projet.vide:last-child{
	margin-bottom: 70px;
}

.projetcont{
	margin-top: 75px;
}

/*
.projet.vide .projetcont .wrapper{
	display: none;
}
*/

.ctasl{
	width: 40%;
	float: left;
	padding-right: 15px;
	text-align: center;
}

.ctasl .cta-video a.bouton{
	transform: translate(0,-50%);
}

.ctasr{
	width: 60%;
	float: right;
	padding-left: 15px;
}

.ctasr .cta{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	text-align: center;
	margin-bottom: 30px;
}

.cta-video > a:first-child{
	position: relative;
	display: block;
	color: white;
}

.cta-video > a:first-child:hover{
	color: #EA088B;
}

.ctasr .cta:hover > a:last-child{
	color: #EA088B;
}

.cta-video > a:first-child img{
	display: block;
	width: 100%;
}

.cta-video > a:first-child i{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
    font-size: 45px;
}

.catimg{
	display: block;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0 auto 20px;
	border: 1px solid #eee;
}

.projetcont > .wrapper > a.bouton{
	position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,50%);
}

.projetcont > .wrapper{
	padding-bottom: 35px;
}

.actualites{
	padding: 75px 0 50px;
}

.actualites .wrapper > h2{
	text-align: center;
	text-transform: uppercase;
	font-size: 23px;
	margin-top: 55px;
}

.introtitre{
	text-align: center;
	font-size: 28px;
	line-height: 1.3;
	font-weight: 700;
	color: #1D1D1B;
	padding: 0;
	margin: 0 0 40px;
}

.introtitre span{
	color: #0A7D71;
	font-weight: 500;
}

.left{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-right: 20px;
}

.right{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding-left: 20px;
}

.homeintro .left, .homeintro .right{
	text-align: left;
}

.introlink{
	margin-top: 50px;
	text-align: center;
}

.souhaits{
	padding: 0 0 50px;
	background: #F4F4F4;
}

.souhait{
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	cursor: pointer;
}

.souhaitimg{
	display: block;
	width: 100%;
	height: 240px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.souhaitc{
	padding: 0 30px;
}

.souhaitcont{
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-top: -50px;
	padding: 30px 0;
	-webkit-transition: background 0.4s ease,  transform 0.4s ease,  color 0.4s ease;
    -moz-transition: background 0.4s ease,  transform 0.4s ease,  color 0.4s ease;
    -o-transition: background 0.4s ease,  transform 0.4s ease,  color 0.4s ease;
    transition: background 0.4s ease,  transform 0.4s ease,  color 0.4s ease;
    box-shadow: 20px 20px 50px rgba(0,0,0,0.1);
}

.souhaitcont h3{
	font-size: 20px;
	line-height: 1.2;
	margin-bottom: 15px;
	padding: 0;
	font-weight: 300;
}

.souhait:not(:hover) .souhaitcont{
	background: white!important;
}

.souhait:hover .souhaitcont{
	transform: translate(0,-30px);
	color: white;
}

.souhait:hover .souhaitcont a.link{
	color: white!important;
}

a.link{
	position: relative;
	padding-left: 26px;
}

a.link:hover{
	padding-left: 35px;
}

a.link:before{
	content: '\f178';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	line-height: 1;
    font-size: 20px;
}

.homeprodss{
	padding: 50px 0 40px;
	background: #f4f4f4;
}

.homeprods h2{
	font-size: 30px;
	padding: 0;
	margin: 0 0 30px;
	line-height: 1.2;
	font-weight: 300;
}

.homeprods h2 em{
	font-style: normal;
	color: #EA088B;
}

.homeprodstop{
	position: relative;
}

.homeprodstop > a.bouton{
	position: absolute;
	right: 0;
	top: 0;
}

.homeprods ul{
	list-style: none;
	margin: 0 -10px;
	padding: 0;
}

.homeprods ul li{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 10px;
	text-align: center;
}

.homeprods ul li a{
	display: block;
	background: white;
	height: 100%;
	padding: 20px;
}

.homeprods ul li a:hover{
	background: #EA088B;
	color: white;
}

.homeprods ul li h3, .categorieav h3{
	font-weight: 300;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;

}

.homeprods ul li .ico{
	display: inline-block;
	width: 90px;
	height: 90px;
	position: relative;
	margin-bottom: 12px;
}

.homeprods ul li .ico span{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	opacity: 0;
}

.homeprods ul li .ico span.normal{
	opacity: 1;
}

.homeprods ul li a:hover .ico span.normal{
	opacity: 0;
}

.homeprods ul li a:hover .ico span.hover{
	opacity: 1;
}

.homecategos{
	position: relative;
	padding: 0 0 40px;
}

.homecategos:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 90px;
	background: #f4f4f4;
}

.categoriesav{
	margin: 0 -10px;
	position: relative;
	z-index: 1;
}

.categorieav{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 10px;
}

.imgcatego{
	display: block;
	position: relative;
	width: 100%;
	height: 375px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.imgcatego a{
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
}

.imgcatego a:hover{
	background: rgba(0,0,0,0.3);
}

.imgcatego a i{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: white;
	font-size: 65px;
}

.categotxt{
	position: relative;
	padding: 15px 50px 0;
}

.categotxt:before{
	content: '';
	display: block;
	width: 9px;
	height: 64px;
	position: absolute;
	left: 20px;
	bottom: 0;
	background: #EA088B;
}

.reassurances {
  background: #EA088B;
  color: white;
  padding: 30px 0;
  text-align: center;
}

.reassurancess{
	margin: 0 -30px;
}

.reassurance{
	display: inline-block;
	vertical-align: top;
	padding: 30px;
	width: 25%;
	font-weight: 300;
}

.reassurance i{
	margin-bottom: 20px;
    font-size: 45px;
}

.reassurance h3{
	line-height: 1.3;
	padding-top: 0;
	font-size: 18px;
	font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;
}

.projetop{
	background: #0A7D71;
	padding: 20px 0;
}

.projetop h2{
	font-size: 30px;
	padding: 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	width: 34%;
}

.projetop h2 b{
	color: white;
}

.projetop .projetopintro{
	display: inline-block;
	vertical-align: middle;
	width: 66%;
	position: relative;
	font-size: 16px;
}

.projetop .projetopintro:after{
	content: '';
	display: block;
	width: 1000%;
	height: calc(100% + 120px);
	position: absolute;
	left: -60px;
	top: -60px;
	background: white;
	box-shadow: 20px 20px 50px rgba(0,0,0,0.2);
}

.projetopintroo{
	position: relative;
	z-index: 1;
}

.etapes{
	display: inline-block;
	vertical-align: top;
	width: 52%;
}

.etapes{
	display: inline-block;
	vertical-align: top;
	width: 55%;
	padding-bottom: 150px;
}

.etape{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	position: relative;
	padding: 50px 60px 0;
    z-index: 2;
}

.etape:nth-of-type(2), .etape:nth-of-type(4){
	margin-top: 100px;
}

.etape .chiffre{
	position: absolute;
	color: #F4F4F4;
	font-size: 100px;
	font-weight: 700;
	z-index: -1;
    left: 20px;
    top: -15px;
    line-height: 1;
}

.etape h3{
	padding: 0;
	margin: 0 0 15px;
	line-height: 1.3;
}

.projetimg{
	display: inline-block;
	vertical-align: top;
	width: 45%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	transform: translate(0,40px);
    z-index: 1;
}

.projetimg a{
	position: absolute;
	left: -50px;
	bottom: 80px;
}

.parlz{
	background: #F4F4F4;
	padding: 75px 0 50px;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 0;
}


.parlz h3.titrage{
	font-weight: 900;
	font-size: 30px;
	padding: 0;
    margin: 0 0 50px;
    text-align: left;
}

.parlz .owl-dots{
	display: none;
}

.owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.owl-item{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
}

.pubimg{
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	height: 200px;
	background-color: #ffffff;
    background-position: center center;
    background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	border-radius: 50%;
}

.pubinfos{
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 200px);
	padding: 20px 40px;
	text-align: left;
}

.pube .pubinfos{
	padding-right: 0;
}

.parlz .owl-carousel{
	padding: 0 80px;
	margin-bottom: 40px;
}


.pubcont{
	margin-bottom: 20px;
}

.pubinfos > p.nom{
	font-weight: 700;
	font-size: 16px;
	margin: 0;
}

.pubinfos > p.ville{
	font-size: 16px;
	margin: 0;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
	background: transparent!important;
	font-size: 36px!important
}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{
	color: #E5007E;
}

.owl-carousel .owl-nav button.owl-next{
	right: 0;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}

.owl-carousel .owl-nav button.owl-prev{
	left: 0;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}

/** En-tete pages **/

.pagetop{
	padding: 60px 0 40px;
	position: relative;
	overflow: hidden;
	color: white;
	background: #EA088B;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
}

.pagetop.imgg{
	padding: 0;
	line-height: 250px;
}

.pagetop.imgg:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	top: 0;
}

.pagetop p.h1, .pagetop h1{
	display: inline-block;
	vertical-align: middle;
	font-size: 25px;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	font-weight: 300;
	text-transform: uppercase;
}

.pagetop .wrap, .pagetop .wrapper{
	z-index: 1;
}

.pagetop .breadcrumbs{
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	padding: 20px 0;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 300;
	text-align: left;
	line-height: 1;
}

.pagetop .breadcrumbs a{
	color: white;
}

.pagetop .breadcrumbs a:hover{
	color: #EA088B;
}

/** Textes **/

.txt h1{
	font-size: 32px;
	font-weight: 900;
	color: #0A7D71;
	text-transform: uppercase;
}

.txt h2{
	font-size: 27px;
	color: #EA088B;
}

.txt h3{
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;
}

.txt h4{
	font-size: 22px;
		font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;
		font-weight: 500;
}

.txt h5{
	font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 18px;
}

.txt h6{
	font-size: 15px;
	text-transform: uppercase;
}

.txt ul, .txt ol{
	padding-left: 18px;
}
.colonnes .txt h3 {
	color: #ea088b!important;
}
/** blocs **/

.bloc{
	margin-top: 50px;
}

.bloc:last-child{
	margin-bottom: 50px;
}

.bloc .left{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-right: 10px;
}

.bloc .right{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}

.sepa{
	display: block;
	width: 100%;
	height: 1px;
	background: #E3E3E3;
}

.bloc-titre .wrapper > *{
	font-size: 27px;
	font-weight: 700;
	color: #EA088B;
	margin: 0;
	padding: 0;
	line-height: 1.3;
}

.bloc-image_seule img, .bloc-double_images img, .bloc-image_texte img{
	display: block;
	width: 100%;
}

.bloc-video iframe{
	margin-bottom: 0;
	display: block;
	width: 100%;
}

p.legende{
	font-size: 10px;
    padding-top: 8px;
    font-weight: 300;
    letter-spacing: 0.05em;
    color: #919294;
}

.bloc-galerie ul{
	list-style: none;
	margin: 0 -10px;
	padding: 0;
	text-align: left;
}

.bloc-galerie ul li{
	display: inline-block;
	width: 33.33%;
	padding: 10px;
	vertical-align: middle;
}

.bloc-galerie ul li img{
	display: block;
	width: 100%;
}

.bloc-galerie ul li a{
	display: block;
	position: relative;
}

.bloc-galerie ul li a:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(236, 0, 140, 0.5);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.bloc-galerie ul li a:hover:after{
	opacity: 1;
}

.bloc-boutons{
	text-align: center;
}

.bloc-boutons a{
	margin: 5px;
}

.bloc-icones{
	color: white;
	background: #1D1D1B;
	padding: 40px 0;
}

.bloc-icones .icones{
	margin: 0 -25px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.3;
	text-align: center;
}

.bloc-icones .icone{
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	padding: 25px;
}

.bloc-icones i{
	font-size: 45px;
	margin: 0 auto 25px;
}

.tablo .col{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #0A7D71;
}

.tablo{
	position: relative;
	background: white;
}

.tablo:after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: inherit;
	left: 0;
	bottom: 0;
	position: absolute;
}

.tablo.deux .col{
	display: block;
	width: 50%;
	float: left;
}

.tablo.deux .col1{
	width: 66.66%;
}

.tablo.deux .col2{
	width: 33.33%;
}

.tablo.trois .col{
	display: block;
	width: 33.33%;
	float: left;
}

.tablo.quatre .col{
	display: block;
	width: 25%;
	float: left;
}


.tablo .col em{
	font-style: normal;
	font-size: 12px;
	color: #0A7D71;
	line-height: 1.4;
    display: block;
}

.tablo .col p:not(:last-child){
	margin-bottom: 10px;
}

.tablo .col1{
	padding-right: 15px;
	border-right: 1px solid #0A7D71;
}

.tablo .col2{
	margin-left: -1px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #0A7D71;
	border-right: 1px solid #0A7D71;
}

.tablo .col3{
	margin-left: -1px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #0A7D71;
	border-right: 1px solid #0A7D71;
}

.tablo.deux .col2{
	border-right: 0;
	padding-right: 0;
}

.tablo.trois .col3{
	margin-left: -1px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #0A7D71;
}

.tablo .col4{
	margin-left: -1px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #0A7D71;
}

.tablo .titr.col{
	color: #0A7D71;
	font-weight: 700;
}

.bloc-logos p.h3, .bloc-articles_blog p.h3{
	font-size: 30px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

.tablo.colortxt .titr.col{
	color: inherit!important;
}

.tablo.colortxt .col{
	border-color: inherit!important;
}

.bloc-logos img{
	display: block;
	max-width: 200px;
}

.partiz{
	margin: 0 -18px;
	text-align: center;
}

.party{
	display: inline-block;
	vertical-align: middle;
	padding: 18px;
}

.bloc-logos .logo {
    display: inline-block;
    vertical-align: middle;
    width: 260px;
    height: 260px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 70%;
    position: relative;
}

.bloc-formulaire{
	padding: 50px 0;
	background: #F4F4F4;
}

.bloc.bloc-formulaire:first-child, .bloc.bloc-icones:first-child{
	margin-top: 0;
}

.bloc.bloc-formulaire:last-child, .bloc.bloc-icones:last-child{
	margin-bottom: 0;
}

.bloc.fond + .bloc-formulaire, .bloc.fond + .bloc-icones{
	margin-top: 0;
}

.bloc-code{
	margin: 0;
}

.bloc-code.masque{
	display: none;
}

.colonnes{
	display: flex;
	margin: 0 -10px;
}

.colonnes.middle{
	align-items: center;
}

.colonne{
	flex: 1;
	padding: 0 10px;
}

.elem-image img{
	display: block;
	width: 100%;
}

.elem + .elem{
	margin-top: 25px;
}

.center .elem{
	text-align: center;
}

.colonnes.trois .elem-bouton a.bouton{
	display: block;
	text-align: center;
}

.bloc-timeline ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.bloc-timeline ul:before{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	content: "\f111";
	color: #EA088B;
	position: absolute;
	left: 50%;
	top: -8px;
    margin-left: -6px;
    font-size: 15px;
}

.bloc-timeline ul:after{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	content: "\f0d7";
	color: #EA088B;
	position: absolute;
	left: 50%;
	bottom: -15px;
    font-size: 27px;
    line-height: 1;
    margin-left: -7px;
}

.bloc-timeline ul li{
	display: block;
	position: relative;
	padding: 20px 0;
	text-align: center;
}

.bloc-timeline ul li:after{
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #EA088B;
	position: absolute;
	left: 50%;
	top: 0;
}

.bloc-timeline ul li .date{
	width: 49%;
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	padding-right: 40px;
	position: relative;
}

.bloc-timeline ul li .date:after{
	content: '';
	display: block;
	height: 1px;
	width: 46px;
    position: absolute;
    right: -3px;
	top: 50%;
	background: #EA088B;
}

.bloc-timeline ul li:nth-of-type(even) .date{
	text-align: left;
	padding-right: 0;
	padding-left: 40px;
}

.bloc-timeline ul li:nth-of-type(even) .date:after{
	right: auto;
	left: 0;
}

.bloc-timeline ul li .date > span{
	display: inline-block;
	width: 120px;
	height: 120px;
	color: white;
/* 	border-radius: 50%; */
	background: #EA088B;
	text-align: center;
	line-height: 120px;
	font-size: 20px;
	letter-spacing: 0.075em;
	font-weight: 500;
}

.bloc-timeline ul li .date > span > span{
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	line-height: 1;
}



.bloc-timeline ul li .descri{
	width: 49%;
	display: inline-block;
	vertical-align: middle;
	padding-left: 40px;
	text-align: left;
}

.bloc-timeline ul li:nth-of-type(even) .descri{
	padding-left: 0;
	padding-right: 40px;
	text-align: right;
}

.bloc-titre.fond .wrapper > *, .bloc.fond .txt > *, .bloc.fond p.legende{
	color: inherit;
}

.bloc.fond{
	padding-top: 50px;
	padding-bottom: 50px;
}

.bloc.fond.nopadding{
	padding-top: 0;
}

.bloc.fond:first-child, .bloc-categories_de_produits:first-child, #bloc1.bloc-categories_de_produits, .bloc-produits:first-child, #bloc1.bloc-produits{
	margin-top: 0;
}

.bloc.fond:last-child, .bloc-categories_de_produits:last-child, .bloc-produits:last-child{
	margin-bottom: 0;
}

.bloc-categories_de_produits + .bloc-categories_de_produits{
	margin-top: 0;
}

.bloc-categories_de_produits + .bloc.fond, .bloc-produits + .bloc.fond, .bloc.fond + .bloc.fond {
	margin-top: 0;
}


/** actus **/

.archy{
	padding: 70px 0;
}

.sousmen{
	padding: 0 0 40px;
}

.sousmen ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.sousmen ul li{
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
}

.sousmen ul li:first-child{
	border-right: 1px solid #0A7D71;
	padding: 0 20px 0 0;
}

.sousmen ul li:first-child + li{
	padding: 0 10px 0 20px;
}

.sousmen ul li a{
	font-size: 15px;
	line-height: 16px;
	font-weight: 300;
}

.sousmen ul li a:hover{
	color: #0A7D71;
}

.sousmen ul li a span{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border: 2px solid #ea088b;
	border-radius: 50%;
	margin: -3px 8px 0 0;
}

.sousmen ul li a.active{
	font-weight: 700;
}

.sousmen ul li a.active span{
	background: #ea088b;
}

.single .sousmen{
	background: #ea088b;
	text-align: center;
	padding: 18px 0;
	color: white;
}

.single .sousmen a{
	color: white;
}

.single .sousmen i{
	margin-right: 5px;
}

.single .sousmen div{
	display: inline-block;
	vertical-align: middle;
}

.single .sousmen a.back{
	margin: 0 40px 0 0;
	font-weight: 300;
}

.single .sousmen a.back:hover{
	color: #1D1D1B;
}

.single .sousmen .date{
	border-left: 1px solid white;
	padding-right: 30px;
	padding-left: 40px;
	font-weight: 300;
}

.single .sousmen .tags{
	font-weight: 300;
}

.single .sousmen .tags span + span{
	margin-left: 10px;
}

ul.posts{
	list-style: none;
	margin: 0 -10px;
	padding: 0;
}

ul.posts li{
	display: block;
	width: 33.33%;
	float: left;
	padding: 10px;
	position: relative;
}

ul.posts li:after{
	content: '';
	display: block;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	position: absolute;
	z-index: -1;
	left: 10px;
	top: 10px;
	background: #1D1D1B;
	-webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;
}

.blogimg{
	display: block;
	width: 100%;
	height: 180px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	background: #EEE;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.blogimg a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.bloginfos{
	display: block;
	margin: 0 auto;
	width: 100%;
	background: #1D1D1B;
	color: white;
    padding: 30px 30px 66px;
    font-weight: 400;
    -webkit-transition: background 0.4s ease;
	-moz-transition: background 0.4s ease;
	-o-transition: background 0.4s ease;
	transition: background 0.4s ease;
	z-index: 1;
    position: relative;
}

ul.posts li:hover .bloginfos, ul.posts li:hover:after{
	background: #ea088b;
}

p.date{
	font-size: 13px;
	margin: 0 0 15px;
    letter-spacing: 0.06em;
}

p.date i{
	margin-right: 3px;
    font-size: 17px;
    vertical-align: text-top;
}

.bloginfos h3{
	font-size: 18px;
	font-weight: 600;
	padding: 0;
    margin: 0;
		font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;

}

a.lls{
	color: white;
	font-size: 13px;
    letter-spacing: 0.02em;
    margin: 0;
    display: block;
    position: absolute;
    left: 40px;
    bottom: 40px;
    z-index: 3;
}

a.lls i{
	margin-right: 5px;
	-webkit-transition: margin-right 0.4s ease;
	-moz-transition: margin-right 0.4s ease;
	-o-transition: margin-right 0.4s ease;
	transition: margin-right 0.4s ease;
}

a.lls:hover i{
	margin-right: 10px;
}

.blogex{
	font-size: 13px;
    letter-spacing: 0.02em;
    line-height: 1.4;
    margin-top: 15px;
}

.navigation{
	margin: 30px 0 0;
    padding: 30px 0 0;
    border-top: 1px solid #E5E5E5;
    text-align: right;
    font-size: 13px;
    font-weight: 500;
    flex: 100%;
}

.page-numbers{
	display: inline-block;
	width: 27px;
    height: 27px;
    text-align: center;
    line-height: 28px;
	vertical-align: middle;
	border: 1px solid white;
}

.page-numbers.current{
	border: 1px solid #1D1D1B;
	border-radius: 50%;
}

.page-numbers.next, .page-numbers.prev{
	font-size: 16px;
	line-height: 26px;
	position: relative;
	font-weight: 300;
}

.page-numbers.prev:before{
	content: '\f177';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.page-numbers.next:before{
	content: '\f178';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.shar{
	text-align: center;
	margin: 50px 0;
    padding-top: 20px;
}

.shar p.h4{
	font-weight: 700;
	font-size: 20px;
	color: #a7a7a7;
}

.shar a{
	font-size: 24px;
    margin: 0 10px;
}

/** Archive temoignages **/

.post-type-archive-temoignage .parlz {
    background: #ececec;
    padding: 75px 0;
}

.post-type-archive-temoignage .parlz .wrapper6 > div + div{
	margin-top: 30px;
}


/** produits **/

.bloc + .maincat{
	margin-top: 50px;
}

.maincat{
	padding: 50px 0;
}

.maincat:nth-of-type(odd){
	background: #F4F4F4;
}

.maincat h2{
	font-size: 24px;
	font-weight: 300;
	padding: 0;
	margin: 0 0 30px;
}

.maincat ul{
	list-style: none;
	margin: 0 -10px;
	padding: 0;
}

.maincat ul li{
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 10px;
}

.maincat ul li a{
	display: block;
}

.termimage{
	display: block;
	width: 100%;
	height: 180px;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #d4d4d4;
}

.maincat ul li span{
	display: block;
	width: calc(100% - 40px);
	margin: -20px auto 0;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	line-height: 1.2;
	padding: 20px 10px;
	background: #F4F4F4;
	-webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

.maincat:nth-of-type(odd) ul li span{
	background: white;
}

.maincat ul li a:hover{
	color: white;
}

.maincat ul li a:hover span{
	background: #EA088B!important;
}

.tax-categorie .sousmen{
	background: #1D1D1B;
	text-align: center;
	padding: 18px 0;
	color: white;
}

.tax-categorie .sousmen ul{
	text-align: center;
}

.tax-categorie .sousmen ul li{
	padding: 0 20px;
}

.tax-categorie .sousmen ul li:first-child {
    border-right: 0;
    padding: 0 20px;
}

.tax-categorie .sousmen ul li:first-child + li{
	padding: 0 20px;
}

.tax-categorie .sousmen a{
	color: white;
}

.tax-categorie .sousmen ul li a:hover {
    color: #EA088B;
}

.produitz{
	padding: 70px 0;
	background: #F4F4F4;
}

.bloc + .produitz{
	margin-top: 50px;
}

.produitz ul{
	list-style: none;
	margin: 0 -10px;
	padding: 0;
}

.produitz ul li{
	display: block;
	width: 33.33%;
	float: left;
	padding: 10px;
	position: relative;
}

.produitz ul li:after {
    content: '';
    display: block;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    z-index: -1;
    left: 10px;
    top: 10px;
    background: #fff;
    -webkit-transition: background 0.4s ease;
    -moz-transition: background 0.4s ease;
    -o-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

.produitz ul li .blogimg{
	height: 240px;
}

.produitz ul li .bloginfos{
	background: white;
	color: #1D1D1B;
	padding-bottom: 80px;
	font-size: 14px;
}

.produitz ul li .bloginfos h3{
	font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: #ea088b;
    font-weight: 700;
}

.produitz ul li a.bouton{
	padding: 15px 0;
    text-align: center;
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 1;
    width: calc(100% - 20px);
    font-size: 13px;
}

.produitz ul li a.bouton i{
	margin-right: 10px;
    font-size: 20px;
    vertical-align: middle;
}

/** map **/

.wpsl-search, #wpsl-wrap {
    margin-bottom: 0;
}

#wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap, #wpsl-search-wrap div {
    display: inline-block;
    vertical-align: middle;
}

#wpsl-search-btn, #wpsl-search-wrap div{
	float: none;
}

#wpsl-search-wrap form{
	text-align: center;
}

.wpsl-search {
    margin-bottom: 0;
    padding: 18px 0;
    background: #E5E5E5;
    position: absolute;
    left: 0;
    top: -81px;
    width: 100%;
}

#wpsl-search-wrap .wpsl-input{
	margin: 0;
}

#wpsl-search-wrap .wpsl-input label {
    margin-right: 0;
    display: none;
}

#wpsl-search-wrap .wpsl-input input{
	display: block;
	border: 0;
    border-radius: 0;
    width: 330px!important;
}

#wpsl-search-wrap div.wpsl-input > div{
	display: none;
}

#wpsl-search-wrap div.wpsl-search-btn-wrap{
	margin: 0 0 0 -4px;
}

#wpsl-gmap{
	width: 67%;
	float: left;
}

#wpsl-result-list {
    width: 33%;
    margin-right: 0;
    float: right;
}

#wpsl-search-wrap input#wpsl-search-btn{
	border-radius: 0;
	padding: 0;
	line-height: 45px;
	border: 0;
	margin: 0;
	width: 50px;
	color: white;
	font-size: 13px!important;
	text-transform: uppercase!important;
	background: #0A7D71;
	letter-spacing: 0;
}

#wpsl-search-wrap input#wpsl-search-btn:hover{
	background: #1D1D1B;
}

body #wpsl-stores, body #wpsl-direction-details, body #wpsl-gmap{
	height: 100%!important
}

#wpsl-wrap{
	margin-top: 81px;
	overflow: visible;
}

.total{
	background: #1D1D1B;
	color: white;
	margin: 0;
	padding: 16px 15px 14px!important;
	line-height: 1;
	font-size: 13px;
	font-weight: 500;
}

body #wpsl-result-list .wpsl-contact-details span {
    display: inline!important;
}

#wpsl-result-list a.bouton{
	padding: 10px 25px;
    font-size: 13px;
		    font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif;
}

#wpsl-result-list li p:first-child{
	margin-bottom: 15px;
	font-size: 13px;
}

#wpsl-result-list li p:first-child strong{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	color: #EA088B;
	display: block;
    margin: 0 0 7px;
}

/** Devis **/

.bloc.bloc-formulaire:last-child:first-child{
	background: white;
}

body .gform_wrapper .gf_page_steps {
    width: 100%;
    margin: 0 0 60px;
    padding: 0;
    border-bottom: 0;
    text-align: center;
}

body .gform_wrapper .gf_step {
    margin: 0;
    padding: 0 100px;
    height: auto;
    font-size: 0;
    position: relative;
    opacity: 1;
    z-index: 0;
}

body .gform_wrapper .gf_step:first-child:after{
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	background: #979797;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -2;
}

body .gform_wrapper .gf_step:not(:first-child):not(:last-child):before{
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	background: #979797;
	position: absolute;
	right: 50%;
	top: 50%;
	z-index: -2;
}

body .gform_wrapper .gf_step:not(:first-child):not(:last-child):after{
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	background: #979797;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -2;
}

body .gform_wrapper .gf_step:last-child:before{
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	background: #979797;
	position: absolute;
	right: 50%;
	top: 50%;
	z-index: -2;
}

body .gform_wrapper .gf_step span.gf_step_number {
    font-size: 20px;
    font-family: 'Poppins', arial,sans-serif;
    margin-right: 0;
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #979797;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    background: white;
}

body .gform_wrapper .gf_step.gf_step_active span.gf_step_number{
	color: white;
	background: #EA088B;
}

body .gform_wrapper ul.gform_fields li.gfield.gsection{
	margin: 0 0 20px;
    text-align: center;
    padding: 0 0 20px;
    text-transform: uppercase;
    border-color: #D8D8D8;
}

body .gform_wrapper ul.gform_fields li.gfield.gsection h2{
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.1em!important;
}

body .gform_wrapper .devis .gform_page_footer input.button{
	width: auto!important;
}

body .gform_wrapper .gform_page_footer {
    margin: 40px 0 0;
    width: 100%;
    border-top: 0;
    padding: 16px 0 0;
    clear: both;
    text-align: center;
}

body .gform_wrapper .devis #gform_page_2_1 ul.gfield_radio, body .gform_wrapper .devis #gform_page_2_2 ul.gfield_checkbox{
	text-align: center;
	margin: 0 -10px;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% + 20px);s
}

body .gform_wrapper .devis #gform_page_2_1 ul.gfield_radio li{
	display: inline-block;
	width: 33.33%;
	padding: 10px!important;
	vertical-align: middle;
}

body .gform_wrapper .devis #gform_page_2_1 ul.gfield_radio li label{
	margin: 0;
	text-align: center;
	display: block;
	max-width: 100%;
	color: white;
	background: #1D1D1B;
	font-size: 19px;
    line-height: 1.2;
    text-transform: none;
    font-weight: 700;
    padding: 45px 18px;
    height: 100%;
}

body .gform_wrapper .devis #gform_page_2_1 ul.gfield_radio li input[type=radio]:checked+label {
	background: #B79279;
}

body .gform_wrapper .devis #gform_page_2_1 ul.gfield_radio li input[type=radio]{
	display: none;
}

body .gform_wrapper .devis #gform_page_2_2 ul.gfield_checkbox li{
	display: inline-block;
	width: 33.33%;
	padding: 10px!important;
	vertical-align: middle;
}

body .gform_wrapper .devis #gform_page_2_2 ul.gfield_checkbox li label{
	margin: -30px 0 0 15px;
    text-align: center;
    display: block;
    max-width: 100%;
    color: #1d1d1b;
    background: #F4F4F4;
    font-size: 18px;
    line-height: 1.2;
    text-transform: none;
    font-weight: 700;
    padding: 19px 20px;
    height: auto;
    width: calc(100% - 30px);
}

body .gform_wrapper .devis #gform_page_2_2 ul.gfield_checkbox li input[type=checkbox]:checked+label {
	background: #B79279;
	color: white;
}

body .gform_wrapper .devis #gform_page_2_2 ul.gfield_checkbox li input[type=checkbox]{
	display: none;
}

body .gform_wrapper .devis .gform_page_footer input.button:not(.gform_next_button):not(.gform_previous_button){
	background: #EA088B;
}

body .gform_wrapper .devis .gform_page_footer input.button:not(.gform_next_button):not(.gform_previous_button):hover{
	background: #1d1d1b;
}

.bloc.bloc-formulaire:last-child:first-child input[type="text"], .bloc.bloc-formulaire:last-child:first-child input[type="email"], .bloc.bloc-formulaire:last-child:first-child input[type="url"], .bloc.bloc-formulaire:last-child:first-child input[type="password"], .bloc.bloc-formulaire:last-child:first-child input[type="search"], .bloc.bloc-formulaire:last-child:first-child input[type="number"], .bloc.bloc-formulaire:last-child:first-child input[type="tel"], .bloc.bloc-formulaire:last-child:first-child input[type="range"], .bloc.bloc-formulaire:last-child:first-child input[type="date"], .bloc.bloc-formulaire:last-child:first-child input[type="month"], .bloc.bloc-formulaire:last-child:first-child input[type="week"], .bloc.bloc-formulaire:last-child:first-child input[type="time"], .bloc.bloc-formulaire:last-child:first-child input[type="datetime"], .bloc.bloc-formulaire:last-child:first-child input[type="datetime-local"], .bloc.bloc-formulaire:last-child:first-child input[type="color"], .bloc.bloc-formulaire:last-child:first-child textarea{
	background: #f4f4f4;
}

.termzimg{
	display: none;
}

ul.gfield_checkbox li .termimage{
	cursor: pointer;
}

#gform_page_2_3 .gform_page_footer{
	display: flex;
    flex-wrap: wrap;
}

#gform_page_2_3 .gform_page_footer input + input{
	flex: 1;
    margin: 0 0 0 15px;
}

.top_label div.ginput_complex.ginput_container.gf_name_has_2 input + label, .top_label div.ginput_complex.ginput_container.gf_name_has_3 input + label{
	margin-top: 5px!important;
    color: #b1b1b1!important;
    font-weight: normal!important;
    text-transform: capitalize!important;
}

body .gform_wrapper ul.gform_fields li.gfield.gsection:not(:first-child){
	margin-top: 80px!important;
}

body .noUi-target {
    background: #0A7D71;
    border-radius: 5px;
    border: 0;
    box-shadow: none;
    height: 10px;
}

body .noUi-handle:after, body .noUi-handle:before{
	display: none;
}

body .noUi-handle {
    border: 0;
    border-radius: 50%;
    background: #000;
    cursor: default;
    box-shadow: none;
    width: 24px!important;
    height: 24px!important;
}

body .slider-display span[class$='val-relation'] {
    margin: 15px 0 0;
}

body .noUi-tooltip {
    display: block;
    position: absolute;
    border: 0;
    border-radius: 0;
    background: #000;
    color: #fff;
    padding: 8px 25px;
    text-align: center;
    white-space: nowrap;
    font-size: 16px;
}

body .noUi-horizontal .noUi-tooltip{
	bottom: auto;
	top: 120%;
}

.gform_confirmation_message{
	text-align: center;
	font-weight: 700;
}

body img.gform_ajax_spinner {
 display: none !important;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

#colophon{
	background: #EA088B;
}

.footop{
	position: relative;
	padding: 60px 0 40px;
	color: white;
}

.footop p.h3{
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 14px;
}

.footop .logo {
    display: block;
    width: 190px;
    height: 130px;
    background-size: contain;
     background-image: url(assets/images/logo-smm-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -999em;
    position: absolute;
    text-align: left;
    left: 30px;
    top: 20px;
    opacity: 1;
}

.footop1{
	margin-bottom: 60px;
	padding-left: 25%;
}

.footop1 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.footop1 li{
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 15px;
	position: relative;
	text-align: center;
	flex: auto;
	padding: 20px 0;
}

.footop1 li + li{
	border-left: 1px solid white;
}

.footop1 li a{
	padding-left: 50px;
	position: relative;
	text-align: left;
	display: inline-block;
	line-height: 1.2;
}

.footop1 li i{
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	font-size: 30px;
}

.footop1 li a, .footop2 li a{
	color: white;
}

.footop1 li a:hover, .footop2 li a:hover{
	color: #1D1D1B;
}

.footop2 .footcol{
	display: inline-block;
	vertical-align: top;
}

.footop2 .footcol1{
	width: 25%;
	padding-right: 50px;
}

.sml_subscribe, .mc4wp-form-fields{
	position: relative;
}

.sml_submit, .mc4wp-form-fields button{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.sml_subscribe input[type="text"], .mc4wp-form-fields input[type="email"]{
	background: transparent;
	border: 0!important;
	border-bottom: 1px solid #fff!important;
	padding: 0 30px 7px 0!important;
	color: white;
	font-size: 14px;
	border-radius: 0!important;
}

.sml_submit:after{
	content: '\f178';
	font-family: 'Font Awesome 5 Pro';
	position: absolute;
	right: 0;
	top: 0;
	line-height: 25px;
    font-weight: 300;
    font-size: 18px;
}

#mc_embed_signup form{
	padding: 0!important;
}

.sml_emailinput, .mc4wp-form-fields input[type="email"]{
	padding-right: 45px!important;
}

.sml_submitbtn, .mc4wp-form-fields button{
	opacity: 1!important;
    position: absolute!important;
    z-index: 1!important;
    height: 100%!important;
    padding: 0!important;
    background: transparent!important;
    z-index: 1!important;
    font-size: 20px!important;
    line-height: 1!important;
    height: auto!important;
}

.sml_subscribe ::-webkit-input-placeholder, .mc4wp-form-fields ::-webkit-input-placeholder{
	color: #fff;
}

.sml_subscribe :-moz-placeholder, .mc4wp-form-fields :-moz-placeholder{
	color: #fff;
}

.sml_subscribe ::-moz-placeholder, .mc4wp-form-fields ::-moz-placeholder{
	color: #fff;
}

.sml_subscribe :-ms-input-placeholder, .mc4wp-form-fields :-ms-input-placeholder{
	color: #fff;
}

.footop2 .footcol2, .footop2 .footcol3, .footop2 .footcol4, .footop2 .footcol5, .footop2 .footcol6{
	width: 18.75%;
	padding-right: 10px;
}

.footop2 .footcol5{
	color: #1D1D1B;
}

.footop2 .footcol5 a{
	color: #1D1D1B;
}

.footop2 .footcol5 a:hover{
	color: #fff;
}

.footop2 .social-menu{
	margin-left: -5px;
}

.footer-menu{
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.footer-menu li{
	margin-bottom: 3px;
}

.sousfooter{
	color: white;
	background: #1D1D1B;
	font-size: 12px;
	padding: 40px 0;
}

.sousfooter .left, .sousfooter .right{
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}

.sousfooter .right{
	text-align: right;
}

.ssfooter-menu{
	list-style: none;
	margin: 0;
	padding: 0;
}

.ssfooter-menu li{
	display: inline-block;
	vertical-align: middle;
}

.ssfooter-menu li:not(:first-child):before{
	content: ' / ';
	margin-left: 4px;
}

.ssfooter-menu li a{
	color: white;
}

.ssfooter-menu li a:hover{
	color: #EA088B;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.search-no-results #main .bloc p{
	text-align: center;
}

body.search #content article + article{
	margin-top: 30px;
}

body.search #content article h3{
	margin-bottom: 0;
	color: #0A7D71;
}

body.search #content article h3 span{
	font-weight: 400;
	color: #1D1D1B;
}

body.search #content article h3 em{
	font-style: normal;
	color: #1D1D1B;
	font-weight: 300;
}

body.search #content article h3 em + em:before{
	content: ' / ';
}

body.search #content article p{
	font-size: 14px;
}

body.search .blogex{
	margin-top: 8px;
}

.recherche{
	position: fixed;
    left: 0;
    bottom: 0;
    z-index: 110;
    width: 100%;
    background: #EA088B;
    padding: 43px 0;
    transform: translate(0,100%);
    -webkit-transform: translate(0,100%);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.recherche.active{
	transform: translate(0,0);
    -webkit-transform: translate(0,0);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.recherche input[type=search]{
	background: transparent!important;
	border-bottom: 1px solid white;
	color: white;
	padding-left: 0!important;
    padding-right: 41px!important;
    font-weight: 300;
}

.recherche button{
	border: 0;
	padding: 0;
	position: absolute;
	right: 30px;
    top: 7px;
    font-size: 24px!important;
    background: transparent!important;
    color: white;
}

.recherche button:hover{
	color: #1e1e1e;
}

/* Placeholder text color -- selectors need to be separate to work. */
.recherche ::-webkit-input-placeholder {
	color: #fff;
	font-weight: 300;
}

.recherche :-moz-placeholder {
	color: #fff;
	font-weight: 300;
}

.recherche ::-moz-placeholder {
	color: #fff;
	font-weight: 300;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

.recherche :-ms-input-placeholder {
	color: #fff;
	font-weight: 300;
}

.hamburger{
	display: none;
	position: absolute;
    left: 0;
    top: 18px;
    line-height: 1;
    z-index: 2;
    width: 80px;
    text-align: center;
}

.colonnes.deux a.bouton, .colonnes.trois a.bouton, .colonnes.quatre a.bouton{
	display: block;
	width: 100%;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

.blocs > #wpsl-reset-map{
	display: none!important;
}

#wpsl-search-wrap div#wpsl-reset-map{
	margin-right: 0;
    margin-left: 10px;
    font-size: 20px;
    opacity: 0;
}

.col .titr{
	display: none!important;
}

/** Popup **/
#catalogue{
	display: none;
	max-width: 700px;
}
.popuptop{
	text-align: center;
	font-size: 18px;
    font-weight: 300;
}

.popuptop i{
	display: block;
	margin: 0 auto 15px;
    color: #EA088B;
    font-size: 50px;
}

.popuptop b, .popuptop strong{
	color: #EA088B;
}

.popupcont img{
	display: inline-block;
	vertical-align: middle;
	width: 40%;
}

.popupcont > div{
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	margin-left: -5px;
	padding-left: 15px;
	margin-bottom: 0;
	margin-top: 16px;
}

.popupcont .gform_wrapper input[type=text]{
	background: #EEE;
	padding: 12px!important;
}

.popupcont .gform_wrapper label{
	text-transform: none;
    margin: 9px 0 0!important;
}

.popupcont .gform_wrapper .gform_footer{
	margin: 0;
	padding-bottom: 0;
}

.popupcont .gform_wrapper .gform_footer input{
	margin: 0!important;
}

.viewall{
	margin: 30px 0 0;
    text-align: center;
}

.catdesc{
	background: #F4F4F4;
	padding: 40px 0;
}

.conteneur{
	display: block;
	width: 100%;
	position: relative;
}

.conteneur iframe{
	width: 100%;
	min-width: 100%;
	border: 0;
	margin: 0;
}

#main > .adressy .adressyc p.add em{
	display: none;
}

#main > .adressy .adressyc p.add span{
	display: block;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/


@media screen and (max-width: 1450px) {
	.top-menu li{
		text-align: center;
		line-height: 1.2;
	}
	#menu-top-1 li a, #menu-top-1 li:first-child:before{
		line-height: 1.2;
	}
	.headerleft .top > *:first-child{
		padding-right: 20px;
	}
	.slidertop li .descri .txt {
    	font-size: 30px;
    }
}

@media screen and (max-width: 1400px) {
	header .adressy p.add{
		display: none;
	}
	#main > .adressy .adressyc p:first-child{
		display: none;
	}
	#main > .adressy .adressyc {
	    font-size: 14px;
	    text-align: center;
	    padding-left: 10px;
		padding-right: 10px;
	    padding-top: 16px;
	    padding-bottom: 16px;
	    background: #eaeaea;
	}
}

@media screen and (max-width: 1250px) {
	.headerleft{
		width: calc(100% - 290px);
	}
	.adressyc{
		font-size: 13px;
	}
	#menu-top-1 li:first-child:before{
		display: none;
	}
	#menu-top-1, #menu-top-2{
		font-size: 12px;
	}
	.main-menu > li > a{
		font-size: 14px;
		padding: 0 10px;
	}
	.big-menu li a{
		width: 145px;
	}
	.slidertop li .descri .txt {
    	font-size: 28px;
    }
}

@media screen and (max-width: 1190px) {
	.footop1 {
    	margin-bottom: 50px;
    	padding-left: 160px;
    }
	.footop2 .footcol1{
	   width: 25%;
	   padding-right: 25px;
    }
	.footop2 .footcol2, .footop2 .footcol3, .footop2 .footcol4, .footop2 .footcol5{
	    width: 20%;
	    padding-right: 25px;
	}
	.footop2 .footcol6 {
	    width: 15%;
	    padding-right: 0;
	}
	.sousfooter{
		padding: 30px 0;
	}
	.slidertop li .descri .txt {
    	font-size: 26px;
    }
}

@media screen and (max-width: 1090px) {
	.headerleft {
    	width: calc(100% - 250px);
	}
	.adressyc {
    	font-size: 11px;
	}
	.site-title a{
		width: 60px;
    left: calc(50% - 30px);
    top: 52%;
	}
	.big-menu li a {
    	width: 125px;
    	font-size: 12px;
	}
	.termy{
		padding: 30px 20px 30px 160px;
	}
	.main-menu > li > a {
    	font-size: 13px;
    }
    .termy a{
	    font-size: 12px;
    }
    .termy > a{
	    font-size: 16px;
    }
    .headerleft .bot{
	    height: 50px;
	    padding-left: 135px;
    }
    .headerleft .top{
	    line-height: 50px;
	    height: 50px;
	    padding-left: 90px;
    }
    .site-header{
	    height: 100px;
    }
    .headerright{
	    line-height: 100px;
    }
    .site-content{
	    margin-top: 100px;
    }
    .sousmenu.opened{
	    top: 100px;
    }
    .top-menu li:first-child:last-child a{
		padding: 0;
	}
	.headerleft .top > *:first-child {
    	padding-right: 20px;
	}
	.big-menu li i{
		margin-bottom: 10px;
	}
    .slidertop li .descri .txt {
    	font-size: 24px;
    }
    .slidertop.loaded:after{
	    right: 57%;
    }
    a.bouton{
	    font-size: 14px;
	    padding: 20px 40px;
    }
    .souhaitcont h3 {
    	font-size: 19px;
    }
    .reassurance{
	    font-size: 12px;
    }
    .etape{
	    padding: 50px 30px 0;
    }
    .slidertop li {
    	line-height: 375px;
    	height: 375px;
    }
    .ctapcont{
	    font-size: 23px;
    }
}

@media screen and (min-width: 1024px) {
	.main-menu > li.produits > ul{
		display: none!important;
	}
	.headerleft{
		display: inline-block!important;
	}
	.fleche{
		display: none!important;
	}
	.main-menu > li > ul{
		display: block!important;
	}
}

@media screen and (max-width: 1023px) {
	#main > .adressy .adressyc p:first-child{
		display: block;
	}
	.site-header {
    	height: 80px;
	}
	.site-title a {
	left: 70px;
	width: 50px;
	top: 79px;
}
	.site-title a {
    	left: 62px;
	    width: 80px;
	    height: 60px;
	}
	.big-menu li a span{
		font-size: 0;
	}
	.big-menu li i{
		margin-bottom: 0;
	}
	.headerleft{
		display: none;
		position: absolute;
	    left: 0;
	    width: 100%;
	    top: 100%;
	    background: #f5f5f5;
	    text-align: center;
	    padding: 0;
	    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	}
	.headerleft .bot{
		text-align: center;
	}
	.big-menu li{
		width: 50%;
	}
	.big-menu li a {
    	width: 100%;
    }
    .headerright {
    	line-height: 80px;
    	margin-left: 150px;
    	width: calc(100% - 150px);
	}
	.site-content {
    	margin-top: 80px;
	}
	.hamburger{
		display: block;
		z-index: 99;
	}
	.sousmenus{
		display: none!important;
	}
	.headerleft .top {
    	line-height: normal;
    	height: auto;
    	padding: 17px 0;
    	display: block;
    	background: #eaeaea;
	}
	.headerleft .top > *{
		display: block;
		padding: 3px 20px;
	}
	.headerleft .top > *:first-child{
		text-align: center;
	}
	.headerleft .bot {
    	height: auto;
    	padding: 20px 0px;
    	background: transparent;
	}
	.footop1{
		padding-left: 140px;
	}
	.footop1 li{
		font-size: 14px;
	}
	.main-menu {
    	display: block;
    }
    .main-menu > li{
	    display: block;
	    padding: 3px 0;
	    border:0!important;
    }
    .main-menu > li > a{
	    display: block;
    }
    .menu-item-has-children > .fleche{
	    display: block;
	    cursor: pointer;
	    position: absolute;
	    right: 10px;
	    top: -5px;
	    transform: rotate(0deg);
	    -webkit-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    transition: all 0.4s ease;
	    line-height: 1;
		padding: 10px;
    }
    .menu-item-has-children > .fleche.on{
	    transform: rotate(180deg);
    }
    .main-menu > li > ul{
	    line-height: 1.6;
    }
    .main-menu > li > ul > li .fleche .fa-arrow-down:before{
	    content: '\f067';
	    font-weight: 300;
    }
    .main-menu > li > ul > li .fleche.on{
	    transform: rotate(45deg) translate(-2px,0);
    }
    .main-menu > li > ul > li.menu-item-has-children > .fleche{
	    top: -1px;
		padding: 5px 10px;
    }
    .main-menu > li > ul, .main-menu > li:hover > ul.sub-menu{
	    position: relative;
	    left: 0;
	    opacity: 1;
	    top: 0;
	    text-align: center;
	    background: transparent;
	    padding: 5px 0 20px;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	    transform: translate(0,0);
	    -webkit-transform: translate(0,0);
    }
    .main-menu > li > ul > li > ul.sub-menu{
	    list-style: none;
	    padding: 3px 0 10px;
	    margin: 0;
	    line-height: 1.4;
    }
    .main-menu > li > ul > li{
	    position: relative;
    }
    .main-menu > li > ul > li a {
    	color: #000;
	}
	.main-menu > li > ul > li > ul > li a{
		font-size: 12px;
	}
	.main-menu a:hover, .main-menu > li > ul > li.current-menu-item > a, .main-menu > li > ul > li > ul > li.current-menu-item > a{
		color: #EA088B!important;
	}
    .main-menu > li > ul, .main-menu > li > ul > li > ul{
	    display: none;
    }
    .main-menu > li > a:hover, .main-menu > li.current-menu-item > a {
    	color: #EA088B;
    	background: transparent;
	}
	.maincat ul li{
		width: 50%;
	}
	.souhait{
		width: 100%;
	}
	.souhait + .souhait{
		margin-top: 20px;
	}
	.slidertop.loaded:after {
    	right: 70%;
	    transform: rotate(32deg) scale(0.5);
	    -webkit-transform: rotate(32deg) scale(0.5);
	}
	.slidertop li .descri{
		width: 50%;
		right: 0;
	}
	.slidertop li .descri .txt {
    	font-size: 22px;
	}
	.homeprods ul li, .reassurance{
		width: 50%;
	}
	.reassurance{
		padding: 25px;
	}
	.categorieav{
		width: 100%;
	}
	.projetop h2, .projetop .projetopintro{
		display: block;
		width: 100%;
	}
	.projetop .projetopintro:after{
		display: none;
	}
	.projetop{
		padding: 30px 0;
	}
	.projetop h2{
		margin: 0 0 15px;
	}
	.etapes{
		width: 100%;
		padding-bottom: 60px;
	}
	.projetimg{
		width: 100%;
		background: transparent!important;
		height: 54px!important;
	    transform: translate(0,0);
	    margin-bottom: 40px;
	}
	.projetimg a{
		left: 50%;
	    bottom: 0;
	    transform: translate(-50%,0);
	}
	.projetopintroo{
		color: white;
	}
	.parlz .owl-carousel {
    	padding: 0 60px;
    }
	body #wpsl-gmap {
	    height: 350px!important;
	    width: 100%;
	    float: none;
	    position: absolute;
	    z-index: -9999;
	    opacity: 0;
	}
    #wpsl-wrap, #wpsl-result-list{
	    height: auto!important;
    }
    #wpsl-result-list {
    	width: 100%;
    	float: none;
	}
	.pagetop p.h1, .pagetop h1{
		font-size: 26px;
	}
	body .gform_wrapper .gf_step{
		padding: 0 50px;
	}
	.produitz ul li, ul.posts li{
		width: 50%;
	}
	.pagetop .breadcrumbs{
		font-size: 8px;
	}
	.bloc-icones .icones.ico25 .icone{
		width: 50%!important;
	}
	.bloc-icones .icones.ico20 .icone{
		width: 33.33%!important;
	}
	.bloc-multi_colonnes .colonnes.quatre{
		display: block;
	}
	.bloc-multi_colonnes .colonnes.quatre .colonne{
		width: 50%;
		display: inline-block;
		vertical-align: top;
		padding: 10px;
	}
	#wpsl-wrap{
		padding-bottom: 45px;
	}

	.projetcont {
	    margin-top: 30px;
	}
	.ctasl {
	    width: 100%;
	    float: none;
	    padding-right: 0;
	}
	.ctasr {
    	width: 100%;
	    float: none;
    	padding-left: 0;
    	margin-top: 30px;
	}
	.ctap{
		position: relative;
		width: 100%;
		height: 320px;
	}
	.slidertopcont {
    	width: 100%;
    	float: none;
	}
	.slidertop li{
		line-height: 320px;
		height: 320px;
	}
	.homeintror {
    	width: 100%;
    	float: none;
    	padding-left: 0;
	}
	.homeintror h1, .homeintro .homeintror .left, .homeintror > .introtitre{
		text-align: center;
	}
	.homeintrol {
    	width: 100%;
    	float: none;
    	margin-top: 40px;
	}
	.ctapcont{
		padding: 80px 30px 120px;
	}
	.footop2 .footcol1{
		width: 50%;
		padding-right: 15px;
	}
	.footop2 .footcol2{
		width: 50%;
		padding-right: 0;
		padding-left: 15px;
	}
	.footop2 .footcol3{
		width: 50%;
		padding-right: 15px;
		padding-top: 30px;
	}
	.footop2 .footcol4{
		width: 50%;
		padding-right: 0;
		padding-left: 15px;
		padding-top: 30px;
	}
	.footop2 .footcol6{
		padding-top: 30px;
		width: 100%;
		padding-right: 0;
		text-align: center;
	}
}


@media screen and (min-width: 591px) and (max-width:767px) {
	.site-title a {
	    top: 73px!important;
	    left: 70px!important;
	}
}

@media screen and (max-width: 767px) {
	.wrap, .wrapper{
		padding: 0 20px;
	}
	.footop{
		padding-top: 40px;
	}
	.footop .logo{
		display: none;
	}
	.footop1 {
    	padding-left: 0;
    	margin-bottom: 20px;
	}
	.footop1 ul, .footop1 ul li{
		display: block;
	}
	.footop1 ul{
		margin: -10px 0 0;
	}
	.footop1 ul li{
		padding: 10px 0;
	}
	.footop1 li + li {
    	border-left: 0;
	}
	.footop1 li a{
		text-align: center;
		padding-left: 0;
	}
	.footop1 li i {
	    display: block;
	    position: relative;
	    left: 0;
	    top: 0;
	    transform: translate(0,0);
	    font-size: 30px;
    	margin: 0 auto 10px;
	}
	.footop2{
		text-align: center;
	}
	.footop2 .footcol2, .footop2 .footcol3, .footop2 .footcol4, .footop2 .footcol5, .footop2 .footcol6{
		padding-top: 20px;
	}
	.footop2 .footcol1, .footop2 .footcol2, .footop2 .footcol3, .footop2 .footcol4, .footop2 .footcol5, .footop2 .footcol6 {
    	width: 100%;
    	padding-right: 0;
    	padding-left: 0;
	}
	.sousfooter .left, .sousfooter .right{
		width: 100%;
		text-align: center;
		padding-top: 0!important;
	}
	.sousfooter .left{
		padding-right: 0;
	}
	.sousfooter .right{
		padding-left: 0;
		padding-top: 5px;
	}
	.slidertop:after{
		display: none;
	}
	.slidertop li {
    	line-height: 350px;
    	height: 350px;
	}
	.recherche{
		padding: 20px 0;
	}
	.slidertop li .descri {
    	width: 100%;
    	text-align: center;
    	padding: 0;
	}
	.slidertop li .descri a.bouton {
    	position: relative;
    	margin-top: 20px;
    	transform: translate(0,0);
	}
	.slidertop li .descri .txt {
    	font-size: 20px;
	}
	a.bouton {
    	font-size: 12px;
    	padding: 16px 30px;
	}
	.slidertop li:after{
		background: rgba(255,255,255,0.6)!important;
	}
	.introtitre, .homeprods h2, .projetop h2, .parlz h3.titrage, .pagetop p.h1, .pagetop h1, .txt h1, .bloc-titre .wrapper > *, .bloc-logos p.h3, .maincat h2, .bloc-articles_blog p.h3{
		font-size: 24px;
	}
	.maincat h2{
		text-align: center;
	}
	.txt h2{
		font-size: 22px;
	}
	.txt h3 {
    	font-size: 20px;
    }
    .txt h4 {
    	font-size: 18px;
    }
    .txt h5 {
    	font-size: 16px;
	}
    .txt h6 {
    	font-size: 14px;
    }
	.left, .bloc .left {
    	display: block;
    	width: 100%;
    	padding-right: 0;
	}
	.right, .bloc .right {
    	display: block;
    	width: 100%;
    	padding-left: 0;
	}

	.bloc .left, .bloc .right{
		width: 100%!important;
	}

	.left + .right, .bloc .left + .right{
		padding-top: 20px;
	}
	.homeprodss{
		padding-top: 10px;
		padding-bottom: 0;
	}
	.homeprodstop{
		text-align: center;
		margin-bottom: 20px;
	}
	.homeprodstop h2{
		margin: 0px 0 16px;
	}
	.homeprodstop > a.bouton{
		position: relative;
	}
	.homeintro .left, .homeintro .right{
		text-align: center;
	}
	.souhaitcont h3 {
    	font-size: 18px;
	}
	.homeprods ul li, .reassurance {
    	width: 100%;
	}
	.imgcatego{
		height: 225px;
	}
	.homeprods ul li h3, .categorieav h3{
		font-size: 18px;
	}
	.categotxt{
		padding: 15px 0 0 50px;
	}
	.projetop h2{
		text-align: center;
	}
	.projetop .projetopintro{
		text-align: center;
		font-size: 14px;
	}
	.etape{
		width: 100%;
		padding: 50px 20px 0;
		text-align: center;
	}
	.etape + .etape{
		margin-top: 30px!important;
	}
	.etape .chiffre{
		left: 50%;
		transform: translate(-50%,0);
	}
	.parlz h3.titrage{
		text-align: center;
		margin-bottom: 40px;
	}
	.etapes{
		padding-bottom: 30px;
	}
	.parlz{
		padding: 40px 0;
	}
	.parlz .owl-carousel {
    	padding: 0;
	}
	.parlz .owl-item > div{
		width: 100%;
	}
	.pubinfos{
		width: 100%;
		padding: 20px 0;
		text-align: center;
	}
	.parlz .owl-nav {
	    display: none;
	}
	.parlz .owl-dots {
    	display: block;
	}
	.pagetop .breadcrumbs{
		display: none;
	}
	.pagetop:not(.imgg){
		padding: 30px 0;
	}
	.pagetop.imgg{
		line-height: 190px;
	}
	.bloc-multi_colonnes .colonnes .colonne{
		width: 100%!important;
	}
	.bloc-galerie ul li{
		width: 50%;
	}
	.bloc-icones.bloc .icones .icone {
    	width: 100%!important;
    	padding: 20px;
	}
	body .gform_wrapper ul.gform_fields li.gfield.demi {
    	width: 100%;
    	padding-right: 0!important;
	}
	body .gform_wrapper ul.gform_fields li.gfield.demi + .demi {
    	padding-left: 0;
    	padding-right: 0!important;
    	margin-top: 0!important;
	}
	.gform_wrapper .ginput_container span:not(.ginput_price){
		display: inline!important;
	}
	.tablo .titr.col{
		display: none!important;
	}
	.tablo .col .titr.col{
		display: block!important;
		height: auto!important;
	}
	.tablo .col{
		width: 100%!important;
		border: 0!important;
		text-align: center;
		padding: 7px 0!important;
	}
	.tablo .col.empty{
		padding: 0!important;
	}
	.tablo .col:not(.titr) + .clear + .col1{
		border-top: 1px solid!important;
	}
	.bloc-multi_colonnes .colonnes{
		display: block!important;
	}
	.bloc-multi_colonnes .colonnes .colonne:not(.colonneleft){
		padding-top: 20px;
	}
	.bloc-boutons a.bouton{
		display: block;
		width: 100%;
		text-align: center;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
	}
	.maincat ul li {
    	width: 100%;
	}
	#wpsl-search-wrap .wpsl-input input{
		width: 240px!important;
	}
	.wpsl-no-filters #wpsl-search-input, .wpsl-no-filters #wpsl-search-wrap .wpsl-input{
		width: auto!important;
	}
	.total{
		padding: 16px 20px 14px!important;
	}
	#wpsl-wrap #wpsl-result-list li{
		padding: 16px 20px 0;
	}
	#wpsl-wrap{
		padding-bottom: 0;
	}
	#wpsl-result-list{
		margin-bottom: 0;
	}
	.souhaitc {
    	padding: 0 20px;
	}
	.bloc-timeline ul li .date, .bloc-timeline ul li:nth-of-type(even) .descri{
		padding-right: 20px;
	}
	.bloc-timeline ul li .descri, .bloc-timeline ul li:nth-of-type(even) .date{
		padding-left: 20px;
	}
	body .gform_wrapper ul.gfield_radio li label {
    	width: 100%;
    }
    body .gform_wrapper .devis #gform_page_2_1 ul.gfield_radio li, body .gform_wrapper .devis #gform_page_2_2 ul.gfield_checkbox li{
	    width: 100%;
	    margin-bottom: 0;
    }
    body .gform_wrapper .gf_step {
    	width: auto;
    	display: inline-block;
    }
    body .gform_wrapper .gf_step {
    	padding: 0 20px;
	}
	button, input[type="button"], input[type="submit"]{
		padding: 12px 30px;
	}
	body .gform_wrapper .gform_page_footer .button.gform_previous_button {
    	margin-bottom: 0;
	}
	body .gform_wrapper .gform_page_footer {
    	margin: 20px 0 0;
    }
    body .gform_wrapper ul.gform_fields li.gfield.jauge{
	    padding: 0 25px!important;
    }
    body .noUi-tooltip{
	    padding: 4px 15px;
    }
    .produitz ul li, ul.posts li {
    	width: 100%;
	}
	.produitz {
    	padding: 15px 0;
    }
    .archy {
	    padding: 30px 0;
	}
    .archy .sousmen{
	    padding: 0 0 20px;
    }
    .sousmen ul li{
	    display: block;
	    border: 0!important;
	    padding-left: 0!important;
	    padding-right: 0!important;
    }
    .ctap{
	    height: auto;
    }
    #map{
	    height: 300px;
    }
    .ctasr .cta{
	    width: 100%;
    }
    .projetcont > .wrapper > a.bouton{
	    width: calc(100% - 40px);
		text-align: center;
    }
    .actualites .wrapper > h2{
	    font-size: 20px;
    }
    .fancybox-content#catalogue{
	    padding: 44px 20px 20px 20px;
    }
    .popuptop{
	    font-size: 16px;
    }
    .popupcont img {
	    display: block;
	    width: 100%;
	    max-width: 150px;
	    margin: 12px auto 0;
	}
	.popupcont > div {
	    display: block;
	    vertical-align: middle;
	    width: 100%;
	    margin-left: 0;
	    padding-left: 0;
	    margin-bottom: 0;
	    margin-top: 25px;
	}

	.site-title a{
		top: 35px;
		left: 58px;
	}

}



@media screen and (min-width: 1024px) and (max-width: 1100px ) {
	#masthead .site-title {width: 120px}
}

@media screen and (max-width: 1350px ) {
	header .adressyc {
	    padding-left: 30px;
	}
}

@media screen and (min-width: 1201px) and (max-width: 1300px ) {
header .adressyc {
		padding-left: 15px;
    font-size: 12px;
}
}

@media screen and (min-width: 1100px) and (max-width: 1200px ) {
header .adressyc {
		padding-left: 0px;
    font-size: 10px;
}
}

@media screen and (min-width: 1024px) and (max-width: 1100px ) {
	.headerleft .top{
		padding-left: 120px;
	}
	header .adressyc {
	    padding-left: 0px;
	}
	.headerleft .bot {
    padding-left: 120px;
}
}



@media screen and (max-width: 590px) {
	.site-header {
    	height: 70px;
	}
	.site-title a{
		width: 70px;
		height: 56px;
	}
	.headerright{
		line-height: 70px;
		margin-left: 140px;
		width: calc(100% - 140px);
	}
	.hamburger{
		width: 70px;
		top: 12px;
	}
	.site-content {
    	margin-top: 70px;
	}
}

@media screen and (max-width: 374px) {
	.hamburger{
		width: 60px;
	}
	.site-title a{
		left: 50px;
	}
	.headerright{
		margin-left: 125px;
		width: calc(100% - 125px);
	}
	#wpsl-result-list a.bouton {
    	padding: 10px 15px;
    }
    #wpsl-search-wrap .wpsl-input input {
    	width: 208px!important;
	}
	.slidertop li {
    	line-height: 300px;
    	height: 300px;
	}
	.introtitre, .homeprods h2, .projetop h2, .parlz h3.titrage, .pagetop p.h1, .pagetop h1, .txt h1, .bloc-titre .wrapper > *, .bloc-logos p.h3, .maincat h2, .bloc-articles_blog p.h3 {
    	font-size: 23px;
	}
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {}