body {

}

.titre-rating{
color: white;
font-size: 1.5em;

}


input[type=submit] {

  background: transparent;
  border: none;
  color: white;
  border-radius: 7px;
  height: 47px;
  display: flex;
  align-items: center;
  justify-content: left;
  margin-left: 0.9em;
  margin-right: 0.9em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  font-weight: 600;



}


.bouton-submit {

  background: linear-gradient(to bottom right, #fd6766,#fe8664);
  border-radius: 7px;
  height: 50px;
  display: flex;
  margin-left: 0.9em;
  margin-right: 0.9em;
  justify-content: center;
  align-items: center;
}










@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?c9t9qf');
  src:  url('fonts/icomoon.eot?c9t9qf#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?c9t9qf') format('truetype'),
    url('fonts/icomoon.woff?c9t9qf') format('woff'),
    url('fonts/icomoon.svg?c9t9qf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 44px;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-heart:before {
  content: "\e900";

}


















#half-stars-example {

}
#half-stars-example .rating-group {
  display: inline-flex;
}
#half-stars-example .rating__icon {
  pointer-events: none;
}
#half-stars-example .rating__input {
  position: absolute !important;
  left: -9999px !important;
}
#half-stars-example .rating__label {
  cursor: pointer;
  /* if you change the left/right padding, update the margin-right property of .rating__label--half as well. */
  padding: 0 0.1em;
  font-size: 2rem;
}
#half-stars-example .rating__label--half {
  padding-right: 0;
  margin-right: -0.6em;
  z-index: 2;
}
#half-stars-example .icon-heart {
  color: white;
}
#half-stars-example .rating__icon--none {
  color: #eee;
}
#half-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
  color: red;
}
#half-stars-example .rating__input:checked ~ .rating__label .icon-heart {
  color: #464d99;
}
#half-stars-example .rating-group:hover .rating__label .icon-heart,
#half-stars-example .rating-group:hover .rating__label--half .icon-heart {
  color: white;
}
#half-stars-example .rating__input:hover ~ .rating__label .icon-heart,
#half-stars-example .rating__input:hover ~ .rating__label--half .icon-heart {
  color: #464d99;
}
#half-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
  color: #eee;
}
#half-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
  color: red;
}