/*--------------------------------------------*/
/*Feuille de style Globale CSS Bucherons 2009*/

/*01 Reset css*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus {outline:0;}
body {line-height:1;color:black;background:white;}
ol, ul {list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
em{font-style:normal;}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {display:block;}

/*02 Global*/
body{background:#f5f5f5 url(images/common/body-bg.png) repeat-x 0 0;font:normal 14px Trebuchet MS, Helvetica, Arial, sans-serif;color:#595959;}
body.home{background-image:url(images/common/body-bg-home.png);}
body a:hover{text-decoration:none;}
#global-container{overflow:hidden;margin:0 auto;width:1025px;}
#global-container a{font-size:12px;color:#41759e;}
#global-container h1{margin:35px 0 10px 10px;font-weight:bold;font-size:20px;color:#084070;}

#breadcrumb{overflow:hidden;height:42px;}
#breadcrumb ul li{float:left;margin:10px 4px 0 0;}
#breadcrumb ul li a{color:#acacac;}
#breadcrumb ul li.home a{color:#7c7c7c;}

#wrap{overflow:hidden;width:1024px;}
body.home #wrap{margin-top:20px;}
#wrap #wrap-top{overflow:hidden;width:1024px;height:24px;background:url(images/common/wrap-bg.png) no-repeat 0 0;}
#wrap #wrap-content{overflow:hidden;padding:0 20px 10px;background:#fff;border:1px solid #e8e8e8;border-top:none;border-bottom:none;}
#wrap #wrap-content #col-left{float:left;margin-right:25px;width:655px;}
#wrap #wrap-content #col-right{float:left;width:301px;}

#wrap #inline h2{margin-bottom:20px;font-weight:bold;font-size:18px;color:#f0a802;}
#wrap #inline p{margin-bottom:15px;}
#wrap #inline ul{margin:0 0 25px 15px;}
#wrap #inline ul li{margin-bottom:10px;padding-left:25px;}
#wrap #inline ul.check li{background:url(images/common/check2-white.png) no-repeat 0 2px;}
#wrap #inline ul.bullet li{background:url(images/common/bullet-grey.png) no-repeat 0 7px;}

#wrap #col-left .text{overflow:hidden;clear:left;float:left;margin-bottom:30px;width:655px;}
#wrap #col-left .text h2{margin-bottom:20px;font-weight:bold;font-size:18px;color:#f0a802;}
#wrap #col-left .box{overflow:hidden;clear:left;float:left;margin-bottom:30px;width:655px;}
#wrap #col-left .box h2{margin-bottom:15px;font-weight:bold;font-size:18px;color:#f0a802;}
#wrap #col-left .box .box-top{overflow:hidden;width:655px;height:8px;background:url(images/common/left-grey-box-bg.png) no-repeat 0 0;}
#wrap #col-left .box .box-content{overflow:hidden;padding:0 15px 10px;width:625px;background:url(images/common/left-grey-box-bg2.png) repeat-y 0 0;}
#wrap #col-left .box .box-content p{margin-bottom:10px;}
#wrap #col-left .box .box-content p strong{font-weight:bold;}
#wrap #col-left .box .box-bottom{overflow:hidden;width:655px;height:8px;background:url(images/common/left-grey-box-bg.png) no-repeat 0 -7px;}

#wrap #col-left .orange-box{overflow:hidden;clear:left;float:left;margin-bottom:30px;width:658px;}
#wrap #col-left .orange-box h2{margin-bottom:15px;font-weight:bold;font-size:18px;color:#f0a802;}
#wrap #col-left .orange-box .top{overflow:hidden;width:658px;height:8px;background:url(images/common/orange-box.png) no-repeat 0 0;}
#wrap #col-left .orange-box .content{overflow:hidden;padding:0 15px 10px;width:626px;background:#fff;border:1px solid #ff9d00;border-top:none;border-bottom:none;}
#wrap #col-left .orange-box .bottom{overflow:hidden;width:658px;height:7px;background:url(images/common/orange-box.png) no-repeat 0 -8px;}

#wrap #col-right .box{overflow:hidden;margin-bottom:20px;width:301px;}
#wrap #col-right .box .top{overflow:hidden;width:301px;height:8px;background:url(images/common/right-box.png) no-repeat 0 0;}
#wrap #col-right .box .content{overflow:hidden;padding:2px 12px 4px;width:301px;background:url(images/common/right-box-bg.png) repeat-y 0 0;}
#wrap #col-right .box .content h3{margin-bottom:20px;font-size:18px;color:#ff9d00;}
#wrap #col-right .box .bottom{overflow:hidden;width:301px;height:7px;background:url(images/common/right-box.png) no-repeat 0 -7px;}
.IE #wrap #wrap-content{height:1%;}

#wrap #wrap-bottom{overflow:hidden;clear:both;margin-bottom:50px;height:10px;background:url(images/common/wrap-bg.png) no-repeat 0 -24px;}

/*03 Header*/
#header{overflow:hidden;height:142px;background:url(images/header/header-bg.png) no-repeat 207px 0;}
#header .logo{float:left;}
#header .top{float:left;width:818px;}
#header .top .baseline{float:left;display:inline;margin:25px 0 0 20px;}
#header .top .baseline strong{font-weight:bold;font-size:30px;color:#84602b;line-height:24px;text-shadow:1px 1px #f9f2e3;}
#header .top .baseline strong em{color:#246190;}
#header .top .submenu{float:right;}
#header .top .submenu ul li{float:left;margin-right:2px;}
#header .top .submenu ul li a{float:left;width:46px;height:34px;background:url(images/header/sprite.png) no-repeat 0 0;text-indent:-9999em;}
#header .top .submenu ul li a:hover{background-position:0 -50px;}
#header .top .submenu ul li.phone a{background-position:-50px 0;}
#header .top .submenu ul li.phone a:hover{background-position:-50px -50px;}
#header .top .submenu ul li.clientspace{margin-left:20px;}
#header .top .submenu ul li.clientspace a{width:156px;background-position:-100px 0;}
#header .top .submenu ul li.clientspace a:hover{background-position:-100px -50px;}
#header .menu{overflow:hidden;float:left;display:inline;margin:27px 0 0 20px;}
#header .menu ul{height:35px;}
#header .menu ul li{float:left;height:35px;}
#header .menu ul li a{float:left;height:35px;padding-left:8px;background:url(images/header/sprite.png) no-repeat 0 -100px;}
#header .menu ul li a span{float:left;height:35px;background:url(images/header/sprite.png) no-repeat 100% 0;}
#header .menu ul li a span em{float:left;display:inline;margin:7px 13px 0 5px;height:21px;background:url(images/header/sprite.png) no-repeat 0 -150px;text-indent:-9999em;}
#header .menu ul li a:hover{background-position:-50px -100px;}
#header .menu ul li a:hover span{background-position:100% -50px;}
#header .menu ul li.active a{background-position:-100px -100px;}
#header .menu ul li.active a span{background-position:100% -100px;}
#header .menu ul li#home{padding-left:1px;background:url(images/header/sprite.png) no-repeat -150px -100px;}
#header .menu ul li#home a span em{width:23px;background-position:0 -150px;}
#header .menu ul li#home a:hover span em{background-position:0 -200px;}
#header .menu ul li#home.active a:hover span em{background-position:0 -250px;}
#header .menu ul li#home.active a span em{background-position:0 -250px;}
#header .menu ul li#whyus a span em{width:244px;background-position:-50px -150px;}
#header .menu ul li#whyus a:hover span em{background-position:-51px -200px;}
#header .menu ul li#whyus.active a:hover span em{background-position:-51px -250px;}
#header .menu ul li#whyus.active a span em{background-position:-51px -250px;}
#header .menu ul li#portfolio a span em{width:66px;background-position:-300px -150px;}
#header .menu ul li#portfolio a:hover span em{background-position:-299px -200px;}
#header .menu ul li#portfolio.active a:hover span em{background-position:-300px -250px;}
#header .menu ul li#portfolio.active a span em{background-position:-300px -250px;}
#header .menu ul li#order a span em{width:90px;background-position:-400px -150px;}
#header .menu ul li#order a:hover span em{background-position:-400px -200px;}
#header .menu ul li#order.active a:hover span em{background-position:-401px -250px;}
#header .menu ul li#order.active a span em{background-position:-401px -250px;}
#header .menu ul li#contact a span em{width:59px;background-position:-500px -150px;}
#header .menu ul li#contact a:hover span em{background-position:-500px -200px;}
#header .menu ul li#contact.active a:hover span em{background-position:-502px -250px;}
#header .menu ul li#contact.active a span em{background-position:-502px -250px;}
#header .menu ul li.last{width:1px;background:url(images/header/sprite.png) no-repeat -200px -100px;}
.IE #header .menu{margin-top:33px;}
.IE #header .menu span{cursor:pointer;}

/*04 Footer*/
#footer{overflow:hidden;width:100%;height:145px;background:url(images/footer/footer-bg.png) repeat-x 0 0;}
#footer .wrap{margin:29px auto 0;width:1025px;}
#footer .wrap .info{float:left;padding-right:5px;width:135px;height:76px;text-align:center;border-right:1px solid #515050;}
#footer .wrap .info a{font-size:11px;text-decoration:none;}
#footer .wrap .info a strong{cursor:pointer;display:block;margin:0 auto;width:117px;height:45px;background:url(images/footer/sprite.png) no-repeat 0 0;text-indent:-9999em;}
#footer .wrap .info a:hover strong{background-position:-151px 0;}
#footer .wrap .info a em{display:block;margin-top:5px;color:#909090;}
#footer .wrap .info a span{position:relative;top:-6px;color:#000;}
#footer .wrap .quicknav{float:left;display:inline;margin-left:10px;}
#footer .wrap .quicknav dl{float:left;margin-right:20px;}
#footer .wrap .quicknav dl dt{margin-bottom:5px;font-weight:bold;}
#footer .wrap .quicknav dl dd{line-height:16px;}
#footer .wrap .quicknav dl dd a{color:#595959;text-decoration:none;}
#footer .wrap .quicknav dl dd a:hover{color:#888;}
#footer .wrap .twitt-box{position:relative;top:-5px;float:right;width:336px;height:92px;background:url(images/footer/sprite.png) no-repeat 0 -50px;font-style:italic;}
#footer .wrap .twitt-box p{margin:15px 0 0 15px;width:210px;}
#footer .wrap .twitt-box em{float:right;display:inline;margin:5px 115px 0 0;color:#ffc80a;}