.alert .lead{
  color: white;
}
.form-item label {
  font-weight: bold;
  font-size: 1em;
}
.form-group,
.form-wrapper {
  margin-bottom: 2.75em!important;
}
#edit-produit-style-chic--wrapper {
  margin-left: 10px;
}
#edit-produit-style-chic--wrapper legend{
  display: none;
}

#edit-01-quel-produit-style-chic-utilisez-vous--wrapper, 
#edit-09-donner-une-note-de-0-a-10-pour-chacun-des-produits-ci-dessous,
#edit-21-avez-vous-rencontre-des-problemes-lors-de-l-utilisation--wrapper, 
#edit-22-souhaitez-vous-ajouter-quelque-chose-concernant-style-chic--wrapper {
  margin-bottom: 10px!important;
}
.form-item-_9-1-poudre-decolorante-silver-x2,
.form-item-_9-2-poudre-decolorante-gold-x3, 
.form-item-_9-3-serum-capillaire {
  margin-left: 10px!important;
  margin-bottom: 10px!important;
}
.form-item-_9-4-brillantine {
  margin-left: 10px!important;
  margin-bottom: 2.75em!important;
}
.form-item-_1-1-quel-est-le-produit-concerne,
.form-item-_1-2-quel-etait-le-probleme-rencontre,
.form-item-_2-1-si-oui-merci-de-preciser-ce-dont-il-s-agit {
  margin-left: 2.75em;
  margin-right: 2.75em;
}
.form-item-_1-1-quel-est-le-produit-concerne label,
.form-item-_1-2-quel-etait-le-probleme-rencontre label,
.form-item-_2-1-si-oui-merci-de-preciser-ce-dont-il-s-agit label {
  font-size: 0.9em;
  color: #666;
}
/**
 * Question 01 : Choix Produits STYLE CHIC 
 **/
#edit-produit-style-chic {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
#edit-produit-style-chic .form-item {
  flex-basis: 0;
  flex-grow: 1;
  overflow: hidden;
  border: solid 1px #eee;
  border-radius: 3px;
  background-color: #fafafa;
  padding: 170px 3px 3px 3px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}
#edit-produit-style-chic .checkbox {
  margin: 0 10px;
}
#edit-produit-style-chic label {
  width: 100%;
  margin-top: 105%;
  text-align: center;
  padding: 5px 0 0 0;
  border-top: solid 1px #eee;
}
#edit-produit-style-chic input {
  position: absolute;
  top: 5px;
  left: 25px;
  z-index: 1;
}
#edit-produit-style-chic .form-item < input:checked {
  border-color: #3db5d8;
}
/**
 * Question 09 : Noter les produits
 **/
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3, 
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire, 
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  /** width: 256px; **/
  width: 23%;
  border: solid 1px #eee;
  border-radius: 3px;
  overflow: hidden;
  padding: 220px 3px 3px 3px;
}
html[dir="ltr"] .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2,
html[dir="ltr"] .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3, 
html[dir="ltr"] .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire, 
html[dir="ltr"] .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine {
  float: left;
}
html[dir="rtl"] .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2,
html[dir="rtl"] .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3, 
html[dir="rtl"] .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire, 
html[dir="rtl"] .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine {
  float: right;
}
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2 label,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3 label, 
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire label, 
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine label {
  margin-top: 105%;
  text-align: center;
  font-size: 0.875em;
  font-weight: 300;
  width: 100%;
  border-top: solid 1px #eee;
  padding-top: 5px;
}
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2 .rateit,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3 .rateit, 
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire .rateit, 
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine .rateit {
  display: block;
  text-align: center;
}
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2 .rateit .rateit-reset,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3 .rateit .rateit-reset, 
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire .rateit .rateit-reset, 
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine .rateit  .rateit-reset {
  float: none;
}
/**
 * Visuel des produits
 * Question 01
 * Question 09
 **/
.webform-submission-questionnaire-de-satisfaction-form .form-item-produit-style-chic-decapage-silver-x2,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2 {
  background-image: url(/sites/default/files/questionnaire-de-satisfaction/style_chic_poudre_bleu_decolorante_silver_30g_400g_256x256.png);
}
.webform-submission-questionnaire-de-satisfaction-form .form-item-produit-style-chic-decapage-gold-x3,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3 {
  background-image: url(/sites/default/files/questionnaire-de-satisfaction/style_chic_poudre_bleu_decolorante_gold_30g_400g_256x256.png);
}
.webform-submission-questionnaire-de-satisfaction-form .form-item-produit-style-chic-serum-capilaire, 
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire {
  background-image: url(/sites/default/files/questionnaire-de-satisfaction/style_chic_serum_capillaire_256x256.png);
}
.webform-submission-questionnaire-de-satisfaction-form .form-item-produit-style-chic-brillantine, 
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine {
  background-image: url(/sites/default/files/questionnaire-de-satisfaction/style_chic_brillantine_256x256.png);
}
.webform-submission-questionnaire-de-satisfaction-form .form-item-produit-style-chic-creme-oxydante {
  background-image: url(/sites/default/files/questionnaire-de-satisfaction/style_chic_creme_oxydante_80ml_1l_5l_256x256.png);
}
/**
 * Question 09
 **/
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2 .input-group,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3 .input-group,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire .input-group,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine .input-group {
  width: 100%;
}
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2 .input-group input,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3 .input-group input,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire .input-group input,
.webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine .input-group input {
  text-align: center;
}
/**
 * Question 10
 **/
#edit-10-quels-sont-les-points-forts-des-produits-style-chic {
  clear: both;
}
/**
 * rtl
 **/
html[dir="rtl"] .radio input[type="radio"],
html[dir="rtl"] .radio-inline input[type="radio"],
html[dir="rtl"] .checkbox input[type="checkbox"],
html[dir="rtl"] .checkbox-inline input[type="checkbox"] {
  margin-right: -20px;
}
html[dir="rtl"] .radio label,
html[dir="rtl"] .checkbox label {
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .page-header {
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
  }
 /**
  * Question 01 : Choix Produits STYLE CHIC 
  **/
  #edit-produit-style-chic {
    flex-basis: auto;
    flex-direction: column;
  }
  #edit-produit-style-chic .form-item{
    flex-basis: auto;
    margin-bottom: 15px;
  }

 /**
  * Question 09 : Noter les produits
  **/
  .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2,
  .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3, 
  .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire, 
  .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine {
    width: 100%;
  }
  .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-1-poudre-decolorante-silver-x2 .rateit .rateit-reset,
  .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-2-poudre-decolorante-gold-x3 .rateit .rateit-reset, 
  .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-3-serum-capillaire .rateit .rateit-reset, 
  .webform-submission-questionnaire-de-satisfaction-form .form-item-_9-4-brillantine .rateit  .rateit-reset {
    padding-top: 24px;
  }
}