@charset "UTF-8";
/* mixins */
/** breakpoints **/
/*** TODO : checker si les valeurs de la preprod sont ok avec les planches ***/
/*** TODO : une fois les valeurs fixees, creer mixins breakpoints ***/
/* valeur de la preprod fournie 1200 */
/* valeur interm├®diaire de la preprod: ├á supprimer ? */
/* valeur de la preprod fournie 1430 */
#search_block_top, #search_block_top_2, .search_box {
  padding-top: 56px; }
  #search_block_top #searchbox, #search_block_top_2 #searchbox, .search_box #searchbox {
    float: left;
    width: 100%; }
  #search_block_top .btn.button-search, #search_block_top_2 .btn.button-search, .search_box .btn.button-search {
    background: #333;
    display: block;
    position: absolute;
    top: -5px;
    right: 0;
    border: none;
    color: #fff;
    width: 50px;
    text-align: center;
    padding: 10px 0 11px 0; }
    #search_block_top .btn.button-search span, #search_block_top_2 .btn.button-search span, .search_box .btn.button-search span {
      display: none; }
    #search_block_top .btn.button-search:before, #search_block_top_2 .btn.button-search:before, .search_box .btn.button-search:before {
      content: "\f002";
      display: block;
      font-family: "FontAwesome";
      font-size: 17px;
      width: 100%;
      text-align: center; }
    #search_block_top .btn.button-search:hover, #search_block_top_2 .btn.button-search:hover, .search_box .btn.button-search:hover {
      color: #6f6f6f; }
    #search_block_top .btn.button-search:focus, #search_block_top .btn.button-search:active, #search_block_top_2 .btn.button-search:focus, #search_block_top_2 .btn.button-search:active, .search_box .btn.button-search:focus, .search_box .btn.button-search:active {
      outline: 0;
      border: 0px solid white; }
  #search_block_top #search_query_top, #search_block_top #search_query_top_2, #search_block_top .search_query_block, #search_block_top_2 #search_query_top, #search_block_top_2 #search_query_top_2, #search_block_top_2 .search_query_block, .search_box #search_query_top, .search_box #search_query_top_2, .search_box .search_query_block {
    display: inline;
    background: #f2f8fa;
    margin-right: 1px;
    box-shadow: -2px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    padding: 0 84px 0 38px;
    padding: 0 8.4rem 0 3.8rem;
    height: 42px;
    border-left: 1px solid #d6d4d4;
    border-right: none;
    border-top: none;
    border-bottom: none; }

#search_block_top {
  float: right; }

.ac_results {
  background: #fff;
  border: 1px solid #d6d4d4;
  width: 271px;
  margin-top: -1px; }
  .ac_results li {
    padding: 0 10px;
    font-weight: normal;
    color: #686666;
    font-size: 13px;
    line-height: 22px; }
    .ac_results li.ac_odd {
      background: #fff; }
    .ac_results li:hover, .ac_results li.ac_over {
      background: #fbfbfb; }

form#searchbox, form#searchbox_2, form#search_404 {
  position: relative; }
  form#searchbox label, form#searchbox_2 label, form#search_404 label {
    color: #333; }
  form#searchbox input#search_query_block, form#searchbox input.search_query_block, form#searchbox_2 input#search_query_block, form#searchbox_2 input.search_query_block, form#search_404 input#search_query_block, form#search_404 input.search_query_block {
    margin-right: 10px;
    max-width: 222px;
    margin-bottom: 10px;
    display: inline-block;
    float: left; }
  form#searchbox .button.button-small, form#searchbox_2 .button.button-small, form#search_404 .button.button-small {
    float: left; }
    form#searchbox .button.button-small i, form#searchbox_2 .button.button-small i, form#search_404 .button.button-small i {
      margin-right: 0; }

#search_block_top .btn.button-search:before, #search_block_top_2 .btn.button-search:before {
  display: none; }

#search_block_top .btn.button-search img, #search_block_top_2 .btn.button-search img {
  width: 30px; }

#searchbox::-webkit-input-placeholder,
#searchbox_2::-webkit-input-placeholder {
  /* WebKit browsers */
  text-transform: uppercase; }

#searchbox:-moz-placeholder,
#searchbox_2:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-transform: uppercase; }

#searchbox::-moz-placeholder,
#searchbox_2::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-transform: uppercase; }

#searchbox:-ms-input-placeholder,
#searchbox_2:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  text-transform: uppercase; }

#searchbox::placeholder,
#searchbox_2::placeholder {
  /* Recent browsers */
  text-transform: uppercase; }

#search_404 .btn.button-search,
#header #search_block_top .btn.button-search,
#header #search_block_top_2 .btn.button-search {
  background: white;
  width: initial;
  padding: 12px;
  border-radius: 99em;
  box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.3); }

@media (min-width: 768px) and (max-width: 1199px) {
  #search_block_top {
    padding-top: 0px; 
    position: absolute;
    right: 100px;
    top: 45px;
  }
  #header_logo {
    display: flex;
    width: 75% !important;
  }

  #search_block_top #search_query_top {
    padding: 0px 85px 0px 25px;
    height: 32px;
    margin-top: 9px;
  }

  #header #search_block_top .btn.button-search {
    padding: 12px; 
    margin-top: 5px;
  }
  #search_block_top .btn.button-search img, #search_block_top_2 .btn.button-search img {width: 19px; height: 18px;}
}
@media screen and (max-width: 768px) {
  #search_block_top {
    float: right;
    padding: 0;
    position: absolute;
    top: -3em;
    right: 10px;
  }
}

@media screen and (max-width: 560px) {
  #search_block_top {
    padding-top: 20px;
    padding-bottom: 20px;
    top: 0;
    right: 0;
    width:100%;
    position: relative;
  }
  #search_block_top #search_query_top, #search_block_top .search_query_block, .search_box #search_query_top, .search_box .search_query_block {
    height: 32px;
  }
  #header #search_block_top .btn.button-search {
    padding: 7px;
    margin-top: 1px;
  }
}

@media screen and (min-width: 561px) and (max-width: 768px) {
  #header_logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #search_block_top {
    float: none;
    position: relative;
    top: 0;
    right: 0;
    z-index: 99;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #header_logo {
    width: 100% !important;
  }
}

/*# sourceMappingURL=blocksearch.css.map */