/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;
}
/* HTML5 display-role reset for older browsers */
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;
}

/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

body{
	font-family: "myriad-pro",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size:1em;
	line-height:1.35em;
	color:#4b4b4a;
}

/*-------------------------------------------------------------------------*/

h1{
	font-size:2.5em;
	margin:0 1em .7em 0;
	letter-spacing:-.025em;
	line-height:1.1em;
	letter-spacing:-.025em;
}
h2{
	font-size:1.6em;
	line-height:1.1em;

}
h3{
	font-size:1.4em;
}
h4{
	font-size:1.2em;
	text-transform:uppercase;
}
h2,h3,h4,h5,h6{
	margin:1em 0 .5em 0;

}
p,ul,ol{
	margin:0 0 .5em 0;
}
li{
	margin:.2em 0 0 0;
}
strong{
	font-weight:600;
}
a{
	text-decoration:none;
	color:#000;
}
p{
	line-height:1.5;
}

/*-------------------------------------------------------------------------*/

.accessibility{
	display:none;
}
.center{
	padding:0 1em;
	max-width:1280px;
	margin:0 auto;
	height:1%;
	overflow:visible;
}
.center:after{
	content:'';
	clear:both;
	display:block;
}

#head{
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
}
#content{
	padding-bottom:30px;
}
#content_in{
	color:#fff;
	padding:1em;
	background:#4b4b4a;
}
#content_in a{
	color:#fff;
}
#content_in img{
	max-width:100%;
	height:auto;
}
#content_in ul{
	list-style-type: square;
	padding-left:1.5em;
}
#content_encadre{
	padding:2em;
	border:1px solid #eee;
}
.bandeau{
	height:350px;
}
.cols{
	height:1%;
	overflow:visible;
}
.cols:after{
	content:'';
	clear:both;
	display:block;
}
.col1{
	float:left;
	width:45%;
}
.col2{
	float:right;
	width:45%;
}

.col1b{
	float:left;
	width:30%;
}
.col2b{
	float:left;
	width:30%;
	margin-left:3.3333%
}
.col3b{
	float:right;
	width:30%;
}


.tableau_visible{
	margin:2em auto;
	font-size:.9em;
	width:auto;
}
.tableau_visible th{
	text-transform:uppercase;
	padding:8px;
	font-weight:600;
	border:1px solid #eee;
	background:#ddd;
	vertical-align:middle;
}
.tableau_visible td{
	border:1px solid #eee;
	text-align:center;
	padding:8px;
	background:#fff;
	vertical-align:middle;
}

/*-------------------------------------------------------------------------*/
#subnav{
	clear:both;
	text-align:center;
	border-top:1px solid #666;
	padding-top:1em;
	margin-top:2em;
}
#subnav h2{
	display:none;
}
#subnav ul{
	list-style-type:none;
	padding:0;
}
#subnav li{
	font-size:.8em;
	text-transform:uppercase;
	padding:0;
	margin:0;
	border-top:1px solid #666;
}
#subnav li:first-child{
	border-top:none;
}
#subnav li a{
	border-radius:3px;
	display:block;
	color:#ddd;
	font-weight:500;
	line-height:1em;
	padding:0.8em 1em;
}
#subnav li a.menuactive{
	color:#fff;
	background:#fff;
	color:#4b4b4a;
}

/*-------------------------------------------------------------------------*/

#logo{
	display:block;
	margin:1em;
	padding-left:50px;
}
#logo img{
	display:block;
	width:100%;
	max-width:230px;
	height:auto;
	margin:0 auto;
}

/*-------------------------------------------------------------------------*/

.link_button{
	display:inline-block;
	padding:4px 10px;
	font-size:10px;
	text-transform:uppercase;
	background:#a5a5a5;
	color:#fff;
	font-style:none;
	line-height:1em;
	margin:0 10px;
	border-radius:3px;
	vertical-align: text-bottom;
	position:relative;
	transition: all 0.3s ease;
}
.link_button:hover{
	background:#4b4b4a;
}
.link_back:before{
	display:inline-block;
	content:'';
	width:4px;
	height:6px;
	background:url(https://www.filtersun.com/i/fleche6.png) no-repeat 0 0;
	margin-right:5px;
}

/*-------------------------------------------------------------------------*/

#breadcrumbs{
	display:none;
	background:#fff;
	padding-bottom:8px;
	color:#a5a5a5;
}
#breadcrumbs .breadcrumb > span{
	font-size:.8em;
	display:inline-block;
	vertical-align:middle;
}
#breadcrumbs a{
	color:#a5a5a5;
	transition: all 0.3s ease;
}
#breadcrumbs a:hover{
	color:#000;
}
#breadcrumbs .sep{
	padding:0 .5em;
}
#breadcrumbs .home{
	display:block;
	background:url(https://www.filtersun.com/i/logo.png) no-repeat 0 center;
	background-size:contain;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
	text-indent:-5000px;
	width:40px;
	height:11px;
	margin-top: -1px;
}

/*-------------------------------------------------------------------------*/

#menu_footer{
	background:#4b4b4a;
}
#menu_footer ul{
	margin:0;
	padding:.5em 0;
	list-style-type:none;
	height:1%;
	overflow:visible;
}
#menu_footer ul:after{
	clear:both;
	content:'';
	display:block;
}
#menu_footer li{
	background:transparent;
	border-top:1px solid #5a5a59;
	padding:.5em 0;
}
#menu_footer li:first-child{
	border-top:none;
}
#menu_footer a{
	line-height: 1em;
	opacity:.7;
	color:#fff;
	font-size:.8em;
	transition: all 0.3s ease;
}
#menu_footer a:hover{
	opacity:1;
}

/*-------------------------------------------------------------------------*/

#menu a{
	color:#4b4b4a;
}

.btn1,
.btn3{
	font-weight: 500;
	display: inline-block;
	background: #4b4b4a;
	color: #fff;
	padding: .5em 1em;
	border-radius: 3px;
	text-transform: uppercase;
	line-height: 1em;
	font-size: .85em;
}
.btn1{
	font-size: .7em;
}
.btn-lg{
	padding: .5em 2em;
	font-size: 1.2em;
}
.btn-md{
	padding: .5em 1.5em;
	font-size: 1em;
}

/*-------------------------------------------------------------------------*/

.img_right{
	margin:1em auto;
	display:block;
}
.img_right img{
	width:100%;
	height:auto;
	display:block;
}
.img_left{
	margin:1em auto;
	display:block;
}
.img_left img{
	width:100%;
	height:auto;
	display:block;
}
.clear{
	clear:both;
}

.img-fluid{
	display:block;
	width:auto;
	max-width:100%;
	height:auto;
}
.text-center{
text-align:center;
}

/*-------------------------------------------------------------------------*/

.visuel{
	overflow:hidden;
}
.visuel img{
	transition: all 0.5s ease;
	position:relative;
}
.visuel:hover img{
	transform: scale(1.15);
}

/*-------------------------------------------------------------------------*/

.alerte_msg{
	margin:1em 0;
	text-align:center;
	padding:1.5em;
	background:#ffcece;
	color:#c90000;
	border:1px solid #c90000;
	font-size:1em;
}

/*-------------------------------------------------------------------------*/

.video-container {
	z-index:1;
	position: relative;
	padding-bottom: 53.7%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container-small {
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	z-index:1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
@media (max-width: 959px) {
	#menus_top{
		display: none !important;
	}
}
@media (min-width: 960px) {
	#mm-menu,
	#hamburger{
		display: none !important;
	}
}


/*-------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) {
	.img_left{
		width:auto;
		float:left;
		margin:0 2em 2em 0;
	}
	.img_right{
		width:auto;
		float:right;
		margin:0 0 2em 2em;
	}
}

@media only screen and (min-width: 768px) {
	#subnav li{
		display:inline-block;
		border:none;
	}
	#subnav li a{
		padding-top:0.4em;
		padding-bottom:0.4em;
	}
	#content_in{
		color:#fff;
		padding:2em 5em 1em 2em;
		background:#4b4b4a;
	}
	#footer{
		position:fixed;
		z-index:100;
		bottom:0;
		left:0;
		width:100%;	
	}
	#breadcrumbs{
		display:block;
	}
	#menu_footer li{
		line-height:0em;
		margin:0 2em 0 0;
		padding:0;
		float:left;
		border-top:none;
	}
	#menu_footer li#link_hd{
		float:right;
		margin-right:0;
	}
}

@media only screen and (min-width: 960px) {
	#head{
		background:#fff;
		padding-bottom:1em;
	}
	#head .center{
		position:relative;
	}
	#logo{
		width:165px;
		float:left;
		padding:1.3em 0;
		margin:0;
	}


	#menuTools{
		font-size:.75em;
		font-weight:500;
		position:absolute;
		top:0;
		right:0;
		text-transform:uppercase;
	}
	#menuTools li{
		float:left;
		margin:0;
	}
	#menuTools li a{
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		-transition: all 0.4s;
	}
	#menuTools li a:hover{
		background:#dedede;
	}
	#menuTools li a:hover:before{
		opacity:1;
	}
	.btn_contact,
	.btn_client,
	.btn_lockup{
		background:#fff;
		position:relative;
		display:block;
		padding:.3em 1.1em;
		border-left:1px solid #f7f7f7;
		border-bottom:1px solid #f7f7f7;
	}
	.btn_lockup{
		background:#4b4b4a;
		color:#fff;
		border-right:1px solid #f7f7f7;
	}
	.btn_client:before{
		content:'';
		display:inline-block;
		width:16px;
		height:16px;
		background:url(https://www.filtersun.com/i/client1.png) no-repeat 0 0;
		vertical-align:middle;
		margin-right:8px;
		opacity:.5;
	}
	.btn_lockup:before{
		content:'';
		display:inline-block;
		width:16px;
		height:16px;
		background:url(https://www.filtersun.com/i/cart2.png) no-repeat 0 0;
		vertical-align:middle;
		margin-right:8px;
		opacity:.5;
	}

	#menu{
		margin-left:200px;
		text-align:right;
		font-weight:500;
		font-size:.85em;
		padding:3.5em 0 0 0;
	}
	#menu li{
		margin:0;
		padding-bottom:1em;
		display:inline-block;
		vertical-align:top;
		position:relative;
	}
	#menu li a{
		display:block;
		padding:.25em .7em;
		transition: all 0.3s ease;
		border-radius:4px;
	}
	#menu > ul > li a.node22{
		font-weight:600;
	}
	#menu li a:hover{
		background:#a5a5a5;
		color:#fff;
	}
	#menu li a.menuactive{
		background:#4b4b4a;
		color:#fff;
	}
	#menu li ul{
		display:none;
	}
	#menu ul li ul {	
		border-radius:3px;
		background:#4b4b4a;
		padding:0;
		position: absolute;
		top: 100%;
		left: 0;
		width: 260px;
		-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
		box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
		display: none;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.2s;
		-moz-transition: opacity 0.2s;
		-ms-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		-transition: opacity 0.2s;
	}
	#menu ul li ul li { 
		background:#4b4b4a; 
		padding-bottom:0;
		display: block;
		color: #fff;
		text-align:left;
		margin:0;
	}
	#menu ul li ul li a{ 
		display: block; 
		color: #fff;
		padding:.7em 2em;
		border-radius:0;
		border-top:1px solid #444;
	}
	#menu ul li ul li:hover { background: #666; }
	#menu ul li:hover ul {
		display: block;
		opacity: 1;
		visibility: visible;
	}
	#menu ul li ul li:first-child a{ 
		border-top:none;
	}

	.btn2{
		font-weight: 500;
		display: inline-block !important;
		background: #fff;
		border:1px solid #a5a5a5;
		color: #4b4b4a !important;
		font-size: .85em;
		padding: .5em 1em !important;
		border-radius: 3px;
		text-transform: uppercase;
		line-height: 1em;
		top:1px;
		position:relative;
		vertical-align:middle;
		margin-left:1em;
	}
}
@media only screen and (min-width: 1300px) {
	.center{
		padding:0em;
	}
	#menu li a{
		padding:.25em 1.5em;
	}
	#menu li a.btn2{
		margin-left:2em;
	}
}

@media only screen and (max-height: 750px) 
{
	#menuTools li a{
		padding-top:0;
		padding-bottom:0;
	}
	#logo{
		padding-top:.7em;
		padding-bottom:.7em;
	}
	#menu{
		padding-top:2.5em;
	}
	#menu li{
		padding-bottom:.5em;
	}
	#head{
		padding-bottom:0;
	}
	.bandeau{
		height:250px;
	}
}


/*-------------------------------------------------------------------------*/

.onglets{
	margin-top:10px;
}
#content ul.onglets1{
	margin:0;
	padding:0;
	list-style-type:none;
}
#content ul.onglets1 li{
	list-style-type:none;
	margin:5px 0;
	padding:1em;
	border:1px solid #ccc;
	cursor:pointer;
	text-align:center;
	transition: all 0.5s ease;
}
#content ul.onglets1 li.active{
	background:rgb(75, 75, 74);
	color:#fff;
}
#content ul.onglets1 li{
	border-bottom:1px solid #fff;
}

.onglets2{
	display:none;
}
.onglets2.active{
	display:block;
}
@media only screen and (min-width: 768px) {
	#content ul.onglets1{
		margin:0;
		padding:0;
		list-style-type:none;
		border-bottom:1px solid #ccc;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	#content ul.onglets1 li{
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch;
	
		list-style-type:none;
		margin:0 .3em -1px .3em;
		padding:1em 3em;
		border-left:1px solid #ccc;
		border-top:1px solid #ccc;
		border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
}


/*-------------------------------------------------------------------------*/

.content_grp{
	clear:both;
	padding:2em 0;
}
.content_grp img{
	max-width:100%;
	height:auto;	
}
@media only screen and (min-width: 768px) {
	.content_grp{
		overflow:visible;
		min-height:1%;
	}
	.content_grp:after{
		display:block;
		content:'';
		clear:both;
	}
	.content_grp .content_visu{
		width:70%;
		float:left;	
	}
	.content_grp .content_txt{
		width:25%;
		float:right;	
	}
}

/*-------------------------------------------------------------------------*/

.deco_meubles_mini{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}
.deco_meubles_mini li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:top;
}

/*-------------------------------------------------------------------------*/
.boites{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: stretch;
}
.boite1, .boite2, .boite3, .boite4, .boite5, .boite6, .boite7, .boite8, .boite9, .boite10, .boite11, .boite12{
	box-sizing:border-box;
	padding:0px 40px 0px 12px;
	border-left:1px solid #ccc;
	margin-bottom:20px;
}
.boites .boites .boite1, .boites .boites .boite2, .boites .boites .boite3, .boites .boites .boite4, .boites .boites .boite5, .boites .boites .boite6, .boites .boites .boite7, .boites .boites .boite8, .boites .boites .boite9, .boites .boites .boite10, .boites .boites .boite11, .boites .boites .boite12{
	border-left:0;
}
.boites_nest .boites > div:first-child{
	padding-left:0 !important;
}
.boite1{
	width:8.3333%;
}
.boite2{
	width:16.6666%;
}
.boite3{
	width:25%;
}
.boite4{
	width:33.3333%;
}
.boite5{
	width:41.6666%;
}
.boite6{
	width:50%;
}
.boite7{
	width:58.3333%;
}
.boite8{
	width:66.6666%;
}
.boite9{
	width:75%;
}
.boite10{
	width:83.3333%;
}
.boite11{
	width:91.6666%;
}
.boite12{
	width:100%;
}
.small{
	font-size:14px;
	line-height:1.3em;
}

.list_float{
	list-style-type:none;
	padding:0;
	margin:0;
}
.list_float li{
	list-style-type:none;
	float:left;
	margin:0 10px;
}
.list_float li a{
	display:block;
	text-align:center;
}
.list_float li span{
	display:block;
	text-align:center;
}








:root{
	--bs-primary-rgb: 71,70,71;
}
.card{
	--bs-card-inner-border-radius:3px;
	--bs-card-border-radius:3px;
}

#page_commande-devis #content{
	background:url(../../i/connect.bg.jpg) no-repeat center center;
	background-size:cover;
}
#page_commande-devis #content #content_in{
	background:transparent;
	padding-top:80px;
	padding-bottom:80px;
}
#page_commande-devis #content #content_in h1{
	color:#fff;
}



ul.visible{
	list-style-type: square;
	padding-left:1.5em;
}

/* Stylesheet: Normal Modified On 2025-03-21 09:26:14 */
/*-------------------------------------------------------------------------*/

#categories{
	background:#f7f7f7;
}
#categories_list{
	margin:0;
	padding:.6em 0;
	list-style-type:none;
	transition: all 0.3s ease;
}
#categories_list li{
	margin:1em 0 .5em 0;
	padding:0;
	font-weight:500;
	font-size:1.1em;
	transition: all 0.3s ease;
}
#categories_list li .visuel{
	margin:0 0 .5em 0;
}
#categories_list li img{
	display:block;
	height:auto;
	width:100%;
	max-width:100%;
}
#categories_list li a{
	color:#4b4b4a;
	display:block;
}

/*-------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) {
	#categories_list{
		width:105%;
		margin-left:-5%;
	}
	#categories_list li{
		display:inline-block;
		vertical-align:top;
		width:45%;
		margin-left:5%;
	}
}

@media only screen and (min-width: 640px) {
	#categories_list{
		width:103%;
		margin-left:-3%;
	}
	#categories_list li{
		width:30%;
		margin-left:3%;
	}
}

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

}

@media only screen and (min-width: 960px) {
	#categories_list li{
		width:210px;
		margin-left:3%;
	}
}

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

}
/* Stylesheet: Categories Modified On 2015-08-14 11:43:46 */
/*-------------------------------------------------------------------------*/

#categorie_intro{
	padding-bottom:1.25em;
}
#produits{
	background:#f7f7f7;
}
#categorie_intro_compare{
	display:none;
}

#categorie_intro_text span{
	display:block;
	max-width:40em;
}

#produits_list{
	margin:0;
	padding:.6em 0;
	list-style-type:none;
	transition: all 0.3s ease;
	font-size:1em;
}
#produits_list > li{
	margin:1em 0 1.2em 0;
	padding:0;
	font-weight:500;
	transition: all 0.3s ease;
}
#produits_list li .compare_checkbox{
	display:none;
}

#produits_list li .visuel{
	margin:0 0 .5em 0;
	max-width:250px;
	position:relative;
}
#produits_list li img{
	display:block;
	height:auto;
	width:100%;
	max-width:100%;
}
#categories_list li a,
#produits_list li a{
	color:#4b4b4a;
	display:inline-block;
}
.children {
	margin:0;
	padding:0;
	position:relative;
	top:-2px;
	display:inline-block;
	list-style-type:none;
}
.children li{
	margin:0 1px 0 0;
	padding:0;
	list-style-type:none;
	display:inline-block;
}
.children li a{
	display:block;
	border:1px solid #e1e0e1;
	background:#fff;
	line-height:1em;
	padding:.3em .3em;
	margin:0;
	transition: all 0.3s ease;
	font-size:.8em;
	border-radius:2px;
}
.children li a:hover{
	background:#4b4b4a;
	color:#fff;
}


/*-------------------------------------------------------------------------*/

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


	#produits_list{
		width:105%;
		margin-left:-5%;
	}
	#produits_list > li{
		display:inline-block;
		vertical-align:top;
		width:180px;
		margin-left:5%;
	}

}

@media only screen and (min-width: 768px) {
	#categorie_intro_text {
		margin-right:11em;
	}
	#categorie_intro_compare{
		display:block;
		float:right;
		width:9em;
		border:1px solid #e3e3e3;
		padding:1em;
		font-size:.8em;
		text-align:center;
		line-height:1.3em;
		position:relative;
	}
	#categorie_intro_compare:before{
		display:block;
		border:4px solid #fff;
		content:'';
		width:14px;
		height:14px;
		background:url(https://www.filtersun.com/i/ico_check1.png) no-repeat center center;
		background-size:contain;
		-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
		position:absolute;
		top:-11px;
		left:50%;
		margin-left:-7px;
	}
	#produits_list li .compare_checkbox{
		display:block;
		position:absolute;
		right:10px;
		top:10px;
		width:16px;
		height:16px;
		background:url(https://www.filtersun.com/i/ico_check0.png) no-repeat center center;
		background-size:contain;
		-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
		cursor:pointer;
	}
	#produits_list li .compare_checkbox[data-checked="0"]{
		background-image:url(https://www.filtersun.com/i/ico_check0.png);
	}
	#produits_list li .compare_checkbox[data-checked="1"]{
		background-image:url(https://www.filtersun.com/i/ico_check1.png);
	}
	#produits_list li:hover .tip{
		display:block !important;
	}
}

/* Stylesheet: Categorie Modified On 2015-08-19 00:52:09 */
#produit{
	background:#f7f7f7;
}

/*-------------------------------------------------------------------------*/

#produit_nav{
	padding:0.3em 0;
}
#produit_nav > ul{
	margin:0;
	background:#4b4b4a;
	list-style-type:none;
}
#produit_nav > ul > li{
	display:inline-block;
	width:100%;
	vertical-align:top;
	border-top:1px solid #666;
}
#produit_nav > ul > li a{
	display:block;
	color:#fff;
	padding:1em;
}
#produit_nav > ul > li a span.ico{
	display:block;
	width:32px;
	height:32px;
	margin-right:1em;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	background-color:#4b4b4a;
	float:left;
	transition: all 0.3s ease;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
}
#produit_nav > ul > li.active a span.ico{
	background-color:#a5a5a5;
}
#produit_nav > ul > li a:hover span.ico{
	background-color:#a5a5a5;
	transform:scale(1.15);
}

#produit_nav > ul > li span.pro{
	font-size:12px;
	letter-spacing:0;
	font-weight:500;
	font-family:Arial, no-serif;
	clear:both;
	padding:2px 8px;
	top:2px;
	margin:0 0 1em 0;
}

/*-------------------------------------------------------------------------*/

#produit_visuel{
	width:100%;
	height:300px;
	position:relative;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
}
#produit_visuel .img{
	width:100%;
	height:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	z-index:1;
	transition: opacity 1s ease-out;
}
#produit_visuel .img.active{
	opacity:1;
	z-index:10;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
}
#produit_visuel_nav{
	bottom:.5em;
	left:0;
	width:100%;
	position:absolute;
	z-index:101;
	text-align:center;
	line-height:1em;
}
#produit_visuel_nav li{
	margin:0 .5em;
	cursor:pointer;
	list-style-type:none;
	padding:0;
	text-indent:-5000px;
	background:#fff;
	width:12px;
	height:12px;
	border-radius:6px;
	display:inline-block;
}
#produit_visuel_nav li.active{
	background:#4b4b4a;
}

/*-------------------------------------------------------------------------*/

#produit_texte{
	padding:1em 0;
	min-height:140px;
}

/*-------------------------------------------------------------------------*/

#produit_compare{
	position:relative;
	border-top:1px solid #ddd;
	padding-top:1em;
}
#produit_compare h2{
	display:inline-block;
	margin-right:.25em;
	text-transform:uppercase;
	margin-bottom:.5em;
	font-size:.9em;
	font-weight:500;
}
#produit_compare ul{
	padding:1em;
	background:#a5a5a5;
	text-align:center;
}
#produit_compare li{
	display:inline-block;
	margin-right:.25em;
}
#produit_compare li a{
	font-size:.9em;
	background:#fff;
	display:block;
	padding:.15em 1em;
	border-radius:4px;
}
#produit_compare li a.active{
	background:#4b4b4a;
	color:#fff;
}
#produit_compare_link{
	display:block;
	background:#4b4b4a;
	color:#fff;
	text-align:center;
	padding:1em;
}
#produit_compare_link span{
	display:inline-block;
	width:32px;
	height:32px;
	margin-right:1em;
	background:url(https://www.filtersun.com/i/compare2.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
	color:#fff;
	text-align:center;
	vertical-align:middle;
}

/*-------------------------------------------------------------------------*/

.device_phone [data-onglet-content],
.device_phone [data-telecharge-rubrique]{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:510;
	background:#fff;
	box-sizing:border-box;
	padding:2em 1em 1em 1em;
	transform:translateX(100%);
	opacity:0;
	transition: all 0.5s ease;
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.5);
	box-shadow: 0 0 30px 0 rgba(0,0,0,.5);
}
.is-transitioning{
	display: block !important;
	visibility: visible !important;
}
.device_phone [data-onglet-content].active,
.device_phone [data-telecharge-rubrique].active{
	opacity:1;
	transform:translateX(0);
}
.device_phone .back{
	position:absolute;
	top:.7em;
	left:.7em;
	width:30px;
	height:30px;
	opacity:.5;
	background:url(https://www.filtersun.com/i/fleche4.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
	cursor:pointer;
}

/*-------------------------------------------------------------------------*/

#link_autres{
	display:block;
	float:right;
	margin:1em 0;
	font-size:.8em;
	font-weight:500;
	color:#4b4b4a;
}
#link_autres:after{
	content:"";
	width:12px;
	height:12px;
	background:url(https://www.filtersun.com/i/fleche3.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
	display:inline-block;	
	margin-left:5px;
	top:2px;
	position:relative;
	transition: all 0.3s ease;
}
#link_autres:hover:after{
	transform:translateX(5px);
	top:2px;
}

/*-------------------------------------------------------------------------*/

#produit_content{
	padding:1em 0;
	overflow:hidden;
}
#produit_content h2{
	font-size:1.9em;
	font-weight:500;
	margin-top:1em;
	margin-bottom:0em;
}
#produit_content h3{
	margin-top:.15em;
	margin-bottom:2em;
	font-size:.9em;
	font-weight:500;
	text-transform:uppercase;
}

[data-onglet-content] header{
	padding-top:1.5em;
}

/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

#produit_telechargements{
	clear:both;
	position:relative;
	padding-bottom:2em;
}
#produit_telechargement_rubriques{
	position:relative;	
}
#produit_telechargement_rubriques h3{
	border-top:1px solid #c5c5c5;
	padding:.35em 1em .35em 0.2em;
	margin:0;
	font-size:1em;
	text-transform:none;
	cursor:pointer;
}
#produit_telechargement_rubriques h3.active{
	background-color:#ddd;
}
#produit_telechargement_rubriques h3:first-child{
	border-top:none;
}
#produit_telechargement_rubriques h3 span{
	display:inline-block;
	width:24px;
	height:24px;
	margin-right:.8em;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
	position:relative;
	top:-3px;
}
#produit_telechargement_rubriques h3:hover{
	background-color:#ddd;
}
#produit_telechargement_content{
	text-align:center;
}
.telecharge_item{
	text-align:left;
	box-sizing:border-box;
	display:block;
	padding:2em;
	border-top:1px solid #ccc;
	color:#4b4b4a;
	background:#fff;
}
.telecharge_item:hover{
	background:#f7f7f7;
}
.telecharge_extension{
	font-size:.85em;
	background:#fff;
	text-transform:uppercase;
	border-radius:5px;
	border:5px solid #eee;
	display:inline-block;
	padding:1em .7em;
	line-height:1em;
	margin-bottom:.5em;
}
.telecharge_size{
	clear:both;
	font-style:italic;
	font-size:.8em;
	display:inline-block;
	margin-bottom:.8em;
}
.telecharge_go{
	display:block;
	clear:both;
	font-weight:600;
	color:#000;
	font-size:.85em;
}


li[data-onglet] [data-onglet-legend]{
	display:none;
}


.telecharge_big_liste{
	clear:both;
	overflow:visible;
	min-height:1%;
	margin:0;
	padding:0 0 2em 0;
	list-style-type:none;
}
.telecharge_big_liste:after{
	clear:both;
	content:'';
	display:block;
}
.telecharge_big_liste .telecharge_extension{
	float:left;
	margin-right:1.5em;
}
.telecharge_big_liste .telecharge_txts{
	float:left;
}
.telecharge_big_liste .telecharge_txts .locked{
	font-size:.8em;
	color:#fff;
	margin-top:1em;
	display:inline-block;
	border-radius:3px;
	background:#4b4b4a url(https://www.filtersun.com/i/lock1.png) no-repeat 5px center;
	padding:.1em 1em .1em 20px;;
}
.telecharge_big_liste li{
	margin:0 0 1em 0;
}
.telecharge_big_liste li:last-child{
	margin-bottom:0;
}
.telecharge_big_liste li a{
	display:block;
	background:#fff;
	border:1px solid #ccc;
	padding:1.5em;
	clear:both;
	overflow:visible;
	min-height:1%;
	transition: all 0.3s ease;
}
.telecharge_big_liste li a:after{
	clear:both;
	content:'';
	display:block;
}
.telecharge_big_liste li a:hover{
	background:#ddd;
}
.telecharge_big_liste .telecharge_size{
	margin-bottom:0;
}

/*-------------------------------------------------------------------------*/

.promo1{
	display:inline-block;
	background:#dc8100;
	padding:5px 12px;
	color:#fff;
	border-radius:3px;
	margin-top:.5em;
	margin-bottom:0;
}
#promo_mention_btn{
	font-size:.75em;
	background:#ed9c29;
	padding:0px 8px;
	display:inline-block;
	border-radius:2px;
	margin-left:12px;
	color:#fff;
}
.promo_tarif{
	font-size:.8em;
	color:#ed9c29;
	display:block;
	text-transform:uppercase;
	line-height:1em;
	font-weight:700;
}

/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

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

}

@media only screen and (min-width: 640px) {
	#produit_nav > ul > li{
		width:50%;
	}
}

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

}

@media only screen and (min-width: 960px) {
	#produit_nav{
		display:block;
		float:left;
		width:216px;
		box-sizing:border-box;
		background:transparent;
		vertical-align:middle;
		border-right:1px solid #d9d9d9;
	}
	#produit_nav > ul {
		background:transparent;
		display:table;
	}
	#produit_nav > ul > li{
		display:block;
		clear:both;
		width:100%;
		border:none;
		position:relative;
	}
	#produit_nav > ul > li a{
		background-color:transparent;
		color:#4b4b4a;
		font-weight:500;
		font-size:.85em;
		display:table-row;
		line-height:1.2em;
	}
	#produit_nav > ul > li a span.ico{
		width:57px;
		height:57px;
		display:table-cell;
		vertical-align:middle;
		margin:.5em 1em .5em 0;
	}
	#produit_nav > ul > li a span.txt{
		display:table-cell;
		vertical-align:middle;
		margin:0 2em 0 0;
		padding-right:2em;
	}
	#produit_visuel{
		height:374px;
	}
	#produit_content{
		padding:0;
		display:block;
		vertical-align:top;
		margin-left:216px;
		position:relative;
		left:-1px;
		border-left:1px solid #d9d9d9;
	}
	[data-onglet-content]{
		padding-left:2em;
	}
	#produit_texte{
		position:relative;
		background:#4b4b4a;
		color:#fff;
		padding:2em;
	}
	#produit_texte h1{
		font-size:1.5em;
		font-weight:500;
	}
	#produit_texte p{
		max-width:50em;
	}
	#produit_compare{
		padding:0;
		margin:0;
		border:none;
		position:absolute;
		right:0;
		top:0;
		z-index:20;
		background:#5c5b5e;
	}
	#produit_compare h2{
		display:none;
	}
	#produit_compare ul{
		padding:0;
		margin:0;
		background:transparent;
		text-align:left;
		display:inline-block;
	}
	#produit_compare li{
		border-right:1px solid #4b4b4a;
		padding:0;
		margin:0;
	}
	#produit_compare li a{
		color:#fff;
		display:block;
		font-weight:500;
		background:#5c5b5e;
		font-size:1.3em;
		padding:.4em 1em .4em .7em;
		border-radius:0;
		line-height:1em;
		margin-top:0;
		top:0;
		position:relative;
		transition: all 0.3s ease;
	}
	#produit_compare li a:hover{
		transform:translateY(-.4em);
		/*padding-top:.8em;*/
		background:#fff;
		color:#4b4b4a;
	}
	#produit_compare li a:after{
		content:'';
		display:block;
		width:14px;
		height:18px;
		background:url(https://www.filtersun.com/i/fleche1.png) no-repeat center center;
		background-size:contain;
		-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
		display:inline-block;
		margin-left:10px;
		vertical-align:middle;
	}
	#produit_compare li a.active{
		background:#fff;
		color:#4b4b4a;
		margin-top:-.4em;
		padding-top:.8em;
	}
	#produit_compare li a:hover:after,
	#produit_compare li a.active:after{
		background-image:url(https://www.filtersun.com/i/fleche2.png);
	}
	#produit_compare_link{
		display:inline-block;
		padding:.5em 1.5em .5em 1em;
		background:transparent;
		font-size:.8em;
		line-height:0;
		vertical-align:middle;
	}
	#produit_compare_link span{
		width:20px;
		height:20px;
		margin-right:.4em;
		vertical-align:middle;
	}

	#produit_content h2{
		margin-top:.5em;
	}
	#produit_content h3{
		margin-bottom:2.5em;
	}

	li[data-onglet] [data-onglet-legend]{
		display:block;
		z-index:300;
		position:absolute;
		left:-5000px;
		top:0;
		width:280px;
		opacity:0;
		box-sizing:border-box;
		padding:1.5em;
		background:#fff;
		border:1px solid #d2d2d2;
		-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
		box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
		font-size:.9em;
		transition: opacity 0.5s ease;
	}
	li[data-onglet]:hover [data-onglet-legend]{
		opacity:1;
		left:100%;
	}
	li[data-onglet] [data-onglet-legend]:before{
		position:absolute;
		left:-23px;
		top:50%;
		margin-top:-20px;
		width:23px;
		height:41px;
		background:url(https://www.filtersun.com/i/fleche5.png) no-repeat right top;
		content:'';
	}

	li[data-onglet] [data-onglet-legend] li{
		background:url(https://www.filtersun.com/i/fleche3.png) no-repeat 0 6px;
		background-size:7px auto;
		-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
		padding-left:14px;
	}
	#produit_telechargements{
		height:1%;
		overflow:visible;
		clear:none;
	}
	#produit_telechargements:after{
		content:'';
		display:block;
		clear:both;
	}
	#produit_telechargements #produit_telechargement_rubriques{
		float:left;
		width:100%;
	}
	#produit_telechargements.open #produit_telechargement_rubriques{
		
	}
	#produit_telechargements #produit_telechargement_content{
		display:none;
	}
	#produit_telechargements.open #produit_telechargement_content{
		display:block;		
	}
	#produit_telechargement_rubriques h3{
		font-size:.9em;
		margin:0;
	}
	#produit_telechargement_rubriques h3 span{
		width:32px;
		height:32px;
	}

	.telecharge_item{
		width:100%;
	}
}

@media only screen and (min-height: 820px) {
	#produit_visuel{
		height:420px;
	}
}
@media only screen and (min-height: 860px) {
	#produit_visuel{
		height:480px;
	}
}

/*-------------------------------------------------------------------------*/

#produit_nouveautes{
	position:absolute;
	right:20px;
	bottom:20px;
	z-index:20;
	text-align:center;
	color:#fff !important;
	font-size:12px;
	line-height:13px;
	width:100px;
	height:100px;
}
#produit_nouveautes ul{
	margin:0;
	padding:0;
}
#produit_nouveautes li{
	margin:0;
	padding:0;
}
#produit_nouveautes a{
	color:#fff !important;
	display:block;
}
#produit_nouveautes img{
	display:block;
	margin:0 auto;
}
/* Stylesheet: Produit Modified On 2018-01-12 16:48:05 */
#palettes .palette{
	display:inline-block;
	vertical-align:top;
	width:310px;
	margin:0 1em 2em 0;
}
#palettes h3{
	margin:0 0 .5em 0;
	font-weight:500;
}
#palettes .palette_carre{
	padding:0;
	float:left;
	width:32px;
	height:32px;
	margin:0 10px 10px 0;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}

#palettes .specs{
	background:#4b4b4a;
	padding:14px 0 0 10px;;
}
#palettes .specs ul{
	margin:0;
	padding:0;
	list-style-type:none;
	overflow:visible;
	height:1%;
	text-align:center;
}
#palettes .specs ul:after{
	content:'';
	clear:both;
	display:block;
}
#palettes .specs li{
	float:none;
	display:inline-block;
}
#palettes .specs li img{
	width:100%;
	height:auto;
	display:block;
}

#palettes .tissus{
	clear:both;
	margin:.5em 0 0 0;
	padding:5px 0 15px 0;
	border-bottom:1px solid #ccc;
	overflow:visible;
	height:1%;
}
#palettes .tissus:after{
	content:'';
	clear:both;
	display:block;
}
#palettes .tissu_img_in{
	width:32px;
	height:32px;
	position:relative;
	float:left;
}
#palettes .tissu_img_in .clip32{
	position:absolute;
	right:0;
	bottom:0;
}
#palettes .tissu_img_in .clip32 image{
	clip-path: url(#clipping32);
}
#palettes .plus{
	background:url(https://www.filtersun.com/i/ico_plus1.png) no-repeat center center;
	background-size:contain;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
}

@media only screen and (max-width: 640px) {
	#palettes .palette{
		width:100%;
	}
}
/* Stylesheet: Palettes Modified On 2019-12-11 12:52:42 */
#ajax_content{
	background:#fff;
}

.palette_detail{
	padding:2em;
}

#palette_detail0{
	padding:0 ;
	border-bottom: 1px solid #ccc;
	margin-bottom: 9px;
}

.palette_detail2_in{
	max-width:270px;
	margin:0 auto;
}

.palette_detail table{
	color:#000;
	width:100%;
}
.palette_detail h3{
	text-transform:uppercase;
	margin:0 0 1em 0;
	font-size:1.1em;
	font-weight:600;
	border-bottom:1px solid #ccc;
padding-bottom:1em;
margin-bottom:0;
}

.palette_detail .zoom_specs_1 {
	table-layout: fixed;
}
.palette_detail .zoom_specs_1 th{
	padding:.5em 0 .5em 0;
	background:#4b4b4a;
}
.palette_detail .zoom_specs_1 th:first-child{
	background:#4b4b4a;
}
.palette_detail .zoom_specs_1 th img{
	height:auto;
	display:block;
	margin:0 auto;
	width:50px;
}
.palette_detail .zoom_specs_2 td{
	text-align:center;
	font-size:.7em;
	font-weight:500;
	line-height:1.05em;
	padding:.5em .3em .2em .3em;
}


.palette_detail .zoom_specs_3{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:1em 0;
	margin:1em 0 0 0;
	font-size:.8em;
}
.palette_detail .zoom_specs_3 th{
	text-align:left;
}
.palette_detail .zoom_specs_3 td{
	text-align:right;
}

.palette_detail .zoom_tissus{
	margin-left:-12px;
	padding: 1em 0 8px 0;
	height:1%;
	overflow:visible;
}
.palette_detail .zoom_tissus:after{
	content:'';
	clear:both;
	display:block;
}
.palette_detail .zoom_tissu_img{
	/*width:42px;
	height:42px;*/
	padding:2px;
	border:1px solid #fff;
	float:left;
	margin:0 0 10px 10px;
	cursor:pointer;
	transition: all 0.3s ease;
}
.palette_detail .zoom_tissu_img:hover{
	border:1px solid #ccc;
}
.palette_detail .zoom_tissu_img.active{
	border:1px solid #000;
}
.palette_detail .tissu_img_in{
	width:100%;
	height:100%;
	position:relative;
	vertical-align: middle;
}
.palette_detail .tissu_img_in img{
	display:block;
	margin:0;
}
.palette_detail .clip42{
	position:absolute;
	right:0;
	bottom:0;
}
.palette_detail .clip42 image{
	clip-path: url(#clipping42);
}
.versoSelector{
	padding:5px;
	text-align:center;
}
.versoSelector span{
	background:#fff;
	border-radius:3px;
	margin:0 4px;
	font-size:13px;
	display:inline-block;
	padding:3px 20px;
	border:1px solid #ccc;
	transition:all .3s;
	cursor:pointer;
}
.versoSelector .active{
	background:#4b4b4a;
	border:1px solid #4b4b4a;
	color:#fff;
}

.palette_detail .zoom_img{
	width:100%;
	/*height:265px;*/
}
.palette_detail .zoom_img_in{
	width:100%;
	height:100%;
}
.palette_detail .zoom_img_in a{
	display:block;
	position:relative;
}
.palette_detail .zoom_img_in a:after{
	display:block;
	content:'';
	position:absolute;
	width:33px;
	height:33px;
	right:0;
	bottom:0;
	z-index:2;
	background:url(https://www.filtersun.com/i/zoom.png) no-repeat 0 0;
}
.palette_detail .zoom_img_in a img{
	display:block;
}

.palette_detail .zoom_echelle{
	margin:.5em 0 1.5em 0;
	background:url(https://www.filtersun.com/i/pixel1.png) repeat-x center center;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
	line-height:1em;
}
.palette_detail .zoom_echelle span{
	display:inline-block;
	background:#fff;
	font-size:.8em;
	padding:5px 1em;
}

.palette_detail .zoom_data{
	color:#000;
	margin-top:1.5em;
	font-size:.85em;
}
.palette_detail .zoom_data tr{
	border-top:1px solid #ddd;
}
.palette_detail .zoom_data th{
	font-weight:600;
	text-align:left;
}
.palette_detail .zoom_data th span{
	font-weight:500;
	font-size:.85em;
}
.palette_detail .zoom_data td{
	text-align:right;
}
.palette_detail p.zoom_data{
	margin-top:0;
}

#palette_telechargements{
	clear:both;
	font-size:.9em;
	padding: .7em 0em 1em 0em;
}
#palette_telechargements h4{
	border-top: 1px solid #ccc;
	padding:1em 0 .5em 0;
	margin:0;
}
#palette_telechargements ul{
	background:#999;
	margin:0;
	padding:0;
	text-align:center;
}
#palette_telechargements li{
	margin:0;
	padding:0;
	text-align:center;
	border-top:1px solid #bbb;
}
#palette_telechargements li:first-child{
	border-top:none;
}
#palette_telechargements li a{
	color:#fff;
	display:block;
	padding:.5em 2em;
}
#palette_telechargements li a span{
	display:inline-block;
	width:24px;
	height:24px;
	vertical-align:middle;
	background-position:center center;
	background-size:contain;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
	background-repeat:no-repeat;
	position:relative;
	top:-3px;
	margin-right:8px;
}

#tissu_zoom_in{
	position:relative;
}
#tissu_zoom_in img{
	max-width:100%;
	height:auto;
	display:block;
	position:relative;
	z-index:1;
}
#tissu_back{
	z-index:2;
	position:absolute;
	left:0;
	top:20px;
	font-size:13px;
	text-transform:uppercase;
	background:#fff;
	padding:.7em 1em;
	cursor:pointer;
}

@media only screen and (max-width: 768px) 
{
	.palette_detail .zoom_specs_1 tr{
		display:block;
		float:left;
		width:40%;
	}
	.palette_detail tr.zoom_specs_2{
		float:left;
		width:60%;
	}
	.palette_detail .zoom_specs_1 th,
	.palette_detail .zoom_specs_1 td{
		display:block;
		height:80px;
		text-align:left;
		box-sizing:border-box;
		padding:1em;
	}
	.palette_detail .zoom_specs_1 th img{
		width:48px;
	}
}
@media only screen and (min-width: 769px) 
{

	.palette_detail1{
		width:55%;
		float:left;
		box-sizing:border-box;
		padding:.7em 1em 1em 0em;
	}
	.palette_detail2{
		width:44%;
		float:right;
		box-sizing:border-box;
		padding:.7em 1em 1em 1em;
	}
	#palette_telechargements li{
		display:inline-block;
		border-top:none;
	}
}



/* Stylesheet: Palette Modified On 2023-10-25 20:39:42 */
#contrat_pop{
	max-width:470px;
	padding:40px 0;
}
#contrat{
	border-top:1px solid #eee;
	clear:both;
	margin-top:.5em;
	padding-top:1em;
	padding-bottom:1em;
}
#contrat h3{
	margin-bottom:0.5em;
}
#contrat_pop h2{
	font-weight:500;
	font-size:1.2em;
	text-transform:uppercase;
	margin:.5em 0 1.5em 0;
	clear:both;
}
.phototheque_link{
	display:inline-block;
	padding:.7em 3em;
	text-transform:uppercase;
	border:1px solid #ccc;
	margin:1em 0;
	font-size:.9em;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
}
.phototheque_link:hover{
	background:#4b4b4a;
	border:1px solid #4b4b4a;
	color:#fff;
}
.thumb{
	margin:0 2em 2em 0;
	display:block;
	display:inline-block;
	vertical-align:top;
}
.thumb img{
	display:block;
}
.thumb p{
	background:#4b4b4a;
	text-align:center;
	margin:0;
	border-radius:0 0 3px 3px;
}
.thumb p a.btn1{
	background:transparent;
	border-radius:0;
}

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

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

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

@media only screen and (min-width: 960px) {
	#contrat_pop{
		width:960px;
		max-width:960px;
	}
	#contrat_in{
		width:470px;
		margin:0 auto;
	}
}
/* Stylesheet: Phototheque Modified On 2015-10-27 09:57:41 */
#contrat h2{
	font-size:1.2em;
	clear:both;
	padding-top:1em;
}
#telechargements{
	background:#f7f7f7;
	padding-bottom:50px;
}
#telechargements .center{
	max-width:750px;
	width:auto;
}
#telechargements h2{
	font-size:1.1em;
	padding:1em 0 1em 2.7em;
	line-height:1em;
	position:relative;
	font-weight:500;
	border-bottom:1px solid #ddd;
	cursor:pointer;
	margin:0;
}
#telechargements h2 span.ico{
	position:absolute;
	top:2px;
	left:0;
	display:inline-block;
	width:32px;
	height:32px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
	margin:.5em 1em 0 .5em;
}
#telechargements span.pro{
	float:right;
}
span.pro{
	font-size:14px;
	letter-spacing:0;
	margin-left:1em;
	text-transform:uppercase;
	background:#a5a5a5;
	display:inline-block;
	padding:.2em 1em;
	border-radius:2px;
	position:relative;
	top:-2px;
	color:#fff;
}

.telechargement-grp{
	background:#a5a5a5;
	color:#fff;
}
.device_phone .telechargement-grp{
	color:#4b4b4a;
}
.telechargement-grp .center{
	padding:2em 0;
}
.telechargement-grp table{
	width:100%;
}
.telechargement-grp table.table_grp th,
.telechargement-grp table.table_grp td{
	background:#999;
}
.telechargement-grp table tr:hover{
	background-color:#999;
}
.telechargement-grp table th,
.telechargement-grp table td{
	font-size:.9em;
	padding:.5em 0;
	border-bottom:1px solid #bbb;
}
.telechargement-grp table th{
	text-align:left;
	font-weight:500;
	padding-left:1em;
}
.telechargement-grp table th span{
	display:block;
	padding-right:10em;
	font-size:.95em;
	color:#555;
	line-height:1.35em;
}
.telechargement-grp table td{
	text-align:right;
}
.telechargement-grp table td.fsize{
	padding-left:5px;
	padding-right:5px;
}
.telechargement-grp table td.ext{
	text-align:center;
	text-transform:uppercase;
	padding-left:5px;
	padding-right:5px;
}
.telechargement-grp table a{
	font-weight:500;
	display:inline-block;
	background:#4b4b4a;
	color:#fff;
	font-size:.8em;
	padding:.5em 2em;
	border-radius:3px;
	text-transform:uppercase;
	line-height:1em;
}
.telechargement-grp table a.link_show{
	text-indent:-5000px;
	text-align:left;
	padding:.5em;
	background:#4b4b4a url(https://www.filtersun.com/i/loupe.png) no-repeat center center;
	width:23px;
	height:23px;
}
.telechargement-grp table a.link_locked{
	text-align:left;
	padding:.5em .5em .5em 20px;
	background:#4b4b4a url(https://www.filtersun.com/i/lock1.png) no-repeat 5px center;
}
.device_phone a.link_show,
.device_phone a.link_locked{
	display:none;
}

.telechargement-grp table .link{
	text-align:right;
	padding-right:1em;
	white-space: nowrap;
}

.telechargement_dl{
	padding:1em;
}
.telechargement_dl h3{
	margin:1em 0 .5em 0;
}
.telechargement_dl h5{
	margin:0;
	padding:.5em 0;
	border-bottom:1px solid #ccc;
	cursor:pointer;
}
.telechargement_photos{
	color:#4b4b4a;
	padding:1em;
	background:#fff;
}
/* Stylesheet: Telechargements Modified On 2025-10-21 09:58:42 */
#content{
	height:100%;
}
#home{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}
#head{
	position:relative;
	z-index:300;
}

.home_slide{
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
}
.home_slide img{
	width:0;
	height:0;
}
.owl-item,
.owl-wrapper,
.owl-wrapper-outer{
	height:100%;
}

#ombre1{
	width:100%;
	height:200px;
	position:fixed;
	bottom:0;
	left:0;
	background:url(https://www.filtersun.com/i/ombre1.png) repeat-x left bottom;
	z-index:10;
}
#overlay{
	position:fixed;
	z-index:200;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
}
#overlay .overlay_col{
	border:1px solid #fff;	
	margin:0 1em .5em 1em;
	position:relative;
	transition: all 0.3s ease;
	display:inline-block;
}
#overlay .overlay_col > a{
	display:block;
	padding:.6em 3em;
	text-transform:uppercase;
	font-weight:500;
	font-size:.8em;
	background:#fff;
	color:#4b4b4a;
	transition: all 0.3s ease;	
}

#overlay .overlay_col_in{
	box-sizing:border-box;
	position:absolute;
	bottom:80px;
	width:100%;
	background:#fff;
	padding:1em 1.2em 2em 1.2em;
	left:-5000px;
	opacity:0;
	font-size:.85em;
	transform:translateY(-100px);
	transition: transform 0.3s ease,  opacity 0.6s ease;
}
#overlay .overlay_col_in.active{
	opacity:1;
	left:0;
	transform:translateY(0);
}
#overlay .overlay_col_in img{
	width:100%;
	height:auto;
	display:block;
	margin-bottom:1.5em;
}

#pub{
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	width:90%;
	height:70%;
	max-width:851px;
	max-height:523px;

	z-index:20;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0, 1.0);

	backface-visibility: hidden;

}

@media only screen and (max-width: 767px) {
	#footer{
		display:none;
	}
	#overlay .overlay_col{
		display:block;
	}
	#overlay .overlay_col_in{
		display:none !important;
	}
}
@media only screen and (max-width: 570px) {
	#overlay .overlay_col{
		display:inline-block;
		margin:5px;	
	}
	#overlay .overlay_col_in{
		display:none !important;
	}
	#logo img{
		max-width:180px;
	}
	#ombre1{
		display:none;
	}
}
@media only screen and (max-width: 420px) {
	#footer{
		display:none;
	}
	#overlay .overlay_col{
		display:block;
	}
	#overlay .overlay_col_in{
		display:none !important;
	}

}
@media only screen and (min-width: 768px) {
	#overlay .overlay_col{
		display:inline-block;
		margin:0 2em;
		font-size:1em;
	}
	#overlay .overlay_col:first-child{
		margin-left:0;
	}
	#overlay .overlay_col:last-child{
		margin-right:0;
	}
	#overlay .overlay_col > a{
		padding:.7em 4em;
		font-size:1em;
	}
	#overlay .overlay_col > a:hover{
		background:#fff;
		color:#4b4b4a;
	}
	#overlay{
		bottom:80px;
	}
	#overlay .overlay_col > a{
		background:transparent;
		color:#fff;	
	}
}
/* Stylesheet: Accueil Modified On 2017-02-06 07:31:05 */
#compare_intro_text{
	margin:1em 3em 1em 0;
}
#compare_select{
	list-style-type:none;
	margin:1em 0 1em 0;
}
#compare_select li{
	vertical-align:top;
	cursor:pointer;
	margin:.2em 0;
}
#compare_select li:before{
	content:'';
	margin:0 .4em 0 0;
	vertical-align:middle;
	display:inline-block;
	width:16px;
	height:16px;
	background:url(https://www.filtersun.com/i/ico_check0.png) no-repeat 0 0;
	background-size:contain;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
	opacity:.5;
}
#compare_select li.active:before{
	background:url(https://www.filtersun.com/i/ico_check1.png) no-repeat 0 0;
	background-size:contain;
	-ms-behavior: url(https://www.filtersun.com/backgroundsize.min.htc);
	opacity:1;
}

/*--------------------------------------------------*/

#scroll_table{
	width:256px;
}
#compare_content td.data > div > div{
	width:241px;
}
#compare_content td.inv .inv_in{
	width:15px;
}

/*--------------------------------------------------*/

#compare_area{
	/*overflow:hidden;*/
	overflow:auto;
}

#compare_table_msk{
	/*overflow:hidden;*/
}
#compare_content{
	font-size:.95em;
	background:#f7f7f7;
	padding-top:1em;
	padding-bottom:3em;
}
#compare_content_table{
	table-layout: fixed;
}
#compare_area_table > tbody > tr> th{
	background-color:#f7f7f7;
}
#compare_content tr.data_line:hover th,
#compare_content tr.data_line:hover th span,
#compare_content tr.data_line:hover td{
	background-color:#ddd;
}
#compare_content th{
	text-align:left;
	vertical-align:middle;
}
#compare_content th span{
	padding:2px 10px 2px 0;
	display:inline-block;
	background:#f7f7f7;
}
#compare_content td{
	background:#fff;
	vertical-align:middle;
}
#compare_content td.titre{
	background:transparent;
	text-align:center;
	vertical-align:middle;
}
#compare_content td.titre h3{
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:500;
}
#compare_content td.img{
	vertical-align:top;
}
#compare_content td.img img{
	display:block;
	max-width:80%;
	height:auto;
	margin:1em auto;
}
#compare_content td.texte{
	vertical-align:top;
}
#compare_content td.texte p{
	padding:1em;
	line-height:1.3em;
}
#compare_content td.inv{
	background:transparent;
}

#compare_content th.filet,
#compare_content td.filet{
	background-image:url(https://www.filtersun.com/i/fleche9.png);
	background-repeat:repeat-x ;
	background-position:0 65%;
}
#compare_content td.data table{
	width:100%;
	table-layout: fixed;
}
#compare_content td.data > div{
	overflow:hidden;
}

#compare_content td.data_in{
	text-align:center;
}
#compare_content .grp td.more{
	background:#fff;
}
#compare_content .grp td.more a{
	display:block;
	line-height:1em;
	margin:25px auto 10px auto;
	max-width:45px;
	border-radius:3px;
	padding:2px 0 4px 0;
	background:#4b4b4a;
	color:#fff;
	font-weight:500;
}
#compare_content .grp td{
	font-weight:500;
	background:#e5e3e4;
	text-align:center;
	vertical-align:middle;
}
#compare_content .spacer{
	margin:1em 0;
}

.compare_type_bool_1{
	display:inline-block;
	width:10px;
	height:10px;
	background:url(https://www.filtersun.com/i/fleche7.png) no-repeat 0 0;
	text-indent:-5000px;
	text-align:left;
	vertical-align:middle;
}
.compare_type_bool_0{
	display:inline-block;
	width:10px;
	height:10px;
	background:url(https://www.filtersun.com/i/fleche8.png) no-repeat 0 0;
	text-indent:-5000px;
	text-align:left;
	vertical-align:middle;
}
.compare_type_color_list{
	margin:0;
	list-style-type:none;
}
.compare_type_color_list li{
	display:inline-block;
	margin:0 2px;
}
.compare_type_color{
	vertical-align:middle;
	width:12px;
	height:12px;
	border-radius:6px;
	border:1px solid #ccc;
	display:inline-block;
	text-indent:-5000px;
	text-align:left;
}

.scroll_table_grp{
	text-align:center !important;
}
#scroll_table{
	margin:0 auto;
	display:inline-block;
}
#scroll_table div{
	border-radius:3px;
	cursor:pointer;
	display:inline-block;
	padding:20px;
	background:#4b4b4a;
	color:#fff;
	font-size:20px;
}
#scroll_table div.disable{
	opacity:.2;
	cursor:inherit;
}

@media only screen and (min-width: 960px) {
	#compare_intro_text{
		float:left;
		width:25%;	
		margin-right:0;
	}
	#compare_select{
		float:right;
		width:70%;	
	}
	#compare_select li{
		width:30%;
		display:inline-block;
	}


}

/* Stylesheet: Comparatif Modified On 2015-10-27 09:56:48 */
#login{
	background:#f7f7f7;
	padding:1em 0 2em 0;
}

#inscription_choix ul{
	margin:0;
	padding:0;
	text-align:center;
}
#inscription_choix ul li{
	margin:.5em 0;
	padding:2em;
	text-align:center;
	display:block;
	background:#fff;
	border:1px solid #a5a5a5;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	cursor:pointer;
}
#inscription_choix ul li:hover{
	background:#4b4b4a;
	color:#fff;
}

#choix_back{
	cursor:pointer;
	margin-bottom:1.5em;
}

#login_box .col1{
	padding:1em 3em 1em 0;
	border-right:1px solid #a5a5a5;
}
#login_box .col2{
	padding:1em 0 1em 3em;
}

@media only screen and (min-width: 960px) 
{
	#inscription_choix ul{
		max-width:1000px;
		margin:0 auto;
	}
	#inscription_choix ul li{
		padding:3em 2em;
		margin:.5em;
		box-sizing:border-box;
		display:inline-block;
		width:45%;
	}
}
/* Stylesheet: Client Modified On 2015-10-27 09:56:41 */
.formbuilderform{
}
.formbuilderform > div{
	clear:both;
	height:1%;
	overflow:visible;
	padding:.3em 0;
}
.formbuilderform > div:after{
	content:"";
	clear:both;
	display:block;
}
label{
	width:25%;
	padding:.5em 12px .5em 0;
	display:inline-block;
	text-transform:uppercase;
	font-size:.9em;
	line-height:1.3em;
	vertical-align:middle;
}

input, select, textarea { 
	color:#4b4b4a;
	margin:0; 
	padding:.4em; 
	font-size:1em;
	outline:none; 
	font-family:inherit;
	box-sizing:border-box;
	width:65%;
	float:right;
	border:none;
	position:relative;
	z-index:2;
	background:#eee;
	border:1px solid #a5a5a5;
	vertical-align:middle;
}
input:focus, select:focus, textarea:focus { 
	background:#fff;
	transition:background-color .3s;
}
.cms_submit{
	background:#dc8100;
	color:#fff;
	font-weight:500;
	cursor:pointer;
	padding:.4em 1em;
	float:left;
	border:none;
	border-radius:3px;
}
.cms_submit:hover{
	background:#f8a300;
	transition:background-color .3s;
}
.error_form{
	font-size:13px;
	font-style:italic;
	clear:both;
	margin-left:40%;
	text-align:center;
	padding:0 0 .3em 0;	
	position:relative;
	top:-5px;
	z-index:1;
}
.fb_invalid label{
	color:#ff4646;
}
.error_message{
	padding:0 1.5em;
	margin-bottom:1em;
	text-align:center;
	color:#fff;
	font-weight:800;
	font-size:.9em;
}
.error_zone{
	font-size:.9em;
	padding:1.5em;
	background:#c40000;
	color:#fff;
	max-width:700px;
	margin:2em auto;
}

/*----------------------------------------------------------*/

.formline{
	clear:both;
	min-height:1%;
	overflow:visible;
	margin:0 0 .75em 0;
}
.formline:last-child{
	margin-bottom:0;
}
.formline:after{
	clear:both;
	display:block;
	content:'';
}
.formlabel{
	float:left;
	width:35%;
}
.formlabel label{
	width:90%;
	float:none;
}
.forminput{
	float:right;
	width:65%;
	vertical-align:middle;
}
.forminput input, .forminput select, .forminput textarea{
	width:auto;
	float:none;
	max-width:100%;
	vertical-align:middle;
}
.forminput input[type="submit"]{
	width:100%;
}
.field_multiple{

}
.field_multiple input[type="checkbox"]{
	width:auto;
	float:none;
}
.field_multiple_grp{
	width: 60%;
	float: right;
}
.field_multiple label{
	font-size:.8em;
	text-transform:none;
	width:auto;
	padding-top:0;
	padding-bottom:0;
}
.forminput span{
	font-size:.8em;
	text-transform:none;
	display:block;
	margin-top:.5em;
	line-height:1.2em;
}
.forminput span.error_txt{
	color:;
}
.captchapict{
	vertical-align:middle;
	height:42px;
	width:auto;
	margin-right:5px;
	padding-right:15px;
	background:url(https://www.filtersun.com/i/puce1.png) no-repeat right center;
}

.form_small{
	padding:2em;
	background:#fff;
	max-width:600px;
	margin:0 auto;
	box-sizing:border-box;
}	
.form_small_error{
	box-sizing:border-box;
	max-width:600px;
	margin:0 auto 1em auto;
}
.confirm_msg{
	padding-left:90px;
	min-height:80px;
	background:url(https://www.filtersun.com/i/check.png) no-repeat left center;
}

@media screen and (min-width: 960px) 
{
	.formbuilderform{
		max-width:700px;
		margin-left:auto;
		margin-right:auto;
	}
	.cms_submit{
		width:auto;
		margin-left:35%;
	}
}
@media screen and (max-width: 960px) 
{
	.formbuilderform{
		padding-left:0;
		border-left:none;
		border-top:1px solid #eee;
		padding-top:2em;
		margin-top:2em;

	}
	.cms_submit{
		width:auto;
		margin-left:35%;
	}
}
@media screen and (max-width: 640px) 
{

	.form_bg{
		padding:1em;
	}
	.formlabel, label{
		float:none;
		clear:both;
		width:100%;
	}
	.forminput, input, select, textarea, .field_multiple_grp{
		float:none;
		clear:both;
		width:100%;
	}
	.cms_submit{
		width:100%;
		margin-left:0;
	}

	#page_contact #col1{
		width:100%;
		float:none;
		margin:1em 0;
	}
	#page_contact #col1 img{
		display:none;
	}
	#page_contact #col2{
		width:100%;
		float:none;
		margin:1em 0;
	}
}
/* Stylesheet: Formulaires Modified On 2015-10-27 09:57:05 */
#cookieOpt{
	position:fixed;
	z-index:1000;
	bottom:0em;
	left:0;
	width:100%;
	padding:1em;
	box-sizing:border-box;
	background:#ccc;
	text-align:center;
	font-size:14px;
}
.cookieOk,
.cookieKo{
	display:inline-block;
	padding:3px 5px;
	background:#fff;
	color:#4b4b4a !important;
	margin-left:5px;
	border-radius:3px;
	font-size:13px;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
}
.cookieOk:hover,
.cookieKo:hover{
	background:#a5a5a5;
}
.cookieMore{
	font-size:13px;	
	margin-left:5px;
}
/* Stylesheet: Cookie Modified On 2015-10-27 10:28:41 */
.actualite a{
	color:#fff;
}
.actualite h3{
	margin-top:0;
}
.actualite .img_right{
	margin-bottom:0;
}
#actualites .center{
	background:#fff;
}
#actualites_in > .actualite {
	box-sizing:border-box;
	background:#4b4b4a;
	color:#fff;
	width: 100%; 
	border-bottom:1px solid #aaa;
	padding:30px;
	overflow:visible;
	min-height:1%;
}
#actualites_in > .actualite:after{
	content:'';
	display:block;
	clear:both;
}
.actualite .btn2 {
	margin-left:0;
}


/*------------------------------------*/

#actualite_in{
	padding:2em 0;
	background:#fff;
	overflow:visible;
	min-height:1%;
}
#actualite_in:after{
	content:'';
	display:block;
	clear:both;
}

@media only screen and (min-width: 960px) {
	#actualites{
		background:#f7f7f7;
		margin-bottom:5em;
	}
	#actualite_in{
		padding:2em;
	}
	#actualite_in.actualite_in_serre{
		max-width:50em;
		margin:0 auto;
	}
	.actualite_c {
		max-width:50em;
		margin:0 auto;
	}
}

/*------------------------------------*/

#actualite_extra{
	background:#fff;
}
#actualite_extra h2{
	padding:1em 0 .5em 0;
	margin:0;
	border-top:1px solid #ccc;
}
#nouveaute_produits{
	clear:both;
	background:#4b4b4a;
	padding:10px 0;
	justify-content: flex-start;	
	flex-direction: column;
	align-items: center;
}
#nouveaute_produits a{
	display:flex;
	max-width:400px;
	color:#fff;
	padding:10px 20px 10px 0;
	align-self: center;
	margin:0 auto;
	border-top:1px solid #666;
}
#nouveaute_produits a:first-child{
	border:0;
}
#nouveaute_produits a:hover{
	background:#666;
}
#nouveaute_produits a h3{
	font-size:16px;
	width:50%;
	padding:10px 20px 10px 0;
	margin:0;
}
#nouveaute_produits a h3 span{
	display:block;
	padding-left:20px;
}
#nouveaute_produits a > div{
	display:block;
	width:50%;
	margin:0;
}
#nouveaute_produits a img{
	max-width: 100%;
	height: auto;
	display:block;
}

@media only screen and (min-width: 780px) {
	#actualite_extra h2{
		padding-left:1em;
		border:0;
	}
	#nouveaute_produits{
		display:flex;
		flex-direction: row;
		justify-content: center;
	}
	#nouveaute_produits a{
		padding:0px 20px 0px 0;
		border-top:0;
		align-self: stretch;
	}
	#nouveaute_produits a h3{
		border-left:1px solid #ccc;
	}
	#nouveaute_produits a:first-child h3{
		border:0;
	}
}
/* Stylesheet: Actualites Modified On 2017-12-28 23:29:56 */