@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* CSS Document */
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,  tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, 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; }

p i{font-style:italic;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

sup{font-size:10px;}



body {
	padding: 0;
  	margin: 0;
 	/*background:#000 url(../../images/back2.jpg) no-repeat center top;*/
    background:#000;
    width: 100%;
    display: table;
}
#container{                  
	width:990px;	
	margin-left:auto;
	margin-right:auto;	
	background-repeat:no-repeat;
	position:relative;	
	}

a{color:#ccc;}

.clear{clear:both;}
.hr{clear:both;padding:auto;height:30px;background:url(../../images/hr.gif) repeat-x bottom;margin:10px 0 0 0;}
p{font:12px/14px Verdana, Geneva, sans-serif;color:#6d6e71;text-align:justify;margin:10px 0 0 0;}
.bold{font-weight:bold;}


h1{font-size:30px;color:#57514c;font-family:Anton;padding:4px 0 0 0;}
h1.produits{background:url(../../images/h2_ico3.png) no-repeat top left;padding:17px 0 0 48px;height:45px;}
h1.avantage{background:url(../../images/h2_ico1.png) no-repeat top left;padding:4px 0 0 48px;height:45px;}
h1.rd{background:url(../../images/h2_ico2.png) no-repeat top left;padding:5px 0 0 48px;height:45px;}
h1.services{background:url(../../images/h2_ico4.png) no-repeat top left;padding:4px 0 0 48px;height:45px;}

h2{font-family: 'PT Sans Narrow', sans-serif;font-size:26px;color:#57514c;padding:10px 0 0 0;}
h3{font-family: 'PT Sans Narrow', sans-serif;font-size:22px;color:#e93027;padding:0 0 0 0;margin:15px 0 10px 0;}
	h3 span{font-size:26px;color:#57514c;}
	h3 span i{font-style:italic;}
h4{font-family: 'PT Sans Narrow', sans-serif;font-size:19px;color:#a8a7a7;padding:10px 0 7px 0;}
h5{line-height:16px;float:right;text-align:right;font-family:Verdana, Geneva, sans-serif;font-weight:bold;font-size:14px;color:#57514c;padding:10px 0 7px 0;margin:0 15px 0 0;}



/*Sub Menu*/
#topMenu{background:color:#000;width:100%;height:40px;font:12px/12px Verdana, Geneva, sans-serif;position:relative;}

#topMenu ul {padding-top:15px;float:right;height:40px;z-index:99;background:url(../../images/subMenu_glow.gif) no-repeat ;min-height:40px;}
#topMenu li {
			display: inline;
			background:url(../../images/li_sep.gif) no-repeat top left;						
			color: #666;
			padding:0 0 0 15px;
			margin:0 0 0 15px;	
			z-index:99;	
			text-decoration:none;						
			}
#topMenu li:first-child{background:none;}			
#topMenu li a {color:#e6e5e5;text-decoration:none;padding-bottom:3px;}
#topMenu li.current a:hover{color:#e6e5e5;text-decoration:none;cursor:default;}
#topMenu li.current a{
border-bottom:2px solid #ec2f25;
}
/*.topcurrent{
	height:2px;
	position:absolute;	
	top: 31px;
	z-index:99;
	background-color:#F00;
	
}*/
		
			
			
			
			
			#topMenu li a:hover{ color: #ee2e24; }


/*Menu*/
#navig{
	width:686px;
	font:18px/18px 'PT Sans Narrow', sans-serif;
	position:absolute;
	top:231px;
	left:290px;
	z-index:1;
}

	#navig a.current{cursor:default;}
	#navig img{border:none;}
			

#logo{
	position:absolute;
	top: 0px;
	z-index:9;
}
	#logoslogan{
	z-index:99;
	top:180px;
	position:absolute;
	left:50px;
	color:#bdbdbe;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:normal;
	font-size:18px;
	text-align:left;
	line-height:23px;
}
#slogan{
	width:678px;
	height:150px;
	position:absolute;
	left:302px;
	text-align:right;
	z-index:99;
}
	#slogan h1{
	text-transform:uppercase;
	margin:50px 0 5px 0;
	color:#57514c;
	font-weight:100;
	font-family: Anton;
	font-size: 37px;
	line-height: 38px;
}
	#slogan p{
	font-family: 'PT Sans Narrow', sans-serif;font-size:26px;color:#57514c;padding:0 0 0 0;float:right;
}
	.next a{float:right;clear:both;font:20px/18px Arial;margin:20px 0 0 0;color:#e6e5e5;margin:5px 0 5px 0;text-decoration:none;z-index:99;}
		.next a:hover{font:22px/18px Arial;}

#bodywrap{width:985px;height:auto;padding:212px 0 0 20px;position:relative;}
	#bodytop{background:url(../../images/bodytop.png) no-repeat;width:985px;height:55px;margin:0;}
	#bodymid{background:url(../../images/bodymid.png) repeat-y;width:985px;margin:-5px 0 0 0;padding:0 25px 0 25px;}	
	#bodybot{background:url(../../images/bodybot.png) no-repeat;width:985px;height:24px;margin:0 0 0 0;clear:both;}
	
#bodycontent{	
	width:950px;
	padding:0 25px 0 25px;
	
}
	.tier{width:290px;float:left;margin-right:23px;background:url(../../images/tier_sep.gif) repeat-y right;margin-top:10px;}
	.accLeft{width:580px;float:left;margin-right:43px;margin-top:10px;}

		
	#tiershadow{
	z-index:99;
	position:absolute;
	width:16px;
	height:710px;
	background: url(../../images/tier_sep3.png);
	left: 671px;
	top: 327px;
}
		.tierlast {width:290px;float:left;margin-right:23px;background:none;margin-top:10px;position: relative;top: -100px;}
		.communique{z-index:98;position:relative;background:url(../../images/communique.png) no-repeat;width:62%;height:100px;margin:0;}
			.accProdBois{z-index:98;position:relative;background:url(../../images/acc_bois.gif) no-repeat;width:296px;height:222px;margin:70px 0 20px -22px;}

			.accProdPvc{z-index:98;position:relative;background:url(../../images/acc_pvc.gif) no-repeat;width:296px;height:222px;margin:20px 0 0 -22px;}
			.accProdAutres{z-index:98;position:relative;background:url(../../images/acc_autres.gif) no-repeat;width:297px;height:325px;margin:20px 0 0 -22px;}
				.accTilte {position:relative;}
				.accTitle h3,.accTitle h3 a{font-family: 'PT Sans Narrow', sans-serif;font-size:23px;color:#fff;padding:10px 0 0 12px;text-decoration:none;}
				.accTitle h3 a:hover{text-decoration:underline;}
				.accTxt{width:250px;padding:85px 0 0 22px;}
				.accDetails{}
				.more a{position:absolute;left:863px;top:131px;font-family: 'PT Sans Narrow', sans-serif;font-size:26px;color:#fff;padding:10px 0 0 22px;text-decoration:none;}
				.more a:hover{color:#fff;padding:10px 0 0 22px;text-decoration:underline;}

		.tier .title,.tierlast .title{}	
		
			.hico{float:left;padding-top:6px;}			 
			.tier .title h2,.tierlast .title h2{float:left;font-family: 'PT Sans Narrow', sans-serif;font-size:24px;color:#57514c;padding:10px 0 0 0;border-bottom:none;}
			.tier h3{font-family: 'PT Sans Narrow', sans-serif;font-size:22px;color:#e93027;padding:0 0 0 0;}
			.tier p{font:12px/14px Verdana, Geneva, sans-serif;color:#6d6e71;text-align:justify;padding:10px 20px 0 0;}

	.splitLeft{width:526px;float:left;margin-right:23px;margin-top:10px;}
	.splitRight{float:left;margin-top:20px;}


/*LISTING DE PRODUITS*/
.thumbWrap{width:450px;float:left;margin:20px 0 0 0;}
	.thumbWrap .prodBois{background:url(../../images/Bois_titleBack.png) no-repeat;}
		.thumbWrap .prodAutre{background:url(../../images/autre_titleBack.gif) no-repeat 0 1px;height:55px;}
	
		.prodBois h2{color:#fff;padding:7px 0 8px 7px;margin:0 0 10px 0;width:415px;background:url(../../images/Bois_titleBack.png) no-repeat;}
		.prodPvc h2{color:#fff;padding:7px 0 8px 7px;margin:0 0 10px 0;width:415px;background:url(../../images/Pvc_titleBack.png) no-repeat;}
		.prodAutre h2{color:#fff;padding:7px 0 8px 7px;margin:0 0 10px 0;width:415px;}

.colsep{height:450px;margin:20px 25px 0 0;background:url(../../images/col_sep.gif) repeat-y;width:3px;float:left;}
.thumbProduct{margin:3px 3px 20px 0;float:left;width:141px;height:114px;background:url(../../images/thumb_back.png) no-repeat;position:relative;}
	
	

	.thumbProduct img{width:127px;height:100px;border:0;padding:7px 0 0 7px;}
	
		.thumbbtn{
	position: absolute;
	left: 5px;
	bottom: 7px;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	vertical-align: top;
	display: inline-block;
	height: 24px;
	overflow: hidden;
	width: 130px;
		
			
		}
			
			.thumbbtn b{
			display:inline-block;
            background:url('../../images/btn_thumb_right.png') no-repeat top;
            width:24px;
            height:24px;
            vertical-align:top;
			margin-top:1px;
			}
			
			.thumbbtn b:first-child{
            background-image:url('../../images/btn_thumb_left.png') ;
            width:10px;			
            }
			
			.thumbbtn span{
            display:inline-block;
            font:16px/14px 'PT Sans Narrow', sans-serif;
			color:#56504b;
            text-shadow: 0px 0px 2px #fff;
            background:url('../../images/btn_thumb_center.png') repeat-x ;
            padding:6px 0 5px 5px;
            vertical-align:top;
            }
            
			
            .thumbbtn:hover b, .thumbbtn:hover span{
            background-position:bottom;
            }
            
            .thumbbtn:hover span{
             padding:7px 0 5px 5px;
		   
			}
			
			
			
		.thumbProduct .details{color:#56504b;font:14px/14px 'PT Sans Narrow', sans-serif;text-decoration:none;padding:7px 7px 0 90px;display:none;}		
		.thumbProduct:hover .details{color:#ee2e24;}	

		
		
/*Fiche produit*/
.retour a,.retour a:hover{
	text-decoration:none;
	position:absolute;
	width:auto;
	left:890px;
	top:250px;
	font-size:18px;
	color:#57514c;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
}
	.retour a:hover{color:#e93027;}

.btnred,.btnredcurrent{		
		text-decoration:none;
		color:#fff;
		cursor:pointer;
		vertical-align:top;		
		display:inline-block;
		height:35px;	
			
		}
		
.btnredcurrent{cursor:default;}
				
			.btnred b,.btnredcurrent b{
			display:inline-block;
            background:url('../../images/btn_boispvc_right.png') no-repeat top;
            width:7px;
            height:35px;
            vertical-align:top;
			margin-top:1px;
			}
			
			
			.btnred b:first-child,.btnredcurrent b:first-child{
            background-image:url('../../images/btn_boispvc_left.png') ;
            width:7px;			
            }
			
			.btnred span,.btnredcurrent span{
            display:inline-block;
            font:18px/14px 'PT Sans Narrow', sans-serif;
			color:#fff;
            text-shadow: 0px 0px 2px #ccc;
            background:url('../../images/btn_boispvc_center.png') repeat-x ;
            padding:8px 10px 10px 10px;
            vertical-align:top;
            }
            
			
            .btnred:hover b, .btnred:hover span{
            background-position:bottom;
            }
            
           .btnred:hover span{
             padding:8px 10px 10px 10px;
		   
			}

			.btnredcurrent b,.btnredcurrent span,.btnredcurrent b:first-child{background-position:bottom;}

.imperial{}
.metrique, .metrix{display:none;}

ul.infos {margin:20px 0 0 0;}
.infos li, .link{						
			line-height:15px;
			padding:0px 10px 10px 12px;
			margin:0;
			text-align:left;			
			font:12px/14px Verdana, Geneva, sans-serif;
			color:#6d6e71;
			background: url(../../images/infos_li.png) no-repeat 0px 2px;
			
						
		}
		.link{float:right;padding-right:25px;width:auto;margin:10px 0 0 0;}
		a.link {padding-left:12px;text-decoration:none;color:#888787;background: url(../../images/infos_li.png) no-repeat 0px 2px;}
		:hover.link {color:#888787;background: url(../../images/infos_li.png) no-repeat 3px 2px;color:#9e9e9e;}
		
		.infos li span{font-weight:bold;font-size:12px;}
		
		.fichefoot .thumbProduct{margin:6px 9px 20px 0;float:left;width:141px;height:114px;background:url(../../images/thumb_back.png) no-repeat;}
		.fichefoot .thumbProduct img{width:127px;height:100px;border:0;padding:7px 0 0 7px;}
.autres{} 

.unit{font:12px/14px Verdana, Geneva, sans-serif;color:#6d6e71;border:1px solid #CCC;}
.unit th{background-color:#ed2e25;color:#fff;height:25px;}	
.unit td{text-align:center;border:1px solid #CCC;height:25px;}	

p.encadre{margin:20px 0;padding:10px;background-color:#fefefe;border:1px solid #ccc;font-size:10px;width:438px;}


/*Slideshow with pager*/
.loupe{
	position:absolute;
	left:931px;
	top:320px;
	z-index:99;
}
#slideshow {z-index:90;margin-top:-26px;background:url(../../images/slideshow_cadre.gif) no-repeat top left;width:409px;height:307px;position:relative;}
#slideshow a{margin:9px 0 0 12px;z-index:90;}
#nav, #navOpt { width: 409px; margin:10px 10px 10px 4px;}
#nav li , #navOpt li{float: left; margin: 6px; list-style: none; width:88px; height:71px;background:url(../../images/slideshow_thumb_cadre.gif) no-repeat top left;}

#nav li a:hover,#navOpt li a:hover{border: 1px solid #fff; }
#nav a,#navOpt a {padding: 3px; display: block; }
#nav a.activeSlide, #navOpt a.activeSlide { background: #ccc; }
#nav a:focus,#navOpt a:focus { outline: none; }
#nav img,#navOpt img { border: none; display: block }



/*Slideshow 2*/
#slideshowx {z-index:90;margin-top:-26px;background:url(../../images/slideshow_cadre.gif) no-repeat top left;width:409px;height:307px;position:relative;}
#slideshowx a{margin:9px 0 0 12px;z-index:90;}
#navx, #navOpt { width: 409px; margin:10px 10px 10px 4px;}
#navx li , #navOpt li{float: right; margin: 6px; list-style: none; width:88px; height:71px;background:url(../../images/slideshow_thumb_cadre.gif) no-repeat top left;}

#navx li a:hover,#navOpt li a:hover{border: 1px solid #fff; }
#navx a,#navOpt a {padding: 3px; display: block; }
#navx a.activeSlide, #navOpt a.activeSlide { background: #ccc; }
#navx a:focus,#navOpt a:focus { outline: none; }
#navx img,#navOpt img { border: none; display: block }

.boutonSmall.gris{
text-decoration:none;
color:#fff;
cursor:pointer;
vertical-align:top;
margin-top:-1px;
display:inline-block;
}
            
            .boutonSmall.gris b{
            display:inline-block;
            background:url('../../images/btn_right.png') no-repeat top;
            width:5px;
            height:26px;
            vertical-align:top;
            }
            
            .boutonSmall.gris b:first-child{
            background-image:url('../../images/btn_left.png');
            width:5px;
            }
            
            .boutonSmall.gris span{
            display:inline-block;
            font:16px/14px 'PT Sans Narrow', sans-serif;
            text-shadow: 0px 0px 2px #083255;
            background:url('../../images/btn_center.png') repeat-x top;
            padding:5px 0 8px 0;
            vertical-align:top;
            }
            
            .boutonSmall:hover b, .boutonSmall:hover span{
            background-position:bottom;
            }
            
            .boutonSmall:hover span{
            padding:6px 0 7px 0;
			}
			
/*Haut de page*/
	.hpage{			
			line-height:10px;
			padding:0px 10px 5px 0;
			margin:25px 0 20px 0;
			text-align:left;
			font-size:12px;
			font-family:Verdana, Geneva, sans-serif;
			float:right;
				
						
		}
		.hpage a{padding-left:12px;color:#888787;text-decoration:none;background: url(../../images/hautp_over.png) no-repeat 0px 4px;}
		.hpage a:hover{color:#888787;background: url(../../images/hautp_over.png) no-repeat 0px 2px;color:#9e9e9e;}


/*FOOTER*/
	#footer {overflow:visible;clear:both;position:relative;z-index:10;height:160px;min-width:100%;background:url('../../images/footer_backg.png') repeat-x center top;margin:20px 0 0 0;}
	#footerwrap	{
	width:990px;	
	overflow:visible;
	margin: 0 auto;
	padding:0 0 0 70px;
	position:relative;
	min-height:100%;
	}
	#footerwrap .coord{float:left;width:335px;padding:10px 0 0 0;margin:0 25px 0 0;height:82px;background: url(../../images/links_sep.png) no-repeat right 15px;}
		.coord .logo{float:left;padding:0 0 0 0;}
		.coord p{float:left;padding:25px 0 0 10px;color:#c5c6c5;font-size:12px;font-family:Helvetica LT Std Light;}
	#footerwrap .links{margin:0 10px 0 0;float:left;width:226px;min-height:100px;padding:20px 0 0 0;color:#888787;background: url(../../images/links_sep.png) no-repeat right 15px;}
		#footerwrap ul li{			
			line-height:10px;
			padding:0px 10px 5px 0;
			margin:0px 10px 5px 0;
			text-align:left;
			font-size:12px;
			font-family:Verdana, Geneva, sans-serif;	
						
		}
		#footerwrap li a{padding-left:12px;text-decoration:none;color:#888787;background: url(../../images/foot_li.png) no-repeat 0px 2px;}
		#footerwrap li a:hover{color:#888787;background: url(../../images/foot_li.png) no-repeat 3px 2px;color:#9e9e9e;}
	#footerwrap p{color:#c5c6c5;font-size:12px;font-family:Helvetica LT Std Light;}
	#footerwrap h5{font-size:15px;color:#c5c6c5;font-weight:bold;text-transform: uppercase;padding:7px 0 8px 0;}
	
	/*INFOLETTRE*/	
	#info_lettre{float:left;width:auto;padding-top:5px;margin:0 0 0 0;}	
	#infolettre_inner{}
	#infolettre form, .fullForm{
		margin:0;
		padding:0;
	}
	
	#infolettre input.nom, .fullForm input#nom, .fullForm input#courriel, .fullForm input#sujet, .fullForm input#phone{
		background: url(../../images/inputBg.gif) top left repeat-x #f0f0f0;
		border:none;
		padding:0;
		margin:0;		
		height:22px;
		width:199px;
		line-height:20px;
		font-style:italic;
		color:#4b4b4b;
	}
	
		#infolettre input.courriel{
		background: url(../../images/inputBg.gif) top left repeat-x #f0f0f0;
		border:none;
		padding:0;
		margin:7px 0 0 0;
		vertical-align:top;
		height:22px;
		width:170px;
		line-height:29px;
		font-style:italic;
		color:#4b4b4b;
	}
	
	#erreurinfolettre{color:#ccc;font-size:12px;}
	/*Encart Infolettre End!*/
#cache{position:absolute;left:-99999px;}

label.error{
display:block;
text-align:left;
color:#dd141c;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

/** Formulaires input **/
input[type="text"],input[type="file"],select{
		background: url(../../images/inputBg.gif) top left repeat-x #f0f0f0;		
		border:#bab7b5 1px solid;
		padding:0;
		margin:0;		
		height:22px;
		width:199px;
		line-height:20px;
		font-style:italic;
		color:#4b4b4b;
		}
		textarea{			
		padding:1px;
		margin:5px;
		width:380px;
		border:#bab7b5 1px solid;
		background: url(../../images/textareaBg.gif) top left repeat-x #f9f8f8;
		line-height:20px;
		font-style:italic;
		color:#4b4b4b;
		}
		label{}
		
/** Formulaires de commande **/
#commande span{display:block;}

/** Slide pubs Accueil **/
#wrappromoSlide{	
	position: absolute;
	left: 70px;
	top: 927px;
	width: 587px;
	height: 190px;
}
					
	#promoSlide img{
	display: block;
	}
	#promoSlide a{
	display: inline-block;
	}
	#promoSlide a + a{
	display: none;
	}
						
	#promoSlide_nav{
	position: absolute;
	z-index:99;
	text-align: left;
	margin-top: -10px;
	left: 72px;
	top: 1012px;
	}
	#promoSlide_nav a{
	background: url(../../images/pubs/pageSlider.png) no-repeat;
	width: 11px; height:11px;
	display: inline-block;
	margin-left: 0px;
	}
	#promoSlide_nav a:hover{background-position: bottom left;}
	#promoSlide_nav a.activeSlide{background-position: top right;}