/*
Theme Name: MS Thème Child
Author: Multimed Solutions
Author URI: http://www.multimed-solutions.com/
Description: Thème spécial pour wordpress
Version: 1.0
Text Domain:  mstheme-child
Template: mstheme
*/
/*
DESIGN CONFORT ETINCELLE */
/* vars 




*/

/* ------------------ Include Styles ------------------ */
/* fonts : */

/*
    Open sans*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
/*
font-family: 'Open Sans', sans-serif;
*/

/*Lato*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
/*
font-family: 'Lato', sans-serif;
*/

@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
/*font-family: 'Montserrat', sans-serif;*/

/* ------------------ GENERAL ------------------ */
/* Bug of multiple validation error messages in CF7 when spamming submit */
.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {display:none;}
html {	font-size: 100%;}
body {
	font-family: "Open Sans", sans-serif;
	color: #212121;
	line-height: 1.5rem;
	font-size: 1rem;
	background: white;
}

a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: inherit;
	text-decoration: underline;
}

/*.................... end ......................*/
.header-bg {
	background: #eeece9;
	padding-top: 3em;
	padding-bottom: 3em;
}

.home-link {
	padding-left: 20px;
}

.home .container-txt {
	padding-left: 20%;
	padding-right: 20%;
	text-align: justify !important;
}

.container-X {
	max-width: 1600px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
.text-center {
	text-align: center !important;
	margin: 0 auto;
}
.container-txt {
	padding-left: 10%;
	padding-right: 10%;
}
/* BAR TOP */
.bar-top {
	position: absolute;
	top: 0;
	width: 100%;
	/* right: 10px; */
	float: right;
	background: white;
}

/* coord contact */
.cookie.c2 a,
.page-id-13 #page a,
.page-id-13 #page a:visited,
.page-id-13 #page a:focus {
	color: #af1f20;
	font-weight: 600;
}

.contact-coord {
	background: #eeece9;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.contact-coord .telephone a:link,
.contact-coord .telephone a:visited {
}
.contact-coord .portable a:link,
.contact-coord .portable a:visited {
}

.contact-coord .portable,
.contact-coord .telephone {
	color: #8e8982;
	display: block;
	float: initial;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}

.telephone {
	color: #9c9487;
	float: right;
	display: inline-block;
	margin-left: 2em;
	margin-right: 2em;
}
.portable {
	color: #9c9487;
	display: inline-block;
	float: right;
}
.telephone a:link {
	color: #4e4e4e;
	text-decoration: none !important;
	font-weight: 600;
}
.portable a:link {
	color: #4e4e4e;
	text-decoration: none !important;
	font-weight: 600;
}

.separateur-20 {
	display: block;
	height: 2em;
}
.separateur-40 {
	display: block;
	height: 4em;
}
section.marques {
	text-align: center;
	margin: 0 auto;
	border-bottom: 2px solid #eeece9;
}
section.contact {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 1em;
}
p.siret {
	font-size: 0.85rem;
	padding-top: 0.5rem;
}
section.marques .title {
	color: #dcd9d5;
	font-size: 1.2rem;
	margin-top: 2em;
	margin-bottom: 1em;
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
}

/* AJOUTS MAJ 11-02-2021 */
section.marques-02 {
	background: #eeece9;
	padding-bottom: 60px;
}
section.marques-02 p.title {
	color: #444241;
	font-size: 1.2rem;
	margin-top: 2em;
	margin-bottom: 20px;
	display: block;
	font-weight: 800;
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
}
section.marques-02 #bloc-marques p {
	display: none !important;
}

section .marques-02-container {
	max-width: 1600px;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
}
section .marques-02-container div {
	text-align: center !important;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0;
	margin-right: 0;
}

section .marques-02-container #bloc-marques {
	overflow: hidden;
}

section .marques-02-container #bloc-marques:before {
	content: "";
	position: absolute;
	background: #00000057;
	width: 100%;
	height: 100%;
	padding-top: 70%;
	font-size: 14px;
	color: #fff;
	font-weight: 800;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
section .marques-02-container bloc-marques {
	overflow: hidden;
}

section .marques-02-container #bloc-marques .brand {
	position: absolute;
	top: 20%;
}

section .marques-02-container #bloc-marques {
	border: 1px solid #eeece9;
}

section .marques-02-container a:hover #bloc-marques:before {
	content: "";
	color: #fff;
	padding-top: 60%;
	background: #000000c7;
	text-decoration-position: under;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}

/* section rea */

section.rea {
	background: transparent;
}
section.rea .container-rea-block {
	margin: 0 auto;
	text-align: center;
	padding-top: 40px; /* border-bottom: 1px solid #CCC; */
}
section.rea .rea-block img svg path {
	fill: #ccc;
	max-width: 1221px;
	margin: 0 auto;
}
section.rea .rea-block {
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	text-align: center !important;
	margin: 0 auto;
	color: #75716a;
}

/* section intro*/
section.intro h1 {
	font-size: 1.5rem;
	margin-top: 2em;
	margin-bottom: 1em;
	display: block;
	font-weight: 600;
}
section.intro .exergue {
	color: #75716a !important;
	text-align: justify !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-bottom: 0px !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	line-height: 34px;
	font-size: 24px;
}
section.intro .exergue:before {
	display: none !important;
}
section.intro .container-txt {
	padding-left: 5%;
	padding-right: 5%;
	text-align: justify;
	padding-top: 20px;
}
section.intro .container-img {
	padding-top: 50px;
}

section.certif {
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #4a4a4a;
}
section.certif .container-certif {
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
}

section.line {
	padding-top: 40px;
}
section.line .container-X {
	max-width: 1518px !important;
}
.transfo p.title {
	text-align: left !important;
	font-size: 23px;
	margin-top: 20px !important;
}
.transfo {
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 13px;
	background: antiquewhite;
	margin-bottom: 30px;
}
.transfo .btn {
	margin-top: 0;
}
section.line .container-txt {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify !important;
}

/* special pour la maquette à effacer*/
.page-id-2819 .sectionTop {
	display: none !important;
}
/* a répercuter sur global */
.page-id-2819 .header-bg {
	padding-top: 2em;
	padding-bottom: 1em;
}
.page-id-2819 .container-X {
	max-width: 1600px;
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
}
.page-id-2819 .quality {
	display: none !important;
}
/* special pour la maquette à effacer*/

#sbttBacktotop img {
	width: 60%;
}

.charte p {
	/* text-align: center!important; */
	margin-top: 2em !important;
	margin-bottom: 0 !important;
}
p.charte span {
	text-align: left !important;
}
#main .services ul {
}
#main .services li {
	line-height: 1.8rem;
	text-align: left !important;
	list-style-type: disc;
	position: relative;
	/* padding: 0 0 0 15px; */
	color: #212121;
	background-color: transparent;
	padding: 0;
	/* margin-bottom: -1px; */
	margin-left: 20px;
	margin-right: 3px;
	padding: 0 !important;
}

.social {
	padding-top: 40px;
}
#responsive-menu-container i.fa.fa-facebook {
	color: #908b84;
	border: 1px solid #908b84;
	/* background: #908b84!important; */
	font-size: 15px;
	padding: 10px 13px;
	border-radius: 0px;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	background: #f7e6d700;
	border-radius: 30px;
}
i.fa.fa-facebook,
i.fa.fa-instagram,
i.fa.fa-pinterest,
i.fa.fa-twitter,
i.fa.fa-linkedin,
i.fa.fa-viadeo {
	color: #908b84;
	border: 1px solid #908b84;
	/* background: #908b84!important; */
	font-size: 15px;
	padding: 10px 13px;
	border-radius: 0px;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	background: #f7e6d700;
	border-radius: 30px;
}
i.fa.fa-facebook:hover,
i.fa.fa-instagram:hover,
i.fa.fa-pinterest:hover,
i.fa.fa-pinterest:hover,
i.fa.fa-twitter:hover,
i.fa.fa-linkedin:hover,
i.fa.fa-viadeo:hover {
	color: #ffffff;
	background: #444241 !important;
	/* font-size: 2rem; */
	/* padding: 8px 12px; */
	/* border-radius: 0px; */
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
}
/* end BAR TOP */

/*SLOGAN SUR SLIDER end */

.slogan-block {
	position: absolute;
	left: 13%;
	top: calc(56% - 50px);
	display: block;
	max-width: 1600px;
	/* padding-left: 2em; */
	/* width: 100%; */
	z-index: 9;
	font-family: "Open Sans", sans-serif;
	font-style: italic;
}

.subtitle {
	color: #fff;
	font-size: 0.9rem;
	font-weight: 200;
	padding-bottom: 2px;
	text-transform: uppercase;
	font-weight: 600;
	font-family: Open sans, sans-serif;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.73);
}

.slogan-txt {
	color: #fff;
	font-size: 1.2rem;
	margin-bottom: 1em;
	text-shadow: 0px 2px 5px rgb(0, 0, 0);
	padding-top: 10px;
	font-weight: 400;
}
.slogan-block .number {
	color: #fff;
	font-size: 3rem;
	font-weight: 400;
	text-decoration: none;
	font-family: "Work Sans", sans-serif;
	text-shadow: 0 1px 4px #000000c4;
	margin-top: 0.5em;
	display: block;
	letter-spacing: -1px;
}
.slogan-block .number:hover {
	color: #fff;
	/* font-size:2rem; */
	/* font-weight:300; */
	text-decoration: none;
}
.slogan-container-text {
	margin: auto;
	/* width: 100%; */
	background: #3e3d3b;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 2em;
	padding-bottom: 2em;
}
.slogan {
	font-size: 1.5rem;
	color: #d4c8b7;
	line-height: 3rem;
	font-weight: 500;
	letter-spacing: 0;
	/* text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.73); */
	position: relative;
	padding-bottom: 0.2em;
	/* border-bottom: 2px solid #ff9fcd; */
}
.slogan span {
	font-weight: 600;
	/* text-align: center; */
	/* font-style: italic; */
	font-size: 2rem;
	line-height: 0px !important;
	color: #d5d5d5;
	letter-spacing: -1px;
}
/* end slogan */

/*.................... end ......................*/

/* LOGO SVG */

polygon {
	color: rgb(208, 231, 251);
	fill: currentColor;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}

polygon:hover {
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}

/* end LOGO SVG */

/* ------------------ MENU ------------------ */
/* ----------- Menu  AEVC SOUS MENU ---------- */

#site-navigation {
	padding-top: 45px;
	padding-bottom: 30px;
	float: right;
}
.navbar {
	text-align: center;
	border-radius: 0px;
	min-height: 0;
	margin: 0;
	/* padding-top: 1em; */
	/* padding-bottom: 1em; */
}

li.menu-item-has-children {
	position: relative;
}
li.menu-item-has-children::after {
	font-family: FontAwesome;
	content: "\f0d7";
	padding-left: 10px;
	font-size: 10px;
	color: #212121;
	position: absolute;
	right: 0;
	top: 2px;
}

.navbar-nav,
.navbar-inverse {
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
	color: initial;
	background-color: #080808;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
	color: initial;
	background-color: rgba(248, 248, 248, 0);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	color: #555;
	background-color: rgba(231, 231, 231, 0);
}
.navbar-default {
	background-color: rgba(248, 248, 248, 0);
	border-color: rgba(231, 231, 231, 0);
}

ul.sub-menu > .current-menu-item a {
	background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
	padding-top: 0.5em;
	padding-bottom: 1.1em;
	padding-left: 1.1em;
	padding-right: 1.4em;
	font-size: 0.85rem;
	text-transform: uppercase;
	font-weight: 600;
	color: #8f8a83;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
	color: #000000;
	/* padding-bottom: 10px; */
	text-decoration: none !important;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}
.navbar-inverse .navbar-nav > li > a::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	background: #e30614;
	-webkit-transform: scale3d(0, 5, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
	transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.navbar-inverse .navbar-nav > li > a:hover:before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	width: 100%;
	padding-right: 2rem;
}

.interne #navbar {
	font-size: 1.3rem;
	line-height: 0px;
}
.interne .navbar-inverse .navbar-nav > li > a:hover {
	color: #ccc;
}

#main ul.slides,
#main ul {
	margin: 0;
	padding: 0;
}
#main ul {
	padding-left: 0.2em;
}

#main ul.nav.nav-tabs {
	padding-left: 0;
}
ul.slides {
	padding: 0;
}

ul.sub-menu {
	padding-left: 0;
	display: none;
	position: absolute;
	background: rgb(238, 236, 233);
	list-style: none;
	width: 330px;
	z-index: 99999;
	-webkit-animation: fadeim 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadeim 1s; /* Firefox < 16 */
	-ms-animation: fadeim 1s; /* Internet Explorer */
	-o-animation: fadeim 1s; /* Opera < 12.1 */
	animation: fadeim 1s;
}

@keyframes fadeim {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Firefox < 16 */
@-moz-keyframes fadeim {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeim {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Internet Explorer */
@-ms-keyframes fadeim {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Opera < 12.1 */
@-o-keyframes fadeim {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
li.menu-item:hover > ul.sub-menu {
	display: block;
}
div#container.rea {
	font-size: 1.3rem;
	color: #000000;
}
ul.sub-menu > .menu-item a {
	float: left;
	color: #8f8a83;
	font-size: 0.9rem;
	width: 100%;
	margin: 0;
	text-align: left;
	/* padding-left: 1em; */
	text-transform: uppercase;
	line-height: 2em;
	font-weight: 600;
}
ul.sub-menu > li.menu-item:hover a,
ul.sub-menu > .menu-item > a:hover {
	color: #212121;
	text-decoration: none;
}
ul.sub-menu > li.menu-item {
	float: left;
	padding: 0.5em 1em;
	width: 100%;
	text-decoration: none;
}
ul.sub-menu > li.menu-item:hover {
	/* background: #fff; */
	color: #212121 !important;
}
.col-sm-4.home-btn {
	padding: 50px 0;
}
ul#menu-menu-footer {
	background: transparent !important;
	text-align: center;
	margin-bottom: 20px;
}
.navbar-inverse .navbar-nav > li#menu-item-2729 > a:before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	width: 100%;
	padding-right: 2rem;
}
.navbar-inverse .navbar-nav > li#menu-item-2729 > a {
	font-weight: bold;
	color: #000000;
}
.navbar-inverse .navbar-nav > li#menu-item-2729 {
	padding-top: 0.5em;
}
.navbar-inverse .navbar-nav > li#menu-item-2729:hover {
	background: #e4e3e0;
}

/*.................... end ......................*/
#navbar li.current-menu-item a,
#navbar .current_page_ancestor > a {
	color: #212121 !important;
	background: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0rem;
	padding-right: 1rem;
	text-decoration: none !important;
	/* font-weight: 600; */
}

p#breadcrumbs {
	margin: 10px 10px;
	text-align: right;
	font-size: 0.8rem;
	display: none;
}

/* SPECIAL PAGE POELES A MASSE */
#col-ref .col-md-6 {
	padding: 1rem;
}
#col-ref .col-md-6:last-child {
	text-align: center;
}

/* SPECIAL PAGE INTERNES */

/* responsive menu override */

#responsive-menu-container #responsive-menu li.responsive-menu-item a {
	line-height: 40px !important;
	border-bottom: none !important;
	background-color: rgba(0, 0, 0, 0) !important;
	/*color: #8d8881!important;*/
}

#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link {
	padding-right: 3% !important;
}

#responsive-menu-container li.responsive-menu-item {
	width: auto !important;
	list-style: none;
}

#responsive-menu-container #responsive-menu #responsive-menu-item-310 {
	color: #fff;
	width: 150px !important;
	line-height: 30px !important;
	margin-top: 0.5em !important;
	text-align: center;
	font-size: 0.9rem !important;
	/* letter-spacing: 0.1em; */
	padding: 0.3em 2em !important;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	border: none;
	font-weight: 600;
	margin-top: 0rem;
	border: 1px solid #ffffff;
	outline: none;
	background-color: #e63459 !important;
	letter-spacing: 1px;
	border-radius: 30px;
	outline: none !important;
	line-height: 20px !important;
	margin-left: 1em !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover {
	border-color: none !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover {
	border-color: none !important;
}

#responsive-menu-container #responsive-menu-wrapper {
	background: #3d3d3b !important;
}

.responsive-menu-open button#responsive-menu-button:hover,
.responsive-menu-open button#responsive-menu-button:focus,
button#responsive-menu-button:hover,
button#responsive-menu-button:focus {
	background: #000000 !important;
}
#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
	border-top: 0px solid #212121 !important;
}

button#responsive-menu-button {
	width: 55px;
	height: 55px;
	position: absolute !important;
	top: 31px !important;
	left: 25px !important;
	background: #3e3d3b !important;
}
#responsive-menu-container {
	/* width: 360px!important; */
	right: 0;
	transition: transform 0.5s;
	text-align: center !important;
	background: #3d3d3b !important;
	padding-top: 2em !important;
}
/*
#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
    border-top: 1px solid #212121;
    color: #FFF!important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link:hover {
    background-color: #3f3f3f;
    color: #de0176;
    border-color: #3f3f3f;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
    color: #ffffff!important;
    background-color: #3f3f3f;
    border-color: #212121;
}
*/
/* end responsive menu override */

/* INVERSION COULEUR LOGO */

.myfixed #logo img {
	float: left;
	width: 66%;
	margin-top: 0;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
.myfixed #logo img:hover {
	/* color: rgb(99, 163, 56); */
}

.wrapfixed {
	position: fixed !important;
	top: 0px !important;
	left: 0px !important;
	margin-top: 0px !important;
	z-index: 888;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	opacity: 0.95;
	background-color: #3e3e3e !important;
}
.wrapfixed {
	border-bottom: none;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

/* end INVERSION COULEUR LOGO */

/* INVERSION GESTION COULEUR MENU */
.myfixed .navbar {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0);
}
.myfixed li.current-menu-item a {
	/* color: #ff1100!important; */
	/*font-size: 1.4rem!important*/
}
.myfixed .navbar-inverse .navbar-nav > li > a {
	/* color: #777777; */
}
.myfixed .navbar-inverse .navbar-nav > li > a:focus,
.myfixed .navbar-inverse .navbar-nav > li > a:hover {
	color: #656565 !important;
}

.myfixed .navbar-nav > li::after {
	content: "";
	position: absolute;
	left: 0;
	width: 0%;
	border-bottom: 1px solid rgb(255, 56, 0);
	right: 0;
	margin: auto;
	-webkit-transition-property: width;
	-webkit-transition-duration: 0.5s;
	transition-property: width;
	transition-duration: 0.5s;
	bottom: 0;
}
.myfixed .navbar-nav > li:hover::after {
	width: 100%;
}

/* end INVERSION GESTION COULEUR MENU */

/* TAB PAGES INTERNES */

#main li {
	line-height: 25px;
	/*text-align: center;*/
	list-style-type: none;
	position: relative;
	/* padding: 0 0 0 15px; */
	color: #000;
	background-color: transparent;
	padding: 0;
	margin-bottom: -1px;
	margin-left: -2px;
	margin-right: -2px;
	padding: 0 !important;
}

.nav-tabs {
	border-bottom: 1px solid #ccc !important;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	text-align: center !important;
}

.nav-tabs > li {
	margin-bottom: -1px;
	display: inline-block;
	text-align: center;
	margin: auto;
	float: none;
	border: none;
	background: none;
}

.title {
	color: #212121;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 0px;
	margin-top: 1.5em !important;
	margin-bottom: 0.7em !important;
	text-align: center !important;
}

.nav-tabs > li > a {
	color: #8f8a83 !important; /* COLOR TAB OFF */
	font-size: 0.95rem;
	font-weight: 600;
	border: none !important;
	text-align: right;
	text-transform: uppercase;
}
.nav-tabs > li > a:link {
	text-decoration: none;
	color: #dedede;
	background: none;
}
.nav-tabs > li > a:hover {
	color: #212121 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
	background: none !important;
}

.nav-tabs > li.active > a {
	color: #000000 !important;
	border-bottom: 1px solid #e30614 !important;
	background: none !important;
}
#content article div.entry-content .nav.nav-tabs > li.active > a:hover {
	color: #000000 !important;
	border-bottom: 1px solid #861052 !important;
	background: none !important;
}
#content article div.entry-content .nav.nav-tabs > li a:hover {
	background: none !important  ;
}

#content article div.entry-content .nav.nav-tabs > li a::before {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	background: #d81481;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
	transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
#content article div.entry-content .nav.nav-tabs > li a:hover:before {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	width: 100%;
	padding-right: 2rem;
}

/* end PAGES INTERNES */

div#sbttBacktotop {
	z-index: 9999999;
}

/* ------------------ MAIN ------------------ */
.red:before {
	content: "";
	display: inline-block;
	border-radius: 30px;
	height: 10px;
	width: 10px;
	background: #af1f1f;
	position: absolute;
	left: 40px;
	margin-top: 7px;
}
.red {
	color: #af1f20;
	font-weight: bold;
	font-size: 1.2rem;
	display: block;
	margin-top: 2em;
	margin-bottom: 0em;
	line-height: 1.2em;
}
.charte p {
	margin-top: 0.4em !important;
	margin-bottom: 0.2em !important;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
	color: #fff;
}
main#main a:visited {
	color: #636363;
}

.logo-marques {
	margin-bottom: 2em;
	display: block;
}
#main {
	margin-top: 0px;
}
.exergue {
	font-family: "Montserrat", sans-serif;
	color: #cabfaf;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2.5rem;
	text-align: center;
	box-shadow: none;
}

.exergue:before {
	content: "";
	position: relative;
	left: 0;
	width: 30%;
	display: block;
	right: 0;
	margin: auto;
	padding-bottom: 15px;
}
.exergue:after {
	content: "";
	position: relative;
	left: 0;
	width: 30%;
	/* border-bottom: 5px solid #af1f20; */
	display: block;
	right: 0;
	margin: auto;
	padding-top: 15px;
}

.gallery-caption {
	font-size: 1.5rem !important;
}
h2.widget-title {
	font-family: "Lato", sans-serif;
	color: #ffffff;
	font-size: 36px; /* Approximation causée par une substitution de police */
	font-weight: 300;
	line-height: 38px; /* Approximation causée par une substitution de police */
	text-align: center;
	padding-top: 33px;
	text-transform: uppercase;
}
.col-md-3.sidebar {
	background: #af1f20;
}

div#subfooter {
	/* font-family: 'Lato', sans-serif; */
	color: #4e4c49;
	font-size: 0.85rem; /* Approximation causée par une substitution de police */
	font-weight: 400;
	line-height: 1em; /* Approximation causée par une substitution de police */
	text-align: center;
	background: #f5f5f5;
	padding: 0.5em;
}
ul {
	margin: 0;
}
div#colophon {
	background-color: #eeece9; /* font-family: 'Lato', sans-serif; */
	color: #ffffff;
	font-size: 1rem; /* Approximation causée par une substitution de police */
	font-weight: 700;
	line-height: 1.5rem; /* Approximation causée par une substitution de police */
	text-align: center;
	padding-top: 20px;
	padding-bottom: 15px;
}
.copy a {
	padding: 0 10px;
}
.sidebar p {
	color: #fff;
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
	color: #000;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5rem;
}
/*.................... end ......................*/
.coordonnees-tel a {
	color: #af1f20;
	text-decoration: none;
	transition: color 0.5s;
}
.coordonnees-tel {
	color: #4a4a4a;
	max-width: 300px;
	margin: 0 auto; /* background: gainsboro; */
	border: 1px solid #ccc;
	margin-bottom: 20px;
	margin-top: 20px;
}
.coordonnees-tel p {
	line-height: 2rem;
	/* border-left: 1px solid #af1f20; */
	padding: 0px 10px;
	text-align: center;
	margin: 0;
}
.coordonnees-adresse a {
	color: #af1f20;
	text-decoration: none;
	transition: color 0.5s;
}
.coordonnees-adresse {
}
.coordonnees-adresse p {
	line-height: 2rem;
	padding: 0px 10px;
	text-align: center;
	color: #4a4a4a;
	font-weight: 400;
}

.plan ul:last-child {
	border-right: 1px solid #af1f20;
}
.plan ul {
	list-style: none;
	text-align: right;
}
.plan a {
	padding: 5px 20px;
	display: block;
}

.coordonneesf,
.plan a {
	color: #585652;
	/* font-stretch: condensed; */
	font-size: 1rem;
	font-weight: 400;
	margin: 0 auto;
	text-align: center;
	float: initial;
	padding-top: 2em;
}
/* ------------------ HEADING ------------------ */

h1,
h2 h3 {
	font-family: "Montserrat", sans-serif;
	margin-top: 1em;
	margin-bottom: 2em;
}

h1 {
	color: #454443;
	font-size: 3rem;
	margin-top: 0.85em;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 1em;
}
h1 img {
}
.home h1 {
	font-size: 1.5rem;
	margin-top: 2em;
	margin-bottom: 1em;
	display: block;
	font-weight: 600;
}
h2 {
	color: #404040;
	font-size: 28px; /* Approximation causée par une substitution de police */
	font-weight: 700;
	line-height: 40px; /* Approximation causée par une substitution de police */
	text-align: left;
}
h3 {
	font-size: 2rem;
	margin-bottom: 10px;
}
h4 {
	font-size: 1.8rem;
	margin-bottom: 5px;
}
h5 {
	font-size: 1.6rem;
	margin-bottom: 5px;
}
h6 {
	font-size: 1.6rem;
	margin-bottom: 5px;
}

/*.................... end ......................*/

/* ------------------ FORMULAIRE ------------------ */

.wpcf7-form-control.wpcf7-submit {
}
.wpcf7-form-control.wpcf7-submit:hover {
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
}
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
}

/*.................... end ......................*/

/**********************************************TOOLBAR********************************************************/

#liensAutres li {
	position: relative;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
#liensAutres span {
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	top: 0;
	writing-mode: vertical-lr;
	text-orientation: mixed;
	color: #000;
	position: absolute;
	left: 0;
	font-size: 10px;
	font-family: "Roboto", sans-serif;
	color: rgb(214, 212, 212);
	transform: rotate(180deg);
	bottom: 0;
	letter-spacing: 1px;
}
#liensAutres li:hover span {
	color: rgb(95, 95, 95);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}

#liensAutres {
	list-style: none;
	position: fixed;
	top: 0;
	right: 0;
	color: rgb(235, 100, 40);
	font-size: 0.4375rem;
	text-align: center;
	text-transform: uppercase;
	z-index: 9;
	opacity: 1;
	/* background: rgb(234, 234, 234); */
	height: 100vh;
	padding-top: 10%;
	width: 91px;
}
#liensAutres ul {
	list-style: none;
	/* background: white; */
	padding: 0;
	/* vertical-align: middle; */
	/* display: unset; */
}
#liensAutres li#CONTACT:before {
	content: "RAPPEL GRATUIT"; /* left: 10px; */
}
#liensAutres li#GALERIE:before {
	content: "BROCHURE";
	left: 0;
}
#liensAutres li#NEWS:before {
	content: "ESSAI";
	left: 0;
}
#liensAutres li#DEVIS:before {
	content: "CONTACT";
	left: 0;
}
#liensAutres li:hover:before {
	cursor: pointer;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}

#liensAutres li:before {
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	z-index: 9999999999999;
	/* transform: rotate(-90deg); */
	top: 48px;
	font-size: 10px;
	/* font-family: 'Roboto', sans-serif; */
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	letter-spacing: 0px;
	text-align: center;
	margin: 0 auto;
}
#liensAutres li:hover {
	transform: translateX(-30px);
}

#liensAutres li a {
	width: 165px;
	background: #1cc100;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	position: relative;
	min-width: 82px;
	min-height: 73px; /* border-bottom: 1px solid rgba(255, 255, 255, 0.45); */
}

#liensAutres li:hover a {
	background: #1cc100;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}

#liensAutres li a img {
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	top: 10px;
	position: absolute;
	right: 0;
	left: 36px;
	/* margin: auto; */
	filter: invert(0);
	-webkit-filter: invert(0);
	-moz-filter: invert(0);
	-o-filter: invert(0);
	-ms-filter: invert(0);
}
#liensAutres li:hover a img {
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	filter: invert(1);
	-webkit-filter: invert(0);
	-moz-filter: invert(0);
	-o-filter: invert(0);
	-ms-filter: invert(0);
}
#readMore {
	background: #c1d000;
	width: 68px;
	height: 44px;
	margin: 1px;
}

.blc {
	display: block;
	margin: 1px;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	text-decoration: none !important;
}
.blc:hover {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.blc-references {
	display: block;
	margin: 0px;
	color: rgba(255, 255, 255, 0.702);
	font-size: 10px;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	text-decoration: none !important;
}
.blc-references:hover {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.blc-contact {
	display: block; /* margin: 1px; */
	color: rgba(255, 255, 255, 0.702);
	font-size: 10px;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	text-decoration: none !important;
}
.blc-contact:hover {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.blc-apropos {
	display: block;
	margin: 0px;
	color: rgba(255, 255, 255, 0.702);
	font-size: 10px;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	text-decoration: none !important;
}
.blc-apropos:hover {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

.blc-blog {
	display: block;
	margin: 0px;
	color: rgba(255, 255, 255, 0.702);
	font-size: 10px;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	text-decoration: none !important;
}
.blc-blog:hover {
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
}

/**********************************************TOOLBAR********************************************************/

/* ------------------ BOUTON ------------------ */

.btn,
.wpcf7-form-control.wpcf7-submit {
	/* font-family: 'Open Sans', sans-serif!important; */ /* text-transform:   uppercase!important; */
	color: #ffffff !important;
	font-size: 0.85rem; /* Approximation causée par une substitution de police */
	font-weight: 600;
	line-height: 1rem; /* Approximation causée par une substitution de police */
	text-align: center;
	background: #383838;
	border: 1px solid #fff;
	margin-top: 2rem;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
}
.btn:hover,
.wpcf7-form-control.wpcf7-submit:hover {
	background: #e30614 !important;
	color: #ffffff !important;
	border: 1px solid #f5f5f5;
}

/*.................... end ......................*/

/* ------------------ ACTUALITES ------------------ */

/* footer adds */

.quality {
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px solid #f5f5f5;
	background: #fdfdfd;
}

/*.................... end ......................*/

table.cal_blue.ecwd_calendar_container .normal-day-heading,
table.cal_blue.ecwd_calendar_container .weekend-heading {
	padding: 4px 46px;
}

/* ------------------ BREAK POINTS ------------------- */

@media screen and (max-width: 1500px) {
	.container-X {
		max-width: 1200px;
	}
}

@media screen and (max-width: 1300px) {
	#liensAutres {
		padding-top: 35px;
	}
}

@media screen and (max-width: 1199px) {
	#site-navigation {
		float: initial;
	}
	.slogan-block {
		left: 30px;
	}
	a#logo {
		text-align: center;
		display: block;
		padding-bottom: 2em;
	}
	table.cal_blue.ecwd_calendar_container .normal-day-heading,
	table.cal_blue.ecwd_calendar_container .weekend-heading {
		padding: 4px 4%;
	}
	.header-bg .social {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.container-certif img {
		max-width: 200px;
		padding-bottom: 20px;
	}

	html {
		font-size: 95%;
	}
	.home-link {
		padding-bottom: 1em;
	}
	.slogan-block {
		position: relative;
		left: 0;
		display: none;
	}

	.home .container-txt {
		padding-left: 5%;
		padding-right: 5%;
	}
	#site-navigation {
		padding-top: 45px;
		padding-bottom: 30px;
		float: none;
	}
	/* TOOL BAR */
	#liensAutres {
		top: auto;
		height: auto;
		padding-top: 0%;
		width: 100%;
		bottom: 0;
		left: 0;
		right: 0;
		background: #1bc100;
	}

	#liensAutres li a {
		min-height: 60px;
	}

	#liensAutres li:hover {
		transform: unset;
	}

	#liensAutres ul {
		display: inline-block;
		margin-bottom: 0;
	}

	#liensAutres li {
		float: left;
	}
	#liensAutres li a img {
		top: 7px;
		position: relative;
		right: 0;
		left: 0;
	}
	#liensAutres li:before {
		top: 45px;
	}
	#liensAutres li a {
		border-bottom: 0px solid rgb(248, 152, 109);
	}
	#liensAutres li a {
		width: 100%;
		padding: 0 2em;
	}
	/* TOOL BAR */
	.plan {
		display: none;
	}

	div#colophon {
		padding-bottom: 40px;
	}
	#col-ref .col-md-6 {
		padding: 1rem 2rem;
	}
}

@media screen and (max-width: 767px) {
	.slogan-block {
		position: relative;
		left: 0;
	}
	html {
		font-size: 95%;
	}
	li#menu-item-129:before,
	li#menu-item-130:before,
	li#menu-item-130:after {
		display: none;
	}
}

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

.wpcf7-form-control.wpcf7-captchar {
	color: #000;
}
div#colophon img {
	margin: 0 10px;
}