.bloc-optionnel-criteres {
  padding: 0 10px;
  background: #f4f4f4; }
  .bloc-optionnel-criteres .case-title {
    display: block;
    margin: 0 0 10px;
    padding: 0 0 10px;
    text-transform: uppercase;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #43596b; }
  .bloc-optionnel-criteres strong {
    display: block;
    margin-top: 15px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16px;
    line-height: 1rem;
    color: black; }
  .bloc-optionnel-criteres li, .bloc-optionnel-criteres p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
    line-height: 1.125rem;
    color: #57585b; }
  .bloc-optionnel-criteres ul, .bloc-optionnel-criteres p {
    margin-top: 6px; }
  .bloc-optionnel-criteres .btn {
    display: block;
    width: 100%;
    height: 45px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Johan','Trebuchet MS',sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 45px;
    line-height: 2.8125rem;
    color: white;
    background: #d01c34;
    border: 0; }
    .bloc-optionnel-criteres .btn:hover {
      background: #8e9ba6; }

.expand.rappel {
    margin: 0 0 20px;
    /*border-bottom: 1px solid #e1dcd5;*/}
.expand.rappel .item-header {
    padding: 0 10px;
    }
.expand .expand-item .item-header {
    position: relative;
    }
.expand .expand-item .item-header .arrow {
    right: 10px;
    cursor: pointer;
    }
.expand .expand-item {
  /*border-top: 1px solid #e1dcd5;*/ }
  .expand .expand-item .item-header {
    position: relative; }
    .expand .expand-item .item-header .title-lvl-2 {
      font-family: 'Johan','Trebuchet MS',sans-serif;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 40px;
      line-height: 2.5rem;
      cursor: pointer;
      color: #D01C34;
      text-transform: none;}
    .expand .expand-item .item-header .arrow {
      display: inline-block;
      position: absolute;
      top: 17px;
      width: 11px;
      height: 6px;
      background: url(https://media.nazaretta.fr/nfr2014/img/arrow-expand-grey.png) no-repeat 0 0 transparent;
      background-size: 11px 6px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
  .expand .expand-item .item-content {
    display: none;
    padding: 5px 0 10px; }
  .expand .expand-item.on .arrow {
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    transform: rotate(180deg); }