@charset "iso-8859-1";

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url(gallery.css);
@import url(elements.css);
@import url(structure.css);
/*@import url(navigationElements.css);*/
@import url(form.css);
@import url(boxes.css);
@import url(account.css);
@import url(publicationMethods.css);
@import url(search.css);
@import url(board.css);
@import url(annonce.css);
@import url(directory.css);
@import url(community.css);
@import url(googleMap.css);
/*@import url(skeleton.css);
@import url(layout.css);*/
@import url(font-awesome.min.css);
@import url(bootstrap.css);
@import url(bootstrap-select.css);
@import url(slick.css);
@import url(slick-theme.css);

/* ---------------------
INITIALISATION DES STYLES
------------------------*/
* {
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* --------------
ZONE EXTERIEURE
-----------------*/
body {
	/* Image de l'arrière-plan de la page */
	background: #fff;
	font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 160%;
	color: #676357;
	font-weight: 400;
	width: 100%;
	overflow-x: hidden;
}

/* ---------------
APPARENCE DES IMAGES
-----------------*/
img {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
}

/* --------------
TRICKS
-----------------*/
.hide {
	display: none;
}

.clear {
	border: 0;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.relative {
	position: relative;
}

.posLeft {
	float: left;
}

.posMiddle {
	margin: 0 auto;
}

.posRight {
	float: right;
}

.txtCenter {
	text-align: center;
}

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

.noResult {
	padding: 20px;
	font-size: 1.2em;
	color: #999;
	text-align: center;
}

.size1_1 {
	width: 100%;
	padding: 0 1%;
	min-height: 1px;
}

.size1_2 {
	width: 50%;
	padding: 0 1%;
	min-height: 1px;
}

.size1_3 {
	width: 33.33%;
	padding: 0 1%;
	min-height: 1px;
}

.size1_4 {
	width: 25%;
	padding: 0 1%;
	min-height: 1px;
}

.size1_5 {
	width: 20%;
	padding: 0 1%;
	min-height: 1px;
}

.size1_6 {
	width: 16.66%;
	padding: 0 1%;
	min-height: 1px;
}

.size1_7 {
	width: 14.285%;
	padding: 0 1%;
	min-height: 1px;
}

.size1_8 {
	width: 12.5%;
	padding: 0 1%;
	min-height: 1px;
}

.arrowBlack {
	position: absolute;
	left: 5px;
	bottom: -5px;
	display: block;
	width: 10px !important;
	height: 5px !important;
	padding: 0;
	margin: 0;
	background: url(/common_images/community/bg_arrow.png);
}

.arrowBlack.reverse,
.arrowContent.reverse .arrowBlack {
	left: auto;
	right: 5px;
}

.arrowContent {
	position: absolute;
	top: -25px;
	left: 0;
	z-index: 200;
	display: none;
	padding: 0 5px;
	font-size: 11px;
	line-height: 20px;
	color: #fff;
	background: #000;
	white-space: nowrap;
}

.arrowContent.reverse {
	left: auto;
	right: 0;
}

*:hover>.arrowContent {
	display: block;
}

.socialNetworkConnect {
	padding-top: 10px;
}

a.facebookConnect,
a.twitterConnect,
a.googleConnect {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 0;
	height: 31px;
	font: normal 12px/30px 'Roboto', 'Lucida Grande', Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background: #5f78ab;
	border: 1px solid #405a91;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

a.twitterConnect {
	background-color: #55acee;
	border-color: #4998d5;
}

a.googleConnect {
	display: inline-block;
	vertical-align: top;
	background-color: #cc3732;
	border-color: #b62b26;
}

a.facebookConnect:hover {
	background-color: #6895c4;
}

a.twitterConnect:hover {
	background-color: #6bcbf8;
}

a.googleConnect:hover {
	background-color: #e94d48;
}

a.facebookConnect .iconSocialNetwork,
a.twitterConnect .iconSocialNetwork,
a.googleConnect .iconSocialNetwork {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background: url(/common_images/skins/DefaultSkins1.5/icon_socialNetworks.png) 0 0 no-repeat;
}

a.twitterConnect .iconSocialNetwork {
	background-position: -30px 0;
}

a.googleConnect .iconSocialNetwork {
	background-position: -60px 0;
}

a.facebookConnect>span,
a.twitterConnect>span,
a.googleConnect>span {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}

a.facebookConnect>span {
	border-left: 1px solid #405a91;
}

a.twitterConnect>span {
	border-left: 1px solid #4998d5;
}

a.googleConnect>span {
	border-left: 1px solid #b62b26;
}

/*.googleConnect > div { display: none; }*/
#overDiv {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
}

/* ---------------------------------------- */
/* X - Fancy Box                            */
/* ---------------------------------------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	color: #444;
	text-shadow: none;
	background: #f9f9f9;
	border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	padding: 15px;
	margin: 0;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #444;
	white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
	background-image: url(/common_images/fancyBox/fancybox_sprite.png);
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 8060;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	cursor: pointer;
	opacity: 0.8;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(/common_images/fancyBox/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	z-index: 8040;
	width: 36px;
	height: 36px;
	cursor: pointer;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	z-index: 8040;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(/common_images/fancyBox/blank.gif);
	/* helps IE */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	z-index: 8040;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	visibility: hidden;
	overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8010;
	display: none;
	background: url(/common_images/fancyBox/fancybox_overlay.png);
	overflow: hidden;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
	position: relative;
	z-index: 8050;
	font: normal 13px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-shadow: none;
	visibility: hidden;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	z-index: 8050;
	margin-bottom: -35px;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	font-weight: bold;
	line-height: 24px;
	color: #FFF;
	text-shadow: 0 1px 2px #222;
	background: transparent;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

	#fancybox-loading,
	.fancybox-close,
	.fancybox-prev span,
	.fancybox-next span {
		background-image: url(/common_images/fancyBox/fancybox_sprite@2x.png);
		background-size: 44px 152px;
		/*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url(/common_images/fancyBox/fancybox_loading@2x.gif);
		background-size: 24px 24px;
		/*The size of the normal image, half the size of the hi-res image*/
	}
}

/* Champ de formulaire masqué pour gestion d'un antispam de type honey pot*/
.firstnameFormRow {
	display: none;
}


/*-------------------------------------------------------------------------------
				START CUSTOM STYLE
--------------------------------------------------------------------------------*/
input,
button,
select,
textarea {
	border: 1px solid #9f9b8e;
	padding: 5px 10px;
	width: 100%;
}

.form-row {
	margin: 0 0 20px;
}

input[type="radio"],
input[type="checkbox"] {
	width: auto !important;
	display: inline-block !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: normal;
	margin: 0px 0 15px;
	padding: 0;
}

h1,
.h1 {
	font-size: 28px;
}

h3,
.h3 {
	font-size: 20px;
}

a,
a:link,
a:visited {
	color: #eb621b;
	text-decoration: none;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

a:hover {
	color: #676357;
	text-decoration: none;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}


/*header*/
#header {
	position: fixed;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	background: #676357;
	color: #fff;
	height: 36px;
	z-index: 6;
}

#logo {
	float: left;
	width: 270px;
	height: 36px;
	position: relative;
	z-index: 10;
}

#logo a {
	display: block;
}

.top-nav,
.widget-header {
	float: right;
}

.top-nav #nested {
	padding: 0;
	margin: 0;
	min-height: inherit;
	border: none;
}

.top-nav .collapse {
	padding: 0;
}

.top-nav .navbar-nav>li:after {
	margin: 0 0;
	content: '';
	width: 1px;
	height: 20px;
	background: #fff;
	height: 15px;
	background: #fff;
	display: inline-block;
	vertical-align: middle;

}

.top-nav .navbar-nav>li.m-boutique:after,
.top-nav .navbar-nav>li.m-contact:after {
	display: none;
}

.top-nav .navbar-nav>li>a {
	font-size: 13px;
	color: #fff;
	padding: 5px;
	display: inline-block;
	position: relative;
	margin: 0 5px;
	line-height: 26px;
}

.top-nav .navbar-nav>li.m-boutique>a {
	background: #eb6218;
	color: #fff;
	padding: 5px 10px;
	margin: 0;
}

.top-nav .navbar-nav>li:hover>a,
.top-nav .navbar-nav>li>a:hover,
.top-nav .navbar-nav>li.active>a {
	background: #9f9b8e;
	color: #fff;
	text-decoration: underline;
}

.top-nav .navbar-nav>li>a:after {
	position: absolute;
	left: 0;
	bottom: -3px;
	content: '';
	width: 1%;
	height: 6px;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.top-nav .navbar-nav>li>a:hover:after,
.top-nav .navbar-nav>li.active>a:after,
.top-nav .navbar-nav>li:hover>a:after {
	background: #eb6218;
	width: 100%;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.top-nav .navbar-nav>li>.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 5px;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 260px;
	padding: 0 0;
	margin: 0 0 0;
	margin-top: 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: none;
	border-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0);

}

.top-nav .navbar-nav>li>.dropdown-menu>li>a {
	padding: 5px 20px;
	font-size: 13px;
	color: #676357;
	border-bottom: 1px solid #b1afa9;
	border-top: 1px solid #dfdedb;
	position: relative;
}

.top-nav .navbar-nav>li>.dropdown-menu>li>a:before {
	position: absolute;
	left: 10px;
	top: calc(50% - 5px);
	content: '.';
	display: block;
	color: #eb6218;
	font-weight: bold;
	line-height: 0;
	font-size: 24px;

}

.top-nav .navbar-nav>li>.dropdown-menu>li:first-child>a {
	border-top: none;
}

.top-nav .navbar-nav>li>.dropdown-menu>li:last-child>a {
	border-bottom: none;
}

.top-nav .navbar-nav>li>.dropdown-menu>li>a:hover,
.top-nav .navbar-nav>li>.dropdown-menu>li.active>a {
	background: #d9d7d2;
}

@media screen and (min-width: 768px) {
	.top-nav .navbar-nav>li.dropdown:hover>.dropdown-menu {
		display: block;
	}
}

/*widget header*/
.widget-header .widget {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	position: relative;
}

.widget-header fieldset,
.widget-header #searchform {
	padding: 0;
	margin: 0;
}

/*widget recherche*/
.w-search label {
	display: block;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -999px;
	background: url(../images/ico-search.png) no-repeat center #d9d5cf;
	margin: 0;
	cursor: pointer;
}

.w-search fieldset {
	position: absolute;
	right: 0;
	top: 100%;
	background: #d9d5cf;
	padding: 20px;
	display: none;
}

.w-search:hover fieldset,
.w-search label:hover+fieldset {
	display: block;
}

/*widget mon compte*/
.w-user label.login {
	display: block !important;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -999px;
	background: url(../images/ico-user.png) no-repeat center #9f9b8e;
	margin: 0;
	cursor: pointer;
	position: relative;
	z-index: 10;
}

.w-user .widgetContainer {
	position: absolute;
	right: -10px;
	top: 100%;
	padding: 10px 0 0;
	display: none;
	width: 300px;

}

.w-user .inner-widget {
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	background: #9f9b8e;
	color: #fff;
	position: relative;
	z-index: 10;
}

.w-user .inner-widget:before {
	bottom: 100%;
	right: 15px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(159, 155, 142, 0);
	border-bottom-color: #9f9b8e;
	border-width: 10px;
	margin-left: -10px;
}

.w-user #loginboxform {
	display: block !important;
	margin-bottom: 30px;
}

.w-user .inner-widget legend {
	color: #fff;
	border: none;
	padding: 0;
	margin: 0 0 5px;
	font-weight: normal;
	font-size: 22px;
	text-align: center;
}

.w-user .inner-widget legend span {
	font-size: 13px;
	padding: 0;
}

.w-user #login {
	display: none !important;
}

/*.w-user:hover .widgetContainer,*/
.w-user #login:checked+.widgetContainer

/*,
.w-user label:hover + input + .widgetContainer*/
	{
	display: block;
}

#header .w-user fieldset {
	display: block;
	width: 100%;
}

.w-user .row-form {
	margin-bottom: 5px;
}

.w-user .row-form:after {
	display: block;
	clear: both;
	content: "";
	width: 100%;
	height: 0;
}

.w-user .row-form span {
	float: left;
	height: 21px;
	padding: 0;
	border-radius: 0;
}

.w-user .row-form span.label {
	width: 90px;
	background: #eb6218;
}

.w-user .row-form span.label label {
	font-size: 11px;
	display: block !important;
	padding: 0 5px;
	line-height: 21px;
	margin-bottom: 0 !important;
	font-weight: normal;
	text-align: left;
}

.w-user .row-form span.fields {
	width: calc(100% - 90px);
	background: #fff;
}

.w-user .row-form span.fields input {
	background: #fff;
	border: none;
	padding: 0 5px;
	line-height: 21px;
	font-size: 11px;
	color: #676357;
}

#header .w-user .btn-primary,
#header .w-user .submit input {
	background: #eb6218;
	border-radius: 0;
	text-align: center !important;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	padding: 7px 20px;
	display: block;
	width: 100%;
	margin: 0;
	border: none;
	font-family: Verdana;
}

#header .w-user .widgetLoginLinks a {
	font: italic 9px Verdana;
	color: #fff;
	text-decoration: underline;
}

.bg-overlay-user {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1;
}

/*widget panier*/
.w-cart a {
	display: block;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -999px;
	background: url(../images/ico-cart.png) no-repeat center #fff;
	margin: 0;
}

/*menu left*/
#leftmenu {
	position: fixed;
	left: 0;
	top: 0;
	width: 120px;
	height: 100%;
	background: #eb621b;
	padding: 120px 0 0;
	z-index: 1;
}

#leftmenu #nested {
	min-height: inherit;
	border: 0;
	margin: 0;
	padding: 0;
}

#leftmenu #navbarCollapse {
	padding: 0;
	margin: 0;
	border: none;
}

#leftmenu .navbar-nav {
	float: none;
}

#leftmenu .navbar-nav>li {
	float: none;
	display: block;
}

/* #leftmenu .navbar-nav>li:first-child {
	background: #676357;
} */

#leftmenu .navbar-nav>li>a {
	padding: 10px 0px 5px;
	color: #2b2a25;
	text-align: center;
	font-size: 13px;
	position: relative;
	z-index: 1003;
}

@media screen and (min-width: 768px) {
	#leftmenu .navbar-nav>li>a {
		max-height: calc((100vh - 120px) / 9);
	}

	#leftmenu .navbar-nav>li>a img {
		max-height: calc(((100vh - 120px) / 9) - 35px);
		display: block;
		margin: 0 auto;
	}
}

#leftmenu .navbar-nav>li>a span {
	display: block;
	font-weight: 400;
}

#leftmenu .navbar-nav>li.active>a,
#leftmenu .navbar-nav>li:hover>a,
#leftmenu .navbar-nav>li>a:hover {
	background: #fff;
}

#leftmenu .navbar-nav>li>a:after {
	position: absolute;
	right: -6px;
	top: 0px;
	content: '';
	width: 6px;
	height: 0px;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#leftmenu .navbar-nav>li>a:hover:after,
#leftmenu .navbar-nav>li.active>a:after,
#leftmenu .navbar-nav>li:hover>a:after {
	background: #676357;
	height: 100%;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#leftmenu .navbar-nav>li>.dropdown-menu {
	position: absolute;
	/*top: 50%;*/
	top: -50px;
	left: 100%;
	z-index: 1000;
	display: none;
	float: left;
	width: 145px;
	padding: 50px 0 50px 0;
	margin: 0 0 0;
	margin-top: 0;
	font-size: 13px;
	text-align: left;
	list-style: none;
	background: #fff;
	background-clip: padding-box;
	border: none;
	border-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
	border-right: 6px solid #fff;
	border-left: 6px solid #c5c1b7;
	/*transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);*/
}

#leftmenu .navbar-nav>li:nth-last-child(1)>.dropdown-menu,
#leftmenu .navbar-nav>li:nth-last-child(2)>.dropdown-menu,
#leftmenu .navbar-nav>li:nth-last-child(3)>.dropdown-menu {
	top: inherit;
	bottom: -50px;
}

#leftmenu .navbar-nav>li>.dropdown-menu:before {
	background: rgba(233, 229, 217, 0.8);
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#leftmenu .navbar-nav>li>.dropdown-menu>li {
	float: none;
	display: block;
	position: relative;

}

#leftmenu .navbar-nav>li>.dropdown-menu>li>a {
	display: block;
	font-size: 13px;
	color: #2b2a25;
	padding: 15px 10px;
	position: relative;
	white-space: normal;
}

#leftmenu .navbar-nav>li>.dropdown-menu>li.active>a,
#leftmenu .navbar-nav>li>.dropdown-menu>li:hover>a,
#leftmenu .navbar-nav>li>.dropdown-menu>li>a:hover {
	background: #eb621b;
	color: #fff;
}

#leftmenu .navbar-nav>li>.dropdown-menu>li>a:after {
	position: absolute;
	right: -6px;
	top: 0px;
	content: '';
	width: 6px;
	height: 0px;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#leftmenu .navbar-nav>li>.dropdown-menu>li>a:hover:after,
#leftmenu .navbar-nav>li>.dropdown-menu>li.active>a:after,
#leftmenu .navbar-nav>li>.dropdown-menu>li:hover>a:after {
	background: #676357;
	height: 100%;
	-webkit-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

@media screen and (min-width: 768px) {
	#leftmenu .navbar-nav>li.dropdown:hover>.dropdown-menu {
		display: block;
	}

	#leftmenu .navbar-collapse.collapse {}
}

/*contenu*/
#page {
	padding: 36px 0 0 120px;
	min-height: 740px;
}

#wrapperInner {
	padding: 0;
}

.fullwidth #container {
	padding: 0;
	width: 100%;
	max-width: 100%;
}

/*footer*/
#footer {
	background: #676358;
	/*position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 125px;
	z-index: 2;*/
	color: #fff;
	font-size: 12px;
	padding-left: 120px;
	min-height: 200px;
	padding-top: 20px;
	padding-bottom: 60px;
}

#footer a {
	color: #fff;
}

#footer a:hover {
	text-decoration: underline;
}

.w-text-foot {
	float: right;
	clear: right;
	padding: 15px 15px 5px 15px;
	margin-bottom: 0 !important;
	line-height: normal;
}

.w-copy {
	margin-bottom: 0 !important;
	padding: 0 15px;
	text-align: center;
	clear: both;
}

/*----------------page accueil--------------------*/

/*diaporama*/
.slide-home img {
	width: 100%;
	height: auto;
}

#contentsInner .slide-home .slick-dots {
	bottom: 10px;
	margin: 0;
}

#contentsInner .slick-dots li button {
	padding: 0;
}

#contentsInner .slick-dots li button:before {
	font-size: 14px;
	color: #eb6218;
	content: "\f111";
	font: normal normal normal 14px/1 FontAwesome;
	opacity: 1;
}

#contentsInner .slick-dots li.slick-active,
#contentsInner .slick-dots li button:hover:before,
#contentsInner .slick-dots li.slick-active button:before {
	color: #fff;
}

#contentsInner .slick-dots li:before {
	content: "";
	display: none;
}

/*section edito*/
.section {
	padding: 50px 0;
}

.title-edito {
	font-weight: 300;
	font-size: 28px;
	text-transform: uppercase;
	margin-bottom: 40px;
	color: #676357;
}

#contentsInner a {
	text-decoration: underline;
}

#contentsInner ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

#contentsInner ul li {
	line-height: normal;
}

#contentsInner ul li:before {
	content: "";
	background: #eb6218;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 4px;
	height: 4px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.text-edito ul li {
	display: inline-block;
	width: 49%;
	font-size: 15px;
}

.title-section {
	font-weight: 300;
	font-size: 28px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #676357;
}

.no-padding {
	padding: 0;
}

/*section metiers*/
.link-metiers {
	display: block;
	background-size: cover;
	height: 111px;
	text-decoration: none !important;
	position: relative;
}

.link-metiers:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.link-metiers:hover:before {
	width: 100%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.item-metiers4 .link-metiers:before,
.item-metiers5 .link-metiers:before {
	background: rgba(255, 255, 255, 0.6);
}

.btn-metier {
	display: table;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 2;
}

.btn-metier>div {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 20px;
	font-size: 30px;
	color: #fff;
}

.btn-metier>div:after {
	display: inline-block;
	width: 31px;
	height: 42px;
	content: "";
	vertical-align: middle;
	background: url(../images/ico-double-fleche.png) no-repeat center;
}

.item-metiers4 .btn-metier>div {
	color: #eb6218;
}

.item-metiers5 .btn-metier>div {
	color: #676358;
}

.item-metiers4 .btn-metier>div:after,
.item-metiers5 .btn-metier>div:after {
	background: url(../images/ico-double-fleche_gray.png) no-repeat center;
}

.btn-metier>div img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}

.btn-metier>div p {
	margin: 0;
	display: inline-block;
}

/*actualités*/
.section-actus .container {
	position: relative;
}

.all-news {
	padding-left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.all-news a {
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	color: #676358;
	text-decoration: underline;
	padding: 5px 25px 5px 0;
	background: url(../images/ico-plus.png) no-repeat right center;
}

.list-actus .news {
	margin: 30px 0 0px;
}

.list-actus .widgetLastElementsPicture {
	text-align: center;
	overflow: hidden;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	padding: 0;
	height: 285px;
}

.list-actus .widgetLastElementsPicture img {
	float: none;
	width: 100%;
	height: auto;
}

.date-news {
	display: inline-block;
	background: #676358;
	padding: 0px 6px;
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 10px;
}

.text-actus h3 {
	font-size: 26px;
	font-weight: bold;
	color: #eb621b;
	line-height: 26px;
	margin-bottom: 0;
}

.text-actus h3 a {
	text-decoration: none !important;
}

.btn-more {
	text-decoration: none !important;
	display: inline-block;
	color: #625e53 !important;
	text-transform: uppercase;
	font-size: 14px;
	padding: 6px 30px;
	border: 2px solid #eb621b;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.btn-more:hover {
	background: #eb621b;
	color: #fff !important;
}

.news .widgetLastElementsDescription {
	line-height: 25px;
	margin-bottom: 10px;
}

/*section carte*/
.section-cartes {
	background: #f0efee;

}

.item-text-carte {
	padding-top: 40px;
}

.item-text-carte h2 {
	font-weight: 300;
	font-size: 28px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #676357;
}

.item-carte .map>div {
	margin: 0 auto !important;
	max-width: 100%;
}

/*--page nos sites--*/
.section-banner {
	text-align: center;
	background-size: cover !important;
	background-color: #676357;
}

.title-banner {
	display: inline-block;
	background: rgba(235, 98, 27, 0.8);
	padding: 10px 20px;
	color: #fff;
	font-size: 55px;
	line-height: normal;
}

.title-banner img {
	vertical-align: middle;
	max-width: 52px;
	max-height: 52px;
}

.section-mapsites .map>div {
	width: 100% !important;
	height: 686px !important;
	margin: 0 auto !important;
}

.img-sites {
	padding: 0;
}

.img-sites img {
	max-width: 100% !important;
}

.coordonnee-sites {}

.googleMapBulle .coordonnee-sites h3 {
	font-size: 14px;
	margin: 0;
}

.googleMapBulle .coordonnee-sites p {
	font-size: 12px;
	line-height: normal;
	margin: 0 0 10px;
}

.googleMapBulle .coordonnee-sites .link-site a {
	display: block;
	padding: 3px 5px;
	font-size: 11px;
	color: #f4f4f4;
	background: #eb6218;
	text-decoration: none !important;
	text-align: center;
}

.googleMapBulle .coordonnee-sites .link-site .btn-contact {
	background: #676358;
	margin-top: 5px;
}

/*--detail site--*/
.banner-detail-site {
	background: url(../images/banner-site.jpg) no-repeat center !important;
	background-size: cover !important;
}

.edito-site {
	font-size: 18px;
}

.edito-site a,
.edito-site a:link,
.edito-site a:visited {
	color: #676357;
}

.section-mapsite .map>div {
	width: 100% !important;
	margin: 0 auto !important;
}

.section-galerie .div_field_4 {
	margin: 0 10px;
}

.section-galerie .slick-prev,
.section-galerie .slick-next {
	-webkit-transform: translate(0, 0%);
	transform: translate(0, 0%);
	top: 0;
	background: rgba(235, 98, 27, 0.6);
	height: 100%;
	width: 34px;
	opacity: 1 !important;
	text-align: center;
	z-index: 2;

}

.section-galerie .slick-prev {
	left: 0 !important;
}

.section-galerie .slick-next {
	right: 0 !important;
}

.section-galerie .slick-prev:before {
	content: "\f104";
	font-size: 50px;
	color: #fff;
	font-family: FontAwesome;
	line-height: 1;
}

.section-galerie .slick-next:before {
	content: "\f105";
	font-size: 50px;
	color: #fff;
	font-family: FontAwesome;
	line-height: 1;
}

/*--univers services--*/
.big-banner {
	padding: 125px 0;
}

.title-section2 {
	text-align: center;
	color: #676357;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	margin-bottom: 30px;
}

.title-section2:before {
	position: absolute;
	left: 0;
	bottom: 7px;
	content: "";
	width: 100%;
	height: 1px;
	background: #676357;
}

.title-section2 span {
	display: inline-block;
	background: #fff;
	position: relative;
	padding: 0 10px;

}

.img-services {
	overflow: hidden;
	border-radius: 100%;
	margin-bottom: 20px;
	height: 173px;
}

.item-services {
	text-align: center;
	margin: 0 10px;
	width: 173px
}

.item-services h3 {
	font-size: 14px;
	font-weight: bold;
	color: #180300;
	height: 53px;
	overflow: hidden;
}

.item-services .btn-more {
	font-size: 12px;
	padding: 2px 15px;

}

.section-ads {
	position: relative;
	background-size: cover;
}

.section-ads .container {
	position: relative;
	min-height: 355px;
}

.section-ads .call {
	cursor: pointer;
}

.section-ads .call.clicked>span:first-child {
	display: none;
}

.section-ads .call a {
	color: white;
	text-decoration: none !important;
}

.section-ads .call:not(.clicked)>a {
	display: none;
}

.section-ads .content-ads {
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

.text-ads {
	font-size: 28px;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 20px;
	line-height: normal;
}

.content-ads .btn-more {
	color: #fff !important;
}

.title-demarche {
	font-size: 16px;
	font-weight: bold;
	color: #180300;
	margin-bottom: 0;
}

.text-demarche strong {
	color: #eb621b;
}

.text-demarche p {
	margin-bottom: 0;
}

/*section références*/
.section-references {
	width: 100%;
	overflow-x: hidden;
}

.item-ref {
	padding: 50px 15px;
	position: relative;
}

.item-ref1 {
	background: #f0efee;
}

.item-ref1:before {
	background: #f0efee;
	width: 100%;
	left: -100%;
	top: 0;
	position: absolute;
	content: "";
	height: 100%;
}

.item-ref1 .title-section2 span {
	background: #f0efee;
}

.list-references .item {
	display: inline-block;
	margin: 0 5px 30px;
}

/*section chiffre clé*/
.ico-chiffre {
	text-align: center;
	height: 85px;
}

.ico-chiffre img {
	max-height: 100%;
}

.title-chiffre {
	font-size: 70px;
	line-height: normal;
}

.section-galerie {
	font-size: 70px;
	line-height: 100%;
}

.text-chiffre {
	font-size: 14px;
}

/*detail services*/
.galerie-slide img {
	margin: 0 10px;
	height: 300px;
	max-width: none;
	display: inline-block;
	vertical-align: middle;
}

.section-galerie .slick-slide img,
.galerie-slide .slick-slide img {
	max-height: 200px;
}

table {
	margin: 0 0 15px;
}

table[border="0"],
table[border="0"] td,
table[border="0"] th {
	border: none;
}

table[border="1"],
table[border="1"] td,
table[border="1"] th {
	border: 1px solid #f0efee;
}

table[border="1"] td,
table[border="1"] th {
	padding: 5px;
}

table td {
	padding: 15px;
}

.text-savoir td {
	font-size: 13px;
	width: 100px;
	padding: 0 5px 5px;
	line-height: normal;

}

.text-savoir th {
	font-weight: 300;
	padding: 0 5px 5px;
}

.text-savoir th:last-child {
	color: #e75d24;
}

.text-savoir td img {
	width: 100px;
	height: auto;
}

.text-moyen {
	color: #180300;
}

.section-secteurs {
	background: #f0efee;
}

.section-secteurs .title-section2 span {
	background: #f0efee;
}

.list-secteurs {
	width: 100%;
	max-width: 870px;
	margin: 0 auto;
}

.item-secteur {
	width: 268px;
	height: 268px;
	position: relative;
	margin: 0 15px;
}

.item-secteur h3 {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	font-size: 30px;
	text-transform: uppercase;
	color: #180300;
	text-align: center;
	z-index: 2;
}

.bg-secteur {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.6);
}

.ads-detail .text-ads {
	font-size: 55px;
	text-transform: none;
}

/*--page R&D--*/
.text-edito h4 {
	text-transform: uppercase;
	color: #180300;
	font-size: 16px;
	font-weight: bold;

}

.p-rd .text-edito strong {
	color: #eb621b;
}

.section-cercle {
	background: url(../images/bg-cercle.png) repeat;
}

.section-cercle .title-section2 span {
	background: url(../images/bg-cercle.png) repeat;
}

.p-rd .text-ads {
	font-size: 55px;
	text-transform: none;
}

.img-outils {
	margin-bottom: 10px;
}

.text-outils strong {
	color: #180300;
}

.galerie-slide2 img {
	margin: 0 10px;
}

.befor-footer {
	margin-top: 40px;
	color: #fff;
	font-size: 20px;
	overflow: hidden;
	width: 100%;
}

.img-footer {
	background: #f1edee;
	min-height: 265px;
}

.img-footer:before {
	background: #f1edee;
	display: block;
	content: "";
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
}

.img-footer img {
	position: absolute;
	right: 0;
	top: 0;
	max-width: inherit;
}

.text-footer1,
.text-footer2 {
	padding: 40px 15px;
	background: #eb621b;
	position: relative;
	min-height: 265px;
}

.text-footer1:before {
	display: inline-block;
	width: 1px;
	height: 150px;
	content: "";
	vertical-align: middle;
	display: block;
	float: right;
	background: #fff;
	margin-left: 15px;

}

.text-footer2 {
	font-size: 24px;
}

.text-footer2:after {
	position: absolute;
	right: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	background: #eb621b;
}

.desc-footer2 {
	margin-bottom: 30px;
}

.content-footer2 .btn-more {
	color: #fff !important;
	border-color: #fff;
	float: right;
}

#contentsInner .section-contenu h1 {
	font-size: 28px;
	color: #676357;
	font-weight: 300;
	margin-bottom: 30px;
	text-transform: uppercase;
}

#contentsInner .section-contenu h2 {
	font-size: 26px;
	color: #eb621b;
	font-weight: 700;
}

#contentsInner .section-contenu h3 {
	font-size: 14px;
	color: #676357;
	font-weight: 400;
}

#contentsInner .section-contenu h4 {
	font-size: 12px;
	color: #eb621b;
	font-weight: 700
}

#contentsInner .section-contenu h5 {
	font-size: 11px;
	color: #676357;
	font-weight: 700;
}

#contentsInner .section-contenu h6 {
	font-size: 16px;
	color: #676357;
	font-weight: 300;
}

#contentsInner .section-contenu p {
	/*font-size: 16px;*/
	color: #676357;
}

#contentsInner .section-contenu a:link,
#contentsInner .section-contenu a:visited,
#contentsInner .section-contenu a {
	font-size: 14.69px;
	color: #676357;
	font-weight: 400;
}

#contentsInner .section-contenu a:hover {
	color: #eb621b;
}

#contentsInner .section-contenu ol {
	font-size: 15px;
	margin: 0 0 20px;
	padding: 0;
}

blockquote {
	border: none;
}

q {
	color: #000;
}

/*--page actu--*/
#newsList .newsContainer {
	border-bottom: none;
	margin: 0 0 60px 0;
	padding: 0 0 0px 0;
}

#newsList .newsContainer .chapoPicture {
	text-align: center;
	float: left;
}

#newsList .newsContainer .chapoPicture .inner-chapoPicture {
	overflow: hidden;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	height: 255px;
}

#newsList .newsContainer .chapoPicture img {
	float: none;
	width: 100%;
	height: auto;
	/*min-width: 255px;
    min-height: 255px;*/
}

#contentsInner .section-contenu .text-actus h3 {
	font-size: 26px;
	font-weight: 500;
	color: #eb621b;
	line-height: 26px;
	margin-bottom: 0;
	height: 56px;
	overflow: hidden;
}

#contentsInner .section-contenu .text-actus h3 a {
	color: #eb621b;
	font-size: 26px;
	line-height: 26px;
	font-weight: 500;
}

#contentsInner .section-contenu .text-actus .description {
	line-height: 25px;
	margin-bottom: 10px;
}

#contentsInner .section-contenu .text-actus a.btn-more {
	font-weight: 300;
	font-size: 14px;
}

#contentsInner ul.pagination li:before {
	display: none;
}

#contentsInner .section-contenu ul.pagination li a {
	text-decoration: none;
}

#news #chapo {
	margin: auto;
	width: 100%;
	border: none;
	padding: 0;
}

#news #chapo img {
	float: none;
	margin: 0 0 20px;
	padding: 0
}

.remplace-title {
	font-size: 28px;
	color: #676357;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
}

.section-detail-news {
	padding: 0 0 50px;
}

#contentsInner .section-contenu .section-detail-news h1.h2 {
	padding: 0px;
	margin: 0 0 10px;
	font-size: 26px;
	color: #eb621b;
	font-weight: 700;
	text-transform: none;

}

.section-detail-news .description {
	margin-bottom: 20px;
}

.section-detail-news .btn-more {
	margin-bottom: 10px;
}

.section-detail-news .chapoPicture {
	margin-bottom: 30px;
}

/*-----------page contact-----------------*/
.form-control {
	background: none;
	margin: 0;
	padding: 10px;
	border: none;
	border-bottom: 1px solid #676357;
	color: #676357;
	font-size: 14px;
	font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	height: auto;
}

.contacts #contentsInner .section-contenu h3 {
	font-size: 20px;
	color: #676357;
	font-weight: 500;
}

.section-form-contact h2 {
	display: none;
}

.section-form-contact fieldset {
	display: block;
	margin: 0 -15px;
}

.section-form-contact fieldset .item-form {
	float: left;
	width: 50%;
	padding: 0 15px;
}

.section-form-contact fieldset .item-form:last-child {
	width: 100%;
	clear: both;
	float: none;
}

.section-form-contact fieldset textarea {
	height: 300px;
}

.bootstrap-select>.dropdown-toggle {
	background: none;
	margin: 0;
	padding: 10px;
	border: none;
	border-bottom: 1px solid #676357;
	color: #676357;
	font-size: 14px;
	font-family: 'Quicksand', sans-serif, Arial, Helvetica, sans-serif;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	height: auto;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
	border-top: 8px dashed #eb6218;
	border-top: 8px solid #eb6218 \9;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-bottom: none;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
	color: #676357;
}

#contentsInner .bootstrap-select ul li::before {
	display: none;
}

.field-form.error {
	background: #ffefef;
}

#divfield18 .aide {
	position: relative;
	float: right;
	width: calc(100% - 30px);
	font-size: 13px;
}

#divfield18 {
	border: solid 1px #000;
	padding: 10px 20px;
}

#divfield18 input[type="checkbox"] {
	margin-right: 10px;

}

/*================================
	  SAVOIR FAIRE MARJO 03/10/18
================================*/

.savoirs-faire {
	margin: 10px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.savoirs-faire>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 16%;
	flex: 0 1 16%;
	text-align: center;
}

.savoirs-faire span {
	display: inline-block;
	font-size: 14px;
	line-height: normal;
}

.savoirs-faire>div>span:first-child {
	background: #eb621b;
	border-radius: 50%;
	height: 100px;
	width: 100px;
	position: relative;
}

.savoirs-faire>div:first-child>span:first-child {
	background: #676357;
}

.savoirs-faire>div>span:first-child img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.section-savoir .sf-title {
	text-transform: uppercase;
}

.section-savoir .sf-title:nth-child(3) {
	padding: 0 20px;
}

.section-savoir .sf-title:nth-child(2) {
	float: right;
	padding: 0 100px;
	color: #eb621b;
}

.content-moyen {
	text-align: justify;
}

.content-ads p {
	color: white;
}

section.produits {
	background: #f0efee;
}

section.produits .products {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

section.produits .products>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 23%;
	flex: 0 1 23%;
}

section.produits .products>div #rowQuantity {
	display: none;
}

section.produits .title-section2 span {
	background: #f0efee;
}

/* ==============================
						PRODUITS
============================== */

/* FICHE COURTE */
.short_product {
	padding: 20px 20px 10px 20px;
	background: white;
	text-align: center;
	position: relative;
}

#contentsInner .short_product a {
	display: block;
	text-decoration: none;
}

.short_product .picture {
	position: relative;
}

.short_product .picture span {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #eb621b;
	border-radius: 50%;
	height: 100px;
	width: 100px;
	opacity: 1;
	-webkit-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.short_product:hover .picture span {
	opacity: 0;
}

.short_product .picture span img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.short_product .title {
	font-size: 16px;
	font-weight: 500;
	color: #676357;
	display: block;
	min-height: 51px;
}

.short_product .priceContainer {
	color: #676357;
	font-size: 14px;
	font-weight: 600;
}

.short_product .priceContainer .prix {
	color: #eb621b;
	font-size: 22px;
}

.short_product hr {
	width: 50px;
	height: 3px;
	background-color: #eb621b;
	display: inline-block;
	margin: 8px 0;
}

.short_product .description {
	color: #676357;
	font-size: 14px;
}

.short_product form a {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;

}

.short_product form span {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 5px;
	display: inline-block;
	background: #eb621b url(/images/panier.png);
	background-position: 10px center;
	background-repeat: no-repeat;
	font-size: 0;
	width: 40px;
}

#boxcart,
.widgetLogin {
	display: none;
}

.cart table {
	width: 100%;
}

.cart #steps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 22px;
	border-top: 2px solid #676358;
	border-bottom: 2px solid #676358;
	margin: 20px 0 50px 0;
	padding: 20px 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

.cart #steps .active {
	text-transform: uppercase;
	font-weight: 600;
}

.cart #steps span {
	position: relative;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}

.cart #steps span:not(:last-child):after {
	content: ">";
	position: absolute;
	right: 0;
}

.cart .quantity input {
	width: auto;
	border: none;
}

.cart .amount.small {
	font-size: 12px;
}

.cart .amount:not(.small) {
	font-weight: 600;
	font-size: 16px;
}

.cart #formcart a {
	font-weight: 500;
	text-decoration: none;
}

.cart #formcart thead {
	border-bottom: 1px solid #676358;
}

.cart:not(#cart_order_confirmation, #cart_detail) td:last-child,
.cart:not(#cart_order_confirmation, #cart_detail) td:nth-child(4),
.cart:not(#cart_order_confirmation, #cart_detail) th:nth-child(4),
.cart:not(#cart_order_confirmation, #cart_detail) .amount td:nth-child(2) {
	text-align: right;
}

.cart .submit input:not(:last-child) {
	padding: 6px 10px;
	font-size: 12px;
	border-width: 1px;
}

#cart_order_confirmation th:last-child,
#cart_order_confirmation td:last-child,
#cart_detail th:last-child,
#cart_detail td:last-child {
	text-align: right;
}

/*=======================
			DETAIL PRODUIT
=======================*/
.catalogProductDetail #container {
	position: relative;
}

.catalogProductDetail #contentsInner .pager {
	position: absolute;
	top: 0;
	font-size: 0;
	right: 0;
	margin: 0;
}

.catalogProductDetail #contentsInner .pager a {
	font-weight: 900;
	font-size: 28px;
	text-decoration: none;
	padding: 7px 11px;
	display: inline-block;
}

.catalogProductDetail select {
	width: auto;
	margin: 0 0 0 10px;
}

.catalogProductDetail fieldset>*:not(:last-child) {
	min-height: 30px;
	margin-bottom: 10px;
	display: block;
}

.catalogProductDetail fieldset .prix-total,
.catalogProductDetail fieldset .addToCart {
	display: inline-block;
	width: 48%;
	vertical-align: middle;
}

.catalogProductDetail fieldset .prix-total {
	font-size: 22px;
	font-weight: bold;
	color: #eb621b;
	line-height: 26px;
}

.catalogProductDetail fieldset .prix-total span {
	font-size: 32px;
}

.catalogProductDetail #contentsInner fieldset .addToCart a {
	text-decoration: none;
	position: relative;
	background: #eb621b;
	display: block;
}

.catalogProductDetail #contentsInner fieldset .addToCart a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.catalogProductDetail #contentsInner fieldset .addToCart:hover a:before {
	width: 100%;
}

.catalogProductDetail fieldset .addToCart a span {
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	background: url(/media/shopping-cart.png) 10px 50% transparent;
	background-repeat: no-repeat;
	z-index: 1;
	display: block;
	padding: 10px 5px 10px 60px;
	font-size: 16px;
}

.catalogProductDetail .productPictures #productPicture>a {
	display: block;
	margin: 0 0 20px 0;

}

.catalogProductDetail .productPictures #productPicture>a>img {
	min-width: 100%;
}

.catalogProductDetail #visuels_additionnels .productPictures {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* page famille produits */
.catalog .line1,
.catalog .line2,
.catalog .line3,
.catalog .line4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 0 20px 0;
}

.catalog .line1>div,
.catalog .line2>div,
.catalog .line3>div,
.catalog .line4>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 30%;
	flex: 0 1 30%;
}

#overDiv.od_ad_to_cart {
	background: white;
	left: 50% !important;
	top: 50% !important;
	background: white;
	padding: 20px;
	border: 5px solid #676358;
}

#overDiv.od_ad_to_cart .overlibcaption {
	font-size: 28px;
	color: #676357;
	font-weight: 300;
	margin-bottom: 30px;
	text-transform: uppercase;
}

#overDiv.od_ad_to_cart #overlibcontent ul {
	margin: 0;
}

#overDiv.od_ad_to_cart #overlibcontent li {
	display: inline-block;
	width: 48%;
	background: #eb621b;
	vertical-align: top;
	text-align: center;
}

#overDiv.od_ad_to_cart #overlibcontent li span {
	color: white;
	text-transform: uppercase;
	font-weight: 600;
	padding: 10px;
	display: block;
	line-height: 18px;
}

.od_ad_to_cart #overlibheader .overlibclose {
	position: absolute;
	right: 20px;
	top: 20px;
	font-size: 22px;
	font-weight: 600;
}

.od_ad_to_cart #overlibfooter {
	margin-top: 15px;
}

.catalogue fieldset .row {
	margin: 0;
}

.catalogue form {
	margin: 20px 0;
}

#cart_payment_confirmation .label {
	color: #676357;
}

/*---------------------------------------------------
responsive
----------------------------------------------------*/
@media screen and (min-width: 1280px) {
	.item-carte .map>div {
		max-width: inherit;
	}

}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#logo {
		width: 150px;
	}

	.top-nav .navbar-nav>li>a {
		margin: 0px;
		font-size: 11px;
		padding: 5px 4px;
	}

	.item-carte {
		padding-left: 0;
	}

	.btn-metier>div {
		font-size: 20px;
	}

	.item-services {
		margin: 0 15px;
	}
}

@media screen and (max-width: 767px) {
	body {
		/*font-size: 13px;*/
	}

	#header {
		height: auto;
		position: relative;
	}

	#page {
		padding: 0;
	}

	#logo {
		width: 135px;
		float: none;
		margin: 0 auto;
		padding: 5px 0;
		height: auto;
	}

	#logo a {
		width: 100%;
		height: 36px;
		background: url(../images/logo-mobile.png) no-repeat center;
	}

	#logo a img {
		display: none;
	}

	.widget-header {
		position: absolute;
		right: 0;
		top: 5px;
	}

	.widget-header .w-search {
		display: none;
	}

	.w-cart a {
		background-color: transparent;
	}

	.w-user label.login {
		background: url(../images/ico-user-2.png) no-repeat center;
	}

	.top-nav .w-search {
		margin: 0;
		position: absolute;
		right: 0;
		top: 4px;
	}

	.top-nav .w-search label {
		background-color: transparent;
	}

	.top-nav .w-search fieldset {
		z-index: 11;
	}

	#leftmenu {
		display: none;
	}

	#page {
		padding: 0px 0 0 0px;
		min-height: inherit;
	}

	.navbar-toggle {
		position: absolute;
		top: 5px;
		left: 0;
		float: right;
		padding: 11px 10px;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: none;
		border-radius: 0;
		width: auto;
	}

	.navbar-toggle .icon-bar {
		background: #fff;
	}

	.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) {
		display: none;
	}

	.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: 4px;
	}

	.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-top: -2px;
	}

	.top-nav {
		background: #676357;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 11;
	}

	.navbar-nav {
		margin: 0;
	}

	.top-nav .collapse {
		/*border-top: 42px solid #373530;*/
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
		padding: 0 0px 15px;
	}

	.top-nav .collapse:before {
		content: '';
		display: block;
		width: 100%;
		height: 42px;
		background-color: #373530;
	}

	.navbar-collapse.in {
		overflow-y: visible;

	}

	.top-nav .navbar-nav>li {
		padding: 0 30px;
	}

	.top-nav .navbar-nav>li:after {
		display: none;
	}

	.top-nav .navbar-nav>li.last-menu-left {
		border-bottom: 1px solid #d95a25;
		margin-bottom: 15px;
	}

	.top-nav .navbar-nav>li>a {
		padding: 2px 0px;
		display: block;
		margin: 0px;
		text-align: left;
		border-bottom: 1px dotted #373530;
	}

	.top-nav .navbar-nav>li.last-menu-left>a {
		border: none;
	}

	.top-nav .navbar-nav>li.m-boutique>a {
		padding: 0;
		background-color: transparent;
	}

	.top-nav .navbar-nav>li.menu-top>a {
		border: none;
		text-align: center;
		color: rgba(255, 255, 255, 0.5);
		padding: 0;
	}

	.top-nav .navbar-nav>li:hover>a,
	.top-nav .navbar-nav>li>a:hover,
	.top-nav .navbar-nav>li.active>a {
		background: none;
	}

	.top-nav .navbar-nav>li>a:hover:after,
	.top-nav .navbar-nav>li.active>a:after,
	.top-nav .navbar-nav>li:hover>a:after {
		display: none;
	}

	.top-nav .navbar-nav>li>a img {
		/*display: none !important;*/
		width: 30px;
		margin-right: 5px;
	}

	.nav .open>a,
	.nav .open>a:hover,
	.nav .open>a:focus {
		background: none;
	}

	.top-nav .navbar-nav>li.open>.dropdown-menu {
		display: block;
		position: relative;
		top: 0;
		left: 0;
		float: none;
		width: 100%;
	}

	.top-nav .navbar-nav>li>.dropdown-menu>li>a {
		border-bottom: none;
		font-size: 12px;
	}

	.text-edito ul li {
		width: 100%;
		font-size: 13px;
	}

	.link-metiers {
		height: 80px;
	}

	.btn-metier>div img {
		width: 40px;
	}

	.btn-metier {
		text-align: left;
	}

	.btn-metier>div {
		font-size: 20px;
	}

	.text-actus {
		padding: 0;
	}

	.all-news {
		text-align: center;
		padding: 0;
	}

	.list-actus .widgetLastElementsPicture {
		margin: 0 0 20px;
	}

	.item-text-carte {
		margin-bottom: 40px;
	}

	.item-carte {
		padding: 0;
	}

	#footer {
		padding-left: 0;
	}

	.w-text-foot {
		text-align: right;
		padding: 0;
		font-size: 11px;
	}

	.w-text-foot img {
		float: none !important;
		margin: 0px auto !important;
		display: inline-block;
	}

	.title-edito {
		text-align: center;
		font-size: 26px;
	}

	.title-section {
		/*font-size: 20px;*/
	}

	.slide-home .slick-dotted.slick-slider {
		margin-bottom: 0px;
	}

	.text-actus h3 {
		/*font-size: 18px;*/
	}

	.section {
		padding: 20px 0;
	}

	.title-banner {
		font-size: 30px;
	}

	.img-edito {
		margin-bottom: 30px;
	}

	.text-savoir th {
		display: none;
	}

	.text-savoir td {
		display: block;
		width: auto;
		margin: 0 auto 30px;
	}

	.btn-more {
		padding: 6px 20px;
	}

	.text-footer1,
	.text-footer2 {
		min-height: inherit;
	}

	.text-footer1 {
		padding-bottom: 0;
	}

	.text-footer1::before {
		display: none;
	}

	.section-form-contact fieldset .item-form {
		width: 100%;
	}

	.form-control,
	.bootstrap-select>.dropdown-toggle {
		font-size: 13px;
		color: #676357;
	}

	.all-news {
		position: relative;
		text-align: right;
	}

	.w-copy {
		display: none;
	}

	.savoirs-faire>div {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}

	.section-ads .container {
		min-height: 565px;
	}

	.ads-detail .text-ads {
		line-height: 47px;
	}

	.section.produits .products {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	section.produits .products>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		margin: 0 0 20px 0;
	}
}

#contactfixe a {
	background: #eb621c;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5em 1em;
	display: block;
	position: fixed;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: padding-bottom 0.3s ease-out;
}

#contactfixe a:hover,
#contactfixe a:focus {
	padding-bottom: 1em;
}

/*Évolutions 09/23*/

.mainImage {
	height: 600px;
}

.slide-home img {
	height: 100% !important;
	object-fit: cover;
}

.ged-wrapper {
	display: flex;
	flex-direction: row;
}

@media (max-width: 768px) {
	.ged-wrapper {
		flex-direction: column !important
	}

	.elements-left {
		display: flex !important;
		justify-content: center;
	}
}



.elements-mid ul {
	display: flex !important;
	flex-direction: column !important;
}

.elements-mid li {
	width: 100% !important;
}

.elements-mid ul li:before {
	background: #686358 !important;
}

.elements-right p {
	font-weight: 500;
	font-size: 25px;
	padding-top: 25px;
	padding-bottom: 7px;
	color: rgba(235, 98, 27, 0.8);
}

.elements-right p:first-of-type {
	padding-top: 0 !important;
}

.p-home .section-slide .LinkIn {
	position: relative;
	display: flex;
}

.p-home .LinkIn .title {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	display: inline-block;
	background: rgba(235, 98, 27, 0.8);
	padding: 10px 20px;
	color: #fff;
	font-size: 55px;
	line-height: normal;
	text-align: center;
}

@media (max-width: 768px) {
	.p-home .LinkIn .title {
		width: 90% !important;
	}
}

@media (max-width: 500px) {
	.p-home .LinkIn .title {
		font-size: 30px !important;
	}
}

.p-sites h1 {
	text-align: center;
}

@media (min-width:992px) {
	.two-columns {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.section-video .container p {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.section-video .container p iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
}

.p-services .img-edito {
	height: 450px;
}

.p-services .img-edito img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.p-metal .section-edito .row {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

/* .p-metal .section-savoir .container{
	display: flex;
    align-items: center;
} */

.p-sites .text-edito ul {
	display: flex;
	flex-direction: column !important;
}

.p-sites .text-edito li {
	width: 100% !important;
	margin-top: 20px;
}

.backdrop {
	background: #00000096;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	position: fixed;
	z-index: 100;
}

.d-none {
	display: none !important;
}

.section-popup {
	position: fixed;
	width: 50%;
	left: 50%;
	padding: 50px;
	z-index: 200;
	top: 50%;
	transform: translate(-50%, -50%);
	background: white;
	border-radius: 20px;
}

@media (max-width: 992px) {
	.section-popup {
		width: 90% !important;
	}
}

.close {
	position: absolute;
	right: 20px;
	top: 20px;
}

.close:hover {
	cursor: pointer;
}

li.la_valeur_travail img {
	height: 38px !important;
	width: 38px !important;
}

.top-nav .la_valeur_travail img {
	display: none !important;
}