/*CSS STYLES*/
*{
	font-family: 'Istok Web', sans-serif;
}
/*GEN*/
body{
	background:#000;
	margin:0;
	padding:0;
}
a.pdf{
	background-image: url(../images/pdf.png);
	line-height: 34px;
	font-size: 18px;
	color: #FFF;
	padding-left:38px;
	background-repeat: no-repeat;
	margin:0px;
	
}
p a{
	color:#FFF;
}
div.center_site{
	display:block;
	position:relative;
	margin:auto;
	width:940px;
	
}
div.section_orange{
	background-color:#D05D28;
}
div.section_ours{
	background-color:#000;
	background-image:url(../images/bkg_home.jpg);
	background-repeat:no-repeat;
	background-position:center;
	min-height: 818px;
}
div.section_forest{
	background-color:#000;
	background-image:url(../images/bkg_forest.jpg);
	background-repeat:no-repeat;
	background-position:center;
	min-height: 818px;
}
div.section_mulch{
	background-color:#000;
	background-image:url(../images/bkg_mulch.jpg);
	background-repeat:no-repeat;
	background-position:center;
	min-height: 818px;
}
div.section_footer{
	background-color:#000;
	display:block;
	position:relative;
}
div.section_footer_orange{
	background-color:#F15A22;
	display:block;
	position:relative;
}
div.footer_divider{
	display:block;
	position:absolute;
	top:-20px;
	left:0px;
	width:100%;
	height:11px;
	margin:0;
	padding:0;
	background-image:url(../images/footer_divider.png);
	background-repeat:repeat-x;
	
}
div.footer_divider_orange{
	display:block;
	position:absolute;
	top:-20px;
	left:0px;
	width:100%;
	height:11px;
	margin:0;
	padding:0;
	background-image:url(../images/footer_divider_orange.png);
	background-repeat:repeat-x;
	
}
div.footer_divider_home{
	display:block;
	position:absolute;
	top:-21px;
	left:0px;
	width:100%;
	height:11px;
	margin:0;
	padding:0;
	background-image:url(../images/footer_divider.png);
	background-repeat:repeat-x;
	
}
div.footer_divider_home_orange{
	display:block;
	position:absolute;
	top:-11px;
	left:0px;
	width:100%;
	height:11px;
	margin:0;
	padding:0;
	background-image:url(../images/footer_divider_orange.png);
	background-repeat:repeat-x;
	
}
div.links_holder{
	display:block;
	position:absolute;
	right:225px;
	top:15px;
}
div.links_holder div{
	font-size:12px;
	color: #000;
	display:block;
	position:relative;
	margin-bottom:15px;
}
div.links_holder div.logo{
	text-align:right;
}
div.links_holder div a{
	font-size:12px;
	color: #000;
}
div.social_links_holder{
	display:block;
	position:absolute;
	right:5px;
	top:15px;
}
div.social_links_holder div{
	font-size:12px;
	color: #000;
	display:block;
	position:relative;
	margin-bottom:15px;
}
div.social_links_holder div.logo{
	text-align:right;
}
div.social_links_holder div a{
	font-size:12px;
	color: #000;
}

div.finsection_rouge{
	border-bottom:5px solid #a12116;
}

div.header{
	display: block;
	position:relative;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
}
div.soum_zone{
	display:block;
	position:absolute;
	top:30px;
	right:25px;
	padding:0px;
	padding-top:15px;
}
div.lang_menu{
	display:block;
	position:absolute;
	top:0px;
	right:25px;
	width:105px;
	height:26px;
	padding:0px;
	padding-left:25px;
	padding-right:25px;
	background-image:url(../images/bkg_lang.png);
	
	font-size:12px;
	line-height:26px;
	color:#fff;
}
div.lang_menu a{	
	font-size:12px;
	line-height:26px;
	color:#fff;
}
div.lang_menu span{
	font-size:12px;
	line-height:26px;
	font-weight:bold;
	color:#fff;
}

div.content{
	display: block;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
}
div.content-col{
	display:block;
	position:relative;
	float:left;
}
br.clear{
	clear:both;
}
br.clear_big{
	clear:both;
	margin-top:20px;
	margin-bottom:20px;
}
div.sp_accueil{
	padding-top:150px;	
}
div.sp_appli{
	padding-top:50px;
	padding-bottom:75px;	
}
div.col2{
	width:455px;
	/*width:425px;*/
	padding-right:10px;
}
div.col3{
	width:304px;
	padding-right:3px;
}
div.fulllenght{
	width:960px;
}
div.form_floatright{
	display:block;
	position:relative;
	float:right;
	width:500px;
}
div.error_code{
	display:block;
	position:relative;
	background-color:#E0D8BD;
	border:2px dashed red;
}
div.last{
	padding-right:0px;
}

div.pad_top{
	padding-top: 90px;
}
div.pad_top_special{
	padding-top:120px;
	padding-left:335px;
}

div.transp_box{
	display:block;
	position:relative;
	padding:5px;
	border:1px solid #d05e28;
	background: rgb(0, 0, 0); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.4);
	margin-bottom:20px;
}
div.fix_transp_box_gall{
	padding-left:0px;
}
div.transp_box a.gallery{
	display:block;
	position:relative;
	float:left;
	margin-left: 8px;
}
div.transp_box h1{
	font-size:18px;
	line-height:24px;
	color: #d05e28;
}
div.transp_box h1.contact{
	font-size:16px;
	line-height:20px;
	color: #d05e28;
}
div.transp_box h1.outer_shell{
	display:block;
	position:absolute;
	top:-64px;
	left:0px;
	
	font-size:36px;
	line-height:48px;
	color: #d05e28;
}

div.transp_box h2{
	font-size:18px;
	line-height:24px;
	color: #d05e28;
}
div.transp_box h3.contact{
	font-size:14px;
	line-height:18px;
	color: #FFF;
}
div.transp_box p{
	font-size:14px;
	line-height:18px;
	color: #DDD;
	text-align:justify;
}
div.transp_box p img{
	display:block;
	float:right;
	padding:5px;
}
div.transp_box ul li{
	font-size:14px;
	line-height:18px;
	color: #DDD;
}

div.except_slide{
	padding-top:125px;
}
div.except_slide h2{
	display:block;
	position:absolute;
	top:30px;
	left:280px;
	font-size:24px;
	color:#DDDDDD;
	text-shadow: 2px 2px 8px #000000;
}
div.transp_box h3{
	display:block;
	position:relative;
	font-size:16px;
	font-weight:bold;
	color:#DDDDDD;
	text-shadow: 2px 2px 8px #000000;
	margin-bottom:5px;
}
div.except_slide img.except_slide{
	display:block;
	position:absolute;
	top:-75px;
}

div.except_minislide{
	padding-top:125px;
}
div.except_minislide h2{
	display:block;
	position:absolute;
	top:4px;
	left:170px;
	font-size:18px;
	color:#DDDDDD;
	text-shadow: 2px 2px 8px #000000;
}
div.except_minislide img.except_slide{
	display:block;
	position:absolute;
	top:-65px;
}


div.hiddenforprog{
	display:none;
}
div.transp_box p.tel{
	display:block;
	position:relative;
	line-height:16px;
	height:16px;
	background-image:url(../images/ico_tel.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:19px;
	margin-bottom:2px;
}
div.transp_box p.fax{
	display:block;
	position:relative;
	line-height:16px;
	height:16px;
	background-image:url(../images/ico_fax.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:19px;
	margin-bottom:2px;
}
div.transp_box p.email{
	display:block;
	position:relative;
	line-height:16px;
	height:16px;
	background-image:url(../images/ico_mail.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:19px;
	margin-bottom:2px;
}
/*History*/
div.date_selector{
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	background-color:transparent;
}
div#ds1{top:146px; left:28px;}
div#ds2{top:146px; left:108px;}
div#ds3{top:146px; left:276px;}
div#ds4{top:146px; left:604px;}
div#ds5{top:146px; left:762px;}
div#ds6{top:146px; left:832px;}
div#ds7{top:146px; left:870px;}

div#date1{position:absolute; top:30px; left:28px; background-color:#000000; border:1px solid #d05e28; width:550px;padding:5px;}
div#date2{position:absolute; top:200px; left:108px; background-color:#000000; border:1px solid #d05e28; width:550px;padding:5px;}
div#date3{position:absolute; top:30px; left:276px; background-color:#000000; border:1px solid #d05e28; width:550px;padding:5px;}
div#date4{position:absolute; top:200px; right:300px; background-color:#000000; border:1px solid #d05e28; width:550px;padding:5px;}
div#date5{position:absolute; top:30px; right:140px; background-color:#000000; border:1px solid #d05e28; width:550px;padding:5px;}
div#date6{position:absolute; top:200px; right:70px; background-color:#000000; border:1px solid #d05e28; width:550px;padding:5px;}
div#date7{position:absolute; top:30px; right:30px; background-color:#000000; border:1px solid #d05e28; width:550px;padding:5px;}

div#date1 h2, div#date2 h2, div#date3 h2, div#date4 h2, div#date5 h2, div#date6 h2, div#date7 h2{
	display:block;
	margin:0px;
	padding:0px;
	line-height: 18px;
	font-size:18px;
} 
div#date1 img, div#date2 img, div#date3 img, div#date4 img, div#date5 img, div#date6 img, div#date7 img{
	display:block;
	position:relative;
	float:left;
	border:1px solid #d05e28;
}

/*Page produit*/
div.except_header_prod{
	margin-top:125px;
	margin-bottom:15px;
}

div.header_prod{
	display:block;
	position:relative;
	width:920px;
	height:299px;	
}
div.prod_md35{ background-image:url(../images/header_prod_md35.png);}
div.prod_md80{ background-image:url(../images/header_prod_md80.png);}
div.prod_mt70{ background-image:url(../images/header_prod_mt70.png);}
div.prod_vd170{ background-image:url(../images/header_prod_vd170.png);}
div.prod_vd350{ background-image:url(../images/header_prod_vd350.png);}
div.header_prod div{
	display:block;
	position:absolute;
	font-size:12px;
	color:#ffffff;
}
div.header_prod div h1{font-size:30px; line-height:30px; margin-top:10px; margin-bottom:5px;padding:0px;}
div.header_prod div h3{font-size:14px; line-height:14px; margin-top:10px; margin-bottom:5px;padding:0px;}

div.prod_md35 div{ top:93px; left:385px; margin-right:25px;}
div.prod_md80 div{ top:93px; left:465px; margin-right:25px;}
div.prod_mt70 div{ top:93px; left:385px; margin-right:25px;}
div.prod_vd170 div{ top:93px; left:455px; margin-right:25px;}
div.prod_vd350 div{ top:93px; left:455px; margin-right:25px;}


/*Menus*/
ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family: 'Istok Web', sans-serif;
	font-size:12px;
	/*width:1020px;*/
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:170px;
	height:85px;
	position:relative;
	cursor:pointer;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:170px;
	height:85px;
	z-index:12;
	background:transparent url(../images/overlay.png) no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:85px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:25px;
	left:0px;
	width:170px;
	height:60px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:85px;
	width:168px;
	border:1px solid #d05e28;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
	color:#fff;
	font-size:16px;
	text-align:center;
	float:left;
	clear:both;
}
ul.sdt_menu li span span.sp{
	font-size:13px;
	padding-bottom:3px;
}
ul.sdt_menu li span span.sdt_descr{
	color:#d05e28;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:9px;
	letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:168px;
	overflow:hidden;
	height:170px;
	top:85px;
	left:0px;
	display:none;
	background:#000;
	z-index:100;
	border:1px solid #d05e28;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#d05e28;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}

form{
	color:#fff;
	font-size:12px;
}
form input{
	margin:bottom:10px;
}




/*CHUNCKY BUTTON*/

/*COLOR*/
.chunky1 a { background: #F9BB11 }

div.btn_extra{
	margin-top:30px;
	margin-bottom:15px;
}
/**/


.chunky {
    position: relative;
    margin: 0 auto;
    padding-top: 2px;
    padding-left: 2px;
}

/* ===[ Begin Chunky Button ]=== */

.chunky a {
    /* Normal State */
    padding: 8px 30px 14px 30px;
    width: auto;
    height: auto;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.50);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.50);
    border-top: 1px solid rgba(0,0,0,0.001);
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.10);
    cursor: pointer;
}

.chunky a:hover {
    /* Hover State */
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 1px 3px rgba(0,0,0,0.18), inset 0px -3px 0px rgba(0,0,0,0.35), inset 0px 14px 14px rgba(255,255,255,0.25);
    -webkit-animation: glow 1s infinite ease-in-out;
    cursor: pointer;
}

.chunky a:active {
    /* Active State (clicked on) */
    padding: 6px 15px 5px 15px;
    border-top: 1px solid rgba(0,0,0,0.55);
    box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.35), 0px 2px 1px rgba(255,255,255,0.50), inset 0px 1px 4px rgba(0,0,0,0.35), inset 0px -14px 14px rgba(255,255,255,0.10);
    -webkit-animation: none;
    cursor: pointer !important;
}

/* ===[ End Chunky Button ]=== */