@font-face {
    font-family: 'riffic-bold';
    src: url('riffic-bold-webfont.woff2') format('woff2'),
         url('riffic-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html, body{
  background: none;
  font-size:
}

.sondage{
  background-color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-family: 'riffic-bold', Arial, sans-serif;
  border-radius:5px;
}
.sondage-titre{
  padding-top:15px;
  font-family: 'riffic-bold', Arial, sans-serif;
  background-color: rgba(255,255,255,0.5);
  color: #006b8b;
  padding-bottom: 15px;
  margin:0px;
  border-bottom-style: solid;
  border-bottom-color: white;
}
.form-sondage{
  font-family: arial;
  text-align: left;
  padding:15px;
  }
.form-question{
  font-weight: bold;
  text-align: left;
  font-size: 100%;
  margin-left: 5px;
}
.form-opt{
  /*visibility: hidden;*/
  margin: 15px 0px 15px 15px;

}
.form-option{
  font-size: 90%;
  font-weight: bold;
  margin: 15px 0px 15px 0px;
  text-align: left;
}
.button-submit{
  background-color: #ffb300;
  color: #006b8b;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 15px auto 15px auto;
  border-radius: 28px;
  border-style: none;
  padding: 10px 50px 10px 50px;
  display: block;
  font-family: 'riffic-bold', Arial, sans-serif;
}
.sondage-que{
  font-family: arial;
  text-align: left;
  padding:15px;
  font-weight: bold;
  text-align: left;
  font-size: 100%;
  margin:0px;
  background-color: rgba(255,179,0,0.8);
}
.sondage-rep{
  font-family: arial;
  text-align: left;
  padding:15px;
  font-size: 90%;
  margin: 15px 0px 15px 0px;
  text-align: left;
  font-weight: bold;
}