/* 
    Created on : 9 févr. 2016, 18:31:40
    Author     : remi
*/
/* ***** */
/* COLOR */
.btn-recherche-form {
  color: #808080;
  background-color: #e9e9e9;
  border-color: #cacaca;
}
.btn-recherche-form:hover {
  background-color: #e0e0e0;
}
.personnalisation #bg-preview {
  padding-right: 160px;
  height: 400px;
}
.personnalisation #bg-preview .loading {
  padding-right: 160px;
}
.personnalisation #bg-preview .container-preview {
  display: inline-block;
  height: 400px;
}
.personnalisation #bg-preview-color-base {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.personnalisation .container-cotes {
  top: 0;
  right: 0;
  width: 160px;
}
.personnalisation .container-cotes > ul.cotes {
  width: 100%;
}
.personnalisation .container-cotes > ul.cotes > li {
  display: block;
  margin: 30px 0;
  font-size: 12px;
}
.personnalisation .rech-type label {
  display: inline-block;
  padding-left: 5px;
}
.personnalisation .rech-type label:first-of-type {
  margin-right: 15px;
}
.personnalisation .form-recherche {
  display: flex;
  justify-content: space-between;
}
.personnalisation .form-recherche a {
  visibility: hidden;
  position: relative;
  right: 28px;
  font-size: 19px;
}
.personnalisation .form-recherche a:hover,
.personnalisation .form-recherche a:active {
  color: initial;
}
.personnalisation .form-recherche .form-control {
  margin-right: 5px;
}
.personnalisation .box .choice-forme-group .choice-forme {
  border: 1px solid #22C773;
  overflow-y: auto;
  margin-bottom: 15px;
  height: 200px;
  padding: 1px;
}
.personnalisation .box .choice-forme-group .choice-forme .input-radio {
  display: inline-block;
  width: 43px;
  height: 43px;
  background: #FFFFFF;
  cursor: pointer;
}
.personnalisation .box .choice-forme-group .choice-forme .input-radio img {
  width: 100%;
  opacity: 0.5;
}
.personnalisation .box .choice-forme-group .choice-forme .input-radio > div {
  border: 2px solid transparent;
  padding: 3px;
}
.personnalisation .box .choice-forme-group .choice-forme .input-radio > div.no-touch:hover {
  border-color: rgba(34, 199, 115, 0.8);
}
.personnalisation .box .choice-forme-group .choice-forme .input-radio.checked > div {
  border-color: #22C773;
}
.personnalisation .box .choice-forme-group .choice-forme .input-radio.checked > div:hover {
  border-color: #22C773;
}
.personnalisation .box .choice-forme-group .choice-forme .input-radio input {
  opacity: 0;
  position: absolute;
  left: -100px;
}
@media (max-width: 550px) {
  .personnalisation #bg-preview {
    padding-right: 0;
    padding-bottom: 50px;
  }
  .personnalisation #bg-preview .container-preview {
    height: 350px;
  }
  .personnalisation .container-cotes {
    width: 100%;
    height: 50px;
    bottom: 0;
    top: auto;
  }
  .personnalisation .container-cotes > ul.cotes {
    padding: 0 120px 0 0px;
  }
  .personnalisation .container-cotes > ul.cotes > li {
    display: inline-block;
    margin: 8px 20px 0;
  }
}
@media (max-width: 350px) {
  .personnalisation .container-cotes > ul.cotes > li {
    font-size: 10px;
  }
}
/*# sourceMappingURL=personnalisation_formes.css.map */