.titre-bleu {
  background-color: #0a3857;
  padding:8px;
  color:#fff;
}

.input-group-addon {
  padding:6px 12px;
  font-size:14px;
  font-weight:normal;
  line-height:1;
  color:#ffffff;
  text-align:center;
  background-color: #0a3857;
  border:1px solid #eeeeee;
  border-radius:4px;
}

.form-control {
  display:block;
  width:100%;
  height:36px;
  padding:6px 12px;
  font-size:14px;
  line-height:1.6;
  color:#555555;
  background-color:#dbdbdb;
  background-image:none;
  border:1px solid #eeeeee;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition:border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition:border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.btn-bleu {
  color:#fff;
  background-color:#86939c;
  border-color: #0a3857;
  width:90px;
  height:90px;
}

.btn-bleu.active, .btn-bleu:active, .btn-bleu:active:hover {
  color:#fff;
  background-color: #0a3857;
  border-color:#2a88bd;
  width:90px;
  height:90px;
}

.btn-bleu-type:hover {
  color:#fff;
  background-color: #0a3857;
  border-color:#2a88bd;
}

.btn-bleu.active, .btn-bleu-type:active, .btn-type:active:hover {
  color:#fff;
  background-color: #0a3857;
  border-color:#2a88bd;
}

.btn-bleu-type:hover {
  color:#fff;
  background-color: #0a3857;
  border-color:#2a88bd;
}

.btn-radio {
  width:100%;
}

.img-radio {
  opacity:0.5;
  margin-bottom:5px;
}

.space-20 {
  margin-top:20px;
}

.frb-group {
  margin:15px 0;
}

.frb ~ .frb {
  margin-top:15px;
}

.frb input[type="radio"]:empty, .frb input[type="checkbox"]:empty {
  display:none;
}

.frb input[type="radio"] ~ label:before, .frb input[type="checkbox"] ~ label:before {
  font-family:FontAwesome;
  content:'\f096';
  position:absolute;
  top:50%;
  margin-top:-11px;
  left:15px;
  font-size:22px;
}

.frb input[type="radio"]:checked ~ label:before, .frb input[type="checkbox"]:checked ~ label:before {
  content:'\f046';
}

.frb input[type="radio"] ~ label, .frb input[type="checkbox"] ~ label {
  position:relative;
  cursor:pointer;
  width:100%;
  border:1px solid #ccc;
  border-radius:5px;
  background-color:#f2f2f2;
}

.frb input[type="radio"] ~ label:focus, .frb input[type="radio"] ~ label:hover, .frb input[type="checkbox"] ~ label:focus, .frb input[type="checkbox"] ~ label:hover {
  box-shadow:0px 0px 3px #333;
}

.frb input[type="radio"]:checked ~ label, .frb input[type="checkbox"]:checked ~ label {
  color:#fafafa;
}

.frb input[type="radio"]:checked ~ label, .frb input[type="checkbox"]:checked ~ label {
  background-color:#f2f2f2;
}

.frb.frb-default input[type="radio"]:checked ~ label, .frb.frb-default input[type="checkbox"]:checked ~ label {
  color:#333;
}

.frb.frb-primary input[type="radio"]:checked ~ label, .frb.frb-primary input[type="checkbox"]:checked ~ label {
  background-color: #0a3857;
}

.frb.frb-success input[type="radio"]:checked ~ label, .frb.frb-success input[type="checkbox"]:checked ~ label {
  background-color:#5cb85c;
}

.frb.frb-info input[type="radio"]:checked ~ label, .frb.frb-info input[type="checkbox"]:checked ~ label {
  background-color:#5bc0de;
}

.frb.frb-warning input[type="radio"]:checked ~ label, .frb.frb-warning input[type="checkbox"]:checked ~ label {
  background-color:#f0ad4e;
}

.frb.frb-danger input[type="radio"]:checked ~ label, .frb.frb-danger input[type="checkbox"]:checked ~ label {
  background-color:#d9534f;
}

.frb input[type="radio"]:empty ~ label span, .frb input[type="checkbox"]:empty ~ label span {
  display:inline-block;
}

.frb input[type="radio"]:empty ~ label span.frb-title, .frb input[type="checkbox"]:empty ~ label span.frb-title {
  font-size:16px;
  font-weight:700;
  margin:5px 5px 5px 50px;
}

.frb input[type="radio"]:empty ~ label span.frb-description, .frb input[type="checkbox"]:empty ~ label span.frb-description {
  font-weight:normal;
  font-style:italic;
  color:#999;
  margin:5px 5px 5px 50px;
}

.frb input[type="radio"]:empty:checked ~ label span.frb-description, .frb input[type="checkbox"]:empty:checked ~ label span.frb-description {
  color:#fafafa;
}

.frb.frb-default input[type="radio"]:empty:checked ~ label span.frb-description, .frb.frb-default input[type="checkbox"]:empty:checked ~ label span.frb-description {
  /*color:#999;*/
}

.btn-label {
  position:relative;
  left:-12px;
  display:inline-block;
  padding:6px 12px;
  background:rgba(0,0,0,0.15);
  border-radius:3px 0 0 3px;
}

.btn-labeled {
  padding-top:0;
  padding-bottom:0;
}

.btn-bleu-devis {
  background-color: #0a3857;
  color:#ffffff;
  border-radius:0;
}

.btn-vert-devis {
  background-color:#4CAF50;
  color:#ffffff;
  border-radius:0;
}

.bs-wizard {
  margin-top:40px;
}

.bs-wizard {
  border-bottom:solid 1px #e0e0e0;
  padding:0 0 10px 0;
}

.bs-wizard > .bs-wizard-step {
  padding:0;
  position:relative;
}

.bs-wizard > .bs-wizard-step + .bs-wizard-step {
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color:#595959;
  font-size:14px;
  margin-bottom:5px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color:#999;
  font-size:14px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position:absolute;
  width:30px;
  height:30px;
  display:block;
  background: #0a3857;
  top:45px;
  left:50%;
  margin-top:-15px;
  margin-left:-15px;
  border-radius:50%;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content:' ';
  width:14px;
  height:14px;
  background: #0a3857;
  border-radius:50px;
  position:absolute;
  top:8px;
  left:8px;
}

.bs-wizard > .bs-wizard-step > .progress {
  position:relative;
  border-radius:0px;
  height:8px;
  box-shadow:none;
  margin:20px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width:0px;
  /*box-shadow:none;*/
  background: #0a3857;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width:100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width:50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width:0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width:100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color:#dedede;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity:0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
  left:50%;
  width:50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
  width:50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events:none;
}

div.clear {
  clear:both;
}

div.product-chooser {

}

div.product-chooser.disabled div.product-chooser-item {
  //zoom:1;
  filter:alpha(opacity=60);
  opacity:0.6;
  cursor:default;
}

div.product-chooser div.product-chooser-item {
  padding:2px;
  border-radius:6px;
  cursor:pointer;
  position:relative;
  border:1px solid #efefef;
  margin-bottom:5px;
  margin-left:2px;
  margin-right:2px;
  text-align: center;
}

div.product-chooser div.product-chooser-item.selected {
  border:1px solid #0a3857;
  background:#efefef;
  /*padding: 8px;*/
  filter:alpha(opacity=100);
  opacity:1;
}

div.product-chooser div.product-chooser-item img {
  padding: 2px;
  display: inline-block;
  max-width: 100%;
  height: 160px;
}

div.product-chooser div.product-chooser-item span.title {
  display:block;
  margin:10px 0 5px 0;
  font-weight:bold;
  font-size:medium;
}

div.product-chooser div.product-chooser-item span.description {
  font-size:12px;
}

div.product-chooser div.product-chooser-item input {
  position:absolute;
  left:0;
  top:0;
  visibility:hidden;
}

.form-control::-webkit-input-placeholder {
  color: #0a3857;
}

.form-control:-moz-placeholder {
  color: #0a3857;
}

.form-control::-moz-placeholder {
  color: #0a3857;
}

.form-control:-ms-input-placeholder {
  color: #0a3857;
}

.form-control::-ms-input-placeholder {
  color: #0a3857;
}

.recherche-devis {
  background:white;
}

.navbar.navbar-default.navbar-fixed-bottom {
  background: #0a3857;
  color:white;
}

.navbar-fixed-bottom .navbar-btn.btn {
  color:white;
  background:inherit;
}

.badge.badge-bleu {
  background-color: rgb(10, 56, 87);
  margin:5px;
  font-size:17px;
  margin-top:5px;
  padding:8px;
  border-radius:5%;
}

.container {
  max-width:1000px;
  width:100%;
}

h1, h2, h3, h4, h5, h6 {
  font-family:Open sans;
}

p {
  font-family:Open sans;
}

.icon-config {
  text-align:center;
  background-color: rgb(10, 56, 87);
  border-radius:100%;
  padding:10px;
  color:white;
  font-size:18px;
}

.row-grey {
  background-color:rgb(242,242,242);
  padding:15px 15px 15px 15px;
}

.coulisse-droit {
  background-color:rgb(82,82,82);
  height:144px;
  width:20px;
  float:left;
  vertical-align:top;
}

.coulisse-gauche {
  background-color:rgb(82,82,82);
  height:144px;
  width:20px;
  float:left;
  vertical-align:top;
}

.tablier {
  width:530px;
  float:left;
  vertical-align:top;
}

.coffre {
  background-color:rgb(65,65,65);
  height:15px;
  width:570px;
}

.selectpicker.select-bleu {
}

.btn-bleu-devis:hover {
  color:white;
}

.btn-bleu-devis:active {
  color:white;
}

.btn-bleu-devis:focus {
  color:white;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color:white;
  background: rgb(167, 137, 102);
}

.small-padd {
  padding:2px!important;
}

.popover{

  max-width:250px !important;
}

.col-xs-ariane
{
  width: 14%;
}

.tree {
  page-break-inside: avoid;
}

html body
{
  margin-bottom: 65px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}