/*************************************************************************************************************
***************************************            #RESET           *******************************************
**************************************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{ margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0 }
a:hover, a:focus, a:active { outline: 0; }
button:focus, button:active, input:focus, input:active { outline: 0; }

a { color: inherit; text-decoration: none; }
p { margin-bottom: 0px; }
img { max-width: 100%; }

/*************************************************************************************************************
****************************************        ## TEXTE           ******************************************
**************************************************************************************************************/
/* Generated by Font Squirrel (https://www.fontsquirrel.com) on May 19, 2016 */
@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/montserratregular.eot');
    src: url('../fonts/montserrat/montserratregular.eot') format('embedded-opentype'),
         url('../fonts/montserrat/montserratregular.woff2') format('woff2'),
         url('../fonts/montserrat/montserratregular.woff') format('woff'),
         url('../fonts/montserrat/montserratregular.ttf') format('truetype'),
         url('../fonts/montserrat/montserratregular.svg#montserratregular') format('svg');
    font-weight: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat/montserratbold.eot');
    src: url('../fonts/montserrat/montserratbold.eot') format('embedded-opentype'),
         url('../fonts/montserrat/montserratbold.woff2') format('woff2'),
         url('../fonts/montserrat/montserratbold.woff') format('woff'),
         url('../fonts/montserrat/montserratbold.ttf') format('truetype'),
         url('../fonts/montserrat/montserratbold.svg#montserratbold') format('svg');
     font-weight: 600;
}
.uvStyle { color: #bebebe; }
.unvisible { display: 	none;	}
.nb { font-weight: 200; }
.upper { text-transform: uppercase }
.lower { text-transform: lowercase; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.barre { text-decoration: line-through; }
sup { font-size: 80%; top: -3px; }
.price { font-weight: bold; white-space: nowrap;}
.price-ecotax { font-size: 16px; color: #666;  }
.link { font-size: 12px; color: #333333; text-decoration: underline; font-weight: bold; text-transform: lowercase;}
.link:hover { color: #f0003d; }
.link2:hover  { text-decoration: underline;}
.unbreakable { white-space: nowrap; }
.old-price { font-weight: 100; font-size: 16px; color: #999; }
.ttc { font-weight: 200; color: #333; }
.quoteNote { font-style: italic; font-weight: normal; font-family: 'montserrat'; font-size: 13px; color: #666; }
.styleStrap { padding-right: 15px; padding-left: 15px; float:left; }
.table-div .no-border.table-row { border: 0; }
.confQty { background-color: #f6f6f6; padding: 5px 10px; font-size: 14px; min-width: 55px; display: inline-block; text-align: center; }
.none { display: none;}
.w100 { width: 100%; }
.cms-style {
	font-size: 14px;
	line-height: 20px;
}
	.cms-style > *:first-child {
		margin-top: 0;
		padding-top: 0;
	}
	.cms-style > *:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
	}
		.cms-style h2, .cms-style h1 {
			font-family: 'montserrat';
			font-size: 18px;
			display: block;
			margin-bottom: 25px;
			/*text-align: center;*/
			/*border-bottom: 1px solid #f1f1f1;*/
			padding-bottom: 20px;
			margin-top: 40px;
			/*text-align: left;*/
			margin-bottom: 0;
			font-weight: bold;
		}
		.cms-style h2:first-child { margin-top: 15px; }
		.cms-style h3 {
			font-family: 'montserrat';
			font-size: 16px;
			display: block;
			margin-bottom: 25px;
			font-weight: 600;
			margin-top: 25px;
		}
		.cms-style.ctn.ctn2 {
			max-width: 850px;
		}
		.cms-style p { margin-bottom: 15px }
		.cms-style ul { list-style: disc; padding-left: 15px; padding-bottom: 15px; }
		.cms-style strong { font-weight: bold; }
		.cms-style  .major {
			margin-top: 40px;
		}
		.cms-style em {
			font-style: italic;
		}
		.cms-style img {  height: auto; width: auto;}
		.cms-style td { vertical-align: middle; }

.cms-style table.visible-table {
	background-color: #fff;
}
	.cms-style table.visible-table  td, .cms-style table.visible-table  th {
		padding: 10px 20px;
		border: 1px solid #efefef;
	}
.cms-style .youtube {
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 45px;

}
    .cms-style .youtube iframe {
        height: 100%;
        width: 100%;
        border: none;
        margin: 0 0 0 0;
        overflow: hidden;
        padding: 0 0 0 0;
        position: absolute;
        top: 0%;
        left: 0px;
    }
/*************************************************************************************************************
****************************************            ## ICONES           *****************************************
**************************************************************************************************************/
@font-face {
	font-family: 'icomoon';
	src:    url('../fonts/icomoon.eot?l870ll');
	src:    url('../fonts/icomoon.eot?l870ll#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff2?l870ll') format('woff2'),
		url('../fonts/icomoon.ttf?l870ll') format('truetype'),
		url('../fonts/icomoon.woff?l870ll') format('woff'),
		url('../fonts/icomoon.svg?l870ll#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], .icon, .owl-controls .owl-prev:before, .owl-controls .owl-next:before {
	display: inline-block;
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*.icon-small { font-size: 70% }
.icon-big { font-size: 130% }
.icon-right { padding-left: 10px; padding-right: 0 }*/


.icon-back:before, #home-slider .flex-direction-nav .flex-nav-prev i::before {
	content: "\e909";
}
.icon-next:before, #home-slider .flex-direction-nav .flex-nav-next i::before {
	content: "\e90a";
}
#home-slider .flex-direction-nav .flex-nav-next i::before,
#home-slider .flex-direction-nav .flex-nav-prev i::before {
	color: #fff;
	font-size: 40px;
}
.icon-square {
	width: 30px; 
	height: 30px;
	background-color: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.icon-user:before {
	content: "\e90e";
	font-family: 'icomoon';
	padding-right: 5px;
}
.icon-file:before {
	content: "\e900";
}
.icon-cross:before {
	content: "\e915";
	font-size: 10px;
}
.icon-arrow-bottom-choose:before {
	content: "\e920";
}
.icon-arrow-bottom:before {
	content: "\e91c";
}

.icon-carrier:before {
	content: "\e901";
}
.icon-payment:before {
	content: "\e902";
}
.icon-ref:before {
	content: "\e903";
}
.icon-question:before {
  content: "\e91a";
}
.icon-cart:before {
	content: "\e90f";
	/*font-weight: bold;*/
}
.icon-cart-plus:before {
  content: "\e914";
}
.icon-flash:before {
  content: "\e90d";
}
.icon-contact:before {
  content: "\e90c";
}
.icon-truck:before {
  content: "\e90b";
}
.icon-plus2:before {
  content: "\e912";
}
.icon-logout:before {
  content: "\e913";
}
.icon-quote:before {
	content: "\e90f";
	/*font-weight: bold;*/
}
.icon-download:before {
  content: "\e91e";
}
/*.icon-envelop:before {
	content: "\e902";
}*/
/*.icon-fb:before {
	content: "\e903";
}
.icon-gplus:before {
	content: "\e904";
}*/
/*.icon-network:before {
	content: "\e905";
}
.icon-phone:before {
	content: "\e906";
}
.icon-print:before {
	content: "\e907";
}*/
.icon-arrow-btn:before {
	content: "\e908";
}
.icon-arrow-down:before {
	content: "\e91c";
}
.icon-arrow-left:before {
	content: "\e909";
}
.icon-arrow-right:before {
	content: "\e90a";
}
.icon-arrow-left2:before {
	content: "\e906";
}
.icon-arrow-right2:before {
	content: "\e907";
}
.icon-arrow-top:before {
	content: "\e90b";
}
.icon-close:before, #layer_cart .cross:before, .filters.open .icon-close::before {
	content: "\e915";
}

.icon-loup:before, .icon-search:before {
	content: "\e91f";
}
/*.icon-menu:before {
	content: "\e90f";
}*/
.icon-minus:before {
	content: "\e918";
}
.icon-plus:before {
	content: "\e919";
}
.icon-trash:before {
	content: "\e91b";
}
/*.icon-tw:before {
	content: "\e913";
}*/
.icon-zoomIn:before {
	content: "\e910";
}
.icon-zoomOut:before {
	content: "\e911";
}
#lg-zoom-in:after {
	content: "\e910";
}
#lg-zoom-out:after {
	content: "\e911";
}
/*************************************************************************************************************
************************************              BREADCRUMBS           **************************************
**************************************************************************************************************/
#breadcrumbs {
	padding: 15px 0;
	font-size: 12px;
}
	.content_only #breadcrumbs { display: none; }

		#breadcrumbs .crumb  { color: #333; }
		#breadcrumbs .crumb span.navigation-pipe {
			padding: 0 5px; 
		}
		#breadcrumbs .crumb a {
			color: #333;
		}
		#breadcrumbs .crumb > span:last-child { color: #b3b3b3; }

/*************************************************************************************************************
***********************************            ## block style           **************************************
**************************************************************************************************************/
/* bloc style */
.blocstyle { 
	position: relative;
	text-align: center;
	font-size: 0;
}
	.blocstyle a:hover + a {
		background-color: #f0003d;
	}
	.blocstyle .callToAction {
		position: absolute;
		bottom: 0;
		text-transform: uppercase;
		display: block;
		bottom: 15px;
		right: 30px;
		left: 30px;
		background-color: rgba(0,0,0,0.8);
		color: #fff;
		font-family: 'montserrat';
		font-size: 22px;
		text-transform: uppercase;
		color: #fff;
		padding: 15px 24px;
		text-align: center;
	}
		.blocstyle .callToAction strong {
			font-size: inherit;
			line-height: 26px;
		}
	.blocstyle .callToAction:hover {
		background: #f0003d;
		border-radius: 0;
	}
@media (max-width:1170px) {
	.blocstyle .callToAction { font-size: 18px; }
}
@media (max-width:990px) and (min-width: 480px){
	.blocstyle .callToAction { position: static; font-size: 17px; padding: 13px; height: 50px; padding: 0; }
	.blocstyle .callToAction strong { line-height: inherit; }
}
@media (max-width: 480px) {
	.blocstyle:not(:first-child) { margin-top: 30px; }
	.blocstyle .callToAction { right: 55px; left: 55px; }
	.blocstyle .callToAction strong { line-height: inherit; }
}
@media (max-width: 350px) {
	.blocstyle .callToAction { right: 25px; left: 25px; }
}
/*************************************************************************************************************
***********************************            ## video vimeo         **************************************
**************************************************************************************************************/
.video {
	position: relative;
	height: 0;
	/*padding-bottom: 56.25%;*/
	padding-bottom: 31.25%;
}
		.video iframe {
			width: 100%;
			height: 100%;
			position: absolute;
		}
		.video video {
			width: 100%;
		}
/*************************************************************************************************************
***********************************            ## major style (title)         **************************************
**************************************************************************************************************/

.major .title  {
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
	padding-top: 30px;
	border: 0; 
	margin-bottom: 15px;
}
#order .major .title, #authentication .major .title, .account.page-heading .major .title, #contact .major .title { padding-top: 0; }
.account.page-heading, #contact .page-heading  { padding-bottom: 30px; }

	/*.major:first-child .title {
		padding-top: 0;
	}*/
	.major .title span {
		font-family: 'montserrat';;
		font-weight: 100;
		font-size: 30px;
		line-height: 45px;
		position: relative;
		display: inline-block;
		color: #010101;
	}
	.major h1.title span { font-size: 40px; line-height: 45px;}
	.major .title span::after {
		content: '';
		height: 5px;
		width: 	53px; 
		display: block;
		border-radius: 22%; 
		margin: auto;
		margin-top: 15px; 
		background-color: 	#f0003d;
	}
	.major .subtitle {
		margin-bottom: 	30px;
		line-height: 	22px;
		text-align: center;
		display: 	block;	
	}

.major2 .title  {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 15px;
	border: 0; 
}
	.major2 .title span {
		position: relative;
		display: inline-block;
		color: #010101;
	}
	.major2 .title span::after {
		content: '';
		height: 5px;
		width: 	53px; 
		display: block;
		border-radius: 22%; 
		margin-top: 15px; 
		background-color: 	#f0003d;
	}
		
	
@media (max-width: 990px) {
	.major h1.title span { font-size: 35px; }
	.major .title span { font-size: 30px; }
	#order .major h1.title, #order-confirmation .major h1.title #authentication .major h1.title { margin-bottom: 20px;  }
}
@media (max-width: 767px) {
	.major h1.title { padding-top: 10px; padding-bottom: 0; }
	.major h1.title span { font-size: 30px; }
	.major .title span { font-size: 27px;}
	.major .title { padding-bottom: 15px; }
	.major .title span::after { left:108%;  margin-top: 7px; }
	.major .title span::before { right:108%;  }
}
@media (max-width: 480px) {
	#order .major .title, #authentication .major .title, .account.page-heading .major .title, #contact .major .title { padding-top: 5px; }
	.account.page-heading, #contact .page-heading { padding-bottom: 20px; margin-bottom: 0; }
	.major h1.title span { font-size: 25px; line-height: 31px; }
	.major .title span { font-size: 25px; line-height: 33px; }
	.major .title span::after { left:103%; top: 10px; }
	.major .title span::before { right:103%; top: 10px; }

}
/*************************************************************************************************************
***********************************            ## CATALOGUE CART           **************************************
**************************************************************************************************************/
.catalogCart {

}
	.catalogCart .qty label {
		color: #666;
		display: inline-block;
		font-size: 14px;
	}
	.catalogCart input {
		margin-right: 20px;
		margin-left: 10px;
		display: inline-block;
	}
	.catalogCart .qty label{ margin-left: 30px; }
	.catalogCart input#catalog_ref { width: 410px; max-width: 100%; height: 39px; }
	.catalogCart input#qty { width: 55px; height: 40px; text-align: center; margin-right: 10px; }
	 
	.catalogCart .btn {
		font-size: 14px;
		height: 50px;
		padding-top: 4px;
		float: right;
		margin-top: 7px;
	}
	.catalogCart .btn span {

	}
	.catalogCart .btn i {
		font-size: 22px;
		padding-left: 5px;
		right: 15px;
	}
	.catalogCart.box > .inner {
		padding: 15px 25px;
		background-color: #ececec;
	}
		
		.catalogCart .inner > div {
			display: inline-block;
		}
		.catalogCart .inner .express-order {
			display: block;
			color: #000000;
			font-size: 20px;
			font-weight: bold;
			margin-bottom: 5px; 
		}
		.catalogCart .inner .express-order .icon-flash {
			position: relative;
			top: 5px;
			font-size: 24px;
		}
	.catalogCart .catalog_ref label {
		display: inline-block;
		font-size: 14px;
		max-width: 285px;
		font-weight: bold;
		padding-left: 27px;
		line-height: 16px;
	}
@media (max-width: 1399px) {
	.catalogCart input#catalog_ref {width: 340px; }
	.catalogCart input#catalog_ref { width: 235px; }
}
@media (max-width: 1200px) {
	.catalogCart .qty label { margin-left: 0; }
	.catalogCart .catalog_ref label { width: 220px; }
}
@media (max-width: 990px) {
	.catalogCart .btn { float: none; }
	.catalogCart .qty label { max-width: 331px; }
	.catalogCart .catalog_ref label, .catalogCart .qty label{ width: 330px; max-width: none; }
	.catalogCart input#qty { width: 50px; height: 35px; }
	.catalogCart { text-align: left; }
	.catalogCart .inner > div { margin-top: 15px; display: block; }
	.table-div .no-border.table-row { padding: 15px 0; }
}
@media (max-width: 990px) and (min-width: 767px){
	.catalogCart .qty label { padding-left: 25px; }
}
@media (max-width: 767px) {
	.catalogCart .inner .express-order { margin-bottom: 25px; display: block; }
	.catalogCart .inner .catalog_ref > div { margin-right: 10px; }
	.catalogCart.box > .inner { padding-bottom: 20px; padding-top: 25px; }
	.catalogCart { text-align: center; }
	.catalogCart .qty label { width: auto; margin-right: 10px; }
	.catalogCart .catalog_ref label{ width: 100%;  }
	.catalogCart input#qty, .catalogCart input#catalog_ref{ margin-left: 0; margin-bottom: 10px; margin-right: 0;  }
	.catalogCart .qty label, .catalogCart .catalog_ref label, .catalogCart input#catalog_ref { margin-bottom: 10px; }
	.catalogCart .btn { display: block; margin: auto; }
	.catalogCart .inner > div { margin-top: 0; }
}
@media (max-width: 500px) {
	.catalogCart .inner .catalog_ref > div { display: block; }
}
/*************************************************************************************************************
***********************************            ## ANIMATIONS CSS           **************************************
**************************************************************************************************************/

.animated { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s }
.animated-full * { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s }


/*************************************************************************************************************
**************************************            ## BOUTONS           ******************************************
**************************************************************************************************************/
.btn, .fancybox-inner button  {
	background: #f0003d;
	border: 1px solid #f0003d;
	border-radius: 50px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: 'montserrat';
	font-size: 14px;
	line-height: normal;
	padding: 8px 25px;
	position: relative;
	text-decoration: none;
	text-transform: none;
	transition: all 0.3s ease 0s; 
	-webkit-transition: all 0.3s ease 0s; 
	-moz-transition: all 0.3s ease 0s;
}
.footer-account .btn { padding-top: 12px; padding-bottom: 12px; margin-bottom: 25px; }

.fancybox-inner { overflow: hidden!important;}
.fancybox-title-float-wrap .child { display:   none!important; }
button.btn { padding-top: 7px; padding-bottom: 5px }
.btn:hover { background: #241e20; color: #fff; border-color: #241e20; }
#product .avail { padding:  0; }



.btn.btn2 { background: #bebebe; border-color: #bebebe; color: #fff; }
.btn.btn2:hover { background: #a8a5a5; border-color: #a8a5a5;  }
.btn.btn3 { background: #666; border-color: #666; color: #fff;  }
.btn.btn3:hover { background-color: #333; }
.btn.btn4 { background: #333; border-color: #333; color: #fff; padding-bottom: 7px; }
.btn.btn4:hover { background-color: #000; border-color: #000; }

.btn.btn-full-width { width: 100%; }

input[disabled].btn { background: #fff; border-color: #fff; color: #363842; cursor: not-allowed; opacity: 0.5; }

.btn span {line-height: 1; padding: 4px 0 3px 0; }

/* Positionnement des icones */
.icon-right, .icon-left { 
	position: relative 
}
.icon-right, .fancybox-inner button { padding-right: 50px; }
.icon-left { padding-left: 50px; }
	.icon-right i, .icon-left i {
		font-size: 10px;
		position: absolute;
		top: 50%;
		transition: all 0.3s ease 0s; 
		-webkit-transition: all 0.3s ease 0s; 
		-moz-transition: all 0.3s ease 0s;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.icon-right i { left: auto; right: 14px }
	
	
	.icon-left i { left: 10px; right: auto }
	


/*****************************************************************************************/
/************************************* ADV MENU ******************************************/
/*****************************************************************************************/

#header #mainmenu .menu-content > li > .menu-subtitle  { color: #333333; }

/* Sous-menu LG-MD */
@media (min-width: 991px) {

	#header #mainmenu {
		color: #666;
		padding-top: 15px;
	}
		#header .menu {
			text-align: center;
			position: relative;
			z-index: 120;
			background-color: #f6f6f6;
		}

			#header #mainmenu .menu-content > li {
				display: inline-block;
				vertical-align: middle;
				padding-bottom: 15px;
			}
				#header #mainmenu .menu-content > li > a, #header #mainmenu .menu-content > li > span {
					display: block;
					font-size: 16px;
					padding: 7px 0px;
					position: relative;
					text-decoration: none;
					z-index: 13;
				}
				#header #mainmenu .menu-content > li:not(:last-child) {
					
				}
					
				#header #mainmenu .menu-content > li.hover > a span { border-bottom: 3px solid #333 }
				#header #mainmenu .menu-content > li:last-child > a span { border: 0 }
				#header #mainmenu.active .menu-content > li.hover > a, #header #mainmenu.active .menu-content > li.hover > span { text-decoration: none; position: relative; }
					#header #mainmenu.active .menu-content > li.hover > a::after, #header #mainmenu.active .menu-content > li.hover > span::after {
						content: '';
						display: block;
						position: absolute;
						right: 0;
						left: 0;
						bottom: -22px;
						border-top: 5px solid #333333;
						background-repeat: no-repeat;
						background-position: bottom;
						height: 12px;
					}
					#header #mainmenu.active .menu-content > li.hover > a.parent::after, #header #mainmenu .menu-content > li.hover > span.parent::after {
						background-image: url(../img/arrow-bottom.png);
					}

				#header #mainmenu .menu-content > li .submenu {
					font-size: 14px;
					left: 0;
					position: absolute;
					right: 0;
					top: 61px;
					z-index: 11;
				}
				#header #mainmenu .menu-content > li .submenu .inner {
					max-height: 0;
					/*transition: max-height 0.3s ease 0s;
					-webkit-transition: max-height 0.3s ease 0s;
					-moz-transition: max-height 0.3s ease 0s;*/
					overflow: hidden;
				}
				#header #mainmenu .menu-content > li.hover .submenu .inner  {
					background-color: #ededed;
				}
					#header #mainmenu .menu-content > li .submenu .inner  > div {
						position: relative;
						top: 1px;
						padding: 25px;
					}

				#header #mainmenu .menu-content > li.hover .submenu { 
					z-index: 12;
					top: 59px;
					background-color: #ededed;
				}
					#header #mainmenu .menu-content > li .submenu .inner {
						position: relative;
						opacity: 0;
					}

					#header #mainmenu.active .menu-content > li.hover .submenu .inner {
						opacity: 1;
						transition: opacity	0.2s;
						-webkit-transition: opacity 0.2s;
						-moz-transition: opacity 0.2s;
						max-height: 690px; 
					}

					#header #mainmenu .menu-content > li .submenu .inner .padded { padding-bottom: 15px }
					#header #mainmenu .menu-content > li .submenu > .inner > .ctn > .row {
						position: relative;
					}



						/* à retirer après test menu */
						/*#header #mainmenu .menu-content > li .submenu .inner {display: none;}
						#header #mainmenu .menu-content > li:nth-child(2) .submenu .inner { max-height: 690px!important; background-color: #ededed; display: block; }
						#header #mainmenu .menu-content > li:nth-child(2)  .submenu  { z-index: 12!important;  }*/
						/* / à retirer après test menu */



						#header #mainmenu .menu-content > li .submenu .menu-subtitle {
							
						}
						#header #mainmenu .menu-content > li .submenu li:first-child .menu-subtitle {
							margin-top: 0;
						}
						#header #mainmenu .menu-content > li .submenu .overflow {
							overflow: hidden;
						}
							#header #mainmenu .menu-content > li .submenu .links {
								padding-bottom: 50px; 
								overflow: hidden;
								position: relative;
								z-index: 2;
								display: flex;
								-webkit-display: flex;
								-moz-display: flex;
								flex-flow: row wrap;
								-webkit-flex-flow: row wrap;
								-moz-flex-flow: row wrap;
							}
							#header #mainmenu .menu-content > li .submenu .links > .row {
								width: 	100%;
							}
								#header #mainmenu .menu-content > li .submenu .column {
									text-align: left;
								}
									#header #mainmenu .menu-content > li .submenu .column > ul > li:first-child > * { margin-top: 0 }
									#header #mainmenu .menu-content > li ul li {
										
										letter-spacing: 0px;
										/*transition: all 0.3s ease 0s;
										-webkit-transition: all 0.3s ease 0s;
										-moz-transition: all 0.3s ease 0s;*/
										padding: 0;
										z-index: 1;
										font-weight: 100;

									}
										
										#header #mainmenu .menu-content > li ul li:first-child a {
											padding-top: 0;
										}
										
										
									#header #mainmenu .menu-content > li ul li.hover a i { color: #e44e58; right: 10px; }
									#header #mainmenu .menu-content > li ul li a i:before { display: inline }
									#header #mainmenu .menu-content > li .see-more {
										padding: 0 15px; 
									}
										#header #mainmenu .menu-content > li .see-more a {
											color: #fff;
											border: 0;
											width: 100%;
										}
										#header #mainmenu .menu-content > li .see-more a.hover { background-color: #f0003d; text-decoration: none; }
	
										#header #mainmenu .titleSubMenu { color: #c3a572;  display: block; margin-bottom: 7px; }
							#header #mainmenu .menu-content > li .submenu .cta-menu {
								position: relative;
								top: -35px;
								z-index: 10;
								text-align: right;
							}
								#header #mainmenu .menu-content > li .submenu .cta-menu img {
									display: block;
									margin-top: 30px;
									max-width: 100%;
								}
								#header #mainmenu .menu-content > li .submenu .cta-menu img:first-child { margin-top: 0 }
	#header #mainmenu .menu-content > li:nth-child(2) > a, #header #mainmenu .menu-content > li > span:nth-child(2) {
		margin-left: 0;
		z-index: 13;
	}
	#header #mainmenu .menu-content > li:last-child > a, #header #mainmenu .menu-content > li > span:last-child {
		margin-right: 0;
	}
	#mainmenu .cta-menu a {
		z-index: 13;
		background: #fff;
		border: 1px solid #fff;
		border-radius: 50px;
		color: #000;
		cursor: pointer;
		display: inline-block;
		font-family: 'montserrat';
		font-size: 13px;
		line-height: normal;
		padding: 8px 25px;
		position: relative;
		text-decoration: none;
		transition: all 0.3s ease 0s; 
		-webkit-transition: all 0.3s ease 0s; 
		-moz-transition: all 0.3s ease 0s;
	}
		#mainmenu .cta-menu a:hover { background-color: #333; border-color: #333; color: #fff; }
		#mainmenu .cta-menu a {
			margin-right: 80px;
		}
	#mainmenu .cta2-menu a {
		display: block;
		margin-bottom: 20px;
	}
		#mainmenu .cta2-menu a:last-child {
			margin-bottom: 0;
		}
		#mainmenu .cta2-menu a img {
			height: auto;
		}
	#header #mainmenu .menu-content > li > a, #header #mainmenu .menu-content > li > span { color: #666; }
	#header #mainmenu .menu-content > li > a:hover, #header #mainmenu .menu-content > li > span:hover { color: #333; }
}

@media (min-width: 1400px) {

	#header #mainmenu .menu-content > li > a, #header #mainmenu .menu-content > li > span { margin-right: 14.5px; margin-left: 14.5px; }
}
@media (max-width: 1400px) {
	#header #mainmenu .menu-content > li > a, #header #mainmenu .menu-content > li > span { font-size: 15px; }
	#header #mainmenu .menu-content > li > a, #header #mainmenu .menu-content > li > span { margin-left: 11px; margin-right: 11px; }
}
@media (max-width: 1200px) {
	#header #mainmenu .menu-content > li:hover .submenu { top: 57px;  }
	#header #mainmenu .menu-content > li > a, #header #mainmenu .menu-content > li > span { margin-left: 6px; margin-right: 6px; font-size: 13px; }
	#header #mainmenu .menu-content > li .submenu { top: 58px; }

}
@media (max-width: 990px) {
	#header #mainmenu .menu-content > li .submenu { top: 0px; }
	#header #mainmenu .menu-content > li .submenu  { top: 0; }
	#header #mainmenu .menu-content .submenu li.menuType2.vignette {
		display: inline-block!important;
		width: auto;
	}
	#header #mainmenu .menu-content .submenu li.menuType2.vignette-title {
		display: inline-block!important;
		width: 100px;
		height: 110px;
	}
	#header .menu .ctn { position: relative; min-height: 100%; }
	header.page-heading.order-process h1 { margin-top: 0; margin-bottom: 0; }
	#mainmenu .menu-content > li .submenu { width: 100%; }
	.search-mobile { width: 35px; width: 70px; text-align: center; font-size: 24px; cursor: pointer; }
	
	#mainmenu { background: rgba(0, 0, 0, 0); bottom: 0; left: 0; margin: 0; pointer-events: none; position: fixed; width: 100%; top: 0; transition: all 0.3s ease 0s; z-index: 300; }
	#mainmenu.open { background: rgba(0, 0, 0, 0.5); left: 0; pointer-events: auto; z-index: 100; padding-top: 0; }
		#mainmenu > div > ul { min-height: 100%; background: #fff; height: 100%; left: -101%; margin: 0; position: absolute; transition: all 0.3s ease 0s; width: 50% }
		#mainmenu.open > div > ul { left: 0 }
			#mainmenu li, #mainmenu li, #mainmenu li.resa { padding: 0 30px; width: 100%; }
				#mainmenu > div > ul.menu-content > li.close-tab a { font-size: 18px }
				#mainmenu > div > ul.menu-content > li > a, #header #mainmenu > div > ul.menu-content > li > span { display: block; font-size: 14px; padding: 15px 0; position: relative;  width: 100%; text-decoration: none; }
					#mainmenu > div > ul.menu-content > li > a i, #header #mainmenu > div > ul.menu-content > li > span i { float: right; }
				#mainmenu > div > ul.menu-content > li > a:hover { text-decoration: none;  }
				#mainmenu > div > ul.menu-content > li.close-tab > a { border: 0; color: #fff; text-decoration: none; }
				#mainmenu > div > ul.menu-content > li.close-tab > a i { float: right; font-size: 26px; margin-top: -5px }

				#mainmenu > div > ul > li > .submenu { background: #fff; height: 100%; left: -101%; margin: 0; overflow-y: auto; position: fixed; top: 0; transition: all 0.3s ease 0s; width: 50%; z-index: 2 }
				#mainmenu > div > ul > li.open > .submenu { font-size: 14px; left: 0; overflow-x: hidden }
				#mainmenu .menu-content > li .submenu .column { padding: 0 45px }
				#mainmenu > div > ul > li > * + .submenu .ctn { padding: 0; width: 100% }
				#mainmenu > div > ul > li > * + .submenu .close-tab a { text-align: right; margin-bottom: 15px; color: #fff; display: block; font-size: 18px; font-weight: 900; padding: 15px 30px; text-decoration: none; text-transform: uppercase; }
				#mainmenu > div > ul > li > * + .submenu .close-tab a i { float: left; font-size: 26px; margin-top: -3px; padding-right: 15px; }
			
			
				
				#mainmenu > div > ul > li > * + .submenu .cta-menu { display: none; }
				#mainmenu > div > ul > li > a.open { background: #b4293c; text-decoration: none; }
				#mainmenu > div > ul > li > a.open + .submenu { max-height: 500px; overflow: hidden }
				#mainmenu > div > ul > li li a { display: block; padding: 15px 0 5px 50px }
				#mainmenu > div > ul > li li a i { display: none }
				#header #mainmenu .menu-content .submenu .btn.btn3 i { top:0px; line-height: 36px; display: block; }
				
				#mainmenu > div > ul > li > * + .submenu .see-more { background: #121212; font-weight: 900; padding: 15px 30px; text-transform: uppercase;}
				#mainmenu > div > ul > li > * + .submenu .see-more a { color: #fff }
					#mainmenu .menu-content .submenu li { padding: 0; }
					
					#mainmenu .menu-content .submenu .btn.btn3 { border-color: #666; }
			

}
@media  (max-width: 767px) {
	#menu-mobile > a i { left: 0; }
}
/*************************************************************************************************************
***************************************            #FORM           ********************************************
**************************************************************************************************************/
.form-group {
	margin-bottom: 20px;
}
#authentication .form-group {
	margin-bottom: 25px;
}
.form-group label {
	display: block;
	font-size: 14px;
	margin-bottom: 8px;
}
	label {
		color: #111f2a;
		font-size: 14px;
		font-weight: normal;
	}
	.form-group label sup {
		color: #90ccd0;
		padding-left: 3px;
		position: relative;
	}
	input[type="text"], .form-group .form-control {
		background: #f6f6f6;
		border: 1px solid #f6f6f6;
		border-radius: 0;
		color: #67686d;
		height: 47px;
		padding: 0 10px;
		font-size: 13px;
		color: #666;
		font-family: 'montserrat';
	}
	#footer .newsletter input[type="text"]{ background-color: #fff; border: 2px solid #cccccc; height: 36px; border-radius: 20px; }
	.form-group .custom-form-control, .custom-form-control {
		height: 36px;
		background-color: #fff;
		border-radius: 20px;
		border: 2px solid #cccccc; 
		margin-bottom: 10px;
	}
	::-webkit-input-placeholder { color: #cccccc; }
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #cccccc!important;
	   opacity:  1!important;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #cccccc!important;
	   opacity:  1!important;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #cccccc!important;
	}



	.form-group .form-control { width: 100%;}
	.form-group textarea.form-control { font-size: 14px; height: auto; padding: 10px;  min-height: 138px;  resize: none; background-color: #f6f6f6; }
	#order .form-group textarea.form-control { background-color: #fff; }
	.form-group.form-ok .form-control { border-color: #d3e6de; color: #44a07a }
	.form-group.form-error .form-control { border-color: #eaced2; color: #b4293c }
	
	

.required sup { color: #59b3b8; font-weight: 300; }


/*************************************************************************************************************
************************************            #PAGE HEADING           ***************************************
**************************************************************************************************************/
header.page-heading {
	
}
header.page-heading { 
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	margin-bottom: 15px;
}
#cms header.page-heading { background-color: #fff; margin: 0; }
#cms .ctn-head { padding-right: 15px; padding-left: 15px; }
#authentication header.page-heading { margin-bottom: 35px;}
header.page-heading .bg { 
	padding: 15px 0;
	margin-bottom: 15px;
}
header.page-heading.category {
	margin-bottom: 0;
}
header.page-heading.category { background: #fff; padding: 0;  } 
header.page-heading.category  > div {  }
header.page-heading.order-process {  } 
	header.page-heading h1 {
		
	}
	header.page-heading.order-process h1 { /*margin-bottom: 20px;*/ }
	header.page-heading .short-desc {
		/*color: #fff;*/
		text-align: center;
	}
	header.page-heading.category .short-desc { color: inherit; }
		header.page-heading .short-desc {
			max-width: 600px;
			margin: auto;
			display: block;
			font-size: 14px;
			line-height: 18px;
			margin-top: 20px;
		}
		#manufacturer header.page-heading .short-desc, #supplier header.page-heading .short-desc  { margin-top: 15px;  }

		#category .simple-cat {
			padding-top: 105px;
		}
@media (max-width: 991px) {
	.account.page-heading, #contact .page-heading { padding-top: 10px; }
	#category .simple-cat { padding-top: 	25px; }
}
@media (max-width: 767px) {
	header.page-heading.account .bg { padding-top: 5px; background: none; }
	#authentication header.page-heading {margin-bottom: 0px;  }
/*	header.page-heading.order-process { padding: 25px 0 0 0 } */
}


/*************************************************************************************************************
************************************              BREADCRUMBS           **************************************
**************************************************************************************************************/
#breadcrumbs {
	
}
	#breadcrumbs .crumb {
		color: #666;
		font-size: 12px;
	}
		#breadcrumbs .crumb span.navigation-pipe {
			color: #333333;
		}
		#breadcrumbs .crumb a {
			
		}
			#breadcrumbs .crumb span a,
			#breadcrumbs .crumb span span {
			
			}


/*************************************************************************************************************
************************************               #BLOCK                **************************************
**************************************************************************************************************/
.block { margin-bottom: 30px }
.box {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 30px;
	position: relative;
}
	.box > .inner { 
		background: #fff none repeat scroll 0 0;
		padding: 0px;
	}
		.box .title {
			color: #1c1d22;
			display: block;
			font-size: 18px;
			margin-bottom: 40px;
			text-align: center;
			display: block;
			font-weight: bold;

		}
		#auth .box .title { padding-top: 35px; margin-bottom: 0; height: 85px; 	color: #010101; }

		.account .box > .inner { 
			padding: 40px 110px; 
		}
			.account .box .title {
				margin-bottom: 40px;
			}
		#addresses .box .title::after { background-size: 120% 65%;
		}
		.box .box-footer {
			margin-top: 15px;
		}
			.box .box-footer > *:last-child { 
				float: left;
			}
			.box .box-footer > *:first-child { 
				float: right;
			}
			.account .box .box-footer > *:last-child { padding-right: 25px; }
			.account .box .box-footer > *:last-child i { display: none; }
			#my-account .box .box-footer > .link:first-child { float: left}
		.box .box-footer::after {
			content:'';
			display: block;
			clear: both;
		}
@media (max-width: 1199px) {
	.account .box > .inner { padding: 20px 40px; }
}
@media (max-width: 990px) {
	header.page-heading .bg { margin: 0; padding: 0; padding-bottom: 15px; }
}
@media(max-width: 480px) {
	.account .box > .inner {  padding: 40px 30px; }
	.box .box-footer > * { margin: 0 0 10px 0; width: 100% }
	.box > .inner { padding: 0px;}
}

/*************************************************************************************************************
***********************************            HOVER CART / ACCOUNT         **********************************
**************************************************************************************************************/
.cart-layout
 {
	text-align: left;
	position: relative;
	padding-left: 15px;
}

	.cart-layout
  i {
		font-size: 20px;
		padding-right: 8px;
	}


	.cart-layout > a, .quotecart > a { 
		display: block;
		padding-bottom: 12px;
		padding-top: 12px;
		text-align: right;
		font-size: 18px;
	}
	.cart-layout > a > span, .quotecart > a > span {
		font-size: 15px; padding: 0 5px;
	}
	.quotecart > a span {  }


	
	#infos-client .account-links, .cart-layout .block-layout { 
		display: none; 
		background: #fff;
		position: absolute;
		right: 0;
		z-index: 121;
		color: #333;
		width: 300px; 
		border: 1px solid #dcdcdc;
		top: 60px;
		text-align: left;
	}
	#infos-client .account-links .icon-logout {
		float: right;
	}
   /* .quotecart .quote_block {
		display: block;
	}*/
	#infos-client .account-links {
		background-color: #333;
		color: #fff;
		top: 30px;
		border: none;
		text-align: left;
		z-index: 121;
	}
	#infos-client .icon-arrow-down, .cart-layout .icon-arrow-down, .quotecart .quote_block .icon-arrow-down {
		margin-right: 5px;
		margin-left: 5px;
		 font-size: 14px;
	}
	#header-cart .icon-arrow-down { margin-right: 0; padding-right: 0; }
	#header-cart .nameCart { font-size: 15px; }

		/* cart */
		.cart-layout .block-layout { padding-bottom: 20px; }
	
		.cart-layout .total { display: none; }
		/*.cart-layout .quantity::before { content:'('; }
		.cart-layout .quantity::after { content:')'; }*/
		.cart-layout .btn { padding-left: 15px; padding-right: 15px; padding-top: 2px; padding-bottom: 4px; display: block;  font-size: 15px; text-align: center; }
		.cart-layout .cart_block .btn { padding-top: 	6px; padding-bottom: 	8px; }
		.cart-layout .products, .cart-layout
		.cart_block .ajax_cart_no_product {  color: '#4d4d4d'; }
		.cart-layout .cart-prices { color: #333; font-size: 16px;  }

		/* account */
		#infos-client li a { display: block; padding: 10px 20px; }
		#infos-client li:hover { color: #999; }

		/* referral */
		.header-top .referralprogram .price { display: none; }
		.header-top .referralprogram a span, #infos-client > a span { font-size: inherit; }
		#header .referralprogram { float:left; }

		/* position header */
		

@media (min-width:1024px) {
	#infos-client:hover .account-links, .cart-layout:hover .block-layout { display: block; }
	#infos-client:hover .account-links { padding-top: 15px; padding-bottom: 15px; }
	.cart-layout:hover .block-layout.emptyBlock { display: none; }

}
@media (max-width:1024px) {
	#infos-client .icon-arrow-down, .cart-layout .icon-arrow-down { display: none; }

}
@media(max-width: 1199px) {
	.cart-layout .btn  { padding-left: 5px; padding-right: 5px;}
}
@media (max-width: 1200px) {


}
@media (max-width: 1200px) and (min-width: 990px) {
/*	#header .cart-layout > a .ajax_cart_no_product, #header .cart-layout  > a .ajax_cart_quantity { font-size: 12px; }
	#header .cart-layout .cartName, #header .cart-layout .cartName > span  { font-size: 12px; }*/
}

/*************************************************************************************************************
************************************            #BLOCK PRODUIT           **************************************
**************************************************************************************************************/
.product-ctn {
	margin: 0 0 25px 0;
	position: relative;
}
	.product-ctn .texture-attribute {
		height: 30px;
	}
.product-ctn:last-child { margin-bottom: 0 }
.product-ctn.alt { background: #fff }
.product-ctn.cols { background: none; margin: 0px 0px 50px 0px; position: relative; z-index: 2; }
#category .product-ctn.cols { margin: 0px 0px 50px 0px; }
.product-ctn.cols > .inner { padding: 15px 15px 15px 15px; background-color: 	#fff; }
.product-ctn.cols  .shadow { position: absolute; right: 15px; left: 15px; top: 0; bottom: 0; }
.product-ctn.cols:hover  .shadow { 	box-shadow: 0 6px 18px rgba(0,0,0,0.3); bottom: -60px; }
	.color-list-container.flexslider {overflow: visible!important;}
	.flex-direction-nav .flex-direction-nav { color: #000; font-size: 12px; }
	.product-ctn .color_to_pick_list li {
		display: inline-block;
		width: 25px;
		height: 25px;
		position: relative;
		display: inline-block;
		margin-right: 4px;
	}
		.product-ctn .color_to_pick_list li a {
			display: block;
			width: 25px;
			height: 100%;
			border-radius: 20px;
			
		}
		.product-ctn .color_to_pick_list li a.color_pick {
			border: 1px solid #c4c4c4;
		}
	.product-ctn .color_to_pick_list li:after {
		content: '\e904';
		font-family: 'icomoon';
		border-radius: 25px;
		background-color: rgba(0,0,0,0.4);
		color: #fff;
		top: -62px;
		opacity: 0;
		bottom: 0;
		right: 0;
		left: 0;
		height: 22px;
		width: 22px;
		text-align: center;
		line-height: 22px;
		display: block;
		margin: auto;
		position: absolute;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		pointer-events: none;
	}
	.product-ctn .color_to_pick_list li:hover:after {
		top: 0;
		opacity: 1;
	}
	
		.product-pin {
			border-radius: 0 15px 15px 0;
			color: #fff;
			background-color: #333333;
			font-size: 10px;
			height: 25px;
			line-height: 25px;
			left: 15px;
			position: absolute;
			text-align: center;
			top: 15px;
			text-align: center;	
			z-index: 2;
			font-weight: 300;
			text-transform: uppercase;
			padding: 0 8px;
		}

		.product-pin.product-reduction, .product-pin.product-category { background-color: #f0003d; font-size: 14px; }
		.product-pin.product-category { left:0; top: 0; }
		#product .product-pin.product-reduction { font-size: 16px; padding-bottom: 5px;}
		.product-ctn .product-img-ctn {
			position: relative;
			z-index: 1;
			height: 188px;
			text-align: center;
			margin-bottom: 10px;
		}
			.product-ctn .product-img-ctn a {
				display: block;
				height: 188px;
			}
			.product-ctn .product-img img {
				margin: 0 auto;
				max-width: 100%;
				max-height: 100%;
			}
		.product-ctn .product-infos {
			padding: 0;
			position: static;
			z-index: 2;
		}
			.product-ctn .product-infos .product-name {
				display: block;
				font-weight: 300;
				font-size: 16px;
				line-height: 22px;
				margin: 0 0 15px 0;
				line-height: 20px; 
				margin: 10px 0 0px 0;
			}

			.product-ctn.cols .product-infos .desc { height: 70px; line-height: 17px; text-align: left; }
			.product-ctn.cols .product-infos .desc a,
			.product-ctn.cols .product-infos .product-name a,
			.product-ctn.cols .current-price a {
				position: relative;
				z-index: 1;
			}
			.product-ctn.cols .product-infos .product-name:hover a { color: #666; }

				.product-ctn .product-infos .product-name a {
					color: #181818;
					font-weight: bold;
					display: block;
					height: 45px;
					transition: all 0.3s ease 0s;
					-webkit-transition: all 0.3s ease 0s;
					-moz-transition: all 0.3s ease 0s;
				}
				.product-ctn.cols .product-infos .product-name a { height: 55px; }
				.product-ctn .product-name a { color: #fff }
				.product-ctn .product-infos .product-name a { text-decoration: none; }
			
			.product-ctn .product-infos .product-details {
				font-size: 14px;
				height: 50px;
			}
				.product-ctn .product-infos .product-details .product-stock {
					bottom: 17px;
					position: absolute;
				}
					.product-ctn .product-infos .product-details .product-stock span {
						font-size: 13px;
						font-style: italic;
					}
					.product-ctn .product-infos .product-details .product-stock span.in-stock { color: #16a23d }
					.product-ctn .product-infos .product-details .product-stock span.in-out-stock { color: #f0003d }
					.product-ctn .product-infos .product-details .product-stock span.out-stock { color: #b20f0f }
						.product-ctn .product-infos .product-details .product-stock span i {
							font-size: 11px;
							margin-top: -3px;
							padding: 0 4px 0 0;
						}

			
		
		.product-ctn.cols .add-to-cart-pane { right: 15px; left: 15px; padding-top: 0; max-height: 0; overflow: hidden; transition: all 0.5s; -webkit- transition: all 0.5s;  position: absolute; padding-left: 15px; padding-right: 15px; background-color: #fff; }
		.product-ctn.cols .add-to-cart-pane > .inner { padding-bottom: 20px; padding-top: 15px; overflow: hidden;}
			.product-ctn .product-price {
				height: 60px;
			}
			.product-ctn.cols .product-price { font-size: 16px; }
				.product-ctn .product-price .current-price { 
					color: #f0003d;
					font-weight: bold;
					font-size: 20px;
				}
				.product-ctn .product-price .current-price sup {
					color: #999;
					font-size: 13px;
					font-size: 0.8em;
					padding-left: 2px;
				} 
					.product-ctn .product-price .current-price .uv {
						color: #999;
						font-size: 12px;
						display: block;
						margin-top: 2px;
					}
					.product-ctn .product-price .ttc {
						display: block; 
					}
					.product-ctn .product-price .ref {
						float: right;
						padding-top: 20px;
						font-size: 13px;
						color: #999;
						font-weight: normal;
					}

				.product-ctn .product-price .old-price {
					height: 14px;
				}
				
			.product-ctn .add-to-cart-pane a {
				margin: 0 0 5px 0;
				padding: 8px 16px 8px 16px;
				text-align: center;
				text-decoration: none;
				font-size: 15px;
				font-style: normal;
				width: auto;
				float: left;
				margin-bottom: 0;
				opacity: 1;
				font-family: 'montserrat';
			}
			.product-ctn .add-to-cart-pane a:nth-child(2) { float: right; }

			.product-ctn:hover .add-to-cart-pane  {
				max-height: none;
			}
			.product-ctn .add-to-cart-pane .ajax_add_to_cart_button {
				
			}
				.product-ctn .add-to-cart-pane .ajax_add_to_cart_button i {
					font-size: 24px;
					padding-right: 5px;
				}
	.product-ctn.cols .tuning {
		height: 45px;
		position: relative;
	}
		.product-ctn.cols .tuning a {
			display: block;
		}
			.product-ctn.cols .tuning img {
				max-width: 155px; 
			}
			#header #mainmenu .menu-content > li:hover .submenu .product-ctn .inner { border: 0; box-shadow: none; background-color: #fff; position: static; }
			#header #mainmenu .menu-content > li:hover .submenu .overflow { overflow: visible;}
			#header #mainmenu .menu-content > li .submenu .product-ctn { margin-bottom: 0px; padding: 15px; position: relative; top: -15px; }
			#header #mainmenu .menu-content > li:hover .submenu .product-ctn:hover { background-color: #fff; }
			#header #mainmenu .menu-content > li:hover .submenu .product-ctn { margin-bottom: 5px; margin-top: 0; width: 100%; }
			#header #mainmenu .product-ctn .inner { padding: 0; }
			#header #mainmenu .menu-content > li .submenu .inner .product-img-ctn { padding: 0; }
			#header #mainmenu .menu-content > li .submenu .inner .product-infos { padding: 0 15px; }
			#header #mainmenu .product-infos { text-align: left; }
			#header #mainmenu .product-ctn.cols .inner { padding: 	0; }


.new-products .link {
	text-align: center;
	text-align: right;
	display: block;
	margin-bottom: 10px;
}
	.new-products main, #best-sales main, #prices-drop main {
			background-color: #f6f6f6;
	}
	.new-products .page-heading, #best-sales .page-heading, #prices-drop .page-heading  {
		background-color: #fff;
		padding-bottom: 30px;
	}
		.new-products .page-heading h1, #best-sales .page-heading h1,  #prices-drop .page-heading h1 {
			padding-top: 0;

		}
		/* margin pages avec prod list */
		.new-products  .product-ctn.cols, #best-sales .product-ctn.cols,  
		#prices-drop .product-ctn.cols, #supplier  .product-ctn.cols, #manufacturer  .product-ctn.cols { 
			margin-bottom: 70px; 
		}
		/* / margin pages avec prod list */
.product-ctn  .texture-attribute .flexslider .flex-direction-nav .flex-next { right: -11px; }
	.product-ctn  .texture-attribute .flexslider .flex-direction-nav .flex-next .icon-arrow-right { 
		margin-top: 14px;
		color: #000;
		font-size: 13px;
		font-weight: bold;
	}
	.product-ctn  .texture-attribute .flexslider .flex-direction-nav .flex-prev { left: -11px; }
	.product-ctn  .texture-attribute .flexslider .flex-direction-nav .flex-prev .icon-arrow-left { 
		margin-top: 14px;
		color: #000;
		font-size: 13px;
		font-weight: bold;
	}
@media (min-width: 1400px){
	
}
@media (max-width: 1400px){
	.product-ctn .add-to-cart-pane a { font-size: 13px; }
	#category.category main:not(.category-list){ display: block !important; }
	/* .hrNbP { display: none; } */
}
@media (min-width: 1199px) and (max-width: 1400px){
	#category.category main:not(.category-list) .hrNbP  { display: none; }
}
@media (max-width: 1199px) {
	.product-ctn.cols:hover  .shadow  { bottom: -107px; }
	.product-ctn .product-price .current-price { font-size: 19px; }
	.product-ctn .product-price .ref { font-size: 12px;}
	.product-ctn.cols > .inner { padding-right: 10px; padding-left: 10px; }
	.product-ctn.cols .product-infos .product-name a { height: 70px; }
	.product-ctn.cols .product-infos .desc { height: 87px; display: none; }
	.product-ctn .add-to-cart-pane { padding-top: 10px }
	#header #mainmenu .menu-content > li:hover .submenu .product-ctn { margin: 0; }
	.product-ctn.cols .add-to-cart-pane > .inner .btn { font-size: 14px; 	width: 100%;
	margin-bottom: 5px; }
}
@media (max-width: 990px) {
	#category .product-ctn.cols { margin-bottom: 15px;}
	/* margin pages avec prod list */
		.new-products  .product-ctn.cols, #best-sales .product-ctn.cols,  
		#prices-drop .product-ctn.cols, #supplier  .product-ctn.cols, #manufacturer  .product-ctn.cols { 
			margin-bottom: 20px; 
		}
	/* / margin pages avec prod list */
	.product-pin { left: 10px; }
	.product-ctn.cols .add-to-cart-pane > .inner .btn { width: 	auto; margin-bottom	: 0; }
	.product-ctn .product-price .current-price { font-size: 18px; }
}
@media (max-width: 767px) {
	.product-ctn .texture-attribute { display: none; }
	.product-ctn .product-img-ctn a { height: auto; }
	.product-ctn.cols .tuning img { max-width: 100%; }
	.product-ctn.cols .product-infos .product-name a { 	font-size: 14px; line-height: 13px; }
	.new-products .page-heading, #best-sales .page-heading, #prices-drop .page-heading { padding-bottom: 0px; padding-top: 0; }
	.new-products .page-heading .bg, #best-sales .page-heading .bg, #prices-drop .page-heading  .bg{  padding-bottom: 0px; padding-top: 0;}
	.product-ctn.cols .add-to-cart-pane > .inner { padding-top: 0; }
	.product-ctn.cols .add-to-cart-pane { max-height: none; display: block; padding-right: 10px; padding-left: 10px; }
	.product-ctn.cols  .shadow { display: none; }
	.product-ctn.cols .product-infos .product-name { margin-top: 0; }
	.product-ctn .product-img-ctn { text-align: center; height: auto; }
	.product-ctn .product-infos { padding: 15px; }
	.product-ctn .product-infos .product-name::after { margin: 10px 0 0 0; }
	.product-ctn .product-infos .product-name a { height: auto; }
	.product-ctn .product-infos .product-details .product-stock { margin:15px 0 0 0; position: static; }
	.product-ctn .product-infos { padding: 15px 0; padding-bottom: 0; }
	.product-ctn .product-price .current-price {  display: block; }
	.product-ctn .texture-attribute { display: none; }
}

@media (max-width: 580px) {
	.hr3 { display: none !important; }
	.product-ctn .product-infos { padding-top: 10px; }
	.product-ctn.cols .inner { 	height: 440px; }
}
@media (max-width: 500px) {
	.product-ctn.cols .add-to-cart-pane { display: none; }
	.product-ctn.cols .inner { 	height: 400px; }
}
@media (max-width: 400px) {
	#image-block .product-pin { margin-top: 15px; left: 0; }
	.product-ctn.cols .inner { 	height: 375px; }
}
@media (max-width: 350px) {
	.product-ctn.cols .inner { height: 340px; }
	.product-ctn.cols .tuning { height: 25px; }

}

/*************************************************************************************************************
*************************************            #PAGINATION           ****************************************
**************************************************************************************************************/
#pagination {
	display: block;
	padding: 0px 0;
	text-align: center;
	font-weight: 200;
	font-size: 16px;
	text-transform: uppercase;
}
		#pagination > div { padding: 20px 0; }
	#pagination .pagination_previous {
		color: #666;
		font-size: 13px;
		display: inline-block;
	}
		#pagination .pagination_previous > * {
			padding: 10px 12px 10px 30px;
			position: relative;

		}
		#pagination .pagination_previous > a { color: #333; }
			#pagination .pagination_previous > * i {
				position: absolute; 
				left: 10px;
				top: 12px;
			}
	
	#pagination .pagination_next {
		color: #666;
		font-size: 13px;
		display: inline-block;
	}
		#pagination .pagination_next > * {
			padding: 10px 30px 10px 12px;
			position: relative;
		}
		#pagination .pagination_next > a { color: #333; }
			#pagination .pagination_next > * i {
				position: absolute; 
				right: 0px;
				top: 12px;
			}

	#pagination ul {
		font-family: "montserrat";
		font-size: 13px;
		font-weight: normal;
		text-align: center;
		display: inline-block;
	}
		#pagination ul li {
			display: inline-block;
			margin: 0 2px;
		}
		#pagination ul li a, #pagination ul li:hover a { text-decoration: none; }
		#pagination ul li.active span span { background: #f0003d; border-color: #f0003d; color: #fff }
		#pagination ul li:hover a span { background-color: #f0003d; color: #fff;}
			#pagination ul li > a span, #pagination ul li > span span { 
				background: #666;
				color: #fff;
				display: block;
				height: 100%;
				padding: 10px 12px;
				text-align: center;
			}
			#pagination ul li.active span { color: #2b2d36 }

@media(max-width: 480px){
	#pagination .pagination_next span, #pagination .pagination_previous span { display: none; }
	#pagination .pagination_previous > a, #pagination .pagination_next a { padding-left: 7px; padding-right: 7px;  }
	#pagination .pagination_previous > * i { left: 0;}
	#pagination .pagination_next > * i { right: 0;}
}


/*************************************************************************************************************
**************************************            #POPOVER           ******************************************
**************************************************************************************************************/
.popover {
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	position: relative;
}
	.popover i {
		color: #5f616a;
		margin-left: 5px;
		padding-right: 0;
	}
	.popover .popover-content {
		background: #fff;
		bottom: 30px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
		color: #5f616a;
		left: 50%;
		font-size: 13px;
		font-style: italic;
		padding: 10px;
		position: absolute;
		opacity: 0;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transition: all 0.3s ease 0s; 
		-webkit-transition: all 0.3s ease 0s; 
		-moz-transition: all 0.3s ease 0s;
		max-width: 200px;
		z-index: -1;
	}
	.popover-content:before {
		background: #fff;
		bottom: -8px;
		content: "";
		left: 50%;
		margin: 0 0 0 -8px;
		position: absolute;
		height: 16px;
		width: 16px;
		transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-web-transform: rotate(-45deg);
		z-index: -1;
	}
	.popover:hover .popover-content { opacity: 1; z-index: 3; }
		.popover .popover-title {
			background: #fff;
			border: 0;
			font-size: 18px;
			font-weight: 700;
			margin: 0 0 0 0;
			text-transform: uppercase;
		}
		.popover li {
			cursor: pointer;
		}


/*************************************************************************************************************
**************************************            #FANCYBOX           *****************************************
**************************************************************************************************************/
body .fancybox-overlay {
	background: rgba(0,0,0,0.5);
}
	body .fancybox-skin {
		border-radius: 0;
	}
	body .fancybox-opened .fancybox-skin { box-shadow: none }
	.fancybox-close {
		cursor: pointer;
		display: block;
		position: absolute;
		text-decoration: none;
		z-index: 2;
		transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s;
		position: absolute;
		top: -18px;
		right: -18px;
		width: 36px;
		height: 36px;
		cursor: pointer;
		z-index: 8040;
		height: 100%!important;
	/*	background-color: #fff!important;*/
		top: 0px !important;
		color: #333!important;
		width: 50px!important;
		right: 0px!important;
		padding: 10px!important;
	}
	.fancybox-error {
		white-space: normal!important;
		padding-right: 50px!important;
	}
	.fancybox-type-iframe .fancybox-close { right: 30px!important }
	.fancybox-close:hover { color: #f0003d!important;}
	.fancybox-close { background-image: none!important; color: #666; }
	.fancybox-close:hover { color: #f0003d; text-decoration: none; }
		.fancybox-close:after {
			
			content: "\e915";
			display: block;
			font-family: 'icomoon';
			font-size: 22px;
			margin: 3px 0 0 1px;
			text-decoration: none;
		}
		.fancybox-inner { padding-right: 15px; }
		.fancybox-inner h2 {
			margin: 0 0 30px 0;
			text-transform: uppercase;
		}
		.fancybox-inner .submit, .fancybox-inner .submit  input {
			background: #f0003d;
			border: 1px solid #f0003d;
			border-radius: 0;
			color: #fff;
			cursor: pointer;
			display: inline-block;
			font-family: 'montserrat';
			font-size: 16px;
			border-radius: 20px; 
			padding: 3px 10px 5px  10px;
			line-height: normal;
			position: relative;
			text-decoration: none;
			transition: all 0.3s ease 0s; 
			-webkit-transition: all 0.3s ease 0s; 
			-moz-transition: all 0.3s ease 0s;
			float: right;
		}
		.fancybox-inner button i { display: none; }

		#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {  }
		.fancybox-title-float-wrap .child {
			display: none;
		}
@media (max-width: 1300px) {
	.fancybox-overlay .fancybox-close { 
		color: #f0003d!important;
	}
}
@media (max-width: 500px) {
	.fancybox-overlay .fancybox-close { right: 0!important; }
	.fancybox-error { padding-right: 60px!important; }
	.fancybox-inner { height: auto!important; }
	.fancybox-error { white-space: normal!important;}
}


/************************************************************************************************************
******************************************  COMPLEMENTARY (fiche produit -menu ) ************************************
************************************************************************************************************/
		
		#complementary .product-menu {
			background: #666;
			color: #fff;
			border-bottom: 1px solid #666;
			border-top: 1px solid #666;
			height: 55px;
			left: 0;
			right: 0;
			position: absolute;
			text-align: center;
			top: -55px;
			z-index: 20;
			text-transform: uppercase;
			text-align: left;
		}
		#product .product-menu.stack { /*box-shadow: 5px 0 10px rgba(0, 0, 0, 0.5);*/ position: fixed; top: 0px;  }
			#complementary .product-menu li {
				display: inline-block;
				padding: 0px 15px;
			}
				
				#complementary .product-menu li a {
					color: #fff;
					display: block;
					height: 54px;
					text-decoration: none;
					font-size: 18px;
					font-weight: 200;
					position: relative;
					padding: 18px 0 9px 0;
				}
					
				#complementary .product-menu li a:hover, #complementary .product-menu li a.active { border-bottom: 4px solid #f0003d; }

@media (max-width: 1400px) {
	
	#complementary .product-menu li a { font-size: 14px;  }
}
@media (max-width: 1200px) {
	#complementary .product-menu li a { line-height: 16px; 	height: 55px; padding-left: 15px; padding-right: 15px; padding-top: 20px; }
	#complementary .product-menu li { padding: 0 10px; height: 33px; vertical-align: middle; display: inline-block;}
	
	#complementary .product-menu ul { height: 55px; }
	#complementary .product-menu li  { max-width: 175px; text-align: left; 	height: 70px; }
	#complementary .product-menu li:first-child { max-width: 265px; }
	#complementary .product-menu li:first-child a { }
	/*#complementary .product-menu li:last-child { max-width: 50px; }*/
}
/*************************************************************************************************************
************************************            #LIGHTGALLERY           ***************************************
**************************************************************************************************************/
.lg-backdrop { background-color: #fff }
.lg-toolbar { background-color: #666; }
.lg-actions .lg-next, .lg-actions .lg-prev {
	background: #666;
	margin-top: -30px;
	padding: 20px 10px;
}

.lg-outer .lg-thumb-outer { background-color: #666; }
.lg-outer .lg-thumb-item { background: #fff; border-radius: 0; }
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #f0003d }
.lg-outer .lg-thumb-item img { max-width: 100%; }
.lg-outer .lg-item { background-image: url("../img/jquery/fancybox_loading@2x.gif"); }

/*************************************************************************************************************
***************************************            #ALERT           *******************************************
**************************************************************************************************************/
.alert {
	font-size: 14px;
	line-height: 20px;
	padding: 15px;
	margin-bottom: 15px;
} 
.alert-success { background: #16a23d; color: #fff; font-style: italic; }
.alert-warning {  background: #efefef; font-style: italic; }
.alert-quote { 	
	padding: 15px;
	text-align: center;
	color: #f0003d;
	font-weight: 200;
	background-color: #f9eff0;
	font-size: 16px;
	margin-bottom: 15px; 
}
.alert-quote.success { background: #16a23d; color: #fff;  }
.alert-danger { background: #da2929; color: #fff; font-style: italic; }
	.alert ol li {
		padding-left: 15px;
	}

/*************************************************************************************************************
*************************************            #STYLE FOOTER           ****************************************
**************************************************************************************************************/
.footer .title {
	margin-right: 15px;
	font-family: 'montserrat';
	font-weight: bold;
	font-size: 18px; 
/*	padding-top: 30px;*/
}
@media (max-width: 990px) {
	.footer .title { font-size: 17px; }
}
/*************************************************************************************************************
*************************************            #REASSURANCE           ****************************************
**************************************************************************************************************/
.reassurance { padding-top: 20px; }
.reassurance li {
	padding-top: 90px;
	text-align: center;
	background-position: center 0px;
	background-repeat: no-repeat;
	font-size: 14px;
	background-size: 80px;
}
#footer .reassurance li { padding-top: 110px; }
#footer .reassurance { padding-top: 45px; }


		.reassurance .title, .reassurance_bottom li .title {
			font-family: 'montserrat';
			font-weight: 200;
			display: block;
			font-size: 18px;
			line-height: 22px;
			color: #333;
			text-transform: none;
			padding-top: 0;
			padding-bottom: 0px;
			margin: 0;
		}
		.reassurance_bottom li .title { font-size: 	16px; }

		.reassurance .subtitle {
			display: block;
			padding-bottom: 30px;
			line-height: 18px;
			height: 64px;
		}
		#index main .reassurance .subtitle { color: #666; }
		#footer .subtitle { line-height: 17px; font-size: 13px; }
		#footer .reassurance { padding-bottom: 5px; }
		#index #footer .reassurance { padding-top: 	20px;}

@media(max-width: 1170px) and (min-width: 990px) {
	#index #footer .reassurance { padding-top: 	0px;}
	#footer .reassurance .title {  font-size: 16px; line-height: 23px; }
}

@media(max-width: 990px) and (min-width: 767px) {
	#index #footer .reassurance { padding-top: 0; }
	#index #footer .reassurance { padding-top: 5px; }
	.reassurance .title { font-size: 18px; }
	.reassurance li { padding-top: 95px; }
	.reassurance .subtitle { font-size: 13px; }
	#footer .reassurance .title { height: 45px; line-height: 19px; font-size: 17px; }
	.reassurance li { padding-left: 0; }
	.reassurance li { padding-right: 0; }
	#footer .reassurance li { background-size: 65px; padding-top: 74px; }
}

@media(max-width: 767px) {
	.reassurance .subtitle { padding-bottom: 20px;}
	.reassurance li { height: 200px; }
	#footer .reassurance li { height: auto; }
	#footer .reassurance li { background-size: 65px; padding-top: 74px; }
}
@media(max-width: 480px) {
	#footer .reassurance .subtitle { height: auto; }
	#footer .reassurance span p { font-size: 13px; }
	#footer .reassurance li { padding-bottom: 10px; background-position: 10px 0px; padding-top: 0; padding-left: 80px; text-align: left; line-height: 17px; }
	#footer .reassurance .subtitle { padding-bottom: 15px; }
	#footer .reassurance { padding-top: 30px; }
	#footer .subtitle { line-height: 18px;}
	#footer .reassurance .title { padding-bottom: 3px; font-size: 14px; }
	#footer .reassurance li { height: auto; background-size: 50px; }
	.reassurance.top .title { font-size: 18px; 	line-height: 22px; }
	.reassurance.top li { height: 155px; }
	.reassurance.top .subtitle { padding-bottom: 15px; padding-bottom: 0; }
}
/****************** rea index ***************/
.reassurance_bottom li { min-height: 50px; margin-bottom: 40px; background-position: 15px 0; background-size: 38px; background-repeat: 	no-repeat;	padding-left: 	60px; padding-right: 0; }
.reassurance_bottom li:nth-child(2) { position: relative; left: -25px; }
#product .reassurance_bottom li { position: static;}
.reassurance_bottom .subtitle { font-size: 12px; line-height: 14px; }
.reassurance_bottom .title { padding-bottom: 15px; }

@media (max-width: 1199px) {
	.reassurance_bottom li:nth-child(2) { left: -5px; }
	.reassurance_bottom li { padding-left: 55px; background-size: 30px;  }
	.reassurance_bottom li .title { font-size: 14px; }
}
@media (max-width: 990px) {
	.reassurance_bottom li { 	margin-bottom: 10px; }
}
.displayReassurance2 .reassurance_bottom { margin-top : 30px; }
.displayReassurance2 .reassurance_bottom li { display: block; background-size: auto; margin-bottom: 0px; background-position: 15px 0; }
.displayReassurance2 .reassurance_bottom li .title { font-size: 13px; padding-top: 8px; line-height: 15px; }

/*************************************************************************************************************
*************************************            #TABLEDIV           ****************************************
**************************************************************************************************************/
.table-div { 
	font-size: 14px;
	margin-bottom: 30px;
}
.box .table-div { margin-bottom: 0 }
	.table-div .table-head, .table-div .table-row, .table-hide-info { clear: both }

	.table-div .table-head { 
		font-size: 0px;
		padding: 15px 0;
		font-weight: 200;
	}
		.table-div .table-head > div { 
			font-size: 14px;
		}
	.table-row::after {
		content:'';
		display: block;
		clear: both;
	}
	#order .table-div .table-head > div:first-child {

	}
		.table-div .table-head > div:first-child {
			/*padding-left: 30px;*/
		}
	.table-div .table-row { 
		/*border-bottom: 1px solid #e3e3e4;*/
		color: #1e1e1e;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		/*overflow: hidden;*/
		position: relative;
		font-weight: 200;
		background-color: #fff;

	}
		#history main .table-div .table-row, #module-quotes-quoteAccount main .table-div .table-row { 
			align-items: center;
		}
		#order-detail .table-div .table-row {
			
		}
			#order-detail .table-div .calcul-row .table-row {
				background-color: transparent;
			}
		.table-div .table-row > div { 
			
			padding: 15px;
		}
		.table-div .table-row > div:first-child { border: 0 }
		.table-div .table-row ul {
			margin: 0;
		}
			.table-div .table-row ul li {
				line-height: 22px
			}
		.table-div .table-row a {
			
		}
		

@media (min-width: 991px) {
	.table-div strong { display: none; }
}
@media (max-width: 991px) {
	.table-div .table-row { display: block; padding: 15px;  }
	.table-div .table-row.last-line {border-bottom:    0;}
	.table-div .table-foot .table-row { border-bottom: 0; }
	.table-div .table-row > div { border: 0; padding: 0; line-height: 20px; font-size: 16px;}
	.table-div .table-row  strong { color: #666; display: block; font-size: 14px; font-weight: normal; margin: 10px 0 0 0;  }
	.table-div .table-row .table-hide-info { max-height: 200px }
}
@media (max-width: 767px) {
	.table-div .table-head { font-size: 16px }
}


/*************************************************************************************************************
************************************            #CATEGORY CTN          ***************************************
**************************************************************************************************************/
	/************ pages univers / bloc univer home **************/
	#universHome {
		margin-top: 15px;
	}
		#universHome .bg {
			background-image: url('../img/bg-univers.jpg');
			padding-bottom: 10px;
		}
	#universHome  .major .title { color: #fff; padding-bottom: 20px; padding-top: 40px; margin-bottom: 10px;  }
	
	
		
		.category-list .head .cache::after, .category-list .head .cache::before {
			content: '';
			background-color: #fff; 
			position: absolute;
			bottom: 0;
			margin: auto;
			height: 16px;
			right: -2000px;
			left: 100%;
		}
		.category-list .head .cache::before { right: 100%; left: -2000px; }

		
		.category .desc {
			padding-bottom: 25px;
			font-size: 14px;
			line-height: 20px;
			font-family: 'montserrat';
			text-align: center;
		}
		.category-list .desc {
			padding-bottom: 80px;
		} 
			.category .desc > div {
				margin: auto;
				float: none;
				max-width: 850px;
			}
			.category .desc .link {
				padding-top: 15px;
				cursor: pointer;
			}
		.category #breadcrumbs .crumb {
			color: #fff;
			line-height: 40px;
			padding-bottom: 0px;
			
		}
		.category .major .title {
			padding-bottom: 25px;
		
		}
	.desc-subcat {
		font-size: 14px;
		color: #666666;
		max-width: 440px;
		margin: auto;
		margin-bottom: 70px;
	}
		.desc-subcat .title, .desc-subcat h3 {
			color: #333333;
			font-size: 24px;
			display: block; 
			margin-bottom: 20px; 
		}
		.desc-subcat p {
			margin-bottom: 20px; 
			line-height: 18px;
		}
		.desc-subcat ul li {
			line-height: 17px; 
		}
			.desc-subcat ul li::before {
				content: '\e904';
				font-family: 'icomoon';
				color: #59b3b8;
				padding-right: 10px; 
				position: relative;
				top: 2px;
			}
	.category-ctn {
		
	}
		
		.category-ctn > a {
			display: block;
			height: 420px;
			background-repeat: no-repeat;
			padding: 30px;
			background-color: #fff;
			background-size: 101% auto;
			background-position: center center;
			transition: all 0.5s ease;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
		}
			.category-ctn > a:hover {
				background-size: 105%;


			}
			#category #more .title {
				padding-bottom: 60px;
				padding-top: 55px;
				margin: 0; 
			}
				#category #more .inner {
					max-width: 850px; 
					text-align: center;
					padding-top: 0; 
				}

		
		
			.category-ctn .title {
				font-weight: 200;
				font-size: 21px; 
				line-height: 27px;
				padding-bottom: 10px;
				display: block;
			}
			
				.category-ctn .btn { font-family: 'montserrat'; font-weight: 300; font-style: normal; }
				.category-ctn .children-categories li {
					height: 25px;
					font-size: 13px;
				}
				
					.category-ctn .children-categories li a:hover {
						text-decoration: underline;
					}
@media (max-width: 1399px) {
	.category-list .category-ctn > a { height: 380px; }
}
@media (max-width: 1199px) and (min-width: 990px) {

	.category-ctn .inner, .category-ctn .btn { padding-left: 50px; 	margin-left: 50px; }
	.category h1, .category-list h1 { font-size: 50px; 	line-height: 45px; }
}
@media (max-width: 1199px) {
	.category-list .category-ctn > a { height: 310px; }
	.category h1, .category-list h1 { margin-top: 15px;}
}
@media (max-width: 990px) and (min-width: 767px){
	.category-ctn .inner, .category-ctn .btn {  padding-left: 50px; margin-left: 0; }
	.category h1, .category-list h1 { font-size: 50px; 	line-height: 45px; }
}
@media (max-width: 990px) {
	.category-list .head { padding-bottom: 35px; }
	.category-list .desc { padding-bottom: 20px; }
	.category-list .category-ctn > a, .category-ctn > a:hover { background-size: cover; }
}
@media (max-width: 767px) {

	.category-ctn .inner, .category-ctn .btn {  margin-left: 20%; }
	.category-ctn .inner { height: auto; }
	.category h1, .category-list h1 { font-size: 50px; 	line-height: 45px; }
	.category .major .title { font-size: 18px; 	padding-bottom: 15px; }
	#universHome .category-ctn .inner { height: auto; min-height: 180px}
	#universHome .category-ctn > div { height: auto; }
}
@media (max-width: 480px) {
	
	.category-ctn .inner, .category-ctn .btn {  padding: 15px; margin-left: 0; }
	.category-ctn > div { padding: 15px; }
	.category-ctn > div { height: auto; }
	.category-ctn .btn { padding-top: 5px; padding-bottom: 7px; }
	.category h1, .category-list h1 { font-size: 30px; 	line-height: 35px; }
	.category-list .head { padding-bottom: 0; }

}
/*************************************************************************************************************
************************************            #CUSTOM INPUT           ***************************************
**************************************************************************************************************/

.custom-select > span, 
.custom-select > span:before, 
.custom-checkbox:after,
.custom-checkbox:before,
.custom-radio:before {
	/*background: url("../img/sprite-custom-select.png")  */
}
.custom-select {
	position: relative;

}
	.custom-select.disabled { cursor: not-allowed; opacity: 0.5; }
	.custom-select > select {
		display: none;
	}
		.custom-select > span:before {
			/*background-position: left -272px;*/
			content: "\e91c";
			font-family: 'icomoon';
			height: 48px;
			font-weight: 	bold;	
			right: 15px;
			position: absolute;
			width: 5px;
			z-index: 2;
			font-size: 20px;
			width: 20px;
			right: 10px;
			color: #111f2a;
			font-size: 13px;
			width: 10px;
		}
		#auth .custom-select > span:before { font-size: 12px; width: 10px; }
		.custom-select > span.open:before { background-position: left -145px }
		.custom-select > span {
			/*background-position: right -224px;*/
			color: #666;
			cursor: pointer;
			display: block;
			font-size: 14px;
			height: 47px;
			line-height: 47px;
			overflow: hidden;
			padding: 0 45px 0 15px;
			position: relative;
			text-overflow: ellipsis;
			width: 100%;
			white-space: nowrap;
			z-index: 1;
			background-color: #f6f6f6;
			border: #f6f6f6 1px solid;
		}
		.custom-select.disabled > span {  cursor: not-allowed }
		.custom-select > span.open { background-position: right -114px; }
		.custom-select > ul {
			background: #fff;
			border: 1px solid #dbdbdb;
			display: none;
			margin: -1px 0 0 0;
			max-height: 300px;
			overflow-y: auto;
			overflow-x: hidden;
			padding: 0;
			position: absolute;
			z-index: 10;
			color: #666;
		}
		.custom-select > ul.small { font-size: 70%; }
		.custom-select > ul.small li { padding: ; }
		.custom-select > ul.open { display: block }
			.custom-select > ul li {
				color: #333;
				cursor: pointer;
				padding: 8px 10px;
			}
			.custom-select > ul li:hover,
			.custom-select > ul li.selected { background-color: #ddd }
			.custom-select > ul li input {
				height: 30px;
				width: 100%;
			}
		.custom-select > label {
			display: inline-block;
			font-size: 14px;
			margin-bottom: 5px;
		}
		#address .custom-select > label { font-size: 16px;}
/* CustomCheckbox */
.custom-checkbox {
	overflow: hidden;
	position: relative;
}
	.custom-checkbox input {
		cursor: pointer;
		height: 17px;
		left: 0;
		opacity: 0;
		margin-top: -13px;
		position: absolute;
		top: 50%;
		width: 26px;
	}
	#category .custom-checkbox input {
		width: 100%;
	}

	/* Block */
	.custom-checkbox:before {
		content:'';
		font-family: 'icomoon';
		background-color: #fff;
		background-position: 20px -351px;
		border: 1px solid #67686d;
		cursor: pointer;
		display: block;
		height: 17px;
		margin-right: 10px;
		width: 17px;
		text-align: center;
		padding-top: 2px;
		font-size: 10px;
	}
	.custom-checkbox label {
		display: block;
		cursor: pointer;
		font-weight: 200;
		margin-bottom: 0;
	}

	/* Inline */
	.custom-checkbox.inline:before {

		background-color: #f6f6f6;
		/*background-position: 20px -351px;*/
		border: 1px solid #333333;
		content: "";
		cursor: pointer;
		display: inline-block;
		height: 24px;
		margin-right: 10px;
		vertical-align: middle;
		width: 24px;
		line-height: 16px;
		font-size: 12px;
		color: #f6f6f6;
	}
	.custom-checkbox.inline label {
		display: inline-block;
		max-width: 85%;
		vertical-align: middle; 
		color: #666;
	}
	#authentication .custom-checkbox.inline label { color: #111f2a; }
	#authentication .newsletter .custom-checkbox.inline label { 	max-width: 88%; }
	.custom-checkbox.inline:after { display: none; }

	.custom-checkbox.checked:before,
	.custom-checkbox.inline.checked:before { 
		content: "\e904";
		font-family: 'icomoon';
		text-align: center;

		border-color: #333333;
		
		color: #59b3b8;
		background-color: 	#f6f6f6; 
		
		transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	

/* CustomRadio */
.custom-radio {
	clear: both;
	position: relative;
}
	.custom-radio input {
		cursor: pointer;
		height: 24px;
		left: 0;
		opacity: 0;
		margin-top: -12px;
		position: absolute;
		top: 50%;
		width: 24px;
		text-align: center;
		line-height: 24px;
	}
		.custom-radio:before {
			background-color: #f6f6f6;
		/*	background-position: 20px -351px;*/
			border: 1px solid #e3e3e3;
			border-radius: 50%;
			content: "";
			cursor: pointer;
			display: block;
			height: 21px;
			width: 21px;
		}
		.custom-radio.inline:before,
		.custom-radio.inline label {
			cursor: pointer;
			display: inline-block;
			vertical-align: middle;
		}
		.custom-radio.inline label { margin-bottom: 0; max-width: 75%; padding-left: 10px; }
		.custom-radio.checked:before,
		.custom-radio.inline.checked:before { /* border-color: #666*/ }
		.custom-radio.inline.checked:before {  content: "\e905"; font-family: 'icomoon';  color: #59b3b2; text-align: center; line-height: 20px; font-size:8px; }
.radio-box {
	cursor: pointer;
}

/* CustomFile */
.custom-file {
	overflow: hidden;
	position: relative;
}
	.custom-file > input {
		cursor: pointer;
		height: 49px;
		opacity: 0;
		position: absolute;
		width: 100%;
	}
	 .custom-file > label {
		display: block;
	}
	.custom-file .filename {
		background: #f1f1f1;
		float: left;
		font-size: 14px;
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		padding: 0 15px;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 65%;
	}
	.custom-file .action {
		background: #241e20;
		border: 2px solid #1c1d22;
		color: #fff;
		float: right;
		height: 35px;
		line-height: 34px;
		padding: 0 15px;
		text-align: center;
		width: 30%;
		font-family: 'montserrat';
		font-size: 15px; 
		border-radius: 25px; 
	}

@media(max-width: 480px) {
	.custom-checkbox.inline label { max-width: 75% }
}


/**********************************************************/
/***************    BLOC MENU    *************************/

/* menu 2ème type */
#header #mainmenu .blocTitle {
	margin-bottom: 10px;
	height: 140px;
}
	#header #mainmenu .blocTitle .infosTitle {
		
	}
		#header #mainmenu .blocTitle .title {
			color: #010101;
			font-size: 18px;
			font-weight: bold;
			display: block;
			margin-bottom: 7px; 
			margin-top: 18px;
		}
		#header #mainmenu .blocTitle a.title:hover { color: #333; }
		#header #mainmenu .blocTitle .infosTitle .arrow a {
			color :#333333;
			font-size: 14px;
			display: block;
			line-height: 18px; 
		}
		#header #mainmenu .blocTitle .infosTitle .arrow a::before {
			content: "\e907";
			font-family: 'icomoon';
			font-size: 10px;
			margin-right: 5px; 
			transition: all 0.5s;
			-webkit-transition: all 0.5s;
			-moz-transition: all 0.5s;
		}
		#header #mainmenu .blocTitle .infosTitle .arrow a:hover::before {
			margin-right: 7px;
		}
	#header #mainmenu .blocTitle .imgTitle {
		float: left;
		margin-right: 25px; 
		height: 100%;
	}
/* menu 2ème type */
	#header #mainmenu .menuType2.vignette {
		display: inline-block;
		margin-bottom: 15px;
		margin-right: 15px;
	}
	#header #mainmenu .menuType2 .menu-subtitle {
			color: #010101;
			font-size: 18px;
			font-weight: bold;
			display: block;
			margin-top: 18px;
			margin-bottom: 20px;
	}
			#header #mainmenu .menuType2.vignette img {
				width: 46px;
				height: 46px;
			}
	#header #mainmenu .menuType2.vignette-title {
		width: 85px; 
		height: 110px;
		text-align: center;
		display: inline-block;
	}
		#header #mainmenu .menuType2.vignette-title img {
			margin-bottom: 5px;
		}
		#header #mainmenu .menuType2.vignette-title a {
			color: #666;
			font-size: 14px;
			display: block;
		}
			#header #mainmenu .menuType2.vignette-title a.vignette-title:hover {
				text-decoration: underline;
			}
@media (max-width: 767px) {
	#header #mainmenu .blocTitle { height: auto; }
}
@media (max-width: 480px) {
	#header #mainmenu .blocTitle .title { margin-top: 0; }
	#header #mainmenu .blocTitle { height: auto; min-height: 75px; }
	#header #mainmenu .blocTitle .imgTitle { width: 50px; margin-right: 15px; min-height: 60px; }
	#header #mainmenu .menuType2 .menu-subtitle,#header #mainmenu .menuType1 .menu-subtitle  { margin-bottom: 15px; margin-top: 0; }
	#header #mainmenu .menu-content .submenu li.menuType1 a.menu-subtitle, #header #mainmenu .menu-content .submenu li.menuType2 a.menu-subtitle { margin-bottom: 15px; margin-top: 0; }
	#header #mainmenu .menu-content .submenu li a.menu-subtitle { padding: 0; }
}
/**********************************************************************************************/
/******************************************   PANEL OPEN ***********************************/
.panel {
	opacity: 0;
	display: none;
}
.panel.open {
	display: block;
	height: auto; 
	opacity: 1; 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}
	.panel.open .overlay {
		content:'';
		background: rgba(0, 0, 0, 0.75);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.panel.open > .inner {

		position: fixed;
		background: #fff;
		height: auto; 
		width: 500px;  
		max-width: 100%; 
		top: 30%;
		left: 50%;
		margin-left: -250px;
	}
			.panel > .inner::after {
				content: '\e915';
				right: -20px;
				color: #fff;
				font-size: 12px;
				font-family: 'icomoon';
				position: absolute;
				top: 0;
				cursor: pointer;
				pointer-events: none;
				
			}

@media (max-width: 767px) {
	.panel.open > .inner { 
		max-width: 85%;
		left: 0;
		right: 0;
		margin: auto; 
	}
}


#order-detail-content .table-foot .table-row {
	background-color: transparent;
}


/************************/
/******* RGPD ***********/
/************************/

.bloc-rgpd { margin-bottom: 60px; }
.bloc-rgpd .title {
	margin-bottom: 20px !important;
	text-align:left; 
}
.bloc-rgpd .rgpd-action {
	margin-top: 30px;
}