@charset "UTF-8";
/* vim:set fileencoding=UTF-8 nobomb: */

/*╶──────────────────────────────────────╮
╷   Transformer un devis : Accordéon     ╵
╰──────────────────────────────────────╴*/

.ui-accordion .ui-accordion-header {
	font-weight: bold;
	padding: 5px 25px;
}
.ui-accordion .ui-corner-all {
    border-radius: 2px;
}

/*╶──────────────────────────────────────╮
╷   Onglets                              ╵
╰──────────────────────────────────────╴*/

.box-tabs {
	background-color: #eaeaea;
	overflow: auto;
	padding-top: 10px;
}
.box-tab {
	float: left;
	margin-left: 10px;
	background-color: #bbb;
	border: 1px solid #bbb;
	border-bottom: 0 none;
	border-radius: 4px 4px 0 0;
	padding: 5px 12px;
	color: white;
	cursor: pointer;
	font-size: 13px;
}
.box-tab a {
	color: white;
}
.box-tab:hover {
	background-color: white;
	border-color: white;
	color: #bbb;
}
.box-tab:hover a {
	color: #666;
}
.box-tab-selected {
	background-color: #fff;
	color: #666;
	border-color: #bbb;
}
.box-tab-selected a,
.box-tab-selected a:hover {
	color: #666;
}
.box-tab-selected:hover {
	background-image: linear-gradient(to bottom, #bbb, white 5px);
	border-color: #bbb;
	color: #666;
}
.box-tab:focus,
.box-tab:focus a,
.box-tab a:focus {
	text-decoration: underline;
	outline: 0 none;
}

/*╶──────────────────────────────────────╮
╷   Anciens boutons                      ╵
╰──────────────────────────────────────╴*/

.bt,
.bt-green,
.bt-orange,
.bt-red {
	display: inline-block;
	color: black;
	text-decoration: none;
	border: 1px solid #e3e3e3;
	border-radius: 1px;
	padding: 0 13px;
	vertical-align: middle;
	white-space: nowrap;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 28px;
	line-height: 26px;
	font-size: 14px;
	cursor: pointer;
}
.bt {
	background-color: #fff;
    background-image: linear-gradient(to bottom, #f3f3f3, #eaeaea);
}
#bts .bt-orange,
#bts .bt-red,
.bt-red {
	background-image: linear-gradient(to bottom, #f3f3f3, #eaeaea);
}
#bts .bt-orange:hover {
	color: black;
	background-color: #f4d079;
	background-image: linear-gradient(to bottom, #f6da97, #f1c760);
	border-color:#f4d079;
}
#bts .bt-red:hover,
.bt-red:hover {
	color: white;
	background-image: linear-gradient(to top, #c33, #dc706d);
	border-color: #c33;
}
.bt-green,
.bts .bt.overbox3_transform_link,
.bts .bt.overbox3-transform-link,
.bts .bt.orderquotation,
.flip .orderquotation .bt,
.flop .orderquotation .bt,
.feedback .bt,
.bt.nextstep,
.transfert .form-table .bt {
	background-color: #f4d079;
	background-image: linear-gradient(to bottom, #f6da97, #f1c760);
	border-color: #f4d079;
}
.bt::-moz-focus-inner,
.bt-green::-moz-focus-inner,
.bt-orange::-moz-focus-inner,
.bt-red::-moz-focus-inner {
	border-color: transparent;
}
a:focus .bt,
.bt:focus,
.bt-green:focus,
.bt-orange:focus {
	color: black;
	border: 1px solid #e3e3e3;
}
.bt-red:focus {
	color: white;
	background-image: linear-gradient(to top, #c33, #dc706d);
	border-color: #c33;
}
a:active .bt-red,
.bt-red:active {
	color: white;
	background-image: linear-gradient(to top, #c33, #dc706d);
	border-color: #c33;
}
a:hover .bt,
.bt:hover {
	color: black;
	background-color: #f4d079;
	background-image: linear-gradient(to bottom, #f6da97, #f1c760);
}
a:active .bt,
a:active .bt-green,
a:active .bt-orange,
.bt:active,
.bt-orange:active,
.bt-green:active {
	color: black;
	background-color: #f4d079;
	background-image: linear-gradient(to bottom, #f6da97, #f1c760);
}

/* BTN Connect / Subscribe */
.bt-green.overbox-connect-link {
	background-color: #96c11f;
	background-image: linear-gradient(to bottom, #a8cb45, #7ea11b);
}
.bt-green.overbox-connect-link:hover,
.bt-green.overbox-connect-link:focus {
	color: black;
    background-color: #fff;
	background-image: linear-gradient(to bottom, #f3f3f3, #eaeaea);
	border-color:#e3e3e3;
}

/*eof*/