
/* MISC */
  abbr[title] {border:none;}


  .simul {
    background-color: white;
    border:1px solid #cecece;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin:3em 0 !important;
  }
  
  .simul-form, .simul-result {
    padding: 2em 3em !important;
  }

  .simul-form h3 {
    background: transparent url('/fr/epargnants/offres/avance-epargne-salariale/visuels/calculette.svg') center left no-repeat;
    background-size: 33px 42px;
    color:#2f2f2f;
    font-family: "AktivGroteskW01-Medium",Arial,sans-serif;
    font-size: 1em;
    letter-spacing: 2px;
    margin-bottom: 2em;
    padding: .882em 0 .882em 3.529em;
    text-transform: uppercase;
  }


  .simul-form div {
    overflow: hidden;
    padding: 1.5em 0;
    position: relative;
  }

  .simul-form label {
    color: #696969;
    float:left;
    font-family: "AktivGroteskW01-Medium",Arial,sans-serif;
    font-size: .765em;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .simul-form label .mandatory {
    color: #de595a;
  }

  .simul-form input {
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,.13) inset;
    color: #a3a3a3;
    float: left;
    font-family: "AktivGroteskW01-Medium",Arial,sans-serif;
    font-size: 1.059em;
    letter-spacing: 1px;
    padding: .75em 1em;
    width: 90%;
  }

  .simul-form input:focus {
    border-color: #58b08e;
  }

  .simul-form input:active, .simul-form input:focus {
    color: #2b3446;
  }

  .simul-form div span {
    bottom: 1.2em;
    font-size: 1.765em;
    font-family: "AktivGroteskW01Medium",Arial,sans-serif;
    position: absolute;
    right: .3em;
  }

  #mentionRMN {
    color: #a3a3a3;
    display: block;
    font-size: .75em;
    margin-bottom: -1.2em;
    right: 0;
    width: 100%;
  }
  #mentionRMN.highlight {
    background-color: #f6ef6d;
  }  

  .simul-action {
    overflow: hidden;
    margin-bottom: 0;
    padding-top: 2em;
  }

  #SIMsimuler {
    border: 1px solid #4A5A8E;
    border-radius: 3px;
    background: #6579bf; /* Old browsers */
    background: -webkit-linear-gradient(#6579bf 0%, #596ba8 100%);
    background: -o-linear-gradient(#6579bf 0%, #596ba8 100%);
    background: linear-gradient(#6579bf 0%, #596ba8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6579bf', endColorstr='#596ba8',GradientType=0 );
    box-shadow: 0 1px 0 #445483;
    color:white;
    font-family: "AktivGroteskW01-Medium",Arial,sans-serif;
    font-size: .706em;
    letter-spacing: 1px;
    padding: .5em 1.5em;
    text-transform: uppercase;
    float: right;
  }
  #SIMsimuler:hover, #SIMsimuler:focus {
    background: #596ba8; /* Old browsers */
    background: -webkit-linear-gradient(#596ba8 0%, #6579bf 100%);
    background: -o-linear-gradient(#596ba8 0%, #6579bf 100%);
    background: linear-gradient(#596ba8 0%, #6579bf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596ba8', endColorstr='#6579bf',GradientType=0 );
  }

  #SIMsimuler:active {
    background: #445483;
    box-shadow: none;
  }

  #SIMclear {
    border:1px solid #E3E2DE;
    border-radius: 3px;
    background: #F1F1EC; /* Old browsers */
    background: -webkit-linear-gradient(#F1F1EC 0%, #EBEAE6 100%);
    background: -o-linear-gradient(#F1F1EC 0%, #EBEAE6 100%);
    background: linear-gradient(#F1F1EC 0%, #EBEAE6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F1F1EC', endColorstr='#EBEAE6',GradientType=0 );
    box-shadow: 0 1px 0 #EBEBE9;
    color:#2B3447;
    font-family: "AktivGroteskW01-Medium",Arial,sans-serif;
    font-size: .706em;
    letter-spacing: 1px;
    padding: .5em 1.5em;
    text-transform: uppercase;
    float: left;
  }

  #SIMclear:hover, #SIMclear:focus {
    background: #EBEAE6; /* Old browsers */
    background: -webkit-linear-gradient(#EBEAE6 0%, #F1F1EC 100%);
    background: -o-linear-gradient(#EBEAE6 0%, #F1F1EC 100%);
    background: linear-gradient(#EBEAE6 0%, #F1F1EC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEAE6', endColorstr='#F1F1EC',GradientType=0 );
  }

  #SIMclear:active {
    background: #D8D7D4;
    box-shadow: none;
  }

  button i {
    display: none;
  }

  .simul-result {
    background-color: #2d5aa8 !important;
    color: white;
    font-family: "AktivGroteskW01-Regular",Arial,sans-serif;
  }

  .js .simul-result {
    display: none;
  }
  .no-js .simul-result, .simul-result.show {
    display: block;
  }

  .result-montant {
    color:white;
    font-family: "AktivGroteskW01-Medium",Arial,sans-serif;
    font-size: 1em;
    letter-spacing: 1px;
    padding: 1em 0 1.5em 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
  }
  .result-montant span {
    display: block;
    font-family: "AktivGroteskW01Light",Arial,sans-serif;
    font-size: 3.529em;
    line-height: 1.5em;
  }

  .result-item {
    overflow: hidden;
    padding: 0 0 .75em 0;
    text-align: center;
    width: 100%;
  }

  .result-item .libelle {
    color: #c8d0e3;
  }

  .simul-notes {
    font-size:.824em;
    padding-left: 2.143em;
  }

  #mentions {
    background-color: white;
    padding: 1em 0 3.294em 0;
  }
  #mentions p {
    font-size: .824em;
  }


/* < 1034px */
@media only screen and (max-width: 60.824em) {
  #dos_go img {display: none;}
}  