.cadre_datas{position:relative;background:#fff;padding:10px;margin:30px 0 35px 0;border:1px solid #ddd;box-shadow:0 0 15px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 15px rgba(0, 0, 0, .2); -webkit-box-shadow:0 0 15px rgba(0, 0, 0, .2);}
h2{font: normal 32px Arial;text-align: center;padding: 10px}.rose {color:#D01A64;}
h6{font: normal 18px Arial;text-align: center;padding-bottom: 10px}
header{border-top: 6px solid #b61b2f;box-shadow: 0px 0px 20px
rgba(0, 0, 0, 0.14);padding: 10px 0px 10px;}header .navbar{min-height: 30px;margin-bottom: 0px;}
.form-control2 {display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  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;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.clear {clear:both;}
.container_reponse{padding:20px}.container_reponse div{display:block;margin-bottom: 10px}

.rouge{color: #b61b2f}.petit{font-size: 11px}.optionelements_label{padding-left: 5px}

/*************** LA ROUE **************/
  #chart{position:absolute;width:500px;height:500px;top:10px;left:10px;z-index: 1;}
  #chart::before{content: "";display: block;position: absolute;width:102%;height:102%;left: 0;top: 0;pointer-events: none;
  -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: rgba(0,0,0,0.1);z-index: -1;}
  #question{position: absolute;width:300px;height:500px;top:0;left:530px;}
  #question p{font-size: 22px;font-weight: bold;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;position: absolute;padding: 0;margin: 0;
  top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);}