#calc-marge {
  margin: auto;
  width: 100%;
  font-size: 16px;
  display: table;
  background: #f7f8f9; }
  #calc-marge .form-row {
    background: none !important; }
    @media (min-width: 47em) {
      #calc-marge .form-row {
        display: table-row; } }
  #calc-marge .form-row:nth-child(even) {
    background: none !important; }
  #calc-marge input, #calc-marge .unit, #calc-marge .help {
    float: left; }
    @media (min-width: 47em) {
      #calc-marge input, #calc-marge .unit, #calc-marge .help {
        float: none;
        display: table-cell;
        padding: 5px;
        vertical-align: top; } }
  #calc-marge label {
    padding: 5px;
    vertical-align: middle;
    font-weight: normal;
    font-size: 0.9em;
    line-height: 1em;
    display: table-row;
    margin: 0px 5px; }
    @media (min-width: 47em) {
      #calc-marge label {
        display: table-cell;
        font-size: 1em;
        text-align: right; } }
  #calc-marge .unit {
    padding: 9px 5px 0px 5px;
    height: 20px;
    color: #999;
    width: auto; }
    @media (min-width: 47em) {
      #calc-marge .unit {
        width: 40px; } }
    #calc-marge .unit.alignright {
      width: 10px;
      text-align: right; }
  #calc-marge #calc-result {
    font-weight: bold; }
  #calc-marge input {
    padding: 5px !important;
    border-radius: 3px;
    margin: 5px 0px 5px 5px;
    width: 100px;
    font-size: 1em;
    line-height: 1em;
    text-align: right;
    border: 1px solid #dedede;
    height: 20px; }
    #calc-marge input:disabled {
      background: #efefef; }
    #calc-marge input.error {
      border: 2px solid #ff0000; }
    #calc-marge input.validated {
      border: 1px solid green; }
    #calc-marge input:focus {
      outline: 0; }
  #calc-marge .help {
    display: block;
    margin: 8px 10px;
    color: #7e2627;
    font-weight: bold;
    float: right; }
    @media (min-width: 47em) {
      #calc-marge .help {
        margin: 8px 10px;
        float: none;
        display: table-cell; } }
    #calc-marge .help:hover {
      cursor: pointer; }

.fr #calc-marge .unit.en {
  opacity: 0;
  width: 0px; }

.fr #calc-marge .unit.en.fr {
  opacity: 1; }

.en #calc-marge .unit.fr {
  opacity: 0; }

.en #calc-marge .unit.en.fr {
  opacity: 1; }