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

/* 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 */
#content{
	background:#f7f7f7;
	padding-bottom:0;
	margin-bottom:70px;
}
/* Stylesheet: Normal_base Modified On 2015-10-27 09:57:26 */
.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 */
#content_in{
	background:#fff;
	color:#4b4b4a;
}
#content_in a{
	color:#4b4b4a;
}
#content_in a.btn1, #content_in a.btn3{
	color:#fff;
}
#subnav li a{
	color:#fff;
	background:#4b4b4a;
}
/* Stylesheet: Normal - Blanc Modified On 2015-10-27 10:48:01 */
.contact-information{
	display:none;
	font-size:.9em;
	padding:1.5em;
	border:1px solid #eee;
	margin-top:3em;
	box-sizing:border-box;
}

#contact_all{
	overflow:visible;
	height:1%;
}
#contact_all:after{
	content:"";
	clear:both;
	display:block;
}
#contact_all h3{
	margin-top:0;
	font-size:1.3em;
}
#map{
	max-width:400px;
	margin:2em auto;
}

.form_all{
	padding:2em 5em;
	margin:0;
	background:#a5a5a5;
	height:1%;
	overflow:visible;
	color:#fff;
}
.form_all:after{
	content:'';
	clear:both;
	display:block;
}

@media only screen and (min-width: 960px) {
	#map_intro{
		max-width:50%;
		float:left;
	}
	#map{
		max-width:500px;
		width:50%;
		float:right;
		margin-top:0;
	}
	.contact-information{
		float:left;
		width:40%;
	}
	.form_intro{
		float:left;
		width:30%;
		background:url(https://www.filtersun.com/i/bulle.png) no-repeat 0 0;
		padding:150px 0 0 0;
	}
	.formbuilderform{
		box-sizing:border-box;
		float:right;
		width:60%;
		padding-left:5em;
		border-left:1px solid #ccc;
	}
	.formbuilderform.formbuilderformlarge{
		width:100%;
		float:none;
		border:none;
		padding-left:0;
	}
}
/* Stylesheet: Contact Modified On 2016-11-22 12:00:45 */
#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 */
#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 */