@font-face {
	font-family:'icon-burolia';
	src:url('/css/fonts/icon-burolia.eot?-e0wkph');
	src:url('/css/fonts/icon-burolia.eot?#iefix-e0wkph') format('embedded-opentype'),
		url('/css/fonts/icon-burolia.woff?-e0wkph') format('woff'),
		url('/css/fonts/icon-burolia.ttf?-e0wkph') format('truetype'),
		url('/css/fonts/icon-burolia.svg?-e0wkph#icon-burolia') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
    font-family:'roboto';
    src:url('/css/fonts/roboto-bold.eot');
    src:url('/css/fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/roboto-bold.woff') format('woff'),
         url('/css/fonts/roboto-bold.ttf') format('truetype'),
         url('/css/fonts/roboto-bold.svg#robotobold') format('svg');
    font-weight:700;
    font-style:normal;
	font-display:swap;

}
@font-face {
    font-family:'roboto';
    src:url('/css/fonts/roboto-light.eot');
    src:url('/css/fonts/roboto-light.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/roboto-light.woff') format('woff'),
         url('/css/fonts/roboto-light.ttf') format('truetype'),
         url('/css/fonts/roboto-light.svg#robotolight') format('svg');
    font-weight:300;
    font-style:normal;
	font-display:swap;
}
@font-face {
    font-family:'roboto';
    src:url('/css/fonts/roboto-regular.eot');
    src:url('/css/fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/roboto-regular.woff') format('woff'),
         url('/css/fonts/roboto-regular.ttf') format('truetype'),
         url('/css/fonts/roboto-regular.svg#robotoregular') format('svg');
    font-weight:normal;
    font-style:normal;
	font-display:swap;
}

html, body {position:relative}
body {  margin:0px; font-family:'roboto', Arial, sans-serif; font-size:13px; font-weight:normal; color:#333333; background:#fff;  }
/* background:url("/images/skins/2019-01-hiver.png") #FFF top center no-repeat; */

form { margin:0px; }
input, select, textarea { font-family:Verdana, sans-serif; font-size:12px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; opacity:1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; opacity:1; }
input:-ms-input-placeholder, textarea::-ms-input-placeholder { color:#999; }
input[readonly] { background:#f9f9f9; border:none !important; }
input[type=submit] { cursor:pointer; }
input:focus { outline:none; }
ul, ol, li, dl, dt, dd { padding:0; margin:0; list-style:none; }
code { display:block; padding:10px; background:#F9F9F9; }
p { margin:0; }
td { padding:0; }
*:focus { outline:0; }
.picto_nav{ margin:0px 5px -4px 0px; }
.middle { vertical-align:middle; }
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.justify { text-align:justify !important; }
.mea { font-weight:700; color:#F00; }
.tab_hp { display:none; }
.hidden { display:none !important; }
.bold { font-weight:700; }
.strike { text-decoration:line-through; }
.inner-shadow { -webkit-box-shadow:inset 1px 2px 1px 0px rgba(0, 0, 0, 0.10); -moz-box-shadow:inset 1px 2px 1px 0px rgba(0, 0, 0, 0.10); box-shadow:inset 1px 2px 1px 0px rgba(0, 0, 0, 0.10); }
.inner-shadow-light { -webkit-box-shadow:inset 1px 2px 1px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow:inset 1px 2px 1px 0px rgba(0, 0, 0, 0.05); box-shadow:inset 1px 2px 1px 0px rgba(0, 0, 0, 0.05); }
.shadow { -webkit-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3); box-shadow:0px 2px 4px 0px rgba(0,0,0,0.3); }
.transition { -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; }
a {text-decoration:none; color:inherit; } 
a:focus, a:active{outline:none;}
a:link, a:visited, a:active { /*color:#00aeff;*/ }
a.link { color:#333; text-decoration:none; }
a.link:hover,
	a.link:hover > span { text-decoration:underline; }
a.link2 > span { font-weight:700; color:#333; text-decoration:underline; }
a.link2:hover > span{ text-decoration:none; }
a:hover { /*color:#000000; text-decoration:none;*/ }
a.mea { color:#F00 !important; }
.link.red,
	.red { color:#ff3f4f; }

	/* FORMULAIRE */
form .caption { color:#ff3f4f; }
.input { height:26px; line-height:26px; vertical-align:middle; margin:0; padding:0 5px; border:1px solid #ccc; background-color:#fff; }

img { border:none; }
h1, h2, h3, h4, h5, h6 { font-weight:700; margin:0 0 0 0; color:#333; }
h1, h2 { font-size:18px; }
h2:not(.main-ttl) { text-transform:uppercase; }
h3 { font-size:13px; }
h1.main-ttl, h2.main-ttl  { font-weight:300; font-size:24px; margin-bottom:22px;}
h2.sub-ttl { margin-bottom:15px;}

.clearfix:after { content:" "; clear:both; display:block; height:0; visibility:hidden; }

[class^="icon-"]:before, [class*=" icon-"]:before, .ui-dialog-titlebar-close:before {
	font-family:'icon-burolia';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	vertical-align:middle;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

[class^="iconafter-"]:after, [class*=" iconafter-"]:after {
	font-family:'icon-burolia';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	vertical-align:middle;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.icon-calendar:before {	content: "\e901";}
.icon-pin:before { 				content: "\e900";}
.icon-search:before {			content:"\e759"; }
.icon-warning:before {			content:"\e600"; }
.icon-note:before {				content:"\e68a"; }
.icon-option:before {			content:"\e6f1"; }
.icon-include:before {			content:"\61"; }
.icon-informations:before {		content:"\70"; }
.icon-orders:before {			content:"\63"; }
.icon-return:before {			content:"\73"; }
.icon-edit:before {				content:"\71"; }
.icon-attachedfiles:before {	content:"\72"; }
.icon-duplicate:before {		content:"\65"; }
.icon-back:before {				content:"\e601"; }
.icon-a-right:before,
	.iconafter-a-right:after {	content:"\64"; }
.icon-b-top:before,
	.iconafter-b-top:after {	content:"\67"; }
.icon-b-right:before,
	.iconafter-b-right:after {	content:"\68"; }
.icon-b-left:before,
	.iconafter-b-left:after	{	content:"\69"; }
.icon-b-bottom:before,
	.iconafter-b-bottom:after {	content:"\6a"; }
.icon-phone:before {			content:"\74"; }
.icon-mail:before {				content:"\e641"; }
.icon-assembly:before {			content:"\e634"; }
.icon-manufacturing:before {	content:"\e788"; }
.icon-shipping:before {			content:"\75"; }
.icon-sav:before {				content:"\76"; }
.icon-payment:before {			content:"\6c"; }
.icon-project:before {			content:"\6b"; }
.icon-3d:before {				content:"\6d"; }
.icon-cart-save:before {		content:"\e602"; }
.icon-cart:before {				content:"\6e"; }
.icon-history:before {			content:"\6f"; }
.icon-account:before {			content:"\77"; }
.icon-error:before {			content:"\21"; }
.icon-check:before {			content:"\e603"; }
.icon-check2:before {			content:"\e604"; }
.icon-close:before,
	.iconafter-close:after,
	.ui-dialog-titlebar-close:before {	content:"\e605"; }
.icon-close2:before,
	.iconafter-close2:after {	content:"\66"; }
.icon-video:before {			content:"\e66c"; }
.icon-recalculate:before {		content:"\78"; }

.iconlogo-pdf::before {
	content:" ";
	display:inline-block;
	width:16px;
	height:16px;
	line-height:1;
	vertical-align:middle;
	background:url("../images/pdf.gif") 0 0 no-repeat;
	margin-right:3px;
	
}

/* CURSEURS */
.cursor-border,
	.cursor-border-left,
	.cursor-border-right,
	.cursor-border-top,
	.cursor-border-top-center,
	.cursor-border-bottom-center,
	.cursor-border-bottom,
	.cursor-border-bottom-right,
	.cursor-border-left-bottom,
	.cursor-border-right-bottom,
	.cursor-border-top-right { position:relative; }
.cursor-border:before,
	.cursor-border-left:before,
	.cursor-border-right:before,
	.cursor-border-top:before,
	.cursor-border-top-center:before,
	.cursor-border-bottom:before,
	.cursor-border-bottom-center:before,
	.cursor-border-bottom-right:before,
	.cursor-border-left-bottom:before,
	.cursor-border-right-bottom:before,
	.cursor-border-top-right:before { content:" "; z-index:2; display:block; position:absolute; width:10px; height:10px; border-style:solid; border-color:inherit; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); background:#fff; bottom:-5px; }
.cursor-border:before,
	.cursor-border-left:before {		left:27px; }
.cursor-border-left:before {			top:12px;		left:-6px;	border-width:0 0 1px 1px; }
.cursor-border-left-bottom:before {		bottom:19px;	left:-6px;	border-width:0 0 1px 1px; }
.cursor-border-right:before {			top:15px;		right:-6px;	border-width:1px 1px 0 0; }
.cursor-border-right-bottom:before {	bottom:19px;	right:-6px;	border-width:1px 1px 0 0; }
.cursor-border-top:before {				top:-6px;		left:16px;	border-width:1px 0 0 1px; }
.cursor-border-top-right:before {		top:-6px;		right:22px;	border-width:1px 0 0 1px; }
.cursor-border-top-center:before {		top:-6px;		left:48%;	border-width:1px 0 0 1px; }
.cursor-border-bottom:before {			bottom:-5px;	left:16px;	border-width:0 1px 1px 0; }
.cursor-border-bottom-center:before {	bottom:-5px;	left:48%;	border-width:0 1px 1px 0; }
.cursor-border-bottom-right:before {	bottom:-6px;	right:22px;	border-width:0 1px 1px 0; }


/* TOOLTIPS */
.tooltip-position,
	.tooltip { position:absolute; z-index:5; display:none; }
.tooltip-style,
	.tooltip { padding:13px 18px 13px 14px; background:#fff; border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

/* POPINS  */
.ui-widget-overlay { height:100%; position:fixed; left:0; top:0; width:100%; z-index:95; background:url("/images/bg/overlay.png") 0 0 repeat; }
.ui-dialog { position:absolute; z-index:96; background:#fff; }
.ui-dialog .ui-dialog-title { float:left; font-size:24px; font-weight:300; width:85%; height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:15px 0 0 22px; margin-bottom:7px; }
.ui-dialog .ui-dialog-titlebar-close { float:right; width:33px; height:33px; border:0; border-style:none; padding:0; margin:-15px -15px 0 0; background:#333; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; cursor:pointer; }
.ui-dialog .ui-dialog-titlebar-close:hover { background:#b4b4b4; }
.ui-dialog .ui-dialog-titlebar-close::before { display:block; font-size:20px; color:#fff; margin:2px 0 0 1px; }
.ui-dialog .ui-dialog-content { clear:both; padding:10px 24px; }

/* BOUTONS */
.button { display:inline-block; height:25px; line-height:24px; padding:0 10px; font-size:13px; color:#fff; white-space:nowrap; vertical-align:middle; background:#ff3f4f; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
input[type=submit].button { font-family:'roboto', Arial, sans-serif !important; }
.button:hover { background:#333; }

.button.button-grey { color:#fff; background:#b4b4b4; }
.button.button-grey:hover { background:#333; }
.button.button-grey.icon-back { font-size:11px; }
.button.button-grey.icon-back::before { display:inline-block; font-size:13px; margin-top:-4px; }

.button.button2 { height:28px; line-height:27px; padding:0 13px; font-size:12px; font-weight:700; color:#333; border:1px solid #b4b4b4; background:#fff; }
.button.button2::before { display:inline-block; font-size:16px; margin-right:7px; margin-top:-3px; }
.button.button2:hover { color:#fff; border-color:#333; background:#333; }

.button.button-edit,
	.button.button-info { display:inline-block; cursor:pointer; padding:0; vertical-align:middle; font-size:11px; font-weight:700; color:#fff; background:#b4b4b4; text-align:center; }
.button.button-edit:hover,
	.button.button-info:hover { background:#333333; }
.button.button-edit { width:22px; height:22px; line-height:18px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.button.button-info { width:15px; height:15px; line-height:14px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; vertical-align:top !important; margin-top:1px; }
.button.button-info::before { content:"i" }

.button.button-circle { display:inline-block; width:22px; height:22px; line-height:20px; font-size:11px; padding:0; vertical-align:middle; text-align:center !important; color:#fff; background:#b4b4b4; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.button.button-circle:hover { background:#000; }

.button.button-circle.button-circle-mini { width:16px; height:16px; line-height:13px; }

/* BOUTON DE CHOIX BINAIRE */
.binary-choice { padding:1px; background:#dedede; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.binary-choice > li { float:left; }
.binary-choice > li > a { display:inline-block; width:36px; height:22px; line-height:22px; vertical-align:middle; font-size:11px; color:#999; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.binary-choice > li > a:hover { color:#333; }
.binary-choice > li.on > a { color:#fff; background:#999;  }

/* PASTILLE DISCOUNT */
.discount { width:43px; height:43px; line-height:42px; vertical-align:middle; color:#fff; font-size:14px; font-weight:700; background:#ff3f4f; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; text-align:center; text-decoration:none !important; }


/* TAGS */
.tag { display:inline-block; height:24px; line-height:23px; vertical-align:middle; padding:0 8px; font-size:11px; font-weight:normal; color:#fff; background:#333; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.tag:hover { background:#666; text-decoration:line-through; }
.tag::after { display:inline-block; margin:-1px 0 0 8px; font-size:12px; }
.tag.tag-white { color:#333; background:#fff; }
.tag.tag-white:hover { text-decoration:underline; }

/* STRUCTURATION DES PAGES */

body .content { width:980px; margin-left:auto; margin-right:auto; }

/* HEADER */ 

body > header { width:100%; height:182px; }

body > header > .banner-phone { height:30px; line-height:30px; color:#fff; background:#333333; text-align:center; }
body > header > .banner-phone > .ttl { font-size:16px; font-weight:700; margin-right:16px; }
body > header > .banner-phone > .phone { font-size:16px; font-weight:700; }
body > header > .banner-phone > .icon-phone { font-size:21px; line-height:21px; margin-right:5px; }

body > header > .content { height:85px; margin-top:13px; }
body > header > .content > .logo { float:left; }
body > header > .content > .search { float:left; width:289px; height:38px; padding:4px; margin:19px 0 0 46px; background:#ededed; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
body > header > .content > .search > div { width:287px; height:36px; border:1px solid #ccc; background:#fff; }
body > header > .content > .search > div.focus { border-color:#333; }
body > header > .content > .search > div > input[type=text] { display:inline-block; width:233px; height:30px; line-height:30px; padding:3px 3px 3px 9px; border:0; margin:0; }
body > header > .content > .search > div > .icon-search { display:inline-block; width:41px; height:36px; color:#999; font-size:24px; text-align:center; vertical-align:top; background:#fff; border-left:1px solid #f0f0f0; }
body > header > .content > .search > div > .icon-search:hover { color:#333; }
body > header > .content > .search > div > .icon-search::before { display:inline-block; margin:-1px -2px 0 0; }

	/* Raccourcis panier / historiques consultation / compte */
body > header > .content > .customer-menu { float:right; }
body > header > .content > .customer-menu > li { position:relative; float:left; width:140px; margin-top:4px; text-align:center; }
body > header > .content > .customer-menu > li > a { color:#333;}
body > header > .content > .customer-menu > li > a::after { font-size:7px; margin-left:5px; }
body > header > .content > .customer-menu > li:last-child { width:70px; margin-left:40px; }
body > header > .content > .customer-menu > li > a > .button-circle { position:relative; display:block; width:57px; height:57px; line-height:50px; font-size:35px; color:#fff; margin:0 auto; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background:#b4b4b4; }
body > header > .content > .customer-menu > li > a > .button-circle > .nb { display:block; position:absolute; top:9px; right:9px; width:14px; height:14px; line-height:13px; letter-spacing:-1px; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:700; color:#ff3f4f; background:#fff; border:2px solid #ff3f4f; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
body > header > .content > .customer-menu > li > a > .button-circle.icon-cart { background:#ff3f4f; }
body > header > .content > .customer-menu > li > a:hover > .text { text-decoration:underline; }
body > header > .content > .customer-menu > li:hover > a > .button-circle { background:#333; }
body > header > .content > .customer-menu > li:hover > a > .button-circle > .nb { border-color:#333; }
body > header > .content > .customer-menu > li:hover > a + .tooltip-position,
	body > header > .content > .customer-menu > li:hover > a + span + .tooltip-position { display:block; }
body > header > .content > .customer-menu > li .iconafter-b-bottom { display:inline-block; margin:-2px 0 0 10px; font-size:8px; }

	/* Navigation principale */
body > header > nav.content { height:43px; margin-top:10px; border-bottom:1px solid #dedede; }
body > header > nav > ul { float:left; }
body > header > nav > ul > li { float:left; position:relative; }
body > header > nav > ul > li > a { display:block; height:43px; line-height:42px; vertical-align:middle; padding:0 9px; border-bottom:1px solid #dedede; font-size:11px; font-weight:700; text-transform:uppercase;  }
body > header > nav > ul > li:hover > a { background:#333; border-color:#333; color:#fff; }
body > header > nav > ul.nav-right { float:right; }
		/* Second niveau */
body > header > nav > ul > li > ul { display:none; position:absolute; z-index:2; top:43px; width:186px; padding:12px 15px 14px 19px; border:1px solid #333; background:#fff; }
body > header > nav > ul > li:hover > ul { display:block; }
body > header > nav > ul > li > ul > li { height:24px; }
body > header > nav > ul > li > ul > li > a { line-height:24px; }

	/* Articles consultés */
.tooltip-position.viewed { left:-75px; width:294px; text-align:left; padding-top:15px; }
.tooltip-position.viewed > ul > li:not(:last-child) { margin-bottom:6px; }
.tooltip-position.viewed > ul > li:last-child { margin:14px 0 0 0; text-align:center; }
.tooltip-position.viewed > ul > li > a > img { float:left; margin-right:12px; }
.tooltip-position.viewed > ul > li > a > img + span { line-height:15px; font-size:12px; font-weight:700; }

	/* Compte */
.tooltip-position.account { right:2px; width:188px; padding-top:15px; text-align:left;  }
.tooltip-position.account > ul { padding:16px 18px 10px 21px; }
.tooltip-position.account > ul > li { height:27px; line-height:26px; vertical-align:middle; text-align:center; }
.tooltip-position.account > ul > li:not(:last-child) { margin-bottom:3px; }
.tooltip-position.account > ul > li > .button { width:129px; height:27px; line-height:26px;  }
.tooltip-position.account > ul > li > .link { font-size:11px; color:#ff3f4f; }
.tooltip-position.account > ul.customer { padding-top:10px; }
.tooltip-position.account > ul.customer > li { text-align:left; }
.tooltip-position.account > ul.customer > li > .link { font-size:13px !important; font-size:11px; color:#333; }


	/* Autocomplete par category */
.ui-autocomplete {  background-color:#fff; border:1px solid #000; }
.ui-autocomplete-category { padding:2px 5px; font-weight:bold; text-transform:uppercase; background-color:#000; color:#fff; }
.ui-autocomplete .ui-menu-item a { display:block; padding:2px 5px 2px 20px; cursor:pointer; }
.ui-autocomplete .ui-menu-item a:hover { background-color:#eee;}

/* FOOTER */

body > footer .commitments { background:#f0f0f0; padding:25px 0; }
body > footer .commitments h3 { font-size:18px; font-weight:700; text-transform:uppercase; text-align:center; margin-bottom:27px; }
body > footer .commitments ul > li { float:left; margin-left:55px; text-align:center; }
body > footer .commitments ul > li:first-child { margin-left:0; }
body > footer .commitments ul > li > a { text-transform:uppercase; font-weight:700; font-size:12px; line-height:18px; }
body > footer .commitments ul > li > a			> .button-circle { display:block; width:67px; height:67px; line-height:66px; vertical-align:middle; margin:0 auto 11px auto; color:#ff3f4f; background:#fff; border:5px solid #F0F0F0; -webkit-border-radius:40px; -moz-border-radius:40px; border-radius:40px; }
body > footer .commitments ul > li > a			> .button-circle::before { display:inline-block; font-size:38px; text-decoration:none !important; }
body > footer .commitments ul > li > a			> .icon-payment::before { margin-top:-8px; }
body > footer .commitments ul > li > a			> .icon-assembly::before { margin:-3px 0 0 -3px; }
body > footer .commitments ul > li > a			> .icon-sav::before { margin-right:-1px; }
body > footer .commitments ul > li > a			> .icon-shipping::before { margin-top:-10px; }
body > footer .commitments ul > li > a:hover	> .button-circle { color:#fff; background:#ff3f4f; border-color:#ffccd0; }

body > footer .commitments ul > li > a .creditcards { display:block; margin:10px auto 0 auto;  }

body > footer .footer-links { margin-top:24px; }
body > footer .footer-links > li { float:left; width:312px; height:136px; padding:13px 0 13px 21px; border-left:1px solid #f0f0f0; }
body > footer .footer-links > li:first-child { padding-left:0; border:0; }
body > footer .footer-links > li > h2 { margin-bottom:17px; font-size:18px; font-weight:700; }
body > footer .footer-links > li .phone { display:block; font-size:18px; font-weight:700; margin:4px 0 11px 0; }
body > footer .footer-links > li a::before { display:inline-block; }
body > footer .footer-links > li .phone::before { font-size:21px; margin-right:8px; }
body > footer .footer-links > li .mail::before { font-size:24px; margin-right:6px; margin-top:-8px; }
body > footer .footer-links > li > ul > li { height:23px; } 

body > footer .footer-links > li > .valdelia > img { float:left; margin-right:10px; }
body > footer .footer-links > li > .valdelia > h3 { font-weight:normal; color:#78b12f; }
body > footer .footer-links > li > .valdelia > h3 > a:hover { text-decoration:underline; }
body > footer .footer-links > li > .valdelia > p { font-size:12px; }

body > footer .footer-last { margin-top:24px; border-top:1px solid #f0f0f0; padding:16px 0 23px 0; }
body > footer .footer-last > .webagency { float:left; }

body > footer .footer-last > .webagency { float:left; color:#666; font-size:11px; line-height:18px; }
body > footer .footer-last > .webagency img { vertical-align:top; margin:1px 5px 0px 0px; }
body > footer .footer-last > .webagency a { text-decoration:underline; }
body > footer .footer-last .link { font-size:11px; color:#666; }
body > footer .footer-last > .webagency a:hover { text-decoration:none; }
body > footer .footer-last > ul { float:right; }
body > footer .footer-last > ul > li { float:left; margin-left:13px; }

/* RETOUR EN HAUT */

#wrap { position:fixed; bottom:50px; left:50%; width:480px; height:1px; margin:0 auto; }
.back-top { position:fixed; bottom:50px; margin-left:525px; display:none; width:33px; height:33px; line-height:28px; font-size:18px; vertical-align:middle; text-align:center; text-decoration:none; color:#fff; background:#333; -webkit-border-radius:18px; -moz-border-radius:18px; border-radius:18px; }
.back-top::before { display:inline-block; margin:-2px 0 0 2px; }
.back-top:hover { background:#666; }

/* CORPS */

	/* Fil d'Arianne */
.breadcrumbs { height:25px; line-height:25px; padding:7px 0 8px 0; border-bottom:1px solid #dedede; margin-bottom:22px !important; }
.breadcrumbs > .button-grey { float:left; margin-right:20px; }
.breadcrumbs > .button-grey:before { margin-right:7px; }
.breadcrumbs > ul { float:left; color:#999; }
.breadcrumbs > ul > li { display:inline-block; }
.breadcrumbs > ul > li::after { display:inline; font-size:14px; }
.breadcrumbs > ul > li > a { display:inline-block; padding:0 12px; font-size:11px; color:#999; }
.breadcrumbs > ul > li > a.link:hover { color:#333; }
.breadcrumbs > ul > li:first-child > a { padding-left:0; }

	/* Bandeau pub */
.banner.content { margin-top:-10px; margin-bottom:10px; }
.banner.couponcode { height:30px; font-size:14px; line-height:29px; text-align:center; color:#fff; background:#ff3f4f; }

	/* Structuration de la page en 2 colonnes avec nav à gauche */
.content > .content-l,
	.content > .content-r { float:left; }
.content > .content-l { width:176px; margin-right:24px; }
.content > .content-l > h2 { /*height:30px;*/ border-bottom:1px solid #dedede; margin-bottom:5px; text-transform:uppercase; }
.content > .content-l > ul { margin-bottom:20px; }
.content > .content-l > ul > li { margin-bottom:8px; }
.content > .content-l > ul > li > a { line-height:16px; }
.content > .content-l > ul > li.on > a { font-weight:700; }
.content > .content-r { width:780px; }	
.content > .content-r > p,
	.content > .content-r > section > p { margin-bottom:20px; }

	/* 2 colonnes égales */
.col-l, .col-r { float:left; width:50%; }


	/* Slider d'une liste de vignettes */
.slider-list { margin-bottom:30px; }
.slider-list ul > li { float:left; width:140px; margin-right:15px; text-align:center; }
.slider-list ul > li:last-child { margin-right:0 !important; }
.slider-list ul > li > a { font-size:11px; }
.slider-list .bx-wrapper { position:relative; margin:0 auto; }
.slider-list .bx-wrapper .bx-controls { text-align:center; }
.slider-list .bx-wrapper .bx-controls .bx-pager { display:inline-block; margin-top:20px; }
.slider-list .bx-wrapper .bx-controls .bx-pager-item { float:left; }
.slider-list .bx-wrapper .bx-controls .bx-pager.bx-default-pager a { display:inline-block; width:11px; height:11px; outline:0 none; margin:0 3px; text-indent:-9999px; background:#ccc; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.slider-list .bx-wrapper .bx-controls .bx-pager.bx-default-pager a:hover,
	.slider-list .bx-wrapper .bx-controls .bx-pager.bx-default-pager a.active { background:#ff3f4f; }
.slider-list .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, 
	.slider-list .bx-wrapper .bx-controls .bx-controls-direction .bx-next { position:absolute; top:39px; width:26px; height:26px; background:#b4b4b4; border:1px solid #fff; font-size:15px; text-align:center; color:#fff; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
.slider-list .bx-wrapper .bx-controls .bx-controls-direction .bx-prev { left:-16px; }
.slider-list .bx-wrapper .bx-controls .bx-controls-direction .bx-next { right:-16px; }
.slider-list .bx-wrapper .bx-controls .bx-controls-direction .bx-next::before { margin-left:2px; }

	/* Listing produit générique */
.listing-products > ul > li { float:left; width:248px; margin:0 18px 25px 0; text-align:center;  }
.listing-products > ul > li > a.link { position:relative; display:block; height:230px; font-weight:700; line-height:15px; overflow:hidden;  }
.listing-products > ul > li > a.link > img { margin-bottom:9px;  }
.listing-products > ul > li > a.link > .discount { position:absolute; top:8px; left:9px; display:block;   }
.listing-products > ul > li > a.link > .strengths { position:absolute; z-index:1000; width:248px; height:186px; line-height:186px; background:rgba(0, 0, 0, 0.7); color:#fff; font-size:14px; }
.listing-products > ul > li > a.link > .strengths ul { padding:30px; display:inline-block; vertical-align:middle; line-height:normal; text-align:left; }
.listing-products > ul > li > a.link > .strengths ul > li { margin-bottom:15px; }
.listing-products > ul > li > a.link > .strengths ul > li::before { display:inline-block; margin:-2px 5px 0 0; }

.listing-products > ul > li > .price { font-size:11px; margin-bottom:6px; }
.listing-products > ul > li > .price .quote { display:block; margin-top:6px; font-size:13px; text-transform:uppercase; font-style:italic; }
.listing-products > ul > li > .price > sup { font-size:8px; }
.listing-products > ul > li > .price > .value { font-size:18px; font-weight:700;  }
.listing-products > ul > li > .price > .value > sup { font-size:11px; }
.listing-products > ul > li > .price > .value .unit { font-size:12px; }
.listing-products > ul > li > .colors { display:inline-block; }
.listing-products > ul > li > .colors > li { float:left; margin:2px; }
.listing-products > ul > li > .colors > li > a { display:block; width:14px; font-size:0; border:1px solid #dfdfdf; }
.listing-products > ul > li > .colors > li > a > div { width:14px; height:14px; display:inline-block; }
.listing-products > ul > li > .button { display:inline-block; margin:4px auto; }

		/* 3 produits par ligne */
.listing-products.listing-products-three > ul > li { margin-right:18px; min-height:300px; }
.listing-products.listing-products-three > ul > li:nth-child(3n+0) { margin-right:0; }
.listing-products.listing-products-three > ul > li:nth-child(3n+1) { clear:both; }

		/* 4 produits par ligne */
.listing-products.listing-products-four > ul > li { width:233px; margin-right:16px; }
.listing-products.listing-products-four > ul > li:nth-child(4n+0) { margin-right:0; }
.listing-products.listing-products-four a.link img { width:100%; height:auto; }

/* INTEGRATION CONTEXTUELLE */

	/* HOME */
 
	/* Slider de la home */
.home .slider { width:980px; position:relative; margin-bottom:21px; }
.home .slider .bxslider { width:980px; height:400px; overflow:hidden; }
.home .slider .bx-pager .bx-pager-item { display:inline-block; }
.home .slider .bx-wrapper { text-align:center; }
.home .slider .bx-wrapper .bx-viewport { position:absolute; }
.home .slider .bx-wrapper .bx-controls { position:absolute; z-index:10; right:17px; bottom:13px; }
.home .slider .bx-wrapper .bx-controls .bx-pager.bx-default-pager a { display:block; width:14px; height:14px; outline:0 none; margin:0 5px; text-indent:-9999px; background:#ccc; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; }
.home .slider .bx-wrapper .bx-controls .bx-pager.bx-default-pager a:hover,
	.home .slider .bx-wrapper .bx-controls .bx-pager.bx-default-pager a.active	{ background:#333; }
.home .slider .bx-controls-direction { display:none;}
.home .slider .bx-controls a { text-decoration:none; color:#000; }

	/* Bannière sous le slider */
.home .banners-2 { height:204px; margin-bottom:35px; }
.home .banners-2 > li { float:left; margin-left:22px; }
.home .banners-2 > li:first-child { margin-left:0; }

	/* Bannière sous le slider */
.home .banners-3 { height:390px; margin-bottom:35px; }
.home .banners-3 > li { float:left; margin-left:22px; }
.home .banners-3 > li:first-child { margin-left:0; }

	/* Textes */
.home > h1 { font-size:18px; font-weight:700; text-transform:uppercase; text-align:center; margin-bottom:27px; }
.home > p { font-weight:300; line-height:23px; margin:0 0 40px 0; }


	/* PAGE DE CONTENU TEXTE */
	
.content-text .content-full { width:620px; margin:20px auto 40px auto; }
	
.content-text .content-r h2,
	.content-text .content-full h2 { font-size:16px; color:#ff3f4f; margin:30px 0 15px 0; }
.content-text h2:first-child { margin-top:0; }
.content-text .content-r img + h2,
	.content-text .content-full img + h2 { margin-top:30px; }
.content-text .content-r p,
	.content-text .content-full p,
	.product-description .description p,
	.brand-text .description p { line-height:20px; margin-bottom:20px; }
.content-text .content-r a,
	.content-text .content-full a,
	.product-description .description a,
	.brand-text .description a { text-decoration:underline; }
.content-text .content-r a:hover,
	.content-text .content-full a:hover, 
	.brand-text .description a:hover { text-decoration:none; }
	.product-description .description a:hover { text-decoration:none; }
.content-text .content-r ul,
	.content-text .content-full ul,
	.product-description .description ul,
	.brand-text .description ul,
	.ui-dialog #alert > p ul { margin:0 0 30px 13px; }
.content-text .content-r ul > li:before,
	.content-text .content-full ul > li:before,
	.product-description .description ul > li:before,
	.brand-text .description ul > li:before,
	.ui-dialog #alert > p ul > li:before { content:" "; display:inline-block; width:7px; height:7px; margin-right:8px; background:#999; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
	
.content-text + footer { margin-top:30px; }

	/* SOMMAIRE DES DESIGNERS */

.designers-summary .letter { color:#ff3f4f; font-size:18px; }
.designers-summary .col { float:left; width:25%; box-sizing:border-box; padding-right:15px;  }
.designers-summary .col ul { margin:13px 0px; padding:0px; list-style:none; }
.designers-summary .col a:hover { text-decoration:underline; }


	/* SOMMAIRE DES MARQUES */
	
table.brands-grid { border-collapse:collapse; border-spacing:0; margin-bottom:67px; }
table.brands-grid > tbody > tr { border-top:1px solid #dedede; }
table.brands-grid > tbody > tr:first-child { border-top:0; }
table.brands-grid > tbody > tr > td { width:155px; height:155px; border-left:1px solid #dedede; }
table.brands-grid > tbody > tr > td:first-child { border-left:0; }
table.brands-grid > tbody > tr > td:empty { border:0; }
table.brands-grid > tbody > tr > td:not(:empty) + td:empty { border-left:1px solid #dedede; }
table.brands-grid > tbody > tr > td > a { display:block; width:151px; height:151px; border:2px solid #fff; text-align:center;  }
table.brands-grid > tbody > tr > td > a:hover { border-color:#ff3f4f; }
table.brands-grid > tbody > tr > td > a > img { margin:20px auto 25px auto; }


table.brands-grid.brands-grid-full > tbody > tr > td { width:162px; height:162px; text-align:center; }
table.brands-grid.brands-grid-full > tbody > tr > td img { margin-top:3px; }


	/* Showrooms */
.listing-showrooms > ul { margin:20px 0 40px; }
.listing-showrooms > ul { display:grid; width:100%; grid-template-columns: repeat(3, 1fr); gap: 18px;   box-sizing: border-box;}
.listing-showrooms > ul > li { position:relative; }
.listing-showrooms > ul > li .picture img { display:block; width:100%; height:auto; }
.listing-showrooms > ul > li .details { min-height:130px; padding:15px; background-color:#f0f0f0; }
.listing-showrooms > ul > li .icon-pin { position:relative; margin:-5px 0 15px; padding-left:30px; font-weight:700; }
.listing-showrooms > ul > li .icon-pin::before { position:absolute; top:4px; left:0; font-size:28px;  }
.listing-showrooms > ul > li .title { font-size:15px; }
.listing-showrooms > ul > li .location { font-size:13px; }
.listing-showrooms > ul > li p { font-size:11px; }
.listing-showrooms > ul > li .button2 { position:absolute; bottom:20px; }

.listing-showrooms > ul.single { display:block; }
.listing-showrooms > ul.single > li { display:flex; width:100%; align-items:stretch;  }
.listing-showrooms > ul.single > li .picture { width:41%; flex-shrink:0; aspect-ratio:16 / 9; background-size:cover; background-position:center; }
.listing-showrooms > ul.single > li .details { width:59%; padding:20px; overflow:auto;  }
.listing-showrooms > ul.single > li p { font-size:13px; }

	/* FICHE DE SHOWROOM */
.showroom-details { display:flex; flex-wrap:nowrap; align-items:flex-start; width:100%; gap:15px; margin:30px 0; }
.showroom-details > div { box-sizing: border-box; }
.showroom-highlight { width:235px; padding:20px; flex-shrink:0; background-color:#ff3f4f; color:#fff; }
.showroom-highlight .icon-pin { margin-bottom:12px; font-size:15px; font-weight:700; }
.showroom-highlight .icon-pin::before { font-size:28px; }
.showroom-highlight .legend { margin-bottom:3px; font-size:11px; text-align:center; font-style:italic; }
.showroom-highlight p { min-height:70px; }
.showroom-highlight .button { width:100%; box-sizing:border-box; border:none; text-align:center; }
.showroom-content h3 { margin:15px 0 10px; }
.showroom-content ul.brands { display: flex; height:40px; align-items: center; }
.showroom-content ul.brands > li { display: flex; align-items: center; height: 100%; padding:0 12px; position: relative;   border-right: 1px solid #ccc; }
.showroom-content ul.brands > li:last-child { border:none; }



	/* FICHE DE MARQUE */
	
.brand-text { margin-bottom:40px; }
.brand-text > .logo { float:left; width:200px; text-align:center; }
.brand-text > .logo > img { margin:5px auto; }
.brand-text > p, .brand-text > div.justify { float:left; width:580px; line-height:20px; }
.brand-text > p a { text-decoration:underline; }
.brand-text > p a:hover { text-decoration:none; }


		/* Gammes */
.slider-list:not(.section2-slider) + .brand-families > .main-ttl { margin-top:25px; }
.brand-families > ul { margin-top:21px; }
.brand-families > ul > li { float:left; width:250px; height:245px; margin-right:15px; text-align:center; }
.brand-families > ul > li:nth-child(3n+0) { margin-right:0; }
.brand-families > ul > li > a { font-weight:700; }
.brand-families > ul > li > a > img { margin-bottom:15px; }


	/* GAMMES - SOMMAIRE */
.families-slider { margin-bottom:25px; }
.families-slider li { width:250px !important; }
.families-slider > h1 { display:inline-block; margin:0 30px 15px 0; vertical-align:top; }
.families-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, 
	.families-slider .bx-wrapper .bx-controls .bx-controls-direction .bx-next { top:78px; }

	/* GAMMES - SOMMAIRE */
.families-list ul > li { float:left; width:250px; height:245px; margin-right:15px; text-align:center; }
.families-list ul > li:nth-child(3n+0) { margin-right:0; }
.families-list ul > li > a { font-weight:700; }
.families-list ul > li > a > img { margin-bottom:15px; }

	/* DEMANDE DE CONTACT */

form#contact > dl {  line-height:30px;}
form#contact > dl > dt { float:left; width:87px; }
form#contact > dl > dd { float:left; width:298px;  }
form#contact > dl > dd > .input { width:286px; margin-bottom:7px; box-sizing: border-box; }
form#contact > dl > dd > textarea.input { height:140px; }
form#contact > dl > dd > .button { margin:15px 0 5px 0; }
form#contact > dl > dd > .button + div { font-size:11px; }


	/* PAGE LISTING PRODUITS */
.listing header { position:relative; padding-bottom:8px; border-bottom:1px solid #dedede; margin-bottom:17px; }
.listing header > h1 + p { line-height:20px; /* color:#999; */ margin-bottom:20px; }
.listing header .tags { float:left; width:600px; line-height:24px; vertical-align:middle; font-size:11px; font-weight:700;  }
.listing header .tags > span { float:left; margin-right:8px;}
.listing header .tags > ul { float:left;  width:475px;}
.listing header .tags > ul > li { float:left; margin:0 5px 4px 0; }
.listing header .order-list { position:relative; float:right; width:180px; font-size:11px; text-align:right; }
.listing header .order-list-selected { position:relative; z-index:2; display:inline-block; width:100px; height:23px; line-height:22px; text-align:left; padding:0 4px 0 9px; border:1px solid #ccc; background:#fff; }
.listing header .order-list-selected::after { position:absolute; top:5px; right:5px; }
.listing header .order-list-selected:hover,
	.listing header .order-list-selected.on { border-color:#333; }
.listing header .order-list-selected.on { border-bottom:0; padding-bottom:1px; }
.listing header .order-list-choices { position:absolute; z-index:1; top:24px; right:0; display:none; width:103px; text-align:left; padding:3px 5px; border:1px solid #333; border-top:1px solid #ccc; background:#fff; }
.listing header .order-list-choices > li { height:23px; line-height:22px; vertical-align:middle;}
.listing header .order-list-choices > li:first-child { border-top:1px solid #ccc; }
.listing header .order-list-choices > li > a { display:block; padding-left:4px; }
.listing header .order-list-choices > li > a:hover { background:#ededed; }

		/* Filtres du listing */
.filter { padding-top:6px; border-top:1px solid #dedede; margin-bottom:20px; }
.filter > h2,
	.filter > h3 { font-size:14px; text-transform:uppercase; margin-bottom:8px; }
	
.filter .tints-choice { padding:7px; border:1px solid #dedede; margin-bottom:19px; }

.filter input.input { display:inline-block; width:133px; height:23px; line-height:23px; }
.filter input.input:focus { border-color:#333; }
.filter input.input + .button { width:28px; padding:0; margin-left:3px; }

.checkbox-list > li { min-height:24px; line-height:23px; vertical-align:middle; }
.checkbox-list > li > a { color:#999; }
.checkbox-list > li > a > span { display:inline-block; width:12px; height:12px; line-height:12px; font-size:10px; background:#fff; border:1px solid #ccc; margin:0 8px 0 5px; text-align:center; vertical-align:middle; }
.checkbox-list > li > a > span::before { display:none; vertical-align:top; }
.checkbox-list > li > a:hover { color:#333; }
.checkbox-list > li > a:hover > span { border-color:#333; }
.checkbox-list > li > a.checked { color:#333; }
.checkbox-list > li > a.checked > span { border-color:#333; }
.checkbox-list > li > a.checked > span::before { display:inline; padding-left:1px; font-size:11px; }
.checkbox-list > li > .checkbox-list { margin-left:20px; }

.filter-colors > li { float:left; margin:0 6px 7px 0; }
.filter-colors > li:nth-child(2n+0) { margin-right:7px; }
.filter-colors > li:nth-child(4n+0) { margin-right:7px; }
.filter-colors > li:nth-child(6n+0) { margin-right:0; }
.filter-colors > li > a,
	.filter .color { display:block; width:22px; height:22px; font-size:0; border:1px solid #dedede; }
.filter-colors > li > a > img,
	.filter .color > img { border:1px solid #fff; }
.filter-colors > li > a:hover,
	.filter .color:hover { border-color:#333; }
.filter-colors > li,
	.tints-choice > .color,
	.tooltip-parent { position:relative; }
.filter-colors > li > .tooltip::before,
	.tints-choice > .color > .tooltip::before { left:10px; }
.filter-colors > li > .tooltip,
	.tints-choice > .color > .tooltip,
	.tooltip-parent > .tooltip { top:26px; left:-4px; max-width:100px; min-width:40px; padding:5px 10px; font-size:11px; text-align:center; line-height:normal; font-weight:normal; text-transform:none; }
.tooltip-parent > .tooltip { left:-12px; width:60px; }
.filter-colors > li:hover > .tooltip,
	.tints-choice > .color:hover > .tooltip,
	.tooltip-parent:hover > .tooltip { display:block; }

.slider-range { position:relative; width:158px; height:12px; padding:0; text-align:left; background:#ededed; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; }
.slider-range::after { position:absolute; content:" "; right:-18px; top:0; display:block; width:18px; height:12px; background:#ededed; z-index:1; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; border-top-right-radius:3px; border-bottom-right-radius:3px; }
.slider-range .ui-slider-handle { position:absolute; top:-3px; z-index:2; width:16px; height:16px; margin:0; border:1px solid #cdcdcd; background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; cursor:pointer; }
.slider-range .ui-slider-handle:hover { border-color:#333; }
.slider-range .ui-slider-range { position:absolute; z-index:2; background:#333; height:10px; top:0; border-top:1px solid #ededed; border-bottom:1px solid #ededed; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px; }
.slider-range .ui-slider-range::after { position:absolute; z-index:2; top:-1px; right:-4px; content:" "; width:5px; height:10px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; background:#333; }
.slider-range.focus .ui-slider-range { background:#ff3f4f; }
.slider-range.focus .ui-slider-range::after { background:#ff3f4f; }

.slider-amount { margin-top:12px; text-align:center; }

	/* Espace client */
	/* Sommaire */
.client-index { margin:50px auto; width:663px; }
.client-index > ul > li { float:left; margin:18px; text-align:center; }
.client-index > ul > li > a { display:block; width:291px; height:142px; font-size:24px; font-weight:300; border:1px solid #b4b4b4; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.client-index > ul > li > a::before { display:inline-block; font-size:35px; margin:20px 0; }
.client-index > ul > li > a:hover { border-color:#333; }


	/* FICHE PRODUIT */
		/* structure */
.product { margin-bottom:55px; }
.product > .product-l,
	.product > .product-r { float:left; }
.product > .product-l { width:592px; margin-right:37px; }
.product > .product-r { float:left; width:348px; }
.product > .product-r > section { width:316px; padding:14px 16px; border:1px solid #dedede; }

.product-l .main-ttl { margin-bottom:0; }
.product .main-ttl > span { font-size:18px; }
.product .main-ttl > .red-point { display:inline-block; width:13px; height:13px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#ff0000; }
.product .ref { color:#999; margin-top:-5px;}
.product .strengths { display:inline-block; margin:10px 0; }
.product .strengths > li { float:left; margin:5px 15px; }
.product .strengths > li::before { display:inline-block; font-size:16px; margin:-2px 7px 0 0; }


.thumbs { margin-top:20px; }
.thumbs > li { float:left; margin:0 19px 14px 0; }
.thumbs > li:nth-child(5n+0) { margin-right:0; }
.thumbs > li > a { display:inline-block; width:99px; height:74px; font-size:0; border:2px solid #dfdfdf; background:#fff; text-align:center; }
.thumbs > li.on > a,
	.thumbs > li > a.active,
	.thumbs > li > a:hover { border-color:#ff3f4f; }
.thumbs > li > a::before { line-height:68px; vertical-align:middle; font-size:40px; color:#999; }

.ui-dialog .thumbs > li { margin-right:21px; }

.product .product-r { position:relative; }
.product .product-r .price-public { height:26px; font-size:18px; color:#999; margin-bottom:16px; }
.product .product-r .price-public > sup{ font-size:12px; }
.product .product-r .binary-choice { position:absolute; top:14px; right:16px; }
.product .product-r .no_sale { padding:10px; margin-top:20px; background-color:#efefef; text-align:center; }

.product .price-choice > li { width:312px; height:50px; line-height:48px; vertical-align:middle; white-space:nowrap; border:2px solid #fff; }
.product .price-choice > li.on { border-color:#ff3f4f; }
.product .price-choice > li > input[type=radio] { margin:0 4px 0 6px; padding:0; vertical-align:middle; }
.product .price-choice > li > a span,
	.product .price-choice > li > label span { display:inline-block; vertical-align:middle; }
.product .price-choice.price-multiple > li > a span,
	.product .price-choice.price-multiple > li > label span { cursor:pointer; }
.product .price-choice > li .price-choice-container { width:132px; }
.product .price-choice > li .discount { width:35px; height:35px; margin-right:4px; line-height:34px; font-size:12px;  }
.product .price-choice > li .price-choice-label { width:97px; font-size:18px; font-weight:700; line-height:16px; }
.product .price-choice > li .price-choice-label > .price-choice-delay { display:block; font-size:11px; font-weight:400; }
.product .price-choice > li .price-choice-label .button-info { position:relative; }
.product .price-choice > li .price-choice-label .button-info .tooltip { white-space:normal; top:-11px; left:23px; width:155px; padding:10px 10px 14px 14px; text-align:left; font-weight:normal; color:#333; }
.product .price-choice > li .price-choice-label .button-info:hover .tooltip { display:block; }
.product .price-choice > li .price { width:140px; font-size:24px; font-weight:700; color:#ff3f4f; text-align:right; }
.product .price-choice > li .price > sup { vertical-align:middle; position:relative; top:-0.5em; font-size:14px;  }

.product .ecotax { text-align:right; font-size:11px; margin-bottom:10px; }
.product .ecotax > sup { font-size:8px; }

.configurator { margin-bottom:25px; }
.configurator h3 { width:100%; padding:0; margin-bottom:3px; }
.configurator h3 > a { position:relative; display:block; height:28px; line-height:27px; padding:0 10px; font-size:13px; font-weight:700; color:#fff; background:#333; }
.configurator h3 > a::after { position:absolute; z-index:3; top:8px; right:10px; font-size:10px; font-weight:bold; }
.configurator h3 > a:hover { background:#666; }
.configurator h3 > a > .nb { font-weight:normal; }
.configurator h3 > a > .price { position:absolute; right:29px; }
.configurator h3 > a > .price > sup { vertical-align:middle; position:relative; top:-0.5em; }
.configurator article { padding:3px 0 3px 10px; }

/* Options et Accessoires fermés par défaut */
.configurator #accessories_acc > article,
	.configurator #accessories_cpl > article,
	.configurator #options > article { display:none; }
.configurator #options > article a.fancybox:hover > span { text-decoration:none; }

	/* Option de personnalisation simple */
.configurator article .options { margin:4px 0; }
.configurator article .options > li { float:left; margin:0 7px 7px 0; }
.configurator article .options > li > a { display:inline-block; height:24px; line-height:23px; padding:1px 10px; font-size:11px; font-weight:700; color:#999; border:1px solid #dedede; text-align:center;  }
.configurator article .options > li.disable > a { border-color:#efefef;  background-color:#efefef; color:#ccc; cursor:no-drop; }
.configurator article .options > li.on > a,
	 .configurator article .options > li > a:hover { padding:0 9px; color:#333; border:2px solid #ff3f4f; }
.configurator article .options > li.disable > a:hover { border-color:#efefef;  background-color:#efefef; color:#ccc; }

	/* Option de personnalisation de couleur */
.configurator article .options-colors > li > a { display:block; width:20px; height:20px; overflow:hidden; font-size:0; padding:0; border:1px solid #dfdfdf; }
.configurator article .options-colors > li > a > div { width:20px; height:20px; display:inline-block; }
.configurator article .options-colors > li.on > a,
	.configurator article .options-colors > li > a:hover { width:18px; height:18px; padding:0; }
		/* tooltip */
.configurator article .options-colors > li { position:relative; }
.configurator article .options-colors > li > .tooltip::before { left:10px; }
.configurator article .options-colors > li > .tooltip { top:26px; left:-4px; max-width:100px; min-width:40px; padding:5px 10px; font-size:11px; text-align:center; }
.configurator article .options-colors > li:hover > .tooltip { display:block; }
	
	/* Option de personnalisation avec un prix */
.configurator article .options-with-price { margin:5px 0; }
.configurator article .options-with-price > li > a { min-width:58px; height:34px; padding-top:4px; padding-bottom:4px; line-height:normal; }
.configurator article .options-with-price > li.on > a,
	.configurator article .options-with-price > li > a:hover { padding-top:3px; padding-bottom:3px; }
.configurator article .options-with-price > li.disable > a:hover { border-width:1px; padding:4px 10px; }
.configurator article .options-with-price > li > a > .price { display:block; font-weight:400; }
.configurator article .options-with-price > li > a > .price > sup { font-size:8px; }

	/* Option avec un bouton d'édition */
.configurator article .options-with-price > li.option-editable > a { position:relative; padding-right:40px; }
.configurator article .options-with-price > li.option-editable > a > .button-edit { position:absolute; top:9px; right:10px; }
.configurator article .options-with-price > li.option-editable.on > a > .button-edit,
	.configurator article .options-with-price > li.option-editable > a:hover > .button-edit { top:8px; }

	/* Tooltip sur le bouton d'info accessoires et compléments */
.configurator article > span .button-info-container { display:inline-block; position:relative; }
.configurator article > span .button-info-container  .button-info			+ .tooltip { top:-8px; left:23px; padding:8px 10px; white-space:nowrap; }
/*.configurator article > span .button-info-container  .button-info:hover	+ .tooltip { display:block; }*/
.configurator article > span:hover .button-info-container  .button-info	+ .tooltip { display:block; }


.product .quantity { padding-left:10px; line-height:25px; vertical-align:middle; margin-bottom:11px; }
.product .quantity .button { width:20px; height:18px; line-height:16px; font-family:Arial, sans-serif; font-size:18px; vertical-align:middle; padding:0; text-align:center; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.product .quantity .quantity-field { margin:0 10px; }
.product .quantity .quantity-field .input { width:33px; height:23px; text-align:center; }

.product .quantity .check-list { margin:11px 0 11px 80px; line-height:normal;}
.product .quantity .check-list > li { height:20px;}
.product .quantity .check-list > li::before { color:#80c458; font-size:18px; margin-right:8px; }

.product .quantity .decreasing-price { position:relative; }
.product .quantity .decreasing-price .tooltip { top:27px; right:-22px; width:165px; border-collapse:collapse; padding:5px; }
.product .quantity .decreasing-price:hover .tooltip { display:block; }
.product .quantity .decreasing-price .tooltip::before { left:46%; }
.product .quantity .decreasing-price .tooltip td { width:75px; height:25px; line-height:normal; font-size:11px; color:#333; text-align:center; padding:0; border-top:1px solid #dedede; border-left:1px solid #dedede; }
.product .quantity .decreasing-price .tooltip td:first-child { border-left:none; }
.product .quantity .decreasing-price .tooltip td.price { font-weight:700; color:#ff3f4f; }
.product .quantity .decreasing-price .tooltip td.price > sup { font-size:0.6em; }
.product .quantity .decreasing-price .tooltip thead td { font-weight:700; border-top:none; }

	/* Bouton Ajout au panier */
.product .button.add-cart { width:296px; height:50px; line-height:49px; font-size:18px; font-weight:700; text-align:center; margin-bottom:12px; text-transform:uppercase; }
.product .button.add-cart::before { display:inline-block; margin:-2px 8px 0 0; font-size:36px; }

	/* Bouton Ajout au projet */
.product .button.icon-project { padding:0 9px; }
.product .button.icon-project::before { margin-right:3px; }

		/* SPECIFICITES DES PRODUITS PROJETS */
.product.product-project { margin-bottom:25px; }

.product.product-project .product-project-block { padding:10px 35px; border:1px solid #dedede; }
.product.product-project .product-project-block > .col-a,
	.product.product-project .product-project-block > .col-b,
	.product.product-project .product-project-block > .col-c { float:left; width:244px; }
.product.product-project .product-project-block > .col-b,
	.product.product-project .product-project-block > .col-c { text-align:center; }
.product.product-project .product-project-block > .col-b { line-height:94px; vertical-align:middle; }
.product.product-project .product-project-block > .col-b { width:420px; }
.product.product-project .product-project-block .strengths > li { float:none; }
.product.product-project .button.add-cart { width:226px; margin:3px 0; }
.product.product-project .price { font-size:24px; font-weight:700; }
.product.product-project .price_label { margin-bottom:15px;  }
.product.product-project .price sup { font-size:14px; position:relative; top:-0.5em; vertical-align:middle; }
.product.product-project .strengths > li { margin-left:0; }

.slider--fullwidth-16x9 { position:relative; }
.slider--fullwidth-16x9 .slider { /* margin-top:15px;*/ height:550px; overflow:hidden; }
.slider--fullwidth-16x9 .bx-viewport { height:575px !important; }
.slider--fullwidth-16x9 .bx-wrapper { position:relative; }
.slider--fullwidth-16x9 .bx-controls-direction a { position:absolute; top:250px; width:50px; height:50px; line-height:44px; background:#b0b0b0; background:rgba(0, 0, 0, 0.3); font-size:20px; text-align:center; color:#fff; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
.slider--fullwidth-16x9 .bx-controls-direction a:hover { background:rgba(0, 0, 0, 0.6); }
.slider--fullwidth-16x9 .bx-prev { left:10px; }
.slider--fullwidth-16x9 .bx-next { right:10px; }
.slider--fullwidth-16x9 .bx-prev::before { margin-right:3px; }
.slider--fullwidth-16x9 .bx-next::before { margin-left:3px; }
.slider--fullwidth-16x9 .slider.with-video { height:560px !important; }
.slider--fullwidth-16x9 .slider-video { position:absolute; z-index:10; left:50%; top:510px; transform: translateX(-50%); }
.slider--fullwidth-16x9 .slider-video a { display:block; padding:6px 12px; background-color:#fff; border:1px solid #b4b4b4; font-weight:700; font-size:12px; border-radius:3px; }
.slider--fullwidth-16x9 .slider-video a::before { content:""; display: inline-block; margin-right:8px; vertical-align:-2px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #666; }
.slider--fullwidth-16x9 .slider-video a:hover { background-color:#333; color:#fff; }
.slider--fullwidth-16x9 .slider-video a:hover::before { border-left-color:#fff; }

	
.slider--fullwidth-16x9 .thumbs { margin-top:8px; }
.slider--fullwidth-16x9 .thumbs { display:inline-block; }
.slider--fullwidth-16x9 .thumbs > li  {margin:0 13px 5px 0; }
.slider--fullwidth-16x9 .thumbs > li > a { width:64px; height:36px; cursor:pointer; }
.slider--fullwidth-16x9 .thumbs > li > a::before { font-size:35px; line-height:30px; }


		/* Slider des photos projets * /
.product.product-project .project-slider { margin-top:15px; height:550px; overflow:hidden; }
.product.product-project .bx-viewport { height:575px !important; }
.product.product-project .bx-wrapper { position:relative; }
.product.product-project .bx-wrapper .bx-controls .bx-controls-direction .bx-prev, 
	.product.product-project .bx-wrapper .bx-controls .bx-controls-direction .bx-next { position:absolute; top:250px; width:50px; height:50px; line-height:44px; background:#b0b0b0; background:rgba(0, 0, 0, 0.3); font-size:20px; text-align:center; color:#fff; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
.product.product-project .bx-wrapper .bx-controls .bx-controls-direction .bx-prev { left:10px; }
.product.product-project .bx-wrapper .bx-controls .bx-controls-direction .bx-next { right:10px; }
.product.product-project .bx-wrapper .bx-controls .bx-controls-direction .bx-prev::before { margin-right:3px; }
.product.product-project .bx-wrapper .bx-controls .bx-controls-direction .bx-next::before { margin-left:3px; }
.product.product-project .project-slider.with-video { height:560px !important; }

.product.product-project .bx-wrapper .bx-controls .bx-controls-direction .bx-prev:hover, 
	.product.product-project .bx-wrapper .bx-controls .bx-controls-direction .bx-next:hover {  background:rgba(0, 0, 0, 0.6); }
	
.product.product-project .thumbs { margin-top:8px; }
.product.product-project .thumbs { display:inline-block; }
.product.product-project .thumbs > li  {margin:0 13px 5px 0; }
.product.product-project .thumbs > li > a { width:64px; height:36px; cursor:pointer; }
.product.product-project .thumbs > li > a::before { font-size:35px; line-height:30px; }
*/

	/* Liens du contexte d'un produit */
.product-links { margin-bottom:25px; }
.product-links > .col-l { width:630px; }
.product-links > .col-r { float:right; width:350px; }
.product-links > .col-l > article { float:left; width:315px; }
.product-links article > h3 { font-size:16px; font-weight:400; margin-bottom:15px; }
.product-links article > .link2 { display:block; }
.product-links article > .link2::before { display:inline-block; font-size:8px; text-decoration:none; margin:-2px 2px 0 0; }
.product-links article > .product-links-thumbs > li { float:left; margin:0 6px 6px 0; }
.product-links article > .product-links-thumbs > li > a { display:block; font-size:0; width:81px; height:61px; border:1px solid #e0e0e0;  }
.product-links article > .product-links-thumbs > li > a:hover { border-color:#333; }
.product-links article > .product-links-thumbs > li > a:hover + .tooltip { display:block; max-width:150px; padding:5px 10px; }
.product-links article .button2 { display:inline-block; width:171px; margin:4px auto 10px auto; }

.product-question { display:flex; align-items:center;width:100%; padding:15px; margin-bottom:10px; border:1px solid #dedede; box-sizing:border-box; }
.product-question > div { flex:1; }
.product-question > div:first-child { font-size:16px; }
.product-question > div:last-child { text-align:right; }

.product-showroom { position:relative; width:100%; height:105px; border:1px solid #dedede; background-size:auto 100%; background-position:right center; background-repeat:no-repeat; overflow:hidden; box-sizing:border-box; }
.product-showroom::after { position:absolute; content:""; top: 0; left: 0; width: 100%; height:100%; background: linear-gradient( to right, #333333 0px, #333333 175px, rgba(51, 51, 51, 0) 310px, rgba(51, 51, 51, 0) 100% ); z-index:1; }
.product-showroom .content { position:relative; padding:10px 15px 15px; color:#fff; z-index: 2; }
.product-showroom .content h3 { margin:0; color:#fff; font-size:16px; font-weight:400;  }
.product-showroom .content p { font-size:11px; margin-bottom:12px; }
.product-showroom .content .button2:hover { border:1px solid #fff; }

	/* Description d'un produit et informations */
.product-description { margin-bottom:25px; }
.product-description > h2 { margin-bottom:20px; }
.product-description .description { line-height:20px; max-height:90px; }
.product-description .description .readmore { display:block; float:right; }
.product-description .description .readmore::before { display:inline-block; font-size:8px; margin-right:7px; text-decoration:none; }
.product-description .product-informations { margin-top:20px; }
.product-description .product-informations > li { float:left; width:100%; }
.product-description .product-informations > li > article { padding:8px 20px; font-size:11px; border-left:1px solid #dedede; }
.product-description .product-informations > li:first-child > article { padding-left:0; border-left:0; }
.product-description .product-informations > li:last-child > article { padding-right:0; }
.product-description .product-informations > li > article > h3 { margin-bottom:17px; }
.product-description .product-informations > li > article > h3::before { display:inline-block; font-size:25px; color:#a9a9a9; margin-right:10px; }
		/* 4 informations */
.product-description .product-informations.product-informations-four > li { width:25%; }
		/* 3 informations seulement */
.product-description .product-informations.product-informations-three > li { width:33%; }
		/* 2 informations seulement */
.product-description .product-informations.product-informations-two > li { width:50%; }

	/* Designer d'un produit */
.product-designer { margin-bottom:25px; }
.product-designer > h2 { margin-bottom:20px; }
.product-designer img { float:left; }
.product-designer .product-designer-r { float:left; }
.product-designer img + .product-designer-r, .product-designer a + .product-designer-r { width:750px; margin-left:30px; }
.product-designer .product-designer-r h3 { margin-bottom:10px; }
.product-designer .product-designer-r h3 a:hover { text-decoration:underline; }
.product-designer .product-designer-r p { line-height:20px; margin-bottom:13px; }

	/* Caractéristiques d'un produit */
.product-specs { margin-bottom:25px; }
.product-specs > h2 { margin-bottom:20px; }
.product-specs ul { margin:10px 0 19px 0; font-size:11px; background:#f0f0f0; }
.product-specs ul > li { line-height:18px; vertical-align:middle; padding:5px 5px 6px 10px;  border-bottom:1px solid #fff; }
.product-specs ul > li > label { display:inline-block; width:200px; vertical-align:top; }
.product-specs ul > li > .value { display:inline-block; width:255px; font-weight:700; }
.product-specs .col-l > * { margin-right:20px; }
.product-specs .col-r > * { margin-left:20px; }

	/* Caractéristiques d'un produit */
.product-pictos { margin-bottom:25px; }
.product-pictos > h2 { margin-bottom:20px; }
.product-pictos > ul > li { float:left; margin-right:25px; }

	/* Listings produits sous la fiche produit */
aside.listing-products { margin-bottom:10px; }
aside.listing-products > h2 { margin-bottom:20px; }

/* PANIER */
.cart-steps { text-align:center; }
.cart-steps > ul { display:inline-block; }
.cart-steps > ul > li { float:left; width:137px; text-align:center; }
.cart-steps > ul > li > a { color:#000; }	
.cart-steps > ul > li > a > span { display:block; margin:0 auto; font-size:14px; font-weight:700; text-transform:uppercase; }
.cart-steps > ul > li > a > span:first-child { position:relative;  width:57px; height:57px; line-height:55px; font-size:24px; font-weight:700; color:#fff; margin-bottom:5px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; background:#000; }
.cart-steps > ul > li > a > span:first-child::before { content:" "; position:absolute; top:29px; left:-80px; display:block; width:80px; height:2px; background:#000; }
.cart-steps > ul > li:first-child > a > span:first-child::before { display:none; }
.cart-steps > ul > li.ok > a { color:#ff3f4f; }
.cart-steps > ul > li.ok > a > span:first-child { color:#fff; background:#ff3f4f; }
.cart-steps > ul > li.ko > a { color:#e4e4e4; }
.cart-steps > ul > li.ko > a > span:first-child { color:#fff; background:#e4e4e4; }
.cart-steps > ul > li.ko > a > span:first-child::before { background:#e4e4e4; }


	/* Tableau de présentation de produits (paniers, projet, fiche commande) */
.table-products { width:100%; border-collapse:collapse; }
.table-products tr { font-size:11px; color:#333; border-bottom:1px solid #dedede; }
.table-products td { padding:19px 0; text-align:center; }
.table-products td:first-child { width:auto; text-align:left; }
.table-products td .photo,
	.table-products td .txt { float:left; display:block; }
.table-products td .txt { padding-left:13px; }
.table-products td .txt > h2 { text-transform:none; }
.table-products td .txt > p { line-height:14px; padding:3px 0; }
.table-products td .txt > p + .button { margin-top:5px; }
.table-products td input.input { width:52px; height:28px; line-height:28px; text-align:center; border-color:#ccc; }
.table-products td .price-old { text-decoration:line-through; color:#999; }
.table-products td.price { font-size:13px; font-weight:700; }
.table-products td .button-circle { margin-right:4px; }
.table-products > thead td { font-size:13px; padding:0 0 12px 0; }
.table-products > tfoot tr { border:0; }
.table-products > tfoot td { padding:9px 0; }

		/* Tableau du contenu du panier */
.table-products-cart td:last-child { width:35px; }
.table-products-cart td { width:100px; }
.table-products-cart td .txt > h2 { font-size:13px; text-transform:none; }
.table-products-cart td .txt { width:329px; }
.table-products-cart td .txt > p { color:#999; }
.table-products-cart td .txt > .red-point { color:#fc0000; }
.table-products-cart td .txt > .red-point::before { content:" "; display:inline-block; width:8px; height:8px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin-right:3px; background:#ff0000; }
.table-products-cart > tfoot td .recalculate { width:110px; padding:0; }

		/* Tableau de liste de données (liste des projets, liste des commandes ...) */
.table-products-list { margin:30px 0; }
.table-products-list > thead tr { border:none; }
.table-products-list > thead td { height:40px; line-height:39px; padding:0 10px; background:#f0f0f0; white-space:nowrap; }
.table-products-list td { padding:6px 7px 6px 10px; }
.table-products-list td > .bold { font-size:13px; }
.table-products-list td > .button2 { padding:0 0 0 7px; }

		/* Tableau du contenu d'une fiche projet */
.table-products-project td { vertical-align:top; }
.table-products-project td .txt { width:310px; }
.table-products-project td .txt > h3 { font-size:13px; }
.table-products-project > thead tr { border:none; }
.table-products-project > thead td { height:40px; line-height:39px; padding:0 10px; background:#f0f0f0; white-space:nowrap; }
.table-products-project td .sub-total { width:235px; height:45px; font-size:13px; font-weight:700; padding:0 20px; line-height:43px; border:1px solid #dedede; text-align:right; }
.table-products-project td .sub-total > span { display:inline-block; width:150px; }

		/* Tableau du contenu d'une fiche projet */
.table-products-order { margin:30px 0; }
.table-products-order > thead tr { border:none; }
.table-products-order > thead td { height:40px; line-height:39px; padding:0 10px; background:#f0f0f0; white-space:nowrap; }
.table-products-order td { padding:6px 7px 6px 10px; vertical-align:top; }
.table-products-order td > .bold { font-size:13px; }
.table-products-order td > a.link.bold { display:inline-block; margin-bottom:5px; }
.table-products-order tbody td > .button2 { padding:0 0 0 7px; }
.table-products-order td .iconlogo-pdf { display:inline-block; margin:4px 16px 0 0; }
.table-products-order tfoot td > .button2::before { font-size:22px; }
.table-products-order tfoot .total-block { width:248px; font-size:13px; padding:7px 18px 23px 20px; border:1px solid #dedede; margin:0 0 0 auto; }
.table-products-order tfoot .total-block > dl > dt,
	.table-products-order tfoot .total-block > dl > dd { float:left; height:40px; line-height:40px; vertical-align:middle; }
.table-products-order tfoot td { padding-top:18px; }
.table-products-order tfoot .total-block > dl > dt { width:160px; text-align:left; }
.table-products-order tfoot .total-block > dl > dd { width:88px; text-align:right; }
.table-products-order tfoot .total-block > dl .total { font-weight:700; border-top:1px solid #dedede; }

	/* Liste des services */
.services-content { width:100%; border-collapse:collapse; margin:16px 0 27px; }
.services-content tr { background:#f0f0f0; }
.services-content tr.empty td { height:7px; background:#fff; }
.services-content tr.premimum { background:#f3e6a9; }
.services-content td { height:55px; }
.services-content td > p { font-size:11px; line-height:14px; }
.services-content td > p .readmore { font-weight:700; }
.services-content td > input[type=checkbox] { margin:0 22px; }
.services-content td > h3 { display:inline-block; font-size:18px; white-space:nowrap; }
.services-content td.price { padding-right:50px; text-align:right; }
.services-content td.col-a { width:262px; }
.services-content td.col-b { width:560px; }
.services-content td.col-c { width:106px; }

.services-content tr.on { border:2px solid #ff4251;  }
.services-content tr.on td { background:#fff;  }
.services-content tr.on.premimum td h3 { color:#bbae72; }

form.codepromo { width:392px; height:25px; vertical-align:middle; text-align:right; margin:18px 0 18px 592px; }
form.codepromo input.input { width:185px; height:23px; line-height:23px; margin-left:10px; }
form.codepromo .button { padding:0 3px; margin-right:9px; }

.content-cart-l,
	.content-cart-r { float:left; }
.content-cart-l { width:588px; }
.content-cart-r { width:340px; border:1px solid #dedede; padding:20px 25px; margin-bottom:45px; }

.content-cart-l h2 { font-size:18px; border:0; margin-bottom:12px; text-transform:none; }
.content-cart-l img,
	.content-cart-l .txt { float:left; }
.content-cart-l .txt { font-size:18px; line-height:24px; font-weight:300; width:250px; margin:37px 0 0 23px; }
.content-cart-l .txt .button { margin-top:8px; }

.cart-price-detail { font-size:11px; color:#333; }
.cart-price-detail > dt,
	.cart-price-detail > dd { float:left; height:26px; }
.cart-price-detail > dt { clear:both; width:54%; }
.cart-price-detail > dd { text-align:right; width:46%; }
.cart-price-detail .total-ht,
	.cart-price-detail .ecotax,
	.cart-price-detail-country > dt:first-child { font-size:13px; font-weight:700;  }
.cart-price-detail .couponcode { height:auto; min-height:26px; }
.cart-price-detail .couponcode-error { width:100%; min-height:0; padding:8px 0; margin-bottom:5px; text-align:center; vertical-align:middle; }
.cart-price-detail .couponcode-error + dd { width:0%; }
.cart-price-detail .ecotax { color:#80c458;  }
.cart-price-detail .total-ttc { height:25px; line-height:25px; font-weight:700; margin-bottom:10px; }
.cart-price-detail dt.total-ttc {font-size:18px; }
.cart-price-detail dd.total-ttc { font-size:24px; color:#ff3f4f; }
.cart-price-detail-country { border-style:solid; border-color:#dedede; border-width:1px 0; padding:8px 0; margin-bottom:8px;}
.cart-price-detail-country > dt,
	.cart-price-detail-country > dd { height:28px; line-height:28px; }
.content-cart-r .tooltip-style { font-weight:700; color:#ff3f4f; text-align:center; margin-bottom:10px; }
.content-cart-r .button.add-cart { display:block; width:auto; height:50px; line-height:49px; font-size:18px; font-weight:700; text-align:center; margin-bottom:12px; text-transform:uppercase; }
.content-cart-r .button.add-cart::before { display:inline-block; margin:-6px 8px 0 0; font-size:36px; }
.content-cart-r .cart-notes { font-size:10px; margin-top:25px; display:none; color:#666; }
.content-cart-r .note::after { content:'*'; }

	/* Formulaires du panier (connexion, livraison ...) */
.cart-form { width:515px; margin:35px auto 60px auto; }

.cart-form form { line-height:30px; padding:10px 15px 15px 15px; border:1px solid #dedede;}
.cart-form form > section { padding:15px 18px 20px 20px; }
.cart-form form > section { border-top:1px solid #dedede; }
.cart-form form > section:first-child { border-top:0; }
.cart-form form > section > input.input { width:100%; margin-bottom:15px; }
.cart-form form > section > h2 { text-transform:none;}
.cart-form form .button { height:42px; line-height:41px; font-size:14px; font-weight:700; text-transform:uppercase; padding:0 13px 0 17px; margin-top:15px; }
.cart-form form .button::after { font-size:19px; margin-left:13px; }

.cart-form form dl,
	.cart-form-shipping form ul { padding:25px 0; }
.cart-form form dl,
	.cart-form form h2,
	.cart-form form .payment-list { /*padding-left:30px;*/ }
.cart-form form dl > dt { float:left; width:130px; min-height:32px; text-align:right; font-weight:700; margin-right:20px; }
.cart-form form dl > dd { float:left; width:400px; min-height:32px; }
.cart-form form dl > dd > span { padding:0 9px 0 5px; }
.cart-form form dl > dd > input.input { width:230px; }
.cart-form form input[type=radio],
	.cart-form form input[type=checkbox] { margin:-3px 8px 0 0;}
.cart-form form input[type=radio] + label,
	.cart-form form input[type=checkbox] + label { margin-right:17px; }
.cart-form form textarea { width:365px; height:90px; margin-bottom:25px;}
.cart-form form > section > input[type=password] { margin-bottom:0; }
.cart-form form > section > input[type=password] + a { display:block; line-height:normal; }


.cart-form-shipping { width:620px }
.cart-form-shipping form .payment-list { margin-left:120px; }
.cart-form-shipping form .payment-list > li { min-height:32px; }	
.cart-form-shipping form .payment-list > .cb { float:left; }
.cart-form-shipping form .payment-list > .cb img { background:url(/images/cb.png) 0 0 no-repeat; vertical-align:middle; margin-top:-5px; }
.cart-form-shipping form .payment-list > .cb2 img { width:40px;	background-position:-35px 0; }
.cart-form-shipping form .payment-list > .cb3 img { 				background-position:-75px 0; }
.cart-form-shipping form .payment-list > .cb4 img { 				background-position:-110px 0; }
.cart-form-shipping form .payment-list > .cb5 img { 				background-position:-145px 0; }
.cart-form-shipping form .payment-list > li:not(.cb) { clear:both; }

	/* Messages de succès et d'erreur */
.msg-error,
	.msg-success { position:relative; min-height:43px; padding:17px 17px 17px 64px; margin-bottom:19px; text-align:center; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; line-height:20px; }
.msg-error::before,
	.msg-success::before { position:absolute; top:17px; left:17px; width:45px; height:45px; line-height:43px; font-size:30px; color:#fff; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; }
.msg-error, .couponcode-error { color:#ff0000; background:#ffe6e6; }
.msg-error::before { background:#ff7171; }
.msg-success { color:#5cb700; background:#ecfae1; }
.msg-success::before { background:#93da59; }
.msg-error a,
	.msg-success a { text-decoration:underline; }
.msg-error a:hover,
	.msg-success a:hover { text-decoration:none; }

/* FICHE PROJET */

.header-project { margin-bottom:20px; }
.header-project > .col-a { float:left; width:446px; padding-right:15px; margin-right:28px; border-right:1px solid #dedede; line-height:16px; }
.header-project > .col-a > p { margin-bottom:10px; }
.header-project > .col-a .button-grey::before { margin-right:6px; }
.header-project > .col-b { float:left; width:290px; }
.header-project > .col-b h2 { font-size:18px; border:0; margin-bottom:12px; text-transform:none; }
.header-project > .col-b img,
	.header-project > .col-b .txt { float:left; }
.header-project > .col-b .txt { font-size:14px; line-height:17px; font-weight:300; width:190px; margin:10px 0 0 10px; }
.header-project > .col-b .txt .button { margin-top:8px; }

.folders { border-top:1px solid #333; margin:10px 0 30px; }
.folders > li { border-bottom:1px solid #333; }
.folder-ttl { height:42px; line-height:40px; }
.folder-ttl > a { text-transform:none; }
.folder-ttl > a::before { display:inline-block; font-size:14px; padding:0 10px 0 6px; margin-top:-5px; }
.folder-ttl .folder-actions { float:right; width:100px; text-align:right; }
.folder-ttl .folder-actions > .button { margin-right:4px; }

.project-total { display:inline-block; width:239px; height:52px; font-size:18px; font-weight:700; line-height:23px; padding:14px 18px; border:1px solid #dedede; margin-bottom:25px; text-align:right; }
.project-total > .price { display:inline-block; width:160px; font-size:24px; color:#ff3f4f; }
.project-total > .caption,
	.project-total > sup { font-size:11px; font-weight:400; }
	
h2.commercial-exchanges-ttl { height:46px; line-height:45px; text-transform:none; }
h2.commercial-exchanges-ttl::before { display:inline-block; margin:-3px 7px 0 6px; }
.commercial-exchanges > li { margin-bottom:20px; }
.commercial-exchanges > li > time { display:block; height:40px; line-height:39px; color:#fff; background:#333; padding:0 16px;}
.commercial-exchanges > li > p { line-height:16px; padding:17px 14px; border-bottom:1px solid #dedede; }
.commercial-exchanges > li > ul { margin-top:10px; }
.commercial-exchanges > li > ul > li { float:left; width:385px; margin:0 10px 10px 0; }
.commercial-exchanges > li > ul > li:nth-child(2n+0) { margin-right:0; }
.commercial-exchanges > li > ul > li > article { display:block; height:78px; padding:10px; border:1px solid #dedede; -webkit-box-shadow:1px 1px 0px 0px rgba(206,206,206,1); -moz-box-shadow:1px 1px 0px 0px rgba(206,206,206,1); box-shadow:1px 1px 0px 0px rgba(206,206,206,1); }
.commercial-exchanges > li > ul > li > article img { margin-right:14px; }
.commercial-exchanges > li > ul > li > article img,
	.commercial-exchanges > li > ul > li > article img + span { float:left;}
.commercial-exchanges > li > ul > li > article img + span { width:245px; }
.commercial-exchanges > li > ul > li > article > .link2 { display:block; }
.commercial-exchanges > li > ul > li > article > .link2::before { display:inline-block; font-size:8px; margin:-2px 3px 0 0; }
.commercial-exchanges > li > ul > li > article.without-pic { padding-left:23px; }

/* Fiche commande */
.info-block { float:left; width:223px; height:185px; padding:10px 5px 15px 18px; border:1px solid #e0e0e0; margin-right:18px; }
.info-block:nth-child(3n+0) { margin-right:0; }
.info-block > h2 { font-size:16px; margin-bottom:15px; text-transform:none; }
.info-block > p { line-height:15px; }

/* Sommaire de rubrique */
.section-index > li { float:left; width:248px; height:330px; margin:0 18px 18px 0; }
.section-index > li:nth-child(3n+0) { margin-right:0; }
.section-index > li .ttl { font-size:18px; font-weight:700; line-height:34px; }
.section-index > li .ttl + span { font-size:18px; font-weight:300; color:#999; }

/* POPINS */

	/* Popin de confirmation*/
.popin-confirm .button { float:left; display:inline-block; height:35px; line-height:34px; margin-top:15px; text-transform:uppercase  }
.popin-confirm .button2 { float:right;  }
	
	/* Formulaire dans une popin */
.ui-dialog .popin-form > section { border-top:1px solid #dedede; padding-top:15px; margin-bottom:30px; }
.ui-dialog .popin-form > section:first-child { border:none; }
.ui-dialog .popin-form > section > h2 { text-transform:none; margin-bottom:20px; }

.ui-dialog .popin-form > section > dl > dt { float:left; width:155px; min-height:32px; line-height:26px; font-weight:700; padding-right:15px; text-align:right; }
.ui-dialog .popin-form > section > dl > dd { float:left; width:280px; min-height:32px; }
.ui-dialog .popin-form > section .input { width:220px; margin-bottom:6px; }
.ui-dialog .popin-form > section input.input { padding-left:8px; width:217px; }
.ui-dialog .popin-form > section select.input { width:233px; }
.ui-dialog .popin-form > section textarea.input { height:60px; }
.ui-dialog .popin-form > section .button.button-info { vertical-align:top; margin:5px 0 0 3px; }
.ui-dialog .popin-form > section .folder { margin-top:30px; }
.ui-dialog .popin-form > section .quantity-field > input.input { width:33px; text-align:center; }
.ui-dialog .popin-form > section .quantity-field > .button { display:inline-block; width:20px; height:18px; line-height:16px; font-family:Arial, sans-serif; font-size:18px; padding:0; text-align:center; margin-top:-6px; }
.ui-dialog .popin-form > section .picture { height:96px; }
.ui-dialog .popin-form > section a.button.icon-a-right { font-size:13px; height:30px; line-height:29px; margin-top:15px; }
.ui-dialog .popin-form > section a.button.icon-a-right::before { font-size:18px; margin:-2px 10px 0 0; }
.ui-dialog .popin-form > section .button-info { position:relative; }
.ui-dialog .popin-form > section .button-info .tooltip { top:-11px; left:23px; width:155px; padding:10px 10px 14px 14px; text-align:left; font-weight:normal; color:#333; }
.ui-dialog .popin-form > section .button-info:hover .tooltip { display:block; }

	/* Demande d'identification dans un popin */
.ui-dialog .login-links { margin:25px 0; }
.ui-dialog .login-links li { width:143px; margin:8px auto; }
.ui-dialog .login-links li > .button { width:100%; height:27px; line-height:26px; font-size:13px; padding:0; }

	/* Popin de confirmation d'ajout au panier avec suggestions */
.ui-dialog .popin-cart { padding:24px; }
.ui-dialog .popin-cart > .button { width:264px; height:42px; line-height:40px; font-size:14px; font-weight:700; text-transform:uppercase; padding:0; margin:0 20px 34px 20px; white-space:nowrap; }
.ui-dialog .popin-cart > .button::before { font-size:20px; margin:-2px 15px 0 15px; }
.ui-dialog .popin-cart > h2 { text-transform:none; padding:25px 0; border-top:1px solid #dedede; }
.ui-dialog .popin-cart > ul { display:grid; grid-template-columns:repeat(4, 1fr); }
.ui-dialog .popin-cart > ul > li { width:138px; padding-bottom:15px; line-height:14px; font-size:11px; text-align:center; margin-right:20px; }
.ui-dialog .popin-cart > ul > li:nth-child(4n) { margin-right:0;  }

.ui-dialog .popin-cart > ul > li > a { position:relative; display:inline-block; font-weight:700; margin-bottom:5px;}
.ui-dialog .popin-cart > ul > li > a > img { border:1px solid #e2e2e2; }
.ui-dialog .popin-cart > ul > li > a > .discount { position:absolute; top:8px; left:9px; display:block;  }
.ui-dialog .popin-cart > ul > li > a:hover > img { border-color:#ff3f4f;}
.ui-dialog .popin-cart > ul > li > .price { font-size:14px; font-weight:700; color:#ff3f4f; }
.ui-dialog .popin-cart > ul > li sup { font-size:0.6em }

	/* Popin de configuration d'un accessoire */
.ui-dialog .popin-accessory > .col-a { float:left; width:400px; } 
.ui-dialog .popin-accessory > .col-a > h2 { line-height:22px; } 
.ui-dialog .popin-accessory > .col-a > h2 + .ref { color:#999; margin-top:-3px; } 
.ui-dialog .popin-accessory > .col-a > img { margin-top:10px; } 

.ui-dialog .popin-accessory > .col-b { float:left; width:313px; min-height:306px; padding:10px 15px 15px 17px; border:1px solid #dedede; }
.ui-dialog .popin-accessory > .col-b .ecotax { font-size:11px; text-align:right; }
.ui-dialog .popin-accessory > .col-b .prices { margin-bottom:16px; }
.ui-dialog .popin-accessory > .col-b .prices h2 { float:left; width:20%; text-transform:none; }
.ui-dialog .popin-accessory > .col-b .prices .prices-values { float:left; width:80%; text-align:right; }
.ui-dialog .popin-accessory > .col-b .prices .price-old { color:#999; margin-right:5px; }
.ui-dialog .popin-accessory > .col-b .prices .price { font-size:18px; font-weight:700; color:#ff3f4f; }
.ui-dialog .popin-accessory > .col-b .prices sup { font-size:0.6em; }
.ui-dialog .popin-accessory > .col-b .configurator { margin-bottom:0; }
.ui-dialog .popin-accessory > .col-b .configurator > h3 > a:hover { background:#333; cursor:default; }
.ui-dialog .popin-accessory > .col-b .button { height:30px; line-height:29px; font-size:13px; padding:0 15px; }
.ui-dialog .popin-accessory > .col-b .button::before { display:inline-block; font-size:18px; margin:-2px 10px 0 0; }

.ui-dialog .ui-dialog-content > p > img { max-width:100%; }

	/* Zoom sur les photos en fancybox */
.fancybox-inner-zoom { position:relative !important; overflow:hidden !important; }
.fancybox-inner-zoom img { position:absolute !important; max-width:none !important; max-height:none !important; width:auto !important; height:auto !important; }

/* Error */
body.error { background:#e9eaed; }
body.error > .error-block { width:485px; height:280px; overflow:hidden; margin:37px auto; border:1px solid #dfe0e4; border-bottom-color:#d0d1d5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f9f9f9;  }
body.error > .error-block > .error-block-top { padding:24px 0; text-align:center; background:#fff; color:#343740; }
body.error > .error-block > .error-block-top .button { height:25px; line-height:24px; padding:0 7px; }
body.error > .error-block > .error-block-top .button:before { margin-right:9px; line-height:23px; vertical-align:top; }
body.error > .error-block > .error-block-top h1 { font-size:27px; color:#e7314b; font-weight:200; }
body.error > .error-block > .error-block-top h1:before { display:block; font-size:40px; }
body.error > .error-block > .error-block-top p { margin-bottom:30px; }
body.error > .error-block > .error-block-bottom { padding:12px 14px; text-align:left; color:#686c78; }

/* Maintenance */
body.maintenance { background:#e9eaed; }
body.maintenance > .maintenance-block { width:485px; padding:20px 0 25px 0; overflow:hidden; margin:37px auto; border:1px solid #dfe0e4; border-bottom-color:#d0d1d5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f9f9f9; text-align:center;  }
body.maintenance > .maintenance-block h1 { font-size:27px; font-weight:200; color:#ff9900; }
body.maintenance > .maintenance-block h1:before { display:block; font-size:40px; }
body.maintenance > .maintenance-block h2 { font-size:14px; font-weight:600; color:#343740; }
body.maintenance > .maintenance-block p { margin-bottom:30px; }
body.maintenance > .maintenance-block .button { height:25px; line-height:24px; padding:0 7px; }
body.maintenance > .maintenance-block .button:before { margin-right:9px; line-height:23px; vertical-align:top; }