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

/*01 Content*/
#content.order #inline h2{margin-bottom:0;}
#content.order #inline .timeline{overflow:hidden;float:right;clear:both;width:290px;font-size:12px;}
#content.order #inline .timeline p{display:block;margin-bottom:10px;color:#8b8b8b;}
#content.order #inline .timeline ul{margin:0;}
#content.order #inline .timeline li{cursor:pointer;overflow:hidden;float:left;padding:3px 0 0;width:81px;height:20px;background:url(images/order/timeline.png) no-repeat 0 0;text-align:center;text-shadow:1px 1px #fff;}
#content.order #inline .timeline li.active{background-position:0 -23px;}
#content.order #inline .timeline li.sep{margin:3px 5px;padding:0;width:7px;height:12px;background:url(images/order/timeline-arrow.png) no-repeat 0 2px;}

#content.order #inline .ibox{display:none;overflow:hidden;float:left;clear:both;margin:5px 0 15px;width:981px;}
#content.order #inline .ibox .top{overflow:hidden;width:981px;height:8px;background:url(images/contact/contact-form.png) no-repeat 0 0;}
#content.order #inline .ibox .bottom{overflow:hidden;width:981px;height:9px;background:url(images/contact/contact-form.png) no-repeat 0 -8px;}
#content.order #inline .ibox .content{overflow:hidden;padding:5px 15px;width:951px;background:url(images/contact/contact-form-bg.png) repeat-y 0 0;}
#content.order #inline .ibox .content p{font-size:12px;}
#content.order #inline .ibox .content h2{margin:0 0 10px;font-size:18px;}
#content.order #inline .ibox-active{display:block;}
.IE #content.order #inline .ibox{margin-top:80px;}

#content.order #col-left .orange-box{position:relative;margin-bottom:20px;}
#content.order #col-left .orange-box h2{margin:5px 0 20px;font-size:12px;color:#595959;}
#content.order #col-left .orange-box p{margin:15px 0 0;font-size:12px;color:#9e9e9e;}
#content.order #col-left .orange-box p.intro{margin:0;color:#595959;}
#content.order #col-left .orange-box span.open{cursor:pointer;position:absolute;bottom:0;right:15px;display:block;width:81px;height:23px;background:url(images/order/orange-box-open.png) no-repeat 0 0;text-indent:-9999em;}
#content.order #col-left .orange-box span.active{background-position:0 -23px;}
#content.order #col-left .orange-box span.open:hover{background-position:0 -46px;}
#content.order #col-left .orange-box span.active:hover{background-position:0 -69px;}
#content.order #col-left .slider{margin-bottom:15px;padding-bottom:10px;}
#content.order #col-left .slider p.intro{margin-bottom:15px;}
#content.order #col-left .slider dl{padding-top:15px;border-top:1px solid #d9d9d9;}
#content.order #col-left .slider dl dt{margin-bottom:20px;font-weight:bold;font-size:14px;}
#content.order #col-left .slider dl dt strong{margin-bottom:15px;font-size:16px;color:#F0A802;}
#content.order #col-left .slider dl dd p{position:relative;top:-10px;}
#content.order #col-left .slider dl dd ul{margin:0 0 25px 0;padding:0;}
#content.order #col-left .slider dl dd ul li{cursor:pointer;overflow:hidden;padding:0;margin-bottom:10px;background:url(images/order/li-choices-line.png) repeat-x 0 14px;}
#content.order #col-left .slider dl dd ul li em{position:relative;top:3px;float:left;height:18px;padding:0 10px 0 25px;background:#fff url(images/order/li-choices-bg.png) no-repeat 0 -43px;font-size:12px;}
#content.order #col-left .slider dl dd ul li strong{float:right;padding-left:10px;background:#fff;font-weight:normal;font-size:16px;color:#F0A802;}
#content.order #col-left .slider dl dd ul li.active em{font-weight:bold;background-position:0 0;}
#content.order #col-left .slider dl dd ul li.active strong{font-weight:bold;}
#content.order #col-left .hidedl dl{display:none;}

#content.order #col-left fieldset{display:none;}
#content.order #col-left fieldset.active{display:block;}

#content.order #col-left .pages .pages-result{text-align:center;}
#content.order #col-left .pages .pages-result strong{font-size:18px;font-weight:bold;color:#F0A802;}
#content.order #col-left .pages .slider-bg{position:relative;margin:15px auto 0;width:593px;height:15px;background:url(images/order/pages-slider.png) no-repeat 0 0;}
#content.order #col-left .pages .pages-slider{position:relative;top:-20px;margin-left:7px;width:583px;}
#content.order #col-left .pages .pages-slider .ui-slider-handle{position:absolute;display:block;width:21px;height:30px;background:url(images/common/slider-cursor.png) no-repeat 0 0;}

#content.order #col-left .pages ul.pages-legend{overflow:hidden;margin:10px 0 20px 1px;}
#content.order #col-left .pages ul.pages-legend li{float:left;margin:0 0 0 0;padding:0;width:41px;font-size:12px;color:#000;text-align:center;}

#content.order #col-left .calendar .cal-loader{display:block;display:none;width:70px;height:70px;position:absolute;top:290px;left:200px;background:url(images/cal-loader.gif) no-repeat 0 0;}
#content.order #col-left .calendar .cal-loader.active{display:block;}
#content.order #col-left .calendar p{overflow:hidden;float:left;clear:both;width:460px;}
#content.order #col-left .calendar .left{float:left;margin-top:80px;width:440px;}
#content.order #col-left .calendar .left ul.days{overflow:hidden;margin:0 0 5px;}
#content.order #col-left .calendar .left ul.days li{float:left;margin:0;padding:0;width:62px;font-size:12px;color:#a3a3a3;text-align:center;}
#content.order #col-left .calendar .monthes{margin:0 0 15px;text-align:center;font-size:12px;color:#41759e;}
#content.order #col-left .calendar .monthes li{cursor:pointer;display:inline;margin:0 15px 0 0;padding:0;text-decoration:underline;}
#content.order #col-left .calendar .monthes li.active{cursor:default;text-decoration:none;}
#content.order #col-left .calendar .monthes li:hover{text-decoration:none;}
#content.order #col-left .calendar .right{float:left;display:inline;margin:40px 0 0 30px;width:136px;}
#content.order #col-left .calendar .right ul{margin:0;background:url(images/order/calendar-legend.png) no-repeat 0 0;font-size:12px;color:#9e9e9e;}
#content.order #col-left .calendar .right ul li{padding-left:35px;height:20px;}
#content.order #col-left .calendar .right ul li.choice{margin-top:36px;font-weight:bold;}

/*jQuery DatePicker*/
.datepickerWeek{display:none;}
.datepickerDoW{display:none;}
.datepickerMonths{display:none;}
.datepickerYears{display:none;}

#content.order #col-left .calendar .cal2 .datepickerDays{overflow:hidden;margin-bottom:15px;width:434px;border-top:1px solid #a8a8a8;border-left:1px solid #a8a8a8;}
#content.order #col-left .calendar .cal2 table{margin:0;}
#content.order #col-left .calendar .cal2 .datepickerDays td{overflow:hidden;width:30px;padding:0;}
#content.order #col-left .calendar .cal2 .datepickerDays td div{cursor:pointer;overflow:hidden;float:left;margin:0;padding:15px 0 0;width:60px;height:45px;background:url(images/order/calendar-states.png) no-repeat 0 0;font-weight:bold;font-size:24px;color:#696969;text-shadow:1px 1px #fff;text-align:center;border-right:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;border-top:1px solid #fdfdfd;border-left:1px solid #fdfdfd;}
#content.order #col-left .calendar .cal2 .datepickerDays td.off div{background:url(images/order/calendar-states.png) no-repeat 0 0 !important;cursor:default;color:#d0d0d0 !important;}
#content.order #col-left .calendar .cal2 .datepickerDays td.today div{cursor:default;background:url(images/order/calendar-states.png) no-repeat 0 -120px !important;color:#d0d0d0;}
#content.order #col-left .calendar .cal2 .datepickerDays td.urgent div{background-position:0 -60px;color:#cb5252;}
#content.order #col-left .calendar .cal2 .datepickerDays td.active div,
#content.order #col-left .calendar .cal2 .datepickerDays td div:hover{background-position:0 -180px;color:#755c06;}
#content.order #col-left .calendar .cal2 .datepickerDays td div:hover{opacity:0.7;}
#content.order #col-left .calendar .cal2 .datepickerDays td.off div:hover{background-position:0 0;opacity:1;color:#d0d0d0;}
#content.order #col-left .calendar .cal2 .datepickerDays td.today div:hover{background-position:0 -120px;opacity:1;color:#d0d0d0;}
#content.order #col-left .calendar .cal2 .datepickerViewDays thead{position:absolute;top:115px;width:440px;}
#content.order #col-left .calendar .cal2 .datepickerViewDays thead th.datepickerGoPrev{padding-left:105px;}
#content.order #col-left .calendar .cal2 .datepickerViewDays thead th.datepickerMonth{width:170px;height:25px;background:url(images/order/date-bg.png) no-repeat center 1px;text-align:center;}
#content.order #col-left .calendar .cal2 .datepickerViewDays thead th.datepickerMonth span{position:relative;top:3px;}
#content.order #col-left .calendar .cal2 .datepickerViewDays thead th a{position:relative;overflow:hidden;display:block;width:30px;height:25px;background:url(images/order/months-control.png) no-repeat 0 0;text-indent:-9999em;}
#content.order #col-left .calendar .cal2 .datepickerViewDays thead th.datepickerGoPrev a{background-position:0 -25px;}
#content.order #col-left .calendar .cal2 .datepickerViewDays thead th a:hover{opacity:0.8;}

#content.order #col-left a.next-step{overflow:hidden;float:right;padding:7px 0 0 20px;width:214px;height:27px;background:url(images/order/nav-button.png) no-repeat 0 0;font-size:14px;color:#7d6308;text-shadow:1px 1px #efefef;}
#content.order #col-left a.next-step{text-decoration:none;}
#content.order #col-left a.next-step:hover{background-position:0 -34px;}
#content.order #col-left a.previous-step{overflow:hidden;float:left;padding:7px 20px 0 0;width:214px;height:27px;background:url(images/order/nav-button2.png) no-repeat 0 0;text-align:right;font-size:14px;color:#595959;text-shadow:1px 1px #efefef;}
#content.order #col-left a.previous-step{text-decoration:none;}
#content.order #col-left a.previous-step:hover{background-position:0 -34px;}

#content.order #col-left .contact .form-left{float:left;display:inline;margin-right:15px;width:260px;}
#content.order #col-left .contact .form-right{float:left;width:345px;}
#content.order #col-left .contact .form-right p{font-size:11px;}
#content.order #col-left .contact .form-right p strong{font-weight:bold;text-decoration:underline;}
#content.order #col-left .contact p{position:relative;overflow:hidden;margin-bottom:10px;}
#content.order #col-left .contact p label{cursor:pointer;display:block;margin-bottom:5px;font-weight:bold;font-size:14px;color:#595959;}
#content.order #col-left .contact p input,
#content.order #col-left .contact p textarea{padding:7px 10px 0;width:238px;height:25px;border:1px solid #bfbfbf;font:normal 14px Trebuchet MS;}
#content.order #col-left .contact p .input-active{border:1px solid #333;}
#content.order #col-left .contact p .input-error{border:1px solid #f00;}
#content.order #col-left .contact p.file{position:relative;height:auto;}
#content.order #col-left .contact p.file input{width:320px;}
#content.order #col-left .contact p.file input#c-file-fake{cursor:pointer;position:absolute;padding-left:100px;width:233px;}
#content.order #col-left .contact p.file input#c-file{}
#content.order #col-left .contact p.file object{}
#content.order #col-left .contact p.file .required{display:none;}
#content.order #col-left .contact span{position:absolute;top:14px;right:9px;display:block;width:47px;height:18px;background:url(images/contact/validation.png) no-repeat 0 0;}
#content.order #col-left .contact p.file span{position:static;width:auto;height:auto;background:none;float:left;}

#content.order #col-left .contact span.valid{background-position:0 -36px;}
#content.order #col-left .contact span.error{background-position:0 -18px;}
#content.order #col-left .contact .form-left p textarea{height:45px;}
#content.order #col-left .contact .form-right textarea{width:323px;height:196px;}
#content.order #col-left .contact span.browse{display:none;cursor:pointer;top:30px;left:10px;width:84px;height:19px;background:url(images/order/file-browse.png) no-repeat 0 0;}
#content.order #col-left .contact #c-fileQueue{display:block;width:145px;}
#content.order #col-left .payment .content{background:url(images/order/paypal-logo.png) no-repeat 530px 18px;}
#content.order #col-left .payment p{color:#595959;}
#content.order #col-left .payment p.last{color:#9e9e9e;}
#content.order #col-left .payment .methods{overflow:hidden;margin:30px auto;width:500px;}
#content.order #col-left .payment .methods .all{float:left;width:171px;text-align:center;color:#595959;font-size:12px;}
#content.order #col-left .payment .methods .or{float:left;width:158px;text-align:center;font-weight:bold;font-size:12px;color:#9e9e9e;}
#content.order #col-left .payment .methods .accompte{float:left;width:171px;text-align:center;font-size:12px;}
#content.order #col-left .payment .methods strong{display:block;font-weight:bold;font-size:14px;}
#content.order #col-left .payment .methods strong.price{font-size:24px;color:#F0A802;}
#content.order #col-left .payment .methods .button{overflow:hidden;display:block;margin-top:10px;padding-top:7px;width:171px;height:32px;background:url(images/order/validation.png) no-repeat 0 0;font-weight:bold;font-size:18px;color:#fff;text-shadow:1px 1px #8f710d;text-decoration:none;}
#content.order #col-left .payment .methods .accompte .button{background-position:0 -39px;color:#8d8d8d;text-shadow:1px 1px #fff;}
#content.order #col-left .payment .methods .button:hover{opacity:0.8;}
#content.order #col-left .payment .button{text-align:center;overflow:hidden;display:block;margin-top:10px;padding-top:7px;width:171px;height:32px;background:url(images/order/validation.png) no-repeat 0 0;font-weight:bold;font-size:18px;color:#fff;text-shadow:1px 1px #8f710d;text-decoration:none;background-position:0 -39px;color:#8d8d8d;text-shadow:1px 1px #fff;}
#content.order #col-left .payment .button:hover{opacity:0.8;}
#content.order #col-left .payment .check{margin:0 auto;}

.ui-dialog{display:none;padding:20px;background:#fff;border:1px solid #ff9d00;-moz-border-radius:4px;}
.ui-dialog .ui-dialog-titlebar{overflow:hidden;padding-bottom:5px;border-bottom:1px solid #d3d3d3;}
.ui-dialog .ui-dialog-titlebar  .ui-dialog-title{font-weight:bold;font-size:18px;color:#f0a802;}
.ui-dialog .ui-dialog-titlebar a{float:right;color:#41759E;font-size:11px;}
.ui-dialog .content{padding-top:10px;font-size:12px;}
.ui-dialog .content strong{font-weight:bold;}
.ui-dialog .content p{margin:5px 0;font-size:11px;color:#9e9e9e;}
.ui-dialog .content ul{margin-top:15px;}
.ui-dialog .content ul li{margin:5px 0;padding:6px 0 0 35px;height:22px;background:url(images/order/dialog-alert-icon.png) no-repeat 0 0;color:#595959;}
.ui-widget-overlay{position:absolute;top:0;background:#000;opacity:0.2;}

.error-dialog,
.sending-dialog{display:none;}

.sending-dialog strong{display:block;margin:0 auto;padding-top:20px;width:225px;background:url(images/contact/loader.gif) no-repeat 50% 0;text-align:center;}

/*0x ColRight*/
#wrap #wrap-content #col-right{float:right;position:relative;height:400px;}
#content.order #col-right .box{position:absolute;}
#content.order #col-right .floating{position:fixed;top:0;}
#content.order #col-right .box .content{padding-left:0;padding-right:0;}
#content.order #col-right .box .content h2{margin:0 0 12px 15px;font-weight:normal;}
#content.order #col-right .box .content h3{font-weight:normal;font-size:16px;}
#content.order #col-right .box .content .order-box{margin-bottom:10px;padding:0 15px 5px;background:url(images/order/order-line.png) no-repeat 0 100%;}
#content.order #col-right .box .content .last{margin-top:20px;padding-bottom:0;background:none;}
#content.order #col-right .box .content .last ul li{background-position:0 20px;}
#content.order #col-right .box .content p{margin:0;font-size:12px;}
#content.order #col-right .box .content p.ship span{font-weight:bold;color:#f00;}
#content.order #col-right .box .content p strong{font-weight:bold;}
#content.order #col-right .box .content ul{margin:10px 0;}
#content.order #col-right .box .content ul li{overflow:hidden;margin-bottom:5px;padding:0;background:url(images/order/prices-line.png) repeat-x 0 13px;}
#content.order #col-right .box .content ul li em{float:left;padding-right:5px;font-weight:bold;font-size:16px;background:#f5f5f5;}
#content.order #col-right .box .content ul li strong{float:right;padding-left:5px;background:#f5f5f5;font-size:20px;color:#F0A802;}
#content.order #col-right .box .content ul.options li{background-position:0 11px;}
#content.order #col-right .box .content ul.options li em{font-size:14px;}
#content.order #col-right .box .content ul.options li strong{font-weight:normal;font-size:16px;}
#content.order #col-right .box .content ul li.total em{font-size:24px;color:#000;}
#content.order #col-right .box .content ul li.total strong{font-size:24px;font-weight:bold;}