/* EUROREPAR CSS FILE
   AUTHOR : MOHAMMED ELMOUSSAOUI CREATED : 02/05/2017 */


/*CSS RESET*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,  pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption, tbody, tfoot, thead,  article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}


html,body{font-family:'Lato', sans-serif;font-size:13px; font-weight:400;line-height:20px; color:#222221; }
.container:after,.container:before,.panel:after,.panel:before,.row:after,.row:before,.row-padding:after,.row-padding:before,
.cell-row:before,.cell-row:after,.clear:after,.clear:before,.bar:before,.bar:after{content:"";display:table;clear:both}
input:not([type="radio"])  {-webkit-appearance: none;}
/*GRIDS*/
.col{float:left;width:100%}
.col.s05{width:4.1666%}.col.s1{width:8.33333%}.col.s2{width:16.66666%}.col.s25{width:20%}.col.s3{width:24.99999%}.col.s4{width:33.33333%}
.col.s5{width:41.66666%}.col.s6{width:49.99999%}.col.s7{width:58.33333%}.col.s8{width:66.66666%}
.col.s9{width:74.99999%}.col.s10{width:83.33333%}.col.s11{width:91.66666%}.col.s12{width:99.99999%}
@media (min-width:601px){.col.m05{width:4.1666%}.col.m1{width:8.33333%}.col.m2{width:16.66666%}.col.m3,.quarter{width:24.99999%}.col.m4,.third{width:33.33333%}
	.col.m5{width:41.66666%}.col.m6,.half{width:49.99999%}.col.m7{width:58.33333%}.col.m8,.twothird{width:66.66666%}
	.col.m9,.threequarter{width:74.99999%}.col.m10{width:83.33333%}.col.m11{width:91.66666%}.col.m12{width:99.99999%}}
@media (min-width:993px){.col.l05{width:4.1666%}.col.l1{width:8.33333%}.col.l2{width:16.66666%}.col.l3{width:24.99999%}.col.l4{width:33.33333%}
	.col.l5{width:41.66666%}.col.l6{width:49.99999%}.col.l7{width:58.33333%}.col.l8{width:66.66666%}
	.col.l9{width:74.99999%}.col.l10{width:83.33333%}.col.l11{width:91.66666%}.col.l12{width:99.99999%}}
.scrollable-lang{
	height: 270px;
	overflow-y: scroll;
	top: 45px;
}
.bg-color-white {background-color:#fff;}
.bg-color-dark-white {background-color:#d7d7d7;}
.bg-color-accent {background-color:#cf6031;}
.bg-color-grey {background-color:#2d2d2d;}
.bg-color-light-grey {background-color:#565656;}
.bg-color-lg {background-color:#f1f1f1;}
.bg-color-black {background-color:#202020;}
.bg-color-transp {background-color: rgba(20,20,20, 0.925);}

.text-bg-orange {background-color:#ca4f1c;}

.text-color-white {color:#fff;}
.text-color-accent {color:#ca4f1c;}
.text-color-grey {color:#303030;}
.text-color-light-grey {color:#909090;}
.text-color-black {color:#222221;}
.text-underline {
	text-decoration: underline;
}
.small-font{
	font-size: 13px;
}
.lineheight {line-height: 20px!important;}
.lineheight24 {line-height: 24px!important;}
.top,.bottom{position:fixed;width:100%;z-index:1}.top{top:0}.bottom{bottom:0}
.left{float:left!important}.right{float:right!important}
.boxed {margin:0 auto;}
.full {width: 100%; max-width: 960px;}
.full-width {width: 100%;}
.logo-holder {padding: 20px 0px;}

#topHeader {z-index: 99; }
#erNavbar {height: 85px;}
#erLogo {width:208px; height: 49px;}
#erLang {padding: 16px 0; font-size: 14px;position:relative}
a {text-decoration: none; cursor: pointer; color: #000; }
#erMenu {height: 40px;}
.menu-item {font-size:12.5px; line-height: 16px;}
.uppercase {text-transform: uppercase; }
.italic {font-style: italic;}
.center {text-align: center;}
.a-right {text-align: right;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.padding-tb {padding: 10px 0;}
.padding-l-20 {padding-left: 20px;}
#slider-container {position:relative;overflow:hidden;height:480px; background:#303030 ; }
.slide {overflow:hidden;height:480px;  background-repeat: no-repeat;	background-size: cover;	background-position: center center; display: none; }
.space-100 {height: 100px; width: 100%;clear:both}
.space-50  {height: 50px; width: 100%;clear:both}
.space-30  {height: 30px; width: 100%;clear:both}
.space-20  {height: 20px; width: 100%;clear:both}
.space-10  {height: 10px; width: 100%;clear:both}
.space-5  {height: 5px; width: 100%;clear:both}
.space-0  {height: 0px; width: 100%;clear:both}

h1,h2,h3,h4,h5,h6 {font-family:font-family:'Lato', sans-serif; }
h1, .title1  {font-size:38px; font-weight:900;line-height:48px;}
h2, .title2  {font-size:28px; font-weight:700;line-height:34px;}
h3, .title3  {font-size:28px; font-weight:300;line-height:34px;}
h4, .title4  {font-size:20px; font-weight:900;line-height:28px;}
h5, .title5  {font-size:20px; font-weight:700;line-height:28px;}
h6, .title6 {font-size:12.5px; font-weight:900;line-height:18px;}

@media (max-width:768px) {
	h1, .title1  {font-size:28px; font-weight:900;line-height:48px;}
	h2, .title2  {font-size:20px; font-weight:700;line-height:34px;}


}

.text-l {font-size: 18px;}
.text-m {font-size: 16px;}
.text-s {font-size: 14px;}
.text-xs {font-size: 9px;}
.pdf_texte {font-size: 15px!important;}


.text-heavy,.text-heavy p {font-weight:900;}
.text-bold,.text-bold p {font-weight:700;}
.text-regular,.text-regular p {font-weight:400;}
.text-light,.text-light p {font-weight:300;}

.margin-5 {margin: 5px;}
.margin-10 {margin: 10px;}
.margin-20-l {margin-left: 20px;}
.margin-50-r {margin-right: 50px;}
.margin-10-r {margin-right: 10px;}

.padding-5 {padding: 5px;}
.padding-10 {padding: 10px;}
.padding-20 {padding: 20px;}
.padding-n-s {padding: 3px 10px;}
.padding-right {padding-right: 20px; }
.padding-r-5 {padding-right: 5px; }
.full-height {max-height: 100%;}
.no-float {float: none!important;}
.btn {cursor: pointer; border: none;}
.btn-white {cursor: pointer;border: 2px #fff solid;color: #fff;}
.btn-white:hover {border: 2px #ca8863 solid;}

.btn-grey {cursor: pointer;color: #fff; background-color: #303030;}
.btn-small {padding: 10px 25px;  font-size:12.5px; font-weight:400;line-height:18px;}

.btn-big {padding: 20px 80px;  font-size:16px; font-weight:900;line-height:22px;}
.transit {
	-webkit-transition:  0.5s; /* Safari */
	transition:  0.5s;
}
.slider-nav-left {width: 30px; height:370px; position: absolute; left: 0; top: 72px; text-align: right; }
.slider-nav-right {width: 30px; height:370px; position: absolute; right: 0; top: 72px;  text-align: left; }

.slider-nav img {padding: 175px 0px; }
.small-underline {width: 100px; height: 7px;}

.gamme-item {width: 160px; height: 260px; border: 10px #d7d7d7 solid; position: relative;}
.gamme-sub-item  {width: 100%; height: 100%;z-index: 10;position: absolute;top: 0;left: 0; display: none;}
.gamme-sub-item h5,.gamme-sub-item .title5 {font-size: 16px;}
.famille-item h5,.famille-item .title5 {font-size: 15px;}
.famille-item h4, .famille-item .title4 {
	padding: 0 5%;
}
.gamme-item > img { position: relative;z-index: 1;left: 50%;margin-left: -100%;top: 72%;margin-top: -100%; max-width: 316px;}
.famille-item {width:75%; height:100%; min-height: 410px;}
.famille-item > img {
	max-width: 100%;
	height: auto;}
.s-famille-item {width:80%; height:90%; position: relative;}
.s-famille-item > .parent {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;
	display: flex;
	height: 100%;

}
.article-holder .s-famille-item .text-holder {
	height: 100%;
	overflow: hidden;
	margin-bottom: 0;
	position: relative;
}
.article-holder .s-famille-item {
	height:300px;
}
.article-holder .s-famille-item .date-holder {
	position: absolute;
	bottom: 15px;
	left:0;
}
.article-holder .s-famille-item .title-holder {
	max-height: 230px;
	overflow: hidden;
	position: relative;
}
.title-holder .desc-hold {
	line-height: 16px;
	font-weight: normal;
	font-size: 12px;
}
@media (max-width:768px) {
	.article-holder .s-famille-item .text-holder {
		height: 100%;
		overflow: hidden;
		margin-bottom: 0;
		position: relative;
	}
	.article-holder .s-famille-item .title-holder {
		max-height: 190px;
		overflow: hidden;
		position: relative;
	}
}
.filter-by-title {
	display: inline-block;
	padding: 15px 0px 10px 0px;
	margin: 0 10px 0 30px;
	text-transform: uppercase;
}
.filter-by-link {
	display: inline-block;
	background: #fff;
	padding: 15px 15px 10px 15px;
	margin: 0 10px;
	border-bottom: 5px solid #fff;
}
.filter-toggle {display: none}
.filter-mobile {
	display: inline-block;
}
@media (max-width:768px){
	.filter-toggle {
		position: relative;
		display: inline-block;
		background: #fff;
		padding: 10px 40px 10px 20px;
	}
	.filter-toggle:after {
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 12px;
		content: "\f0dc";
		position: absolute;
		right: 10px;
		top: 15px;
	}
	.filter-mobile {
		display: none;
		background: #fff;
	}
	.filter-by-link {
		display: block;
		background: #fff;
		padding: 15px 15px 10px 15px;
		margin: 0 10px;
		border-bottom: 5px solid #fff;
	}

}

.filter-by-link.active {
	border-bottom: 5px solid #ca4f1c;
}
.actu-type-title {
	width: 80%;
	padding: 5px 0;
	position: absolute;
	top: 15px;
	right: 0;
	text-transform: uppercase;
	background: #ca4f1c;
	color:#fff;
	font-size: 10px;
	text-align: center;
}
.img-fill {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
}
.img-fill img {
	object-fit: cover;
	flex-shrink: 0;
	min-width: 100%;
	min-height: 100%;
	height: 100%;
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;
	-webkit-box-flex-grow: 1;
	-moz-box-flex-grow: 1;
	-webkit-flex-grow: 1;
	-ms-flex-grow: 1;
	flex-grow: 1;
}
.img-fill.custom-img-fill {
	position: relative;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.img-contain.custom-img-fill {
	position: relative;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.custom-img-fill img {
	opacity: 0;
}
.img-contain {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
}
.img-contain img {
	object-fit: contain;
	flex-shrink: 0;
	min-width: 100%;
	min-height: 100%
}
.rotate {
	-webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to   {-webkit-transform: rotate(359deg);}
}
.s-famille-item .row.parent .col.s5.img-fill {
	float: right;
	margin-right: -1px;
}
.no-article-found {
	width: 92%;
	padding: 20px 3.5%;
	border: 3px solid #da9071;
	background: #fff;
	text-align: center;
}

.article-body {
	margin: 0 auto;
	position: relative;
	margin-top: -200px;
	background: #fff;
	padding: 0 50px;
	margin-bottom: 50px;
}


@media (max-width:768px) {
	.article-body {
		margin: 0 auto;
		position: relative;
		margin-top: -200px;
		background: #fff;
		padding: 0px 4.2%;
	}
}

.article-body .article-category {
	background:#ca4f1c;
	color:#fff;
	padding: 5px 20px;
	font-size: 13px;
	text-transform: uppercase;
}
.article-body .article-category:hover {
	background:#303030;
}
.article-body .article-date {
	font-size: 10px;
	color:#909090;
}


.article-body .article-slider{
	width: 50%;
	/**min-height: 450px;*/
	position: relative;
	left: -80px;
	float: left;
	margin-right: -60px;
	padding-right: 10px;
}

.article-body .article-slider .thumb-slide {
	height: 80px;
	width: 80px;
	float: left;
	border: none;
	padding-left: 0;
	cursor: pointer;
}
.article-body .article-slider  .thumb-slide-container {
	padding-right: 0;
}
.article-body .article-slider .thumb-slide.active {
	border: none!important;
}
.article-body .article-slider .thumb-slide.active img {
	opacity: 1;
	border-left: 10px solid #ca4f1c;
}

@media (max-width:993px) {
	.article-body .article-slider .pro-slider {
		width: 100%;
		height: 360px;
	}
	.article-body .article-slider .thumb-slide.active img {
		border-left: none!important;
		border-bottom: 10px solid #ca4f1c;
	}
	.article-body .article-slider  .pro-slider .provid {
		height: 360px;
	}
}
@media (max-width: 600px){
	.article-body .article-slider .pro-slider {
		width: 100%;
		height: 200px;
	}

	.article-body .article-slider .pro-slider .provid {
		height: 200px;
	}
	.article-body .article-slider .thumb-slide {

		width: 25%;

	}
}

.article-body .article-slider .thumb-slide > img {
	max-width: 80px;
	max-height: 80px;
	opacity: 0.5;
}
@media (max-width:993px) {
	.article-body .article-slider {
		width: 100%;
		min-height: inherit;
		position: relative;
		left: 0;
		float: left;
		margin-bottom: 15px;
		margin-right: 0;
		padding-right: 0;
	}

}
.btn-share img {
	vertical-align: middle;
}
.article-body .print-article {
	height: 26px;
	width: 26px;
	background:url('/bundles/front/img/print-icon.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
}
.article-body .print-article:hover {
	background:url('/bundles/front/img/print-icon-active.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
}
.article-body .send-article {
	height: 26px;
	width: 26px;
	background:url('/bundles/front/img/email-icon.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
}
.article-body .send-article:hover {

	background:url('/bundles/front/img/email-icon-active.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 25px;
}
.newsletter-form .news-input {
	width: 100%;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #cdcdcd;
	height: 45px;
	padding-left: 5px;
}
.newsletter-form .news-btn {
	width: 80%;
	-webkit-appearance: none;
	background: #303030;
	border: none;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
	height: 50px;
	cursor: pointer;
	float: right;
}
.c-news-holder {
	padding: 12px 0;
}
.c-news-holder .c-text{
	color: #fff;
	font-size: 20px;
	display: flex;
	height: 38px;
}
.c-news-holder .c-text .c-title{
	align-self: center;
	padding-right: 10px;
	font-weight: 700;
}
.c-news-holder .c-text .c-subtitle{
	font-size: 10px;
	flex: 1;
	align-self: center;
	word-break: break-word;
}
.c-news-holder .c-text .c-subtitle p a{
	color: white;
}
.c-news-holder .newsletter-form .news-input {
	height: 34px;
	width: calc(100% - 5px);
}
.c-news-holder .newsletter-form .news-btn {
	height: 38px;
	width: calc(100% - 12px);
}

.newsletter-form .news-btn[disabled] {
	cursor: auto;
}
@media (max-width:768px) {
	.newsletter-form .news-btn {

		font-size: 14px;

	}
	.newsletter-form .news-btn {
		float:left;
	}
}

/** NEW MEGA MENU **/

.c-megamenu-wrapper {
	height: 600px;
	padding: 0;
	margin: 0 0 0 -1cm;
	max-height: calc(100vh - 150px);
}

.has-scroll .c-megamenu-wrapper {
	margin-right: -25px;
}

.c-megamenu-body {
	max-height: calc(100vh - 160px);
	overflow: hidden;
	min-height: 526px;
}

.c-megamenu {
    list-style: none;
	position: relative;
	min-height: 526px;
}
.c-megamenu .c-level1 {
	width: 35.3%;
	padding: 5px 0 5px 1cm;
}
.c-megamenu .c-level1:first-child {
	padding-top: 20px;
	padding-bottom: 5px;
}
.rtl .c-megamenu .c-level1 {
	width: 100%;
	padding: 5px 0 5px 1cm;
	text-align: right;
}
.c-megamenu .c-level1:last-child {
	padding-bottom: 20px;
}
.c-megamenu .c-level2 {
    display: none;
	position: absolute;
	top: 0;
	left: 35%;
	width: 51vw;
	height: 100%;
	overflow: hidden;
	background: url('/bundles/front/img/bg-menu.png') #cf6031;
	background-repeat: no-repeat;
	background-position-x: 100px;
	background-position-y: 100px;
}

.c-megamenu .c-level1:hover {
	background: #cf6031;
}


@media (min-width:768px) and (max-width: 1380px) {
	.c-megamenu .c-level1 {
		width: 35.3%;
		padding: 2px 0 2px 1cm;
	}
	.c-megamenu .c-level1:first-child {
		padding-top: 15px;
		padding-bottom: 2px;
	}
	.c-megamenu .text-m {
		font-size: 13px;
	}

}

.megamenu-small .c-megamenu .c-level1 {
	width: 35.3%;
	padding: 2px 0 5px 1cm;
}
.megamenu-small .c-megamenu .text-m {
	font-size: 13px;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(207, 94, 50, .85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)";
}
.rtl .c-megamenu .c-level2 {
	right: 35%;
	left: auto;
}
@media only screen and (min-width : 1600px) {
	.c-megamenu .c-level2 {
		background-position-x: 230px;
	}
}

.c-megamenu .c-level2 .c-holder{
	padding: 20px;
	display: block;
}
.c-megamenu .c-level2 .c-holder .title3{
	padding: 0 0 20px 0;
	display: block;
	font-size: 32px;
}
.c-megamenu .c-level2 .c-holder .c-list-item{
	padding: 5px 0;
	display: block;
	font-size: 16px;
	color: #FFF;
}
.c-megamenu .c-level2 .c-holder .c-image{
	bottom: 20px;
	left: 20%;
	max-height: 400px;
	position: absolute;
}
.c-megamenu .has-scroll .c-level2 .c-holder .c-image{
	left: 18%;
}
.rtl .c-megamenu .c-level2 .c-holder .c-image{
	right: 20%;
}
.c-megamenu .c-level1.c-active .c-level2 {
	display: block;
}
.c-megamenu .c-level1.c-active:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 42px;
	line-height: 18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f0d9";
	color: #cf6031;
	position: absolute;
	left: 34%;
}

.rtl .c-megamenu .c-level1.c-active:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 42px;
	line-height: 18px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f0da";
	color: #cf6031;
	position: absolute;
	right: 34%;
}

@media only screen and (max-width : 1280px) {
	.text-m {
		font-size: 12px;
		line-height: 12px;
	}
	.c-megamenu .c-level1 {
		padding: 2px 0 2px 1cm;
	}
	.c-megamenu .c-level1:first-child {
		padding-bottom: 2px;
	}
	.c-megamenu .c-level2 .c-holder .title3 {
		font-size: 20px;
	}
	.c-megamenu .c-level2 .c-holder .c-list-item {
		font-size: 12px;
	}
}
.share-email-holder {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(20,20,20, 0.8);
	width: 100%;
	height: 100%;
	z-index: 1000;
	overflow: hidden;
	overflow-y: auto;
}
.email-form {
	position: relative;
	margin: 15vh auto;
	background: #f1f1f1;
	padding: 70px 8%;
	width: 55%;
}

.share-email-toggle {
	cursor: pointer;
}
.share-email-close {
	position: absolute;
	right: -15px;
	top: -15px;
	background: #cf6031;
	padding: 10px 15px;
	border-radius: 50%;
	color: #fff;
}
.share-email-close:before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f00d";
}

@media (max-width:768px) {
	.email-form {
		position: relative;
		margin: 0;
		background: #f1f1f1;
		padding: 40px 8%;
		width: 84%;
	}
	.share-email-close {
		position: absolute;
		right: 0;
		top: 0;
		background: #cf6031;
		padding: 10px 15px;
		border-radius: 50%;
		color: #fff;
	}
}
@media (min-width:768px) and (max-width: 993px) {
	.email-form {
		width: 70%;
	}
}
.subcat-level1 > .subcat-title {
	display: inline-block;
	float: left;
	list-style: none;
	width: 33%;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 30px;
	position: relative;
}

.subcat-level2 > li {
	list-style: none;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	margin: 0;
}
.subcat-title .subcat-toggle {
	display: none;
}
.cat-toggle{
	position: relative;
}
.cat-toggle .cat-toggle-icon {
	display: none;
}
@media (max-width:767px) {

	.category-container {
		display: none;
	}
	.cat-toggle .cat-toggle-icon {
		display: block;
		position: absolute;
		right: 0;
		top: 5px;
	}
	.cat-toggle .cat-toggle-icon:before {
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 26px;
		content: "\f107";
	}
	.cat-toggle.active .cat-toggle-icon:before {
		content: "\f106";
	}
	.subcat-title .subcat-toggle {
		display: block;
		position: absolute;
		right: 0;
		top: 10px;
	}
	.subcat-title .subcat-toggle:before {
		font: normal normal normal 14px/1 FontAwesome;
		font-size: 14px;
		content: "\f067";
	}
	.subcat-title.active .subcat-toggle:before {
		content: "\f068";
	}
	.subcat-level1 > .subcat-title {
		display: block;
		float: left;
		width: 100%;
		margin: 0;
		padding: 10px 0;
		border-top: 1px solid #909090;
	}

	.subcat-title .subcat-level2 {
		display: none;
		-webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
		-moz-animation: fadein 0.5s; /* Firefox < 16 */
		-ms-animation: fadein 0.5s; /* Internet Explorer */
		-o-animation: fadein 0.5s; /* Opera < 12.1 */
		animation: fadein 0.5s;
	}
	@keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}

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

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

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

	/* Opera < 12.1 */
	@-o-keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
	}
	.subcat-title.active .subcat-level2 {
		display: block;
	}
}
.border-10 {border: 8px #d7d7d7 solid;}
a:hover {color: #ca8863;}
#page-header a {
	color: #fff;
	font-style: italic;
}
#page-header a:hover {
	color: #fff;
	font-weight: bold;
}
.linker {display: block;
	width: 100%;
	height: 118%;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;}

#mid-content {background:url('/bundles/front/img/home-bg.png') #f1f1f1 center center  ; background-repeat: no-repeat; background-size: 100%; }
.nobg {background: none!important;}
#produit-content {
	background: url('/bundles/front/img/bg-prod.png') #fff center right;
	background-repeat: no-repeat;
}
.active-item {display: block!important;}
.border-grey {border-color: #303030!important;}
.inactive {display: none;}
.new-ticket {width: 60px; height: 20px; position: absolute; top: 25px; right: -10px; padding: 10px; z-index: 2;}

.video-container {border: 8px #fff solid; background-color: #fff;box-shadow: 0px 5px 30px #dadada; position: relative;}
.video-container-y {
	border: 8px #fff solid; background-color: #fff;box-shadow: 0px 5px 30px #dadada;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.video-container-y iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.more-link { width: 200px; height: 20px; padding: 15px 30px ; position: absolute; right: -8px; bottom: -52px;}
.flech-right,.slick-next {
	content:'';
	margin-top: 3px;
	width: 19px;
	height: 13px;
	background: url('/bundles/front/img/flech-right.png') center ;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.more-link > a:hover .flech-right {
	background: url('/bundles/front/img/flech-right-active.png') center ;
}
.slick-next {
	background: url('/bundles/front/img/flech-right.png') center ;
	background-repeat: no-repeat;
}
.slick-next:before {
	content:'';
	background-repeat: no-repeat;
}
.slick-next:hover, .slick-next:focus {
	background: url('/bundles/front/img/flech-right.png') center ;
	background-repeat: no-repeat;
}
.slick-prev {
	background: url('/bundles/front/img/flech-left.png') center ;
	background-repeat: no-repeat;
}
.slick-prev:before {
	content:'';
	background-repeat: no-repeat;
}
.slick-prev:hover, .slick-prev:focus {
	background: url('/bundles/front/img/flech-left.png') center ;
	background-repeat: no-repeat;
}
.slick-arrow.slick-disabled {
	background: none;
}
.slick-slide img {
	display: inline;
}
.flech-right-w {
	margin-top: 3px;
	width: 19px;
	height: 13px;
	background: url('/bundles/front/img/flech-right-r.png') center ;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.more-link > a:hover .flech-right-w {
	background: url('/bundles/front/img/flech-right-active.png') center ;
}
.counter,.counter-special{font-size: 46px; line-height: 52px; padding-top: 10px; font-weight: 300;}

.counter-holder {
	width: 90%;
	display: table;
}

.counter-holder .counter-image {
	display: table-cell;
	vertical-align: top;
	margin: 0;
}
.counter-holder .counter-info {
	display: table-cell;
	vertical-align: top;
	width: 60%;
}
@media (max-width:600px){
	.counter-holder .counter-image {
		display: table-cell;
		vertical-align: middle;
		margin: 0;
	}
	.counter-holder .counter-info {
		display: table-cell;
		vertical-align: middle;
		width: 60%;
	}
}


#erFooter {background:url('/bundles/front/img/top-footer.png') #fff top  ;background-repeat: no-repeat; background-size: cover; }
.bas-footer {background:url('/bundles/front/img/bas-footer.png') #fff top  ;background-repeat: no-repeat; background-size: cover;}
.text-copyright {font-size: 10px;}
.footer-item {width:20%; float: left; }
.footer-logo > img {
	max-width: 190px;
}

.hide{display:none!important}.show-block,.show{display:block!important}
.slider-image {max-width: 100%;max-height: 45vw;}
.dot-holder{
	position: absolute;
	bottom: 10px;
}
.dot {

	height: 8px;
	width: 8px;
	margin: 0 2px;
	background-color: #dd906f;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active-dot {
	background-color: #fff;
}

/* Fading animation */
.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1s;
	animation-name: fade;
	animation-duration: 1s;
}
.fade-long {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
#produit-content .af-box .title5 > a {font-size: 14px;}

@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
.slider-nav, #prev , #next {

	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	/*CSS transforms*/
	-o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	/*CSS animations*/
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;

}


.arrow-down {font-size: 18px;line-height: 12px;}
#btn-menu {width: 39px;
	position: absolute;
	top: 0;
	right: 0;
	height: 25px;
	padding: 30px 25px;
	background: #f4f4f4;}

.bar-item{width:100%;display:block;text-align:center;border:none;outline:none;white-space:normal;float:none}

#lang-holder {position: absolute;  min-height: 400px; box-shadow: 0 0 1px 1px #999;z-index: 10;}
#erLang .toggle-content {    position: absolute;
	/*min-height: 400px;*/
	width: 150px;
	right:0;
	box-shadow: 0 0 1px 1px #999;
	font-size: 16px;
	padding: 10px 5px;
	display: none;
}

#closelang { float: right; border-radius: 50%; cursor: pointer;  width: 23px; height: 23px; margin:10px; }


@media all and (-ms-high-contrast:none)
{
	.bg-color-grey {background-color:#303030!important;} /* IE10 */
	*::-ms-backdrop, .bg-color-grey {	background-color:#303030!important;} /* IE11 */
}

#page-header {
	position:relative;overflow:hidden;height:300px;
	background:url('/bundles/front/img/sign-logo.png') #ca4f1c ;
	background-repeat: no-repeat;
	background-position-x: 20%;
	background-position-y: -45px;  }

#article-header {
	position:relative;min-height:300px;
	background:url('/bundles/front/img/actu-bg.png') #ca4f1c ;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
}

.upath {padding:10px 0;}
.upath > a {color: #fff;}
.upath span {	padding: 0 10px;color:#fff;}
.upath-holder {
	position: fixed;
	width: 100%;
	background:  #ca4f1c;
	left:0;
	z-index: 10;
	top:125px;
}
.header-image {
	max-height: 100%;
	max-width: 100%;
}
#contact-content {background: #f1f1f1;}
.underline {border-bottom: 1px solid #dadada;}

li.subcat-title:nth-child(3n+1) {
	clear: left;
}
/** PRODUCT SLIDER **/
.pro-slider {
	width: 100%;
	height:350px;
	position: relative;
}
.pro-slide {width: 100%;height: 100%; display: none;}
.pro-slide > img {
	max-width: 100%;
	max-height: 100%;}
.mf-slider {width: 100%; min-height:250px;position: relative;}
.mf-slide {width: 100%; height:100%;display: none;}
.mf-image {max-width: 100%; height: 120px;}
.thumb-slide-container {
	height: auto;
	width: 80px;
	position: absolute;
	left: 0;
	top: 80px;
	padding-right: 10px;
	background: #fff;
}
.thumb-slide {
	height: 80px;
	width: 75px;
	float: left;
	border-left: 5px solid #fff;
	padding-left: 5px;
	cursor:pointer;
}
.thumb-slide > img {
	max-width: 75px;
	max-height: 75px;
}
.shadowbox {box-shadow: 0px 5px 30px #dadada;}
.relative {position: relative;}
.thumb-360 {margin-top: 25%;}

.thumb-slide.active {border-left: 5px solid #ca4f1c!important;}
.radius-5 {-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
.actu-box {
	width: 90%;
	min-height: 80px;
	padding: 10px;
	position: absolute;
	top: -90px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.point-box {
	width: 90%;
	min-height: 80px;
	padding: 10px;
}
.point-box ul li{
	list-style-position: inside;
}
.pf-icon {
	max-width: 100%;
	max-height: 50px;
}
.pf-holder > li {
	list-style-image: url('/bundles/front/img/pf-triangle.png');
	margin-left:15px;
}
.af-box {
	width: 95%;
	height: 22px;
	padding: 8px 10px 10px 10px;
	position: relative;
}
.af-icon {
	max-width: 66px;
	max-height: 64px;
	position: absolute;
	top: -12px;
}

.article-body .af-icon {
	max-width: 55px;
	max-height: 64px;
	position: absolute;
	top: -5px;
}
@media only screen and (max-width : 320px) {
	.article-body .af-icon {
		max-width: 52px;
		max-height: 64px;
		position: absolute;
		top: -5px;
		left: 0;
	}
	.article-body .af-box .text-m {
		font-size: 14px;
	}
	.newsletter-form .news-btn {
		font-size: 12px;
	}
}

.overf-show {overflow: visible!important;}
.overf-hide {overflow: hidden!important;}

.img_marque {
	position: relative;
	/*top: 35px;*/
	max-width: none!important;
	max-height: none!important;
	width: 100%!important;
}

.bg-noval-disque {
	background:url('/bundles/front/img/bg-nosvaleur-disque.png') ;
	background-repeat: no-repeat;
	/*background-position-x: 100%;
	background-position-y: 0px;*/
	background-position: 100% 0px;
	background-size: 45%;
	min-height: 380px;
}

.bg-noval-croi {
	background:url('/bundles/front/img/bg-nosvaleur-croi.png') ;
	background-repeat: no-repeat;
	background-position-x: 0px;
	background-position-y: 0px;
	background-size: 42%;
	min-height: 380px;
}
.bg-noval-sus {
	background:url('/bundles/front/img/bg-nosvaleur-sus.png') ;
	background-repeat: no-repeat;
	/*background-position-x: 100%;
	background-position-y: 0px;*/
	background-position: 100% 0px;
	background-size: 45%;
	min-height: 380px;
}

#megamenu {
	position: absolute;
	left: -9999px;
	top:125px;
	text-align: left;
	max-height: calc(100vh - 125px);
	overflow: hidden;
	background:#2c2c2c;
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 20px;
	box-shadow: 0 550px 0 550px rgba(0,0,0,.6);
}
#megamenu a:hover{color:#fff!important;
	font-weight: 900!important;}
#erMenu > div > div > div > a:hover {
	font-weight: 900!important;
}

.menuhold > div {
	display: inline-block;
	margin-right: 0;
	margin-left: 0;
	padding: 10px 30px;
	float: left;
}
.menuhold > div:first-child {
	padding-left:0;
}
.menuhold > div:last-child {
	display: inline-block;
	margin-right: 0;
	padding: 10px 30px;
	/*padding-right: 0;*/
}

.mega-holder:hover #megamenu {
	left: 0;
}

.current {
	background-color: #ca4f1c;
	color: #fff;
}
.current a.menu-item:hover {
	color: #ffffff !important;
}
.mega-holder  a:hover {
	cursor: pointer;
	color:#fff;
}
.mega-holder  a.menu-item:hover {
	color:#ca8863;;
}
/*.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body {*/
/*background-color: #00a65a !important;*/
/*}*/
.alert-dismissable .close, .alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit;
}
button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
}
.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}

.point-box h5,.point-box .title5 {
	margin-left: 10px!important;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;

}
.argu-title .s10 {
	height: 50px;
	line-height: 40px;}
/*.alert {
	border-radius: 3px;
}
.alert-success {
	border-color: #008d4c;
	color:#fff!important;
}
.alert-dismissable, .alert-dismissible {
	padding-right: 35px;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}*/
/**FORMS**/
.field {width: 95%;}
.f-right {float: right!important;}
.captcha {height: 40px; width: 140px; border: none; background: #fff}

.field input[type=text],.field textarea,.field select,.field input[type=email] {
	border: none;
	height: 40px;
	background: #fff;
	padding: 0 5px;
	width: 95%;}

.field textarea {height: 100px;}
.label-check {line-height: 24px;}


input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
	width     : 2em;
	margin    : 0;
	padding   : 0;
	font-size : 1em;
	opacity   : 0;
}
input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
	display      : inline-block;
	margin-left  : -2em;
	line-height  : 1.5em;
}
input[type=checkbox]:not(old) + label > span,
input[type=radio   ]:not(old) + label > span{
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 2px solid rgb(224, 224, 224);
	border-radius: 50%;
	background: #fff;
	vertical-align   : bottom;
}
input[type=checkbox]:not(old):checked + label > span,
input[type=radio   ]:not(old):checked + label > span{
	background-image :    -moz-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image :     -ms-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image :      -o-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image : -webkit-linear-gradient(rgb(224,224,224),rgb(240,240,240));
	background-image :         linear-gradient(rgb(224,224,224),rgb(240,240,240));
}
input[type=radio]:not(old):checked + label > span > span{
	display: block;
	width: 16px;
	height: 16px;
	margin: 1px;
	/* border: 0.0625em solid rgb(115,153,77); */
	border-radius: 50%;
	background: #ca4f1c;

}

.article-holder .s-famille-item .row.parent>.col.padding-r-5 {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	height: 100%;
}


.highreslogo {display: none;}
/* for high resolution display */

@media only screen and (min--moz-device-pixel-ratio: 2),

only screen and (-o-min-device-pixel-ratio: 2/1),

only screen and (-webkit-min-device-pixel-ratio: 2),

only screen and (min-device-pixel-ratio: 2) {
	.lowreslogo { display: none; }
	.highreslogo { display: block; }
}

@media (max-width:600px){
	.pro-slider {
		height:350px;;
	}
	.counter,.counter-special{font-size: 28px; line-height: 32px; padding-top: 10px; font-weight: 300;}
	#page-header {    height: 100%;}
	.actu-box {position: relative!important;
		top: inherit!important;}
	.thumb-slide-container {
		width: 100%;
		position: initial;
		top: 80px;
		height: 85px;
		padding-right: 0px;
		background: #fff;
	}
	.thumb-slide {
		height: 75px;
		width: 24.66666%;
		float: left;
		border-bottom: 5px solid #fff;
		border-left: none !important;
		margin-top: 5px;
		padding-left: 0px;

	}
	.thumb-slide.active {
		border-bottom: 5px solid #ca4f1c!important;
		border-left: none !important;
	}
	.thumb-slide.underline {
		border-right: 1px solid #dadada!important;
	}
	.thumb-360 {
		margin-top: 20%;
	}
	.f-right {float: none!important;}
	.slider-nav {background: none; }
	.slider-nav img {
		padding: 40vh 4px;
	}
	.slider-nav-left {
		width: 30px;
		height: 100vh;
		position: absolute;
		left: 0;
		top: 0;
		text-align: left;
	}
	.slider-nav-right {
		width: 30px;
		height: 100vh;
		position: absolute;
		right: 0;
		top: 0;
		text-align: right;
	}
	#erLogo {margin-left: 20px;}
	.bg-noval-disque,.bg-noval-croi,.bg-noval-sus {
		background:none!important;
	}

	.btn-big {
		padding: 20px 38px;
		font-size: 14px;
		font-weight: 900;
		line-height: 22px;
	}

	#lang-holder {
		height: 100vh;
		width: 100vw;
		top: 0;
		z-index: 99;
		overflow: scroll;
	}
	.more-link {
		width: 170px;
		height: 20px;
		padding: 10px 15px;
		position: absolute;
		right: -8px;
		bottom: -42px;
	}
	#slider-container,.slide {
		height: 555px;
		background-size: auto;
		background-position-x: 90%;
		background-position-y: 50vh;
	}
	.hide-background {background-image: none !important;}
	.modal-content{margin:0 10px;width:auto!important}.modal{padding-top:30px}
	.dropdown-hover.mobile .dropdown-content,.dropdown-click.mobile .dropdown-content{position:relative}
	.hide-small{display:none!important}.mobile{display:block;width:100%!important}.bar-item.mobile,.dropdown-hover.mobile,.dropdown-click.mobile{text-align:center}
	.dropdown-hover.mobile,.dropdown-hover.mobile .btn,.dropdown-hover.mobile .button,.dropdown-click.mobile,.dropdown-click.mobile .btn,.dropdown-click.mobile .button{width:100%}

	.article-holder .s-famille-item {
		height: 270px;
	}

	/*.article-holder .s-famille-item .row.parent {
		display: -webkit-box;      /!* OLD - iOS 6-, Safari 3.1-6 *!/
		display: -moz-box;         /!* OLD - Firefox 19- (buggy but mostly works) *!/
		display: -ms-flexbox;      /!* TWEENER - IE 10 *!/
		display: -webkit-flex;
		display: flex;
		height: 100%;
	}*/

	/*.article-holder .s-famille-item .row.parent>.col.padding-r-5 {
		-webkit-box-flex: 1;      /!* OLD - iOS 6-, Safari 3.1-6 *!/
		-moz-box-flex: 1;         /!* OLD - Firefox 19- *!/
		-webkit-flex: 1;          /!* Chrome *!/
		-ms-flex: 1;              /!* IE 10 *!/
		flex: 1;                  /!* NEW, Spec - Opera 12.1, Firefox 20+ *!/
		height: 100%;
	}*/
}
@media (max-width:768px){
	.modal-content{width:500px}
	.modal{padding-top:50px}

	h1, .title1  {
		font-size: 32px;
		font-weight: 700;
		line-height: 38px;
	}
}
@media (min-width:993px){
	.pro-slider {
		width: 100%;
		/*height: auto;*/
		padding: 0;
	}
	.article-slider .pro-slider {
		width: 100%;
		/**height: 450px;**/
		padding: 0;

	}
	.modal-content{width:900px}
	.hide-large{display:none!important}
	.sidebar.collapse{display:block!important;}
	.parent {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;
		display: flex;
		height: 100%;
	}

	/*.parent>div {
		-webkit-box-flex: 1;      /!* OLD - iOS 6-, Safari 3.1-6 *!/
		-moz-box-flex: 1;         /!* OLD - Firefox 19- *!/
		-webkit-flex: 1;          /!* Chrome *!/
		-ms-flex: 1;              /!* IE 10 *!/
		flex: 1;                  /!* NEW, Spec - Opera 12.1, Firefox 20+ *!/}*/
	/*.slider-image {max-width: 100%;max-height: 335px;}*/
	.counter,.counter-special{font-size: 42px; line-height: 52px; padding-top: 10px; font-weight: 300;}

}
@media (max-width:992px) and (min-width:601px){
	.counter-holder p {
		font-size: 11px;
		line-height: 14px;
	}

	.famille-item > img {
		max-width: 100%;
		height: auto;
		object-fit: cover;
		padding: 0;
	}
	.article-holder .s-famille-item {
		max-height: 330px;
	}
	.hide-medium{display:none!important}
	#erLogo {margin-left: 20px;}
	#erLang { margin-right: 20px;}
	.parent { display: -ms-flex; display: -webkit-flex; display: flex; }
	/*.parent>div { flex:1; }*/
	.counter,.counter-special{font-size: 20px; line-height: 32px; padding-top: 10px; font-weight: 300;}
	.counter-holder > img {width: 105px;}
	#slider-container, .slide {height: 470px;}
	.slider-nav {background: none; }
	.gamme-item > img {
		position: relative;
		z-index: 1;
		left: 50%;
		margin-left: -100%;
		top: 80%;
		max-width: 175%;
		margin-top: -100%;
	}
	.gamme-item {
		width: 140px;
		height: 215px;
		border: 10px #d7d7d7 solid;
		position: relative;
	}
	/*.slider-image {max-width: 100%;max-height: 335px;}*/
	.thumb-slide-container {
		width: 100%;
		position: initial;
		top: 80px;
		height: 85px;
		padding-right: 0px;
		background: #fff;
	}
	.thumb-slide {
		height: 75px;
		width: 24.66666%;
		float: left;
		border-bottom: 5px solid #fff;
		border-left: none !important;
		margin-top: 5px;
		padding-left: 0px;
	}
	.thumb-slide.active {
		border-bottom: 5px solid #ca4f1c!important;
		border-left: none !important;
	}
	.thumb-slide.underline {
		border-right: 1px solid #dadada!important;
	}
	.thumb-360 {
		margin-top: 15%;
	}
	.bg-noval-disque {

		background-position-x: 100%;
		background-position-y: 50%;
		background-size: 50%;
	}
	.bg-noval-croi {

		background-position-x: 0px;
		background-position-y: 50%;
		background-size: 50%;
	}
	.bg-noval-sus {

		background-position-x: 100%;
		background-position-y: 25%;
		background-size: 50%;
	}
	.upath-holder {
		top:85px;
	}
	.hide-background {
		/*background-image: none !important;*/
		background-size: 35%!important;
	}
}
@media (max-width:1136px) {
	.thumb-slide-container {
		width: 100%;
		position: initial;
		top: 80px;
		height: 85px;
		padding-right: 0px;
		background: #fff;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1220px) {
	.full {
		max-width: 1024px;
	}

	.bg-noval-disque {
		background-size: 45%;
	}

	.bg-noval-croi {
		background-size: 42%;
	}
	.bg-noval-sus {
		background-size: 45%;
	}

}
@media only screen and (min-width : 1360px) {

	.bg-noval-disque {
		background-size: 43%;
	}

	.bg-noval-croi {
		background-size: 40%;
	}
	.bg-noval-sus {
		background-size: 38%;
	}

}
@media only screen and (min-width : 1600px) {
	.full {
		max-width: 1244px;
	}
	.bg-noval-sus {
		background-size: 36%;
	}
}

@media (max-width:992px){.sidebar.collapse{display:none}.main{margin-left:0!important;margin-right:0!important}}
@media (min-width:1600px){ #erFooter {height: 360px!important; }.footer-logo {margin-top: 50px!important;} }
@media (min-width:1900px){ #erFooter {height: 400px!important;} .footer-logo {margin-top: 70px!important;}  }
@media (min-width:2200px){ #erFooter {height: 500px!important;} .footer-logo {margin-top: 100px!important;}  }
@media (min-width:2600px){ #erFooter {height: 600px!important;} .footer-logo {margin-top: 120px!important;}  }


label.error
{
	color: #CC0000;
	font-weight: bold;
	position: relative;
	top: 5px;
}
input.error, textarea.error, select.error
{
	border: 1px solid #CC0000 !important;
}

.message-validator
{
	position: absolute;
	opacity:0;
	left: -9999px;
}

.pop-up-cookie
{
	z-index: 10;
	position: fixed;
	width: 100%;
	padding: 30px 45px;
	background: rgba(255, 255, 255, 1);
	bottom: 0px;
	left: 0px;
}
.pop-up-cookie .heading-cookie
{
	display: block;
	font-size: 16px;
	color: #cf6031;
	margin-bottom: 15px;
}
.pop-up-cookie .text-cookie
{
	font-size: 13px;
	padding-right:100px
}
.pop-up-cookie .text-cookie a
{
	color: #cf6031;
	display: inline-block;
}
.pop-up-cookie .text-cookie a:hover
{
	text-decoration: underline;
}
.close-pop-up-cookie
{
	position: absolute;
	right: 90px;
	top: 25px;
	z-index: 1000;
}
.close-pop-up-cookie img
{
	cursor: pointer;
	width:50%;
}

.upath a:first-child
{
	text-decoration: underline;
}

.content-url-notre-gamme a
{
	color: #FFF !important;
	text-decoration: underline !important;
}

.fa-youtube-play{
	background-color: #FF0000 !important;
}

.fa-facebook{
	background-color: #4267B2 !important;
}

.fa-instagram{
	background: linear-gradient(to bottom right, #405DE6 , #833AB4, #FD1D1D, #FFDC80 ) !important;
}

.fa-linkedin{
	background-color: #0e76a8 !important;
}

.fa-twitter{
	background-color: #1DA1F2 !important;
}

.social-links a i {
	font-size: 16px;
	padding: 8px;
	color: white;
	background-color: #fff;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	margin: 0 5px;
}
.social-links a i:hover {
	background: #cf6031;
	color: #fff;
}
.socialholder {
	text-align: center;
	display: block;
	margin: 0 auto;
	height: 40px;
	width: auto;
}
.er-ecs-link {
	float: right;
	margin: 16px 0;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #909090;

}
.er-ecs-link > a {
	color: #ca4f1c;
    font-weight: 700;
	font-size: 15px;
}
.er-ecs-link > a img {
	vertical-align: bottom;
	padding-left: 8px;
}
.er-ecs-link > a i {
	font-size: 18px;
	font-weight: 700;
	padding-right: 2px;
	line-height: 20px;
	vertical-align: bottom;
}
.alert-dismissable .close, .alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit;
}


/*Arabic CSS*/
.rtl {
	text-align: right;
}
.rtl .social-links a {
	float: right!important;
}
.rtl #page-header .row .col {
	float: right !important;
	text-align: right!important;
}
.rtl #page-header {
	background-position-x: 90%;
}
.rtl #slider .row .col, .rtl .row.bg-noval-disque  .col, .rtl .row.bg-noval-croi .col, .rtl .row.bg-noval-sus .col{
	float: right;
}
.rtl .row.bg-noval-disque {
	background-position-x: 0;
}
.rtl .row.bg-noval-croi {
	background-position-x: 100%;
}
.rtl .row.bg-noval-sus {
	background-position-x: 0;
}
.rtl #erFooter {
	background-image: url('/bundles/front/img/top-footer-rtl.png');
}
.rtl #erFooter .row .col, .rtl #megamenu .row .col {
	/*text-align:right;*/
	float: right;
}
.rtl #megamenu .row .col {
	text-align:right;
	float: right;
}

.rtl .bas-footer .row .col,.rtl #contact-content .row .col, .rtl #contact-content .row .col .field, .rtl #contact-content .g-recaptcha  {
	float: right;
}
.mx-190 {
	max-width: 190px;
}
.rtl .counter-holder {
	display: flex;
}
.rtl .counter-holder .counter-image {
	display: inline-block;
	order: 2;
	padding-left: 20px;
	padding-right: 0;
}
.rtl .counter-holder .counter-info {
	display: inline-block;
	order: 1;
}
.rtl .menuhold > div {
	display: inline-block;
	margin-right: 0;
	margin-left: 0;
	padding: 10px 30px;
	float: right;
}


.rtl .menuhold > div:first-child {
	display: inline-block;
	margin-right: 0;
	margin-left: 0;
	padding: 10px 30px;

	/*padding-right: 0;*/
	float: right;
}

.rtl #erLogo.left {
	float: right !important;
	margin-right: 20px;
}
#erLogo img {
	height: 44px;
	width: inherit;
}
.rtl #erLogo img {
	height: 44px;
}
@media only screen and (max-width : 320px) {
	.rtl #erLogo img,#erLogo img {
		height: 35px;
		width: inherit;
		margin-top: 5px;
	}
}
.rtl #erLang.right {
	float: left !important;
}
.rtl .more-link {
	text-align: right!important;
	left: -8px;
	right: inherit;
}
.rtl .more-link a .flech-right {
	float: left !important;
	background: url('/bundles/front/img/flech-left.png') center;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
.rtl .more-link a .flech-right-w {
	float: left !important;
	background: url('/bundles/front/img/flech-left-r.png') center;
	background-repeat: no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.rtl .more-link > a:hover .flech-right {
	background: url('/bundles/front/img/flech-left-active.png')!important;
}
.rtl .more-link > a:hover .flech-right-w {
	background: url('/bundles/front/img/flech-left-r.png')!important;
}

.rtl .er-ecs-link {
	float:left ;
	padding-right: 0px;
	margin-right: 0px;
	border-right: none;
	padding-left: 15px;
	margin-left: 15px;
	border-left: 1px solid #909090;
}
.rtl .pop-up-cookie {
	z-index: 10;
	position: fixed;
	width: 95%;
	padding: 30px 2.5%;
	background: rgba(255, 255, 255, 1);
	bottom: 0px;
	left: 0px;
}
.rtl .close-pop-up-cookie {
	position: absolute;
	left: 0;
	top: 24px;
	right: inherit;
}

.rtl .pop-up-cookie .text-cookie {
	font-size: 13px;
	padding-right: 0;
}

.rtl #btn-menu {
	width: 39px;
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	padding: 30px 25px;
	background: #f4f4f4;
}

.rtl #page-header .hide-background {
	background-position: left center!important;
}

.contact-us-confirmation {
	width: 50%;
	padding: 20px 4%;
	border: 3px solid #da9071;
	background: #fff;
	text-align: center;
	margin: auto;
}

.rtl .upath {
	height: 20px;
}
.rtl .upath span {
	padding: 0 10px;
	color: #fff;
	float: right;

}
.rtl .upath span img{
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.rtl .upath a {
	float: right;
}
.rtl .filter-by-link,.rtl .filter-by-title  {
	float: right;
}

.rtl #mid-content .article-holder .filter-holder > div,.rtl #mid-content .article-holder .filter-holder > div a {
	float: right;
}
@media (max-width: 993px) {
	.rtl #mid-content .article-holder .filter-holder > div,.rtl #mid-content .article-holder .filter-holder > div a{
		float:none!important;
	}
	.rtl #mid-content .article-holder .filter-holder > div.text-bold {
		float: right!important;
		padding-top: 10px !important;
	}
}

.rtl #mid-content .article-holder .filter-holder .filter-by-title {
	margin: 0 30px 0 10px !important;
}


@media (max-width: 993px) {
	.article-body .article-slider iframe{
		height:100%;
	}
}

@media (min-width: 1001px) {
	.isIe .article-body .article-main > ul {
		/*float:right;
		width:25%;*/
		list-style-position:inside !important
	}

	.isIe .article-body .article-slider .thumb-slide-container {
		padding-right: 10px !important;
	}
	.isIe .article-body .article-slider .thumb-slide.active {
		border-left:5px solid #ca4f1c !important;
	}
	.isIe .article-body .article-slider .thumb-slide.active img {
		border:none;
	}

	.isIe .article-body .article-slider .thumb-slide > img {
		max-width: none;
		max-height: none;
		flex:none;
		position: relative;
		left:-25px;

	}

	.isIe .isVideo img {
		left:0 !important;
	}







	.isIe .article-holder .s-famille-item .row.parent .col.s5.img-fill {
		background-size: 100%;
	}

	.img-fill img {
		min-width: unset!important;
		min-height: unset!important;
		height: unset!important;
		min-width: auto !important;
		min-height: auto !important;
		height: auto !important;

	}
}

.reassurance-row-centered {
    text-align:center;
}
.reassurance-col-centered {
    display:inline-block;
    float:none;
    text-align:left;
    margin-right: -2px;
}
#mobil_iframe > iframe{
    border-bottom: 10px solid #dedede;
    overflow: hidden;
}
.iframe-toggle {
    position: absolute;
    z-index: 9;
    right: 12px;
    top: 20px;
    font-size: 20px;
    cursor: pointer;
}

@media (max-width:768px) {
    .iframe-toggle {
        position: absolute;
        z-index: 9;
        right: 200px;
        top: 20px;
        font-size: 20px;
        cursor: pointer;
    }
    #mobil_iframe > iframe{
        border-bottom: 10px  #dedede;
        overflow: hidden;
    }
}
@media (max-width:993px) {
    .iframe-toggle {
        position: absolute;
        z-index: 9;
        right: 200px;
        top: 20px;
        font-size: 20px;
        cursor: pointer;
    }
    #mobil_iframe > iframe{
        border-bottom: 10px  #dedede;
        overflow: hidden;
    }
}
@media (max-width:600px) {
    .iframe-toggle {
        position: absolute;
        z-index: 9;
        right: 7px;
        top: 20px;
        font-size: 20px;
        cursor: pointer;
    }
    #mobil_iframe > iframe{
        border-bottom: 10px  #dedede;
        overflow: hidden;
    }
}

.c-flex {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}